{"version":3,"sources":["store.js","Error.js","Loading.js","components/Lookup.js","CardConnectTokenizer.js","svg/Amex.js","svg/Visa.js","svg/Mastercard.js","svg/Discover.js","components/Payment.js","components/Amount.js","svg/Success.js","components/BackToStart.js","components/Complete.js","svg/Failure.js","components/Failed.js","Status.js","styles/App.js","styles/Controls.js","App.js","serviceWorker.js","index.js"],"names":["initialState","progress","account","number","balance","amount","env","store","createContext","Provider","reducer","prevState","payload","constructor","Function","Object","has","_path","_value","produce","draft","set","Error","props","style","color","fontWeight","fontSize","className","children","Loading","StyledSpinner","styled","div","Lookup","useState","card","setCard","error","setError","statusMsg","setStatusMsg","loading","setLoading","globalState","useContext","setGlobalState","setState","submit","e","a","async","preventDefault","url","state","fetch","then","resp","json","result","data","status","cardNumberError","Fragment","CardHeader","title","subheader","onSubmit","TextField","required","type","onChange","value","target","label","id","height","Button","variant","onClick","CardConnectTokenizer","name","src","scrolling","width","frameBorder","Amex","enableBackground","version","viewBox","xmlns","d","fill","stroke","strokeWidth","points","visa","Mastercard","Discover","fillRule","useStyles","makeStyles","root","background","marginTop","border","borderRadius","padding","Payment","token","setToken","processing","setProcessing","buttonStyles","React","accountNumber","tokenUrl","useEffect","window","addEventListener","onEvent","removeEventListener","event","origin","JSON","parse","document","getElementById","message","validationError","textAlign","marginBottom","Visa","backgroundColor","borderTop","disabled","tl","length","al","urlToken","slice","formData","FormData","append","method","body","Amount","setAmount","amountError","money","replace","parseInt","helperText","InputProps","startAdornment","InputAdornment","position","Success","SuccessStyled","strokeMiterlimit","cx","cy","r","strokeLinecap","BackToStart","Complete","display","FailureStyled","class","x1","y1","x2","y2","Failed","Failure","Status","StyledStatus","newBalance","showAmount","StyledApp","Controls","App","Paper","showAccountDetails","Boolean","location","hostname","match","ReactDOM","render","useReducer","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.829c2afc.chunk.js","sourcesContent":["import React, {createContext, useReducer} from \"react\";\nimport produce from \"immer\";\nimport {has, set} from \"lodash\";\n\nconst initialState = {\n    progress: \"lookup\",\n    account: {\n        number: false,\n        balance: 0,\n    },\n    amount: 0,\n    env: 'prod',\n};\n\nconst store = createContext(initialState);\nconst {Provider} = store;\n\nconst reducer = (prevState, payload) => {\n    if (payload.constructor === Function) {\n        return {...prevState, ...payload(prevState)};\n    }\n\n    if (payload.constructor === Object) {\n        if (has(payload, \"_path\") && has(payload, \"_value\")) {\n            const {_path, _value} = payload;\n\n            return produce(prevState, draft => {\n                set(draft, _path, _value);\n            });\n        } else {\n            return {...prevState, ...payload};\n        }\n    }\n    return {...prevState};\n};\n\nconst StateProvider = ({children}) => {\n    const [state, setState] = useReducer(reducer, initialState);\n\n    return (\n        <Provider value={{state, setState}}>\n            {children}\n        </Provider>\n    );\n};\n\nexport {store, StateProvider};\n","import React from \"react\";\n\nconst Error = props => {\n  return (\n    <div\n      style={{ color: \"#C00\", fontWeight: \"bold\", fontSize: \"12px\" }}\n      className=\"error\"\n    >\n      Error: {props.children}\n    </div>\n  );\n};\n\nexport default Error;\n","import React from \"react\";\nimport styled from \"styled-components\";\n\nconst Loading = () => {\n  return (\n    <StyledSpinner>\n      <div></div>\n      <div></div>\n      <div></div>\n      <div></div>\n    </StyledSpinner>\n  );\n};\n\nexport default Loading;\n\nconst StyledSpinner = styled.div`\n  display: inline-block;\n  position: relative;\n  width: 40px;\n  height: 20px;\n\n  div {\n    position: absolute;\n    top: calc(20px - 8px);\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #333;\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\n  }\n  div:nth-child(1) {\n    left: 4px;\n    animation: lds-ellipsis1 0.6s infinite;\n  }\n  div:nth-child(2) {\n    left: 6px;\n    animation: lds-ellipsis2 0.6s infinite;\n  }\n  div:nth-child(3) {\n    left: 20px;\n    animation: lds-ellipsis2 0.6s infinite;\n  }\n  div:nth-child(4) {\n    left: 32px;\n    animation: lds-ellipsis3 0.6s infinite;\n  }\n  @keyframes lds-ellipsis1 {\n    0% {\n      transform: scale(0);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  @keyframes lds-ellipsis3 {\n    0% {\n      transform: scale(1);\n    }\n    100% {\n      transform: scale(0);\n    }\n  }\n  @keyframes lds-ellipsis2 {\n    0% {\n      transform: translate(0, 0);\n    }\n    100% {\n      transform: translate(12px, 0);\n    }\n  }\n`;\n\n// const StyledSpinner = styled.div`\n//   display: inline-block;\n//   position: relative;\n//   width: 80px;\n//   height: 80px;\n\n//   div {\n//     box-sizing: border-box;\n//     display: block;\n//     position: absolute;\n//     width: 64px;\n//     height: 64px;\n//     margin: 8px;\n//     border: 8px solid #fff;\n//     border-radius: 50%;\n//     animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n//     border-color: #000 transparent transparent transparent;\n//   }\n\n//   div:nth-child(1) {\n//     animation-delay: -0.45s;\n//   }\n\n//   div:nth-child(2) {\n//     animation-delay: -0.3s;\n//   }\n\n//   div:nth-child(3) {\n//     animation-delay: -0.15s;\n//   }\n\n//   @keyframes lds-ring {\n//     0% {\n//       transform: rotate(0deg);\n//     }\n//     100% {\n//       transform: rotate(360deg);\n//     }\n//   }\n// `;\n","import React, {useContext, useState} from \"react\";\nimport {Button, CardHeader, TextField} from \"@material-ui/core\";\n// import \"../App.css\";\nimport Error from \"../Error\";\n// import Balance from \"../Balance\";\nimport Loading from \"../Loading\";\n\nimport {store} from \"../store.js\";\n\nfunction Lookup() {\n    const [card, setCard] = useState(\"\");\n    const [error, setError] = useState(false);\n    const [statusMsg, setStatusMsg] = useState(\"\");\n    const [loading, setLoading] = useState(false);\n\n    const globalState = useContext(store);\n    const {setState: setGlobalState} = globalState;\n    // const { var } = globalState.state;\n\n    const updateTextField = e => {\n        const value = e.target.value;\n        setCard(value);\n    };\n\n    const submit = async e => {\n        e.preventDefault();\n        setStatusMsg(\"\");\n        setError(false);\n        setLoading(true);\n\n        if (card === \"\") {\n            setError(\"cardNumber\");\n            setLoading(false);\n            setStatusMsg(\"Card number is required\");\n            return;\n        }\n\n        let url = 'https://www.firsttowndowntown.org/giftcards/index.php/balance';\n        if (globalState.state.env === 'dev') {\n            //let url = \"https://www.firsttowndowntown.org/giftcards/index.php/balance\";\n            url = \"http://localhost:9000/balance\";\n        }\n\n        if (card) {\n            url = url + `/${card}`;\n        }\n\n        const result = await fetch(url).then(resp => resp.json());\n\n        if (result.data.status === \"error\") {\n            setError(\"cardNumber\");\n            setStatusMsg(\"Invalid Card Number\");\n            setLoading(false);\n            setGlobalState({_path: \"account.number\", _value: false});\n            setGlobalState({_path: \"account.balance\", _value: \"--\"});\n            return;\n        }\n\n        if (result.data.status === \"success\") {\n            setLoading(false);\n            setGlobalState({_path: \"progress\", _value: \"amount\"});\n            setGlobalState({_path: \"account.number\", _value: card});\n            setGlobalState({_path: \"account.balance\", _value: result.data.balance});\n        }\n    };\n\n    let cardNumberError = false;\n    if (error === \"cardNumber\") {\n        cardNumberError = true;\n    }\n\n    return (\n        <React.Fragment>\n            <CardHeader\n                title=\"Account Information\"\n                subheader=\"Enter your account information to begin.\"\n            />\n            <form onSubmit={submit}>\n                <TextField\n                    required\n                    type=\"text\"\n                    onChange={updateTextField}\n                    label=\"Card Number\"\n                    id=\"card-number\"\n                    error={cardNumberError}\n                />\n                {error === \"cardNumber\" &&\n                statusMsg &&\n                <Error>\n                    {statusMsg}\n                </Error>}\n                {error === false && <div style={{height: \"15px\"}}/>}\n                <div className=\"action\">\n                    <Button className=\"submit\" variant=\"contained\" onClick={submit}>\n                        Lookup\n                    </Button>\n                    {loading === true && <Loading/>}\n                </div>\n            </form>\n        </React.Fragment>\n    );\n}\n\nexport default Lookup;\n","import React, {useContext} from \"react\";\nimport {store} from \"./store\";\n\nconst CardConnectTokenizer = () => {\n    const globalState = useContext(store);\n    const {env} = globalState.state;\n    const params = '?useexpiry=true&usecvv=true&invalidinputevent=true&highlightinvalidinput=true&tokenizewheninactive=true&inactivityto=500&unique=true';\n    let url = 'https://fts.cardconnect.com/itoke/ajax-tokenizer.html';\n\n    if (env === 'dev') {\n        url = 'https://fts-uat.cardconnect.com/itoke/ajax-tokenizer.html';\n    }\n\n    url = url + params;\n\n    return (\n        <iframe\n            id=\"tokenframe3\"\n            name=\"tokenframe\"\n            src={url}\n            scrolling=\"no\"\n            width=\"200\"\n            height=\"160\"\n            title=\"ftdt-cc-tokenizer\"\n            frameBorder=\"0\"\n        />\n    );\n};\n\nexport default CardConnectTokenizer;\n","import React from \"react\";\n\nconst Amex = () => {\n  const color = \"#999\";\n  return (\n    <svg\n      width=\"50\"\n      height=\"32\"\n      enableBackground=\"new 0 0 780 500\"\n      version=\"1.1\"\n      viewBox=\"0 0 780 500\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M53.539,15h674.423c21.285,0,38.538,16.923,38.538,37.8v396.9   c0,20.875-17.253,37.8-38.538,37.8H53.539C32.254,487.5,15,470.575,15,449.7V52.8C15,31.923,32.254,15,53.539,15z\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth=\"30\"\n      />\n      <polygon\n        points=\"91.35 174.04 77.966 142.19 64.658 174.04 91.35 174.04\"\n        fill={color}\n      />\n      <path\n        d=\"m386.52 161.93c-2.688 1.593-5.865 1.645-9.674 1.645h-23.756v-17.749h24.08c3.408 0 6.963 0.15 9.274 1.441 2.536 1.165 4.104 3.643 4.104 7.064 0 3.493-1.491 6.304-4.028 7.599z\"\n        fill={color}\n      />\n      <path\n        d=\"m637.52 113.08v13.162l-7.607-13.162h-55.746v13.162l-6.986-13.162h-75.303c-12.604 0-23.684 1.72-32.632 6.507v-6.507h-51.966v6.507c-5.695-4.935-13.456-6.507-22.085-6.507h-189.85l-12.737 28.786-13.081-28.786h-59.796v13.162l-6.569-13.162h-50.996l-23.682 52.988v42.384l35.019-79.908h29.054l33.259 75.657v-75.657h31.917l25.593 54.208 23.507-54.208h32.56v79.908h-20.046l-0.076-62.583-28.354 62.583h-17.171l-28.43-62.638v62.638h-39.774l-7.513-17.822h-40.716l-7.591 17.822h-21.238v16.075h1e-3v2e-3h33.413l7.535-17.75h16.865l7.514 17.748h65.741v-13.569l5.868 13.626h34.13l5.867-13.83v13.772h163.38l-0.078-29.133h3.162c2.214 0.075 2.86 0.274 2.86 3.842v25.291h84.501v-6.782c6.813 3.567 17.415 6.782 31.365 6.782h35.549l7.606-17.748h16.867l7.44 17.748h68.506v-16.859l10.371 16.859h54.899v-111.45h-54.331zm-318.34 32.105h-45.77v14.404h44.673v16.38h-44.673v15.958h45.77v16.525h-65.326v-79.908h65.326v16.641zm87.956 32.908c2.76 3.974 3.237 7.525 3.237 14.662v15.697h-19.727l-0.074-10.077c0-4.808 0.471-11.724-3.087-15.569-2.856-2.81-7.211-3.419-14.252-3.419h-20.992v29.064h-19.554v-79.908h44.978c9.993 0 17.354 0.259 23.679 3.829 6.188 3.569 9.896 8.781 9.896 17.692 0 12.743-8.705 19.324-13.779 21.3 4.279 1.592 7.933 4.401 9.675 6.729zm15.512 30.359v-79.908h19.95v79.908h-19.95zm251.59-1e-3l-27.713 1e-3 -37.069-59.977v59.975h-39.826l-7.609-17.822h-40.623l-7.381 17.822h-22.883c-9.509 0-21.542-2.053-28.356-8.837-6.873-6.785-10.447-15.975-10.447-30.506 0-11.85 2.137-22.685 10.542-31.246 6.322-6.376 16.224-9.319 29.698-9.319h18.93v17.124h-18.535c-7.138 0-11.167 1.036-15.048 4.734-3.331 3.363-5.622 9.724-5.622 18.1 0 8.562 1.743 14.732 5.378 18.767 3.011 3.161 8.479 4.121 13.63 4.121h8.782l27.56-62.842h29.304l33.106 75.581v-75.581h29.776l34.374 55.651v-55.651h20.032v79.905z\"\n        fill={color}\n      />\n      <polygon\n        points=\"555.37 174.04 541.84 142.19 528.38 174.04\"\n        fill={color}\n      />\n      <polygon\n        points=\"280.85 329.93 232.77 329.93 232.77 314.02 275.7 314.02 275.7 297.72 232.77 297.72 232.77 283.19 281.8 283.19 303.19 306.48 280.85 329.93\"\n        fill={color}\n      />\n      <polygon\n        points=\"358.32 339.08 328.3 306.52 358.32 275 358.32 339.08\"\n        fill={color}\n      />\n      <path\n        d=\"m402.73 303.54h-25.271v-20.354h25.499c7.059 0 11.96 2.811 11.96 9.801-1e-3 6.911-4.676 10.554-12.188 10.553z\"\n        fill={color}\n      />\n      <path\n        d=\"m498.97 299.49c-2.613 1.516-5.85 1.645-9.655 1.645h-23.754v-17.949h24.08c3.479 0 6.965 0.071 9.331 1.442 2.534 1.293 4.051 3.771 4.051 7.19 0 3.418-1.517 6.174-4.051 7.672h-2e-3z\"\n        fill={color}\n      />\n      <path\n        d=\"m753.07 336.04v-2e-3c-4.748 6.783-14.009 10.225-26.538 10.225h-37.765v-17.14h37.61c3.732 0 6.345-0.479 7.915-1.979 1.485-1.338 2.323-3.233 2.312-5.213 0-2.328-0.949-4.179-2.391-5.285-1.418-1.221-3.481-1.771-6.891-1.771-18.36-0.609-41.268 0.553-41.268-24.741 0-11.595 7.534-23.794 28.058-23.794h38.953v-15.904h-36.191c-10.922 0-18.854 2.555-24.477 6.526v-6.526h-53.529c-8.56 0-18.608 2.074-23.361 6.526v-6.526h-95.592v6.526c-7.606-5.358-20.445-6.526-26.37-6.526h-63.053v6.526c-6.018-5.69-19.404-6.526-27.562-6.526h-70.568l-16.148 17.069-15.125-17.069h-105.41v111.53h103.43l16.639-17.34 15.676 17.34 63.755 0.053v-26.233h6.269c8.459 0.127 18.436-0.202 27.237-3.921v30.098h52.583v-29.066h2.54c3.234 0 3.556 0.131 3.556 3.291v25.772h159.75c10.143 0 20.741-2.536 26.612-7.136v7.136h50.672c10.545 0 20.844-1.442 28.68-5.138v-20.777h-4e-3zm-350.8-16.111h-24.4v26.809h-38.009l-24.08-26.459-25.023 26.459h-77.461v-79.93h78.652l24.061 26.203 24.873-26.203h62.488c15.516 0 32.952 4.197 32.952 26.332 0 22.205-16.96 26.789-34.053 26.789zm117.34-3.625c2.759 3.898 3.16 7.541 3.239 14.59v15.844h-19.634v-10.002c0-4.805 0.478-11.928-3.16-15.646-2.857-2.862-7.212-3.546-14.347-3.546h-20.899v29.191h-19.648v-79.928h45.147c9.9 0 17.11 0.429 23.531 3.772 6.17 3.64 10.051 8.632 10.051 17.747-1e-3 12.759-8.712 19.268-13.858 21.266 4.353 1.57 7.909 4.382 9.578 6.712zm80.781-32.967h-45.794v14.531h44.676v16.307h-44.676v15.906l45.794 0.068v16.587h-65.268v-79.929h65.268v16.53zm50.249 63.396h-38.086v-17.141h37.936c3.708 0 6.341-0.477 7.987-1.979 1.343-1.233 2.311-3.029 2.311-5.21 0-2.33-1.046-4.181-2.388-5.286-1.496-1.221-3.557-1.771-6.965-1.771-18.287-0.609-41.188 0.551-41.188-24.742 0-11.592 7.457-23.795 27.958-23.795h39.204v17.013h-35.869c-3.559 0-5.871 0.131-7.837 1.442-2.144 1.295-2.938 3.217-2.938 5.752 0 3.014 1.818 5.063 4.277 5.953 2.063 0.702 4.281 0.904 7.611 0.904l10.526 0.277c10.615 0.253 17.904 2.047 22.335 6.429h-1e-3c3.805 3.848 5.848 8.706 5.848 16.935 0 17.192-10.999 25.219-30.721 25.219z\"\n        fill={color}\n      />\n      <path\n        d=\"m753.11 283.19h-35.645c-3.557 0-5.923 0.129-7.911 1.442-2.064 1.293-2.856 3.218-2.856 5.752 0 3.015 1.739 5.068 4.272 5.953 2.063 0.702 4.279 0.908 7.535 0.908l10.603 0.274c10.693 0.26 17.831 2.053 22.185 6.435 0.794 0.61 1.271 1.292 1.817 1.979v-22.743z\"\n        fill={color}\n      />\n    </svg>\n  );\n};\n\nexport default Amex;\n","import React from \"react\";\n\nconst visa = () => {\n  const color = \"#999\";\n  return (\n    <svg\n      width=\"50\"\n      height=\"32\"\n      enableBackground=\"new 0 0 780 500\"\n      version=\"1.1\"\n      viewBox=\"0 0 780 500\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M53.487,14h673.524c21.257,0,38.488,16.816,38.488,37.559v394.38   c0,20.744-17.231,37.561-38.488,37.561H53.487C32.231,483.5,15,466.684,15,445.939V51.559C15,30.816,32.231,14,53.487,14z\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth=\"30\"\n      />\n      <path\n        d=\"m296.86 342.7l32.099-183.82h51.344l-32.123 183.82h-51.32zm236.8-179.86c-10.172-3.724-26.108-7.721-46.014-7.721-50.731 0-86.466 24.931-86.77 60.662-0.287 26.414 25.511 41.149 44.984 49.941 19.985 9.01 26.703 14.755 26.608 22.801-0.127 12.322-15.96 17.952-30.715 17.952-20.549 0-31.467-2.786-48.327-9.65l-6.616-2.921-7.207 41.149c11.993 5.132 34.168 9.578 57.191 9.808 53.967 0 89.002-24.646 89.401-62.801 0.193-20.912-13.484-36.826-43.105-49.945-17.945-8.502-28.936-14.178-28.818-22.788 0-7.64 9.301-15.812 29.399-15.812 16.791-0.254 28.951 3.319 38.427 7.043l4.601 2.122 6.96-39.843m132.12-3.963h-39.671c-12.29 0-21.487 3.274-26.886 15.245l-76.245 168.46h53.91s8.815-22.653 10.81-27.625c5.892 0 58.264 0.079 65.752 0.079 1.535 6.436 6.245 27.546 6.245 27.546h47.641l-41.556-183.71zm-62.943 118.7c4.246-10.591 20.455-51.385 20.455-51.385-0.303 0.491 4.215-10.643 6.81-17.543l3.468 15.849s9.831 43.878 11.886 53.079h-42.619zm-349.55-118.7l-50.264 125.35-5.356-25.476c-9.357-29.366-38.511-61.182-71.103-77.11l45.959 160.76 54.32-0.061 80.827-183.47h-54.383\"\n        fill={color}\n      />\n      <path\n        d=\"m156.11 158.88h-82.787l-0.655 3.825c64.406 15.216 107.02 51.984 124.72 96.166l-18.002-84.473c-3.108-11.638-12.121-15.111-23.272-15.518\"\n        fill={color}\n      />\n    </svg>\n  );\n};\n\nexport default visa;\n","import React from \"react\";\n\nconst Mastercard = () => {\n  const color = \"#999\";\n  return (\n    <svg\n      width=\"50\"\n      height=\"32\"\n      enableBackground=\"new 0 0 780 500\"\n      version=\"1.1\"\n      viewBox=\"0 0 780 500\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M53.385,15h671.729c21.201,0,38.386,16.853,38.386,37.64v395.22   c0,20.788-17.185,37.64-38.386,37.64H53.385C32.186,485.5,15,468.648,15,447.86V52.64C15,31.853,32.186,15,53.385,15z\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth=\"30\"\n      />\n      <path\n        d=\"m704.94 250.23c0 105.73-87.905 191.78-195.95 191.78-45.065 0-86.609-15.002-119.75-40.09-33.123 25.088-74.667 40.09-119.73 40.09-108.04 0-195.94-86.049-195.94-191.78 0-105.74 87.902-191.74 195.94-191.74 45.065 0 86.61 14.945 119.73 40.069 33.143-25.124 74.687-40.069 119.75-40.069 108.04 0 195.95 86.008 195.95 191.74zm-196.23-174.81c-39.747 0-76.441 12.744-106.09 34.25 26.886 24.488 46.771 56.288 56.271 92.126h-18.16c-9.304-31.684-27.491-59.657-51.777-81.184-24.26 21.527-42.46 49.5-51.729 81.184h-18.188c9.523-35.838 29.407-67.638 56.294-92.126-29.662-21.506-66.342-34.25-106.11-34.25-98.521 0-178.39 78.16-178.39 174.6 0 96.413 79.869 174.6 178.39 174.6 39.767 0 76.447-12.744 106.11-34.248-25.299-23.059-44.385-52.603-54.475-85.856h18.364c9.755 29.118 27.074 54.819 49.734 74.91 22.685-20.091 40.026-45.792 49.782-74.91h18.358c-10.107 33.255-29.188 62.798-54.475 85.856 29.645 21.504 66.339 34.248 106.09 34.248 98.521 0 178.39-78.185 178.39-174.6 1e-3 -96.438-79.868-174.6-178.39-174.6z\"\n        fill={color}\n        stroke=\"#979797\"\n      />\n      <path\n        d=\"m197.07 208.11h-28.565l-17.852 52.083-0.743-52.083h-26.472l-14.371 84.15h17.227l11.064-64.29 1.545 64.29h12.551l23.521-64.674-10.539 64.674h18.398l14.236-84.15zm47.412 84.071h-15.25l0.355-7.101c-4.655 5.606-10.854 8.289-19.277 8.289-9.991 0-16.795-7.635-16.795-18.677 0-16.687 11.866-26.386 32.279-26.386 2.092 0 4.769 0.19 7.506 0.534 0.569-2.277 0.707-3.233 0.707-4.458 0-4.515-3.19-6.218-11.793-6.218-8.992-0.115-16.421 2.087-19.47 3.082 0.195-1.148 2.562-15.385 2.562-15.385 9.151-2.64 15.208-3.635 22.014-3.635 15.797 0 24.167 6.926 24.147 20.053 0.02 3.521-0.568 7.863-1.488 13.588-1.602 9.889-5.024 31.128-5.495 36.312v2e-3zm-12.926-30.165c-1.935-0.193-2.778-0.269-4.107-0.269-10.441 0-15.702 3.498-15.702 10.389 0 4.271 2.582 6.984 6.57 6.984 7.51 0 12.903-6.984 13.239-17.104zm253.85-55.787c-24.383 0-41.435 21.008-41.435 51.09 0 22.347 12.342 36.316 32.147 36.316 5.082 0 9.48-0.651 16.246-2.487l3.226-19.155c-6.081 2.93-11.084 4.325-15.625 4.325-10.694 0-17.149-7.732-17.149-20.496 0-18.54 9.605-31.532 23.348-31.532 5.104 0 9.875 1.302 16.443 4.556l3.011-18.253c-2.695-1.035-12.18-4.364-20.212-4.364zm66.176 85.952h-15.229l0.352-7.101c-4.674 5.606-10.892 8.289-19.301 8.289-9.97 0-16.814-7.635-16.814-18.677 0-16.687 11.908-26.386 32.3-26.386 2.093 0 4.772 0.19 7.513 0.534 0.562-2.277 0.701-3.233 0.701-4.458 0-4.515-3.187-6.218-11.773-6.218-9.011-0.115-16.42 2.087-19.473 3.082 0.177-1.148 2.544-15.385 2.544-15.385 9.168-2.64 15.228-3.635 21.993-3.635 15.82 0 24.19 6.926 24.169 20.053 0.038 3.521-0.566 7.863-1.486 13.588-1.583 9.889-5.021 31.128-5.494 36.312v2e-3zm-12.933-30.165c-1.916-0.193-2.776-0.269-4.126-0.269-10.422 0-15.702 3.498-15.702 10.389 0 4.271 2.583 6.984 6.612 6.984 7.49 0 12.904-6.984 13.216-17.104zm-203.63 14.306c-1.232 0.423-2.854 0.649-4.946 0.649-4.379 0-6.314-1.527-6.314-5.07 0.04-2.179 3.07-18.367 5.183-31.361h9.439l2.505-16.456h-9.406l2.131-10.328h-18.282s-6.919 40.277-7.955 46.647c-1.174 7.291-2.658 15.232-2.544 18.254 0 9.741 5.124 15.042 14.526 15.042 4.267 0 8.19-0.691 13.241-2.22l2.422-15.157zm56.206 14.29c-6.295 1.877-12.36 2.757-18.77 2.757-20.494-0.043-31.166-10.505-31.166-30.539 0-23.384 13.587-40.605 32.025-40.605 15.074 0 24.716 9.625 24.716 24.778 0 5.013-0.685 9.893-2.271 16.84h-36.406c-1.231 9.891 5.263 14.024 15.899 14.024 6.546 0 12.434-1.302 19.003-4.285l-3.03 17.03zm-9.587-40.141c0.118-1.416 1.933-12.249-8.507-12.249-5.828 0-10.01 4.384-11.689 12.249h20.196zm-122.59-5.093c0 8.669 4.26 14.62 13.998 19.117 7.45 3.443 8.603 4.438 8.603 7.56 0 4.243-3.285 6.159-10.578 6.159-5.474 0-10.597-0.806-16.484-2.678 0 0-2.421 15.077-2.54 15.806 4.205 0.882 7.918 1.718 19.161 2.028 19.413 0 28.371-7.254 28.371-22.867 0-9.432-3.736-14.905-12.967-19.061-7.7-3.482-8.6-4.246-8.6-7.441 0-3.713 3.069-5.588 9.032-5.588 3.596 0 8.543 0.384 13.197 1.035l2.622-15.883c-4.772-0.727-11.985-1.339-16.19-1.339-20.588-1e-3 -27.704 10.504-27.625 23.152zm396.1 46.883h-17.418l0.879-6.369c-5.065 5.264-10.243 7.559-16.97 7.559-13.376 0-22.212-11.271-22.212-28.377 0-22.792 13.703-41.963 29.93-41.963 7.121 0 12.553 2.832 17.582 9.32l4.065-24.319h18.147l-14.003 84.149zm-27.1-15.683c8.562 0 14.604-9.514 14.604-23.061 0-8.706-3.42-13.414-9.76-13.414-8.348 0-14.272 9.511-14.272 22.963 0 8.975 3.171 13.512 9.428 13.512zm-56.582-52.672c-2.306 21.164-6.394 42.613-9.58 63.815l-0.842 4.61h18.38c6.589-41.845 8.19-50.016 18.495-48.984 1.64-8.591 4.69-16.07 6.997-19.858-7.717-1.573-12.023 2.715-17.631 10.81 0.447-3.522 1.25-6.909 1.075-10.393h-16.894zm-161.19 0c-2.312 21.164-6.416 42.613-9.603 63.815l-0.843 4.61h18.398c6.59-41.845 8.173-50.016 18.476-48.984 1.662-8.591 4.731-16.07 7.002-19.858-7.686-1.573-12.021 2.715-17.638 10.81 0.45-3.522 1.249-6.909 1.095-10.393h-16.887z\"\n        fill={color}\n      />\n    </svg>\n  );\n};\n\nexport default Mastercard;\n","import React from \"react\";\n\nconst Discover = () => {\n  const color = \"#999\";\n  return (\n    <svg\n      width=\"50\"\n      height=\"32\"\n      viewBox=\"0 0 780 500\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g fill={color} fillRule=\"evenodd\">\n        <path d=\"M54.992 30h670.016C738.811 30 750 41.191 750 55.005v219.919s-75.602 51.078-163.193 86.377C447.689 425.61 246.167 471 232.37 471H54.991C41.19 471 30 459.809 30 445.995V55.005C30 41.198 41.196 30 54.992 30zM0 55.005v390.99C0 476.375 24.618 501 54.992 501h670.016C755.374 501 780 476.37 780 445.995V55.005C780 24.625 755.382 0 725.008 0H54.992C24.626 0 0 24.63 0 55.005z\" />\n        <path d=\"m67.415 164.4v99.142h29.992c15.947 0 27.465-3.543 37.573-11.445 12.014-9.36 19.117-23.467 19.117-38.057 0-29.26-23.22-49.64-56.532-49.64h-30.15zm54.146 74.48c-6.454 5.484-14.837 7.878-28.11 7.878h-5.511v-65.558h5.511c13.273 0 21.326 2.236 28.11 8.016 7.104 5.956 11.377 15.183 11.377 24.682 0 9.515-4.273 19.025-11.377 24.981zm41.987 24.662h20.54v-99.142h-20.54v99.142zm70.766-61.337c-12.325-4.293-15.946-7.128-15.946-12.482 0-6.244 6.45-10.99 15.303-10.99 6.153 0 11.212 2.383 16.563 8.029l10.748-13.249c-8.833-7.274-19.398-10.993-30.944-10.993-18.632 0-32.844 12.184-32.844 28.41 0 13.658 6.617 20.648 25.909 27.186 8.04 2.67 12.133 4.45 14.2 5.646 4.103 2.524 6.158 6.094 6.158 10.257 0 8.032-6.785 13.985-15.948 13.985-9.798 0-17.688-4.612-22.42-13.222l-13.268 12.03c9.464 13.077 20.828 18.872 36.458 18.872 21.345 0 36.32-13.36 36.32-32.553 0-15.75-6.924-22.882-30.289-30.926m36.769 11.567c0 29.14 24.303 51.736 55.58 51.736 8.846 0 16.417-1.636 25.758-5.776v-22.764c-8.214 7.737-15.489 10.86-24.801 10.86-20.688 0-35.37-14.123-35.37-34.197 0-19.037 15.15-34.051 34.414-34.051 9.8 0 17.213 3.29 25.757 11.154v-22.752c-9.02-4.305-16.432-6.09-25.269-6.09-31.12 0-56.07 23.054-56.07 51.88m244.2 17.068l-28.084-66.592h-22.437l44.687 101.68h11.054l45.492-101.68h-22.265l-28.446 66.593m60 32.701h58.251v-16.784h-37.726v-26.762h36.335v-16.792h-36.335v-22.004h37.726v-16.8h-58.251v99.142m139.58-69.872c0-18.56-13.576-29.27-37.266-29.27h-30.456v99.142h20.517v-39.827h2.677l28.43 39.827h25.26l-33.149-41.765c15.472-2.964 23.987-12.927 23.987-28.106zm-41.204 16.371h-6.001v-30.025h6.326c12.791 0 19.744 5.048 19.744 14.697 0 9.966-6.953 15.328-20.07 15.328zm-314.55 3.914v-0.034c0-29.129 25.081-52.708 56.021-52.708s56.022 23.579 56.022 52.708v0.034c0 29.13-25.082 52.743-56.022 52.743s-56.022-23.614-56.022-52.743\" />\n      </g>\n    </svg>\n  );\n};\n\nexport default Discover;\n","import React, {useEffect, useState} from \"react\";\n// import styled from \"styled-components\";\nimport {Button, CardHeader} from \"@material-ui/core\";\nimport {makeStyles} from \"@material-ui/core/styles\";\n\nimport {store} from \"../store\";\nimport CardConnectTokenizer from \"../CardConnectTokenizer\";\nimport Amex from \"../svg/Amex\";\nimport Visa from \"../svg/Visa\";\nimport Mastercard from \"../svg/Mastercard\";\nimport Discover from \"../svg/Discover\";\n// import StyledBalanceReload from \"../styles/BalanceReload\";\n\nconst useStyles = makeStyles({\n    root: {\n        background: \"#6BD19A\",\n        marginTop: \"10px\",\n        border: 0,\n        borderRadius: 3,\n        // boxShadow: \"0 3px 5px 2px rgba(255, 105, 135, .3)\",\n        color: \"white\",\n        height: 48,\n        padding: \"0 30px\",\n        \"&:hover\": {\n            background: \"#1DC26A\",\n        },\n    },\n});\n\nconst Payment = () => {\n    const [token, setToken] = useState(false);\n    // const [error, setError] = useState(true);\n    // const [showError, setShowError] = useState(false);\n    // const [isValid, setIsValid] = useState(false);\n    const [processing, setProcessing] = useState(false);\n    const buttonStyles = useStyles();\n\n    const globalState = React.useContext(store);\n    const {setState: setGlobalState} = globalState;\n    const {amount, env} = globalState.state;\n    const accountNumber = globalState.state.account.number;\n    let tokenUrl = 'https://fts.cardconnect.com';\n    let url = 'https://www.firsttowndowntown.org/giftcards/index.php/action/add';\n\n    if (env === 'dev') {\n        tokenUrl = 'https://fts-uat.cardconnect.com';\n        // url = `https://www.firsttowndowntown.org/giftcards/index.php/action/add`;\n        url = 'http://localhost:9000/action/add'\n    }\n\n    useEffect(() => {\n        window.addEventListener(\"message\", onEvent, false);\n        return () => window.removeEventListener(\"message\", onEvent);\n    });\n\n    const onEvent = event => {\n        if (event.origin === tokenUrl) {\n            let token = JSON.parse(event.data);\n            let mytoken = document.getElementById(\"ftdt-reload-token\");\n            mytoken.value = token.message;\n\n            if (token.validationError) {\n                setToken(false);\n            }\n\n            if (token.message) {\n                setToken(token.message);\n                // setError(false);\n            }\n        }\n    };\n\n    const handleSubmit = async e => {\n        e.preventDefault();\n        if (token) {\n            setProcessing(true);\n            const tl = token.length;\n            const al = accountNumber.length;\n\n            const urlToken =\n                token.slice(0, 5) +\n                accountNumber.slice(0, 8) +\n                token.slice(5) +\n                accountNumber.slice(8) +\n                tl +\n                al;\n\n            const formData = new FormData();\n            formData.append(\"token\", urlToken);\n            formData.append(\"amount\", amount * 100);\n\n            const result = await fetch(url, {\n                method: \"post\",\n                body: formData,\n            }).then(resp => {\n                setProcessing(false);\n                return resp.json();\n            });\n\n            if (result.data.status === \"success\") {\n                setGlobalState({\n                    _path: \"account.balance\",\n                    _value: result.data.balance,\n                });\n                setGlobalState({_path: \"amount\", _value: 0});\n                setGlobalState({_path: \"progress\", _value: \"complete\"});\n            }\n\n            if (result.data.status === \"error\") {\n                setGlobalState({_path: \"progress\", _value: \"failed\"});\n            }\n        }\n    };\n\n    const goBack = e => {\n        e.preventDefault();\n\n        setGlobalState({_path: \"progress\", _value: \"amount\"});\n        setGlobalState({_path: \"amount\", _value: 0});\n    };\n\n    const submitDisabled = () => {\n        if (!token) {\n            return true;\n        }\n\n        if (processing) {\n            return true;\n        }\n\n        return false;\n    };\n\n    return (\n        <React.Fragment>\n            <div style={{textAlign: \"left\", width: \"100%\", fontSize: \"10px\"}}>\n                <button onClick={goBack}>&laquo; Back</button>\n            </div>\n            <CardHeader\n                title=\"Payment Source\"\n                subheader=\"We accept all major credit cards.\"\n            />\n            <div style={{marginBottom: \"10px\"}}>\n                <Amex/>&nbsp;\n                <Discover/>&nbsp;\n                <Visa/>&nbsp;\n                <Mastercard/>&nbsp;\n            </div>\n            <form name=\"tokenform\" id=\"tokenform\">\n                <div\n                    style={{\n                        padding: \"15px\",\n                        backgroundColor: \"#EAEAEA\",\n                        // marginBottom: \"20px\",\n                        borderTop: \"4px solid #bbb\",\n                    }}\n                >\n                    <CardConnectTokenizer/>\n                </div>\n                <input type=\"hidden\" name=\"token\" id=\"ftdt-reload-token\"/>\n                <Button\n                    disabled={submitDisabled()}\n                    variant=\"contained\"\n                    onClick={handleSubmit}\n                    className={buttonStyles.root}\n                >\n                    Pay\n                </Button>\n            </form>\n        </React.Fragment>\n    );\n};\n\nexport default Payment;\n","import React from \"react\";\nimport {Button, CardHeader, InputAdornment, TextField,} from \"@material-ui/core\";\nimport {store} from \"../store\";\nimport Loading from \"../Loading\";\n\nconst Amount = () => {\n    const [amount, setAmount] = React.useState(\"\");\n    const [error] = React.useState(false);\n    const [loading] = React.useState(false);\n\n    const globalState = React.useContext(store);\n    const {setState: setGlobalState} = globalState;\n\n    const updateTextField = e => {\n        const value = e.target.value;\n\n        let money = value.replace(/[\\D\\s._-]+/g, \"\");\n        money = money ? parseInt(money, 10) : 0;\n        // let money = value;\n\n        setAmount(money);\n        setGlobalState({_path: \"amount\", _value: money});\n    };\n\n    let amountError = false;\n    if (error === \"amountError\") {\n        amountError = true;\n    }\n\n    const handleSubmit = e => {\n        e.preventDefault();\n        setGlobalState({_path: \"progress\", _value: \"payment\"});\n    };\n\n    const goBack = e => {\n        e.preventDefault();\n\n        setGlobalState({_path: \"progress\", _value: \"lookup\"});\n        setGlobalState({_path: \"account.number\", _value: false});\n    };\n\n    return (\n        <React.Fragment>\n            <div style={{textAlign: \"left\", width: \"100%\", fontSize: \"10px\"}}>\n                <button onClick={goBack}>&laquo; Back</button>\n            </div>\n            <CardHeader\n                title=\"Add Funds\"\n                subheader=\"Enter the amount you would like to add to the selected account.\"\n            />\n            <br/>\n            <TextField\n                required\n                type=\"text\"\n                onChange={updateTextField}\n                label=\"Amount\"\n                id=\"reload-amount\"\n                value={amount}\n                error={amountError}\n                helperText=\"\"\n                InputProps={{\n                    startAdornment: <InputAdornment position=\"start\">$</InputAdornment>,\n                }}\n            />\n            <div className=\"action\">\n                <Button\n                    disabled={!amount}\n                    className=\"submit\"\n                    variant=\"contained\"\n                    onClick={handleSubmit}\n                >\n                    Continue\n                </Button>\n                {loading === true && <Loading/>}\n            </div>\n        </React.Fragment>\n    );\n};\n\nexport default Amount;\n","import React from \"react\";\nimport styled from \"styled-components\";\n\nconst Success = () => {\n  return (\n    <SuccessStyled>\n      <svg\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 130.2 130.2\"\n      >\n        <circle\n          className=\"path circle\"\n          fill=\"none\"\n          stroke=\"#73AF55\"\n          strokeWidth=\"6\"\n          strokeMiterlimit=\"10\"\n          cx=\"65.1\"\n          cy=\"65.1\"\n          r=\"62.1\"\n        />\n        <polyline\n          className=\"path check\"\n          fill=\"none\"\n          stroke=\"#73AF55\"\n          strokeWidth=\"6\"\n          strokeLinecap=\"round\"\n          strokeMiterlimit=\"10\"\n          points=\"100.2,40.2 51.5,88.8 29.8,67.5 \"\n        />\n      </svg>\n      <p className=\"success\">Success!</p>\n    </SuccessStyled>\n  );\n};\n\nexport default Success;\n\nconst SuccessStyled = styled.div`\n  svg {\n    width: 100px;\n    display: block;\n    margin: 40px auto 0;\n  }\n\n  .path {\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 0;\n    &.circle {\n      -webkit-animation: dash .9s ease-in-out;\n      animation: dash .9s ease-in-out;\n    }\n    &.line {\n      stroke-dashoffset: 1000;\n      -webkit-animation: dash .9s .35s ease-in-out forwards;\n      animation: dash .9s .35s ease-in-out forwards;\n    }\n    &.check {\n      stroke-dashoffset: -100;\n      -webkit-animation: dash-check .9s .35s ease-in-out forwards;\n      animation: dash-check .9s .35s ease-in-out forwards;\n    }\n  }\n\n  p {\n    text-align: center;\n    margin: 20px 0;\n    font-size: 1.25em;\n    &.success {\n      color: #73af55;\n    }\n    &.error {\n      color: #d06079;\n    }\n  }\n\n  @-webkit-keyframes dash {\n    0% {\n      stroke-dashoffset: 1000;\n    }\n    100% {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @keyframes dash {\n    0% {\n      stroke-dashoffset: 1000;\n    }\n    100% {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @-webkit-keyframes dash-check {\n    0% {\n      stroke-dashoffset: -100;\n    }\n    100% {\n      stroke-dashoffset: 900;\n    }\n  }\n\n  @keyframes dash-check {\n    0% {\n      stroke-dashoffset: -100;\n    }\n    100% {\n      stroke-dashoffset: 900;\n    }\n  }\n`;\n","import React from 'react';\nimport {Button} from \"@material-ui/core\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport {store} from \"../store\";\n\nconst useStyles = makeStyles({\n    root: {\n        background: \"#92363B\",\n        marginTop: \"10px\",\n        border: 0,\n        borderRadius: 3,\n        // boxShadow: \"0 3px 5px 2px rgba(255, 105, 135, .3)\",\n        color: \"white\",\n        height: 48,\n        padding: \"0 30px\",\n        \"&:hover\": {\n            background: \"#652828\",\n        },\n    },\n});\n\nconst BackToStart = (props) => {\n    const buttonStyles = useStyles();\n    const globalState = React.useContext(store);\n    const {setState: setGlobalState} = globalState;\n\n    const backToStart = (e) => {\n        e.preventDefault();\n        setGlobalState({_path: \"progress\", _value: \"lookup\"});\n        setGlobalState({_path: \"amount\", _value: 0});\n        setGlobalState({_path: \"account.number\", _value: false});\n        setGlobalState({_path: \"account.balance\", _value: 0});\n    };\n\n    return (\n        <div>\n            <Button\n                variant=\"contained\"\n                onClick={backToStart}\n                className={buttonStyles.root}\n            >\n                {props.children}\n            </Button>\n        </div>\n    );\n};\n\nexport default BackToStart;\n","import React from \"react\";\nimport {store} from \"../store\";\nimport Success from \"../svg/Success\";\nimport BackToStart from \"./BackToStart\";\n\nconst Complete = () => {\n    const globalState = React.useContext(store);\n    const {balance} = globalState.state.account;\n\n    return (\n        <div>\n            <Success/>\n            <div className=\"message\">\n                <p style={{textAlign: \"center\"}}>\n                    <span style={{display: \"block\", fontSize: \"13px\"}}>\n                    Funds have been added to your account.\n                    </span>\n                    <strong>Your new balance is</strong>\n                </p>\n                <p style={{textAlign: \"center\", fontSize: \"32px\"}}>\n                    ${balance}\n                </p>\n            </div>\n            <div style={{textAlign: \"center\"}}>\n                <BackToStart>Start Again</BackToStart>\n            </div>\n        </div>\n    );\n};\n\nexport default Complete;\n","import React from \"react\";\nimport styled from \"styled-components\";\n\nconst Success = () => {\n  return (\n    <FailureStyled>\n      <svg\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 130.2 130.2\"\n      >\n        <circle\n          class=\"path circle\"\n          fill=\"none\"\n          stroke=\"#D06079\"\n          strokeWidth=\"6\"\n          strokeMiterlimit=\"10\"\n          cx=\"65.1\"\n          cy=\"65.1\"\n          r=\"62.1\"\n        />\n        <line\n          class=\"path line\"\n          fill=\"none\"\n          stroke=\"#D06079\"\n          strokeWidth=\"6\"\n          strokeLinecap=\"round\"\n          strokeMiterlimit=\"10\"\n          x1=\"34.4\"\n          y1=\"37.9\"\n          x2=\"95.8\"\n          y2=\"92.3\"\n        />\n        <line\n          class=\"path line\"\n          fill=\"none\"\n          stroke=\"#D06079\"\n          strokeWidth=\"6\"\n          strokeLinecap=\"round\"\n          strokeMiterlimit=\"10\"\n          x1=\"95.8\"\n          y1=\"38\"\n          x2=\"34.4\"\n          y2=\"92.2\"\n        />\n      </svg>\n      <p class=\"error\">Failure</p>\n    </FailureStyled>\n  );\n};\n\nexport default Success;\n\nconst FailureStyled = styled.div`\n  svg {\n    width: 100px;\n    display: block;\n    margin: 40px auto 0;\n  }\n\n  .path {\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 0;\n    &.circle {\n      -webkit-animation: dash .9s ease-in-out;\n      animation: dash .9s ease-in-out;\n    }\n    &.line {\n      stroke-dashoffset: 1000;\n      -webkit-animation: dash .9s .35s ease-in-out forwards;\n      animation: dash .9s .35s ease-in-out forwards;\n    }\n    &.check {\n      stroke-dashoffset: -100;\n      -webkit-animation: dash-check .9s .35s ease-in-out forwards;\n      animation: dash-check .9s .35s ease-in-out forwards;\n    }\n  }\n\n  p {\n    text-align: center;\n    margin: 20px 0;\n    font-size: 1.25em;\n    &.success {\n      color: #73af55;\n    }\n    &.error {\n      color: #d06079;\n    }\n  }\n\n  @-webkit-keyframes dash {\n    0% {\n      stroke-dashoffset: 1000;\n    }\n    100% {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @keyframes dash {\n    0% {\n      stroke-dashoffset: 1000;\n    }\n    100% {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @-webkit-keyframes dash-check {\n    0% {\n      stroke-dashoffset: -100;\n    }\n    100% {\n      stroke-dashoffset: 900;\n    }\n  }\n\n  @keyframes dash-check {\n    0% {\n      stroke-dashoffset: -100;\n    }\n    100% {\n      stroke-dashoffset: 900;\n    }\n  }\n`;\n","import React from \"react\";\nimport Failure from \"../svg/Failure\";\nimport BackToStart from \"./BackToStart\";\n\nconst Failed = () => {\n    return (\n        <div>\n            <Failure/>\n            <div className=\"message\">\n                <p style={{textAlign: \"center\"}}>\n          <span style={{display: \"block\", fontSize: \"13px\"}}>\n            There was a problem adding funds to your account.\n          </span>\n                </p>\n            </div>\n            <div style={{textAlign: \"center\"}}>\n                <BackToStart>Try Again</BackToStart>\n            </div>\n        </div>\n    );\n};\n\nexport default Failed;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { store } from \"./store.js\";\n\nconst Status = () => {\n  const globalState = React.useContext(store);\n  const { balance, number } = globalState.state.account;\n  const { amount } = globalState.state;\n\n  const showAmount = () => {\n    if (amount === 0) {\n      return;\n    }\n\n    // const beginningBalance = balance === \"--\" ? 0 : parseInt(balance, 10);\n    const beginningBalance = parseInt(balance, 10) * 100;\n    const amountToAdd = parseInt(amount, 10) * 100;\n\n    const newBalance = (beginningBalance + amountToAdd) / 100;\n\n    return (\n      <div>\n        <strong>New Balance:</strong>\n        <br /> ${newBalance}\n      </div>\n    );\n  };\n  if (!number) {\n    return <div />;\n  }\n\n  return (\n    <StyledStatus>\n      <h2>Transaction Summary</h2>\n      <div>\n        <strong>Account:</strong>\n        <br /> {number}\n      </div>\n      <div>\n        <strong>Current Balance:</strong>\n        <br /> ${balance}\n      </div>\n      {showAmount()}\n    </StyledStatus>\n  );\n};\n\nexport default Status;\n\nconst StyledStatus = styled.div`\n  background-color: #fafafa;\n  flex: 1 1 100%;\n  padding: 15px;\n  /* margin-left: -100%; */\n\n  > div {\n    margin-bottom: 15px;\n  }\n`;\n","import styled from \"styled-components\";\n\nconst StyledApp = styled.div`\n  max-width: 800px;\n  margin: auto;\n  padding: 20px 40px;\n  box-sizing: border-box;\n\n  h1 {\n    border: 1px solid red;\n  }\n\n  .columns {\n    display: flex;\n    justify-content: center;\n    align-items: stretch;\n\n    @media (max-width: 768px) {\n      flex-direction: column;\n      align-items: center;\n    }\n\n    > div {\n      width: 100%;\n      padding: 10px 20px;\n      display: flex;\n\n      @media (min-width: 769px) {\n        width: 50%;\n      }\n    }\n\n    .status-container {\n      overflow: hidden;\n      padding: 0;\n      margin: 10px 20px;\n      max-width: 400px;\n    }\n  }\n`;\n\nexport default StyledApp;\n","import styled from \"styled-components\";\n\nconst Controls = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n\n  .MuiCardHeader-title {\n    margin-bottom: 8px;\n  }\n\n  .MuiCardHeader-subheader {\n    line-height: 1.1;\n    font-size: 14px;\n  }\n\n  .control-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    padding: 20px;\n    width: 350px;\n    border-top: 10px solid #92363b;\n  }\n\n  form {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    padding: 0 30px;\n    box-sizing: border-box;\n  }\n\n  .submit {\n    width: 150px;\n    margin: 15px auto;\n  }\n`;\n\nexport default Controls;\n","import React, {useContext} from \"react\";\nimport {Paper} from \"@material-ui/core\";\n// Data\nimport {store} from \"./store.js\";\n// Components\nimport Lookup from \"./components/Lookup\";\nimport Payment from \"./components/Payment\";\nimport Amount from \"./components/Amount\";\nimport Complete from \"./components/Complete\";\nimport Failed from \"./components/Failed\";\nimport Status from \"./Status\";\n// Styles\nimport StyledApp from \"./styles/App\";\nimport Controls from \"./styles/Controls\";\n\nconst App = () => {\n    const globalState = useContext(store);\n    const state = globalState.state;\n\n    const displayControls = () => {\n        if (state.progress === \"failed\") {\n            return <Failed/>;\n        } else if (state.progress === \"complete\") {\n            return <Complete/>;\n        } else if (state.progress === \"payment\") {\n            return <Payment/>;\n        } else if (state.progress === \"amount\") {\n            return <Amount/>;\n        } else if (state.progress === \"lookup\") {\n            return <Lookup/>;\n        }\n    };\n\n    const showAccountDetails = () => {\n        if (state.progress === \"amount\" || state.progress === \"payment\") {\n            return <Status/>;\n        }\n    };\n\n    return (\n        <StyledApp>\n            <div className=\"columns\">\n                <Controls>\n                    <Paper className=\"control-container\">\n                        {displayControls()}\n                    </Paper>\n                </Controls>\n                <div className=\"status-container\">\n                    {showAccountDetails()}\n                </div>\n            </div>\n        </StyledApp>\n    );\n};\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' }\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport * as serviceWorker from \"./serviceWorker\";\nimport { StateProvider } from \"./store.js\";\n\nReactDOM.render(\n  <StateProvider>\n    <App />\n  </StateProvider>,\n  document.getElementById(\"balance-lookup\"),\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}