CHECKING CARD BALANCE...
\n } else {\n if (withdraw) {\n limitSection = ${limitAmountState?.toLocaleString()} CARD BALANCE
;\n } else {\n // ach deposit\n limitSection = \n \n
\n \n :\n \n \n 
\n {!withdraw && \n {session.toggles.isAmountEditable && !withdraw && amountButtons}\n \n {session.toggles.isAmountEditable && 0 ? minAmount : 0}
max $${limitAmountState}`}\n />\n }\n\n SELECT {fundTypeName.toUpperCase()} \n \n \n {formattedTitle}\n \n\n \n {fundingSources.current?.map((bankAccount, index) => {\n const accountAvailable = ((!isVIPPreferred && !withdraw && transactionAmt < bankAccount.availableLimit) || (isVIPPreferred) || withdraw);\n return { onBankSelected(bankAccount) }}>{!accountAvailable && unavailableIcon}{bankAccount.bankName?.toUpperCase().substring(0, 24) + \" \" + formatAccountNumber(bankAccount.maskedAccountNumber)} \n })}\n {session.toggles.manageFundingSourcesInDropdown === true && bankOption}\n {session.toggles.manageFundingSourcesInDropdown === true && manageFundingOption}\n \n \n \n \n
\n \n
\n \n
\n \n
\n Your available deposit limit is ${AddTrailingZeros(limitAmountState?.toLocaleString())}
}\n \n max $${limitAmountState}`}\n />\n }\n
\n {showAmountExceeded && Transaction Amount entered exceeded Available limit.}\n
\n \n Secure deposit powered by PavilionPayments\n
\n \n \n {session.toggles.isAmountEditable && !withdraw && amountButtons}\n \n {session.toggles.isAmountEditable && 0 ? minAmount : 0}
max $${limitAmountState}`}\n />\n }\n\n SELECT {fundTypeName.toUpperCase()} \n \n \n {formattedTitle}\n \n\n \n {fundingSources.current?.map((bankAccount, index) => {\n const accountAvailable = ((!isVIPPreferred && !withdraw && transactionAmt < bankAccount.availableLimit) || (isVIPPreferred) || withdraw);\n return { onBankSelected(bankAccount) }}>{!accountAvailable && unavailableIcon}{bankAccount.bankName?.toUpperCase().substring(0, 24) + \" \" + formatAccountNumber(bankAccount.maskedAccountNumber)} \n })}\n {session.toggles.manageFundingSourcesInDropdown === true && bankOption}\n {session.toggles.manageFundingSourcesInDropdown === true && manageFundingOption}\n \n \n \n \n
\n \n
\n \n {/*
\n \n {showAmountExceeded && Transaction Amount entered exceeded Available limit.}\n
\n \n
\n \n
\n }\n \n );\n};\n\nexport default TransferFunds;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANFSURBVHgBvVc/TJNBFH93lg5abRsTIkKwJOKCieAAGil/3CQOXRQ2CgxOQHE1BojRUSFMLqVsCA5NJLBZLCRGB8AEXBgoCtawfCXAYMU737u0taWl3GdafsmXXu693u/e3+99DDQQ2jAcFgvU4tLDGGuWjLkYgINkEiDGpFyRUn6REuabKp1BnTPZSYRWK+8XAL4kkQYiqBuIx8VEa5UzAmaJF7cMn2R80ARh1gXEHzGMHgiALvHij91X6EMfFAIMRhov2weyt4+Sbu+O448XCgoWaCy/0JW+wzNIydKCkxKkN3H2v6skF+Etw8sZH4diQoqBxgrnSIo4FDVcJZKHMK4u3TNehMcgur8DY23PwARiv+OiCrM9plxtFbzTDOnc+nuYxWc5uqoeE6B+oJJWWYz+3zBD/GDqEWCzUGB4wrjnJdis53T/rqzm4W+Gxwypf3kSons70F3XDk+aetV6anUGTEB1QcwnaNH9x0+M6fTaDLgr66Ht2l2oK7uOTw1Mrb1TMhPwcAbshq62f+kN7P06gL5bPSrOC5ufoK+hB/bjB0qmC8Z5M8cg1eook0WUUPeqW6HsfKlak4urL1bBw5r7qWTThIuyWqsX984+hUu2UoxtR5as+2aHSi7/srbVDq6jRW5NJhRZS7BZbSk5kZKMLCZdHTDszQbksZpcTNZS+bxtf53ap4tQbMnVSXQFH6t90juhvFQDieTTmE1YS6WTjumvM5hcnzP2+hq61WVOKi8aGriU4sNxCmQtZSslFJVOOq46XWjV2Yw90nFfqVe1nre8cGKxYPMIYv/qzyVPLxH/0iTk1sncT7r4Ofby4/o4jUiWw0NYKbFCDHLEeSlRHnPrITALCk8uYIeN0FymevXCd2MIi3oQTgGYo8PucvuQKie0mt6RMSgyyFpLXARorYjp/Ygv6WEoNnD4u52YPFMNhCYDDPooFAl09p20iTNr2Atv7wbwNp1QQOBcPtFUbvem72W1TFIopOV01lHSnMQEd4Xdx6TowukiAv8PzBsYoLNyCfN+wnzEIfBQcJw+oVPqTykxLJlRW1yM1FHSHgMGmqAR6QzjLYLJWvxwo+HBkSKScpNLNi9ABG3YkPIRJvEX2UFpeS86MkIAAAAASUVORK5CYII=\"","import React, { useEffect, useState, useRef } from \"react\";\nimport Header from \"Components/Header/Header\";\nimport Footer from \"Components/Footer/Footer\";\nimport TransferFunds from \"Components/TransferFunds/TransferFunds\";\nimport useVipApiFetcher from \"Utils/Hooks/useVipApiFetcher\";\nimport useFundType, { FUNDTYPE, FUNDTYPE_NAME } from \"Utils/Hooks/useFundType\";\nimport Loading from \"Components/Loading\";\nimport useSession from \"Utils/Hooks/useSession\";\nimport useView, { VIEW } from \"Utils/Hooks/useView\";\nimport { findDefaultBank } from \"Utils/Utils\";\nimport { useHistory } from \"react-router\";\nimport LoadVipAccount from \"Components/LoadVipAccount\";\nimport AppLogout from \"Utils/Hooks/AppLogout\";\nimport { FUND_SOURCE_TYPE, PRODUCTTYPES } from \"Utils/Constants\";\nimport useSessionStorage from \"Utils/Hooks/useSessionStorage\";\nimport limitincreaseexclamation from \"Assets/Img/limitincrease-exclamation.png\";\nimport \"./FundsPage.scss\";\nimport { set } from \"lodash\";\n\nconst FundsPage = (props) => {\n const vipApi = useVipApiFetcher();\n const fundType = useFundType();\n const { session, fetchSession } = useSession();\n const view = useView();\n const isCashierPage = view === VIEW.cashier;\n const history = useHistory();\n const [isLoading, setIsLoading] = useState(true);\n const [defaultFund, setDefaultFund] = useState();\n const isOperatorPreferred = session?.operatorProducts.includes(\n PRODUCTTYPES.PREFERRED\n );\n const isOperatorOnline = session?.operatorProducts.includes(\n PRODUCTTYPES.ONLINE\n );\n const isOperatorBoth = isOperatorOnline && isOperatorPreferred;\n const patronProductType = session?.patronProductType;\n const patronSelectedProductType = session?.productType;\n const [showMessage, setShowMessage] = useState(\n patronProductType !== patronSelectedProductType && isOperatorBoth\n );\n const [limitAmount, setLimitAmount] = useState(\n props.withdraw ? session.withdrawLimit : session.depositLimit\n );\n const operatorDailyLimit = props.withdraw ? session.withdrawLimit : session.depositLimit;\n const [isPlaid, setIsPlaid] = useState(false);\n const [isRepeat, setIsRepeat] = useSessionStorage(\"isRepeat\", false);\n const minAmount = props.withdraw ? session.minWithdraw : session.minDeposit;\n let messages = {\n withdraw: `These funds will be withdrawn from your ${session.operatorName} account and transferred to the account selected.`,\n deposit: `These funds will be added to your ${session.operatorName} account. Your available VIP Preferred limit will decrease when you complete this transaction.`,\n };\n let fundTypeName = \"account\";\n const fundingSourceList = useRef(null);\n const fundingSources = useRef([]);\n const [preferredPreviousLimit, setPreferredPreviousLimit] = useState(0);\n const [preferredCurrentLimit, setPreferredCurrentLimit] = useState(0);\n\n async function onVipOnlineSubmit(event) {\n if (event) event.preventDefault();\n setShowMessage(false);\n if (patronProductType === PRODUCTTYPES.PREFERRED && patronSelectedProductType === PRODUCTTYPES.ONLINE) {\n await SubmitProductTypeChange(PRODUCTTYPES.ONLINE);\n }\n setIsRepeat(true);\n }\n\n async function onVipPreferredSubmit(event) {\n if (event) event.preventDefault();\n setShowMessage(false);\n if (patronProductType === PRODUCTTYPES.ONLINE && patronSelectedProductType === PRODUCTTYPES.PREFERRED) {\n await SubmitProductTypeChange(PRODUCTTYPES.PREFERRED);\n }\n setIsRepeat(true);\n }\n\n async function SubmitProductTypeChange(selectedProductType) {\n vipApi\n .fetch(\"/api/account/switch\", \"POST\", {\n productType: selectedProductType,\n })\n .then(async (response) => {\n if (response.ok) {\n await fetchSession(true);\n let fundList = fundingSourceList.current;\n if (selectedProductType === PRODUCTTYPES.ONLINE) {\n fundList = await vipApi.fetchData(\"/api/bank/ach\");\n }\n if (isOperatorBoth) {\n if (selectedProductType === PRODUCTTYPES.ONLINE) {\n setIsPlaid(true);\n fundList = fundList.filter(\n (fund) =>\n fund.achOpenType === FUND_SOURCE_TYPE.PLAID.toLocaleLowerCase() && fund.availableLimit\n ); // Get only Plaid accounts\n if (!props.withdraw && fundList.length > 0) {\n setLimitAmount(Math.min(operatorDailyLimit, fundList[0].availableLimit));\n }\n if (!fundList || fundList.length === 0) {\n history.push({ pathname: '/addAccount', state: { notRedirect: true } });\n return;\n }\n }\n if (selectedProductType === PRODUCTTYPES.PREFERRED) {\n setIsPlaid(false);\n }\n }\n else if (isOperatorOnline) {\n setIsPlaid(true);\n fundList = fundList.filter(\n (fund) =>\n fund.achOpenType === FUND_SOURCE_TYPE.PLAID.toLocaleLowerCase() && fund.availableLimit\n ); // Get only Plaid accounts\n if (!props.withdraw && fundList.length > 0) {\n setLimitAmount(Math.min(operatorDailyLimit, fundList[0].availableLimit));\n }\n }\n else if (isOperatorPreferred) {\n setIsPlaid(false);\n }\n fundingSources.current = fundList;\n setDefaultFund(findDefaultBank(fundList));\n setIsLoading(false);\n } else {\n if (response.status === 500) {\n console.error(response.statusText);\n history.push({\n pathname: \"/error\",\n });\n } else if (response.status === 401) {\n console.error(response.statusText);\n history.push({\n pathname: \"/expired\",\n });\n } else {\n console.error(response.statusText);\n history.push({\n pathname: \"/error\",\n });\n }\n }\n })\n .catch((error) => {\n console.error(error);\n history.push({\n pathname: \"/error\",\n });\n });\n }\n\n switch (fundType) {\n case FUNDTYPE.ach:\n fundTypeName = FUNDTYPE_NAME.ach;\n break;\n case FUNDTYPE.netspend:\n messages.deposit = `These funds will be added to your ${session.operatorName} account.`;\n fundTypeName = FUNDTYPE_NAME.netspend;\n break;\n default:\n fundTypeName = \"account\";\n break;\n }\n\n useEffect(() => {\n if (!vipApi.ready) return;\n let mounted = true;\n (async () => {\n let fundList = [];\n let vipAccount;\n if (!props.withdraw || session?.toggles?.productRoutingEnabled) {\n vipAccount = await vipApi.fetchData(\"/api/account\");\n if (vipAccount) {\n setLimitAmount(Math.min(limitAmount, vipAccount.availableAmount));\n setPreferredCurrentLimit(vipAccount.limitAmount);\n setPreferredPreviousLimit(vipAccount.vippPreviousLimit);\n }\n }\n if (fundType === FUNDTYPE.ach) {\n fundList = await vipApi.fetchData(\"/api/bank/ach\"); // ACH only\n } else {\n fundList = await vipApi.fetchData(\"/api/bank\"); // Combined list\n }\n\n fundingSourceList.current = fundList;\n fundingSources.current = fundList;\n setDefaultFund(findDefaultBank(fundList));\n\n if (session?.toggles?.productRoutingEnabled) {\n const isVipOnlineLimitHigher = vipAccount?.plaidAccountsAvailLimit > vipAccount?.availableAmount;\n if (isOperatorBoth) {\n if (isVipOnlineLimitHigher) {\n if (patronProductType === PRODUCTTYPES.PREFERRED) {\n // Mark the VIP Preferred Patron as VIP Online\n window.sessionStorage.setItem(\"onlyPlaid\", true);\n await SubmitProductTypeChange(PRODUCTTYPES.ONLINE);\n }\n else {\n fundList = fundList.filter(\n (fund) =>\n fund.achOpenType === FUND_SOURCE_TYPE.PLAID.toLocaleLowerCase() && fund.availableLimit\n ); // Get only Plaid accounts\n if (!props.withdraw && fundList.length > 0) {\n setLimitAmount(Math.min(operatorDailyLimit, fundList[0].availableLimit));\n }\n setIsPlaid(true);\n fundingSources.current = fundList;\n setDefaultFund(findDefaultBank(fundList));\n setIsLoading(false);\n }\n }\n else {\n if (patronProductType === PRODUCTTYPES.ONLINE) {\n await SubmitProductTypeChange(PRODUCTTYPES.PREFERRED);\n }\n else {\n setIsPlaid(false);\n setIsLoading(false);\n }\n }\n }\n else if (isOperatorOnline) {\n if (patronProductType === PRODUCTTYPES.PREFERRED) {\n // Mark the VIP Preferred Patron as VIP Online\n window.sessionStorage.setItem(\"onlyPlaid\", true);\n await SubmitProductTypeChange(PRODUCTTYPES.ONLINE);\n }\n else {\n fundList = fundList.filter(\n (fund) =>\n fund.achOpenType === FUND_SOURCE_TYPE.PLAID.toLocaleLowerCase() && fund.availableLimit\n ); // Get only Plaid accounts\n if (!props.withdraw && fundList.length > 0) {\n setLimitAmount(Math.min(operatorDailyLimit, fundList[0].availableLimit));\n }\n setIsPlaid(true);\n fundingSources.current = fundList;\n setDefaultFund(findDefaultBank(fundList));\n setIsLoading(false);\n }\n }\n else if (isOperatorPreferred) {\n if (patronProductType === PRODUCTTYPES.ONLINE) {\n await SubmitProductTypeChange(PRODUCTTYPES.PREFERRED);\n }\n else {\n setIsPlaid(false);\n setIsLoading(false);\n }\n }\n }\n else {\n if (patronProductType === patronSelectedProductType && patronProductType === PRODUCTTYPES.PREFERRED) {\n setIsLoading(false);\n }\n else if (patronProductType === patronSelectedProductType && patronProductType === PRODUCTTYPES.ONLINE) {\n fundList = fundList.filter(\n (fund) =>\n fund.achOpenType === FUND_SOURCE_TYPE.PLAID.toLocaleLowerCase() //&& fund.availableLimit\n ); // Get only Plaid accounts\n\n if (!props.withdraw && fundList.length > 0) {\n setLimitAmount(Math.min(operatorDailyLimit, fundList[0].availableLimit));\n }\n setIsPlaid(true);\n fundingSources.current = fundList;\n setDefaultFund(findDefaultBank(fundList));\n setIsLoading(false);\n }\n else {\n // Requirement document pt.5.c.i\n if (isOperatorBoth && patronProductType === PRODUCTTYPES.PREFERRED && patronSelectedProductType === PRODUCTTYPES.ONLINE) {\n if (session.productTypeSwitched) {\n // Mark the VIP Preferred Patron as VIP Online\n window.sessionStorage.setItem(\"onlyPlaid\", true);\n await SubmitProductTypeChange(PRODUCTTYPES.ONLINE);\n }\n else {\n setIsPlaid(false);\n setIsLoading(false);\n }\n }\n\n // Requirement document pt.5.c.ii\n if (isOperatorBoth && patronProductType === PRODUCTTYPES.ONLINE && patronSelectedProductType === PRODUCTTYPES.PREFERRED) {\n if (session.productTypeSwitched) {\n await SubmitProductTypeChange(PRODUCTTYPES.PREFERRED);\n }\n else {\n fundList = fundList.filter(\n (fund) =>\n fund.achOpenType === FUND_SOURCE_TYPE.PLAID.toLocaleLowerCase() && fund.availableLimit\n ); // Get only Plaid accounts\n if (!props.withdraw && fundList.length > 0) {\n setLimitAmount(Math.min(operatorDailyLimit, fundList[0].availableLimit));\n }\n fundingSources.current = fundList;\n setDefaultFund(findDefaultBank(fundList));\n setIsPlaid(true);\n window.sessionStorage.setItem(\"onlyPlaid\", true);\n setIsLoading(false);\n }\n }\n\n // Requirement document pt.5.c.iii\n if (!isOperatorOnline && patronProductType === PRODUCTTYPES.ONLINE && patronSelectedProductType === PRODUCTTYPES.PREFERRED) {\n // Upgrade the VIP Online Patron to VIP Preferred without the pop-up.\n fundingSources.current = fundList;\n setDefaultFund(findDefaultBank(fundList));\n setIsLoading(false);\n setIsPlaid(false);\n await SubmitProductTypeChange(PRODUCTTYPES.PREFERRED);\n }\n\n // Requirment document pt.5.c.iv\n if (!isOperatorPreferred && patronProductType === PRODUCTTYPES.PREFERRED && patronSelectedProductType === PRODUCTTYPES.ONLINE) {\n // Mark the VIP Preferred Patron as VIP Online\n fundList = fundList.filter(\n (fund) =>\n fund.achOpenType === FUND_SOURCE_TYPE.PLAID.toLocaleLowerCase() && fund.availableLimit\n ); // Get only Plaid accounts\n if (!props.withdraw && fundList.length > 0) {\n setLimitAmount(Math.min(operatorDailyLimit, fundList[0].availableLimit));\n }\n fundingSources.current = fundList;\n setDefaultFund(findDefaultBank(fundList));\n setIsLoading(false);\n setIsPlaid(true);\n window.sessionStorage.setItem(\"onlyPlaid\", true);\n await SubmitProductTypeChange(PRODUCTTYPES.ONLINE);\n }\n }\n }\n \n if (!mounted) return;\n if (!fundList || fundList.length === 0) {\n history.push({ pathname: '/addAccount', state: { notRedirect: true } });\n return;\n }\n \n })();\n return () => {\n mounted = false;\n }; // Unmount func\n }, [vipApi.ready]);\n\n const fundProps = {\n vipApi,\n messages,\n fundingSources,\n defaultFund,\n limitAmount,\n minAmount,\n fundTypeName,\n isPlaid,\n operatorDailyLimit,\n fundingSourceList,\n preferredCurrentLimit,\n preferredPreviousLimit,\n ...props,\n };\n\n return (\n <>\n Complete {withdraw ? \"Withdrawal\" : \"Deposit\"}
\n {!session.toggles.isAmountEditable && selectedFund && limitSection}\n {!withdraw && ${AddTrailingZeros(limitAmountState?.toLocaleString())} DEPOSIT LIMIT{displayLabel && }
}\n max $${limitAmountState}`}\n />\n }\n
\n {!session?.toggles?.productRoutingEnabled && patronSelectedProductType === PRODUCTTYPES.PREFERRED && <>
) : \"\"}\n Hello! We noticed you're already a VIP Online member. Continue your transaction to enjoy personalized spending limits based on each of your bank accounts. To enjoy membership benefits and potential higher funding limits, {}
}\n {!session?.toggles?.productRoutingEnabled && patronSelectedProductType === PRODUCTTYPES.ONLINE && <>Hello! We noticed you're already a VIP Preferred ACH member. Continue your transaction to enjoy your membership benefits and potential higher funding limits. To enjoy personalized spending limits based on each of your bank accounts, {}
}\n {successTitle}
\n{successMsg}
\n \n \n\n {hasPreviousButton ? (\n \n \n
\n ) : (\n \"\"\n )}\n {hasSubmitButton ? (\n \n \n
\n ) : (\n \"\"\n )}\n {hasNextButton ? (\n \n {showTitle &&
\n );\n};\n\nexport default EnrollmentStep;\n","import React from \"react\";\nimport useStep from \"Utils/MultiStep/useStep\";\nimport useForm from \"Utils/MultiStep/useForm\";\n\nimport AddressFields from \"Pages/Enrollment/FieldGroups/AddressFields\";\nimport BankAccountFields from \"Pages/Enrollment/FieldGroups/BankAccountFields\";\nimport GeneralInfoFields from \"Pages/Enrollment/FieldGroups/GeneralInfoFields\";\nimport IdentificationFields from \"Pages/Enrollment/FieldGroups/IdentificationFields\";\nimport EnrollmentStep from \"./EnrollmentStep\";\n\nconst MultiStepForm = ({ fromOperator, defaultData, submit, errorMessage, isEnrollment, plaidRedirect }) => {\n const steps = Object.keys(fromOperator).map((key) => ({ id: key }));\n\n const { step, navigation, index } = useStep({ key: steps.length, steps: steps });\n const { id } = step;\n\n const liWidth = Math.floor(100 / steps.length);\n const liStyle = { width: liWidth + \"%\" };\n\n const [formData, setForm] = useForm(defaultData);\n const props = { formData, setForm, fromOperator, errorMessage, isEnrollment, plaidRedirect };\n const navProps = { steps, navigation, index, submit };\n\n let title;\n\n const renderFields = (function (id) {\n switch (id) {\n case \"general\":\n title = 'General Info';\n return (fieldProps) => {title}
}\n {errorMessage && \n (\n \n {decoratedText}\n )}>\n {clickifyPhoneNumber(errorMessage)}\n \n
}\n \n Unknown Enrollment Page
;\n }\n })(id);\n\n const pageProps = { ...props, renderFields, navProps };\n\n return (\n \n {/* Setting 'key' causes react to re-render the entire page when step changes\n Which clears out local form state. This is desired behavior for now... */}\n
\n );\n};\n\nexport default MultiStepForm;\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport MultiStepForm from './MultiStepForm';\nimport Loading from 'Components/Loading';\nimport VIPPreferredLogo from \"Assets/Img/vipp-logo.png\";\nimport useSession from \"Utils/Hooks/useSession\";\nimport useMode, { MODE } from \"Utils/Hooks/useMode\";\nimport useFundType, { FUNDTYPE } from \"Utils/Hooks/useFundType\";\nimport \"./Enrollment.scss\";\nimport useVipApiFetcher from \"Utils/Hooks/useVipApiFetcher\";\nimport useSessionStorage from \"Utils/Hooks/useSessionStorage\";\nimport { PRODUCTTYPES } from \"Utils/Constants\";\n\nconst Enrollment = (props) => {\n const { session, fetchSession, updateSession } = useSession();\n const [ showTerms, setShowTerms] = useSessionStorage('vip-showTerms');\n const vipApi = useVipApiFetcher();\n const location = useLocation();\n const history = useHistory();\n const [submitted, setSubmitted] = useState(false);\n const mode = useMode();\n const fundType = useFundType();\n const [mitekRedirect, setMitekRedirect] = useState(false);\n const [mitekLink, setMitekLink] = useState(null);\n const refTimeOut = useRef(false);\n\n const isNetspend = fundType === FUNDTYPE.netspend;\n\n const navigateToDeposit = mode === MODE.deposit;\n const navigateToWithdraw = mode === MODE.withdraw;\n \n const productTypeTitle = session?.patronProductType === PRODUCTTYPES.PREFERRED ? 'VIPP' : 'VIPO';\n document.title = productTypeTitle + \" - Enroll\";\n\n const [show, setShow] = useState(isNetspend);\n\n const handleClose = () => setShow(false);\n const {\n fromOperator,\n formData,\n message = \"\"\n } = { ...props, ...location.state }\n\n const style = {\n width: '100%',\n height: '66vh',\n overflow: 'hidden',\n border: 'none',\n align: 'center'\n };\n\n useEffect(() => {\n const handleMessage = (event) => {\n if (event.data === \"timeout\") {\n refTimeOut.current = true;\n }\n };\n window.addEventListener('message', handleMessage);\n return () => { window.removeEventListener('message', handleMessage); };\n }, [mitekRedirect, onEnrollError]);\n\n if (submitted) return (\n
*/}\n \n
\n - \n {steps.length > 1\n ? steps.map((step, i) => {\n return (\n
\n 
\n
\n Account Sign Up\n
\n {!mitekRedirect ? \n Account Sign Up\n
\n \n
\n }\n \n );\n};\n\nexport default Enrollment;\n","import React, { useState } from \"react\";\nimport { PlaidLink } from \"react-plaid-link\";\nimport \"./FundingSource.scss\";\nimport LoadingButton from 'Components/LoadingButton';\nimport bankIcon from 'Assets/Icons/bank.svg';\nimport useVipApiFetcher, { handleError, handleResponse, handleOkResponse } from \"Utils/Hooks/useVipApiFetcher\";\nimport { Button } from \"react-bootstrap\";\nimport useNative from \"Utils/Hooks/useNative\";\nimport useTransactionInitiated from \"Utils/Hooks/useTransactionInitiated\";\nimport { Routes, PRODUCTTYPES } from 'Utils/Constants';\nimport useMode, { MODE } from \"Utils/Hooks/useMode\";\nimport { useHistory } from \"react-router-dom\";\nimport { endingIn } from 'Utils/Utils';\nimport useSession from \"Utils/Hooks/useSession\";\n\n\nconst Plaid = ({ onDataChanged, onSuccess, linkToken, enrollmentStep, receivedRedirectUri, isPlaidRedirect }) => {\n const { session } = useSession();\n const productType = session?.patronProductType === PRODUCTTYPES.PREFERRED ? 'VIP Preferred' : 'VIP Online';\n const vipApi = useVipApiFetcher();\n const mode = useMode();\n const [isLoading, setIsLoading] = useState(false);\n const isNative = useNative();\n const [submitted, setSubmitted] = useState(false);\n const { transactionInitiated } = useTransactionInitiated();\n const isDepositMode = mode === MODE.deposit;\n const history = useHistory();\n\n const onSuccessDefault = (_, metadata) => {\n setIsLoading(true);\n vipApi.fetch(\"/api/plaid/account\", \"PUT\", {\n accountId: metadata.account_id,\n accountToken: metadata.public_token\n })\n .then((res) => res.json())\n .then((data) => {\n onDataChanged({\n session: data,\n metadata: metadata\n });\n })\n .catch((err) => {\n });\n };\n\n const onPlaidSuccess = async (metadata) => {\n if (metadata) {\n try {\n const plaidMetadata = JSON.parse(metadata);\n if (enrollmentStep) {\n onSuccessDefault(null, plaidMetadata);\n }\n else {\n await onSubmitCommon({\n accountId: plaidMetadata.account_id,\n accountToken: plaidMetadata.public_token\n }, \"/api/bank/plaid\");\n }\n }\n catch (err) {\n const customErrorButtons = transactionInitiated ? [{\n label: 'TRY AGAIN',\n route: Routes.MY_ACCOUNTS\n }, {\n label: `COMPLETE ${(isDepositMode) ? 'DEPOSIT' : 'WITHDRAW'}`,\n route: (isDepositMode) ? Routes.DEPOSIT : Routes.WITHDRAW,\n }] : undefined;\n handleError(err, history, customErrorButtons);\n }\n }\n };\n\n const onSubmitCommon = async (body, url = \"/api/bank\") => {\n setIsLoading(true);\n setSubmitted(true);\n const customErrorButtons = transactionInitiated ? [{\n label: 'TRY AGAIN',\n route: Routes.MY_ACCOUNTS\n }, {\n label: `COMPLETE ${(isDepositMode) ? 'DEPOSIT' : 'WITHDRAW'}`,\n route: (isDepositMode) ? Routes.DEPOSIT : Routes.WITHDRAW,\n }] : undefined;\n\n\n vipApi.fetch(url, \"POST\", body)\n .then(response => handleResponse(history, response))\n .then(response =>\n handleOkResponse({\n history,\n response,\n title: 'Funding Source Added',//`${fundTypeName} Added`,\n message: `You successfully added your ${response.body.bankName?.toUpperCase()} account${endingIn(response.body.bankAccountNumber)} to your ${productType} account.`,\n errorCustomButtons: customErrorButtons\n })\n )\n .catch(error => { handleError(error, history, customErrorButtons); });\n localStorage.removeItem(\"link_token\");\n };\n\n const openNativeLink = () => {\n window.$onAndroidSuccess = function (metadata) {\n onAndroidSuccess(metadata);\n }\n\n window.$onAndroidError = function (error) {\n onAndroidError(error);\n } \n let message = {\n linkToken: linkToken\n };\n\n var plaidTokenForAndroid = linkToken;\n if (/android/i.test(navigator.userAgent) || window?.Android) {\n handleAndroidMessage(plaidTokenForAndroid);\n }\n if (/iPad|iPhone|iPod/.test(navigator.userAgent) || window?.webkit) {\n var iosPromise = window?.webkit?.messageHandlers?.NativeBridge?.postMessage(message);\n iosPromise.then(\n function (result) {\n onPlaidSuccess(result);\n },\n function (err) {\n console.log(err);\n })\n .finally(() => {\n //iosPromise.dispose();\n });\n }\n };\n\n function handleAndroidMessage(message) {\n return new Promise((resolve, reject) => {\n window?.Android?.openLinkNative(message, onAndroidSuccess.name, onAndroidError.name);\n });\n }\n\n function onAndroidSuccess(metadata) {\n console.log(\"onAndroidSuccess called\");\n console.log(metadata);\n onPlaidSuccess(metadata);\n }\n\n function onAndroidError(error) {\n console.log(\"onAndroidError called\");\n console.log(error);\n }\n\n const loadHandler = () => {\n window.sessionStorage.setItem(\"plaidlaunch\", true);\n if (isPlaidRedirect) {\n const open = document.getElementsByClassName(\"ready\")[0];\n open.click();\n }\n };\n\n const onExit = (error, metadata) => {\n window.sessionStorage.setItem(\"plaidlaunch\", false);\n };\n\n let button;\n\n if (isLoading) {\n button = CONNECT YOUR BANK ACCOUNT
\n \n {linkToken && button}\n
}\n \n );\n}\nexport default Plaid;\n","export default __webpack_public_path__ + \"static/media/edit-white.9d34d434.svg\";","import React, { useState } from \"react\";\nimport { Form, Modal, Button, Container, Row, Col } from \"react-bootstrap\";\nimport TextField from \"Components/Fields/TextField\";\nimport Loading from \"Components/Loading\";\nimport { Regexes } from \"Utils/Regexes\";\nimport { Validators } from \"Utils/Constants\";\nimport editWhite from \"Assets/Icons/edit-white.svg\";\n\nimport \"./Manual.scss\";\n\nconst Manaul = ({ onDataChanged, plaidDefault, enrollmentStep }) => {\n const [submitted, setSubmitted] = useState(false);\n const [formState, setFormState] = useState({\n routingNumber: { fieldValue: \"\", isValid: false },\n accountNumber: { fieldValue: \"\", isValid: false },\n });\n\n const [show, setShow] = useState(false);\n\n const handleClose = () => setShow(false);\n const handleShow = () => setShow(true);\n\n const onFieldChange = (fieldName, fieldValue, isValid) => {\n setFormState((prevState) => {\n return { ...prevState, [fieldName]: { fieldValue, isValid } };\n });\n };\n\n const onSubmit = async (event) => {\n event.preventDefault();\n setSubmitted(true);\n await onDataChanged({\n routingNumber: formState.routingNumber.fieldValue,\n accountNumber: formState.accountNumber.fieldValue,\n });\n };\n\n const proceed = Object.values(formState).every(\n (field) => field.isValid === true\n );\n\n const style = {\n width: \"100%\",\n marginTop: \"20px\",\n marginBottom: \"20px\",\n };\n return (\n <>\n {(!plaidDefault || !enrollmentStep) && (\n \n \n
\n )}\n {plaidDefault && enrollmentStep && (\n \n \n
\n )}\n or
}\n {props.bankProps && props.showManualCTA && props.isEnrollment && \n
) : <>\n {props.plaidRedirect && \n 
\n
\n We are unable to add new accounts at this time.
\n\n {/* */}\n \n \n {/* Index router */}\n {\n if (isError) {\n return \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n}\n\nexport default App;","import React, { useState, useEffect, useRef } from \"react\";\nimport useSession from \"Utils/Hooks/useSession\";\nimport { PlaidLink } from \"react-plaid-link\";\nimport useVipApiFetcher from \"Utils/Hooks/useVipApiFetcher\";\nimport { useHistory } from \"react-router-dom\";\nimport useMode, { MODE } from \"Utils/Hooks/useMode\";\nimport useRedirectUrl from \"Utils/Hooks/useRedirectUrl\";\nimport VIPOnlineLogo from \"Assets/Img/vipo-logo.png\";\nimport bankIcon from 'Assets/Icons/bank.svg';\nimport Loading from \"Components/Loading\";\nimport { Button } from \"react-bootstrap\";\nimport useNative from \"Utils/Hooks/useNative\";\nimport useOAuthStateId from \"Utils/Hooks/useOAuthStateId\";\nimport useAppKey from \"Utils/Hooks/useAppKey\";\nimport AddFundingSourceError from \"Assets/Img/AddFundingSourceError.png\";\nimport \"./OnlineEnrollment.scss\";\nconst OnlineEnrollment = (props) => {\n const vipApi = useVipApiFetcher();\n const mode = useMode();\n const { session, fetchSession, updateSession } = useSession();\n const [linkToken, setLinkToken] = useState(false);\n const [submitted, setSubmitted] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [divStyle, setDivStyle] = useState({ display: 'none' });\n const history = useHistory();\n const isNative = useNative();\n const oauth_state_id = useOAuthStateId();\n const navigateToDeposit = mode === MODE.deposit;\n const navigateToWithdraw = mode === MODE.withdraw;\n const [receivedRedirectUri, setReceivedRedirectUri] = useState(null);\n const url = useRedirectUrl();\n const appKey = useAppKey();\n const refTimeOut = useRef(false);\n const [mitekRedirect, setMitekRedirect] = useState(session?.mitekValidationStage !== 'None' ? true : false);\n const mitekLink = session?.mitekValidationStage !== 'None' ? session?.mitekLink : null;\n\n const style = {\n width: '100%',\n height: '66vh',\n overflow: 'hidden',\n border: 'none',\n align: 'center'\n };\n\n useEffect(() => {\n const poll = async function (ms) {\n let result = await vipApi.fetch(\"/api/mitek/status\");\n while (result.status === 202 && !refTimeOut.current) {\n updateSession(await result.json());\n await wait(ms);\n result = await vipApi.fetch(\"/api/mitek/status\");\n }\n return result;\n };\n\n const wait = function (ms = 5000) {\n return new Promise(resolve => {\n setTimeout(resolve, ms);\n });\n };\n async function fetchData() {\n if (mitekRedirect) {\n setIsLoading(false);\n const responseCode = await poll(10000);\n if (responseCode.status === 200 && !refTimeOut.current) {\n setMitekRedirect(false);\n loadHandler();\n }\n else {\n onEnrollError();\n }\n }\n }\n fetchData();\n }, [mitekRedirect]);\n\n useEffect(() => {\n const handleMessage = (event) => {\n if (event.data === \"timeout\") {\n refTimeOut.current = true;\n }\n };\n window.addEventListener('message', handleMessage);\n\n if (props.plaidRedirect) {\n setLinkToken(localStorage.getItem(\"link_token\"));\n setReceivedRedirectUri(url ? url + \"?oauth_state_id=\" + oauth_state_id : (window.location.href.includes('oauth_state_id=') ? window.location.href : window.location.href + \"?oauth_state_id=\" + oauth_state_id));\n // setReceivedRedirectUri(\"https://cdn.plaid.com/link/v2/stable/oauth.html?oauth_state_id=\" + oauth_state_id);\n setIsLoading(false);\n }\n\n if (!props.plaidRedirect) {\n let mounted = true;\n let oprUrl = '';\n if (url) {\n oprUrl = appKey ? \"?redirectUri=\" + url + \"/\" + appKey : \"?redirectUri=\" + url;\n }\n else {\n oprUrl = appKey ? \"?redirectUri=\" + window.location.href + \"/\" + appKey : \"?redirectUri=\" + window.location.href + \"/\" + session.merchantId;\n }\n vipApi.fetch(\"/api/plaid/link\" + oprUrl)\n .then((res) => {\n res.json().then((data) => {\n if (!mounted) return;\n if (res.ok) {\n setLinkToken(data.linkToken);\n localStorage.setItem(\"link_token\", data.linkToken);\n }\n setIsLoading(false);\n });\n })\n .catch((error) => {\n console.error(error);\n onEnrollError();\n });\n return () => { mounted = false; };\n }\n return () => { window.removeEventListener('message', handleMessage); };\n }, []);\n\n\n const openNativeLink = () => {\n window.$onAndroidSuccess = function (metadata) {\n onAndroidSuccess(metadata);\n }\n\n window.$onAndroidError = function (error) {\n onAndroidError(error);\n }\n let message = {\n linkToken: linkToken\n };\n\n var plaidTokenForAndroid = linkToken;\n if (/android/i.test(navigator.userAgent) || window?.Android) {\n handleAndroidMessage(plaidTokenForAndroid);\n }\n if (/iPad|iPhone|iPod/.test(navigator.userAgent) || window?.webkit) {\n var iosPromise = window?.webkit?.messageHandlers?.NativeBridge?.postMessage(message);\n iosPromise.then(\n function (result) {\n onSuccessDefault(null, result);\n },\n function (err) {\n console.log(err);\n })\n .finally(() => {\n //iosPromise.dispose();\n });\n }\n };\n\n function handleAndroidMessage(message) {\n return new Promise((resolve, reject) => {\n window?.Android?.openLinkNative(message, onAndroidSuccess.name, onAndroidError.name);\n });\n }\n\n function onAndroidSuccess(metadata) {\n console.log(\"onAndroidSuccess called\");\n console.log(metadata);\n onSuccessDefault(null, metadata);\n }\n\n function onAndroidError(error) {\n console.log(\"onAndroidError called\");\n console.log(error);\n }\n\n const onSuccessDefault = (_, metadata) => {\n setIsLoading(true);\n vipApi.fetch(\"/api/plaid/account\", \"PUT\", {\n accountId: metadata.account_id,\n accountToken: metadata.public_token\n })\n .then((res) => res.json())\n .then((data) => {\n onSubmitCommon();\n })\n .catch((err) => {\n });\n };\n\n const onSubmitCommon = async (url = \"/api/plaid/enroll\") => {\n setSubmitted(true);\n const response = await vipApi.fetch(url, \"POST\");\n const contentType = response.headers.get(\"content-type\");\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\n const body = await response.json();\n if (body.status) {\n if (body.status === \"success\") {\n onEnrollSuccess();\n }\n else {\n onEnrollError();\n }\n }\n else {\n onEnrollError();\n }\n } else {\n onEnrollError();\n }\n localStorage.removeItem(\"link_token\");\n };\n\n async function onEnrollSuccess() {\n // Fetch updated session data - should now show as enrollment complete.\n await fetchSession(true);\n setSubmitted(false);\n history.push({\n pathname: \"/submit\",\n state: {\n isEnrollment: true,\n isSuccess: true,\n isError: false,\n title: \"Account Created\",\n message:\n \"Your VIP account has been created and you are now able to make transactions.\",\n navigateTo: navigateToDeposit\n ? \"addFunds\"\n : navigateToWithdraw\n ? \"withdrawFunds\"\n : \"dashboard\",\n },\n });\n }\n\n function onEnrollError() {\n setSubmitted(false);\n history.push({\n pathname: '/submit',\n state: {\n isEnrollment: true,\n isSuccess: false,\n isError: true,\n title: \"Account Not Created\",\n message: `Your account cannot be created at this time. Please call CAMS for assistance at 1-800-500-1973, or try a different payment method on the ${session.operatorName.toUpperCase()} website.`,\n buttonText: `CONTINUE TO ${session.operatorName.toUpperCase()}`\n }\n });\n }\n\n const onExit = (error, metadata) => {\n window.sessionStorage.setItem(\"plaidlaunch\", false);\n setDivStyle({ display: 'block' });\n console.log(error, metadata);\n };\n\n const showDiv = {\n display: 'block'\n }\n\n\n const loadHandler = () => {\n window.sessionStorage.setItem(\"plaidlaunch\", true);\n if (true) {\n const open = document.getElementsByClassName(\"ready\")[0];\n open.click();\n if (!props.plaidRedirect) {\n setIsLoading(false);\n }\n }\n };\n\n let button;\n\n if (isLoading) {\n button = \n \n 
\n
\n :\n \n }\n\n let plaidFundingSourceError = <>\n CONNECT YOUR BANK ACCOUNT
\n \n 
\n
\n Account Sign Up\n
\n \n Account Sign Up\n
\n
;\n\n return (\n <>\n {props.plaidRedirect && \n \n
\n We are unable to add new accounts at this time.
\n\n
\n {mitekRedirect ? \n \n
\n Account Sign Up\n
\n \n Account Sign Up\n
\n \n
: \n {linkToken && button}\n {!linkToken && plaidFundingSourceError}\n
\n }}\n \n );\n};\nexport default OnlineEnrollment;","export const Regexes = Object.freeze({\n ANY: /.*/,\n PHONE: /^[0-9\\\\. ()-]*$/,\n FORMATTED_PHONE: /^(\\d{3})-?(\\d{3})-?(\\d{4})$/,\n FORMATTED_CC: /^(\\d{4})-(\\d{4})-(\\d{4})-(\\d{4})$/,\n PHONE_ALL_MATCH: /^(\\d)\\1{9}$/,\n EMAIL: /^[a-zA-Z0-9.!#$%&’*+/=?^_{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/,\n NAME: /^[a-zA-Z0-9\\\\. '-]*$/,\n TWENTY_MAX: /^.{0,20}$/,\n FORMATTED_NAME: /^[a-zA-Z0-9\\\\. '-]{1,20}$/,\n FORMATTED_ID_NUMBER: /^[a-zA-Z0-9*]*$/,\n ID_LENGTH: /^.{6,30}$/,\n SSN: /^\\d{9}$/,\n ID_EXPIRES: /^[0-1]\\d{3}$/,\n NUMBER: /^[0-9]*$/,\n FORMATTED_BANK_ACCOUNT: /^[0-9]{4,17}$/,\n FORMATTED_ROUTING_NUMBER: /^[0-9]{8,9}$/,\n RESPONSE_MESSAGE_PHONE: /[0-9]-[0-9]{3}-[0-9]{3}-[0-9]{4}/g,\n ADDRESS: {\n ALLOWED_CHARACTERS: /^[a-zA-Z0-9#\\\\. -]*$/,\n FORMATTED: /^[a-zA-Z0-9#\\\\. -]{1,30}$/,\n },\n CITY: {\n ALLOWED_CHARACTERS: /^[a-zA-Z\\\\. -]*$/,\n FORMATTED: /^[a-zA-Z\\\\. -]{1,20}$/,\n }, \n UNIT: {\n ALLOWED_CHARACTERS: /^[a-zA-Z0-9\\\\./ -]*$/,\n FORMATTED: /^[a-zA-Z0-9\\\\./ -]{0,5}$/,\n },\n ZIP: {\n ALLOWED_CHARACTERS: /^[0-9:-]*$/,\n FORMATTED_US: /^(([0-9]{5})|([0-9]{9})|([0-9]{5}(-[0-9]{4})))?$/,\n },\n HOUSE_NUMBER: {\n ALLOWED_CHARACTERS: /^[a-zA-Z0-9\\\\./ -]*$/,\n FORMATTED_US: /^[a-zA-Z0-9\\\\./ -]{0,6}/, \n },\n ID_NUMBER: {\n ALLOWED_CHARACTERS: /^[a-zA-Z0-9*]/\n }\n});\n","import React from 'react';\nimport { Route, Redirect } from \"react-router-dom\";\nimport useSession from 'Utils/Hooks/useSession';\n\n/**\n * @param {{component:React.Component, appProps:any, ...rest:any}}\n * @param component Component to render if criteria is met.\n * @param appProps Additional props to pass to the component.\n * @param rest RouteProps\n */\nexport default function LimitEnabledRoute({ component: C, appProps, ...rest }) {\n\n const { session } = useSession();\n const isEnrolled = session && !session.isExpired && session.isVipEnrolled && session.toggles.limitEnabled;\n return Add Funding Source
\n {submitted ? \n {!canDelete && \n CANCEL\n \n
\n \n );\n}\n\nexport default DeleteAccount;","import useSessionStorage from 'Utils/Hooks/useSessionStorage';\nimport useSession from \"Utils/Hooks/useSession\";\n\n/**\n * Parses 'amount' query string parameter and caches for the session.\n * @returns {int} current amount\n */\nfunction useTransactionAmount(newAmount) {\n const [transactionAmount, setTransactionAmount] = useSessionStorage('vip-transaction-amount');\n const { session } = useSession();\n\n if (newAmount && newAmount !== transactionAmount) {\n setTransactionAmount(newAmount);\n return [newAmount, setTransactionAmount];\n }\n\n return [transactionAmount, setTransactionAmount];\n};\n\nexport default useTransactionAmount;\n","import { useState, useEffect } from \"react\";\n\nexport const useFetch = (url) => {\n const [data, setData] = useState(null);\n const [error, setError] = useState(null);\n useEffect(() => {\n const fetchData = async () => {\n try {\n const response = await fetch(url);\n if (!response.ok) throw new Error(response.statusText);\n const json = await response.json();\n setData(json);\n window.sessionStorage.setItem(\"clientIpAddress\", json.ip_addr);\n setError(null);\n }\n catch (error) {\n setError(`${error} Could not Fetch Data `);\n }\n };\n fetchData();\n }, [url]);\n return { data, error };\n};","import useSessionStorage from './useSessionStorage';\n\nexport const FUNDTYPE = Object.freeze({\n ach: 'ach',\n netspend: 'netspend'\n});\n\nexport const FUNDTYPE_NAME = Object.freeze({\n ach: 'bank account',\n netspend: 'Netspend account'\n});\n\n/**\n * Parses 'fundType' query string parameter and caches for the session.\n * @returns {string} current fundType\n */\nfunction useFundType() {\n const [fundType, setFundType] = useSessionStorage('vip-fundType');\n const [session] = useSessionStorage('vip-patron-session');\n const params = new URLSearchParams(window.location.search);\n const newFundType = (session?.toggles?.netspendEnabled) ? params.get('fundType') : 'ach';\n if (newFundType && newFundType !== fundType && newFundType in FUNDTYPE) {\n setFundType(newFundType);\n return newFundType;\n }\n else if (newFundType === 'any')\n {\n // Special reset value for dev purposes.\n setFundType(undefined);\n return undefined;\n }\n return fundType;\n};\n\nexport default useFundType;\n","import React from \"react\";\n\nimport \"./AvailableFunds.scss\";\nimport useVipAccountCache from \"Utils/Hooks/useVipAccountCached\";\nimport AvailableFundsBase from \"./AvailableFundsBase\";\nimport useSession from \"Utils/Hooks/useSession\";\nimport { PRODUCTTYPES } from \"Utils/Constants\";\nimport { AddTrailingZeros } from \"Utils/Utils\";\n//import useCacheData from \"Components/useCacheData\";\n\nconst AvailableFunds = ({ fundingSource }) => {\n const { vipAccount } = useVipAccountCache();\n const { session } = useSession();\n const isVipOnline = session?.patronProductType === PRODUCTTYPES.ONLINE;\n const productType = session?.patronProductType === PRODUCTTYPES.PREFERRED ? 'VIP Preferred' : 'VIP Online';\n // const selectedFundDetails = window.sessionStorage.getItem(\"selectedFundDetails\") ? JSON.parse(window.sessionStorage.getItem(\"selectedFundDetails\")) : null;\n\n const availableFunds = isVipOnline ? (fundingSource && fundingSource.availableLimit ? fundingSource.availableLimit : 0) : vipAccount?.availableAmount;\n const limitAmount = isVipOnline ? (fundingSource && fundingSource.totalLimit ? AddTrailingZeros(fundingSource.totalLimit) : 0) : AddTrailingZeros(vipAccount?.limitAmount?.toLocaleString());\n\n\n const message = isVipOnline ? \"This amount is available limit in your selected checking account of VIP Online. As you deposit funds from your bank account, your available limit will decrease.\" : `This amount is your available limit from ${productType}. We provide a $${limitAmount} limit. As you deposit funds from your bank account, your available limit will decrease.`;\n\n return (\n <>\n {limitAmount ? Delete Account
\n \n Are you sure you want to delete your {account.bankName?.toUpperCase()} account{endingIn(account.bankAccountNumber?.replaceAll(\"*\", \"\"))}?\n
\n {submitButton}\n {history.push(link)}}>\n 
\n {text}\n
\n );\n};\n\nexport default DashboardLink;","export default __webpack_public_path__ + \"static/media/payments.7227da37.svg\";","export default __webpack_public_path__ + \"static/media/account.152090a3.svg\";","export default __webpack_public_path__ + \"static/media/plus.671cdafc.svg\";","export default __webpack_public_path__ + \"static/media/settings.30c91173.svg\";","import React from \"react\";\nimport { Container, Row, Col } from \"react-bootstrap\";\nimport { useMediaQuery } from 'react-responsive';\n\nimport DashboardLink from \"Components/DashboardLink/DashboardLink\";\nimport payments from \"Assets/Icons/payments.svg\";\nimport account from \"Assets/Icons/account.svg\";\nimport plus from \"Assets/Icons/plus.svg\";\nimport settings from \"Assets/Icons/settings.svg\";\n\nimport \"./DashboardLinks.scss\";\nimport useMode, { MODE } from \"Utils/Hooks/useMode\";\nimport useSession from \"Utils/Hooks/useSession\";\n\nconst Dashboard = () => {\n const { session } = useSession();\n const mode = useMode();\n const isMobile = useMediaQuery({\n query: '(max-width: 767.98px)'\n });\n\n const showDeposit = mode !== MODE.withdraw;\n const showWithdraw = mode !== MODE.deposit;\n const showLimit = session.toggles.limitEnabled;\n\n const mobileButtons = (!showDeposit && !showWithdraw) ? Sources} icon={account} link=\"/myAccounts\" />\n {showLimit &&
Change} icon={settings} link=\"/manageLimit\" />}\n
\n \n Deposit
Funds
} icon={plus} link=\"/addFunds\" />\n Funds
Funds} icon={payments} link=\"/withdrawFunds\" />\n \n
Sources} icon={account} link=\"/myAccounts\" />\n {showLimit &&
Change} icon={settings} link=\"/manageLimit\" />}\n
Funds
Sources} icon={account} link=\"/myAccounts\" />\n \n
Change} icon={settings} link=\"/manageLimit\" />}\n
\n \n {isMobile && mobileButtons}\n {!isMobile && \n {(session.transactionSucceeded || !showLimit) && Deposit
Funds
} icon={plus} link=\"/addFunds\" />}\n {showWithdraw && !session.transactionSucceeded && Funds
Funds} icon={payments} link=\"/withdrawFunds\" />}\n
Sources} icon={account} link=\"/myAccounts\" />\n {showLimit &&
Change} icon={settings} link=\"/manageLimit\" />}\n {(session.transactionSucceeded || !showLimit) &&
\n \n {session.transactionSucceeded && fundType === 'netspend' && \n \n FUNDING SOURCE \n \n \n {formattedTitle}\n \n\n \n {fundingSources?.map((bankAccount, index) => {\n return { onBankSelected(bankAccount) }}>{bankAccount.bankName?.toUpperCase() + \" \" + formatAccountNumber(bankAccount.maskedAccountNumber)} \n })}\n \n \n \n \n
}\n \n
*/}\n \n { fundType === FUNDTYPE.netspend ? 'Only 3 Prepaid accounts allowed. You may remove a Prepaid account to add a new one.' : 'Only 4 bank accounts allowed. You may remove a bank account to add a new one.'}\n
\n }\n \n \n \n
\n \n \n );\n};\n\nexport default MyAccounts;","import { useEffect, useState } from 'react';\n\nconst getFragment = () => {\n return window.location.hash.substring(1);\n};\n\n/**\n * @returns {String} URL fragment\n */\nconst useUrlFragment = () => {\n\n const [fragment, setFragment] = useState(getFragment);\n\n useEffect(() => {\n const onChange = () => {\n setFragment(getFragment());\n };\n window.addEventListener('hashchange', onChange);\n return () => {\n window.removeEventListener('hashchange', onChange);\n };\n }, []);\n\n return fragment;\n};\n\nexport default useUrlFragment;","import { useState, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\n\n/**\n * Uses state with localStorage as the backing store.\n * @param {String} key\n * @returns {[any, React.Dispatch{title}
\n \n \n 
\n
\n \n { history.push(nextStep) }}\n >\n {(session.transactionSucceeded) ? \"DONE\" : `COMPLETE ${(depositMode) ? 'DEPOSIT' : 'WITHDRAW'}`}\n \n \n
\n
;\n\n const error = Request Approved
\n{clickifyPhoneNumber(`Congratulations, your limit change has been approved! Your available limit is now $${limit}. For further assistance please contact CAMS at 1-800-500-1973. `)} {refreshButton}
\n \n\n \n 
\n
\n \n { history.push(nextStep) }}\n >\n {(session.transactionSucceeded) ? \"DONE\" : `CONTINUE TO ${(depositMode) ? 'DEPOSIT' : 'WITHDRAW'}`}\n \n \n
\n
; \n\n const changeLimit = Request Incomplete
\n{clickifyPhoneNumber('Your limit change was not approved. For further assistance please contact CAMS at 1-800-500-1973.')} {refreshButton}
\n \n\n \n
\n \n
\n \n
\n
; \n\n\n return (\n <>\n \n
\n \n \n );\n};\n\nexport default ManageLimit;","import React from \"react\";\nimport Animation from \"Components/Animation\";\n// import VIPLoading from \"Assets/Img/vip-loading.json\";\nimport VIPOLoading from \"Assets/Img/vipo-loading.json\";\nimport VIPPLoading from \"Assets/Img/vipp-loading.json\";\nimport VIPGenericLoading from \"Assets/Img/vip-generic-loading.json\";\nimport EnrollmentLoading from \"Assets/Img/loading.json\";\nimport { PRODUCTTYPES } from \"Utils/Constants\";\nimport VIPPreferredLogo from \"Assets/Img/vipp-logo.png\";\nimport VIPOnlineLogo from \"Assets/Img/vipo-logo.png\";\nimport useSession from \"Utils/Hooks/useSession\";\n\n/**\n *\n * @param {Loading.defaultProps} props\n * @returns\n */\nconst Loading = (props) => {\n const { session } = useSession();\n const isVIPPreferred = session?.productType === PRODUCTTYPES.PREFERRED;\n const productType = isVIPPreferred ? 'VIP Preferred' : 'VIP Online';\n const logoSrc = isVIPPreferred ? VIPPreferredLogo : VIPOnlineLogo;\n var loadingLogo = VIPGenericLoading;\n if (session?.productType)\n {\n if (session.productType === session.patronProductType)\n {\n loadingLogo = session.productType === PRODUCTTYPES.PREFERRED ? VIPPLoading : VIPOLoading;\n }\n }\n const animProps = {\n animationData: props.isEnrollment ? VIPGenericLoading : loadingLogo,\n height: props.height,\n width: props.width,\n style: props.style,\n isLoop: true,\n };\n\n return (\n <>\n {props.isEnrollment && (\n Limit Change
\n {(successful) ? 'NEW' : 'CURRENT'} AVAILABLE LIMIT:
\n \n $\n {limit}\n
\n {loading && \n \n
\n
\n )}\n \n
\n {errorMessages.join(' ')}\n
}\n \n
\n {history.push('dashboard')}}>
\n \n 
\n Welcome, {capitalizeFirstLetter(firstName)} {capitalizeFirstLetter(lastName)}!\n
\n \n \n \n
\n \n 
\n Need support? Call CAMS:
\n {clickifyPhoneNumber('1-800-500-1973')}
\n \n
\n const helpPopover = Need support? Call CAMS
\n {clickifyPhoneNumber('1-800-500-1973')}
\n \n
\n const profilePopover = Welcome, {userName}!
\n \n {history.push('dashboard')}}>
;\n const backButton = ;\n const helpButton = \n {isMobile && <>\n \n
\n }\n {!isMobile && \n
}\n
\n );\n};\n\nexport default Header;","import React from 'react';\nimport FormField from \"./FormField\";\n\n/**\n *\n * @param {TextField.defaultProps} props\n * @returns\n */\nconst TextField = (props) => {\n return (\n \n \n
\n
\n );\n};\n\nexport default Footer;","import React, { useEffect } from \"react\";\nimport Animation from \"Components/Animation\";\nimport mitekprogress from \"Assets/Img/mitekprogress.json\";\nimport { MITEK_TIMEOUTSECONDS } from 'Utils/EnvVars';\nimport \"./mitek.scss\";\nconst MitekInprogress = (props) => {\n const style = {\n width: '60%',\n height: '60%',\n overflow: 'hidden',\n border: 'none',\n textAlign: 'center'\n };\n\n useEffect(() => {\n (async () => {\n let responseMessage = await poll(10000);\n if (window.opener !== null && !window.opener.closed) {\n window.postMessage(responseMessage, \"*\");\n }\n else if (window.parent !== null && window.parent.frames !== null && window.parent.frames.length > 0) {\n window.parent.postMessage(responseMessage, \"*\");\n } else {\n if (/android/i.test(navigator.userAgent)) {\n if (typeof window !== undefined) {\n window.postMessage(responseMessage, \"*\");\n } else if (document !== undefined) {\n document.postMessage(responseMessage, \"*\");\n }\n } else if (/iPad|iPhone|iPod/.test(navigator.userAgent)) {\n window.postMessage(responseMessage, \"*\");\n }\n }\n })();\n }, []);\n\n const poll = async function (ms) {\n console.log(\"Entered Poll Method\");\n let elapsedMilliSeconds = 0;\n console.log(MITEK_TIMEOUTSECONDS);\n const mitekTimeOutInMilliseconds = MITEK_TIMEOUTSECONDS * 1000;\n console.log(mitekTimeOutInMilliseconds);\n console.log(\"Elapsed Seconds before While Loop\" + elapsedMilliSeconds);\n while (elapsedMilliSeconds < mitekTimeOutInMilliseconds) {\n await wait(ms);\n elapsedMilliSeconds = elapsedMilliSeconds + ms;\n console.log(\"Elapsed Seconds in While Loop\" + elapsedMilliSeconds);\n }\n return \"timeout\";\n };\n\n const wait = function (ms = 5000) {\n return new Promise(resolve => {\n setTimeout(resolve, ms);\n });\n };\n\n const animProps = {\n animationData: mitekprogress,\n height: props.height,\n width: props.width,\n style: style,\n isLoop: true,\n };\n\n return (\n <>\n \n
\n We are validating your submission. Please wait.
\n{customButton.label}
\n \n :\n \n\n \n \n {buttonText || (isError ? \"OK\" : \"DONE\")}\n \n \n
\n )}\n {customButtonsComponents}\n {showLoginLink && Log In}\n
\n \n );\n }\n\n else {\n return (\n {title}
\n \n (\n \n {decoratedText}\n \n )}\n >\n {formattedMessage}\n \n
\n {!isSuccess && showButton && !customButtons && !isBack && (\n \n
\n \n \n \n {buttonText || (isError ? \"OK\" : \"DONE\")}\n \n \n
\n )}\n {customButtonsComponents}\n {showLoginLink && Log In}\n
\n {title}
\n \n (\n \n {decoratedText}\n \n )}\n >\n {formattedMessage}\n \n
\n {!isSuccess && showButton && !customButtons && (\n {message}
\n const infoPopover = ${limitAmount || \"0\"} LIMIT
\n\n return (\n \n {headerText &&
\n );\n};\n\nexport default AvailableFundsBase;"],"sourceRoot":""}{headerText} {tooltipText && tooltip}
}\n \n $\n {dollars || 0}\n {cents ? cents.padEnd(2, \"0\") : \"00\"}\n
\n {limitAmount && limitDiv}\n