{"version":3,"sources":["components/new-password-field/new-password-field.js","utils/errors.js","services/auth-service.js","utils/e164.js","services/account-service.js","services/signup-service.js","services/calls-service.js","services/user-service.js","services/number-service.js","services/sku-service.js","services/purchase-service.js","services/notify-service.js","services/invoice-service.js","services/metric-service.js","services/endpoint-service.js","store/store/initial-state.js","store/store/store.js","store/hooks/index.js","store/actions/types.js","store/actions/index.js","components/auth-provider/auth-provider.js","components/auth-provider/hooks/use-auth-user.js","store/reducers/index.js","store/reducers/account/index.js","store/reducers/user/index.js","store/reducers/endpoint/index.js","utils/stripe.js","components/fuse-animate/fuse-animate.js","images/phonethru-logo.svg","utils/valid.js","utils/mobile-login.js","utils/aus-phone.js","routes/login/login-page.js","components/password-strength-meter/password-strength-meter.js","components/loading/loading.js","routes/sign-up/sign-up-page.js","utils/purchases.js","routes/home/home-page.js","utils/call-credits.js","components/snackbar/api-error.js","utils/toast.js","utils/resolve-action.js","routes/service/service-page.js","images/visa-logo.svg","images/mastercard-logo.svg","components/checkout/checkout.js","utils/external-link.js","utils/checkout.js","routes/add-service/add-service.js","routes/account/account-page.js","utils/format.js","routes/calls/call-log-page.js","routes/support/support-page.js","routes/purchases/purchases-page.js","routes/close-account/close-account-page.js","routes/password/password-page.js","routes/add-card/add-card-page.js","routes/recharge/recharge-page.js","routes/recharge/recharge-service-page.js","routes/transfer/transfer-page.js","routes/transfer/transfer-service-page.js","routes/reactivate/reactivate-page.js","components/app/app.js","components/header-toolbar/header-toolbar.js","components/error-screen/error-screen.js","components/splash-screen/splash-screen.js","components/animated-switch/animated-switch.js","components/user-profile/user-profile.js","components/services-card/services-card.js","components/recent-calls/recent-calls.js","components/recent-purchases/recent-purchases.js","components/balance-card/balance-card.js","components/banner/banner.js","components/avatar-select/avatar-select.js","components/payment-method-card/credit-card.js","components/payment-method-card/payment-method-card.js","components/expander-table/expander-table.js","components/expander-table/hooks/index.js","components/expander-table-header/expander-table-header.js","components/expander-table-pager/expander-table-pager.js","components/expander-table-content/expander-table-content.js","components/expander-table-rows/expander-table-rows.js","components/faq-accordion/faq-accordion.js","components/stripe/stripe-input.js","components/stripe/add-payment-method.js","components/stripe/card-form.js","components/stripe/card-error.js","components/invoice-status/invoice-status.js","components/endpoint-card/endpoint-card.js","reportWebVitals.js","index.js"],"names":["NewPasswordField","id","name","label","password","error","helperText","exclusions","onChange","onBlur","useState","showPassword","state","setState","rating","score","variant","required","htmlFor","type","value","e","result","zxcvbn","target","warning","feedback","suggestions","fullWidth","endAdornment","position","title","aria-label","onClick","onMouseDown","preventDefault","edge","httpError","Promise","resolve","ky","HTTPError","response","text","then","body","data","JSON","parse","status","statusText","TimeoutError","instance","signInWithEmailAndPassword","email","willRemember","auth","reject","formData","FormData","append","post","json","catch","er","whoAmI","get","logout","requestPasswordReset","resetPassword","obj","requestOTP","username","e164ify","num","toString","replace","length","startsWith","patch","accountId","patchSet","object","properties","url","close","reason","delete","removePaymentMethod","paymentId","setPaymentMethod","tokenId","token","put","patchService","serviceId","setServiceAction","action","transferService","rxMobileNumber","rxPassword","substr","getServices","reactivationQuery","reactivate","numbers","verifyMobile","number","address","confirmMobile","verifyId","code","createAccount","getForAccount","offset","order","search","encodeURI","userId","setPassword","request","getRegions","getNumbers","regionId","getPriorNumbers","getSku","skuId","getSkus","purchase","addRequest","getPaymentsLast30Days","ets","moment","valueOf","sts","subtract","getChargesLast30Days","unix","deactivate","endpointId","initialState","account","services","dialActions","isFetching","didInvalidate","user","endpoint","StoreContext","createContext","StoreProvider","reducer","children","Provider","useReducer","useStore","useContext","SET_USER","CLEAR_USER","SET_ACCOUNT","CLEAR_ACCOUNT","FETCH_ACCOUNT","RECEIVE_ACCOUNT","INVALIDATE_ACCOUNT","SET_ACCOUNT_PAYMENT_METHOD","SET_SERVICES","SET_ENDPOINT","CLEAR_ENDPOINT","setUser","types","payload","fetchAccount","dispatch","effect","fetchAccountIfNeeded","invalidateAccount","setAccountPaymentMethod","paymentMethod","shouldFetchAccount","AccountService","receivedAt","Date","now","receiveAccount","fetchAccountError","AuthContext","React","AuthProvider","useEffect","AuthService","login","userName","history","push","useAuthUser","handlers","isPending","isError","isSuccess","isAuthenticated","set","createReducer","lastUpdated","hasOwnProperty","getStripeKey","process","REACT_APP_STAGE","FuseAnimate","forwardRef","props","ref","cloneElement","style","visibility","defaultProps","animation","runOnMount","targetQuerySelector","interruptBehavior","duration","delay","easing","display","setRef","undefined","memo","_extends","Object","assign","i","arguments","source","key","prototype","call","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","SvgPhonethruLogo","_ref","svgRef","titleId","xmlns","width","height","viewBox","xmlSpace","fillRule","clipRule","strokeLinejoin","strokeMiterlimit","transform","d","fill","stroke","strokeWidth","ForwardRef","emailRegex","RegExp","mobileRegex","isValidMobile","test","mobileLogin","mobileNumber","ausPhone","substring","useStyles","makeStyles","theme","root","background","palette","primary","dark","darken","color","contrastText","minHeight","welcomeWrapper","paddingTop","logo","breakpoints","up","logoText","marginLeft","marginTop","panelLogo","panelLogoText","loginCard","maxWidth","loginContent","padding","welcomeTitle","fontWeight","welcomeText","lineHeight","loginTitle","marginBottom","loginField","loginButton","loginCheckbox","fontSize","formError","link","textDecoration","textDecorationColor","loginReducer","MobilePanel","classes","focusRef","useRef","useForm","mode","handleSubmit","control","formState","isValid","isSubmitting","onSubmit","loginMethod","loginError","view","otpId","finally","className","ErrorOutline","noValidate","defaultValue","rules","validate","validateMobile","render","field","fieldState","TextField","inputRef","message","formField","Button","disabled","to","PasswordPanel","location","handleClickShowPassword","handleMouseDownPassword","event","complete","current","focus","pathname","FormControl","clsx","margin","textField","InputLabel","OutlinedInput","InputAdornment","Tooltip","IconButton","Visibility","VisibilityOff","FormHelperText","OTPPanel","verifyState","setVerifyState","Typography","paragraph","otpPassword","maxLength","minLength","inputProps","LoginPage","match","nextState","apiError","document","getElementById","scrollTo","alt","translateX","Card","CardContent","hintList","listStyle","Meter","max","Hints","check","backgroundColor","borderRadius","Check","map","s","index","PasswordStrengthMeter","Loading","alignItems","justifyContent","LinearProgress","lazy","flexDirection","appBar","zIndex","drawer","toolbar","main","paddingRight","paddingLeft","pad","spacing","signupReducer","signUp","PhoneNumberForm","SignupService","stage","VerifyForm","verifyCode","firstName","lastName","AccountForm","pwCheck","scoreState","setScoreState","pwScore","mobileVerifyId","fallback","handlePasswordChange","SuccessPanel","handleClick","redirect","CheckCircleOutline","align","RecoveryPanel","component","Link","SignUpPage","AppBar","Toolbar","purchases","invoices","inv","amount","amountRefunded","date","description","receiptUrl","reference","content","flexGrow","HomePage","calls","showBalance","store","unloaded","all","CallsService","InvoiceService","EndpointService","results","balance","setAccount","setEndpoint","Fragment","callCredits","service","minutes","daysLeft","callCreditsExpiry","today","startOf","days","Math","round","asDays","card","flexWrap","red","minWidth","typography","actionRoot","icons","flexShrink","expand","transition","transitions","create","shortest","expandOpen","collapse","checkIcon","button","textTransform","SnackApiError","closeSnackbar","useSnackbar","expanded","setExpanded","CardActions","Collapse","in","timeout","unmountOnExit","Paper","gutterBottom","success","enqueueSnackbar","autoHideDuration","resolveAction","handlerAction","contacts","greetings","voicemails","schedules","voiceMenus","detail","longText","schedule","findAction","idx","day","hours","start","finish","checked","ahAction","currentAction","dialAction","j","sep","dialType","join","dialActionNumbers","file","actions","green","Accordion","withStyles","boxShadow","borderBottom","MuiAccordion","AccordionSummary","MuiAccordionSummary","AccordionDetails","MuiAccordionDetails","ForwardingList","console","log","isForwarding","RadioGroup","fetchServices","handleSelection","FormControlLabel","Radio","NicknameField","isEditing","autoFocus","placeholder","nickname","size","AboutAccordion","expandIcon","setServices","ServicePage","params","meta","filter","zone","SvgVisaLogo","x","y","enableBackground","points","SvgMastercardLogo","LandlineItem","sku","inclusions","CreditItem","quantity","expiryDays","ServiceItem","transferTo","TotalSection","taxRate","total","toFixed","subtotal","taxes","PaymentSection","onSuccess","onError","isStored","handleAccordionChange","panel","isExpanded","cardError","isMounted","scroller","smooth","containerId","price","ticketId","saveCard","PurchaseService","CircularProgress","options","buttonTitle","storeCheckbox","dense","Checkout","externalLink","window","open","totals","taxInc","addServiceReducer","ItemCard","pageState","expiryDate","add","format","priors","ChooseNumberCard","zones","zoneId","regions","selected","zoneDefaults","NumberService","selectedZone","scroll","scrollToTop","regionName","selectedRegionName","z","List","ListItem","role","ListItemIcon","Checkbox","disableRipple","tabIndex","ListItemText","LocationSelect","Select","labelId","MenuItem","PriorNumbersCard","NotificationCard","comment","NotifyService","TermsCard","termsAccepted","CheckoutCard","gDispatch","hasMinutes","cardUpdated","ApiErrorPanel","SentimentVeryDissatisfied","tz","Intl","DateTimeFormat","resolvedOptions","timeZone","region","r","AddServicePage","SkuService","n","isAvailable","inlineLink","closeButton","saveButton","mono","fontFamily","creditCard","borderWidth","widget","widgetTitle","PersonalDetailsForm","isDirty","dirtyFields","errors","changes","changeSet","UserService","toast","avatarUrl","initials","charAt","PrepaidBalancePanel","PaymentMethodPanel","brand","last4","expiry","href","rel","PurchasesPanel","count","sum","loaded","MetricService","metric","DangerZonePanel","fields","forEach","AccountPage","el","diff","humanize","hr","min","secs","seconds","dataLabel","CallSummary","row","from","startTime","CallContent","dangerouslySetInnerHTML","__html","direction","CallStatusIcon","CallLogPage","filtered","page","pageLength","pageCount","scrollTop","showLoader","menuAnchor","setMenuAnchor","tableRef","createRef","fetchData","useCallback","sorting","sort","column","rows","ExpanderTable","onData","columns","currentTarget","Menu","anchorEl","keepMounted","Boolean","onClose","reload","noData","rowKey","SummaryComponent","ContentComponent","onVisibilityChange","isVisible","viewportOffset","animateScroll","bodyText","emphasis","para","list","PhoneThruSupport","property","autoRecharge","accountType","RouteLink","ContactCard","contactCard","Call","Email","MobileNumberChangeContent","RechargingContent","EmailButton","mailToMove","mailToAdd","mailToSupport","mailToNumber","SupportPage","tocLinks","PurchaseSummary","PurchaseContent","PurchasesPage","charges","cardContent","ReasonSelect","CloseText","minutesRemaining","CloseAccountPage","submitting","confirm","reasons","lostMinutes","toLowerCase","PasswordPage","AddCardPage","listItem","paddingBottom","RechargeSelectList","active","Grid","container","item","forwarding","Credit","RechargePage","skuButton","ContentCard","SkuList","skus","remaining","recharge","credits","totalMinutes","closingCredits","RechargeServicePage","TransferSelectList","TransferPage","ReceivingAccountCard","rxAccountError","mobile","phone","toMobile","TransferServicePage","ReactivatePanel","recoverable","ReactivatePage","stripePromise","loadStripe","stripeOptions","fonts","cssSrc","createMuiTheme","values","xs","sm","md","lg","xl","secondary","light","AppSwitcher","AuthenticatedApp","UnauthenticatedApp","Container","exact","path","LoginRedirect","overrides","MuiButton","App","reducers","ThemeProvider","stripe","LogoutIcon","SvgIcon","outline","backButton","returnUrl","HeaderToolbar","useHistory","handleLogoutClick","justify","ArrowBack","Hidden","xsDown","HeadsetMic","smUp","ErrorScreen","scale","useMediaQuery","buttonText","buttonAction","Box","letterSpacing","pl","pt","pb","goBack","SplashScreen","group","routes","top","left","withRouter","classNames","enter","exit","avatar","avatarLarge","avatarRow","greeting","addressRow","linkButton","sideLinkButton","HomeProfile","Avatar","src","getGreeting","PhoneAndroid","smDown","mdUp","AccountProfile","howLong","dateRegistered","hour","joined","years","months","yr","mth","UserProfile","header","numbersRow","accordionSummary","accordionDetails","summary","borderTop","icon","down","sideManageButton","borderColor","rechargeButton","marginRight","ServiceForwarding","Schedule","Chat","Voicemail","FormatListNumbered","Block","ArrowRightAlt","LowCreditWarning","ServicesCard","lighten","headerRow","RecentCalls","sid","borderBottomWidth","AccordionPanelHeader","AccordionPanel","PanelHeader","Panel","RecentPurchases","isWide","CreditStatus","bgColor","textBox","BalanceCard","displayBalance","btn","btn2","AccountBanner","isClosed","closed","WatchLaterOutlined","RemoveCircle","blue","trialExpiry","isBefore","fromNow","trialEnds","avatars","AvatarSelectControlled","baseUrl","CreditCardPanel","cardLogo","PaymentMethodCard","canRemove","fetching","isLoaded","cardRef","ExpanderTableContext","rowsTotal","rowsFiltered","useImperativeHandle","isloaded","processData","ceil","useExpanderTable","TableHeader","columnDefs","columnClickHandler","col","clickHandler","ColumnHeader","buttonStyle","iconStyle","ExpanderTableHeader","warn","renderer","PagerControls","onClickNext","onClickPrevious","onClickFirst","onClickLast","is375","widthOffset","is460","is560","first","last","ExpanderTablePager","setIsVisible","getBoundingClientRect","innerHeight","visibleNow","viewPortOffset","currentTop","floor","disableUnderline","ExpanderTableContent","setShowLoader","timer","setTimeout","clearTimeout","RenderObject","stringify","ExpanderTableRows","square","grey","FAQAccordion","StripeInput","Component","elementRef","onReady","element","AddPaymentMethod","elements","useElements","useStripe","cardholder","cardNumber","cardExpiry","cardCvc","done","elOptions","base","updateCardholder","onElementChange","err","elementType","errorMessage","msg","InputLabelProps","shrink","InputProps","inputComponent","CardNumberElement","CardExpiryElement","CardCvcElement","cardElement","getElement","createToken","CardForm","storageInfo","decline_code","StripeCardError","InvoiceStatus","deviceRow","EndpointCard","deviceMake","deviceName","deviceOS","deviceOSVersion","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM"],"mappings":"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","file":"static/js/main.e7f8f1a8.chunk.js","sourcesContent":["import React, {useState} from \"react\";\nimport {\n    FormControl,\n    FormHelperText,\n    IconButton,\n    InputAdornment,\n    InputLabel,\n    OutlinedInput,\n    Tooltip\n} from \"@material-ui/core\";\nimport {Visibility, VisibilityOff} from \"@material-ui/icons\";\nimport zxcvbn from 'zxcvbn';\n\nconst NewPasswordField = ({id, name, label, password, error, helperText, exclusions=[], onChange, onBlur}) => {\n    const [state, setState] = useState({showPassword: true})\n\n    const handlePasswordChange = (e) => {\n        // Calculate the score on what the password will be\n        const result = zxcvbn(e.target.value, exclusions);\n        // update the parent\n        onChange(e, {\n            score:  result.score,\n            rating: rating(result.score),\n            warning: result.feedback.warning,\n            suggestions: result.feedback.suggestions\n        });\n    }\n\n    const handleClickShowPassword = (e) => {\n        setState({...state, showPassword: !state.showPassword});\n    }\n\n    const handleMouseDownPassword = (e) => {\n        e.preventDefault();\n    }\n\n    const rating = (score) => {\n        switch (score) {\n            case 0:  return 'Awful'\n            case 1:  return 'Weak'\n            case 2:  return 'OK'\n            case 3:  return 'Good'\n            case 4:  return 'Strong'\n            default: return 'Weak'\n        }\n    }\n\n    return (\n        <FormControl\n            variant=\"outlined\"\n            error={error}\n            required={true}\n        >\n            <InputLabel htmlFor={id || name || \"newPassword\"}>{label || \"New Password\"}</InputLabel>\n            <OutlinedInput\n                id={id || name || \"newPassword\"}\n                name={name || id || \"newPassword\"}\n                label={label || \"New Password\"}\n                type={state.showPassword ? 'text' : 'password'}\n                value={password}\n                onChange={handlePasswordChange}\n                onBlur={onBlur}\n                variant=\"outlined\"\n                required={true}\n                fullWidth\n                endAdornment={\n                    <InputAdornment position=\"end\">\n                        <Tooltip title={\"Show / Hide password\"}>\n                            <IconButton\n                                aria-label=\"toggle password visibility\"\n\n                                onClick={handleClickShowPassword}\n                                onMouseDown={handleMouseDownPassword}\n                                edge=\"end\"\n                            >\n                                {state.showPassword ? <VisibilityOff/> : <Visibility/> }\n                            </IconButton>\n                        </Tooltip>\n                    </InputAdornment>\n                }\n            />\n            <FormHelperText id={(id || name || \"newPassword\")+\"HelperText\"}>{helperText}</FormHelperText>\n        </FormControl>\n    )\n}\n\nexport default NewPasswordField;","import ky from \"ky\";\n\n\n/**\n * httpError returns a promise that accepts an HTTP error response and resolves to a\n * standardised error object. The error object contains the HTTP status code and text and\n * a data property that will be an object if the server returned JSON or a string.\n *\n * @param error\n * @returns {Promise<unknown>}\n */\nexport function httpError(error) {\n\n    return new Promise((resolve) => {\n\n        if (error instanceof ky.HTTPError) {\n            //console.log('error type is ky.HTTPError')\n            // We got a response from the server\n            // Read the body to see if the server returned anything\n            error.response.text().then(body => {\n                // Convert the body to json.  If it fails, fall back to the string\n                let data;\n                try {\n                    data = JSON.parse(body)\n                }\n                catch {\n                    data = body;\n                }\n                //console.log('httpError: error.response.status =', error.response.status)\n                //console.log('httpError: error.response.statusText =', error.response.statusText)\n                //console.log('httpError: data =', data)\n\n                resolve({\n                    status: error.response.status,\n                    statusText: error.response.statusText,\n                    data\n                })\n            })\n\n        } else if (error instanceof ky.TimeoutError) {\n            // We timed out\n            resolve({status: 0, statusText: 'The request timed out', data: null})\n\n        } else {\n            // It's a low level error. Networking issue?\n            //console.log('httpError: unrecognised error type. error =', error);\n            resolve( {status: 0, statusText: 'Check your internet connection', data: null})\n        }\n    })\n\n}\n\nconst exportedObject = {httpError}\n\nexport default exportedObject;","import ky from 'ky'\nimport { httpError } from '../utils/errors'\n\n/**\n * AuthService provides user authentication API services\n */\nclass AuthService {\n\n    signInWithEmailAndPassword = (email, password, willRemember, auth) => {\n        // Sign in somehow - simulate with a delay now\n        return new Promise((resolve, reject) => {\n\n            const formData = new FormData();\n            formData.append('username', email);\n            formData.append('password', password);\n            formData.append('remember', willRemember ? 'true' : 'false');\n            formData.append('auth', auth ? auth : 'pw');\n            formData.append('property', 'phonethru');\n\n            // Post the formData to the login endpoint.\n            ky.post('/api/v2/auth/login', { body: formData }).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    /**\n     * whoAmI returns data about the logged in user.\n     *\n     * @returns {Promise<unknown>}\n     */\n    whoAmI = () => {\n\n        return new Promise((resolve, reject) => {\n            // hit the 'whoami' endpoint to see if we have a login cookie.\n            ky.get('/api/v2/auth/whoami').json()\n                .then( data => {\n                    resolve(data);\n                })\n                .catch(error => {\n                    if (error instanceof ky.HTTPError) {\n                        // We got a response from the server\n\n                        // 401 errors mean we're not authenticated which is what we're\n                        // trying to determine so it's not actually an error for our purposes\n                        if (error.response.status === 401) {\n                            resolve(null)\n                            return\n                        }\n\n                        // At this point the server response is an actual error...\n                        // Read the body to see if the server returned anything\n                        error.response.text().then(body => {\n                            // Convert the body to json.  If it fails, fall back to the string\n                            let data;\n                            try {\n                                data = JSON.parse(body)\n                            } catch {\n                                data = body;\n                            }\n                            //console.log('promise', body)\n                            reject({\n                                status: error.response.status,\n                                statusText: error.response.statusText,\n                                data\n                            })\n                        })\n\n                    } else if (error instanceof ky.TimeoutError) {\n                        // We timed out\n                        reject({status: 0, statusText: 'The request timed out', data: null})\n                    } else {\n                        // It's a low level error. Networking issue?\n                        //console.log('error looks to be terminal')\n                        reject({status: 0, statusText: 'Check your internet connection', data: null})\n                    }\n                })\n        })\n\n    }\n\n    /**\n     * Log out the current user\n     * @returns {Promise<unknown>}\n     */\n    logout = () => {\n        // Perform the logout\n        return new Promise( (resolve, reject) => {\n            //console.log('logging out')\n            ky.post('/api/v2/auth/logout')\n                .then(() => resolve())\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    requestPasswordReset = (email) => {\n        //console.log('AccountService.requestPasswordReset', email);\n        return new Promise((resolve, reject) => {\n            ky.post('/api/v2/auth/reset', {json: {email}})\n                .then(() => resolve())\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    resetPassword = (obj) => {\n        //console.log('AccountService.resetPassword', obj);\n        return new Promise((resolve, reject) => {\n            ky.post('/api/v2/auth/reset', {json: obj})\n                .then(() => resolve())\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    requestOTP = (username) => {\n        // Request a one-time password\n        //console.log('AccountService.requestOTP', username);\n        return new Promise((resolve, reject) => {\n            ky.post('/api/v2/auth/otp', {json: {username}}).json()\n                .then(response => resolve(response))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n}\n\n// Create a singleton instance of the service to export\nconst instance = new AuthService();\n\nexport default instance;","\n/***\n * Converts the passed text to an Australian E.164 phone number if possible\n * otherwise returns the passed value\n *\n * @param text\n * @returns {*}\n */\nexport default function e164ify(text) {\n    // Strip all non-digits from the text\n    let num = text.toString().replace(/\\D/g,'');\n    // Strip any leading 0\n    num = num.replace(/^0/g, '');\n    // If we have 9 digits, treat it as a phone number\n    if (num.length === 9) {\n        return '+61' + num;\n    }\n    // If we have 11 digits and it starts with 61, it's already an E164 number\n    if (num.length === 11 && num.startsWith('61')) {\n        return '+' + num\n    }\n    return text;\n}\n","import ky from 'ky'\nimport { httpError } from '../utils/errors'\nimport e164ify from \"../utils/e164\";\n\n/**\n * AccountService provides account API services\n */\nclass AccountService {\n\n    /**\n     * get retrieves the account from the server\n     *\n     * @param id\n     * @returns {Promise<unknown>}\n     */\n    get = (id) => {\n        //console.log('AccountService.get() id=', id)\n        return new Promise((resolve, reject) => {\n            // Get the account data, transforming any errors into a standardised error object\n            ky.get('/api/v2/accounts/'+id).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    /**\n     * patch applies a partial update to an account\n     *\n     * @param accountId\n     * @param patch\n     * @returns {Promise<unknown>}\n     */\n    patch = (accountId, patch) => {\n        //console.log('AccountService.patch() accountId:', accountId, 'patch=', patch)\n        return new Promise((resolve, reject) => {\n            const patchSet = {object: 'account', id: accountId, properties: patch};\n            const url = `/api/v2/accounts/${accountId}`\n            ky.patch(url, {json: patchSet})\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    /**\n     * close deactivates an account pending finalisation\n     * PhoneThru accounts are finalised immediately\n     *\n     * @param accountId\n     * @param reason\n     * @returns {Promise<unknown>}\n     */\n    close = (accountId, reason) => {\n        //console.log('AccountService.close() accountId:', accountId, 'reason=', reason)\n        return new Promise((resolve, reject) => {\n            const data = {reason};\n            const url = `/api/v2/accounts/${accountId}`\n            ky.delete(url, {json: data})\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    /**\n     * removePaymentMethod removes the default payment method (card) for the account\n     *\n     * @param accountId\n     * @param paymentId\n     * @returns {Promise<unknown>}\n     */\n    removePaymentMethod = (accountId, paymentId) => {\n        //console.log('AccountService.removePaymentMethod() accountId:', accountId, 'paymentId', paymentId)\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/accounts/${accountId}/payment-method`\n            ky.delete(url)\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    /**\n     * setPaymentMethod sets the default payment method (card) for the account\n     * @param accountId\n     * @param tokenId\n     * @returns {Promise<unknown>}\n     */\n    setPaymentMethod = (accountId, tokenId) => {\n        //console.log('AccountService.setPaymentMethod() accountId:', accountId, 'token', tokenId)\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/accounts/${accountId}/payment-method`\n            const data = {token: tokenId};\n            ky.put(url, {json: data}).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    /**\n     * patchService applies a partial update to an account's service\n     *\n     * @param accountId\n     * @param serviceId\n     * @param patch\n     * @returns {Promise<unknown>}\n     */\n    patchService = (accountId, serviceId, patch) => {\n        //console.log('AccountService.patchService() accountId:', accountId, 'serviceId', serviceId, 'patch=', patch)\n        return new Promise((resolve, reject) => {\n            const patchSet = {object: 'service', id: serviceId, properties: patch};\n            const url = `/api/v2/accounts/${accountId}/services/${serviceId}`\n            ky.patch(url, {json: patchSet})\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    setServiceAction = (accountId, serviceId, action) => {\n        //console.log('AccountService.setServiceAction() accountId:', accountId, 'serviceId', serviceId, 'action=', action)\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/accounts/${accountId}/services/${serviceId}/action`\n            ky.post(url, {json: action})\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    transferService = (accountId, serviceId, rxMobileNumber, rxPassword) => {\n        //console.log('AccountService.transferService() accountId:', accountId, 'serviceId', serviceId, 'rxMobileNumber', rxMobileNumber, 'rxPassword', rxPassword)\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/accounts/${accountId}/services/${serviceId}/transfer`\n            const data = {\n                accountId,\n                serviceId,\n                username: e164ify(rxMobileNumber).substr(1) + '@phonethru.com',\n                password: rxPassword\n            }\n            ky.post(url, {json: data}).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    getServices = (accountId) => {\n        //console.log('AccountService.getServices() accountId=', accountId)\n        return new Promise((resolve, reject) => {\n            // Get the account services data, transforming any errors into a standardised error object\n            ky.get(`/api/v2/accounts/${accountId}/services`).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    reactivationQuery = (accountId) => {\n        //console.log('AccountService.reactivationQuery() accountId=', accountId)\n        return new Promise((resolve, reject) => {\n            // Get the account services data, transforming any errors into a standardised error object\n            ky.get(`/api/v2/accounts/${accountId}/reactivate`).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    reactivate = (accountId) => {\n        //console.log('AccountService.reactivate() accountId=', accountId)\n        return new Promise((resolve, reject) => {\n            // Post a reactivation request.\n            const url = `/api/v2/accounts/${accountId}/reactivate`;\n            const data = { numbers: [] }; // don't want to auto-activate any numbers\n            ky.post(url, {json: data}).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n}\n\n// Create a singleton instance of the service to export\nconst instance = new AccountService();\n\nexport default instance;","import ky from 'ky'\nimport { httpError } from '../utils/errors'\n\n/**\n * SignupService provides signup API services\n */\nclass SignupService {\n\n    /**\n     * verifyMobile sends a verification code to the passed mobile number.\n     * The returned API result contains otpId that identifies the verification attempt\n     * @param number\n     * @returns {Promise<unknown>}\n     */\n    verifyMobile = (number) => {\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/signup/pt/verify`\n            const data = {address: number};\n            ky.post(url, {json: data}).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    /**\n     * confirmMobile confirms a verification attempt identified by otpId with a code\n     * @param verifyId\n     * @param code\n     * @returns {Promise<unknown>}\n     */\n    confirmMobile = (verifyId, code) => {\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/signup/pt/verify`\n            const data = {verifyId, code};\n            ky.post(url, {json: data}).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    /**\n     * createAccount creates a phonethru account.\n     * data is an object with the following properties\n     * - firstName\n     * - lastName\n     * - mobileNumber\n     * - mobileVerifyId\n     * - password\n     * It returns 201 if the account was created successfully\n     * @param data\n     * @returns {Promise<unknown>}\n     */\n    createAccount = (data) => {\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/signup/pt`\n            ky.post(url, {json: data}).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n}\n\n// Create a singleton instance of the service to export\nconst instance = new SignupService();\n\nexport default instance;","import ky from 'ky'\nimport { httpError } from '../utils/errors'\n\n/**\n * CallsService provides Call Log API services\n */\nclass CallsService {\n\n    getForAccount = (accountId, offset= 0, length= 10, order='startTime,desc', search= '') => {\n\n        /*\n        console.warn('Faked call data incoming!')\n        const fakeCalls = {\n            calls: [\n                {\n                    sid: 'b33f366c-e060-45d4-bd21-c6a81e86317c',\n                    to: '+61770101234',\n                    from: '+61355502479',\n                    direction: 'inbound',\n                    status: 'answered',\n                    startTime: '2021-07-05 02:37:13',\n                    endTime: '2021-07-05 02:41:44',\n                    duration: 271,\n                },\n                {\n                    sid: 'c5a56bec-af9e-4877-abb9-c5a2f193b5b4',\n                    to: '+61770101234',\n                    from: '+61355502479',\n                    direction: 'inbound',\n                    status: 'answered',\n                    startTime: '2021-07-04 02:32:12',\n                    endTime: '2021-07-04 02:32:28',\n                    duration: 16,\n\n                },\n                {\n                    sid: '75ca4963-3b2f-4981-9069-40de7d9eca93',\n                    to: '+61770101234',\n                    from: '+61491573087',\n                    direction: 'inbound',\n                    status: 'noanswer',\n                    startTime: '2021-07-03 05:31:50',\n                    endTime: '2021-07-03 05:31:50',\n                    duration: 0,\n\n                }\n            ],\n            total: 120,\n            filtered: 100\n        }\n        */\n\n        let url = `/api/v2/accounts/${accountId}/calls` +\n            `?offset=${offset}&length=${length}&order=${encodeURI(order)}&search=${encodeURI(search)}`;\n\n        return new Promise((resolve, reject) => {\n            // Get the account data, transforming any errors into a standardised error object\n            ky.get(url).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n}\n\n// Create a singleton instance of the service to export\nconst instance = new CallsService();\n\nexport default instance;","import ky from 'ky'\nimport {httpError} from '../utils/errors'\n\n/**\n * UserService provides user API services\n */\nclass UserService {\n\n    /**\n     * patch applies a partial update to a user\n     *\n     * @param accountId\n     * @param userId\n     * @param patch\n     * @returns {Promise<unknown>}\n     */\n    patch = (accountId, userId, patch) => {\n        //console.log('UserService.patch() accountId:', accountId, 'userId', userId, 'patch=', patch)\n        return new Promise((resolve, reject) => {\n            const patchSet = {object: 'user', id: userId, properties: patch};\n            const url = `/api/v2/accounts/${accountId}/users/${userId}`\n            ky.patch(url, {json: patchSet})\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    /**\n     * setPassword changes the user's password\n     *\n     * @param accountId\n     * @param userId\n     * @param password\n     * @returns {Promise<unknown>}\n     */\n    setPassword = (accountId, userId, password) => {\n        //console.log('UserService.patch() accountId:', accountId, 'userId', userId, 'password', password)\n        return new Promise((resolve, reject) => {\n            const request = {password};\n            const url = `/api/v2/accounts/${accountId}/users/${userId}/password`\n            ky.put(url, {json: request})\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n}\n\n// Create a singleton instance of the service to export\nconst instance = new UserService();\n\nexport default instance;","import ky from 'ky'\nimport { httpError } from '../utils/errors'\n\n/**\n * NumberService provides landline number search API services\n */\nclass NumberService {\n\n    getRegions = () => {\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/purchase/regions`\n            ky.get(url).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    getNumbers = (regionId) => {\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/purchase/regions/${regionId}/numbers`\n            ky.get(url).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    getPriorNumbers = (accountId) => {\n        // Returns a list of prior numbers allocated to this account and their availability\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/purchase/accounts/${accountId}/numbers/prior`\n            ky.get(url).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n}\n\n// Create a singleton instance of the service to export\nconst instance = new NumberService();\n\nexport default instance;","import ky from 'ky'\nimport { httpError } from '../utils/errors'\n\n/**\n * SkuService provides SKU retrieval API services\n */\nclass SkuService {\n\n    getSku = (skuId) => {\n        //console.log('SkuService.getSku()', skuId)\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/skus/${skuId}`\n            ky.get(url).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    getSkus = () => {\n        //console.log('SkuService.getSkus()')\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/skus?f=type:credit`\n            ky.get(url).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n}\n\n// Create a singleton instance of the service to export\nconst instance = new SkuService();\n\nexport default instance;","import ky from 'ky'\nimport { httpError } from '../utils/errors'\n\n/**\n * PurchaseService provides purchase API services\n */\nclass PurchaseService {\n\n    purchase = (request) => {\n        //console.log('PurchaseService.purchase() request:', request)\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/purchase/accounts/${request.accountId}`\n            ky.post(url, {json: request}).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n}\n\n// Create a singleton instance of the service to export\nconst instance = new PurchaseService();\n\nexport default instance;","import ky from 'ky'\nimport { httpError } from '../utils/errors'\n\n/**\n * NotifyService provides notification request API services\n */\nclass NotifyService {\n\n    addRequest = (data) => {\n        //console.log('NotifyService.addRequest() data:', data)\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/notify/zone`\n            ky.post(url, {json: data}).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n}\n\n// Create a singleton instance of the service to export\nconst instance = new NotifyService();\n\nexport default instance;","import ky from 'ky'\nimport { httpError } from '../utils/errors'\n\n/**\n * InvoiceService provides Call Log API services\n */\nclass InvoiceService {\n\n    search = (accountId, offset= 0, length= 10, order='date,desc', search= '') => {\n\n        let url = `/api/v2/accounts/${accountId}/invoices` +\n            `?offset=${offset}&length=${length}&order=${encodeURI(order)}&search=${encodeURI(search)}`;\n\n        //console.log('InvoiceService.search() url', url, order)\n        return new Promise((resolve, reject) => {\n            // Get the account data, transforming any errors into a standardised error object\n            ky.get(url).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n}\n\n// Create a singleton instance of the service to export\nconst instance = new InvoiceService();\n\nexport default instance;","import ky from 'ky';\nimport { httpError } from '../utils/errors';\nimport moment from 'moment';\n\n/**\n * MetricService provides metric API services\n */\nclass MetricService {\n\n    getPaymentsLast30Days = (id) => {\n        //console.log('MetricService.get() id=', id)\n        return new Promise((resolve, reject) => {\n            // Get the metric data, transforming any errors into a standardised error object\n            const ets = moment().valueOf();\n            const sts = moment().subtract(30,'days').valueOf();\n            const url = `/api/v2/accounts/${id}/metrics/payment-total?sts=${sts}&ets=${ets}`\n            ky.get(url).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    getChargesLast30Days = (id) => {\n        //console.log('MetricService.get() id=', id)\n        return new Promise((resolve, reject) => {\n            // Get the metric data, transforming any errors into a standardised error object\n            const ets = moment().unix();\n            const sts = moment().subtract(30,'days').unix();\n\n            //console.log('getChargesLast30days ets=', ets, 'sts=',sts, 'moment().valueOf=',moment().valueOf() )\n\n            const url = `/api/v2/accounts/${id}/metrics/charge-total?sts=${sts}&ets=${ets}`\n            ky.get(url).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n}\n\n// Create a singleton instance of the service to export\nconst instance = new MetricService();\n\nexport default instance;","import ky from 'ky'\nimport {httpError} from '../utils/errors'\n\n/**\n * EndpointService provides SIP endpoint API services\n */\nclass EndpointService {\n    /**\n     * getForAccount retrieves all endpoints for a given account from the server\n     *\n     * @param accountId\n     * @returns {Promise<unknown>}\n     */\n    getForAccount = (accountId) => {\n        return new Promise((resolve, reject) => {\n            // Get the endpoint data, transforming any errors into a standardised error object\n            const url = `/api/v2/accounts/${accountId}/endpoints`\n            ky.get(url).json()\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n\n    /**\n     * deactivate deactivates an endpoint\n     *\n     * @param accountId\n     * @param endpointId\n     * @returns {Promise<unknown>}\n     */\n    deactivate = (accountId, endpointId) => {\n        return new Promise((resolve, reject) => {\n            const url = `/api/v2/accounts/${accountId}/endpoints/${endpointId}`\n            ky.delete(url)\n                .then(result => resolve(result))\n                .catch(error => httpError(error).then(er => reject(er)))\n        })\n    }\n}\n\n// Create a singleton instance of the service to export\nconst instance = new EndpointService();\n\nexport default instance;","\nconst initialState = {\n    account: {\n        id: 0,\n        services: [],\n        dialActions: [],\n        isFetching: false,\n        didInvalidate: false,\n        error: null,\n    },\n    user: {\n        id: 0,\n    },\n    endpoint: {}\n}\n\nexport default initialState;","import React, { createContext, useReducer } from 'react';\nimport initialState from \"./initial-state\";\n\n// Create a context for the store\nexport const StoreContext = createContext(initialState);\n\n// Create a Provider HOC for the store\nexport const StoreProvider = ({ reducer, initialState, children }) => {\n    return (\n        <StoreContext.Provider\n            value={useReducer(reducer, initialState)}\n            children={children}\n        />\n    );\n}\n","import {useContext} from \"react\";\nimport {StoreContext} from \"../store/store\";\n\n/**\n * store/hooks/index.js\n *\n * Returns an array containing the current state object, and store action dispatch method\n * Usage: const [state, dispatch] = useStore();\n */\n\nconst useStore = () => useContext(StoreContext);\n\nexport default useStore;","/**\n * store/actions/types.js\n *\n * Constants for action types\n *\n */\n\nexport const SET_USER = 'SET_USER'\nexport const CLEAR_USER = 'CLEAR_USER'\nexport const SET_ACCOUNT = 'SET_ACCOUNT'\nexport const CLEAR_ACCOUNT = \"CLEAR_ACCOUNT\"\nexport const FETCH_ACCOUNT = 'FETCH_ACCOUNT'\nexport const RECEIVE_ACCOUNT = 'RECEIVE_ACCOUNT'\nexport const FETCH_ACCOUNT_ERROR = 'FETCH_ACCOUNT_ERROR'\nexport const INVALIDATE_ACCOUNT = \"INVALIDATE_ACCOUNT\"\nexport const SET_ACCOUNT_PAYMENT_METHOD = \"SET_ACCOUNT_PAYMENT_METHOD\"\nexport const SET_SERVICES = \"SET_SERVICES\"\nexport const SET_ENDPOINT = \"SET_ENDPOINT\"\nexport const CLEAR_ENDPOINT = \"CLEAR_ENDPOINT\"\n","/**\n * store/actions/index.js\n *\n * Defines the available store actions.\n *\n * Actions can have an 'effect' function which acts like the useEffect Hook in that it is\n * executed prior being delegated to its reducer.  If effect() return a truthy value the\n * action is cancelled and the store state is not affected.\n *\n */\n\nimport * as types from './types';\nimport initialState from \"../store/initial-state\";\nimport {AccountService} from \"../../services\";\n\n\n/**\n * setUser updates the store's user object e.g. after login.\n *\n * @param user\n * @returns {{payload: *, type: string}}\n */\nexport const setUser = user => ({\n    type: types.SET_USER,\n    payload: user\n});\n\n/**\n * clearUser removes the store's user object eg. after logout\n *\n * @returns {{payload: {}, type: string}}\n */\nexport const clearUser = () => ({\n    type: types.CLEAR_USER,\n    payload: {...initialState.user}\n});\n\n/**\n * setEndpoint updates the store's endpoint object.\n *\n * @param endpoint\n * @returns {{payload: *, type: string}}\n */\nexport const setEndpoint = endpoint => ({\n    type: types.SET_ENDPOINT,\n    payload: endpoint\n});\n\n/**\n * clearEndpoint removes the store's endpoint object eg. after deactivation\n *\n * @returns {{payload: {}, type: string}}\n */\nexport const clearEndpoint = () => ({\n    type: types.CLEAR_ENDPOINT,\n    payload: {...initialState.endpoint}\n});\n\n/**\n * setAccount updates the store's account object\n *\n * @param account\n * @returns {{payload: *, type: string}}\n */\nexport const setAccount = account => ({\n    type: types.SET_ACCOUNT,\n    payload: account\n});\n\n/**\n * clearAccount resets the store' account object\n * @param account\n * @returns {{payload: {blockeds: [], dialActions: [], isFetching: boolean, didInvalidate: boolean, id: number, greetings: [], voicemails: [], services: [], error: null, contacts: [], users: []}, type: string}}\n */\nexport const clearAccount = account => ({\n    type: types.CLEAR_ACCOUNT,\n    payload: {...initialState.account}\n});\n\n/**\n * fetchAccount fetches the account from the server asynchronously if the account\n * has not yet been set or have been invalidated.\n *\n * @param id\n * @param state\n * @param dispatch\n * @returns {{payload: *, effect: (function(): boolean), type: string}}\n */\nexport const fetchAccount = (id, state, dispatch) => ({\n    type: types.FETCH_ACCOUNT,\n    payload: id,\n    effect: () => fetchAccountIfNeeded(id, state, dispatch)\n});\n\n/**\n * receiveAccount updates the account fetched from the server.\n *\n * @param account\n * @returns {{payload: *, type: string, receivedAt: number}}\n */\nexport const receiveAccount = account => ({\n    type: types.RECEIVE_ACCOUNT,\n    payload: account,\n    receivedAt: Date.now()\n});\n\n/**\n * fetchAccountError updates the store's account with an API error encountered by the last fetch.\n *\n * @param error\n * @returns {{payload: *, type: string}}\n */\nexport const fetchAccountError = error => ({\n    type: types.FETCH_ACCOUNT_ERROR,\n    payload: error\n});\n\n/**\n * invalidateAccount invalidates the account object so it will be reloaded by the next fetchAccount action\n * @returns {{payload: {}, type: string}}\n */\nexport const invalidateAccount = () => ({\n    type: types.INVALIDATE_ACCOUNT,\n    payload: {}\n});\n\nexport const setAccountPaymentMethod = paymentMethod => ({\n    type: types.SET_ACCOUNT_PAYMENT_METHOD,\n    payload: paymentMethod,\n})\n\nexport const setServices = services => ({\n    type: types.SET_SERVICES,\n    payload: services,\n})\n\n// fetchAccountIfNeeded fetches the account from the server if it has not been loaded yet or has been invalidated.\nconst fetchAccountIfNeeded = (id, state, dispatch) => {\n    if (id !==0 && shouldFetchAccount(state)) {\n        AccountService.get(id)\n            .then(account => dispatch(receiveAccount(account)))\n            .catch(error => dispatch(fetchAccountError(error)))\n        return false\n    }\n    return true\n}\n\n// shouldFetchAccount returns true if the account needs to be fetched from the server.\nconst shouldFetchAccount = (state) => {\n    const account = state.account\n    if (account.isFetching){\n        return false\n    } else if (!account.id) {\n        return true\n    } else {\n        return account.didInvalidate\n    }\n}\n\n","import React from \"react\";\nimport { AuthService } from \"../../services\";\nimport { SplashScreen, ErrorScreen } from \"../../components\";\nimport {useStore} from \"../../store\";\nimport {clearUser, clearAccount, setUser} from \"../../store/actions\";\n\n\n// Create a Context for our auth state\nconst AuthContext = React.createContext({})\n\n// This is an implementation of the AuthProvider as a functional component\nfunction AuthProvider({children}) {\n    const [, dispatch] = useStore();\n    const [state, setState] = React.useState({\n        status: 'pending',\n        error: null,\n        user: null,\n    })\n\n    // Effect hook runs when component is loaded and updated\n    React.useEffect(() => {\n\n        // Get the user and set the state\n        AuthService.whoAmI()\n            .then((user) => {\n\n                // Update the local state so the provider knows if we're logged in.\n                setState({status: 'success', error: null, user: user || null})\n\n                // Update the global store\n                dispatch(setUser(user));\n\n            })\n            .catch(error => setState({status: 'error', error, user: null}))\n\n    }, [dispatch])  // <- empty deps means we won't update after initial load\n\n    /**\n     * Logs in a user and adds the returned user object to the global store.\n     *\n     * @param userName\n     * @param password\n     * @param willRemember\n     * @param nextUrl\n     * @returns {Promise<unknown>}\n     */\n    const login = (userName, password, willRemember, auth) => {\n        // Perform the login\n        return new Promise((resolve, reject) => {\n            AuthService.signInWithEmailAndPassword(userName, password, willRemember, auth)\n                .then(user => {\n                    //console.log('login successful, updating user in Store')\n                    // Update the auth context\n                    setState({status: 'success', error: null, user})\n\n                    // Update the global store\n                    dispatch(setUser(user));\n\n                    resolve();\n                })\n                .catch(error => {\n                    // If we're trying to sign in - pass all errors back to the login page\n                    reject(error);\n                })\n        })\n    }\n\n    /**\n     * Logs out a user and clears the user from the global store.\n     */\n    const logout = (history) => {\n\n        // Go to the login page page before we log out.\n        // If we don't, the router will redirect us to the login page and store\n        // our current location in the state. Login will then send us back to this page.\n        if (history) {\n            history.push(\"/login\");\n        }\n\n        AuthService.logout().then(() => {\n            setState( { status: 'success', error: null, user: null });\n            dispatch(clearUser())\n            dispatch(clearAccount())\n        })\n    }\n\n\n    // Figure out what we're going to render based on the authentication status\n    let result;\n    if (state.status === 'pending') {\n        result = <SplashScreen/>\n    } else if (state.status === 'error') {\n        result = <ErrorScreen error={state.error} />\n    } else {\n        result = children\n    }\n\n    return (\n        <AuthContext.Provider value={{\n            ...state,\n            login,\n            logout,\n        }}>\n            {result}\n        </AuthContext.Provider>\n    )\n}\n\n/**\n * AuthProvider returns another component based on the authentication state of the user.\n * AuthService is used to retrieve the logged in user.  <SplashScreen/> is returned while the API call\n * is in flight.  A successful API call returns a user object if the user is logged in, or null if the\n * user is not logged in. An unsuccessful call returns an error.\n * If the API call succeeded AuthProvider returns it's children prop, otherwise an error is displayed.\n */\n/*\nclass AuthProvider extends Component {\n    state = {\n        status: 'pending',\n        error:  null,\n        user:   null\n    }\n\n    componentDidMount() {\n        console.log('AuthProvider mounted');\n\n        // Get the user and set the state\n        AuthService.whoAmI()\n            .then(user => {\n                this.setState({status: 'success', error: null, user});\n            })\n            .catch( (error) => {\n                this.setState({status: 'error', error, user: null});\n            })\n    }\n\n    // Method to set the user property\n    setUser = user => {\n        console.log('Auth provider calling set user')\n        this.setState({user})\n    }\n\n    // Method to clear the user property\n    clearUser = () => {\n        this.setState({user: null})\n    }\n\n    render() {\n        let result;\n        if (this.state.status === 'pending') {\n            result = <SplashScreen/>\n        } else if (this.state.status === 'error') {\n            result = <ErrorScreen error={this.state.error} />\n        } else {\n            result = this.props.children\n        }\n        return (\n            <AuthContext.Provider value={{\n                    ...this.state,\n                    setUser   : this.setUser,\n                    clearUser : this.clearUser,\n                }}\n            >\n                {result}\n            </AuthContext.Provider>\n        )\n    }\n}\n*/\n\n\nexport { AuthProvider, AuthContext };","import React from \"react\";\nimport {AuthContext} from \"../auth-provider\";\n\n/**\n * useAuthUser returns the current authentication state from a context\n *\n * @returns {{isError: boolean, isAuthenticated: *, isPending: boolean, isSuccess: boolean}}\n */\nfunction useAuthUser() {\n\n    const state = React.useContext(AuthContext)\n    const isPending = state.status === 'pending'\n    const isError = state.status === 'error'\n    const isSuccess = state.status === 'success'\n    const isAuthenticated = state.user && isSuccess\n    return {\n        ...state,\n        isPending,\n        isError,\n        isSuccess,\n        isAuthenticated,\n    }\n}\n\nexport default useAuthUser;","import * as user from './user';\nimport * as account from './account';\nimport * as endpoint from \"./endpoint\";\nimport * as types from '../actions/types'\n\n\n/**\n * createReducer creates a Store level 'master' reducer that delegates to another action-specific reducer\n * The action-specific reducers are passed in as 'handlers'.  handlers is an object with action.type properties\n * and a reducer function for that action type as the property value.\n *\n * If an action has an 'effect' property that is a function, effect() is called prior to the action being passed\n * to the handler.  If the effect function returns a \"truthy\" value, the action is not processed and the current\n * state is returned.  This allows the effect function to cancel further processing.\n *\n * @param handlers\n * @returns {function(...[*]=)}\n */\nconst createReducer = handlers => (state, action) => {\n\n    // We can't find a handler for the passed action type, return the state as is.\n    if (!handlers.hasOwnProperty(action.type)) {\n        //console.warn('handler not found for ', action);\n        return state;\n    }\n\n    // If the action has an effect - call it\n    if (typeof(action.effect) === 'function' ) {\n        // If the action effect returns false, then don't execute the action\n        const cancel = action.effect();\n        if (cancel) {\n            return state;\n        }\n    }\n\n    //console.log('processing action:', action)\n\n    // Otherwise run the reducer for the action type to modify and return the state.\n    const newState = handlers[action.type](state, action);\n    //console.log('post-action state:', newState);\n    return newState;\n};\n\n// Create a reducer function that delegates to action-specific reducer functions.\nexport default createReducer({\n    [types.SET_USER]: user.set,\n    [types.CLEAR_USER]: user.clear,\n    [types.SET_ACCOUNT]: account.set,\n    [types.CLEAR_ACCOUNT]: account.set,\n    [types.FETCH_ACCOUNT]: account.fetch,\n    [types.RECEIVE_ACCOUNT]: account.receive,\n    [types.INVALIDATE_ACCOUNT]: account.invalidate,\n    [types.SET_ACCOUNT_PAYMENT_METHOD]: account.setPaymentMethod,\n    [types.SET_SERVICES]: account.setServices,\n    [types.SET_ENDPOINT]: endpoint.set,\n    [types.CLEAR_ENDPOINT]: endpoint.clear,\n})","/**\n * store/reducers/account/index.js\n *\n * Reducers for the account branch of the state tree.\n *\n * These reducers are delegated to by the root reducer in\n * store/reducers/index.js\n *\n */\n\n/**\n * sets the payload to state.account and clears the data fetching flags\n *\n * @param state\n * @param payload\n * @returns {{account: {isFetching: boolean, didInvalidate: boolean, error: null}}}\n */\nexport const set = (state, { payload }) => ({\n    ...state,\n    account: {\n        ...payload,\n        isFetching:    false,\n        didInvalidate: false,\n        error: null,\n    },\n});\n\n/**\n * sets the data fetching flags on state.account to indicate we're loading the account\n *\n * @param state\n * @returns {{account: {isFetching: boolean, didInvalidate: boolean, error: null}}}\n */\nexport const fetch = (state) => ({\n    ...state,\n    account: {\n        ...state.account,\n        isFetching: true,\n        didInvalidate: false,\n        error: null,\n    }\n});\n\n/**\n * sets a received account into the store and clears the data fetching flags\n *\n * @param state\n * @param payload\n * @param receivedAt\n * @returns {{account: {lastUpdated: *, isFetching: boolean, didInvalidate: boolean, error: null}}}\n */\nexport const receive = (state, { payload, receivedAt }) => ({\n    ...state,\n    account: {\n        ...payload,\n        isFetching:    false,\n        didInvalidate: false,\n        error: null,\n        lastUpdated: receivedAt,\n    },\n})\n\n/**\n * sets the data fetching flags on the account to indicate an error.\n *\n * @param state\n * @param payload\n * @returns {{account: {isFetching: boolean, didInvalidate: boolean, error: *}}}\n */\nexport const fetchError = (state, { payload }) => ({\n    ...state,\n    account: {\n        ...state.account,\n        isFetching: false,\n        didInvalidate: false,\n        error: payload,\n    }\n});\n\n/**\n * Sets the didInvalidate flag on the current account object.\n * The next fetch action will reload the account.\n *\n * @param state\n * @param payload\n * @returns {{account: {didInvalidate: boolean}}}\n */\nexport const invalidate = (state, { payload }) => ({\n    ...state,\n    account: {\n        ...state.account,\n        didInvalidate: true,\n    }\n})\n\n\nexport const setPaymentMethod = (state, { payload }) => ({\n    ...state,\n    account: {\n        ...state.account,\n        paymentMethod: payload,\n    }\n})\n\nexport const setServices = (state, { payload }) => ({\n    ...state,\n    account: {\n        ...state.account,\n        services: payload\n    }\n})","/**\n * store/user/index.js\n *\n * Actions for the store's user object.\n *\n */\n\n\n/**\n * sets the user object to the payload\n *\n * @param state\n * @param payload\n * @returns {{user: *}}\n */\nexport const set = (state, { payload }) => ({\n    ...state,\n    user: payload,\n});\n\n/**\n * clears the user object.\n *\n * @param state\n * @returns {{user: {}}}\n */\nexport const clear = (state) => ({\n    ...state,\n    user: {},\n})\n","/**\n * store/endpoint/index.js\n *\n * Actions for the store's endpoint object.\n *\n */\n\n\n/**\n * sets the user object to the payload\n *\n * @param state\n * @param payload\n * @returns {{endpoint: *}}\n */\nexport const set = (state, { payload }) => ({\n    ...state,\n    endpoint: payload,\n});\n\n/**\n * clears the user object.\n *\n * @param state\n * @returns {{endpoint: {}}}\n */\nexport const clear = (state) => ({\n    ...state,\n    endpoint: {},\n})\n","\n\nconst getStripeKey = () => {\n    if (process.env.REACT_APP_STAGE === 'beta' || process.env.NODE_ENV !== 'production') {\n        return 'pk_test_okju7XyNRoXfDWH7eLhOKPws';\n    } else {\n        return 'pk_live_3lRDz0x8auyzbykJdLYkgKcM';\n    }\n}\n\nexport default getStripeKey;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport { VelocityComponent } from 'velocity-react';\nimport 'velocity-animate/velocity.ui';\n\nconst FuseAnimate = React.forwardRef((props, ref) => {\n    const children = React.cloneElement(props.children, {\n        style: {\n            ...props.children.style,\n            visibility: 'hidden'\n        }\n    });\n    return (\n        <VelocityComponent ref={ref} {...props}>\n            {children}\n        </VelocityComponent>\n    );\n});\n\nFuseAnimate.propTypes = {\n    children: PropTypes.element.isRequired\n};\n\nFuseAnimate.defaultProps = {\n    animation: 'transition.fadeIn',\n    runOnMount: true,\n    targetQuerySelector: null,\n    interruptBehavior: 'stop',\n    visibility: 'visible',\n    duration: 300,\n    delay: 50,\n    easing: [0.4, 0.0, 0.2, 1],\n    display: null,\n    setRef: undefined\n};\n\nexport default React.memo(FuseAnimate);\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgPhonethruLogo(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: \"100%\",\n    height: \"100%\",\n    viewBox: \"0 0 534 109\",\n    xmlSpace: \"preserve\",\n    style: {\n      fillRule: \"evenodd\",\n      clipRule: \"evenodd\",\n      strokeLinejoin: \"round\",\n      strokeMiterlimit: 2\n    },\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"g\", {\n    transform: \"matrix(1,0,0,1,-7.19378,-6.005)\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    id: \"Capa_1\",\n    transform: \"matrix(1,0,0,1,6.68,6.005)\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M106.589,29.619C92.98,10.183 67.078,5.615 47.641,19.226C44.296,21.568 41.387,24.278 38.933,27.259L26.465,18.528C27.113,16.934 27.448,15.226 27.448,13.476C27.448,9.083 25.301,4.957 21.705,2.439C18.759,0.376 15.185,-0.417 11.643,0.208C8.1,0.833 5.014,2.8 2.95,5.746C1.356,8.021 0.514,10.689 0.514,13.463C0.514,17.856 2.661,21.982 6.257,24.5C9.203,26.563 12.777,27.356 16.32,26.731C18.85,26.285 21.145,25.151 23.003,23.468L26.493,25.912L35.439,32.176C27.483,45.253 27.103,61.908 35.498,75.779L26.493,82.085L23.003,84.529C21.145,82.846 18.85,81.712 16.32,81.266C12.777,80.641 9.204,81.434 6.257,83.497C2.661,86.016 0.514,90.142 0.514,94.535C0.514,97.309 1.356,99.977 2.949,102.254C5.013,105.2 8.1,107.167 11.642,107.792C15.185,108.417 18.758,107.624 21.704,105.561C25.301,103.043 27.447,98.917 27.447,94.524C27.447,92.774 27.111,91.065 26.464,89.472L38.962,80.72C53.058,98.187 77.691,101.721 96.287,88.7C115.724,75.09 120.292,49.188 106.589,29.619ZM19.759,17.515C17.524,20.706 13.126,21.482 9.934,19.248C7.975,17.876 6.926,15.687 6.926,13.464C6.926,12.067 7.339,10.656 8.202,9.424C10.437,6.233 14.835,5.457 18.027,7.691C19.986,9.063 21.035,11.252 21.035,13.476C21.036,14.873 20.623,16.284 19.759,17.515ZM18.028,100.308C14.836,102.542 10.438,101.767 8.203,98.575C7.341,97.343 6.927,95.932 6.927,94.535C6.927,92.312 7.976,90.123 9.936,88.751C13.127,86.516 17.525,87.292 19.76,90.484C20.623,91.715 21.036,93.126 21.036,94.524C21.036,96.746 19.987,98.935 18.028,100.308ZM47.337,40.508L59.408,48.96C58.775,50.537 58.431,52.237 58.431,53.981C58.431,55.731 58.767,57.439 59.415,59.034L48.402,66.745C43.564,58.217 43.394,48.428 47.337,40.508ZM88.196,77.143C76.657,85.222 61.266,82.664 51.87,71.682L62.877,63.975C64.735,65.658 67.03,66.791 69.56,67.238C73.103,67.862 76.676,67.07 79.622,65.007C83.219,62.489 85.365,58.363 85.365,53.969C85.365,51.196 84.523,48.527 82.93,46.251C80.867,43.305 77.779,41.337 74.237,40.713C70.696,40.088 67.121,40.88 64.174,42.944C63.706,43.271 63.265,43.626 62.848,44.004L50.637,35.454C52.087,33.718 53.789,32.144 55.732,30.782C67.816,22.322 84.614,25.628 93.718,38.631C102.822,51.633 100.279,68.682 88.196,77.143ZM64.844,53.981C64.844,51.757 65.893,49.569 67.853,48.196C71.044,45.961 75.442,46.736 77.677,49.929C78.54,51.16 78.953,52.571 78.953,53.968C78.953,56.192 77.904,58.381 75.945,59.754C72.753,61.988 68.355,61.213 66.12,58.021C65.258,56.789 64.844,55.378 64.844,53.981Z\",\n    style: {\n      fill: \"current\",\n      fillRule: \"nonzero\"\n    }\n  })), /*#__PURE__*/React.createElement(\"g\", {\n    transform: \"matrix(1,0,0,1,136.68,32.005)\"\n  }, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M20.689,38.657L15.217,38.657L15.217,54.677C14.605,54.841 13.746,54.993 12.64,55.131C11.533,55.269 10.374,55.338 9.163,55.338C6.562,55.338 4.748,54.894 3.721,54.005C2.7,53.123 2.19,51.519 2.19,49.195L2.19,8.958C2.19,7.852 2.48,6.996 3.059,6.39C3.639,5.778 4.481,5.307 5.588,4.978C6.477,4.649 7.487,4.372 8.62,4.148C9.752,3.924 10.914,3.73 12.106,3.565C13.291,3.401 14.48,3.292 15.672,3.24C16.863,3.18 17.983,3.151 19.03,3.151C26.556,3.151 32.254,4.741 36.126,7.921C39.998,11.101 41.933,15.457 41.933,20.988C41.933,23.641 41.449,26.061 40.481,28.247C39.514,30.433 38.114,32.3 36.284,33.847C34.46,35.394 32.235,36.583 29.607,37.412C26.98,38.242 24.007,38.657 20.689,38.657ZM15.128,28.454L19.859,28.454C22.572,28.454 24.728,27.832 26.328,26.588C27.935,25.343 28.738,23.477 28.738,20.988C28.738,16.069 25.808,13.61 19.948,13.61C18.947,13.61 18.075,13.636 17.331,13.689C16.587,13.742 15.853,13.824 15.128,13.936L15.128,28.454ZM61.844,54.677C61.291,54.841 60.514,54.993 59.514,55.131C58.519,55.269 57.413,55.338 56.195,55.338C53.706,55.338 51.909,54.937 50.802,54.133C49.696,53.33 49.143,51.766 49.143,49.442L49.143,0.751C49.756,0.579 50.559,0.412 51.553,0.247C52.547,0.082 53.654,0 54.872,0C57.361,0 59.145,0.415 60.225,1.244C61.305,2.074 61.844,3.651 61.844,5.975L61.844,15.516C63.003,14.963 64.317,14.505 65.785,14.143C67.247,13.788 68.837,13.61 70.556,13.61C75.863,13.61 80.024,14.95 83.04,17.63C86.055,20.309 87.563,24.333 87.563,29.699L87.563,54.677C87.01,54.841 86.233,54.993 85.232,55.131C84.238,55.269 83.132,55.338 81.914,55.338C79.425,55.338 77.627,54.937 76.521,54.133C75.415,53.33 74.862,51.766 74.862,49.442L74.862,30.449C74.862,27.96 74.24,26.189 72.995,25.136C71.751,24.089 70.161,23.565 68.225,23.565C66.954,23.565 65.795,23.743 64.748,24.099C63.695,24.461 62.727,24.889 61.844,25.383L61.844,54.677ZM137.588,34.765C137.588,38.025 137.091,40.968 136.096,43.595C135.095,46.222 133.67,48.448 131.82,50.272C129.97,52.102 127.744,53.514 125.143,54.509C122.542,55.503 119.639,56 116.432,56C113.226,56 110.309,55.516 107.681,54.548C105.054,53.58 102.812,52.184 100.956,50.36C99.105,48.537 97.683,46.311 96.689,43.684C95.688,41.057 95.188,38.084 95.188,34.765C95.188,31.552 95.701,28.632 96.728,26.005C97.749,23.378 99.188,21.152 101.044,19.328C102.895,17.505 105.133,16.095 107.761,15.101C110.388,14.107 113.278,13.61 116.432,13.61C119.586,13.61 122.46,14.107 125.054,15.101C127.655,16.095 129.884,17.518 131.741,19.368C133.591,21.225 135.026,23.453 136.047,26.054C137.074,28.649 137.588,31.552 137.588,34.765ZM116.432,23.565C113.831,23.565 111.813,24.533 110.378,26.469C108.936,28.405 108.215,31.17 108.215,34.765C108.215,38.466 108.919,41.271 110.328,43.18C111.744,45.09 113.779,46.044 116.432,46.044C119.086,46.044 121.117,45.077 122.526,43.141C123.935,41.205 124.64,38.413 124.64,34.765C124.64,31.223 123.922,28.471 122.486,26.509C121.051,24.547 119.033,23.565 116.432,23.565ZM170.941,29.284C170.941,27.348 170.358,25.909 169.193,24.968C168.034,24.033 166.486,23.565 164.551,23.565C163.221,23.565 162.002,23.73 160.896,24.059C159.79,24.388 158.766,24.803 157.825,25.304L157.825,54.677C157.272,54.841 156.498,54.993 155.504,55.131C154.509,55.269 153.403,55.338 152.185,55.338C149.696,55.338 147.899,54.937 146.793,54.133C145.686,53.33 145.133,51.766 145.133,49.442L145.133,23.812C145.133,22.37 145.44,21.208 146.052,20.326C146.658,19.444 147.514,18.614 148.62,17.837C150.391,16.566 152.672,15.542 155.464,14.765C158.256,13.995 161.341,13.61 164.719,13.61C170.743,13.61 175.402,14.937 178.694,17.59C181.986,20.244 183.632,24.033 183.632,28.958L183.632,54.677C183.02,54.841 182.216,54.993 181.222,55.131C180.228,55.269 179.122,55.338 177.904,55.338C175.415,55.338 173.63,54.937 172.551,54.133C171.477,53.33 170.941,51.766 170.941,49.442L170.941,29.284ZM225.361,36.84L203.79,40.069C204.567,42.393 205.923,44.04 207.859,45.007C209.795,45.975 212.034,46.459 214.575,46.459C216.9,46.459 219.086,46.14 221.133,45.501C223.174,44.869 224.834,44.165 226.111,43.388C226.941,43.941 227.632,44.662 228.185,45.551C228.738,46.433 229.015,47.401 229.015,48.454C229.015,49.725 228.626,50.831 227.849,51.773C227.072,52.708 226.009,53.495 224.659,54.133C223.303,54.772 221.696,55.243 219.84,55.546C217.989,55.849 215.958,56 213.746,56C210.48,56 207.464,55.542 204.699,54.627C201.933,53.719 199.556,52.365 197.568,50.568C195.579,48.77 194.016,46.515 192.877,43.802C191.744,41.096 191.178,37.916 191.178,34.262C191.178,30.726 191.744,27.658 192.877,25.057C194.016,22.456 195.537,20.3 197.44,18.588C199.349,16.869 201.535,15.608 203.998,14.805C206.46,14.008 208.992,13.61 211.593,13.61C214.411,13.61 216.995,14.038 219.346,14.894C221.696,15.75 223.714,16.951 225.4,18.499C227.086,20.046 228.399,21.9 229.341,24.059C230.282,26.219 230.753,28.57 230.753,31.111C230.753,32.882 230.282,34.209 229.341,35.091C228.399,35.98 227.072,36.563 225.361,36.84ZM211.672,22.983C209.295,22.983 207.316,23.714 205.736,25.175C204.162,26.644 203.237,28.76 202.961,31.526L218.802,28.958C218.697,27.516 218.062,26.16 216.896,24.889C215.737,23.618 213.996,22.983 211.672,22.983ZM272.649,14.933L262.526,14.933L262.526,54.677C261.92,54.841 261.064,54.993 259.958,55.131C258.852,55.269 257.69,55.338 256.472,55.338C253.871,55.338 252.047,54.894 251,54.005C249.947,53.123 249.42,51.519 249.42,49.195L249.42,14.933L236.393,14.933C236.063,14.38 235.747,13.663 235.444,12.78C235.135,11.891 234.98,10.923 234.98,9.877C234.98,7.993 235.395,6.624 236.225,5.768C237.054,4.912 238.19,4.484 239.632,4.484L275.889,4.484C276.271,5.037 276.6,5.755 276.877,6.637C277.153,7.519 277.291,8.487 277.291,9.541C277.291,11.365 276.877,12.721 276.047,13.61C275.217,14.492 274.085,14.933 272.649,14.933ZM296.541,54.677C295.988,54.841 295.214,54.993 294.22,55.131C293.226,55.269 292.119,55.338 290.901,55.338C288.412,55.338 286.615,54.937 285.509,54.133C284.402,53.33 283.849,51.766 283.849,49.442L283.849,0.751C284.455,0.579 285.258,0.412 286.259,0.247C287.254,0.082 288.36,0 289.578,0C292.067,0 293.848,0.415 294.921,1.244C296.001,2.074 296.541,3.651 296.541,5.975L296.541,15.516C297.706,14.963 299.02,14.505 300.481,14.143C301.95,13.788 303.54,13.61 305.252,13.61C310.565,13.61 314.727,14.95 317.736,17.63C320.751,20.309 322.259,24.333 322.259,29.699L322.259,54.677C321.706,54.841 320.933,54.993 319.938,55.131C318.944,55.269 317.838,55.338 316.62,55.338C314.131,55.338 312.333,54.937 311.227,54.133C310.121,53.33 309.568,51.766 309.568,49.442L309.568,30.449C309.568,27.96 308.946,26.189 307.701,25.136C306.457,24.089 304.867,23.565 302.931,23.565C301.66,23.565 300.498,23.743 299.444,24.099C298.398,24.461 297.43,24.889 296.541,25.383L296.541,54.677ZM344.412,25.798L344.412,54.677C343.859,54.841 343.086,54.993 342.091,55.131C341.097,55.269 339.991,55.338 338.773,55.338C336.284,55.338 334.486,54.937 333.38,54.133C332.274,53.33 331.721,51.766 331.721,49.442L331.721,24.138C331.721,22.591 332.106,21.264 332.877,20.158C333.654,19.052 334.733,18.084 336.116,17.254C337.94,16.148 340.139,15.279 342.714,14.647C345.281,14.008 347.978,13.689 350.802,13.689C356.551,13.689 359.425,15.625 359.425,19.496C359.425,20.438 359.286,21.294 359.01,22.064C358.733,22.841 358.43,23.506 358.101,24.059C356.83,23.783 355.283,23.644 353.459,23.644C351.853,23.644 350.246,23.839 348.64,24.227C347.04,24.616 345.63,25.139 344.412,25.798ZM403.81,46.459C403.81,49.06 402.677,51.052 400.412,52.435C398.641,53.541 396.455,54.41 393.854,55.042C391.26,55.681 388.386,56 385.232,56C382.243,56 379.533,55.681 377.104,55.042C374.667,54.41 372.577,53.402 370.832,52.02C369.094,50.637 367.741,48.895 366.773,46.795C365.805,44.688 365.321,42.143 365.321,39.16L365.321,15.012C365.927,14.848 366.727,14.683 367.721,14.519C368.722,14.354 369.828,14.272 371.04,14.272C373.528,14.272 375.313,14.686 376.393,15.516C377.472,16.346 378.012,17.923 378.012,20.247L378.012,39.072C378.012,41.56 378.648,43.345 379.919,44.425C381.189,45.505 382.987,46.044 385.311,46.044C386.753,46.044 387.958,45.919 388.926,45.669C389.894,45.419 390.625,45.156 391.119,44.879L391.119,15.012C391.672,14.848 392.445,14.683 393.44,14.519C394.44,14.354 395.547,14.272 396.758,14.272C399.247,14.272 401.044,14.686 402.151,15.516C403.257,16.346 403.81,17.923 403.81,20.247L403.81,46.459Z\",\n    style: {\n      fill: \"current\",\n      fillRule: \"nonzero\",\n      stroke: \"current\",\n      strokeWidth: 1\n    }\n  })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgPhonethruLogo);\nexport default __webpack_public_path__ + \"static/media/phonethru-logo.f17721b5.svg\";\nexport { ForwardRef as ReactComponent };","\n\nconst emailRegex = RegExp(/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$/);\nconst mobileRegex = RegExp(/^(?:\\+?(61))? ?(?:\\((?=.*\\)))?(0?[4])\\)? ?(\\d\\d(?:[- ](?=\\d{3})|(?!\\d\\d[- ]?\\d[- ]))\\d\\d[- ]?\\d[- ]?\\d{3})$/ )\n\nexport const isValidEmail = (email) => {\n    return emailRegex.test(email);\n}\n\nexport const isValidMobile = (number) => {\n    return mobileRegex.test(number)\n}","import e164ify from \"./e164\";\n\nexport default function mobileLogin(mobileNumber) {\n    return e164ify(mobileNumber).replace(/^\\+/, '') + '@phonethru.com'\n};\n","\n\n/***\n * Formats value as an Australian phone number\n *\n * @param value\n * @returns {*}\n */\nexport default function ausPhone(value) {\n\n    if (typeof(value) === 'undefined') {\n        return value;\n    }\n    /***\n     * ausPhone takes an australian phone number in E164 format\n     * and returns a formatted version with the country code removed\n     */\n    if (value.startsWith('+61') && value.length === 12) {\n        if (value.startsWith('+614')) {\n            // Format as a mobile number\n            // +61414600261 => 0414 600 261\n            return '0' + value.substring(3, 6) + ' ' + value.substring(6, 9) + ' ' + value.substring(9)\n        } else {\n            // format as a land line\n            // +61390181851 => 03 9018 8151\n            return '0' + value.substring(3, 4) + ' ' + value.substring(4, 8) + ' ' + value.substring(8)\n        }\n    } else {\n        // return as-is\n        return value;\n    }\n}\n","import React, {useContext, useEffect, useRef, useState} from \"react\";\nimport {AuthContext} from \"../../components/auth-provider\";\nimport {\n    Card,\n    CardContent,\n    Typography,\n    TextField,\n    FormControl,\n    Button,\n    FormHelperText, Tooltip\n} from \"@material-ui/core\";\nimport {OutlinedInput, InputLabel, InputAdornment, IconButton} from \"@material-ui/core\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport {darken} from '@material-ui/core/styles/colorManipulator';\nimport FuseAnimate from \"../../components/fuse-animate/fuse-animate\";\nimport {Link} from 'react-router-dom'\nimport clsx from 'clsx';\nimport {ErrorOutline, Visibility, VisibilityOff} from \"@material-ui/icons\";\nimport {ReactComponent as Logo} from \"../../images/phonethru-logo.svg\";\nimport {Controller, useForm} from \"react-hook-form\";\nimport e164ify from \"../../utils/e164\";\nimport {isValidMobile} from \"../../utils/valid\";\nimport mobileLogin from \"../../utils/mobile-login\";\nimport ausPhone from \"../../utils/aus-phone\";\nimport {AuthService} from \"../../services\";\n\nconst useStyles = makeStyles(theme => ({\n    root: {\n        background: `linear-gradient(to left, ${theme.palette.primary.dark} 0%, ${darken(\n            theme.palette.primary.dark,\n            0.5\n        )} 100%)`,\n        color: theme.palette.primary.contrastText,\n        minHeight: '100%',\n    },\n    welcomeWrapper: {\n        paddingTop: 108,\n    },\n    logo: {\n        width: 50,\n        height: 51,\n        [theme.breakpoints.up('lg')]: {\n            width: 75,\n            height: 76,\n        },\n    },\n    logoText: {\n        marginLeft: 4,\n        marginTop: 12,\n        width: 175,\n        height: 40,\n        fill: 'white',\n        [theme.breakpoints.up('lg')]: {\n            marginTop: 22,\n            width: 250,\n            height: 57,\n        },\n    },\n    panelLogo: {\n        width: 200,\n        height: 51,\n    },\n    panelLogoText: {\n        marginLeft: 4,\n        marginTop: 15,\n        width: 175,\n        height: 65,\n    },\n    loginCard: {\n        maxWidth: 400,\n    },\n    loginContent: {\n        padding: 32,\n        [theme.breakpoints.up('md')]: {\n            padding: 48,\n            paddingTop: 128,\n        },\n\n    },\n    welcomeTitle: {\n        fontWeight: 300,\n    },\n    welcomeText: {\n        marginTop: 16,\n        lineHeight: 1.5,\n    },\n    loginTitle: {\n        marginBottom: 32,\n    },\n    loginField: {\n        marginBottom: 16,\n    },\n    loginButton: {\n        marginTop: 16,\n    },\n    loginCheckbox: {\n        fontSize: 14,\n    },\n    formError: {\n        marginLeft: 14,\n        marginTop: 4,\n        marginBottom: 16,\n        color: 'red',\n    },\n    link: {\n        color: '#047e9f',\n        fontWeight: 500,\n        '&:hover': {\n            textDecoration: 'underline',\n            textDecorationColor: '#047e9f',\n        },\n    }\n}));\n\n\n// Reducer for local state\nconst loginReducer = (state, action) => {\n    switch (action.type) {\n        case 'update':\n            return {\n                ...state,\n                ...action.payload,\n            }\n        default:\n            return state\n    }\n}\n\n// Hook for accessing local storage via the reducer\nconst useReducer = (reducer, initialState) => {\n    const [state, setState] = useState(initialState)\n\n    function dispatch(action) {\n        const nextState = reducer(state, action)\n        setState(nextState)\n    }\n\n    return [state, dispatch]\n}\n\n\nconst LoginPage = ({history, match, location}) => {\n    const classes = useStyles();\n    const focusRef = useRef();\n\n    const [state, dispatch] = useReducer(loginReducer, {\n        view: 'mobile',         // View: 'mobile' or 'password' or 'otp'\n        showPassword: false,    // flag for password input: true = display password\n        apiError: null,         // API error object\n        loginError: '',\n        mobileNumber: '',\n        loginMethod: '',\n        password: '',\n        otpId: '',\n        otpPassword: '',\n    });\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    return (\n\n        <div className={clsx(classes.root, 'flex flex-col flex-auto flex-shrink-0 p-0 md:flex-row md:p-0')}>\n            <div\n                className={clsx(classes.welcomeWrapper, 'hidden md:flex flex-col flex-grow-0 items-center text-white p-16 text-center md:items-start md:flex-1 md:text-left')}>\n                <FuseAnimate animation=\"transition.expandIn\">\n                    <div className=\"flex flex-row items-center mb-8\">\n                        <Logo className={classes.panelLogo} fill=\"white\" alt=\"logo\" />\n                    </div>\n                </FuseAnimate>\n\n                <FuseAnimate animation=\"transition.slideUpIn\" delay={300}>\n                    <Typography variant=\"h3\" color=\"inherit\" className={classes.welcomeTitle}>\n                        Welcome!\n                    </Typography>\n                </FuseAnimate>\n\n                <FuseAnimate delay={400}>\n                    <Typography variant=\"subtitle1\" color=\"inherit\" className={classes.welcomeText}>\n                        PhoneThru - a landline number for your mobile\n                    </Typography>\n                </FuseAnimate>\n            </div>\n\n            <FuseAnimate animation={{translateX: [0, '100%']}}\n                         complete={() => {focusRef.current && focusRef.current.focus()}}>\n\n                <Card className={clsx(classes.loginCard, 'w-full mx-auto my-auto md:m-0')}>\n                    <CardContent className={clsx(classes.loginContent, 'flex flex-col items-center justify-center')}>\n                        <div className=\"flex flex-row items-center p-4 md:hidden\">\n                            <Logo className={classes.panelLogo} fill=\"#3f51b5\" alt=\"logo\" />\n                        </div>\n\n                        <Typography variant=\"h6\" className={classes.loginTitle}>SIGN IN TO YOUR ACCOUNT</Typography>\n\n                        {state.view === 'mobile' ?\n                            <MobilePanel state={state} dispatch={dispatch}/>\n                            : null\n                        }\n\n                        {state.view === 'password' ?\n                            <PasswordPanel\n                                state={state}\n                                dispatch={dispatch}\n                                history={history}\n                                location={location}\n                            />\n                            : null\n                        }\n\n                        {state.view === 'otp' ?\n                            <OTPPanel\n                                state={state}\n                                dispatch={dispatch}\n                                history={history}\n                                location={location}\n                            />\n                            : null\n                        }\n\n                    </CardContent>\n                </Card>\n\n            </FuseAnimate>\n        </div>\n\n    );\n}\n\nconst MobilePanel = ({state, dispatch}) => {\n    const classes = useStyles();\n    const focusRef = useRef();\n    const {handleSubmit, control, formState:{ isValid, isSubmitting }} = useForm({ mode: 'onChange' });\n\n    const onSubmit = (data, loginMethod) => {\n\n        // Clear any existing login errors\n        dispatch({ type:'update', payload:{ loginError: '' } })\n\n        return new Promise((resolve) => {\n            if (loginMethod === 'password') {\n\n                // Update our state\n                dispatch({\n                    type:'update',\n                    payload:{\n                        mobileNumber: data.mobileNumber,\n                        loginMethod: loginMethod,\n                        view: 'password'\n                    },\n                })\n                resolve();\n\n            } else if (loginMethod === 'otp') {\n\n                // Call an API to send a OTP to the mobile number\n                const login = mobileLogin(data.mobileNumber);\n                AuthService.requestOTP(login)\n                    .then(result => {\n                        dispatch({\n                            type:'update',\n                            payload:{\n                                mobileNumber: data.mobileNumber,\n                                loginMethod: loginMethod,\n                                otpId: result.otpId,\n                                view: 'otp'\n                            },\n                        })\n                    })\n                    .catch(error => {\n                        if (error.status === 424) {\n                            // We weren't able to send the SMS\n                            dispatch({\n                                type:'update',\n                                payload: {\n                                    loginError: 'Sorry, we can\\'t send a one-time password to your mobile right now. Try again later or login with your password.'\n                                },\n                            })\n\n                        } else {\n                            // Display a general API error\n                            dispatch({\n                                type:'update',\n                                payload: {\n                                    loginError: \"Sorry, we can't process your login right now. Please try again later.\"\n                                },\n                            })\n                        }\n\n                    })\n                    .finally(() => {\n                        resolve();\n                    })\n            }\n        })\n    }\n\n    const validateMobile = (value) => {\n        return isValidMobile(value) || 'Enter a valid Australian mobile number'\n    }\n\n    return (\n        <>\n            {state.loginError ?\n                <div className=\"flex flex-row rounded bg-red-200 p-3 mb-4\">\n                    <ErrorOutline fontSize=\"small\" className=\"pr-1\"/>{state.loginError}\n                </div>\n                : null\n            }\n\n            <form\n                name=\"loginMobileForm\"\n                noValidate\n                className=\"flex flex-col justify-center w-full\"\n                onSubmit={handleSubmit((data) => onSubmit(data, \"password\"))}\n            >\n                <Controller\n                    name='mobileNumber'\n                    control={control}\n                    defaultValue={state.mobileNumber}\n                    rules={{\n                        required: 'Your mobile number is required',\n                        validate: (value) => validateMobile(value),\n                    }}\n                    render={ ({field: {onChange, value}, fieldState:{error} }) => (\n                        <TextField\n                            label=\"Mobile Number\"\n                            inputRef={focusRef}\n                            type=\"tel\"\n                            value={value}\n                            onChange={onChange}\n                            variant=\"outlined\"\n                            error={!!error}\n                            helperText={error ? error.message : 'Enter your mobile phone number'}\n                            className={classes.formField}\n                            required\n                            fullWidth\n                        />\n                    )}\n                />\n\n                <Button\n                    id=\"loginPasswordButton\"\n                    // type=\"submit\"\n                    variant=\"contained\"\n                    color=\"primary\"\n                    className={classes.loginButton}\n                    aria-label=\"LOG IN\"\n                    disabled={!isValid || isSubmitting}\n                    onClick={handleSubmit((data) => onSubmit(data, 'password')) }\n                >\n                    SIGN IN WITH PASSWORD\n                </Button>\n\n                <Button\n                    id=\"loginOTPButton\"\n                    // type=\"submit\"\n                    variant=\"contained\"\n                    color=\"primary\"\n                    className={classes.loginButton}\n                    aria-label=\"LOG IN\"\n                    disabled={!isValid || isSubmitting}\n                    onClick={handleSubmit((data) => onSubmit(data, 'otp')) }\n                >\n                    {isSubmitting ? state.loginMethod === 'otp' ? 'Sending OTP...' : 'SIGN IN WITH ONE-TIME PASSWORD' : 'SIGN IN WITH ONE-TIME PASSWORD'}\n                </Button>\n\n                <div className=\"flex flex-col items-center justify-center pt-8 pb-3\">\n                    <span className=\"font-medium\">Don't have an account?</span>\n                    <Link className={classes.link} to=\"/signup\">\n                        Create an account\n                    </Link>\n                </div>\n            </form>\n        </>\n\n    )\n}\n\nconst PasswordPanel = ({state, dispatch, history, location}) => {\n    const classes = useStyles();\n    const focusRef = useRef();\n    const {handleSubmit, control, formState:{ isValid, isSubmitting }} = useForm({ mode: 'onChange' });\n    // authState from AuthContext for login functionality\n    const auth = useContext(AuthContext)\n\n    const onSubmit = (data) => {\n\n        // Clear any existing login errors\n        dispatch({ type:'update', payload:{ loginError: '' } })\n\n        return new Promise((resolve) => {\n            const login = mobileLogin(state.mobileNumber);\n            auth.login(login, data.password, true)\n                .then(() => {\n                    // We've logged in.\n\n                    // If we came here via a router redirection because we weren't logged in previously\n                    // then the location.state will contain the location the user was headed for prior to\n                    // the redirection.  If the target location is / or /home we'll end up there anyway\n                    // when AuthProvider triggers a re-render of AuthenticatedApp.\n                    // If the user was headed to another page though, we'll need to send then there manually.\n                    if (location.state && location.state.pathname !== '' &&\n                        location.state.pathname !== \"/\" && location.state.pathname !== \"/home\") {\n                        // Navigate to the url\n                        history.push(location.state.pathname);\n                    }\n\n                })\n                .catch(error => {\n                    // Set the error message.\n                    let message;\n                    if (error.status === 401) {\n                        message = 'The mobile number and password you entered did not match our records. Please double-check and try again.'\n                    } else {\n                        message = \"Oops!  We can't process your login right now. Please try again later.\"\n                    }\n                    dispatch({ type:'update', payload: { loginError: message } })\n                })\n                .finally(() => {\n                    resolve()       // Let RHF know we've finished submitting\n                })\n        })\n    }\n\n    const handleClickShowPassword = () => {\n        dispatch({type:'update', payload: {showPassword: !state.showPassword}});\n    };\n\n    const handleMouseDownPassword = (event) => {\n        event.preventDefault();\n    };\n\n    return (\n        <FuseAnimate\n            animation=\"transition.expandIn\"\n            delay={100}\n            complete={() => {\n                focusRef.current && focusRef.current.focus();\n            }}\n        >\n            <div className=\"w-full\">\n                {state.loginError ?\n                    <div className=\"flex flex-row rounded bg-red-200 p-3 mb-4\">\n                        <ErrorOutline fontSize=\"small\" className=\"pr-1\"/>{state.loginError}\n                    </div>\n                    : null\n                }\n\n                <form\n                    name=\"loginPasswordForm\"\n                    noValidate\n                    className=\"flex flex-col justify-center w-full\"\n                    onSubmit={handleSubmit(onSubmit)}\n                >\n                    <Controller\n                        name='password'\n                        control={control}\n                        defaultValue={state.password}\n                        rules={{\n                            required: 'Your password is required',\n                        }}\n                        render={ ({field: {onChange, value}, fieldState:{error} }) => (\n\n                            <FormControl className={clsx(classes.margin, classes.textField)}\n                                         variant=\"outlined\"\n                                         error={!!error}\n                                         required={true}\n                            >\n                                <InputLabel htmlFor=\"password\">Password</InputLabel>\n                                <OutlinedInput\n                                    name=\"password\"\n                                    // className={classes.loginField}\n                                    label=\"Password\"\n                                    type={state.showPassword ? 'text' : 'password'}\n                                    value={value}\n                                    onChange={onChange}\n                                    inputRef={focusRef}\n                                    variant=\"outlined\"\n                                    required={true}\n                                    fullWidth\n                                    endAdornment={\n                                        <InputAdornment position=\"end\">\n                                            <Tooltip title={\"Show / Hide password\"}>\n                                                <IconButton\n                                                    aria-label=\"toggle password visibility\"\n                                                    onClick={handleClickShowPassword}\n                                                    onMouseDown={handleMouseDownPassword}\n                                                    edge=\"end\"\n                                                >\n                                                    {state.showPassword ? <Visibility/> : <VisibilityOff/>}\n                                                </IconButton>\n                                            </Tooltip>\n                                        </InputAdornment>\n                                    }\n                                />\n                                <FormHelperText id=\"passwordHelperText\">\n                                    {error ? error.message : 'Enter your password'}\n                                </FormHelperText>\n                            </FormControl>\n                        )}\n                    />\n\n                    <Button\n                        type=\"submit\"\n                        variant=\"contained\"\n                        color=\"primary\"\n                        className={classes.loginButton}\n                        aria-label=\"LOG IN\"\n                        disabled={!isValid || isSubmitting}\n                    >\n                        {isSubmitting ? 'Signing in...' : 'SIGN IN'}\n                    </Button>\n\n                    <div className=\"flex flex-col mt-8\">\n                        <Button\n                            color=\"primary\"\n                            aria-label=\"GO BACK\"\n                            disabled={isSubmitting}\n                            onClick={ () => {\n                                dispatch({\n                                    type: 'update',\n                                    payload:{\n                                        view: 'mobile',\n                                        loginError: '',\n                                    },\n                                })\n                            }}\n                        >\n                            GO BACK\n                        </Button>\n                    </div>\n\n                </form>\n            </div>\n        </FuseAnimate>\n\n    )\n}\n\nconst OTPPanel = ({state, dispatch, history, location}) => {\n    const focusRef = useRef();\n    const {handleSubmit, control, formState:{ isValid, isSubmitting }} = useForm({ mode: 'onChange' });\n    const [verifyState, setVerifyState] = useState({error: ''})\n    const auth = useContext(AuthContext)\n\n    const onSubmit = (data) => {\n\n        // Clear any existing login errors\n        dispatch({ type:'update', payload:{ loginError: '' } })\n\n        return new Promise((resolve) => {\n\n            auth.login(state.otpId, data.otpPassword, true, 'otp')\n                .then(() => {\n                    // We've logged in.\n\n                    // If we came here via a router redirection because we weren't logged in previously\n                    // then the location.state will contain the location the user was headed for prior to\n                    // the redirection.  If the target location is / or /home we'll end up there anyway\n                    // when AuthProvider triggers a re-render of AuthenticatedApp.\n                    // If the user was headed to another page though, we'll need to send then there manually.\n                    if (location.state && location.state.pathname !== '' &&\n                        location.state.pathname !== \"/\" && location.state.pathname !== \"/home\") {\n                        // Navigate to the url\n                        history.push(location.state.pathname);\n                    }\n\n                })\n                .catch(error => {\n                    if (error.data) {\n                        setVerifyState({ error: error.data.error })\n                    }\n                })\n                .finally(() => {\n                    resolve()       // Let RHF know we've finished submitting\n                })\n        })\n    }\n\n    return (\n        <FuseAnimate\n            animation=\"transition.expandIn\"\n            delay={100}\n            complete={() => {\n                focusRef.current && focusRef.current.focus();\n            }}\n        >\n            <div>\n                <div className=\"mb-6\">\n                    { verifyState.error === '' ?\n                        <Typography paragraph>\n                            We've sent a one-time password (OTP)\n                            to <strong>{ausPhone(e164ify(state.mobileNumber))}</strong>. Enter\n                            the password here to continue.\n                        </Typography>\n                        : null\n                    }\n                    { verifyState.error === 'invalid_attempt' ?\n                        <Typography paragraph>\n                            <span className=\"text-red-400\">\n                                <strong>The one-time password was incorrect.</strong>\n                            </span>\n                            <br/><br/>\n                            Check the password and try again - you have a limited number of tries!\n                        </Typography>\n                        : null\n                    }\n                    { verifyState.error === 'expired' ?\n                        <Typography paragraph>\n                            <span className=\"text-red-400\">\n                                <strong>The one-time password has expired.</strong>\n                            </span>\n                            <br/><br/>\n                            You'll need to start again with a new OTP, sorry.\n                        </Typography>\n                        : null\n                    }\n                    { verifyState.error === 'too_many_attempts' ?\n                        <>\n                            <Typography paragraph>\n                                <span className=\"text-red-400\">\n                                    <strong>The one-time password was incorrect.</strong>\n                                </span>\n                            </Typography>\n                            <Typography paragraph>\n                                There have been too many unsuccessful tries for this OTP and it has been disabled.\n                            </Typography>\n                            <Typography paragraph>\n                                You'll need to start again with a new OTP, sorry.\n                            </Typography>\n                        </>\n                        : null\n                    }\n                </div>\n                <form\n                    name=\"verifyCodeForm\"\n                    noValidate\n                    className=\"flex flex-col justify-center, w-full\"\n                    onSubmit={handleSubmit(onSubmit)}\n                >\n                    <Controller\n                        name='otpPassword'\n                        control={control}\n                        defaultValue={state.otpPassword}\n                        rules={{\n                            required: 'The one-time password is required',\n                            maxLength: {value: 6, message: 'Your password is too long'},\n                            minLength: {value: 6, message: 'Please enter the complete 6 digit OTP'},\n                        }}\n                        maxLength={6}\n                        render={ ({field: {onChange, value}, fieldState:{error} }) => (\n                            <TextField\n                                label=\"One-Time Password (OTP)\"\n                                inputRef={focusRef}\n                                type=\"tel\"\n                                value={value}\n                                onChange={onChange}\n                                variant=\"outlined\"\n                                error={!!error}\n                                helperText={error ? error.message : 'Enter your one-time password'}\n                                inputProps={{maxLength: 6}}\n                                required\n                                fullWidth\n                            />\n                        )}\n                    />\n\n                    <div className=\"flex flex-col mt-4\">\n                        <Button\n                            type=\"submit\"\n                            variant=\"contained\"\n                            color=\"primary\"\n                            aria-label=\"SEND CODE\"\n                            disabled={!isValid || isSubmitting || (verifyState.error && (verifyState.error !== 'invalid_attempt'))}\n                        >\n                            {isSubmitting ? 'Signing In...' : 'Next'}\n                        </Button>\n                    </div>\n\n                    <div className=\"flex flex-col mt-8\">\n                        <Button\n                            color=\"primary\"\n                            aria-label=\"GO BACK\"\n                            disabled={isSubmitting}\n                            onClick={ () => {\n                                dispatch({\n                                    type: 'update',\n                                    payload:{\n                                        view: 'mobile',\n                                        loginError: '',\n                                    },\n                                })\n                            }}\n                        >\n                            GO BACK\n                        </Button>\n                    </div>\n                </form>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nexport default LoginPage;","import React from \"react\";\nimport './password-strength-meter.css'\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport {Check} from '@material-ui/icons'\n\nconst useStyles = makeStyles(theme => ({\n    hintList: {\n        listStyle: 'disc outside none',\n        padding: '10px 10px 10px 25px',\n    },\n}));\n\nconst PasswordStrengthMeter = ({check, variant = 'minimal'}) => {\n    // console.log('PasswordStrengthMeter', variant);\n    return (\n        <div className=\"password-strength-meter\">\n            <Meter value={check.score}/>\n            { variant === 'full' ? <Hints check={check} /> : null }\n        </div>\n    )\n}\n\nconst Meter = ({value = 0}) => {\n    return (\n        <progress\n            className={`password-strength-meter-progress strength-${value}`}\n            value={value} max=\"4\"\n        />\n    )\n}\n\nconst Hints = ({check = {warning:'', suggestions:[]}}) => {\n    const classes = useStyles();\n    return (\n        <div style={{minHeight: 120, backgroundColor: '#eee', borderRadius: 4, padding: 8} }>\n            { check.warning.length  > 0 ?\n                <div>{check.warning}</div>\n                : null\n            }\n            { check.warning.length === 0 && check.suggestions.length === 0 ?\n                <div className=\"flex flex-grow justify-center mt-10\">\n                    <p><Check fontSize=\"small\" style={{color: 'green'}}/> You can use this password</p>\n                </div>\n                : null\n            }\n            <ul className={classes.hintList}>\n                { check.suggestions.map((s, index) => (\n                    <li key={index}>{s}</li>\n                ))}\n            </ul>\n        </div>\n    )\n}\n\nexport default PasswordStrengthMeter;\n","import Typography from \"@material-ui/core/Typography\";\nimport LinearProgress from \"@material-ui/core/LinearProgress\";\nimport React from \"react\";\n\n\nconst Loading = () => {\n    return (\n        <div style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width:'100%'}}>\n            <div style={{width: '50%'}}>\n                <Typography>Loading...</Typography>\n                <LinearProgress color=\"secondary\"/>\n            </div>\n        </div>\n    )\n}\n\nexport default Loading;","import React, {useRef, useState, useEffect, Suspense, useContext} from \"react\";\nimport MuiToolbar from \"@material-ui/core/Toolbar\";\nimport {Button, TextField} from \"@material-ui/core\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {FuseAnimate, ErrorScreen, AuthContext} from \"../../components\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport {ReactComponent as PhoneThruLogo} from \"../../images/phonethru-logo.svg\";\nimport {isValidMobile} from \"../../utils/valid\";\nimport ausPhone from \"../../utils/aus-phone\";\nimport {Controller, useForm} from \"react-hook-form\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Card from \"@material-ui/core/Card\";\nimport PasswordStrengthMeter from \"../../components/password-strength-meter/password-strength-meter\";\nimport Loading from \"../../components/loading/loading\";\nimport {CheckCircleOutline} from \"@material-ui/icons\";\nimport {Link} from \"react-router-dom\";\nimport e164ify from \"../../utils/e164\";\nimport {SignupService} from \"../../services\";\nimport mobileLogin from \"../../utils/mobile-login\";\n\n\n// NewPasswordField uses the zxcvbn library to check password strength is a large library as it contains password dictionaries,\n// so we lazy-load it to enable code splitting and minimize load time\nconst NewPasswordField = React.lazy(() => import('../../components/new-password-field/new-password-field'))\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection : 'column',\n        minHeight: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    toolbar: {\n        background: 'linear-gradient(45deg, ' + theme.palette.primary.main + ' 30%, ' + theme.palette.primary.dark + ' 90%)',\n        // background: 'linear-gradient(45deg, ' + theme.palette.secondary.main + ' 30%, ' + theme.palette.secondary.dark + ' 90%)',\n        // background: 'linear-gradient(45deg, #2196F3 30%, #21CBF3 90%)',\n        //backgroundColor: 'white',\n        paddingRight: 6,\n        paddingLeft: 10,\n    },\n    logo: {\n        width: 122,\n        height: 24,\n    },\n    pad: {\n        marginBottom: theme.spacing(2),\n    },\n    formField: {\n        marginBottom: 24,\n    },\n}));\n\n// Reducer for local storage\nconst signupReducer = (state, action) => {\n    switch (action.type) {\n        case 'update':\n            return {\n                ...state,\n                account: {\n                    ...state.account,\n                    ...action.payload.account,\n                },\n                signUp: {\n                    ...state.signUp,\n                    ...action.payload.signUp,\n                }\n            }\n        default:\n            return state\n    }\n}\n\n// Hook for accessing local storage via the reducer\nconst useReducer = (reducer, initialState) => {\n    const [state, setState] = useState(initialState)\n\n    function dispatch(action) {\n        const nextState = reducer(state, action)\n        setState(nextState)\n    }\n\n    return [state, dispatch]\n}\n\nconst SignUpPage = ({history}) => {\n\n    const classes = useStyles();\n    const [state, dispatch] = useReducer(signupReducer, {\n        signUp: {\n            view: 'edit',           // dialog view: e.g. 'edit', 'success' or 'error'\n            stage: 'start',         // dialog flow stage: 'start', 'verify', 'user', 'success', 'error', recovery\n            apiError: null,         // API error object\n        },\n        account: {\n            mobileNumber: '',\n            verifyId: '',\n            verifyCode: '',\n            firstName: '',\n            lastName: '',\n            email: '',\n            password: '',\n        }\n    });\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    return (\n        <div className=\"flex flex-col min-h-full\">\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <MuiToolbar className={classes.toolbar}>\n                    <PhoneThruLogo className={classes.logo} fill=\"white\" />\n                </MuiToolbar>\n            </AppBar>\n            <Toolbar className={classes.pad}/>\n\n            <main className=\"flex flex-row justify-center\">\n\n                <Card className=\"mx-4 w-full max-w-xl\">\n                    <div className=\"p-4\">\n\n                        <Typography variant=\"h6\">Create Your Account</Typography>\n\n                        { state.signUp.stage==='start' ?\n                            <PhoneNumberForm\n                                state={state}\n                                dispatch={dispatch}\n                            />\n                            : null\n                        }\n\n                        { state.signUp.stage==='verify' ?\n                            <VerifyForm\n                                state={state}\n                                dispatch={dispatch}\n                            />\n                            : null\n                        }\n\n                        { state.signUp.stage==='user' ?\n                            <AccountForm\n                                state={state}\n                                dispatch={dispatch}\n                            />\n                            : null\n                        }\n\n                        { state.signUp.stage === 'success' ?\n                            <SuccessPanel\n                                state={state}\n                                history={history}\n                            />\n                            : null\n                        }\n\n                        { state.signUp.stage === 'error' && state.signUp.apiError ?\n                            <div className=\"mt-8\">\n                                <ErrorScreen error={state.signUp.apiError} />\n                            </div>\n                            : null\n                        }\n\n                        { state.signUp.stage === 'recovery' ?\n                            <RecoveryPanel state={state}/>\n                            : null\n                        }\n\n                    </div>\n                </Card>\n\n            </main>\n        </div>\n    );\n}\n\nconst PhoneNumberForm = ({state, dispatch}) => {\n    const focusRef = useRef();\n    const classes = useStyles();\n    const {handleSubmit, control, formState:{ isValid, isSubmitting }} = useForm({ mode: 'onChange' });\n\n\n    const onSubmit = (data) => {\n        return new Promise((resolve) => {\n            SignupService.verifyMobile( e164ify(data.mobileNumber) )\n                .then((result) => {\n                    // Update the mobile number & verify ID then progress to the verification stage\n                    dispatch({\n                        type:'update',\n                        payload:{\n                            account: {\n                                mobileNumber: result.address,\n                                verifyId: result.verifyId\n                            },\n                            signUp: {\n                                stage: 'verify'\n                            },\n                        }\n                    })\n                })\n                .catch(error => {\n                    // Display an error message\n                    dispatch({\n                        type:'update',\n                        payload: {\n                            signUp: {\n                                stage: 'error',\n                                apiError: error,\n                            },\n                        }\n                    })\n                })\n                .finally(() => {\n                    resolve(); // resolve promise so RHF know's we've finished submitting\n                })\n        })\n    }\n\n    const validateMobile = (value) => {\n        return isValidMobile(value) || 'Enter a valid Australian mobile number'\n    }\n\n    return (\n        <FuseAnimate\n            animation=\"transition.expandIn\"\n            delay={100}\n            complete={() => {\n                focusRef.current && focusRef.current.focus();\n            }}\n        >\n            <div>\n                <div className=\"my-6\">\n                    <Typography paragraph>\n                        Enter your mobile phone number.<br/>We'll send your landline calls to this number.\n                    </Typography>\n                </div>\n                <form\n                    name=\"changeMobileForm\"\n                    noValidate\n                    className=\"flex flex-col justify-center, w-full\"\n                    onSubmit={handleSubmit(onSubmit)}\n                >\n                    <Controller\n                        name='mobileNumber'\n                        control={control}\n                        defaultValue={state.account.mobileNumber}\n                        rules={{\n                            required: 'A mobile number is required',\n                            validate: (value) => validateMobile(value),\n                        }}\n                        render={ ({field: {onChange, value}, fieldState:{error} }) => (\n                            <TextField\n                                label=\"Mobile Number\"\n                                inputRef={focusRef}\n                                type=\"tel\"\n                                value={value}\n                                onChange={onChange}\n                                variant=\"outlined\"\n                                error={!!error}\n                                helperText={error ? error.message : 'Enter an Australian mobile phone number'}\n                                className={classes.formField}\n                                required\n                                fullWidth\n                            />\n                        )}\n                    />\n\n                    <Button\n                        type=\"submit\"\n                        variant=\"contained\"\n                        color=\"primary\"\n                        aria-label=\"NEXT\"\n                        disabled={!isValid || isSubmitting}\n                    >\n                        {isSubmitting ? 'Sending code...' : 'NEXT'}\n                    </Button>\n\n                </form>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst VerifyForm = ({state, dispatch}) => {\n    const focusRef = useRef();\n    const classes = useStyles();\n    const {handleSubmit, control, formState:{ isValid, isSubmitting }} = useForm({ mode: 'onChange' });\n    const [verifyState, setVerifyState] = useState({error: ''})\n\n    const onSubmit = (data) => {\n        return new Promise((resolve) => {\n            SignupService.confirmMobile(state.account.verifyId, data.verifyCode)\n                .then(result => {\n                    // An invalid attempt with return a 200 OK so check error field in response for these codes:\n                    // - expired, too_many_attempts, invalid_attempt, duplicate_account\n                    if (!!result.error) {\n                        if (result.error === 'duplicate_account') {\n                            // Go to the recovery stage\n                            dispatch({\n                                type:'update',\n                                payload:{\n                                    account: {\n                                        verifyCode: data.verifyCode,\n                                    },\n                                    signUp: {\n                                        stage: 'recovery'\n                                    },\n                                }\n                            })\n\n                        } else {\n                            setVerifyState({error: result.error})\n                        }\n\n                    } else {\n                        // Success - move on to collect user details\n                        dispatch({\n                            type:'update',\n                            payload:{\n                                account: {\n                                    verifyCode: data.verifyCode,\n                                },\n                                signUp: {\n                                    stage: 'user'\n                                },\n                            }\n                        })\n                    }\n\n                })\n                .catch(error => {\n                    // Display an API error message\n                    dispatch({\n                        type:'update',\n                        payload: {\n                            signUp: {\n                                stage: 'error',\n                                apiError: error,\n                            },\n                        }\n                    })\n                })\n                .finally(() => {\n                    resolve() // Resolve the promise so RHF knows we're done.\n                })\n        })\n    }\n\n    const startOver = () => {\n        dispatch({\n            type:'update',\n            payload:{\n                signUp: {\n                    view: 'edit',\n                    stage: 'start',\n                    apiError: null,\n                },\n                account: {\n                    mobileNumber: '',\n                    verifyId: '',\n                    verifyCode: '',\n                    firstName: '',\n                    lastName: '',\n                    email: '',\n                    password: '',\n                }\n            }\n        })\n    }\n\n    return (\n        <FuseAnimate\n            animation=\"transition.expandIn\"\n            delay={100}\n            complete={() => {\n                focusRef.current && focusRef.current.focus();\n            }}\n        >\n            <div>\n                <div className=\"my-6\">\n                    { verifyState.error === '' ?\n                        <Typography paragraph>\n                            We've sent a verification code\n                            to <span className=\"whitespace-nowrap\">\n                            <strong>{ausPhone(state.account.mobileNumber)}</strong></span>. Enter\n                            the code here to continue.\n                        </Typography>\n                        : null\n                    }\n                    { verifyState.error === 'invalid_attempt' ?\n                        <Typography paragraph>\n                            <span className=\"text-red-400\">\n                                <strong>The verification code was incorrect.</strong>\n                            </span>\n                            <br/><br/>\n                            Check the code and try again - you have a limited number of tries!\n                        </Typography>\n                        : null\n                    }\n                    { verifyState.error === 'too_many_attempts' ?\n                        <>\n                            <Typography paragraph>\n                                <span className=\"text-red-400\">\n                                    <strong>The verification code was incorrect.</strong>\n                                </span>\n                            </Typography>\n                            <Typography paragraph>\n                                 There have been too many unsuccessful tries for this code and it has been disabled.\n                            </Typography>\n                            <Typography paragraph>\n                                You'll need to start again with a new code, sorry.\n                            </Typography>\n                        </>\n                        : null\n                    }\n                    { verifyState.error === 'expired' ?\n                        <>\n                            <Typography paragraph>\n                                <span className=\"text-red-400\">\n                                    <strong>The verification code has expired.</strong>\n                                </span>\n                            </Typography>\n                            <Typography paragraph>\n                                For security, verification codes are only valid for a limited time and this one is too old.\n                            </Typography>\n                            <Typography paragraph>\n                                You'll need to start again with a new code, sorry.\n                            </Typography>\n                        </>\n                        : null\n                    }\n                </div>\n                <form\n                    name=\"verifyCodeForm\"\n                    noValidate\n                    className=\"flex flex-col justify-center, w-full\"\n                    onSubmit={handleSubmit(onSubmit)}\n                >\n                    <Controller\n                        name='verifyCode'\n                        control={control}\n                        defaultValue={state.account.verifyCode}\n                        rules={{\n                            required: 'The verification code is required',\n                            maxLength: {value: 6, message: 'Your code is too long'},\n                            minLength: {value: 6, message: 'Please enter the complete 6 digit code'},\n                        }}\n                        maxLength={6}\n                        render={ ({field: {onChange, value}, fieldState:{error} }) => (\n                            <TextField\n                                label=\"Verification Code\"\n                                inputRef={focusRef}\n                                type=\"tel\"\n                                value={value}\n                                onChange={onChange}\n                                variant=\"outlined\"\n                                error={!!error}\n                                helperText={error ? error.message : 'Enter your verification code'}\n                                className={classes.formField}\n                                inputProps={{maxLength: 6}}\n                                required\n                                fullWidth\n                            />\n                        )}\n                    />\n\n                    <Button\n                        type=\"submit\"\n                        variant=\"contained\"\n                        color=\"primary\"\n                        aria-label=\"SEND CODE\"\n                        disabled={!isValid || isSubmitting || verifyState.error === 'too_many_attempts' || verifyState.error === 'expired'}\n                    >\n                        {isSubmitting ? 'Sending...' : 'Next'}\n                    </Button>\n\n                    <div className=\"flex flex-col mt-8\">\n                        <Button color=\"primary\" aria-label=\"START OVER\" onClick={ () => {startOver()}}>\n                            Start Over\n                        </Button>\n                    </div>\n                </form>\n            </div>\n        </FuseAnimate>\n    )\n\n}\n\nconst AccountForm = ({state, dispatch}) => {\n    const classes = useStyles();\n    const {handleSubmit, control, formState:{isValid, isSubmitting}} = useForm({ mode: 'onChange' });\n    const [scoreState, setScoreState] = useState({pwCheck:{\n            score      : 0,\n            rating     : '',\n            warning    : '',\n            suggestions: [\n                'Use a few words, avoid common phrases',\n                'No need for symbols, digits, or uppercase letters',\n            ],\n        },\n    })\n\n    // Cache the password score so we can update it for password validation in the same render cycle\n    let pwScore = scoreState.pwCheck.score\n\n    // onSubmit is called by ReactHookForm when the form is submitted and valid.\n    // It returns a promise that is used by RHF to set the isSubmitting flag.\n    const onSubmit = (data) => {\n        return new Promise((resolve) => {\n            // Build API request data\n            const request = {\n                firstName:      data.firstName,\n                lastName:       data.lastName,\n                password:       data.password,\n                mobileNumber:   state.account.mobileNumber,\n                mobileVerifyId: state.account.verifyId,\n            }\n            SignupService.createAccount(request)\n                .then(() => {\n                    // Account has been created display success message\n                    dispatch({\n                        type:'update',\n                        payload:{\n                            account: {\n                                firstName: data.firstName,\n                                lastName: data.lastName,\n                                password: data.password,\n                            },\n                            signUp: {\n                                stage: 'success'\n                            }\n                        }\n                    })\n\n                })\n                .catch(error => {\n                    if (error.status === 409) {\n                        // Go to the recovery stage\n                        dispatch({\n                            type:'update',\n                            payload:{\n                                account: {\n                                    verifyCode: data.verifyCode,\n                                },\n                                signUp: {\n                                    stage: 'recovery'\n                                },\n                            }\n                        })\n                    } else {\n                        // Display an API error message\n                        dispatch({\n                            type:'update',\n                            payload: {\n                                signUp: {\n                                    stage: 'error',\n                                    apiError: error,\n                                },\n                            }\n                        })\n                    }\n                })\n                .finally(() => {\n                    resolve() // Resolve the promise so RHF knows we're done.\n                })\n\n        })\n\n    }\n\n    const handlePasswordChange = (event, check, onChange) => {\n        setScoreState({...scoreState, pwCheck: check})\n        pwScore = check.score\n        return onChange(event)\n    }\n\n    const isValidPassword = (value) => {\n        return pwScore > 2\n    }\n\n    return(\n        <FuseAnimate animation=\"transition.expandIn\" delay={200}>\n            <div id=\"personal-details\" className=\"my-4\">\n                <Typography variant=\"h6\" color=\"secondary\">Personal Details</Typography>\n                <form\n                    name=\"accountForm\"\n                    noValidate\n                    className=\"flex flex-col justify-center w-full mt-2\"\n                    onSubmit={handleSubmit(onSubmit)}\n                >\n\n                    <Controller\n                        name=\"firstName\"\n                        control={control}\n                        defaultValue=\"\"\n                        rules={{required: 'First name is required'}}\n                        render={ ({field: {onChange, value}, fieldState:{error} }) => (\n                            <TextField\n                                label=\"First Name\"\n                                variant=\"outlined\"\n                                value={value}\n                                onChange={onChange}\n                                error={!!error}\n                                helperText={error ? error.message : null}\n                                className={classes.formField}\n                                required\n                            />\n                        )}\n                    />\n\n                    <Controller\n                        name=\"lastName\"\n                        control={control}\n                        defaultValue=\"\"\n                        rules={{required: 'Last name is required'}}\n                        render={ ({field: {onChange, value}, fieldState:{error} }) => (\n                            <TextField\n                                label=\"Last Name\"\n                                variant=\"outlined\"\n                                value={value}\n                                onChange={onChange}\n                                error={!!error}\n                                helperText={error ? error.message : null}\n                                className={classes.formField}\n                                required\n                            />\n                        )}\n                    />\n\n                    <Suspense fallback={<Loading/>}>\n                        <Controller\n                            name=\"password\"\n                            control={control}\n                            defaultValue=\"\"\n                            rules={{\n                                required: 'A password is required',\n                                validate: (value) => isValidPassword(value) || 'A strong password is required'\n                            }}\n                            render={ ({field: {onChange, value}, fieldState:{error} }) => (\n                                <>\n                                <NewPasswordField\n                                    label=\"Password\"\n                                    error={!!error}\n                                    helperText={error ? error.message : 'Password Strength'}\n                                    password={value}\n                                    onChange={(event, check) => handlePasswordChange(event, check, onChange)}\n                                    exclusions={['prisonconnect','telephoneer','phonethru']} // exclude from passwords\n                                />\n                                <PasswordStrengthMeter check={scoreState.pwCheck} variant=\"full\"/>\n                                </>\n                            )}\n                        />\n                    </Suspense>\n\n                    <div className=\"mt-2\">\n                        <Button\n                            type=\"submit\"\n                            variant=\"contained\"\n                            color=\"primary\"\n                            aria-label=\"NEXT\"\n                            className=\"w-full\"\n                            disabled={!isValid || isSubmitting}\n                        >\n                            {isSubmitting ? 'Creating account...' : 'Create my Account'}\n                        </Button>\n                    </div>\n\n                </form>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst SuccessPanel = ({state, history}) => {\n    // authState from AuthContext for login functionality\n    const auth = useContext(AuthContext)\n\n    const handleClick = (redirect) => {\n        // Login and redirect to the add-service page if we clicked the add service button\n        const login = mobileLogin(state.account.mobileNumber);\n        auth.login(login, state.account.password, true)\n            .then(() => {\n                // We've logged in\n                if (redirect !== '') {\n                    // Navigate to the url\n                    history.push(redirect);\n                }\n\n            })\n            .catch(error => {\n                // Set the error message.\n                //console.warn('login failed. error:', error)\n            })\n    }\n\n    return (\n        <div className=\"flex flex-col items-center w-full\">\n            <FuseAnimate animation=\"callout.bounce\" delay={400}>\n                <div className=\"h-16 my-6\">\n                    <CheckCircleOutline style={{fontSize: 64, color: 'green'}} />\n                </div>\n            </FuseAnimate>\n            <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n                <Typography variant=\"body1\" align=\"left\" paragraph>\n                    Your account has been created. You can add a landline number to your account now or just take a look around and add a number later.\n                </Typography>\n            </FuseAnimate>\n            <div className=\"mt-4 w-full\">\n                <Button\n                    variant=\"contained\"\n                    color=\"primary\"\n                    aria-label=\"NEXT\"\n                    className=\"w-full\"\n                    onClick={() => handleClick('/add-service')}\n                >\n                    ADD A LANDLINE NUMBER\n                </Button>\n            </div>\n            <div className=\"mt-4 w-full\">\n                <Button\n                    color=\"primary\"\n                    aria-label=\"NEXT\"\n                    className=\"w-full\"\n                    onClick={() => handleClick('')}\n                >\n                    Take a look around\n                </Button>\n            </div>\n        </div>\n    )\n}\n\nconst RecoveryPanel = ({state}) => {\n\n    return (\n        <div className=\"flex flex-col items-center w-full\">\n            <FuseAnimate animation=\"callout.bounce\" delay={400}>\n                <div className=\"h-16 my-6\">\n                    <CheckCircleOutline style={{fontSize: 64, color: 'green'}} />\n                </div>\n            </FuseAnimate>\n            <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n                <Typography paragraph>\n                    We found an existing account for <span className=\"whitespace-nowrap\"><strong>{ausPhone(state.account.mobileNumber)}</strong></span>.\n                    <br/><br/>\n                    If you can't remember your password you can log in using a one-time password (OTP) sent to your mobile.\n                </Typography>\n            </FuseAnimate>\n            <div className=\"mt-4 w-full\">\n                <Button variant=\"contained\" color=\"primary\" aria-label=\"NEXT\" className=\"w-full\" component={Link} to=\"/login\">\n                    GO TO LOGIN\n                </Button>\n            </div>\n        </div>\n    )\n}\n\n\nexport default SignUpPage;","// purchases accepts an array of invoices and returns an array of purchases\nconst purchases = (invoices) => {\n    invoices = invoices || []\n    return  invoices.map(inv => {\n        //console.log('invoice:', inv);\n        let status = inv.status;\n        if (inv.amount === inv.amountRefunded) {\n            status = \"refund\"\n        } else if (inv.amountRefunded > 0){\n            status = \"part-refund\"\n        }\n\n        return {\n            id: inv.id,\n            accountId: inv.account.id,\n            amount: inv.amount,\n            amountRefunded: inv.amountRefunded,\n            date: inv.date,\n            description: inv.description,\n            receiptUrl: inv.receiptUrl,\n            reference: inv.reference,\n            skuId: inv.skuId,\n            status: status,\n        }\n    })\n}\n\nexport default purchases;","import React, {useState, useEffect} from \"react\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport {\n    HeaderToolbar,\n    Loading,\n    ErrorScreen,\n    UserProfile,\n    ServicesCard,\n    RecentCalls,\n    RecentPurchases,\n    BalanceCard,\n    AccountBanner,\n    EndpointCard\n} from \"../../components\";\nimport { useStore }from \"../../store\";\nimport {useAuthUser} from \"../../components/auth-provider\";\nimport {AccountService, CallsService, EndpointService, InvoiceService} from '../../services'\nimport {setAccount, setEndpoint} from \"../../store/actions\";\nimport purchases from \"../../utils/purchases\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        height : '100%',\n        width  : '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        flexGrow: 1,\n        paddingTop: theme.spacing(2),\n        // [theme.breakpoints.up('sm')]: {\n        //     marginRight: drawerWidth,\n        // },\n    },\n}));\n\nconst HomePage = (props) => {\n    const classes = useStyles();\n    const [state, setState] = useState({\n        isPending : true,\n        isError   : false,\n        isSuccess : false,\n        error     : {},\n        calls     : [],\n        purchases : [],\n        showBalance : true,\n    });\n    const {user} = useAuthUser();           // Get the logged in user\n    const [store, dispatch] = useStore();   // Get the global store\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    // Get the user's account data on mount\n    useEffect(() => {\n        let unloaded = false;   // Set a flag in case we're unloaded before the API call returns\n\n        Promise.all([\n            AccountService.get(user.accountId),\n            CallsService.getForAccount(user.accountId, 0, 5),\n            InvoiceService.search(user.accountId, 0, 5),\n            EndpointService.getForAccount(user.accountId)\n        ]).then((results) => {\n            // results contains [account, callsResult, invoiceResult, endpointResult]\n            if (!unloaded) {\n                const account = results[0];\n                const endpoint = results[3];\n\n                // account.status = -1;\n                // account.closed = '2020-07-07T00:00:00Z'\n                // account.type=''\n                // account.trialExpiry = '2020-07-06T00:00:00Z'\n                // account.services[0].active = 0;\n                // account.balance = -2500;\n\n                // Only display the balance card for an open, prepaid account\n                // const showBalance = (account.type === 'pre-paid' && (account.status === 1 ||\n                //     (account.status === 0 && typeof(account.closed) !== 'undefined') ))\n                const showBalance = (account.type === 'pre-paid' && account.balance < 0)\n\n                // Set the local state\n                setState({\n                    isPending: false,\n                    isError:false,\n                    isSuccess: true,\n                    error: {},\n                    calls: results[1].calls,\n                    purchases: purchases(results[2].invoices),\n                    showBalance: showBalance,\n                })\n\n                // Set the global state\n                dispatch(setAccount(account))\n                dispatch(setEndpoint(endpoint))\n            }\n        })\n            .catch((error) => {\n                //console.log('HomePage: error:', error);\n                if (!unloaded) {\n                    setState({\n                        isPending: false,\n                        isError: true,\n                        isSuccess: false,\n                        error,\n                        calls: null,\n                        invoices: null,\n                        showBalance: false,\n                    })\n                }\n            })\n\n        // If you return a function from a useEffect hook, React runs it to clean up.\n        return () => { unloaded = true }\n\n    }, [user.accountId, dispatch])\n\n\n    return (\n        <div className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location={props.location.pathname}/>\n            </AppBar>\n\n            { state.isPending && <Loading/> }\n\n            { state.isError && <ErrorScreen error={state.error}/> }\n\n            { state.isSuccess &&\n            <React.Fragment>\n\n                {/*<Hidden xsDown>*/}\n                {/*    <TableOfContents links={tocLinks} containerId=\"psb\" />*/}\n                {/*</Hidden>*/}\n\n                <main className={classes.content}>\n                    <Toolbar />\n\n                    <div className=\"flex flex-grow flex-col\">\n\n                        <div className=\"mb-2\">\n                            <UserProfile user={store.user}\n                                         variant=\"home\"\n                                         animation=\"transition.expandIn\"\n                                         delay={200}\n                            />\n                        </div>\n\n                        {/* Display applicable account banners */}\n                        <AccountBanner account={store.account} variant=\"suspended\" animation=\"transition.expandIn\" delay={250}/>\n                        <AccountBanner account={store.account} variant=\"reactivate\" animation=\"transition.expandIn\" delay={250} />\n                        {/*<AccountBanner account={store.account} variant=\"pendingClosed\" animation=\"transition.expandIn\" delay={250} />*/}\n                        {/*<AccountBanner account={store.account} variant=\"upgrade\" animation=\"transition.expandIn\" delay={250} />*/}\n\n                        { state.showBalance ?\n                            <div className=\"my-2\">\n                                <BalanceCard account={store.account}\n                                             animation=\"transition.expandIn\"\n                                             delay={300}\n                                />\n                            </div>\n                            :\n                            null\n                        }\n\n                        <div className=\"my-2\">\n                            <ServicesCard account={store.account}\n                                          animation=\"transition.expandIn\"\n                                          delay={400}\n                            />\n                        </div>\n\n                        {store.endpoint.id ?\n                            <div className=\"my-2\">\n                                <EndpointCard endpoint={store.endpoint}\n                                              animation=\"transition.expandIn\"\n                                              delay={400}\n                                />\n                            </div>\n                            :\n                            null\n                        }\n\n                        <div className=\"my-2\">\n                            <RecentCalls\n                                calls={state.calls}\n                                animation=\"transition.expandIn\"\n                                delay={500}\n                            />\n                        </div>\n\n                        <div className=\"my-2\">\n                            <RecentPurchases\n                                purchases={state.purchases}\n                                animation=\"transition.expandIn\"\n                                delay={600}\n                            />\n                        </div>\n                    </div>\n\n                </main>\n            </React.Fragment>\n            }\n        </div>\n    );\n}\n\nexport default HomePage;","import moment from \"moment\";\n\n/**\n * callCredits accepts a DID service\n *\n * @param service\n * @returns {{minutes: number, daysLeft: number}}\n */\nconst callCredits = (service) => {\n    if (typeof(service) === 'undefined') {\n        return {minutes: 0, daysLeft: 0}\n    }\n\n    const minutes = service.callCredits || 0;\n\n    // Calculate the number of days to expiry\n    const e = moment(service.callCreditsExpiry);   // expected that it will be in the future\n    const today = moment().startOf('day');\n    let days = Math.round(moment.duration(e - today).asDays())\n    if (days < 0) {\n        days = 0\n    }\n    // If we're out call credits, we have no days left\n    const daysLeft = minutes > 0 ? days : 0;\n\n    return { minutes, daysLeft }\n}\n\nexport default callCredits;","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useSnackbar } from 'notistack';\nimport Collapse from '@material-ui/core/Collapse';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ErrorIcon from '@material-ui/icons/Error';\nimport red from \"@material-ui/core/colors/red\";\n\nconst useStyles = makeStyles(theme => ({\n    card: {\n        display: 'flex',\n        flexDirection: 'column',\n        flexWrap: 'wrap',\n        flexGrow: 1,\n        backgroundColor: red[500],\n        color: 'white',\n        [theme.breakpoints.up('sm')]: {\n            flexGrow: 'initial',\n            minWidth: 344,\n        },\n    },\n    typography: {\n        fontWeight: 'bold',\n        display: \"flex\",\n        flexGrow: 1,\n    },\n    actionRoot: {\n        padding: '8px 8px 8px 16px',\n    },\n    icons: {\n        marginLeft: 'auto',\n        flexShrink: 0,\n        color: 'white',\n    },\n    expand: {\n        padding: '8px 8px',\n        transform: 'rotate(0deg)',\n        transition: theme.transitions.create('transform', {\n            duration: theme.transitions.duration.shortest,\n        }),\n    },\n    expandOpen: {\n        transform: 'rotate(180deg)',\n    },\n    collapse: {\n        padding: 16,\n    },\n    checkIcon: {\n        fontSize: 20,\n        color: '#b3b3b3',\n        paddingRight: 4,\n    },\n    button: {\n        padding: 0,\n        textTransform: 'none',\n    },\n}));\n\nconst SnackApiError = React.forwardRef((props, ref) => {\n    const classes = useStyles();\n    const { closeSnackbar } = useSnackbar();\n    const [expanded, setExpanded] = useState(false);\n\n    const handleExpandClick = () => {\n        setExpanded(!expanded);\n    };\n\n    const handleDismiss = () => {\n        closeSnackbar(props.id);\n    };\n\n    return (\n        <Card className={classes.card} ref={ref}>\n            <CardActions classes={{ root: classes.actionRoot }}>\n                <ErrorIcon />\n                <Typography variant=\"subtitle2\" className={classes.typography}>{props.message}</Typography>\n                <div className={classes.icons}>\n                    <IconButton\n                        color=\"inherit\"\n                        aria-label=\"Show more\"\n                        className={clsx(classes.expand, { [classes.expandOpen]: expanded })}\n                        onClick={handleExpandClick}\n                    >\n                        <ExpandMoreIcon />\n                    </IconButton>\n                    <IconButton className={classes.expand} onClick={handleDismiss} color=\"inherit\" aria-label=\"Close\">\n                        <CloseIcon />\n                    </IconButton>\n                </div>\n            </CardActions>\n            <Collapse in={expanded} timeout=\"auto\" unmountOnExit>\n                <Paper className={classes.collapse}>\n                    <Typography>The server reported an error:</Typography>\n                    <Typography gutterBottom >{props.error.status} / {props.error.statusText}</Typography>\n                </Paper>\n            </Collapse>\n        </Card>\n    );\n});\n\nSnackApiError.propTypes = {\n    id: PropTypes.number.isRequired,\n};\n\nexport default SnackApiError;","import React from \"react\";\nimport SnackApiError from \"../components/snackbar/api-error\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport IconClose from \"@material-ui/icons/Close\"\n\n\nexport const success = (message, enqueueSnackbar, closeSnackbar) => {\n    enqueueSnackbar(message, {\n        variant: 'success',\n        autoHideDuration: 3000,\n        action: (key) => (\n            <IconButton onClick={() => { closeSnackbar(key) }}>\n                <IconClose style={{color: 'white'}}/>\n            </IconButton>\n        ),\n    })\n}\n\nexport const apiError = (message, error, enqueueSnackbar) => {\n    enqueueSnackbar(message, {\n        autoHideDuration: 15000,\n        content: (key, message) => (\n            <SnackApiError id={key} message={message} error={error}/>\n        )\n    })\n}\n","import moment from \"moment\";\nimport ausPhone from \"./aus-phone\";\n\n\nfunction resolveAction(account, service, handlerAction) {\n\n    // Check parameters to prevent run-time errors\n    account = account || {};\n    service = service || {};\n    // If we don't have an handler action object use the service's action\n    if (typeof(handlerAction) === 'undefined') {\n        handlerAction = service.action || {};\n    }\n\n    // Set up our action type data sources\n    let contacts    = account.contacts    || [];\n    let dialActions = account.dialActions || [];\n    let greetings   = account.greetings   || [];\n    let voicemails  = account.voicemails  || [];\n    let schedules   = service.schedules   || [];\n    let voiceMenus  = service.voiceMenus  || [];\n\n    //console.log('account', account);\n    //console.log('service', service);\n\n    let type = handlerAction.type;\n    let id   = handlerAction.id;\n    let action;\n    let detail = {name: '', text: '', longText: ''};\n\n    if (type === 'schedule') {\n        // Special case for 'schedule' type because we need the actual action dictated by the schedule\n        let schedule = findAction([schedules], id);\n\n        action = findAction([dialActions, voicemails, greetings, voiceMenus], currentAction(schedule).id);\n        if (action === null) {\n            action = {type: 'reject'};\n        }\n\n    } else {\n        if (type === 'reject') {\n            action = {id: null, name:\"Reject All Calls\"};\n        } else {\n            action = findAction([dialActions, voicemails, greetings, voiceMenus], id);\n        }\n    }\n\n    // Build an object with the number dialed, plus a description eg.\n    // { longText: 'Calls are forwarded to xx,x...', name: 'Dial Chanel', text: '0412 236 548' }\n    // { longText: 'Calls will be sent to After Hours Voicemail', name: 'After Hours Voicemail', text: 'After Hours Voicemail' }\n    // { longText: 'Calls will be sent to Voice Menu', name: 'Voice Menu', text: 'Voice Menu' }\n    // { longText: 'Callers hear Office Closed', name: 'Office Closed', text: 'office-closed-monday.mp3' }\n    //console.log('detail=',detail);\n    detail.name = action.name;\n\n    switch (action.type || 'reject') {\n        case 'dial':\n            detail.text     = dialActionNumbers(action);\n            detail.longText = 'Calls are forwarded to ' + action.name;\n            break;\n\n        case 'voicemail':\n        case 'ivr':\n            detail.text     = action.name;\n            detail.longText = 'Calls will be sent to ' + action.name;\n            break;\n\n        case 'say':\n            detail.text     = action.name;\n            detail.longText = 'Callers hear ' + action.name;\n            break;\n\n        case 'play':\n            detail.text     = action.file.name;\n            detail.longText = 'Callers hear ' + action.name;\n            break;\n\n        case 'reject':\n            detail.text     = 'rejected';\n            detail.longText = 'Calls are rejected immediately';\n            break;\n\n        default:\n            detail.text     = '';\n            detail.longText = '';\n    }\n\n    return detail;\n\n\n    /***\n     * findAction returns the action with the passed ID from the\n     * passed array of action arrays.\n     *\n     * @param actions\n     * @param id\n     * @returns {*}\n     */\n    function findAction(actions, id) {\n        for (let i=0; i < actions.length; i++) {\n            for (let j=0; j < actions[i].length; j++) {\n                if (actions[i][j].id === id) {\n                    return actions[i][j];\n                }\n            }\n        }\n        return null;\n    }\n\n    function currentAction(schedule) {\n        //console.log('currentAction', schedule);\n        let now = moment();                                 // moment from current date/time\n        let idx = now.day() - 1;                            // day is 0-6  => Sunday - Monday\n        if (idx === -1) {\n            idx = 6\n        }                          // Sunday is at index 6\n        let minutes = now.hours() * 60 + now.minutes();       // current time in minutes\n        if (minutes >= schedule.schedule[idx].start &&\n            minutes < schedule.schedule[idx].finish && schedule.schedule[idx].checked) {\n            return schedule.action;                         // return the work hours action\n        } else {\n            return schedule.ahAction;                       // return the after hours action\n        }\n    }\n\n    function dialActionNumbers(dialAction) {\n        let numbers = [];\n        for (let i=0; i < dialAction.contacts.length; i++) {\n            for (let j=0; j < contacts.length; j++) {\n                if (dialAction.contacts[i] === contacts[j].id) {\n                    // If the contact's number is a SIP address, use the contact name\n                    if (contacts[j].number.startsWith('sip')) {\n                        numbers.push( contacts[j].name )\n                    } else {\n                        numbers.push( ausPhone(contacts[j].number) );\n                    }\n                    break;\n                }\n            }\n        }\n        let sep = ', ';\n        if (dialAction.dialType === 'simulring') {\n            sep = ' + ';\n        }\n        return numbers.join(sep);\n    }\n}\n\nexport default resolveAction;","import React, {useEffect, useState} from \"react\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {ErrorScreen, HeaderToolbar, Loading} from \"../../components\";\nimport {makeStyles, withStyles} from \"@material-ui/core/styles\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport {useStore} from \"../../store\";\nimport {fetchAccount, invalidateAccount, setServices} from \"../../store/actions\";\nimport {useAuthUser} from \"../../components/auth-provider\";\nimport FuseAnimate from \"../../components/fuse-animate/fuse-animate\";\nimport Card from \"@material-ui/core/Card\";\nimport ausPhone from \"../../utils/aus-phone\";\nimport Button from \"@material-ui/core/Button\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport callCredits from \"../../utils/call-credits\";\nimport TextField from \"@material-ui/core/TextField\";\nimport EditOutlinedIcon from '@material-ui/icons/EditOutlined';\nimport CheckIcon from '@material-ui/icons/Check';\nimport CloseIcon from '@material-ui/icons/Close';\nimport LabelOutlinedIcon from '@material-ui/icons/LabelOutlined';\nimport TimerOutlinedIcon from '@material-ui/icons/TimerOutlined';\nimport PhoneForwardedOutlinedIcon from '@material-ui/icons/PhoneForwardedOutlined';\nimport HourglassEmptyOutlinedIcon from '@material-ui/icons/HourglassEmptyOutlined';\nimport ReportProblemOutlinedIcon from '@material-ui/icons/ReportProblemOutlined';\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport MuiAccordionSummary from \"@material-ui/core/AccordionSummary\";\nimport MuiAccordionDetails from \"@material-ui/core/AccordionDetails\";\nimport MuiAccordion from \"@material-ui/core/Accordion\";\nimport {Link} from \"react-router-dom\";\nimport {AccountService} from '../../services'\nimport {apiError} from \"../../utils/toast\";\nimport {useSnackbar} from \"notistack\";\nimport {FormControl, RadioGroup} from \"@material-ui/core\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport Radio from \"@material-ui/core/Radio\";\nimport resolveAction from \"../../utils/resolve-action\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        minHeight: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column',\n        flexGrow: 1,\n        marginTop: 16,\n        justifyContent: \"center\",\n    },\n    card: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: 24,\n        width: '100%',\n        maxWidth: 340,\n        [theme.breakpoints.up('sm')]: {\n            maxWidth: 360,\n        },\n    },\n    green: {\n        color: 'green',\n    },\n    red: {\n        color: 'red',\n    }\n    }));\n\nconst Accordion = withStyles({\n    root: {\n        // border: '1px solid rgba(0, 0, 0, .125)',\n        boxShadow: 'none',\n        '&:not(:last-child)': {\n            borderBottom: 0,\n        },\n        '&:before': {\n            display: 'none',\n        },\n        '&$expanded': {\n            margin: 'auto',\n        },\n    },\n    expanded: {},\n})(MuiAccordion)\n\nconst AccordionSummary = withStyles({\n    root: {\n        // backgroundColor: 'rgba(0, 0, 0, .03)',\n        // borderBottom: '1px solid rgba(0, 0, 0, .125)',\n        marginBottom: -1,\n        minHeight: 56,\n        '&$expanded': {\n            minHeight: 56,\n        },\n        padding: 0,\n    },\n    content: {\n        '&$expanded': {\n            margin: '12px 0',\n        },\n    },\n    expanded: {},\n})(MuiAccordionSummary);\n\nconst AccordionDetails = withStyles((theme) => ({\n    root: {\n        // backgroundColor: 'rgba(0, 0, 0, .03)',\n        // padding: theme.spacing(2),\n        padding: 0,\n    },\n}))(MuiAccordionDetails);\n\nconst ServicePage = ({match}) => {\n    // console.log('Service props', props);\n    const serviceId = match.params.id;\n    const classes = useStyles();\n    const {user} = useAuthUser();           // Get logged in user\n    const [store, dispatch] = useStore();   // Get the global store\n    const [state, setState] = useState({\n        service: { action:{ id:'', type: ''}, meta:{}},\n        nickname: '',\n        isForwarding: true,\n        isEditing: false,\n        isFetching: false\n    })\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    // Make sure the account is available in the store\n    useEffect(()=> {\n        dispatch(fetchAccount(user.accountId, store, dispatch))\n    }, [user.accountId, store, dispatch])\n\n    useEffect(() => {\n        const services = store.account.services.filter(s => s.id.toString() === serviceId)\n        if (services.length === 1) {\n            setState(state => ({\n                ...state,\n                service: services[0],\n                isForwarding: services[0].action.type !== 'reject',\n            }));\n        }\n    },[store.account, serviceId])\n\n    const {minutes, daysLeft} = callCredits(state.service)\n\n    return (\n        <div id=\"service-page\" className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location=\"service\"/>\n            </AppBar>\n            <Toolbar />\n\n            <main className={classes.content}>\n                { store.account.isFetching ? <Loading/> : null }\n                { store.account.error && <ErrorScreen error={store.account.error}/> }\n                { store.account.error === null && !store.account.isFetching ?\n                    <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n                        <div id=\"personal-details\" className=\"flex flex-grow flex-col items-center\">\n                            <Card className={classes.card}>\n                                <Typography variant=\"h4\" color=\"secondary\">{ausPhone(state.service.number)}</Typography>\n                                <div className=\"text-lg pb-6\">{state.service.meta.zone}</div>\n\n                                <div className=\"text-lg flex flex-grow flex-row items-center pb-1\">\n                                    <TimerOutlinedIcon color=\"secondary\" className=\"mr-2\" />\n                                    <div className=\"flex-grow\">Call Minutes</div>\n                                    <div><strong>{minutes}</strong> <span className=\"\" >min left</span></div>\n                                </div>\n                                { minutes > 0 ?\n                                    <div className=\"text-lg flex flex-grow flex-row items-center pb-1\">\n                                        <HourglassEmptyOutlinedIcon color=\"secondary\" className=\"mr-2\"/>\n                                        <div className=\"flex-grow\">Expiry</div>\n                                        <div><strong>{daysLeft}</strong> <span className=\"\">{daysLeft === 1 ? 'day':'days'} left</span></div>\n                                    </div>\n                                    : null\n                                }\n                                { minutes <= 0 ?\n                                    <div className=\"flex flex-row my-2\">\n                                        <ReportProblemOutlinedIcon className=\"text-red-500 mr-2\"/>\n                                        <div className=\"text-gray-600\">You have no call minutes remaining so you're not\n                                            able to receive calls.</div>\n                                    </div>\n                                    : null\n                                }\n                                { daysLeft < 7 && minutes > 0 ?\n                                    <div className=\"flex flex-row my-2\">\n                                        <ReportProblemOutlinedIcon className=\"text-red-500 mr-2\"/>\n                                        <div className=\"text-gray-600\">\n                                            { daysLeft === 0 ?\n                                                <>Your call minutes expire today. Recharge immediately to roll over\n                                                    your {minutes} remaining minutes.</>\n                                                :\n                                                <>You have only {daysLeft} { daysLeft === 1 ? 'day' : 'days'} before\n                                                    your call minutes expire. Recharge now to roll over\n                                                    your {minutes} remaining {minutes === 1 ? 'minute':'minutes'}.</>\n                                            }\n                                        </div>\n                                    </div>\n                                    : null\n                                }\n                                <div className=\"mb-6 mt-4 flex-grow\">\n                                    <Button\n                                        component={Link} to={`/recharge/${serviceId}`}\n                                        variant=\"outlined\"\n                                        color=\"secondary\"\n                                        className=\"w-full\"\n                                    >\n                                        RECHARGE\n                                    </Button>\n                                </div>\n\n                                {/*<ForwardingSwitch*/}\n                                {/*    serviceId={serviceId}*/}\n                                {/*    state={state}*/}\n                                {/*    setState={setState}*/}\n                                {/*    disabled={store.account.dialActions.length !== 1}*/}\n                                {/*    store={store}*/}\n                                {/*    dispatch={dispatch}*/}\n                                {/*/>*/}\n\n                                <ForwardingList\n                                    serviceId={serviceId}\n                                    state={state}\n                                    setState={setState}\n                                    store={store}\n                                    dispatch={dispatch}\n                                />\n\n                                <NicknameField\n                                    serviceId={serviceId}\n                                    state={state}\n                                    setState={setState}\n                                    store={store}\n                                    dispatch={dispatch}\n                                />\n\n                                <div className=\"mb-4 mt-4 flex-grow\">\n                                    <Button\n                                        component={Link} to={`/transfer/${serviceId}`}\n                                        variant=\"outlined\"\n                                        color=\"secondary\"\n                                        className=\"w-full\"\n                                    >\n                                        TRANSFER NUMBER\n                                    </Button>\n                                </div>\n\n                                <AboutAccordion daysLeft={daysLeft}/>\n\n                            </Card>\n                        </div>\n                    </FuseAnimate>\n                : null\n                }\n            </main>\n        </div>\n\n    );\n}\n\n/*\nconst ForwardingSwitch = ({serviceId, state, setState, disabled, store, dispatch}) => {\n    const {enqueueSnackbar} = useSnackbar();\n\n    const handleSwitchChange = (e) => {\n        //console.log('handleSwitchChange', e.target.checked)\n\n        let action = {id: null, type: 'reject'}\n        if (e.target.checked) {\n            action = {id: store.account.dialActions[0].id, type: 'dial'}\n        }\n\n        // Save the new name to the server\n        AccountService.setServiceAction(store.account.id, serviceId, action)\n            .then(() => {\n                // Update our page state\n                if (action.type === 'reject')\n                setState({\n                    ...state,\n                    service: {...state.service, action},\n                    isForwarding: action.type === 'reject',\n                    isFetching:false,\n                })\n                // Fetch the account services and update our global store.\n                fetchServices(store.account.id, dispatch)\n            })\n            .catch((error) => {\n                // update our state\n                setState({...state, isFetching:false})\n                // display a snackbar message\n                apiError(\"Your change could not be saved.\", error, enqueueSnackbar)\n            })\n\n        setState({...state, isForwarding: e.target.checked})\n    }\n\n\n    return (\n        <>\n            <div className=\"text-lg flex flex-grow flex-row items-center\">\n                <PhoneForwardedOutlinedIcon color=\"secondary\" className=\"mr-2\"/>\n                <div className=\"flex-grow\"> Call Forwarding</div>\n                <div>{state.isForwarding ? \"ON\" : \"OFF\"}</div>\n                <div>\n                    <Switch checked={state.isForwarding}\n                            onChange={handleSwitchChange}\n                            disabled={state.isFetching || disabled}\n                    />\n                </div>\n            </div>\n            <div className=\"mb-6 text-gray-500 pl-8\">\n                { state.isForwarding ?\n                    <>Incoming calls go to your mobile</>\n                    :\n                    <>Incoming calls are rejected</>\n                }\n            </div>\n        </>\n    )\n\n}\n*/\n\nconst ForwardingList = ({serviceId, state, setState, store, dispatch}) => {\n    const {enqueueSnackbar} = useSnackbar();\n\n    console.log('state.isForwarding=', state.isForwarding)\n\n    console.log('state.service=', state.service);\n    // const dialActionId = state.service.action.id || \"\";\n    // console.log('dialActionId=', dialActionId);\n\n    const dialActions = store.account.dialActions || [];\n\n    const handleSelection = (e) => {\n        console.log('handleSelection', e.target.value)\n        let action = {id: null, type: 'reject'}\n        if (e.target.value !== '') {\n            action = {id: e.target.value, type: 'dial'}\n        }\n        console.log('action:', action);\n\n        // Save the new action to the server\n        AccountService.setServiceAction(store.account.id, serviceId, action)\n            .then(() => {\n                // Update our page state\n                if (action.type === 'reject')\n                    setState({\n                        ...state,\n                        service: {...state.service, action},\n                        isForwarding: action.type === 'reject',\n                        isFetching:false,\n                    })\n                // Fetch the account services and update our global store.\n                fetchServices(store.account.id, dispatch)\n            })\n            .catch((error) => {\n                // update our state\n                setState({...state, isFetching:false})\n                // display a snackbar message\n                apiError(\"Your change could not be saved.\", error, enqueueSnackbar)\n            })\n\n        setState({...state, isForwarding: e.target.value !== ''})\n    }\n\n    return (\n        <>\n            <div className=\"text-lg flex flex-grow flex-row items-center\">\n                <PhoneForwardedOutlinedIcon color=\"secondary\" className=\"mr-2\"/>\n                <div className=\"flex-grow\"> Call Forwarding</div>\n                {/*<div>{state.isForwarding ? \"ON\" : \"OFF\"}</div>*/}\n                {/*<div>*/}\n                {/*    <Switch checked={state.isForwarding}*/}\n                {/*            onChange={handleSwitchChange}*/}\n                {/*            disabled={state.isFetching || disabled}*/}\n                {/*    />*/}\n                {/*</div>*/}\n            </div>\n            <div className=\"my-2 text-gray-500 pl-8\">Incoming calls will go to:</div>\n            <div className=\"mb-6 pl-8\">\n                <FormControl>\n                    <RadioGroup\n                        name=\"forwardingRadioGroup\"\n                        value={state.service.action.id}\n                        onChange={ e => handleSelection(e) }\n                    >\n                        { dialActions.map((dialAction, index) => (\n                            <FormControlLabel\n                                value={dialAction.id}\n                                control={<Radio />}\n                                label={resolveAction(store.account, state.service, dialAction).text}\n                                key={dialAction.id}\n                            />\n                        ))}\n                        <FormControlLabel value={null} control={<Radio />} label=\"Reject all calls\"/>\n                    </RadioGroup>\n                </FormControl>\n            </div>\n        </>\n    )\n\n}\n\nconst NicknameField = ({serviceId, state, setState, store, dispatch}) => {\n    const classes = useStyles();\n    const {enqueueSnackbar} = useSnackbar();\n\n    const handleNicknameEdit = (e) => {\n        setState({...state, isEditing: true})\n    }\n\n    const handleCancelEdit = (e) => {\n        setState({...state, isEditing: false})\n    }\n\n    const handleSaveEdit = (e) => {\n        //console.log('handleSaveEdit', e)\n\n        // Let the UI know we're busy\n        setState({...state, isFetching: true})\n\n        // Save the new name to the server\n        AccountService.patchService(store.account.id, serviceId, {name: state.nickname})\n            .then(() => {\n                // Update our page state\n                setState({...state, service: {...state.service, name:state.nickname}, isFetching:false, isEditing: false})\n                // Invalidate the account so it's reloaded next time\n                fetchServices(store.account.id, dispatch)\n            })\n            .catch((error) => {\n                // update our state\n                setState({...state, isFetching:false})\n                // display a snackbar message\n                apiError(\"Your change could not be saved.\", error, enqueueSnackbar)\n            })\n    }\n\n    const handleNicknameChange = (e) => {\n        setState({...state, nickname: e.target.value})\n    }\n\n    return (\n        <>\n        <div className=\"text-lg flex flex-row items-center\">\n            <LabelOutlinedIcon color=\"secondary\" className=\"mr-2\"/>\n            { state.isEditing ?\n                <>\n                    <div className=\"flex-grow\">\n                        <TextField autoFocus placeholder=\"Nickname\"\n                                   onChange={handleNicknameChange}\n                                   value={state.nickname}\n                        />\n                    </div>\n                    <IconButton\n                        size=\"small\"\n                        onClick={handleSaveEdit}\n                        disabled={state.isFetching || state.nickname === ''}\n                        classes={{ root: classes.green }}\n                    >\n                        <CheckIcon  className=\"\" />\n                    </IconButton>\n                    <IconButton\n                        size=\"small\"\n                        onClick={handleCancelEdit}\n                    >\n                        <CloseIcon className=\"text-red-500\"/>\n                    </IconButton>\n                </>\n                :\n                <>\n                    <div className=\"flex-grow\">{state.service.name}</div>\n                    <IconButton\n                        size=\"small\"\n                        onClick={handleNicknameEdit}\n                        disabled={state.isFetching}\n                        classes={{ root: classes.red }}\n                    >\n                        <EditOutlinedIcon color=\"secondary\"/>\n                    </IconButton>\n                </>\n            }\n        </div>\n        <div className=\"text-gray-600 pl-8 mb-2\">A nickname for this number</div>\n    </>\n    )\n\n}\n\nconst AboutAccordion = ({daysLeft}) => {\n\n    return (\n        <Accordion>\n            <AccordionSummary expandIcon={<ExpandMoreIcon/>}>\n                <div>About this service</div>\n            </AccordionSummary>\n            <AccordionDetails>\n                <div className=\"flex flex-col font-light\">\n                    <ul className=\"list-disc mx-4 ml-4\">\n                        <li className=\"pb-3\">\n                            { daysLeft > 0 ?\n                                <>Unused call minutes will expire in <strong>{daysLeft}&nbsp;{daysLeft === 1 ? 'day':'days'}\n                                </strong> unless you recharge before.</>\n                                :\n                                <>Unused call minutes are lost if they expire. Recharge before\n                                    expiry to roll-over your unused minutes.</>\n                            }\n                        </li>\n                        <li className=\"pb-3\">If you use all your call minutes you need to\n                            recharge to keep receiving calls.\n                        </li>\n                        <li className=\"pb-3\">Landline numbers and call minutes are not refundable.\n                        </li>\n                        <li className=\"pb-3\">\n                            The landline number will be removed from your account\n                            if you have zero call minutes for 14 days or more.<br/>After that,\n                            you may be able to recover the number but a new setup fee will apply.\n                        </li>\n                    </ul>\n                </div>\n\n            </AccordionDetails>\n        </Accordion>\n    )\n}\n\nconst fetchServices = (accountId, dispatch) => {\n\n    //console.log('fetchServices for ', accountId);\n    AccountService.getServices(accountId)\n        .then(services => {\n            dispatch(setServices(services))\n        })\n        .catch(error => {\n            //console.log('fetchServices error: error')\n            dispatch(invalidateAccount())\n        })\n}\n\nexport default ServicePage;\n\n\n\n\n\n\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgVisaLogo(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    id: \"Layer_1\",\n    x: \"0px\",\n    y: \"0px\",\n    width: 1000.046,\n    height: 323.65302,\n    viewBox: \"0 0 1000.046 323.653\",\n    enableBackground: \"new 0 0 258.381 161.154\",\n    xmlSpace: \"preserve\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"g\", {\n    id: \"g4158\",\n    transform: \"matrix(4.4299631,0,0,4.4299631,-81.165783,-105.04783)\"\n  }, /*#__PURE__*/React.createElement(\"polygon\", {\n    points: \"116.145,95.719 97.858,95.719 109.296,24.995 127.582,24.995 \",\n    id: \"polygon9\",\n    style: {\n      fill: \"#00579f\"\n    }\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"m 182.437,26.724 c -3.607,-1.431 -9.328,-3.011 -16.402,-3.011 -18.059,0 -30.776,9.63 -30.854,23.398 -0.15,10.158 9.105,15.8 16.027,19.187 7.075,3.461 9.48,5.72 9.48,8.805 -0.072,4.738 -5.717,6.922 -10.982,6.922 -7.301,0 -11.213,-1.126 -17.158,-3.762 l -2.408,-1.13 -2.559,15.876 c 4.289,1.954 12.191,3.688 20.395,3.764 19.188,0 31.68,-9.481 31.828,-24.153 0.073,-8.051 -4.814,-14.22 -15.35,-19.261 -6.396,-3.236 -10.313,-5.418 -10.313,-8.729 0.075,-3.01 3.313,-6.093 10.533,-6.093 5.945,-0.151 10.313,1.278 13.622,2.708 l 1.654,0.751 2.487,-15.272 0,0 z\",\n    id: \"path11\",\n    style: {\n      fill: \"#00579f\"\n    }\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"m 206.742,70.664 c 1.506,-4.063 7.301,-19.788 7.301,-19.788 -0.076,0.151 1.503,-4.138 2.406,-6.771 l 1.278,6.094 c 0,0 3.463,16.929 4.215,20.465 -2.858,0 -11.588,0 -15.2,0 l 0,0 z m 22.573,-45.669 -14.145,0 c -4.362,0 -7.676,1.278 -9.558,5.868 l -27.163,64.855 19.188,0 c 0,0 3.159,-8.729 3.838,-10.609 2.105,0 20.771,0 23.479,0 0.525,2.483 2.182,10.609 2.182,10.609 l 16.932,0 -14.753,-70.723 0,0 z\",\n    id: \"path13\",\n    style: {\n      fill: \"#00579f\"\n    }\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M 82.584,24.995 64.675,73.222 62.718,63.441 C 59.407,52.155 49.023,39.893 37.435,33.796 l 16.404,61.848 19.338,0 28.744,-70.649 -19.337,0 0,0 z\",\n    id: \"path15\",\n    style: {\n      fill: \"#00579f\"\n    }\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"m 48.045,24.995 -29.422,0 -0.301,1.429 c 22.951,5.869 38.151,20.016 44.396,37.02 L 56.322,30.94 c -1.053,-4.517 -4.289,-5.796 -8.277,-5.945 l 0,0 z\",\n    id: \"path17\",\n    style: {\n      fill: \"#faa61a\"\n    }\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgVisaLogo);\nexport default __webpack_public_path__ + \"static/media/visa-logo.0fc59266.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", {\n  id: \"defs3411\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"metadata\", {\n  id: \"metadata3414\"\n});\n\nfunction SvgMastercardLogo(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    id: \"svg3409\",\n    viewBox: \"0 0 1000.008 618.03103\",\n    height: 618.03101,\n    width: 1000.008,\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _ref2, _ref3, /*#__PURE__*/React.createElement(\"g\", {\n    transform: \"matrix(3.3557321,0,0,3.3557321,-1551.7864,-2007.0469)\",\n    id: \"layer1\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    transform: \"matrix(2.5579399,0,0,2.5579399,884.90115,-11.427398)\",\n    id: \"g13\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    transform: \"translate(-502.86126,-22.613497)\",\n    id: \"XMLID_328_\"\n  }, /*#__PURE__*/React.createElement(\"rect\", {\n    style: {\n      fill: \"#ff5f00\"\n    },\n    id: \"rect19\",\n    height: 56.599998,\n    width: 31.5,\n    className: \"st1\",\n    y: 268.60001,\n    x: 380.20001\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    style: {\n      fill: \"#eb001b\"\n    },\n    d: \"m 382.2,296.9 c 0,-11.5 5.4,-21.7 13.7,-28.3 -6.1,-4.8 -13.8,-7.7 -22.2,-7.7 -19.9,0 -36,16.1 -36,36 0,19.9 16.1,36 36,36 8.4,0 16.1,-2.9 22.2,-7.7 -8.3,-6.5 -13.7,-16.8 -13.7,-28.3 z\",\n    className: \"st2\",\n    id: \"XMLID_330_\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    style: {\n      fill: \"#f79e1b\"\n    },\n    id: \"path22\",\n    d: \"m 454.2,296.9 c 0,19.9 -16.1,36 -36,36 -8.4,0 -16.1,-2.9 -22.2,-7.7 8.4,-6.6 13.7,-16.8 13.7,-28.3 0,-11.5 -5.4,-21.7 -13.7,-28.3 6.1,-4.8 13.8,-7.7 22.2,-7.7 19.9,0 36,16.2 36,36 z\",\n    className: \"st3\"\n  })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgMastercardLogo);\nexport default __webpack_public_path__ + \"static/media/mastercard-logo.cd0668ee.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useEffect, useRef, useState} from \"react\";\nimport ausPhone from \"../../utils/aus-phone\";\nimport { withStyles } from '@material-ui/core/styles';\nimport PhoneForwardedIcon from  \"@material-ui/icons/PhoneForwarded\";\nimport Button from \"@material-ui/core/Button\";\nimport Radio from \"@material-ui/core/Radio\";\nimport {useStore} from \"../../store\";\nimport {fetchAccount} from \"../../store/actions\";\nimport MuiAccordion from \"@material-ui/core/Accordion\";\nimport MuiAccordionSummary from \"@material-ui/core/AccordionSummary\";\nimport MuiAccordionDetails from \"@material-ui/core/AccordionDetails\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport ShoppingCartIcon from '@material-ui/icons/ShoppingCart';\nimport TimerOutlinedIcon from '@material-ui/icons/TimerOutlined';\nimport {CreditCardPanel, StripeCardForm} from \"../../components\";\nimport Typography from \"@material-ui/core/Typography\";\nimport {scroller} from \"react-scroll\";\nimport {ReactComponent as VisaLogo} from \"../../images/visa-logo.svg\";\nimport {ReactComponent as MasterCardLogo} from \"../../images/mastercard-logo.svg\";\nimport {PurchaseService} from \"../../services\";\nimport {CircularProgress} from \"@material-ui/core\";\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\n\nconst Accordion = withStyles({\n    root: {\n        // border: '1px solid rgba(0, 0, 0, .125)',\n        boxShadow: 'none',\n        '&:not(:last-child)': {\n            borderBottom: 0,\n        },\n        '&:before': {\n            display: 'none',\n        },\n        '&$expanded': {\n            margin: 'auto',\n        },\n    },\n    expanded: {},\n})(MuiAccordion)\n\nconst AccordionSummary = withStyles({\n    root: {\n        // backgroundColor: 'rgba(0, 0, 0, .03)',\n        // borderBottom: '1px solid rgba(0, 0, 0, .125)',\n        marginBottom: -1,\n        minHeight: 56,\n        '&$expanded': {\n            minHeight: 56,\n        },\n        padding: 0,\n    },\n    content: {\n        '&$expanded': {\n            margin: '12px 0',\n        },\n    },\n    expanded: {},\n})(MuiAccordionSummary);\n\nconst AccordionDetails = withStyles((theme) => ({\n    root: {\n        // backgroundColor: 'rgba(0, 0, 0, .03)',\n        // padding: theme.spacing(2),\n        padding: 0,\n    },\n}))(MuiAccordionDetails);\n\nconst Checkout = ({order, onSuccess, onError}) => {\n    const [store, dispatch] = useStore();   // Get the global store\n\n    // If we don't have an SKU then we can't proceed\n    if (order.sku.id === '' || typeof(order.sku.id) === 'undefined') {\n        onError({code:'invalid_sku_id', message:'SKU ID is required'})\n    }\n\n    // Scroll to the payment method section so the 'Buy' button is visible\n    useEffect(() => {\n        // const el = (location.state && location.state.scrollTo) || ''\n        scroller.scrollTo('payment-method', {\n            duration    : 800,\n            delay       : 1200,\n            smooth      : 'easeInOutQuart',\n            containerId : 'psb',\n        });\n    },[])\n\n    // Make sure the account is available in the store\n    useEffect(()=> {\n        if (store.user.accountId) {\n            dispatch(fetchAccount(store.user.accountId, store, dispatch))\n        }\n    }, [store.user.accountId, store, dispatch])\n\n    //console.log('order', order);\n\n    return (\n        <div>\n            <div className=\"flex flex-row w-full content-center\">\n                <Typography variant=\"h6\" color=\"secondary\" className=\"flex-grow\">Checkout</Typography>\n                <ShoppingCartIcon color=\"secondary\" className=\"mt-1\"/>\n            </div>\n\n            <div className=\"flex flex-col flex-grow mb-4\">\n                { order.sku.type === 'number' ?\n                    <LandlineItem order={order}/>\n                    : null\n                }\n                { order.sku.type === 'credit' ?\n                    <CreditItem order={order}/>\n                    : null\n                }\n                { order.sku.type === 'service' ?\n                    <ServiceItem order={order}/>\n                    : null\n                }\n\n                <TotalSection order={order}/>\n\n            </div>\n\n            <PaymentSection order={order} store={store} onSuccess={onSuccess} onError={onError}/>\n\n        </div>\n    )\n}\n\n\nconst LandlineItem = ({order}) => {\n    return (\n        <>\n            <hr className=\"my-4\"/>\n            <div className=\"flex flex-col flex-grow my-4\">\n                <div className=\"flex flex-row\">\n                    <div className=\"text-5xl mr-5\">\n                        <PhoneForwardedIcon color=\"secondary\" fontSize=\"inherit\"/>\n                    </div>\n                    <div className=\"flex flex-col\">\n                        <div className=\"font-bold text-xl my-1\">{order.sku.name}</div>\n                        <div className=\"text-gray-600 mb-4\">{order.sku.meta.description}</div>\n\n                        <div className=\"grid gap-x-4 gap-y-1 grid-cols-2 xs:grid-cols-3\">\n                            <div className=\"text-gray-600 hidden xs:block\">Number</div>\n                            <div className=\"font-bold col-span-2\">{ausPhone(order.number.number)}</div>\n                            <hr className=\"col-span-3\"/>\n                            <div className=\"text-gray-600 hidden xs:block\">Zone</div>\n                            <div className=\"font-bold col-span-2\">{order.number.zone}</div>\n                            <hr className=\"col-span-3\"/>\n                            <div className=\"text-gray-600 hidden xs:block\">Includes</div>\n                            <div className=\"font-bold col-span-2\">{order.sku.meta.inclusions.description}</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <hr className=\"my-4\"/>\n        </>\n    )\n}\n\nconst CreditItem = ({order}) => {\n    return (\n        <>\n            <hr className=\"my-4\"/>\n            <div className=\"flex flex-col flex-grow my-4\">\n                <div className=\"flex flex-row\">\n                    <div className=\"text-5xl mr-5\">\n                        <TimerOutlinedIcon color=\"secondary\" fontSize=\"inherit\"/>\n                    </div>\n                    <div className=\"flex flex-col\">\n                        <div className=\"font-bold text-xl my-1\">{order.sku.name}</div>\n                        <div className=\"text-gray-600 mb-4\">{order.sku.meta.description}</div>\n\n                        <div className=\"grid gap-x-4 gap-y-1 grid-cols-2 xs:grid-cols-3\">\n                            <div className=\"text-gray-600 hidden xs:block\">Minutes</div>\n                            <div className=\"font-bold col-span-2\">{order.sku.meta.inclusions.minutes.quantity}</div>\n                            <hr className=\"col-span-3\"/>\n                            <div className=\"text-gray-600 hidden xs:block\">Expiry</div>\n                            <div className=\"font-bold col-span-2\">{order.sku.meta.inclusions.minutes.expiryDays} days</div>\n                            <hr className=\"col-span-3\"/>\n                            <div className=\"text-gray-600 hidden xs:block\">Number</div>\n                            <div className=\"font-bold col-span-2\">{ausPhone(order.number.number)}</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <hr className=\"my-4\"/>\n        </>\n    )\n}\n\nconst ServiceItem = ({order}) => {\n    return (\n        <>\n            <hr className=\"my-4\"/>\n            <div className=\"flex flex-col flex-grow my-4\">\n                <div className=\"flex flex-row\">\n                    <div className=\"text-5xl mr-5\">\n                        <ArrowForwardIcon color=\"secondary\" fontSize=\"inherit\"/>\n                    </div>\n                    <div className=\"flex flex-col\">\n                        <div className=\"font-bold text-xl my-1\">{order.sku.name}</div>\n                        <div className=\"text-gray-600 mb-4\">{order.sku.meta.description}</div>\n\n                        <div className=\"grid gap-x-4 gap-y-1 grid-cols-2\">\n                            <div className=\"text-gray-600\">Number</div>\n                            <div className=\"font-bold col-span-2\">{ausPhone(order.number.number)}</div>\n                            <hr className=\"col-span-3\"/>\n                            <div className=\"text-gray-600\">Transfer To</div>\n                            <div className=\"font-bold col-span-2\">{ausPhone(order.transferTo)}</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <hr className=\"my-4\"/>\n        </>\n    )\n}\n\n\nconst TotalSection = ({order}) => {\n    if (order.sku.taxRate === 0) {\n        return (\n            <div className=\"grid grid-cols-2 gap-y-2 mb-2\">\n                <div className=\"self-center\">Total including taxes</div>\n                <div className=\"text-right grid grid-cols-2\">\n                    <div className=\"text-xs text-gray-600 self-center mr-1\">AUD</div>\n                    <div className=\"text-2xl font-bold\"> ${order.total.toFixed(2)}</div>\n                </div>\n            </div>\n        )\n    } else {\n        return (\n            <>\n                <div className=\"grid grid-cols-2 gap-y-2 mb-2\">\n                    <div>Subtotal</div>\n                    <div className=\"text-right\">${order.subtotal.toFixed(2)}</div>\n                    <div>Taxes ({order.sku.taxRate}%)</div>\n                    <div className=\"text-right\"> ${order.taxes.toFixed(2)}</div>\n                </div>\n                <hr/>\n                <div className=\"grid grid-cols-2 gap-y-2 mt-4 mb-2\">\n                    <div className=\"self-center\">Total</div>\n                    <div className=\"text-right text-2xl\">\n                        <span className=\"text-xs text-gray-600\">AUD</span>\n                        <span className=\"font-bold\"> ${order.total.toFixed(2)}</span>\n                    </div>\n                </div>\n            </>\n        )\n    }\n}\n\nconst PaymentSection = ({order, store, onSuccess, onError}) => {\n\n    // Payment method accordion state\n    const isStored = store.account.paymentMethod && store.account.paymentMethod.type === 'card';\n    //console.log('isStored', isStored)\n\n    const [expanded, setExpanded] = useState(isStored ? 'stored' : 'new')\n\n    // handleAccordionChange ensures only one accordion is expanded at a time.\n    const handleAccordionChange = (panel) => (event, isExpanded) => {\n        setExpanded(isExpanded ? panel : '');\n    }\n    //console.log('expanded', expanded);\n\n    const [state, setState] = useState({cardError: null})\n    //console.log('Payment Section state', state)\n\n\n    //console.log('store.account', store.account);\n\n    // Track our mounted state so we don't try and setState() after we're gone\n    let isMounted = useRef(true)\n    useEffect(() => {\n        // React calls the return function when the component is unmounted\n        return () => {isMounted.current = false}\n    })\n\n    // If we expand the 'new' accordion scroll the page so the Pay button is visible\n    useEffect(() => {\n        if (isStored && expanded === 'new') {\n            scroller.scrollTo('payment-method', {\n                duration    : 800,\n                delay       : 200,\n                smooth      : 'easeInOutQuart',\n                containerId : 'psb',\n            });\n        }\n    }, [isStored, expanded])\n\n    const onSubmit = (data) => {\n        //console.log('PaymentMethodSection onSubmit', data);\n\n        if (typeof(data) === 'undefined') {\n            data = {}\n        }\n\n        // Clear any previous card errors\n        setState({...state, cardError: null, isFetching: true})\n\n        return new Promise((resolve, reject) => {\n\n            const request = {\n                accountId: store.account.id,\n                skuId:     order.sku.id,\n                price:     order.total * 100,\n                number:    order.number ? order.number.number || '' : '',\n                serviceId: order.serviceId || 0,\n                ticketId:  order.ticketId || 0,\n                tokenId:   data.token ? data.token.id || '' : '',\n                saveCard:  data.saveCard || false,\n            }\n\n            // Process the the purchase\n            PurchaseService.purchase(request)\n                .then(result => {\n                    //console.log('checkout: purchase succeeded', result);\n\n                    // Let our parent component know the checkout was successful\n                    if (typeof(onSuccess) === 'function') {\n                        onSuccess(result);\n                    }\n                    if (isMounted.current) {\n                        setState({...state, isFetching: false});\n                    }\n                    resolve();  // Let the form know we're done.\n                })\n                .catch(error => {\n                    //console.log('purchase failed', error);\n                    if (error.status === 402) {\n                        // It's a card error so set the local cardError state\n                        // The error will be displayed in the CardForm component if\n                        // we're using a new card, or locally if we're using a saved card.\n                        setState({...state, cardError: error.data.error, isFetching: false})\n                    } else {\n                        // Treat it as an API error and pass it on up the chain\n                        if (typeof(onError) === 'function') {\n                            onError(error);\n                        }\n                    }\n                    resolve();  // Let the form know we're done.\n                })\n        })\n    }\n\n    if (isStored) {\n        return (\n            <div id=\"payment-method\">\n                <Accordion\n                    expanded={expanded === 'stored'}\n                    onChange={handleAccordionChange('stored')}\n                    className=\"w-full\"\n                >\n                    <AccordionSummary expandIcon={<ExpandMoreIcon/>}>\n                        <div><Radio value=\"existing\" checked={expanded==='stored'}/>Pay with saved card</div>\n                    </AccordionSummary>\n                    <AccordionDetails>\n                        <div className=\"w-full mb-2\">\n                        <div className=\"bg-white border rounded-sm mb-4 w-full\">\n                            <CreditCardPanel paymentMethod={store.account.paymentMethod}/>\n                        </div>\n                        <div className=\"flex flex-row my-3\">\n                            <Button\n                                variant=\"contained\"\n                                color=\"primary\"\n                                onClick={() => onSubmit()}\n                                disabled={state.isFetching}\n                                className=\"w-full\"\n                            >\n                                { state.isFetching ?\n                                    <CircularProgress size={24} />\n                                    :\n                                    `Pay $${order.total.toFixed(2)}`\n                                }\n                            </Button>\n                        </div>\n                        </div>\n                    </AccordionDetails>\n                </Accordion>\n\n                <Accordion\n                    expanded={expanded === 'new'}\n                    onChange={handleAccordionChange('new')}\n                    className=\"w-full\"\n                >\n                    <AccordionSummary expandIcon={<ExpandMoreIcon/>}>\n                        <div><Radio value=\"existing\" checked={expanded==='new'}/>Pay with another card</div>\n                    </AccordionSummary>\n                    <AccordionDetails>\n                        <div id=\"new-card\">\n                            <StripeCardForm\n                                onSubmit={onSubmit}\n                                cardError={state.cardError}\n                                options={{\n                                    buttonTitle:`Pay $${order.total.toFixed(2)}`,\n                                    storeCheckbox: true,\n                                    dense: true,\n                                }}\n                            />\n                        </div>\n                    </AccordionDetails>\n                </Accordion>\n            </div>\n        )\n\n    } else {\n        return (\n            <div id=\"payment-method\" className=\"w-full\">\n                <div className=\"flex flex-row mb-1\">\n                    <Typography variant=\"subtitle1\" color=\"secondary\" className=\"flex-grow\">Card Details</Typography>\n                    <div className=\"flex flex-row gap-2 mt-1\">\n                        <VisaLogo height={15} width={30}/>\n                        <MasterCardLogo height={15} width={25}/>\n                    </div>\n                </div>\n                <StripeCardForm\n                    onSubmit={onSubmit}\n                    cardError={state.cardError}\n                    options={{\n                        buttonTitle:`Pay $${order.total.toFixed(2)}`,\n                        storeCheckbox: true,\n                        dense: true,\n                    }}\n                />\n            </div>\n        )\n    }\n\n}\n\nexport default Checkout;","\nexport default function externalLink(event, url) {\n    event.preventDefault();\n    window.open(url,'_blank','noopener noreferrer');\n}","/**\n * totals returns an object with calculated subtotal, taxes and total price in cents\n *\n * @param sku\n * @returns {{total: number, subtotal: number, taxes: number}}\n */\nexport const totals = (sku) => {\n    let subtotal = 0;\n    let taxes = 0;\n    let total = 0;\n\n    if (sku.taxInc) {\n        total = sku.price/100;\n        taxes = total - (total/((100+sku.taxRate)/100))\n        subtotal = total - taxes;\n    } else {\n        subtotal = sku.price/100\n        taxes = Math.round(sku.taxRate * sku.price/100)/100\n        total = subtotal + taxes\n    }\n\n    return { subtotal, taxes, total }\n}","import React, {useEffect, useState} from \"react\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {ErrorScreen, HeaderToolbar, Loading} from \"../../components\";\nimport {Button, Checkbox, InputLabel, Select, TextField} from \"@material-ui/core\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport ListItemText from \"@material-ui/core/ListItemText\";\nimport ListItemIcon from  \"@material-ui/core/ListItemIcon\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport {useStore} from \"../../store\";\nimport {invalidateAccount} from \"../../store/actions\";\nimport FuseAnimate from \"../../components/fuse-animate/fuse-animate\";\nimport Card from \"@material-ui/core/Card\";\nimport {Controller, useForm} from \"react-hook-form\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport {NumberService, SkuService, NotifyService} from \"../../services\";\nimport ausPhone from \"../../utils/aus-phone\";\nimport Accordion from \"@material-ui/core/Accordion\"\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\";\nimport AccordionDetails from \"@material-ui/core/AccordionDetails\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\"\nimport ListIcon from '@material-ui/icons/List';\nimport RoomIcon from '@material-ui/icons/Room';\nimport { animateScroll as scroll } from \"react-scroll\"\nimport moment from \"moment\";\nimport {useAuthUser} from \"../../components/auth-provider\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport Checkout from \"../../components/checkout/checkout\";\nimport {CheckCircleOutline, SentimentVeryDissatisfied} from \"@material-ui/icons\";\nimport {Link} from \"react-router-dom\";\nimport {isValidEmail} from \"../../utils/valid\";\nimport externalLink from \"../../utils/external-link\";\nimport {totals} from \"../../utils/checkout\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        minHeight: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column',\n        flexGrow: 1,\n        marginTop: 16,\n        justifyContent: \"center\",\n    },\n    card: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: 24,\n        width: '100%',\n        maxWidth: 340,\n        [theme.breakpoints.up('sm')]: {\n            maxWidth: 360,\n        },\n    },\n}));\n\n// Reducer for local storage\nconst addServiceReducer = (state, action) => {\n    switch (action.type) {\n        case 'update':\n            return {\n                ...state,\n                ...action.payload,\n            }\n        default:\n            return state\n    }\n}\n\n// Hook for accessing local storage via the reducer\nconst useReducer = (reducer, initialState) => {\n    const [state, setState] = useState(initialState)\n\n    function dispatch(action) {\n        const nextState = reducer(state, action)\n        setState(nextState)\n    }\n\n    return [state, dispatch]\n}\n\nconst landLineSKU = 'SET-PTLL-001'\n\nconst AddServicePage = ({location}) => {\n    const classes = useStyles();\n\n    const [state, dispatch] = useReducer(addServiceReducer, {\n        view: 'start',          // current view\n        priors: [],             // prior numbers for this account\n        number: {               // selected number\n            number:'',\n            zone: '',\n        },\n        sku: {\n            id: '',\n            name: '',\n            taxRate: 0,\n            price: 0,\n            meta: {\n                description: '',\n                inclusions: {\n                    minutes: {\n                        quantity: 0,\n                        expiryDays: 0,\n                    },\n                }\n            }\n        },\n        isFetching: false,\n        error: null\n    });\n\n    const {user} = useAuthUser();\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    // Get the SKU we'll be using and any prior numbers\n    useEffect(() => {\n        dispatch({type:'update', payload: {isFetching: true}})\n        Promise.all([\n            SkuService.getSku(landLineSKU),\n            NumberService.getPriorNumbers(user.accountId)\n        ])\n            .then(results => {\n                // Filter prior numbers to only show available numbers\n                const priors = results[1].filter(n => { return n.isAvailable});\n                dispatch({type:'update', payload: {sku: results[0], priors, isFetching: false}})\n            })\n            .catch(error => {\n                dispatch({type:'update', payload: {error, isFetching: false}})\n            })\n    }, [user.accountId])\n\n    return (\n        <div id=\"add-service\" className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location={location.pathname}/>\n            </AppBar>\n            <Toolbar/>\n\n            <main className={classes.content}>\n                { state.isFetching ? <Loading/> : null }\n                { state.error && <ErrorScreen error={state.error}/> }\n                { state.error === null && !state.isFetching ?\n                    <>\n                        {state.view === 'start' ?\n                            <ItemCard pageState={state} dispatch={dispatch}/>\n                            : null\n                        }\n                        {state.view === 'priors' ?\n                            <PriorNumbersCard pageState={state} dispatch={dispatch}/>\n                            : null\n                        }\n                        {state.view === 'choose' ?\n                            <ChooseNumberCard pageState={state} dispatch={dispatch}/>\n                            : null\n                        }\n                        {state.view === 'terms' ?\n                            <TermsCard pageState={state} dispatch={dispatch}/>\n                            : null\n                        }\n                        {state.view === 'checkout' ?\n                            <CheckoutCard pageState={state} dispatch={dispatch}/>\n                            : null\n                        }\n                        {state.view === 'success' ?\n                            <SuccessPanel pageState={state}/>\n                            :null\n                        }\n                        {state.view === 'error' ?\n                            <ApiErrorPanel error={state.error}/>\n                            :null\n                        }\n                    </>\n                    : null\n                }\n            </main>\n\n        </div>\n\n    );\n}\n\nconst ItemCard = ({pageState, dispatch}) => {\n    const classes = useStyles();\n\n    const sku = pageState.sku;\n    const minutes = pageState.sku.meta.inclusions.minutes;\n\n    const handleNew = () => {\n        dispatch({ type: 'update', payload: {view: 'choose'}})\n    }\n\n    const handlePriors = () => {\n        dispatch({ type: 'update', payload: {view: 'priors'}})\n    }\n\n    const expiryDate = moment().add(minutes.expiryDays, \"days\").format('D MMMM YYYY')\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div className=\"flex flex-grow flex-col items-center\">\n                <Card className={classes.card}>\n                    <Typography variant=\"h6\">Add a Landline number</Typography>\n                    <hr className=\"my-2\"/>\n\n                    <div className=\"flex flex-row mx-auto my-6\">\n                        <div className=\"text-xl text-gray-500 pt-3\">$</div>\n                        <div className=\"text-8xl font-bold px-1\">{sku.price/100}</div>\n                        <div className=\"text-xl text-gray-500 self-end pb-1\">setup</div>\n                    </div>\n\n                    <hr/>\n\n                    <div className=\"w-full py-4\">\n                        <ul className=\"list-disc mx-4\">\n                            <li className=\"pb-3\">\n                                One-off fee includes landline number setup and <span className=\"whitespace-nowrap\">\n                                <strong>{minutes.quantity} call minutes</strong></span>\n                            </li>\n                            <li className=\"pb-3\">\n                                Call minutes expire in <strong>{minutes.expiryDays} days</strong>.\n                                <span className=\"whitespace-nowrap\">({expiryDate})</span>\n                            </li>\n                            <li className=\"pb-3\">\n                                Unused call minutes roll-over when you recharge before expiry.\n                            </li>\n                            <li className=\"pb-3\">\n                                Landline number may be removed from your account\n                                if you do not recharge before call minutes expire.\n                            </li>\n                        </ul>\n                    </div>\n\n                    { pageState.priors.length > 0 ?\n                        <div className=\"w-full pb-4\">\n                            <Button\n                                variant=\"contained\"\n                                color=\"primary\"\n                                className=\"w-full\"\n                                onClick={handlePriors}\n                            >\n                                Recover a previous number\n                            </Button>\n                        </div>\n                        : null\n                    }\n\n                    <Button\n                        variant=\"contained\"\n                        color=\"primary\"\n                        onClick={handleNew}\n                    >\n                        { pageState.priors.length > 0 ? 'Choose a New Number' : 'Choose Number' }\n                    </Button>\n                </Card>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst ChooseNumberCard = ({dispatch}) => {\n    const [state, setState] = useState({\n        zones:      [],\n        zoneId:     '',\n        regions:    [],\n        regionId:   '',\n        numbers:    [],\n        selected:   {number: '', zone:''},\n        isFetching: false,\n        error:      null,\n    })\n\n    const [expanded, setExpanded] = useState('')\n\n    // handleClick sets the selected number and progresses to the terms view\n    const handleClick = () => {\n        dispatch({type:'update', payload:{view:'terms', number: state.selected}})\n    }\n\n    // handleAccordionChange ensures only one accordion is expanded at a time.\n    const handleAccordionChange = (panel) => (event, isExpanded) => {\n        setExpanded(isExpanded ? panel : '');\n    }\n\n    // handleNumberSelect is called when the user selects\n    // a number from the 'other numbers' list\n    const handleNumberSelect = (value) => () => {\n        setState({...state, selected: value})\n        // scroll to the top of the page so we can see the selected number\n        scroll.scrollToTop({containerId: 'psb', smooth: true, duration: 300});\n    }\n\n    // fetchMoreNumbers fetches another batch of numbers when the\n    const fetchMoreNumbers = (regionId) => {\n        setState({...state, isFetching: true})\n        NumberService.getNumbers(regionId)\n            .then(numbers => {\n                const selected = numbers.length > 0 ? numbers[0] : {number:'', zone:''};\n                setState({...state, numbers, selected, isFetching: false})\n                // scroll to the top of the page so we can see the selected number\n                scroll.scrollToTop({containerId: 'psb', smooth: true, duration: 300});\n            })\n            .catch(error => {\n                setState({...state, error, isFetching: false})\n            })\n    }\n\n    // Load zones & initial number set\n    useEffect(()=>{\n        setState(state =>({...state, isFetching: true}));\n\n        const {zoneId, regionId} = zoneDefaults(); // {zoneId:'vic', regionId:'vic03'}\n\n        // Retrieve zones and a default set of numbers\n        Promise.all([\n            NumberService.getRegions(),\n            NumberService.getNumbers(regionId)\n        ]).then(results => {\n            // results contains [zones, numbers]\n            const [zones, numbers] = results\n            let selected = {number:'', zone:''}\n            if (numbers.length > 0) {\n                selected = numbers[0]\n            }\n            const regions = selectedZone(zoneId, zones).regions\n\n            setState(state => ({\n                ...state,\n                zones,\n                zoneId,\n                numbers,\n                selected,\n                regions,\n                regionId,\n                isFetching: false,\n                error: null,\n            }))\n        }).catch(error => {\n             setState(state => ({...state, error, isFetching: false}));\n        })\n    }, [])  // run on load\n\n    // Load more numbers when the regionId changes\n    useEffect(() => {\n        if (state.regionId !== '') {\n            setState(state => ({...state, isFetching: true}));\n            NumberService.getNumbers(state.regionId)\n                .then(numbers => {\n                    const selected = numbers.length > 0 ? numbers[0] : {number:'', zone:''};\n                    setState(state => ({...state, numbers, selected, isFetching: false}))\n                    // scroll to the top of the page so we can see the selected number\n                    scroll.scrollToTop({containerId: 'psb', smooth: true, duration: 300});\n                })\n                .catch(error => {\n                    setState(state => ({...state, error, isFetching: false}));\n                })\n        }\n    }, [state.regionId])\n\n    const regionName = selectedRegionName(state);\n\n    // selectedZone returns the zone object identified by zoneId\n    const selectedZone = (zoneId, zones) => {\n        if (zoneId !== '' || zones.length > 0) {\n            // find the zone\n            const zone = zones.filter(z => {\n                return z.id === zoneId\n            })\n            if (zone.length > 0) {\n                return zone[0]\n            }\n        }\n        return {id: '', name: '', regions: []}\n    }\n\n    return (\n        <FuseAnimate\n            animation=\"transition.expandIn\"\n            delay={100}\n        >\n            <div className=\"flex flex-grow flex-col items-center\">\n                { state.selected.number !== '' && state.error === null && !state.isFetching ?\n                    <div className=\"flex flex-col w-full items-center p-5 bg-white shadow-md rounded-t\">\n                        <div className=\"mt-4 mb-6 text-base text-center\">Your landline number from the {regionName} region will be:</div>\n                        <div className=\"my-2 text-2xl font-bold\">{ausPhone(state.selected.number)}</div>\n                        <div className=\"mb-6 text-base\">{state.selected.zone}</div>\n                        <div className=\"my-4 w-full\">\n                            <Button\n                                variant=\"contained\"\n                                color=\"primary\"\n                                disabled={state.isFetching}\n                                className=\"w-full\"\n                                onClick={handleClick}\n                            >\n                                Continue\n                            </Button>\n                        </div>\n                    </div>\n                    : null\n                }\n\n                { state.selected.number === '' && state.error === null && !state.isFetching ?\n                    <NotificationCard regionId={state.regionId} regionName={regionName}/>\n                    : null\n                }\n\n                { state.selected.number !== '' && state.error === null && !state.isFetching ?\n                    <Accordion\n                        expanded={expanded === 'more'}\n                        onChange={handleAccordionChange('more')}\n                        className=\"w-full\"\n                        disabled={state.selected.number === ''}\n                    >\n                        <AccordionSummary expandIcon={<ExpandMoreIcon/>}>\n                            <div className=\"flex flex-row items-center\">\n                                <ListIcon fontSize=\"large\" color=\"secondary\"/>\n                                <Typography variant=\"body2\" className=\"pl-4\">\n                                    Show other landline numbers from {regionName}\n                                </Typography>\n                            </div>\n                        </AccordionSummary>\n                        <AccordionDetails>\n                            <div className=\"flex-col w-full\">\n                                <List>\n\n                                {state.numbers.map(number => (\n                                    <ListItem\n                                        key={number.number}\n                                        role={undefined}\n                                        dense\n                                        button\n                                        onClick={handleNumberSelect(number)}\n                                    >\n                                        <ListItemIcon style={{minWidth: 0}}>\n                                            <Checkbox\n                                                edge=\"start\"\n                                                disableRipple\n                                                tabIndex={-1}\n                                                checked={number.number === state.selected.number}\n                                            />\n                                        </ListItemIcon>\n                                        <ListItemText>\n                                            <span className=\"font-bold text-xl\">{ausPhone(number.number)}</span>\n                                            <span className=\"pl-2\">({number.zone})</span>\n                                        </ListItemText>\n                                    </ListItem>\n                                ))}\n                                </List>\n\n                                <div className=\"w-full px-2\">\n                                <Button\n                                    variant=\"contained\"\n                                    onClick={() => fetchMoreNumbers(state.regionId)}\n                                    className=\"w-full\"\n                                    disabled={state.isFetching}\n                                >\n                                    Show Different Numbers\n                                </Button>\n                                </div>\n                            </div>\n                        </AccordionDetails>\n                    </Accordion>\n                    : null\n                }\n\n                { state.error === null && !state.isFetching ?\n                    <Accordion\n                        expanded={expanded === 'location'}\n                        onChange={handleAccordionChange('location')}\n                        className=\"w-full\"\n                    >\n                        <AccordionSummary expandIcon={<ExpandMoreIcon/>}>\n                            <div className=\"flex flex-row items-center\">\n                                <RoomIcon fontSize=\"large\" color=\"secondary\"/>\n                                <Typography variant=\"body2\" className=\"pl-4\">\n                                    Choose a different location\n                                </Typography>\n                            </div>\n\n                        </AccordionSummary>\n                        <AccordionDetails>\n                            <LocationSelect state={state} setState={setState} />\n                        </AccordionDetails>\n                    </Accordion>\n                    : null\n                }\n\n                { state.error !== null ?\n                    <ApiErrorPanel error={state.error}/>\n                    : null\n                }\n\n                { state.isFetching ?\n                    <Loading/>\n                    : null\n                }\n            </div>\n        </FuseAnimate>\n    )\n\n}\n\nconst LocationSelect = ({state, setState}) => {\n\n    // Handles the change event on the State list box\n    const onZoneChange = (data) => {\n        const zoneId = data.target.value || ''; // Get the state e.g. 'vic'\n        const regionId = zoneId + '01'          // Get the first child region e.g. 'vic01'\n        const zone = state.zones.filter(e => {return e.id === zoneId });\n        if (zone.length > 0) {\n            setState({...state, zoneId, regionId, regions: zone[0].regions});\n        }\n    }\n\n    const onRegionChange = (data) => {\n        const regionId = data.target.value || '';\n        setState({...state, regionId});\n        if (regionId !== '') {\n            // Scroll to the top of screen to show the new number\n            scroll.scrollToTop({containerId: 'psb', smooth: true, duration: 300});\n        }\n    }\n\n    return (\n        <div className=\"flex flex-grow flex-col items-center\">\n            <FormControl\n                variant=\"outlined\"\n                margin=\"dense\"\n                className=\"w-full\"\n            >\n                <InputLabel id=\"zone-select-label\">Choose a state</InputLabel>\n                <Select\n                    labelId=\"zone-select-label\"\n                    id=\"zoneSelect\"\n                    name=\"zoneSelect\"\n                    label=\"Choose a state\"\n                    defaultValue={state.zoneId}\n                    value={state.zoneId}\n                    onChange={onZoneChange}\n                >\n                    { state.zones.map((value, index) => (\n                        <MenuItem key={value.id} value={value.id}>\n                            {value.name}\n                        </MenuItem>\n                    ))}\n                </Select>\n            </FormControl>\n\n            <FormControl\n                variant=\"outlined\"\n                margin=\"dense\"\n                className=\"w-full\"\n            >\n                <InputLabel id=\"region-select-label\">Choose a region</InputLabel>\n                <Select\n                    labelId=\"region-select-label\"\n                    id=\"regionSelect\"\n                    name=\"regionSelect\"\n                    label=\"Choose a region\"\n                    defaultValue={state.regionId}\n                    value={state.regionId}\n                    onChange={onRegionChange}\n                >\n                    { state.regions.map((value, index) => (\n                        <MenuItem key={value.id} value={value.id}>\n                            {value.name}\n                        </MenuItem>\n                    ))}\n                </Select>\n            </FormControl>\n        </div>\n    )\n}\n\nconst PriorNumbersCard = ({pageState, dispatch}) => {\n\n    const [state, setState] = useState({\n        selected: {\n            number: pageState.priors[0].number,\n            zone: pageState.priors[0].zone,\n        }})\n\n    const handleClick = () => {\n        dispatch({type:'update', payload:{number: state.selected, view:'terms'}})\n    }\n\n    // handleNumberSelect is called when the user selects\n    // a number from the 'other numbers' list\n    const handleNumberSelect = (value) => () => {\n        setState({...state, selected: value})\n        // scroll to the top of the page so we can see the selected number\n        scroll.scrollToTop({containerId: 'psb', smooth: true, duration: 300});\n    }\n\n    return (\n        <div className=\"flex flex-grow flex-col items-center\">\n            <FuseAnimate\n                animation=\"transition.expandIn\"\n                delay={100}\n            >\n                <div className=\"flex flex-grow flex-col items-center\">\n                    <div className=\"flex flex-col w-full items-center p-5 bg-white shadow-md rounded-t\">\n\n                        <div className=\"mt-4 mb-6 text-base text-center\">Your landline number will be:</div>\n                        <div className=\"my-2 text-2xl font-bold\">{ausPhone(state.selected.number)}</div>\n                        <div className=\"mb-6 drop-shadow-md\">{state.selected.zone}</div>\n                        <div className=\"my-4 w-full\">\n                            <Button\n                                variant=\"contained\"\n                                color=\"primary\"\n                                disabled={state.isFetching}\n                                className=\"w-full\"\n                                onClick={handleClick}\n                            >\n                                Continue\n                            </Button>\n                        </div>\n                    </div>\n\n                    { pageState.priors.length > 0 ?\n                        <Accordion\n                            // expanded={expanded === 'more'}\n                            // onChange={handleAccordionChange('more')}\n                            className=\"w-full\"\n                        >\n                            <AccordionSummary expandIcon={<ExpandMoreIcon/>}>\n                                <div className=\"flex flex-row items-center\">\n                                    <ListIcon fontSize=\"large\" color=\"secondary\"/>\n                                    <Typography variant=\"body2\" className=\"pl-4\">\n                                        Show other available landline numbers you've had before\n                                    </Typography>\n                                </div>\n                            </AccordionSummary>\n                            <AccordionDetails>\n                                <div className=\"flex-col w-full\">\n                                    <List>\n\n                                        {pageState.priors.map(number => (\n                                            <ListItem\n                                                key={number.number}\n                                                role={undefined}\n                                                dense\n                                                button\n                                                onClick={handleNumberSelect(number)}\n                                            >\n                                                <ListItemIcon style={{minWidth: 0}}>\n                                                    <Checkbox\n                                                        edge=\"start\"\n                                                        disableRipple\n                                                        tabIndex={-1}\n                                                        checked={number.number === state.selected.number}\n                                                    />\n                                                </ListItemIcon>\n                                                <ListItemText>\n                                                    <span className=\"font-bold text-xl\">{ausPhone(number.number)}</span>\n                                                    <span className=\"pl-2\">({number.zone})</span>\n                                                </ListItemText>\n                                            </ListItem>\n                                        ))}\n                                    </List>\n\n                                </div>\n                            </AccordionDetails>\n                        </Accordion>\n                        : null\n                    }\n\n                </div>\n            </FuseAnimate>\n        </div>\n    )\n}\n\nconst NotificationCard = ({regionId, regionName}) => {\n    const {handleSubmit, control} = useForm({ mode: 'onChange' });\n    const [state, setState] = useState({success: false})\n\n    // onSubmit is called by ReactHookForm when the form is submitted and valid.\n    // It returns a promise that is used by RHF to set the isSubmitting flag.\n    const onSubmit = (data) => {\n        return new Promise((resolve) => {\n            const request = {\n                comment: data.comment,\n                email: data.email,\n                regionId: regionId,\n            }\n            NotifyService.addRequest(request)\n                .then(() => {\n                    // Notification has been created display success message\n                    setState({...state, email: data.email, success: true})\n                })\n                .catch(error => {\n                    setState({...state, error})\n                })\n                .finally(() => {\n                    resolve() // Resolve the promise so RHF knows we're done.\n                })\n        })\n    }\n\n    return (\n    <div className=\"flex flex-col w-full p-5 bg-white shadow-md rounded-t\">\n        { !state.success && !state.error ?\n            <>\n            <Typography variant=\"h6\">Out of Stock</Typography>\n\n            <div className=\"mt-4 mb-2\">Sorry! We're out of numbers from the <strong>{regionName}</strong> region at the moment.</div>\n\n            <form\n                name=\"accountForm\"\n                noValidate\n                className=\"flex flex-col justify-center w-full my-2\"\n                onSubmit={handleSubmit(onSubmit)}\n            >\n                <div className=\"mb-2\">Enter your email address and we'll notify you as soon as we have numbers available.</div>\n\n                <Controller\n                    name=\"email\"\n                    control={control}\n                    defaultValue=\"\"\n                    rules={{\n                        validate: value => isValidEmail(value) || value === '' || 'Please enter a valid email address',\n                        required: 'Please enter your email address',\n                    }}\n                    render={ ({field: {onChange, value}, fieldState:{error} }) => (\n                        <TextField\n                            type=\"email\"\n                            label=\"Email Address\"\n                            variant=\"outlined\"\n                            value={value}\n                            onChange={onChange}\n                            error={!!error}\n                            helperText={error ? error.message : null}\n                            // className={classes.formField}\n                            margin=\"dense\"\n                        />\n                    )}\n                />\n\n                <div className=\"my-2\">If you need a number in a specific area or town, let us know where.</div>\n\n                <Controller\n                    name=\"comment\"\n                    control={control}\n                    defaultValue=\"\"\n                    render={ ({field: {onChange, value}, fieldState:{error} }) => (\n                        <TextField\n                            label=\"I need a number for ...\"\n                            variant=\"outlined\"\n                            value={value}\n                            onChange={onChange}\n                            margin=\"dense\"\n                        />\n                    )}\n                />\n\n                <div className=\"mt-4 w-full\">\n                    <Button\n                        type=\"submit\"\n                        variant=\"contained\"\n                        color=\"primary\"\n                        disabled={state.isFetching}\n                        className=\"w-full\"\n                    >\n                        NOTIFY ME\n                    </Button>\n                </div>\n            </form>\n            </>\n            : null\n        }\n\n        {state.success ?\n            <div className=\"flex flex-col items-center w-full\">\n                <FuseAnimate animation=\"callout.bounce\" delay={400}>\n                    <div className=\"h-16 my-6\">\n                        <CheckCircleOutline style={{fontSize: 64, color: 'green'}} />\n                    </div>\n                </FuseAnimate>\n                <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n                    <Typography variant=\"body1\" align=\"center\" paragraph>\n                        Thanks - we'll email you at <strong>{state.email}</strong> when we have numbers back in stock.\n                    </Typography>\n                </FuseAnimate>\n                <div className=\"mt-4 w-full\">\n                    <Button  color=\"primary\" aria-label=\"NEXT\" className=\"w-full\" component={Link} to=\"/home\">\n                        DONE\n                    </Button>\n                </div>\n            </div>\n            : null\n        }\n\n        { state.error && !state.success ?\n            <ApiErrorPanel error={state.error} />\n            : null\n        }\n\n    </div>\n    )\n}\n\nconst TermsCard = ({pageState, dispatch}) => {\n    const classes = useStyles();\n\n    const sku = pageState.sku;\n    const minutes = pageState.sku.meta.inclusions.minutes;\n\n    const [state, setState] = useState({termsAccepted: false})\n\n    const handleCheck = (e) => {\n        setState({...state, termsAccepted: e.target.checked})\n    }\n\n    const handleClick = () => {\n        dispatch({type:'update', payload:{view:'checkout'}})\n    }\n\n    // const expiryDate = moment().add(28, \"days\").format('D/M/YY')\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div className=\"flex flex-grow flex-col items-center\">\n                <Card className={classes.card}>\n                    <div className=\"uppercase text-lg font-semibold\">HERE'S WHAT YOU'RE GETTING</div>\n\n                    <div className=\"w-full py-4\">\n                        <ul className=\"list-disc mx-4\">\n                            <li className=\"pb-3\">\n                                <strong>{ausPhone(pageState.number.number)}</strong> will be added to your account\n                                automatically after checkout.\n                            </li>\n                            <li className=\"pb-3\">\n                                The ${sku.price/100} setup fee is a once-off charge and\n                                includes <strong>{minutes.quantity} call minutes</strong> to use with this number.\n                            </li>\n                            <li className=\"pb-3\">Unused call minutes will expire\n                                in <strong>{minutes.expiryDays}&nbsp;days</strong> unless you recharge before.\n                            </li>\n                            <li className=\"pb-3\">If you use all your call minutes you need to\n                                recharge to keep receiving calls.\n                            </li>\n                            <li className=\"pb-3\">Landline numbers and call minutes are not refundable.\n                            </li>\n                            <li className=\"pb-3\">\n                                The landline number will be removed from your account\n                                if you have zero call minutes for 14 days or more.<br/>After that,\n                                you may be able to recover the number but a new setup fee will apply.\n                            </li>\n                        </ul>\n\n                        <FormControlLabel\n                            label=\"Ok, got it!\"\n                            className=\"mt-2\"\n                            control={\n                                <Checkbox name=\"checkTerms\" color=\"primary\" onChange={handleCheck}/>\n                            }\n                        />\n                    </div>\n\n\n                    <Button\n                        variant=\"contained\"\n                        color=\"primary\"\n                        onClick={handleClick}\n                        disabled={!state.termsAccepted}\n                    >\n                        Proceed to checkout\n                    </Button>\n                </Card>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst CheckoutCard = ({pageState, dispatch}) => {\n    const classes = useStyles();\n\n    const {subtotal, taxes, total} = totals(pageState.sku);\n    // const subtotal = (pageState.sku.price/100);\n    // const taxes = (subtotal * pageState.sku.taxRate/100);\n    // const total = subtotal + taxes;\n\n    const order = {\n        sku: pageState.sku,\n        number: pageState.number,\n        subtotal: subtotal,\n        taxes: taxes,\n        total: total,\n    }\n\n    // Get the global dispatch function\n    const [, gDispatch] = useStore();\n\n    const onSuccess = (purchase) => {\n        // the checkout completed successfully\n        dispatch({type:'update', payload: {\n                order,\n                purchase,\n                view:          'success',\n            }\n        })\n\n        // Invalidate the account in global store so we retrieve\n        // the new service, dialActions, account status and paymentMethod if saved.\n        gDispatch(invalidateAccount())\n    }\n\n    const onError = (error) => {\n        // the checkout failed\n\n        // display error panel\n        dispatch({type:'update', payload:{order, error, view: 'error'} })\n    }\n\n    // The checkout card basically wraps the\n    // Checkout component, injecting the SKU to be charged.\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div className=\"flex flex-grow flex-col items-center\">\n                <Card className={classes.card}>\n                    <Checkout\n                        order={order}\n                        onSuccess={onSuccess}\n                        onError={onError}\n                    />\n                </Card>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst SuccessPanel = ({pageState}) => {\n    const classes = useStyles();\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    const number = ausPhone(pageState.number.number)\n    const hasMinutes = pageState.sku.meta.hasMinutes;\n    const minutes = pageState.sku.meta.inclusions.minutes.quantity;\n    const expiryDays = pageState.sku.meta.inclusions.minutes.expiryDays;\n    const receiptUrl = pageState.purchase.purchase.receiptUrl;\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div className=\"flex flex-grow flex-col items-center\">\n                <Card className={classes.card}>\n                    <FuseAnimate animation=\"callout.bounce\" delay={400}>\n                        <div className=\"flex flex-col items-center h-16 my-6\">\n                            <CheckCircleOutline style={{fontSize: 64, color: 'green'}} />\n                        </div>\n                    </FuseAnimate>\n                    {/*    <div className=\"flex flex-col items-center h-16 my-6\">*/}\n                    <div className=\"text-base mb-3\">\n                        Thank you for your purchase!\n                    </div>\n                            <div className=\"text-base mb-3\">\n                                Your landline number <span className=\"whitespace-nowrap font-bold\">{number}</span> is\n                                set up and ready to forward calls to your mobile.\n                            </div>\n                    <ul className=\"list-disc mx-4\">\n                        <li className=\"pb-3\">\n                            You'll see this number as the caller ID when you receive a call via your PhoneThru service.\n                        </li>\n                        { hasMinutes ?\n                            <li className=\"pb-3\">\n                                You have <strong>{minutes} call minutes</strong> to use with this number. They're good\n                                for <strong>{expiryDays} days</strong>.\n                            </li>\n                            : null\n                        }\n                        { pageState.purchase.cardUpdated  ?\n                            <li className=\"pb-3\">Your card has been saved. You can change or remove your saved\n                                card on the account page.</li>\n                            : null\n                        }\n                    </ul>\n\n                    <div className=\"my-2 w-full\">\n                        <Button aria-label=\"VIEW RECEIPT\" className=\"w-full\" color=\"primary\" variant=\"outlined\"\n                                onClick={(e) => externalLink(e, receiptUrl, true)}>\n                            VIEW RECEIPT\n                        </Button>\n                    </div>\n\n                        {/*</div>*/}\n                    <div className=\"mt-4 w-full\">\n                        <Button variant=\"contained\" color=\"primary\" aria-label=\"NEXT\" className=\"w-full\" component={Link} to=\"/home\">\n                            RETURN TO THE DASHBOARD\n                        </Button>\n                    </div>\n                </Card>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst ApiErrorPanel = ({error}) => {\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div className=\"p-4\">\n                <div className=\"flex justify-center text-6xl mt-1 mb-4\">\n                    <SentimentVeryDissatisfied fontSize=\"inherit\" color=\"error\" />\n                </div>\n                <Typography paragraph>\n                    Sorry, it looks like there's a problem at our end. Please try again later.\n                </Typography>\n                <Typography variant=\"body2\" color=\"textSecondary\">{error.status}/{error.statusText}</Typography>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst zoneDefaults = () => {\n    let tz = '';\n    try {\n        tz = Intl.DateTimeFormat().resolvedOptions().timeZone;\n    } catch {}\n    switch (tz) {\n        case 'Australia/Melbourne': return {zoneId: 'vic', regionId: 'vic01'};\n        case 'Australia/Brisbane':  return {zoneId: 'qld', regionId: 'qld01'};\n        case 'Australia/Lindeman':  return {zoneId: 'qld', regionId: 'qld01'};\n        case 'Australia/Sydney':    return {zoneId: 'nsw', regionId: 'nsw01'};\n        case 'Australia/Lord_Howe': return {zoneId: 'nsw', regionId: 'nsw01'};\n        case 'Australia/Hobart':    return {zoneId: 'tas', regionId: 'tas01'};\n        case 'Australia/Adelaide':  return {zoneId: 'sa', regionId: 'sa01'};\n        case 'Australia/Perth':     return {zoneId: 'wa', regionId: 'wa01'};\n        case 'Australia/Eucla':     return {zoneId: 'wa', regionId: 'wa01'};\n        case 'Australia/Darwin':    return {zoneId: 'nt', regionId: 'nt01'};\n        case 'Australia/Canberra':  return {zoneId: 'act', regionId: 'act01'};\n        case 'Australia/ACT':       return {zoneId: 'act', regionId: 'act01'};\n        default:                    return {zoneId: 'vic', regionId: 'vic01'};\n    }\n\n}\n\nconst selectedRegionName = (state) => {\n    if (state.regionId === '' || state.zoneId === '' || state.zones.length === 0) {\n        return ''\n    }\n    // find the zone\n    const zone = state.zones.filter(z => { return z.id === state.zoneId })\n    if (zone.length > 0) {\n        // find the region\n        const region = zone[0].regions.filter(r => { return r.id === state.regionId})\n        if (region.length > 0) {\n            return region[0].name\n        }\n    }\n    return ''\n}\n\nexport default AddServicePage;\n\n\n\n\n\n\n","import React, {useEffect, useState} from \"react\";\nimport {Link} from \"react-router-dom\"\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {\n    AccountBanner,\n    AvatarSelect,\n    ErrorScreen,\n    HeaderToolbar,\n    Loading,\n    PaymentMethodCard,\n    UserProfile\n} from \"../../components\";\nimport {TextField} from \"@material-ui/core\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport Card from \"@material-ui/core/Card\";\nimport Button from \"@material-ui/core/Button\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport {fetchAccount, setUser} from \"../../store/actions\";\nimport {useStore} from \"../../store\";\nimport {useAuthUser} from \"../../components/auth-provider\";\nimport FuseAnimate from \"../../components/fuse-animate/fuse-animate\";\nimport { SentimentVeryDissatisfied } from \"@material-ui/icons\";\nimport {Controller, useForm} from \"react-hook-form\";\nimport {UserService} from \"../../services\";\nimport {MetricService} from \"../../services\";\nimport {useSnackbar} from \"notistack\";\nimport * as toast from '../../utils/toast'\nimport {ReactComponent as VisaLogo} from \"../../images/visa-logo.svg\";\nimport {ReactComponent as MasterCardLogo} from \"../../images/mastercard-logo.svg\";\nimport Info from \"@material-ui/icons/Info\"\nimport AddCircleOutline from \"@material-ui/icons/AddCircleOutline\"\nimport {scroller} from 'react-scroll';\n\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        minHeight: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column',\n        flexGrow: 1,\n        marginTop: theme.spacing(2),\n        justifyContent: 'center',\n        // [theme.breakpoints.up('sm')]: {\n        //     marginRight: drawerWidth,\n        // },\n    },\n    link: {\n        color: '#047e9f',\n        fontWeight: 700,\n        fontSize: 14,\n        '&:hover': {\n            textDecoration: 'underline',\n            textDecorationColor: '#047e9f',\n        },\n    },\n    inlineLink: {\n        color: '#047e9f',\n        fontWeight: 700,\n        '&:hover': {\n            textDecoration: 'underline',\n            textDecorationColor: '#047e9f',\n        },\n    },\n    closeButton: {\n        backgroundColor: theme.palette.error.main,\n        color: theme.palette.primary.contrastText,\n    },\n    saveButton: {\n        minWidth: 100,\n    },\n    mono: {\n        fontFamily: '\"Courier New\", Courier, monospace',\n        // fontWeight: 700,\n        fontSize: 16,\n    },\n    creditCard: {\n        display: 'flex',\n        borderWidth: 1,\n        borderRadius: 4,\n        marginBottom: 16,\n        maxWidth: 350,\n        minHeight: 143,\n    },\n    widget: {\n        marginTop: 8,\n        marginBottom: 12,\n        padding: 8,\n        backgroundColor: theme.palette.primary.main,\n        color: theme.palette.primary.contrastText,\n        borderRadius: 3,\n    },\n    widgetTitle: {\n        color: 'rgba(255,255,255,0.75)',\n    },\n}));\n\n\nconst AccountPage = ({location}) => {\n    const classes = useStyles();\n    const {user} = useAuthUser();           // Get logged in user\n    const [store, dispatch] = useStore();   // Get the global store\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    // If we have a location state with a scrollTo property, scroll to that element\n    useEffect(() => {\n        const el = (location.state && location.state.scrollTo) || ''\n        if (el !== '') {\n            scroller.scrollTo(el, {\n                duration    : 800,\n                delay       : 1200,\n                offset      : -70,\n                smooth      : 'easeInOutQuart',\n                containerId : 'psb',\n            });\n        }\n    },[location])\n\n    // Make sure the account is available in the store\n    useEffect(()=> {\n        dispatch(fetchAccount(user.accountId, store, dispatch))\n    }, [user.accountId, store, dispatch])\n\n    // console.log('store.account',store.account)\n    // store.account.type='post-paid'\n    // store.account.status = -1\n    // store.account.balance = -2500\n\n    return (\n        <div className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location=\"/accounts\"/>\n            </AppBar>\n            <Toolbar/>\n\n            <main className={classes.content}>\n                { store.account.isFetching ? <Loading/> : null }\n                { store.account.error && <ErrorScreen error={store.account.error}/> }\n                { store.account.error === null && !store.account.isFetching ?\n                    <>\n\n                        <UserProfile variant=\"account\" user={store.user} animation=\"transition.expandIn\" delay={100}/>\n\n                        {/* Display applicable account banners */}\n                        <AccountBanner className=\"mt-4 mb-0\" account={store.account} variant=\"suspended\" animation=\"transition.expandIn\" delay={150}/>\n                        <AccountBanner className=\"mt-4 mb-0\" account={store.account} variant=\"reactivate\" animation=\"transition.expandIn\" delay={150} />\n\n                        <PersonalDetailsForm user={store.user} />\n\n                        { store.account.type === 'pre-paid' && store.account.balance < 0 ?\n                            <PrepaidBalancePanel balance={store.account.balance} status={store.account.status} />\n                            : null\n                        }\n\n                        <PaymentMethodPanel accountId={store.account.id} paymentMethod={store.account.paymentMethod} />\n\n                        <PurchasesPanel accountId={store.account.id} />\n\n                        <DangerZonePanel status={store.account.status}/>\n                    </>\n                    : null\n                }\n            </main>\n\n        </div>\n\n    );\n}\n\nconst PersonalDetailsForm = () => {\n    const classes = useStyles();\n    const {handleSubmit, control, formState:{isSubmitting, isDirty, dirtyFields, errors}} = useForm({ mode: 'onChange' });\n    const isValid = Object.keys(errors).length === 0;\n    const [store, dispatch] = useStore();                       // Get the global store\n    const {enqueueSnackbar, closeSnackbar} = useSnackbar();     // Snackbar Hook for notifications\n\n    // onSubmit is called by ReactHookForm when the form is submitted and valid.\n    // It returns a promise that is used by RHF to set the isSubmitting flag.\n    const onSubmit = (data) => {\n\n        return new Promise((resolve) => {\n\n        // If the form hasn't been changed, bail out\n        if (!isDirty) { return }\n\n        const changes = changeSet(dirtyFields, data);\n        UserService.patch(store.user.accountId, store.user.id, changes)\n            .then(() => {\n                // notify the user\n                toast.success(\"Changes saved\", enqueueSnackbar, closeSnackbar);\n                // Update the global store\n                dispatch(setUser({...store.user, ...changes}))\n\n            })\n            .catch(error => {\n                // Notify the user we hit an error\n                toast.apiError(\"Your changes weren't saved!\", error, enqueueSnackbar);\n\n            })\n            .finally(() => {\n                resolve();  // resolve the promise so RHF knows we've finished submitting\n            })\n\n        })\n\n    }\n\n    return(\n        <FuseAnimate animation=\"transition.expandIn\" delay={200}>\n            <div id=\"personal-details\" className=\"my-4\">\n                <Card>\n                    <div className=\"p-4\">\n                        <Typography variant=\"h6\" color=\"secondary\">Personal Details</Typography>\n                        <form\n                            name=\"personalDetailsForm\"\n                            noValidate\n                            className=\"flex flex-col justify-center, w-full mt-2\"\n                            onSubmit={handleSubmit(onSubmit)}\n                        >\n                            {/*\n                                Input field names should correspond to the field name in the API call\n                            */}\n                            <div className=\"flex flex-col md:flex-row\">\n\n                                <div className=\"flex flex-col md:flex-row w-full\">\n                                    <div className=\"w-full md:pr-1\">\n                                    <Controller\n                                        name=\"firstName\"\n                                        control={control}\n                                        defaultValue={store.user.firstName}\n                                        rules={{required: 'First name is required'}}\n                                        render={ ({field: {onChange, value}, fieldState:{error} }) => (\n                                            <TextField\n                                                label=\"First Name\"\n                                                variant=\"outlined\"\n                                                // type=\"text\"\n                                                value={value}\n                                                onChange={onChange}\n                                                error={!!error}\n                                                helperText={ error ? error.message : null }\n                                                margin=\"dense\"\n                                                required\n                                                fullWidth\n                                            />\n                                        )}\n                                    />\n                                    </div>\n\n                                    <Controller\n                                        name=\"lastName\"\n                                        control={control}\n                                        defaultValue={store.user.lastName}\n                                        rules={{required: 'Last name is required'}}\n                                        render={ ({field: {onChange, value}, fieldState:{error} }) => (\n                                            <TextField\n                                                label=\"Last Name\"\n                                                variant=\"outlined\"\n                                                type=\"text\"\n                                                value={value}\n                                                onChange={onChange}\n                                                error={!!error}\n                                                helperText={ error ? error.message : null }\n                                                margin=\"dense\"\n                                                required\n                                                fullWidth\n                                            />\n                                        )}\n                                    />\n                                </div>\n\n                            </div>\n\n                            <div className=\"flex flex-col md:w-1/2 md:pr-1\">\n                                <Controller\n                                    name=\"avatarUrl\"\n                                    control={control}\n                                    defaultValue={store.user.avatarUrl || 'avatar-00.jpg'}\n                                    render={({field: {onChange, value}, fieldState:{error} }) => (\n                                        <AvatarSelect\n                                            value={value}\n                                            onChange={onChange}\n                                            initials={store.user.firstName && store.user.lastName ?\n                                                store.user.firstName.charAt(0) + store.user.lastName.charAt(0) : ''}\n                                        />\n                                    )}\n                                />\n                            </div>\n\n                            <div className=\"mt-2\">\n                                <Button\n                                    type=\"submit\"\n                                    variant=\"contained\"\n                                    color=\"primary\"\n                                    aria-label=\"SAVE PERSONAL DETAILS\"\n                                    className={classes.saveButton}\n                                    disabled={!isValid || isSubmitting || !isDirty}\n                                >\n                                    {isSubmitting ? 'Saving...' : 'Save'}\n                                </Button>\n                            </div>\n\n                        </form>\n                    </div>\n                </Card>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst PrepaidBalancePanel = ({balance=0, status=0}) => {\n\n    return(\n        <FuseAnimate animation=\"transition.expandIn\" delay={400}>\n            <div id=\"balance-panel\" className=\"mt-4\">\n                <Card>\n                    <div className=\"p-4\">\n                        <Typography variant=\"h6\" color=\"secondary\">Account Balance</Typography>\n                        <div className=\"flex flex-row justify-between items-center mt-2\">\n                            { balance > 0 ?\n                                <div className=\"text-2xl\">${(balance/100).toFixed(2)}</div>\n                                :\n                                <div className=\"text-2xl text-red-600\">${(balance/100).toFixed(2)}</div>\n                            }\n                        </div>\n                    </div>\n                </Card>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst PaymentMethodPanel = ({accountId=0, paymentMethod={ id: '', type: '', brand: '', last4: '', expiry: ''}}) => {\n    const classes = useStyles();\n\n    return(\n        <FuseAnimate animation=\"transition.expandIn\" delay={500}>\n            <div id=\"payment-panel\" className=\"mt-4\">\n                <Card>\n                    <div className=\"p-4\">\n                        <Typography variant=\"h6\" color=\"secondary\">Payment Method</Typography>\n                        <div className=\"mt-2\">\n                            {paymentMethod.type !== '' ?\n                                <PaymentMethodCard\n                                    accountId={accountId}\n                                    paymentMethod={paymentMethod}\n                                />\n                                :\n                                <div className={classes.creditCard}>\n                                    <div className=\"flex flex-col m-auto\">\n                                        <div className=\"flex flex-row justify-center mb-2\">\n                                            <MasterCardLogo height={30} width={45} className=\"mr-2\"/>\n                                            <VisaLogo height={30} width={45}/>\n                                        </div>\n                                        <Button variant=\"outlined\" size=\"large\" color=\"primary\" component={Link} to=\"/account/add-card\">\n                                            <AddCircleOutline/>\n                                            <span className=\"ml-1\">Add a Card</span>\n                                        </Button>\n                                    </div>\n                                </div>\n                            }\n                            <div className=\"border-t border-dashed\"/>\n                            <div className=\"flex flex-row mt-3\">\n                                <Info fontSize=\"small\" color=\"primary\"/>\n                                <div className=\"ml-2 text-xs\">\n                                    Your card information is securely stored by our payments\n                                    partner <a href=\"https://stripe.com\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                    <span className={classes.inlineLink}>Stripe</span>\n                                </a>, one of the world's leading online\n                                    payment providers. We do not store your card details on our servers.\n                                </div>\n                            </div>\n\n                        </div>\n                    </div>\n                </Card>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst PurchasesPanel = ({accountId}) => {\n    const classes = useStyles();\n    const [state, setState] = useState({\n        isFetching : false,\n        error      : null,\n        count      : 0,\n        sum        : 0,\n    })\n\n    // Load the metric\n    useEffect(() => {\n        if (accountId === 0) { return }\n        let loaded = true;\n\n        setState({isFetching: true, error: null, count: 0, sum: 0})\n        MetricService.getPaymentsLast30Days(accountId)\n            .then(metric => {\n                if (loaded) {\n                    setState({isFetching: false, error: null, count: metric.count, sum: metric.sum})\n                }\n            })\n            .catch(error => {\n                if (loaded) {\n                    setState({isFetching: false, count:0, sum:0, error})\n                }\n            })\n\n        return () => {loaded = false}\n    },[accountId])\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={600}>\n            <div id=\"purchases-panel\" className=\"mt-4\">\n                <Card>\n                    { state.isFetching ?\n                        <div className=\"py-24\"><Loading/></div>\n                        :\n                        <div className=\"p-4 flex flex-col\" >\n                            <Typography variant=\"h6\" color=\"secondary\">Purchases</Typography>\n                            { state.error ? <ApiErrorPanel error={state.error}/> : null }\n                            { state.error === null && !state.isFetching ?\n                                <div className={classes.widget}>\n                                    <div className=\"flex flex-row justify-around items-end\">\n                                        <div className=\"flex flex-col\">\n                                            <Typography variant=\"overline\" className={classes.widgetTitle}>Last 30 Days</Typography>\n                                            <Typography variant=\"h4\">{state.count}</Typography>\n                                            <Typography variant=\"overline\" className={classes.widgetTitle}>Purchases</Typography>\n                                        </div>\n                                        <div className=\"flex flex-col\">\n                                            <Typography variant=\"h4\">${(state.sum/100).toFixed(2)}</Typography>\n                                            <Typography variant=\"overline\" className={classes.widgetTitle}>Total</Typography>\n                                        </div>\n                                    </div>\n                                </div>\n                                : null\n                            }\n                            <Button component={Link} to=\"/account/purchases\" variant=\"outlined\" color=\"primary\" size=\"large\">View all Purchases</Button>\n                        </div>\n                    }\n                </Card>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst DangerZonePanel = ({status}) => {\n    const classes = useStyles();\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={800}>\n            <div id=\"danger-zone\" className=\"my-4\">\n                <Card>\n                    <div className=\"p-4 flex flex-col\">\n                        <Typography variant=\"h6\" color=\"error\" >Close Account</Typography>\n                        <div className=\"mt-2 mb-4\">\n                            <div>Cancel all services and close this account.</div>\n                        </div>\n                        <Button\n                            component={Link}\n                            to=\"/account/close\"\n                            className={classes.closeButton}\n                            variant=\"contained\"\n                            disabled={status < 1}\n                        >\n                            Close Account\n                        </Button>\n                    </div>\n                </Card>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst changeSet = (dirtyFields, fields) => {\n    let set = {};\n    Object.keys(dirtyFields).forEach((field) => {\n        set[field] = fields[field]\n    })\n    return set;\n}\n\nconst ApiErrorPanel = ({error}) => (\n    <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n        <div className=\"p-4\">\n            <div className=\"flex justify-center text-6xl my-1\">\n                <SentimentVeryDissatisfied fontSize=\"inherit\" color=\"error\" />\n            </div>\n            <Typography paragraph>\n                Sorry, it looks like there's a problem at our end and we can't load this information.\n            </Typography>\n            <Typography variant=\"body2\" color=\"textSecondary\">{error.status}/{error.statusText}</Typography>\n        </div>\n    </FuseAnimate>\n)\n\n\nexport default AccountPage;","import moment from \"moment\";\n\n/***\n * format returns a formatted string for the passed format name and value\n *\n * @param name\n * @param value\n * @returns {*}\n */\nfunction format(name, value) {\n    let result = value;\n    let date;\n    switch (name) {\n        case 'date':\n            date = moment(value);\n            result = date.format('DD MMM  HH:mm:ss');\n            break;\n\n        case 'date-long':\n            date = moment(value);\n            result = date.format('D MMMM YYYY');\n            break;\n\n        case 'time-12h':\n            date = moment(value);\n            result = date.format('h:mm:ss') + '&nbsp;' + date.format('a');\n            break;\n\n        case 'time-12h-short':\n            date = moment(value);\n            result = date.format('h:mm') + '&nbsp;' + date.format('a');\n            break;\n\n        case 'ago':\n            date = moment(value);\n            result = moment.duration(moment().diff(date)).humanize() + ' ago';\n            break;\n\n        case 'date-only':\n            date = moment(value);\n            result = date.format('D MMM YY');\n            break;\n\n        case 'direction':\n            if (value.indexOf('inbound')===0 || value.indexOf('Inbound')===0) {\n                result = 'incoming';\n            }\n            break;\n\n        case 'status':\n            if (value === 'no-answer' || value === 'noanswer') {\n                result = 'no answer';\n            }\n            break;\n\n        case 'duration':\n            let duration = moment.duration(value, 'seconds');\n            let hr = duration.hours();\n            let min = duration.minutes();\n            let secs = duration.seconds();\n            if (value > 0) {\n                result = secs + 's';\n                if (min > 0) { result = min + 'm ' + result; }\n                if (hr > 0)  { result = hr + 'h '  + result; }\n            } else {\n                result = \"—\";\n            }\n            break;\n\n        default:\n            return result\n    }\n    return result\n}\n\nexport default format","import React, {useCallback, useEffect, useState} from \"react\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {\n    ExpanderTable, ExpanderTableContent,\n    ExpanderTableHeader,\n    ExpanderTablePager, ExpanderTableRows,\n    HeaderToolbar,\n} from \"../../components\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Menu from \"@material-ui/core/Menu\";\nimport {fetchAccount} from \"../../store/actions\";\nimport {useStore} from \"../../store\";\nimport {ErrorScreen} from \"../../components\";\nimport {Loading} from \"../../components\";\nimport {animateScroll} from 'react-scroll'\nimport ausPhone from \"../../utils/aus-phone\";\nimport format from \"../../utils/format\";\nimport {CallsService} from \"../../services\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport IconButton from \"@material-ui/core/IconButton\"\nimport Phone from \"@material-ui/icons/Phone\"\nimport PhoneForwarded from \"@material-ui/icons/PhoneForwarded\"\nimport PhoneDisabled from \"@material-ui/icons/PhoneDisabled\"\nimport PhoneMissed from \"@material-ui/icons/PhoneMissed\"\nimport CallEnd from \"@material-ui/icons/CallEnd\"\nimport MoreVert from \"@material-ui/icons/MoreVert\";\nimport Refresh from \"@material-ui/icons/Refresh\";\nimport FuseAnimate from \"../../components/fuse-animate/fuse-animate\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        minHeight: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        display       : 'flex',\n        flexDirection : 'column',\n        flexGrow      : 1,\n        marginTop    : theme.spacing(2),\n    },\n    dataLabel: {\n        minWidth: 75,\n        fontWeight: 500,\n    },\n}));\n\n\nconst CallLogPage = (props) => {\n    const classes = useStyles();\n    // const {user} = useAuthUser();        // Get logged in user\n    const [store, dispatch] = useStore();   // Get the global store\n    const [state, setState] = useState({\n        isFetching : false,\n        error      : null,\n        calls      : [],    // Call data\n        total      : 0,     // total number of calls\n        filtered   : 0,     // total number of calls after filtering\n        page       : 0,     // current page (numbered from 0)\n        pageLength : 10,    // number of records to display per page\n        pageCount  : 0,     // total number of pages available\n        scrollTop  : false, // If set, scroll to the top of the page after fetching\n        showLoader : false, // if true display the table loading indicator\n    });\n    const [menuAnchor, setMenuAnchor] = useState(null)\n    const tableRef = React.createRef();\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    // Make sure the account is available in the store\n    useEffect(()=> {\n        if (store.user.accountId) {\n            dispatch(fetchAccount(store.user.accountId, store, dispatch))\n        }\n    }, [store.user.accountId, store, dispatch])\n\n\n    // fetchData is a callback that returns row data for the ExpanderTable\n    //\n    // When the table requires data it calls this function passing four parameters:\n    //  - page:        the page number (first page is zero)\n    //  - pageLength:  the maximum number of rows to return\n    //  - sorting:     the expected sort columns and order of the result set.\n    //  - search:      the user's search term if any\n    //\n    // The callback should return an object:\n    // {\n    //     rows:     array - the result rows (or an empty array)\n    //     total:    int   - the total number of rows available\n    //     filtered: int   - the total number of rows returned after applying the search term.\n    // }\n    //\n    // The function should be memoized using useCallback otherwise a new function will be passed to the\n    // table each render which will cause the table to request the data each time it renders.\n    const fetchData = useCallback((page, pageLength, sorting={}) => {\n        return new Promise((resolve, reject) => {\n\n            // If we don't have an accountId yet, we can't proceed...\n            if (store.account.id === 0) {\n                resolve({total: 0, filtered: 0, rows: []})\n                return\n            }\n\n            // Set the sort order\n            const sort = sorting.column && sorting.direction ? sorting.column+','+sorting.direction : 'startTime,desc';\n\n            CallsService.getForAccount(store.account.id, page * pageLength, pageLength, sort)\n                .then(result => {\n                    resolve({\n                        total    : result.total,\n                        filtered : result.filtered,\n                        rows     : result.calls,\n                    })\n                })\n                .catch(error => {\n                    setState(s =>({...s, isFetching: false, error}))\n                })\n\n        })\n    }, [store.account.id])\n\n\n    const handlePageVisibility = (isVisible, viewportOffset) => {\n        // If the page controls at the bottom of the table are offscreen and above\n        // the viewport, scroll to the top\n        if (!isVisible && viewportOffset < 0) {\n            animateScroll.scrollToTop({containerId: 'psb'});\n        }\n    }\n\n    const handleMenuButtonClick = (event) => {\n        // Open the menu at the\n        setMenuAnchor(event.currentTarget)\n    }\n    const handleMenuItemClick = (event) => {\n        if (event.target.id === 'refresh' && tableRef.current) {\n            tableRef.current.reload();\n        }\n        setMenuAnchor(null);\n    }\n    const handleMenuClose = (event) => {\n        setMenuAnchor(null);\n    }\n\n    return(\n        <div className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location=\"calls\"/>\n            </AppBar>\n            <Toolbar />\n\n            <FuseAnimate animation=\"transition.expandIn\" delay={200}>\n                <main className={classes.content}>\n                    { store.account.error && <div className=\"my-auto pb-24\"><ErrorScreen error={store.account.error}/></div> }\n                    { state.error && <div className=\"my-auto pb-24\"><ErrorScreen error={state.error}/></div> }\n                    { store.account.isFetching ? <div className=\"my-auto pb-24\"><Loading/></div> : null }\n                    {store.account.error === null && state.error === null && !store.account.isFetching ?\n                        <div className=\"flex flex-col flex-grow\">\n                            <Typography variant=\"h5\" color=\"secondary\">Call Log</Typography>\n\n                            <ExpanderTable\n                                onData={fetchData}\n                                ref={tableRef}\n                                columns={[\n                                    {field: 'from',      title: 'From',     style: 'ml-8 mr-1 w-7/12 sm:w-1/4'},\n                                    {field: 'to',        title: 'To',       style: 'hidden sm:flex sm:w-1/4'},\n                                    {field: 'startTime', title: 'When',     style: 'w-5/12 sm:w-1/4'},\n                                    {field: 'duration',  title: 'Duration', style: 'hidden sm:flex sm:w-1/4'}\n                                ]}>\n\n                                <ExpanderTableHeader className=\"pt-4 pb-2 pl-4 pr-1 uppercase\" >\n                                    <div style={{marginTop:-12, marginBottom: -10}}>\n                                        <IconButton onClick={handleMenuButtonClick}>\n                                            <MoreVert/>\n                                        </IconButton>\n                                        <Menu\n                                            anchorEl={menuAnchor}\n                                            keepMounted\n                                            open={Boolean(menuAnchor)}\n                                            onClose={handleMenuClose}\n                                        >\n                                            <MenuItem\n                                                id=\"refresh\"\n                                                onClick={handleMenuItemClick}\n                                            >\n                                                <Refresh className=\"mr-2\"/>\n                                                Refresh\n                                            </MenuItem>\n                                        </Menu>\n                                    </div>\n                                </ExpanderTableHeader>\n\n                                <ExpanderTableContent noData=\"No calls to show.\">\n                                    <ExpanderTableRows\n                                        rowKey=\"sid\"\n                                        SummaryComponent={CallSummary}\n                                        ContentComponent={CallContent}\n                                    />\n                                </ExpanderTableContent>\n\n                                <ExpanderTablePager onVisibilityChange={handlePageVisibility}/>\n                            </ExpanderTable>\n                        </div>\n                        : null\n                    }\n                </main>\n            </FuseAnimate>\n        </div>\n    )\n\n}\n\n// CallSummary renders the header for a row in the ExpanderTable\nconst CallSummary = ({row}) => {\n    return (\n        <div className=\"flex flex-row flex-grow font-light\">\n            <div className=\"mr-3\"><CallStatusIcon status={row.status} fontSize=\"small\" color=\"textSecondary\" /></div>\n            <div className=\"mr-1 w-7/12 sm:w-1/4 font-bold\">{ausPhone(row.from)}</div>\n            <div className=\"hidden sm:flex sm:w-1/4\">{ausPhone(row.to)}</div>\n            <div className=\"w-5/12 sm:w-1/4\">{format('ago',row.startTime)}</div>\n            <div className=\"hidden sm:flex sm:w-1/4\">{format('duration', row.duration)}</div>\n        </div>\n    )\n}\n\n// CallContent renders the content in the expander in the ExpanderTable\nconst CallContent = ({row}) => {\n    const classes = {\n        dataLabel: {\n            minWidth: 75,\n            fontWeight: 500,\n        },\n    };\n\n    return (\n        <div className=\"flex flex-col flex-grow font-light\">\n\n            <div className=\"flex flex-col md:flex-row\">\n                <div className=\"flex flex-row p-1 md:w-1/2\">\n                    <div style={classes.dataLabel}>Time</div>\n                    <div className=\"\">\n                        <span className=\"pr-1\">{format('date-long', row.startTime)}</span>\n                        <span className=\"\" dangerouslySetInnerHTML={{__html: format('time-12h', row.startTime)}}/>\n                    </div>\n                </div>\n                <div className=\"flex flex-row p-1 md:w-1/2\">\n                    <div style={classes.dataLabel}>Direction</div>\n                    <div className=\"capitalize\">{format('direction', row.direction)}</div>\n                </div>\n            </div>\n\n            <div className=\"flex flex-col md:flex-row\">\n                <div className=\"flex flex-row p-1 md:w-1/2\">\n                    <div style={classes.dataLabel}>From</div>\n                    <div className=\"\">{ausPhone(row.from)}</div>\n                </div>\n                <div className=\"flex flex-row p-1 md:w-1/2\">\n                    <div style={classes.dataLabel}>To</div>\n                    <div className=\"\">{ausPhone(row.to)}</div>\n                </div>\n            </div>\n\n            <div className=\"flex flex-col md:flex-row\">\n                <div className=\"flex flex-row p-1 md:w-1/2\">\n                    <div style={classes.dataLabel}>Duration</div>\n                    <div className=\"\">{format('duration', row.duration)}</div>\n                </div>\n                <div className=\"flex flex-row p-1 md:w-1/2\">\n                    <div style={classes.dataLabel}>Status</div>\n                    <div className=\"capitalize\">{row.status}</div>\n                </div>\n            </div>\n\n        </div>\n    )\n}\n\nconst CallStatusIcon = ({status, fontSize}) => {\n    switch (status) {\n        case 'completed':\n            return <PhoneForwarded fontSize={fontSize} color=\"inherit\" className=\"text-green-600\" />\n        case 'cancel':\n            return <CallEnd fontSize={fontSize} color=\"inherit\" className=\"text-blue-600\" />\n        case 'no-answer':\n        case 'noanswer':\n            return <PhoneMissed fontSize={fontSize} color=\"inherit\" className=\"text-orange-600\" />\n        case 'failed':\n            return <PhoneDisabled fontSize={fontSize} color=\"inherit\" className=\"text-red-600\"/>\n        default:\n            return <Phone fontSize={fontSize}/>\n    }\n}\n\nexport default CallLogPage;","import React, {useEffect, useState} from \"react\";\nimport {Link as RouteLink} from 'react-router-dom';\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {ErrorScreen, FuseAnimate, HeaderToolbar, Loading} from \"../../components\";\nimport {Link} from \"@material-ui/core\";\nimport {Typography} from \"@material-ui/core\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport Button from \"@material-ui/core/Button\";\nimport {Call, Email} from \"@material-ui/icons\";\nimport clsx from \"clsx\";\nimport {useStore} from \"../../store\";\nimport {fetchAccount} from \"../../store/actions\";\nimport {useAuthUser} from \"../../components/auth-provider\";\nimport {FAQAccordion} from \"../../components\";\nimport {ReactComponent as Logo} from \"../../images/phonethru-logo.svg\";\n\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        height: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column',\n        flexGrow: 1,\n        justifyContent: \"center\",\n    },\n    bodyText: {\n        fontWeight  : 300,\n    },\n    emphasis: {\n        fontWeight: 700,\n    },\n    para: {\n        fontWeight  : 300,\n        marginBottom: 16,\n    },\n    link: {\n        color: '#653ab1',\n        fontWeight: 700,\n        '&:hover': {\n            textDecoration: 'underline',\n            textDecorationColor: '#653ab1',\n        },\n    },\n    list: {\n        fontWeight: 300,\n        listStyle: 'disc outside none',\n        padding: '10px 10px 10px 25px',\n    },\n    panelLogo: {\n        width: 200,\n        height: 51,\n    },\n}));\n\nconst SupportPage = () => {\n    const classes = useStyles();\n    const {user} = useAuthUser();          // Get logged in user\n    const [store, dispatch] = useStore();   // Get the global store\n\n    // Set up local state\n    const [state, setState] = useState({\n        property : '',\n        tocLinks : [],\n    })\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    // Make sure the account is available in the store\n    useEffect(()=> {\n        dispatch(fetchAccount(user.accountId, store, dispatch))\n    }, [user.accountId, store, dispatch])\n\n    // Set the Table of Contents links\n    useEffect(()=>{\n        if (store.account.property) {\n            setState({\n                property: store.account.property,\n                // tocLinks: tocLinks\n            })\n        }\n    }, [store.account.property])\n\n    return (\n        <div id=\"support-root\" className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location=\"support\"/>\n            </AppBar>\n            <Toolbar />\n\n            <main className={classes.content}>\n\n                { store.account.isFetching ? <Loading/> : null }\n\n                { store.account.error && <ErrorScreen error={store.account.error}/> }\n\n                { store.account.error === null && !store.account.isFetching ?\n                    <div className=\"flex flex-grow flex-col mt-4\">\n                        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n                            <ContactCard accountId={user.accountId}/>\n                        </FuseAnimate>\n\n                        { state.property === 'phonethru' ?\n                            <PhoneThruSupport\n                                accountId={user.accountId}\n                                property={state.property}\n                                accountType={store.account.type || ''}\n                                autoRecharge={store.account.autoRecharge || {}}\n                            />\n                            : null\n                        }\n                    </div>\n                    : null\n                }\n            </main>\n        </div>\n    );\n}\n\nconst PhoneThruSupport = ({accountId, property, autoRecharge, accountType}) => {\n    const classes = useStyles();\n\n    return (\n        <React.Fragment>\n            <FuseAnimate animation=\"transition.expandIn\" delay={200}>\n                <div id=\"hc-changes\" className=\"mb-6\">\n                    <Typography variant=\"h6\">Mobile & Number Changes</Typography>\n\n                    <FAQAccordion title=\"Can I change my mobile number?\">\n                        <MobileNumberChangeContent property={property}/>\n                    </FAQAccordion>\n\n                    <FAQAccordion title=\"Adding a new landline number\">\n                        <div className=\"flex flex-col\">\n                            <div className={classes.para}>\n                                To add another landline number to your account tap the <strong>Add Number</strong> button under the <strong>My\n                                Numbers</strong> section on the Home page, or tap the button below.\n                            </div>\n                            <div className={classes.para}>\n                                There is a one-time <span className={classes.emphasis}>$9</span> set up fee for a new landline number.\n                            </div>\n                            <div>\n                                <Button\n                                    component={RouteLink}\n                                    variant=\"contained\"\n                                    color=\"secondary\"\n                                    to=\"/transfer\"\n                                >\n                                    Add A Landline Number\n                                </Button>\n                            </div>\n\n                        </div>\n                    </FAQAccordion>\n                </div>\n            </FuseAnimate>\n\n            <FuseAnimate animation=\"transition.expandIn\" delay={300}>\n                <div id=\"hc-changes\" className=\"mb-6\">\n                    <Typography variant=\"h6\">Landline Numbers</Typography>\n\n                    <FAQAccordion title=\"Stopping calls temporarily\">\n                        <div className=\"flex flex-col\">\n                            <div className={classes.para}>\n                                To 'turn off' a landline number tap it on the Home page to show the <strong>Manage Number</strong> button\n                                and tap the button to go to the service page.\n                            </div>\n                            <div className={classes.para}>\n                                In the Call Forwarding section you'll see a\n                                switch.  Turn the switch off to stop receiving calls.  You can follow the same process to\n                                turn Call Forwarding back on when you're ready to receive calls again.\n                            </div>\n                            <div className={classes.para}>\n                                Turning Call Forwarding off does not affect the expiry of the call minutes on the landline number.\n                            </div>\n                            <div className={classes.para}>\n                                Calls to your landline number are rejected when call forwarding is turned off.\n                                Your caller will hear a 'busy' tone.\n                            </div>\n                            <div className={classes.para}>\n                                You do not use call minutes for rejected calls.\n                            </div>\n                        </div>\n                    </FAQAccordion>\n\n                    <FAQAccordion title=\"Where is my landline number?\">\n                        <div className=\"flex flex-col\">\n                            <div className={classes.para}>\n                                Landline numbers are automatically removed from your account if you have had zero\n                                call minutes for more than two weeks.\n                            </div>\n                            <div className={classes.para}>\n                                You may be able to recover your old landline number.\n                            </div>\n                        </div>\n                    </FAQAccordion>\n\n                    <FAQAccordion title=\"Recovering a previous number\">\n                        <div className=\"flex flex-col\">\n                            <div className={classes.para}>\n                                To recover a previous landline number, tap the <strong>Add Number</strong> button under the My\n                                Numbers section on the Home page, or tap the button below.\n                            </div>\n                            <div className={classes.para}>\n                                If your previous landline number is available, you will see\n                                a button labelled <strong>Recover a Previous Number</strong>. If you do not see the\n                                button, then your previous number is not available.\n                            </div>\n                            <div className={classes.para}>\n                                Tap the <strong>Recover a Previous Number</strong> button and your first available\n                                previous number will be selected. Expand <strong>Show other available landline numbers\n                                you've had before</strong> to see a list of all available previous numbers.\n                            </div>\n                            <div className={classes.para}>\n                                The one-time landline number <span className={classes.emphasis}>$9</span> set up fee applies when\n                                recovering a previous number.\n                            </div>\n                            <div>\n                                <Button\n                                    component={RouteLink}\n                                    variant=\"contained\"\n                                    color=\"secondary\"\n                                    to=\"/transfer\"\n                                >\n                                    Add A Landline Number\n                                </Button>\n                            </div>\n\n                        </div>\n                    </FAQAccordion>\n                </div>\n            </FuseAnimate>\n\n            <FuseAnimate animation=\"transition.expandIn\" delay={400}>\n                <div id=\"hc-billing\" className=\"mb-6\">\n                    <Typography variant=\"h6\">Call Minutes</Typography>\n\n                    <FAQAccordion title=\"How do I roll over my call minutes?\">\n                        <div className=\"flex flex-col\">\n                            <div className={classes.para}>\n                                Call minutes are automatically rolled over when you recharge.\n                            </div>\n                            <div className={classes.para}>\n                                For example, you purchase an \"XL\" recharge on the first of the month. The call minutes will expire on the 28th of the month if you haven't used them before.\n                                On the 26th of the month you still have 245 minutes remaining and you're unlikely to use them all before they expire.\n                            </div>\n                            <div className={classes.para}>\n                                Any recharge purchased before your call minutes expire will roll over your remaining minutes and extend their expiry date.\n                            </div>\n                            <div className={classes.para}>\n                                It's not quite payday and finances are a bit tight, so you purchase a cheaper \"M\" recharge with 290 call minutes. Your existing 245 call minutes are rolled over to give you a total of\n                                535 call minutes with 28 days expiry.\n                            </div>\n                        </div>\n\n                    </FAQAccordion>\n\n                    <FAQAccordion title=\"How do I get more call minutes?\">\n                        <RechargingContent autoRecharge={autoRecharge} accountType={accountType}/>\n                    </FAQAccordion>\n                </div>\n            </FuseAnimate>\n\n        </React.Fragment>\n    )\n}\n\nconst ContactCard = ({accountId}) => {\n    const classes = useStyles();\n\n    return (\n        <div id={\"contact-card\"} className={clsx(classes.contactCard, \"bg-white rounded shadow p-4 mb-6\")}>\n                <Logo className={classes.panelLogo} fill=\"#3f51b5\" alt=\"logo\" />\n                <div className=\"flex flex-col sm:flex-row\">\n                    <div className=\"mt-3 sm:mt-0\">\n                        <div>\n                            <Call color=\"action\" className=\"mr-2\"/>\n                            <Link className={classes.link} href=\"tel:61399997555\" variant=\"body1\">\n                                (03) 9999 7555\n                            </Link>\n                        </div>\n                        <div className=\"flex flex-no-wrap mt-2\">\n                            <Email color=\"action\" className=\"mr-2\"/>\n                            <EmailButton variant=\"link\" title=\"hello@phonethru.com\" accountId={accountId}/>\n                        </div>\n                    </div>\n                </div>\n        </div>\n    )\n}\n\nconst MobileNumberChangeContent = ({property}) => {\n    const classes = useStyles();\n\n    return (\n        <div className=\"flex flex-col\">\n            <div className={classes.para}>\n                You can't change your the mobile number on this account, but you can create a new account with your\n                new mobile number and transfer your landline number to the new account.\n            </div>\n            <div  className={classes.para}>\n                Transferring a landline number to another account is a paid service.\n            </div>\n            <div  className={classes.para}>\n                You can start the transfer process by tapping the landline number on the Home page, then\n                tapping <strong>Manage Number</strong> then the <strong>Transfer Number</strong> button on the Service Detail page.<br/>\n                You can also go straight to\n                the <RouteLink to=\"/transfer\" className={classes.link}>transfer page</RouteLink> with the button below.\n            </div>\n            <div  className={classes.para}>\n                A couple of notes about transferring a landline number:\n                <ul className={classes.list}>\n                    <li className=\"mb-2\">\n                        You'll need to know the password of the receiving account. The receiving account is the\n                        mobile number you're transferring to.\n                    </li>\n                    <li className=\"mb-2\">\n                        The landline will transfer to the receiving account with its existing call minutes and\n                        expiry.\n                    </li>\n                </ul>\n            </div>\n            <div>\n                <Button\n                    component={RouteLink}\n                    variant=\"contained\"\n                    color=\"secondary\"\n                    to=\"/transfer\"\n                >\n                    Transfer Landline Number\n                </Button>\n            </div>\n        </div>\n    )\n}\n\nconst RechargingContent = ({autoRecharge, accountType}) => {\n    const classes = useStyles();\n\n    return (\n        <React.Fragment>\n            <div className={classes.para}>\n                When your call minutes are getting low you'll see a <strong>RECHARGE</strong> button below the\n                number on the <RouteLink to=\"/home\" className={classes.link}>home page</RouteLink> or you can\n                use the <RouteLink to=\"/recharge\" className={classes.link}> recharge page</RouteLink> at any time.\n            </div>\n            <div>\n                <Button\n                    component={RouteLink}\n                    variant=\"contained\"\n                    color=\"secondary\"\n                    to=\"/recharge\"\n                >\n                    Recharge Now\n                </Button>\n            </div>\n        </React.Fragment>\n    )\n}\n\nconst EmailButton = ({variant, accountId, title=\"Email Now\"}) => {\n    const classes = useStyles();\n\n    const mailToMove    = `mailto:hello@phonethru.com?subject=Number%20location%20query%20(Account%20${accountId})`\n    const mailToAdd     = `mailto:hello@phonethru.com?subject=Additional%20landline%20number%20(Account%20${accountId})`\n    const mailToSupport = `mailto:hello@phonethru.com?subject=Support%20query%20(Account%20${accountId})`\n    const mailToNumber  = `mailto:hello@phonethru.com?subject=Number%20Change%20(Account%20${accountId})`\n\n    return (\n        <React.Fragment>\n            { variant === 'move' ?\n                <Button variant=\"contained\" color=\"secondary\" href={mailToMove}>{title}</Button>\n                : null\n            }\n            { variant === 'add' ?\n                <Button variant=\"contained\" color=\"secondary\" href={mailToAdd}>{title}</Button>\n                : null\n            }\n            { variant === 'number-change' ?\n                <Button variant=\"contained\" color=\"secondary\" href={mailToNumber}>{title}</Button>\n                : null\n            }\n            { variant === 'link' ?\n                <Link className={classes.link} href={mailToSupport} variant=\"body1\">\n                    {title}\n                </Link>\n                : null\n            }\n        </React.Fragment>\n    )\n}\n\nexport default SupportPage;","import React, {useCallback, useEffect, useState} from \"react\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {\n    ExpanderTable, ExpanderTableContent,\n    ExpanderTableHeader,\n    ExpanderTablePager, ExpanderTableRows,\n    HeaderToolbar,\n} from \"../../components\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Menu from \"@material-ui/core/Menu\";\nimport {fetchAccount} from \"../../store/actions\";\nimport {useStore} from \"../../store\";\nimport {ErrorScreen} from \"../../components\";\nimport {Loading} from \"../../components\";\nimport {InvoiceStatus} from \"../../components\";\nimport {animateScroll} from 'react-scroll'\nimport format from \"../../utils/format\";\nimport {InvoiceService} from \"../../services\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport IconButton from \"@material-ui/core/IconButton\"\nimport MoreVert from \"@material-ui/icons/MoreVert\";\nimport Refresh from \"@material-ui/icons/Refresh\";\nimport Button from \"@material-ui/core/Button\";\nimport externalLink from \"../../utils/external-link\";\nimport FuseAnimate from \"../../components/fuse-animate/fuse-animate\";\nimport purchases from \"../../utils/purchases\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        minHeight: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        display       : 'flex',\n        flexDirection : 'column',\n        flexGrow      : 1,\n        marginTop    : theme.spacing(2),\n    },\n    dataLabel: {\n        minWidth: 75,\n        fontWeight: 500,\n    },\n}));\n\n\nconst PurchasesPage = ({location}) => {\n    const classes = useStyles();\n    const [store, dispatch] = useStore();   // Get the global store\n    const [state, setState] = useState({\n        isFetching : false,\n        error      : null,\n        charges    : [],    // Charge data\n        total      : 0,     // total number of calls\n        filtered   : 0,     // total number of calls after filtering\n        page       : 0,     // current page (numbered from 0)\n        pageLength : 10,    // number of records to display per page\n        pageCount  : 0,     // total number of pages available\n        scrollTop  : false, // If set, scroll to the top of the page after fetching\n        showLoader : false, // if true display the table loading indicator\n    });\n    const [menuAnchor, setMenuAnchor] = useState(null)\n    const tableRef = React.createRef();\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    // Make sure the account is available in the store\n    useEffect(()=> {\n        if (store.user.accountId) {\n            dispatch(fetchAccount(store.user.accountId, store, dispatch))\n        }\n    }, [store.user.accountId, store, dispatch])\n\n    // fetchData is a callback that returns row data for the ExpanderTable\n    //\n    // When the table requires data it calls this function passing four parameters:\n    //  - page:        the page number (first page is zero)\n    //  - pageLength:  the maximum number of rows to return\n    //  - sorting:     the expected sort columns and order of the result set.\n    //  - search:      the user's search term if any\n    //\n    // The callback should return an object:\n    // {\n    //     rows:     array - the result rows (or an empty array)\n    //     total:    int   - the total number of rows available\n    //     filtered: int   - the total number of rows returned after applying the search term.\n    // }\n    //\n    // The function should be memoized using useCallback otherwise a new function will be passed to the\n    // table each render which will cause the table to request the data each time it renders.\n    const fetchData = useCallback((page, pageLength, sorting={}) => {\n        return new Promise((resolve, reject) => {\n\n            // If we don't have an accountId yet, we can't proceed...\n            if (store.account.id === 0) {\n                resolve({total: 0, filtered: 0, rows: []})\n                return\n            }\n\n            // Set the sort order\n            const sort = sorting.column && sorting.direction ? sorting.column+','+sorting.direction : 'date,desc';\n\n            InvoiceService.search(store.account.id, page * pageLength, pageLength, sort)\n                .then(result => {\n                    resolve({\n                        total    : result.total,\n                        filtered : result.filtered,\n                        rows     : purchases(result.invoices),  // convert invoices to purchases\n                    })\n                })\n                .catch(error => {\n                    setState(s =>({...s, isFetching: false, error}))\n                })\n\n        })\n    }, [store.account.id])\n\n    const handlePageVisibility = (isVisible, viewportOffset) => {\n        // If the page controls at the bottom of the table are offscreen and above\n        // the viewport, scroll to the top\n        if (!isVisible && viewportOffset < 0) {\n            animateScroll.scrollToTop({containerId: 'psb'});\n        }\n    }\n\n    const handleMenuButtonClick = (event) => {\n        // Open the menu at the\n        setMenuAnchor(event.currentTarget)\n    }\n    const handleMenuItemClick = (event) => {\n        if (event.target.id === 'refresh' && tableRef.current) {\n            tableRef.current.reload();\n        }\n        setMenuAnchor(null);\n    }\n    const handleMenuClose = (event) => {\n        setMenuAnchor(null);\n    }\n\n    return(\n        <div className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location={location.pathname}/>\n            </AppBar>\n            <Toolbar />\n\n            <FuseAnimate animation=\"transition.expandIn\" delay={200}>\n                <main className={classes.content}>\n                    { store.account.error && <div className=\"my-auto pb-24\"><ErrorScreen error={store.account.error}/></div> }\n                    { state.error && <div className=\"my-auto pb-24\"><ErrorScreen error={state.error}/></div> }\n                    { store.account.isFetching ? <div className=\"my-auto pb-24\"><Loading/></div> : null }\n                    { store.account.error === null && state.error === null && !store.account.isFetching ?\n                        <div className=\"flex flex-col flex-grow\">\n                            <Typography variant=\"h5\" color=\"secondary\">Purchases</Typography>\n\n                            <ExpanderTable\n                                onData={fetchData}\n                                ref={tableRef}\n                                columns={[\n                                    {field: 'date',      title: 'Date',      style: 'w-5/12 md:w-1/4'},\n                                    {field: 'reference', title: 'Reference', style: 'hidden md:flex md:w-1/4'},\n                                    {field: 'amount',    title: 'Amount',    style: 'w-4/12 md:w-1/4'},\n                                    {field: 'status',    title: 'Status',    style: 'w-3/12 md:flex md:w-1/4'}\n                                ]}>\n\n                                <ExpanderTableHeader className=\"pt-4 pb-2 pl-4 pr-1 uppercase\" >\n                                    <div style={{marginTop:-12, marginBottom: -10}}>\n                                        <IconButton onClick={handleMenuButtonClick}>\n                                            <MoreVert/>\n                                        </IconButton>\n                                        <Menu\n                                            anchorEl={menuAnchor}\n                                            keepMounted\n                                            open={Boolean(menuAnchor)}\n                                            onClose={handleMenuClose}\n                                        >\n                                            <MenuItem\n                                                id=\"refresh\"\n                                                onClick={handleMenuItemClick}\n                                            >\n                                                <Refresh className=\"mr-2\"/>\n                                                Refresh\n                                            </MenuItem>\n                                        </Menu>\n                                    </div>\n                                </ExpanderTableHeader>\n\n                                <ExpanderTableContent noData=\"No purchases to show.\">\n                                    <ExpanderTableRows\n                                        rowKey=\"id\"\n                                        SummaryComponent={PurchaseSummary}\n                                        ContentComponent={PurchaseContent}\n                                    />\n                                </ExpanderTableContent>\n\n                                <ExpanderTablePager onVisibilityChange={handlePageVisibility}/>\n                            </ExpanderTable>\n                        </div>\n                        : null\n                    }\n                </main>\n            </FuseAnimate>\n        </div>\n    )\n\n}\n\n// PurchaseSummary renders the header for a row in the ExpanderTable\nconst PurchaseSummary = ({row}) => {\n    return (\n        <div className=\"flex flex-row flex-grow font-light items-center\">\n            <div className=\"w-5/12 md:w-1/4\">{format('date-only', row.date)}</div>\n            <div className=\"hidden md:flex md:w-1/4\">{row.reference}</div>\n            <div className=\"w-4/12 md:w-1/4 font-bold\">${((row.amount - row.amountRefunded)/100).toFixed(2)}</div>\n            <div className=\"w-3/12 md:flex md:w-1/4\">\n                <InvoiceStatus status={row.status} />\n            </div>\n        </div>\n    )\n}\n\n// PurchaseContent renders the content in the expander in the ExpanderTable\nconst PurchaseContent = ({row}) => {\n    const classes = {\n        dataLabel: {\n            minWidth: 75,\n            fontWeight: 500,\n        },\n    };\n\n    return (\n        <div className=\"flex flex-col flex-grow font-light\">\n            <div className=\"flex flex-col sm:flex-row\">\n                <div className=\"flex flex-row p-1 sm:w-1/2 pb-3\">\n                    <div style={classes.dataLabel}>Date</div>\n                    <div className=\"\">{format('date-long',row.date)}</div>\n                </div>\n                <div className=\"flex flex-row p-1 sm:w-1/2 pb-3\">\n                    <div style={classes.dataLabel}>Amount</div>\n                    <div className=\"\">${(row.amount/100).toFixed(2)}</div>\n                </div>\n            </div>\n                <div className=\"flex flex-col sm:flex-row\">\n                    <div className=\"flex flex-row p-1 sm:w-1/2 pb-3\">\n                        <div style={classes.dataLabel}>Item</div>\n                        <div className=\"\">{row.description}</div>\n                    </div>\n                { row.amountRefunded > 0 ?\n                    <div className=\"flex flex-row p-1 sm:w-1/2 pb-3\">\n                        <div style={classes.dataLabel}>Refunded</div>\n                        <div className=\"\">${(row.amountRefunded/100).toFixed(2)}</div>\n                    </div>\n                    : null\n                }\n                </div>\n            <div className=\"flex flex-col sm:flex-row\">\n                <div className=\"flex flex-row p-1 sm:w-1/2 pb-3\">\n                    <div style={classes.dataLabel}>Reference</div>\n                    <div className=\"\">{row.reference}</div>\n                </div>\n                <div className=\"flex flex-row p-1 sm:w-1/2 pb-3\">\n                    <div style={classes.dataLabel}>Status</div>\n                    <div className=\"capitalize\">{row.status}</div>\n                </div>\n            </div>\n\n            <Button variant=\"outlined\"\n                    color=\"primary\"\n                    size=\"large\"\n                    onClick={(e) => externalLink(e, row.receiptUrl, true)}\n            >View Receipt</Button>\n        </div>\n    )\n}\n\n\nexport default PurchasesPage;","import React, {useContext, useEffect, useState} from \"react\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {AuthContext, ErrorScreen, HeaderToolbar, Loading} from \"../../components\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport Select from \"@material-ui/core/Select\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport Button from \"@material-ui/core/Button\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport {useStore} from \"../../store\";\nimport {fetchAccount, invalidateAccount} from \"../../store/actions\";\nimport Typography from \"@material-ui/core/Typography\";\nimport FuseAnimate from \"../../components/fuse-animate/fuse-animate\";\nimport {Card} from \"@material-ui/core\";\nimport red from \"@material-ui/core/colors/red\";\nimport {AccountService} from \"../../services\";\nimport {useSnackbar} from \"notistack\";\nimport {apiError} from '../../utils/toast'\nimport TextField from \"@material-ui/core/TextField\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        minHeight: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        display       : 'flex',\n        flexDirection : 'column',\n        flexGrow      : 1,\n        marginTop    : theme.spacing(2),\n    },\n    cardContent: {\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        padding: 24,\n        minHeight: 443,\n        maxWidth: 340,\n    },\n    closeButton: {\n        backgroundColor: red[600],\n        color: \"white\",\n        '&:focus, &:active, &:hover': {\n            backgroundColor: red[600],\n        },\n        marginTop: 36,\n        width: 200,\n    },\n    title: {\n        marginBottom: 16,\n    }\n}));\n\nconst CloseAccountPage = ({location, history}) => {\n    const classes = useStyles();\n    const [store, dispatch] = useStore();   // Get the global store\n    const [state, setState] = useState({\n        stage      : 'start',\n        submitting : false,\n        reason     : 0,\n        confirm    : '',\n    })\n    const {enqueueSnackbar} = useSnackbar()\n\n    const reasons = [\n        {value: 1, reason: 'My inmate has been released.'},\n        {value: 2, reason: 'It wasn\\'t saving me money.'},\n        {value: 3, reason: 'I don\\'t need it any more.'},\n        {value: 4, reason: 'I\\'m moving to another provider.'},\n        {value: 5, reason: 'I\\'d rather not say.'},\n    ]\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    // Make sure the account is available in the store\n    useEffect(()=> {\n        if (store.user.accountId) {\n            dispatch(fetchAccount(store.user.accountId, store, dispatch))\n        }\n    }, [store.user.accountId, store, dispatch])\n\n\n    // store.account.property = 'prisonconnect'\n    // store.account.type=\"post-paid\"\n\n    const lostMinutes = minutesRemaining(store.account)\n\n    const handleInputChange = (event) => {\n        setState({\n            ...state,\n            [event.target.name]: event.target.value,\n        })\n    }\n\n    const handleCloseButtonClick = (event) => {\n        event.preventDefault();\n        setState({...state, submitting: true})\n\n        AccountService.close(store.account.id, reasons[state.reason-1].reason)\n            .then(() => {\n                dispatch(invalidateAccount())   // reload the account\n                setState({...state, submitting: false, stage: 'complete'})\n            })\n            .catch(error => {\n                apiError(\"Sorry, we can't close your account right now.\", error, enqueueSnackbar);\n                setState({...state, submitting: false})\n            })\n    }\n\n    const handleTextChange = (event) => {\n        setState({\n            ...state,\n            [event.target.name]: event.target.value.toLowerCase(),\n        })\n    }\n\n    return (\n        <div className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location={location.pathname}/>\n            </AppBar>\n            <Toolbar />\n\n            <FuseAnimate animation=\"transition.expandIn\" delay={200}>\n                <main className={classes.content}>\n                    { store.account.error && <div className=\"my-auto pb-24\"><ErrorScreen error={store.account.error}/></div> }\n                    { store.account.isFetching ? <div className=\"my-auto pb-24\"><Loading/></div> : null }\n                    { store.account.error === null && !store.account.isFetching ?\n                        <div className=\"flex flex-col flex-grow\">\n                            <Card>\n                                <div className=\"p-4 flex flex-col\">\n\n                                    {state.stage === 'start' ?\n                                        <>\n                                            <Typography variant=\"h5\" color=\"error\" className={classes.title}>Close Account</Typography>\n                                            <Typography paragraph>\n                                                We're sorry to see you go!\n                                            </Typography>\n                                            <Typography paragraph>\n                                                Please share the reason you're closing your account today.\n                                            </Typography>\n\n                                            <ReasonSelect reason={state.reason} onChange={handleInputChange} />\n\n                                            {lostMinutes > 0 ?\n                                                <div className=\"mt-8\">\n                                                    <Typography variant=\"h6\" color=\"error\">Warning</Typography>\n                                                    <Typography paragraph><strong>{lostMinutes} unused call minutes will be lost!</strong></Typography>\n                                                    <Typography paragraph>\n                                                        Type <strong>\"close\"</strong> on the line below to show you\n                                                        really want to close this account and lose {lostMinutes} call minutes.\n                                                    </Typography>\n                                                    <TextField\n                                                        value={state.confirm}\n                                                        name=\"confirm\"\n                                                        onChange={handleTextChange}\n                                                        placeholder=\"Type 'close' here\"\n                                                    />\n                                                </div>\n                                                : null\n                                            }\n\n                                            <Button\n                                                variant=\"contained\"\n                                                className={classes.closeButton}\n                                                onClick={handleCloseButtonClick}\n                                                disabled={state.submitting || state.reason === 0 || (lostMinutes > 0 && state.confirm !== 'close')}\n                                            >\n                                                { state.submitting ? <CircularProgress size={24} color=\"inherit\"/> : 'Close Account Now'}\n                                            </Button>\n                                        </>\n                                    : null\n                                    }\n\n                                    {state.stage === 'complete' ?\n                                        <CloseText account={store.account} history={history}/>\n                                        : null\n                                    }\n\n                                </div>\n                            </Card>\n                        </div>\n                        : null\n                    }\n                </main>\n            </FuseAnimate>\n        </div>\n    )\n}\n\n\nconst ReasonSelect = ({reason, onChange}) => {\n    return (\n        <Select name=\"reason\" value={reason} onChange={onChange}>\n            <MenuItem key={0} value={0} disabled>Please choose an option...</MenuItem>\n            <MenuItem key={1} value={1}>My inmate has been released</MenuItem>\n            <MenuItem key={2} value={2}>It wasn't saving me money.</MenuItem>\n            <MenuItem key={3} value={3}>I don't need it any more.</MenuItem>\n            <MenuItem key={4} value={4}>I'm moving to another provider.</MenuItem>\n            <MenuItem key={5} value={5}>I'd rather not say.</MenuItem>\n        </Select>\n    )\n}\n\n\nconst CloseText = ({account, history}) => {\n    const classes = useStyles();\n    const auth = useContext(AuthContext)\n\n    const handleLogoutButtonClick = (event) => {\n        event.preventDefault();\n        auth.logout();\n        history.push('/');\n    }\n\n    //console.log('account=',account)\n    return (\n        <>\n            <Typography variant=\"h5\" color=\"secondary\" className={classes.title}>Account Closed</Typography>\n\n            <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n                <Typography paragraph>\n                    Thank you, your account has been closed.\n                </Typography>\n            </FuseAnimate>\n\n            {/*<FuseAnimate animation=\"transition.expandIn\" delay={200}>*/}\n            {/*    <Typography paragraph>*/}\n            {/*        Our team will finalise your account within one business day.*/}\n            {/*    </Typography>*/}\n            {/*</FuseAnimate>*/}\n\n            { account.type === 'post-paid' ?\n                <>\n                    <FuseAnimate animation=\"transition.expandIn\" delay={200}>\n                        <Typography paragraph>\n                            As part of the finalization process, we'll charge any unbilled calls to your credit card\n                            and email you a final receipt.\n                        </Typography>\n                    </FuseAnimate>\n                </>\n                : null\n            }\n            { account.type === 'pre-paid' ?\n                <>\n                    { account.balance > 0 ?\n                        <FuseAnimate animation=\"transition.expandIn\" delay={200}>\n                            <Typography paragraph component=\"div\">\n                                As part of the finalization process, your balance\n                                of ${(account.balance/100).toFixed(2)} will be refunded to your card.\n                                <div className=\"pt-4\">\n                                    We'll email a receipt when the refund has been issued and you will normally\n                                    see the money in your account 2-3 business days after that.\n                                </div>\n                            </Typography>\n                        </FuseAnimate>\n                        : null\n                    }\n                </>\n                : null\n            }\n\n            <FuseAnimate animation=\"transition.expandIn\" delay={300}>\n                <Typography paragraph>\n                    Thanks for being a customer and bye for now!\n                </Typography>\n            </FuseAnimate>\n\n            <FuseAnimate animation=\"transition.expandIn\" delay={400}>\n                <Button variant=\"contained\" color=\"secondary\" onClick={handleLogoutButtonClick}>\n                    Log Out\n                </Button>\n            </FuseAnimate>\n        </>\n    )\n\n}\n\nconst minutesRemaining = (account) => {\n    if (!account) {\n        return 0;\n    }\n    if (!account.services) {\n        return 0;\n    }\n    let minutes = 0;\n    for (let i=0; i < account.services.length; i++) {\n        minutes += account.services[i].callCredits;\n    }\n    return minutes;\n}\n\nexport default CloseAccountPage;","import React, {Suspense, useEffect, useState} from \"react\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {ErrorScreen, FuseAnimate, HeaderToolbar, Loading} from \"../../components\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport Card from \"@material-ui/core/Card\";\nimport {useAuthUser} from \"../../components/auth-provider\";\nimport {Controller, useForm} from \"react-hook-form\";\nimport {UserService} from \"../../services\";\nimport Typography from \"@material-ui/core/Typography\";\nimport {Button} from \"@material-ui/core\";\nimport PasswordStrengthMeter from \"../../components/password-strength-meter/password-strength-meter\";\nimport NewPasswordField from \"../../components/new-password-field/new-password-field\";\nimport {CheckCircleOutline} from \"@material-ui/icons\";\nimport {Link} from \"react-router-dom\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        minHeight: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column',\n        flexGrow: 1,\n        marginTop: 16,\n        justifyContent: \"center\",\n    },\n    card: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: 24,\n        maxWidth: 340,\n        [theme.breakpoints.up('sm')]: {\n            maxWidth: 360,\n        },\n    },\n}));\n\n\nconst PasswordPage = ({location}) => {\n    const classes = useStyles();\n    const {user} = useAuthUser();          // Get logged in user\n    const [state, setState] = useState({success: false, error: null})\n\n    const {handleSubmit, control, formState:{isValid, isSubmitting}} = useForm({ mode: 'onChange' });\n    const [scoreState, setScoreState] = useState({pwCheck:{\n            score      : 0,\n            rating     : '',\n            warning    : '',\n            suggestions: [\n                'Use a few words, avoid common phrases',\n                'No need for symbols, digits, or uppercase letters',\n            ],\n        },\n    })\n\n    //console.log('user', user)\n\n\n    // Cache the password score so we can update it for password validation in the same render cycle\n    let pwScore = scoreState.pwCheck.score\n\n    // onSubmit is called by ReactHookForm when the form is submitted and valid.\n    // It returns a promise that is used by RHF to set the isSubmitting flag.\n    const onSubmit = (data) => {\n        return new Promise((resolve) => {\n            UserService.setPassword(user.accountId, user.id, data.password)\n                .then(() => {\n                    // password has been updated - display a success message\n                    setState({...state, success: true})\n                })\n                .catch(error => {\n                    // Display an API error message\n                    setState({...state, error})\n                })\n                .finally(() => {\n                    resolve() // Resolve the promise so RHF knows we're done.\n                })\n        })\n    }\n\n    const handlePasswordChange = (event, check, onChange) => {\n        //console.log('handlePasswordChange check', check)\n        setScoreState({...scoreState, pwCheck: check})\n        pwScore = check.score\n        return onChange(event)\n    }\n\n    const isValidPassword = (value) => {\n        //console.log('isValidPassword',value, pwScore)\n        return pwScore > 2\n    }\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    // Make sure the account is available in the store\n    // useEffect(()=> {\n    //     dispatch(fetchAccount(user.accountId, store, dispatch))\n    // }, [user.accountId, store, dispatch])\n\n    return (\n        <div id=\"requests\" className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location={location.pathname}/>\n            </AppBar>\n            <Toolbar/>\n\n            <main className={classes.content}>\n                { state.error && <ErrorScreen error={state.error}/> }\n                { state.error === null && !state.success ?\n                    <div className=\"flex flex-grow flex-col items-center\">\n                        <Card className={classes.card}>\n                            <FuseAnimate animation=\"transition.expandIn\" delay={200}>\n                                <div id=\"change-password\" className=\"my-4\">\n                                    <Typography variant=\"h6\" color=\"secondary\">Change Password</Typography>\n                                    <form\n                                        name=\"passwordForm\"\n                                        noValidate\n                                        className=\"flex flex-col justify-center w-full mt-2\"\n                                        onSubmit={handleSubmit(onSubmit)}\n                                    >\n                                        <Suspense fallback={<Loading/>}>\n                                            <Controller\n                                                name=\"password\"\n                                                control={control}\n                                                defaultValue=\"\"\n                                                rules={{\n                                                    required: 'A password is required',\n                                                    validate: (value) => isValidPassword(value) || 'A strong password is required'\n                                                }}\n                                                render={ ({field: {onChange, value}, fieldState:{error} }) => (\n                                                    <>\n                                                        <NewPasswordField\n                                                            label=\"Password\"\n                                                            error={!!error}\n                                                            helperText={error ? error.message : 'Password Strength'}\n                                                            password={value}\n                                                            onChange={(event, check) => handlePasswordChange(event, check, onChange)}\n                                                            exclusions={['prisonconnect','telephoneer','phonethru']} // exclude from passwords\n                                                        />\n                                                        <PasswordStrengthMeter check={scoreState.pwCheck} variant=\"full\"/>\n                                                    </>\n                                                )}\n                                            />\n                                        </Suspense>\n\n                                        <div className=\"mt-2\">\n                                            <Button\n                                                type=\"submit\"\n                                                variant=\"contained\"\n                                                color=\"primary\"\n                                                aria-label=\"CHANGE PASSWORD\"\n                                                className=\"w-full\"\n                                                disabled={!isValid || isSubmitting}\n                                            >\n                                                {isSubmitting ? 'Changing password...' : 'Change Password'}\n                                            </Button>\n                                        </div>\n\n                                    </form>\n                                </div>\n                            </FuseAnimate>\n                        </Card>\n                    </div>\n                    : null\n                }\n                { state.success ?\n                    <div className=\"flex flex-grow flex-col items-center\">\n                        <Card className={classes.card}>\n                            <FuseAnimate animation=\"transition.expandIn\" delay={200}>\n                                <SuccessPanel />\n                            </FuseAnimate>\n                        </Card>\n                    </div>\n                    : null }\n            </main>\n        </div>\n    )\n}\n\nconst SuccessPanel = () => {\n\n    return (\n        <div className=\"flex flex-col items-center w-full\">\n            <FuseAnimate animation=\"callout.bounce\" delay={400}>\n                <div className=\"h-16 my-6\">\n                    <CheckCircleOutline style={{fontSize: 64, color: 'green'}} />\n                </div>\n            </FuseAnimate>\n            <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n                <Typography variant=\"body1\" align=\"left\" paragraph>\n                    Your password has been updated!\n                </Typography>\n            </FuseAnimate>\n            <div className=\"mt-4 w-full\">\n                <Button variant=\"contained\" color=\"primary\" aria-label=\"OK\" className=\"w-full\" component={Link} to=\"/account\">\n                    OK\n                </Button>\n            </div>\n        </div>\n    )\n}\n\nexport default PasswordPage;","import React, {useEffect} from \"react\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport {useStore} from \"../../store\";\nimport {fetchAccount} from \"../../store/actions\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {\n    AddPaymentMethod,\n    ErrorScreen,\n    HeaderToolbar,\n    Loading, PaymentMethodCard\n} from \"../../components\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport Card from \"@material-ui/core/Card\";\nimport FuseAnimate from \"../../components/fuse-animate/fuse-animate\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        minHeight: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column',\n        flexGrow: 1,\n        marginTop: 16,\n        justifyContent: \"center\",\n    },\n    card: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: 24,\n        width: '100%',\n        maxWidth: 340,\n        [theme.breakpoints.up('sm')]: {\n            maxWidth: 360,\n        },\n    },\n}));\n\nconst AddCardPage = ({location}) => {\n    const classes = useStyles();\n    const [store, dispatch] = useStore();   // Get the global store\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    // Make sure the account is available in the store\n    useEffect(()=> {\n        if (store.user.accountId) {\n            dispatch(fetchAccount(store.user.accountId, store, dispatch))\n        }\n    }, [store.user.accountId, store, dispatch])\n\n    return (\n        <div id=\"add-card\" className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location={location.pathname}/>\n            </AppBar>\n            <Toolbar/>\n\n            <main className={classes.content}>\n                { store.account.isFetching ? <Loading/> : null }\n                { store.account.error && <ErrorScreen error={store.account.error}/> }\n                { store.account.error === null && !store.account.isFetching ?\n                    <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n                        <div className=\"flex flex-grow flex-col items-center\">\n                            <Card className={classes.card}>\n                                {store.account.paymentMethod && store.account.paymentMethod.type !== '' ?\n                                    <PaymentMethodCard\n                                        accountId={store.account.id}\n                                        paymentMethod={store.account.paymentMethod}\n                                    />\n                                    :\n                                    <AddPaymentMethod accountId={store.account.id}/>\n                                }\n                            </Card>\n                        </div>\n                    </FuseAnimate>\n                    : null\n                }\n            </main>\n        </div>\n    )\n\n}\n\nexport default AddCardPage","import React, {useEffect} from \"react\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {ErrorScreen, HeaderToolbar, Loading} from \"../../components\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport {useAuthUser} from \"../../components/auth-provider\";\nimport {useStore} from \"../../store\";\nimport {fetchAccount} from \"../../store/actions\";\nimport {Link, Redirect} from \"react-router-dom\";\nimport Grid from \"@material-ui/core/Grid\";\nimport clsx from \"clsx\";\nimport ausPhone from \"../../utils/aus-phone\";\nimport Button from \"@material-ui/core/Button\";\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport FuseAnimate from \"../../components/fuse-animate/fuse-animate\";\nimport Card from \"@material-ui/core/Card\";\nimport Typography from \"@material-ui/core/Typography\";\nimport callCredits from \"../../utils/call-credits\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        minHeight: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column',\n        flexGrow: 1,\n        marginTop: 16,\n        justifyContent: \"center\",\n    },\n    card: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: 24,\n        width: '100%',\n        maxWidth: 340,\n        [theme.breakpoints.up('sm')]: {\n            maxWidth: 360,\n        },\n    },\n    listItem: {\n        backgroundColor: theme.palette.primary.main,\n        color: theme.palette.primary.contrastText,\n        paddingTop: theme.spacing(1),\n        paddingBottom: theme.spacing(1),\n        marginBottom: theme.spacing(2),\n        borderRadius: 3,\n        maxWidth: 400,\n    },\n    number: {\n        fontSize: 18,\n        fontWeight: 700,\n        '&.inActive': {\n            textDecoration: 'line-through',\n        },\n    },\n}));\n\n//\n// If the account has only 1 service, the recharge page redirects\n// to the service recharge page, /recharge/<serviceId>.\n//\n// If the account has no services, it displays a prompt with a link\n// to add a service /add-service\n//\n// If there is more than one service, a pick list is displayed to\n// allow the user to choose which service to recharge.\n//\nconst RechargePage = ({location}) => {\n    const classes = useStyles();\n    const [store, dispatch] = useStore();\n    const {user} = useAuthUser();           // Get logged in user\n\n    // Make sure the account is available in the store\n    useEffect(()=> {\n        dispatch(fetchAccount(user.accountId, store, dispatch))\n    }, [user.accountId, store, dispatch])\n\n    return (\n        <div id=\"recharge\" className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location={location.pathname}/>\n            </AppBar>\n            <Toolbar/>\n\n            <main className={classes.content}>\n                { store.account.isFetching ? <Loading/> : null }\n                { store.account.error && <ErrorScreen error={store.account.error}/> }\n                { store.account.error === null && !store.account.isFetching ?\n                    <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n                        <div id=\"recharge-list\" className=\"flex flex-grow flex-col items-center\">\n                            <RechargeSelectList account={store.account}/>\n                        </div>\n                    </FuseAnimate>\n                    : null\n                }\n            </main>\n        </div>\n    );\n\n}\n\nconst RechargeSelectList = ({account}) => {\n    const classes = useStyles();\n\n    // Only show active services\n    let services = [];\n    if (account.services) {\n        services = account.services.filter((service) => {\n            return service.active;\n        })\n    }\n\n    // Test stuff...\n    // services = [\n    //     {id:'101000000001', number: '+61398765432', name:'PhoneThru', meta:{zone:'Melbourne'}, callCredits: 236, callCreditsExpiry:'2021-06-19 23:59:59'},\n    //     {id:'101000000002', number: '+61354621789', name:'PhoneThru', meta:{zone:'Castlemaine'}, callCredits: 123, callCreditsExpiry:'2021-06-18 23:59:59'}\n    // ]\n    //\n    // services = [];\n\n    // Redirect if there's only one number\n    if (services.length === 1) {\n        return <Redirect to={`/recharge/${services[0].id}`}/>\n    }\n\n    if (services.length === 0) {\n        if (account.status < 1) {\n            // The account is closed\n            return (\n                <Card className={classes.card}>\n                    <Typography variant=\"h4\" color=\"secondary\" className=\"pb-6\">Recharge</Typography>\n                    <Typography variant=\"body1\" >Your account is currently closed but you can reactivate it.</Typography>\n                    <div className=\"flex flex-grow flex-row mt-6\">\n                        <Button\n                            component={Link}\n                            to={'/reactivate'}\n                            variant=\"outlined\"\n                            className=\"w-full\"\n                            color=\"secondary\"\n                        >\n                            Reactivate my account\n                        </Button>\n                    </div>\n                </Card>\n            )\n\n        } else {\n            // There's zero services...\n            return (\n                <Card className={classes.card}>\n                    <Typography variant=\"h4\" color=\"secondary\" className=\"pb-6\">Recharge</Typography>\n                    <Typography variant=\"body1\" >Hmm, we couldn't find any numbers you can recharge, but you can add one!</Typography>\n                    <div className=\"flex flex-grow flex-row mt-6\">\n                        <Button\n                            component={Link}\n                            to={'/add-service'}\n                            variant=\"outlined\"\n                            className=\"w-full\"\n                            color=\"secondary\"\n                        >\n                            Add a Number\n                        </Button>\n                    </div>\n                </Card>\n            )\n        }\n\n    } else {\n        // There's > 1 service...\n        return (\n            <Card className={classes.card}>\n                <Typography variant=\"h6\" className=\"pb-4\">Choose a number to recharge</Typography>\n                <List component=\"nav\" className=\"\">\n\n        { services.map((service, index) => (\n            <ListItem\n                component={Link}\n                to={`/recharge/${service.id}`}\n                key={service.id}\n                className={classes.listItem}\n            >\n                        <Grid container direction=\"column\" >\n                            <div>{service.name}</div>\n                            <div className={clsx(classes.number, {\n                                'inActive': service.active === 0})\n                            }>\n                                {ausPhone(service.number)}\n                            </div>\n                            { service.meta.zone !=='' ? <div className=\"mb-1\">{service.meta.zone}</div>:null}\n                            <Grid item container alignItems=\"center\" className={classes.forwarding}>\n                                <Credit service={service}/>\n                            </Grid>\n                        </Grid>\n            </ListItem>\n        ))}\n            </List>\n                </Card>\n        )\n    }\n}\n\nconst Credit = ({service}) => {\n    const {minutes, daysLeft} = callCredits(service);\n\n    if (minutes > 0) {\n        return (\n            <>\n                {/*<TimerOutlinedIcon fontSize=\"small\" className=\"mr-1\"/>*/}\n                <div>{minutes} min ({daysLeft} {daysLeft === 1 ? 'day':'days'}) left</div>\n            </>\n        )\n    } else {\n        return (\n            <>\n                {/*<ReportProblemOutlinedIcon fontSize=\"small\"  className=\"mr-1\"/>*/}\n                <div>No minutes left</div>\n            </>\n        )\n    }\n}\n\n\nexport default RechargePage;\n","import React, {useEffect, useState} from \"react\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {ErrorScreen, HeaderToolbar, Loading} from \"../../components\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport {useAuthUser} from \"../../components/auth-provider\";\nimport {SkuService} from \"../../services\";\nimport FuseAnimate from \"../../components/fuse-animate/fuse-animate\";\nimport Card from \"@material-ui/core/Card\";\nimport Typography from \"@material-ui/core/Typography\";\nimport ausPhone from \"../../utils/aus-phone\";\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport Button from \"@material-ui/core/Button\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport {Checkbox} from \"@material-ui/core\";\nimport useStore from \"../../store/hooks\";\nimport {fetchAccount, invalidateAccount} from \"../../store/actions\";\nimport Checkout from \"../../components/checkout/checkout\";\nimport {CheckCircleOutline, SentimentVeryDissatisfied} from \"@material-ui/icons\";\nimport externalLink from \"../../utils/external-link\";\nimport {Link} from \"react-router-dom\";\nimport {totals} from \"../../utils/checkout\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        minHeight: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column',\n        flexGrow: 1,\n        marginTop: 16,\n        justifyContent: \"center\",\n    },\n    card: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: 24,\n        width: '100%',\n        maxWidth: 340,\n        [theme.breakpoints.up('sm')]: {\n            maxWidth: 360,\n        },\n    },\n    skuButton: {\n        textTransform: 'none',\n        padding: 0,\n    }\n}));\n\nconst RechargeServicePage = ({location, match}) => {\n    const classes = useStyles();\n    const serviceId = match.params.id;\n    //console.log('serviceId', serviceId)\n\n    const [store, dispatch] = useStore()\n    const {user} = useAuthUser()\n\n    const [state, setState] = useState({\n        view: 'start',          // current view\n        sku: {\n            id: '',\n            name: '',\n            type: '',\n            taxRate: 0,\n            taxInc: false,\n            price: 0,\n            meta: {\n                description: '',\n                inclusions: {\n                    minutes: {\n                        quantity: 0,\n                        expiryDays: 0,\n                    },\n                }\n            }\n        },\n        skus: [],\n        service: {id:0, number:'', callCredits:0 },\n        purchase: {},\n        order: {},\n        termsAccepted: false,\n        isFetching: false,\n        error: null\n    });\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    // Make sure the account is available in the store\n    useEffect(()=> {\n        dispatch(fetchAccount(user.accountId, store, dispatch))\n    }, [user.accountId, store, dispatch])\n\n    // Load SKUs on mount\n    useEffect(() => {\n        setState(state => ({...state, isFetching: true}));\n        SkuService.getSkus()\n            .then(skus => {\n                setState(state => ({...state, skus, isFetching: false}));\n            })\n            .catch(error => {\n                setState(state => ({...state, error, isFetching: false}));\n            })\n    }, []) // <- load on start\n\n    // Set the selected service\n    useEffect(() => {\n        const services = store.account.services.filter(s => s.id.toString() === serviceId);\n        if (services.length > 0) {\n            setState(state => ({...state, service: services[0]}));\n        }\n    }, [serviceId, state.service, store.account])\n\n    //console.log('state', state);\n\n    return (\n        <div id=\"add-service\" className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location={location.pathname}/>\n            </AppBar>\n            <Toolbar/>\n\n            <main className={classes.content}>\n                { state.isFetching || store.account.isFetching ? <Loading/> : null }\n                { store.account.error && <ErrorScreen error={store.account.error}/> }\n                { state.error && <ErrorScreen error={state.error}/> }\n                { state.error === null && !state.isFetching && store.account.error === null && !store.account.isFetching ?\n                    <ContentCard state={state} setState={setState} />\n                    : null\n                }\n            </main>\n\n        </div>\n    );\n}\n\nconst ContentCard = ({state, setState}) => {\n    const classes = useStyles();\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div id=\"recharge\" className=\"flex flex-grow flex-col items-center\">\n                <Card className={classes.card}>\n                    { state.view !== 'checkout' ?\n                        <>\n                            <Typography variant=\"h4\" color=\"secondary\">Recharge</Typography>\n                            <Typography variant=\"h6\" color=\"secondary\">\n                                <span className=\"whitespace-nowrap\">{ausPhone(state.service.number)}</span>\n                            </Typography>\n                        </>\n                        : null\n                    }\n                    { state.view === 'start' ?\n                        <SkuList state={state} setState={setState} />\n                        : null\n                    }\n                    { state.view === 'terms' ?\n                        <TermsCard state={state} setState={setState} />\n                        : null\n                    }\n                    { state.view === 'checkout' ?\n                        <CheckoutCard state={state} setState={setState} />\n                        : null\n                    }\n                    { state.view === 'success' ?\n                        <SuccessPanel state={state} setState={setState} />\n                        : null\n                    }\n                    {state.view === 'error' ?\n                        <ApiErrorPanel error={state.error}/>\n                        :null\n                    }\n                </Card>\n            </div>\n        </FuseAnimate>\n\n    )\n}\n\nconst SkuList = ({state, setState}) => {\n    const classes = useStyles();\n\n    const handleClick = (sku) => {\n        //console.log('sku', sku)\n        setState({...state, sku, view: 'terms'})\n    }\n\n    const getSize = (name) => {\n        // Assumes the name is in the form \"<description> - <size>\"\n        const idx = name.indexOf(' - ')\n        if (idx === -1) {\n            return '';\n        }\n        return name.substr(name.indexOf(' - ')+3);\n    }\n\n    return (\n        <>\n            <div className=\"mt-4\">\n                {/*<Typography variant=\"body1\">Choose a recharge size</Typography>*/}\n                <div className=\"uppercase text-lg font-semibold\">Choose a recharge size</div>\n            </div>\n            <List>\n\n            { state.skus.map((sku) => (\n                <ListItem key={sku.id} component={Button} className={classes.skuButton} onClick={() => {handleClick(sku)}}>\n                    <div key={sku.id} className=\"flex flex-row flex-grow rounded border-gray-200 border items-center p-4 my-2\">\n                        <Typography color=\"secondary\" variant=\"h4\">{getSize(sku.name)}</Typography>\n                        <div className=\"flex flex-col flex-grow items-end\">\n                            <Typography variant=\"body1\" align=\"right\">\n                                {sku.meta.inclusions.minutes.quantity} minutes\n                                for <strong>${(sku.price/100).toFixed(0)}</strong>\n                            </Typography>\n                            <Typography variant=\"body1\" color='textSecondary' >{(sku.price/sku.meta.inclusions.minutes.quantity).toFixed(1)}c per minute</Typography>\n                        </div>\n\n                    </div>\n                </ListItem>\n            ))}\n            </List>\n        </>\n    )\n\n}\n\nconst TermsCard = ({state, setState}) => {\n    const minutes = state.sku.meta.inclusions.minutes;\n    const price = (state.sku.price/100).toFixed(0)\n    const number = state.service.number;\n    const remaining = state.service.callCredits;\n\n    const handleCheck = (e) => {\n        setState({...state, termsAccepted: e.target.checked})\n    }\n\n    const handleClick = () => {\n        setState({...state, view:'checkout'})\n    }\n\n    const handleBackClick = () => {\n        setState({...state, view:'start'})\n    }\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div className=\"flex flex-grow flex-col items-center mt-4\">\n                {/*<Card className={classes.card}>*/}\n                    <div className=\"uppercase text-lg font-semibold\">HERE'S WHAT YOU'RE GETTING</div>\n\n                    <div className=\"w-full py-4\">\n                        <ul className=\"list-disc mx-4\">\n                            <li className=\"pb-3\">\n                                <strong>{minutes.quantity} call minutes</strong> for <strong>${price}</strong>\n                            </li>\n                                { state.service.callCredits > 0 ?\n                                    <li className=\"pb-3\">Your remaining <strong>{remaining} minutes</strong> will be rolled over\n                                        to give you a total of <strong>{remaining+minutes.quantity} minutes</strong> to use in the\n                                        next <strong>{minutes.expiryDays} days</strong>.\n                                    </li>\n                                    : null\n                                }\n                            <li className=\"pb-3\">Unused call minutes will expire\n                                in <strong>{minutes.expiryDays}&nbsp;days</strong> unless you recharge before.\n                            </li>\n                            <li className=\"pb-3\">\n                                Call minutes can only be used for calls\n                                to <span className=\"font-bold whitespace-nowrap\">{ausPhone(number)}</span> and are\n                                not refundable.\n                            </li>\n                        </ul>\n\n                        <FormControlLabel\n                            label=\"Ok, got it!\"\n                            className=\"mt-2\"\n                            control={\n                                <Checkbox name=\"checkTerms\" color=\"primary\" onChange={handleCheck}/>\n                            }\n                        />\n                    </div>\n\n\n                    <Button\n                        variant=\"contained\"\n                        color=\"primary\"\n                        onClick={handleClick}\n                        disabled={!state.termsAccepted}\n                        className=\"w-full\"\n                    >\n                        Proceed to checkout\n                    </Button>\n\n                <div className=\"w-full mt-4\">\n                    <Button onClick={handleBackClick} className=\"w-full\"> Back </Button>\n                </div>\n            </div>\n        </FuseAnimate>\n    )\n\n}\n\nconst CheckoutCard = ({state, setState}) => {\n\n    const {subtotal, taxes, total} = totals(state.sku);\n    // let subtotal = 0;\n    // let taxes = 0;\n    // let total = 0;\n    //\n    // if (state.sku.taxInc) {\n    //     total = state.sku.price/100;\n    //     taxes = total - (total/((100+state.sku.taxRate)/100))\n    //     subtotal = total - taxes;\n    // } else {\n    //     subtotal = state.sku.price/100\n    //     taxes = Math.round(state.sku.taxRate * state.sku.price/100)/100\n    //     total = subtotal + taxes\n    // }\n\n    const order = {\n        sku: state.sku,\n        serviceId: state.service.id,\n        number: {number: state.service.number, zone: state.service.meta.zone},\n        subtotal: subtotal,\n        taxes: taxes,\n        total: total,\n    }\n\n    // Get the global dispatch function\n    const [, dispatch] = useStore();\n\n    const onSuccess = (purchase) => {\n        // the checkout completed successfully\n        //console.log('checkout succeeded', purchase);\n        setState({...state, purchase, order, view: 'success'})\n\n        // Invalidate the account in global store so we retrieve\n        // the new service, dialActions, account status and paymentMethod if saved.\n        dispatch(invalidateAccount())\n    }\n\n    const onError = (error) => {\n        // the checkout failed\n        //console.log('checkout failed', error);\n\n        // display error panel\n        setState({...state, order, error, view:'error'})\n    }\n\n    // The checkout card basically wraps the\n    // Checkout component, injecting the SKU to be charged.\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div className=\"flex flex-grow flex-col items-center mt-4\">\n                <Checkout\n                    order={order}\n                    onSuccess={onSuccess}\n                    onError={onError}\n                />\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst SuccessPanel = ({state, setState}) => {\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    const number = state.purchase.recharge.number;\n    const minutes = state.purchase.recharge.credits;\n    const expiryDays = state.purchase.recharge.expiryDays;\n    const receiptUrl = state.purchase.purchase.receiptUrl;\n    const totalMinutes = state.purchase.recharge.closingCredits\n\n    //console.log('receiptUrl', receiptUrl);\n    //console.log('*** state', state);\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div className=\"flex flex-grow flex-col items-center\">\n                {/*<Card className={classes.card}>*/}\n                    <FuseAnimate animation=\"callout.bounce\" delay={400}>\n                        <div className=\"flex flex-col items-center h-16 my-6\">\n                            <CheckCircleOutline style={{fontSize: 64, color: 'green'}} />\n                        </div>\n                    </FuseAnimate>\n                    {/*    <div className=\"flex flex-col items-center h-16 my-6\">*/}\n                    <div className=\"text-base mb-3\">\n                        Thank you for your purchase!\n                    </div>\n                    <div className=\"text-base mb-3\">\n                        <strong>{minutes} call minutes</strong> have been added\n                        to <span className=\"whitespace-nowrap font-bold\">{ausPhone(number)}</span>.\n                    </div>\n                    <ul className=\"list-disc mx-4\">\n                        <li className=\"pb-3\">\n                            You have a total of {totalMinutes} call minutes that will expire in <strong>{expiryDays} days</strong>.\n                        </li>\n                        { state.purchase.cardUpdated  ?\n                            <li className=\"pb-3\">Your card has been saved. You can change or remove your saved\n                                card on the account page.</li>\n                            : null\n                        }\n                    </ul>\n\n                    <div className=\"my-2 w-full\">\n                        <Button aria-label=\"VIEW RECEIPT\" className=\"w-full\" color=\"primary\" variant=\"outlined\"\n                                onClick={(e) => externalLink(e, receiptUrl, true)}>\n                            VIEW RECEIPT\n                        </Button>\n                    </div>\n\n                    {/*</div>*/}\n                    <div className=\"mt-4 w-full\">\n                        <Button variant=\"contained\" color=\"primary\" aria-label=\"NEXT\" className=\"w-full\" component={Link} to=\"/home\">\n                            RETURN TO THE DASHBOARD\n                        </Button>\n                    </div>\n                {/*</Card>*/}\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst ApiErrorPanel = ({error}) => {\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div className=\"p-4\">\n                <div className=\"flex justify-center text-6xl mt-1 mb-4\">\n                    <SentimentVeryDissatisfied fontSize=\"inherit\" color=\"error\" />\n                </div>\n                <Typography paragraph>\n                    Sorry, it looks like there's a problem at our end. Please try again later.\n                </Typography>\n                <Typography variant=\"body2\" color=\"textSecondary\">{error.status}/{error.statusText}</Typography>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nexport default RechargeServicePage;\n","import React, {useEffect} from \"react\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {ErrorScreen, HeaderToolbar, Loading} from \"../../components\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport {useAuthUser} from \"../../components/auth-provider\";\nimport {useStore} from \"../../store\";\nimport {fetchAccount} from \"../../store/actions\";\nimport {Link, Redirect} from \"react-router-dom\";\nimport Grid from \"@material-ui/core/Grid\";\nimport clsx from \"clsx\";\nimport ausPhone from \"../../utils/aus-phone\";\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport FuseAnimate from \"../../components/fuse-animate/fuse-animate\";\nimport Card from \"@material-ui/core/Card\";\nimport Typography from \"@material-ui/core/Typography\";\nimport callCredits from \"../../utils/call-credits\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        minHeight: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column',\n        flexGrow: 1,\n        marginTop: 16,\n        justifyContent: \"center\",\n    },\n    card: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: 24,\n        width: '100%',\n        maxWidth: 340,\n        [theme.breakpoints.up('sm')]: {\n            maxWidth: 360,\n        },\n    },\n    listItem: {\n        backgroundColor: theme.palette.primary.main,\n        color: theme.palette.primary.contrastText,\n        paddingTop: theme.spacing(1),\n        paddingBottom: theme.spacing(1),\n        marginBottom: theme.spacing(2),\n        borderRadius: 3,\n        maxWidth: 400,\n    },\n    number: {\n        fontSize: 18,\n        fontWeight: 700,\n        '&.inActive': {\n            textDecoration: 'line-through',\n        },\n    },\n}));\n\n//\n// If the account has only 1 service, the transfer page redirects\n// to the service transfer page, /transfer/<serviceId>.\n//\n// If the account has no services, it redirect to /home\n//\n// If there is more than one service, a pick list is displayed to\n// allow the user to choose which service to transfer.\n//\nconst TransferPage = ({location}) => {\n    const classes = useStyles();\n    const [store, dispatch] = useStore();\n    const {user} = useAuthUser();           // Get logged in user\n\n    // Make sure the account is available in the store\n    useEffect(()=> {\n        dispatch(fetchAccount(user.accountId, store, dispatch))\n    }, [user.accountId, store, dispatch])\n\n    return (\n        <div id=\"transfer\" className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location={location.pathname}/>\n            </AppBar>\n            <Toolbar/>\n\n            <main className={classes.content}>\n                { store.account.isFetching ? <Loading/> : null }\n                { store.account.error && <ErrorScreen error={store.account.error}/> }\n                { store.account.error === null && !store.account.isFetching ?\n                    <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n                        <div id=\"transfer-list\" className=\"flex flex-grow flex-col items-center\">\n                            <TransferSelectList account={store.account}/>\n                        </div>\n                    </FuseAnimate>\n                    : null\n                }\n            </main>\n        </div>\n    );\n\n}\n\nconst TransferSelectList = ({account}) => {\n    const classes = useStyles();\n\n    // Only show active services\n    let services = [];\n    if (account.services) {\n        services = account.services.filter((service) => {\n            return service.active;\n        })\n    }\n\n    // Test stuff...\n    // services = [\n    //     {id:'101000000001', number: '+61398765432', name:'PhoneThru', meta:{zone:'Melbourne'}, callCredits: 236, callCreditsExpiry:'2021-06-19 23:59:59'},\n    //     {id:'101000000002', number: '+61354621789', name:'PhoneThru', meta:{zone:'Castlemaine'}, callCredits: 123, callCreditsExpiry:'2021-06-18 23:59:59'}\n    // ]\n    //\n    // services = [];\n\n    // Redirect if there's only one number\n    if (services.length === 1) {\n        //console.log('redirecting to only available service')\n        return <Redirect to={`/transfer/${services[0].id}`}/>\n    }\n\n    if (services.length === 0) {\n        // There's zero services...\n        return <Redirect to={'/home'}/>\n\n    } else {\n        // There's > 1 service...\n        return (\n            <Card className={classes.card}>\n                <Typography variant=\"h6\" className=\"pb-4\">Choose a number to transfer</Typography>\n                <List component=\"nav\" className=\"\">\n\n                    { services.map((service, index) => (\n                        <ListItem\n                            component={Link}\n                            to={`/transfer/${service.id}`}\n                            key={service.id}\n                            className={classes.listItem}\n                        >\n                            <Grid container direction=\"column\" >\n                                <div>{service.name}</div>\n                                <div className={clsx(classes.number, {\n                                    'inActive': service.active === 0})\n                                }>\n                                    {ausPhone(service.number)}\n                                </div>\n                                { service.meta.zone !=='' ? <div className=\"mb-1\">{service.meta.zone}</div>:null}\n                                <Grid item container alignItems=\"center\" className={classes.forwarding}>\n                                    <Credit service={service}/>\n                                </Grid>\n                            </Grid>\n                        </ListItem>\n                    ))}\n                </List>\n            </Card>\n        )\n    }\n}\n\nconst Credit = ({service}) => {\n    const {minutes, daysLeft} = callCredits(service);\n\n    if (minutes > 0) {\n        return <div>{minutes} min ({daysLeft} {daysLeft === 1 ? 'day':'days'}) left</div>\n\n    } else {\n        return <div>No minutes left</div>\n\n    }\n}\n\n\nexport default TransferPage;\n","import React, {useEffect, useRef, useState} from \"react\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {ErrorScreen, HeaderToolbar, Loading} from \"../../components\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport {useAuthUser} from \"../../components/auth-provider\";\nimport {AccountService, SkuService} from \"../../services\";\nimport FuseAnimate from \"../../components/fuse-animate/fuse-animate\";\nimport Card from \"@material-ui/core/Card\";\nimport Typography from \"@material-ui/core/Typography\";\nimport ausPhone from \"../../utils/aus-phone\";\nimport Button from \"@material-ui/core/Button\";\nimport {\n    FormControl, FormHelperText,\n    IconButton,\n    InputAdornment,\n    InputLabel,\n    OutlinedInput,\n    TextField\n} from \"@material-ui/core\";\nimport useStore from \"../../store/hooks\";\nimport {fetchAccount, invalidateAccount} from \"../../store/actions\";\nimport Checkout from \"../../components/checkout/checkout\";\nimport {\n    CheckCircleOutline,\n    ErrorOutline,\n    SentimentVeryDissatisfied,\n    Visibility,\n    VisibilityOff\n} from \"@material-ui/icons\";\nimport externalLink from \"../../utils/external-link\";\nimport {Link} from \"react-router-dom\";\nimport {Controller, useForm} from \"react-hook-form\";\nimport {isValidMobile} from \"../../utils/valid\";\nimport clsx from \"clsx\";\nimport e164ify from \"../../utils/e164\";\nimport {totals} from \"../../utils/checkout\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        minHeight: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column',\n        flexGrow: 1,\n        marginTop: 16,\n        justifyContent: \"center\",\n    },\n    card: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: 24,\n        width: '100%',\n        maxWidth: 340,\n        [theme.breakpoints.up('sm')]: {\n            maxWidth: 360,\n        },\n    },\n    skuButton: {\n        textTransform: 'none',\n        padding: 0,\n    },\n    formField: {\n        marginBottom: 24,\n    },\n}));\n\nconst TransferServicePage = ({location, match}) => {\n    const classes = useStyles();\n    const serviceId = match.params.id;\n\n    const [store, dispatch] = useStore()\n    const {user} = useAuthUser()\n\n    const [state, setState] = useState({\n        view: 'start',          // current view\n        sku: {\n            id: '',\n            name: '',\n            type: '',\n            taxRate: 0,\n            taxInc: false,\n            price: 0,\n            meta: {\n                description: '',\n                inclusions: {\n                    minutes: {\n                        quantity: 0,\n                        expiryDays: 0,\n                    },\n                }\n            }\n        },\n        service: {\n            id: 0,\n            number: '',\n            callCredits: 0,\n        },\n        purchase:       {},\n        order:          {},\n        termsAccepted:  false,\n        isFetching:     false,\n        error:          null,\n        mobileNumber:   '',\n        password:       '',\n        showPassword:   false,\n        rxAccountError: '',\n        ticketId:       '',\n    });\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n    // Make sure the account is available in the store\n    useEffect(()=> {\n        dispatch(fetchAccount(user.accountId, store, dispatch))\n    }, [user.accountId, store, dispatch])\n\n    // Load SKUs on mount\n    useEffect(() => {\n        setState(state => ({...state, isFetching: true}));\n        SkuService.getSku('SVC-PTTX-001')\n            .then(sku => {\n                setState(state => ({...state, sku, isFetching: false}));\n            })\n            .catch(error => {\n                setState(state => ({...state, error, isFetching: false}));\n            })\n    }, []) // <- load on start\n\n    // Set the selected service\n    useEffect(() => {\n        const services = store.account.services.filter(s => s.id.toString() === serviceId);\n        if (services.length > 0) {\n            setState(state => ({...state, service: services[0]}));\n        }\n    }, [serviceId, state.service, store.account])\n\n    return (\n        <div id=\"add-service\" className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location={location.pathname}/>\n            </AppBar>\n            <Toolbar/>\n\n            <main className={classes.content}>\n                { state.isFetching || store.account.isFetching ? <Loading/> : null }\n                { store.account.error && <ErrorScreen error={state.error}/> }\n                { state.error && <ErrorScreen error={state.error}/> }\n                { state.error === null && !state.isFetching && store.account.error === null && !store.account.isFetching ?\n                    <ContentCard state={state} setState={setState} />\n                    : null\n                }\n            </main>\n\n        </div>\n    );\n}\n\nconst ContentCard = ({state, setState}) => {\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div id=\"transfer\" className=\"flex flex-grow flex-col items-center\">\n                { state.view === 'start' ?\n                    <ItemCard state={state} setState={setState} />\n                    : null\n                }\n                { state.view === 'terms' ?\n                    <ReceivingAccountCard state={state} setState={setState} />\n                    : null\n                }\n                { state.view === 'checkout' ?\n                    <CheckoutCard state={state} setState={setState} />\n                    : null\n                }\n                { state.view === 'success' ?\n                    <SuccessPanel state={state} setState={setState} />\n                    : null\n                }\n                {state.view === 'error' ?\n                    <ApiErrorPanel error={state.error}/>\n                    :null\n                }\n            </div>\n        </FuseAnimate>\n\n    )\n}\n\nconst ItemCard = ({state, setState}) => {\n    const classes = useStyles();\n\n    const sku = state.sku;\n\n    const handleNew = () => {\n        setState({...state, view: 'terms'})\n    }\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div className=\"flex flex-grow flex-col items-center\">\n                <Card className={classes.card}>\n                    <Typography variant=\"h6\">Transfer Landline Number</Typography>\n                    <hr className=\"my-2\"/>\n\n                    <div className=\"flex flex-row mx-auto my-6\">\n                        <div className=\"text-xl text-gray-500 pt-3\">$</div>\n                        <div className=\"text-8xl font-bold px-1\">{sku.price/100}</div>\n                    </div>\n\n                    <hr/>\n\n                    <div className=\"w-full py-4\">\n                        <ul className=\"list-disc mx-4\">\n                            <li className=\"pb-3\">\n                                This paid service will transfer landline\n                                number <span className=\"font-bold whitespace-nowrap\">{ausPhone(state.service.number)}</span> to another mobile number.\n                            </li>\n                            <li className=\"pb-3\">\n                                The mobile number you're transferring to must have an account already set up.\n                            </li>\n                            <li className=\"pb-3\">\n                                Any remaining call minutes will be transferred with the landline number.\n                            </li>\n                        </ul>\n                    </div>\n\n                    <Button\n                        variant=\"contained\"\n                        color=\"primary\"\n                        onClick={handleNew}\n                    >\n                        Transfer {ausPhone(state.service.number)}\n                    </Button>\n                </Card>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst ReceivingAccountCard = ({state, setState}) => {\n    const classes = useStyles();\n    const focusRef = useRef();\n    const {user} = useAuthUser();\n    const {handleSubmit, control, formState:{ isValid, isSubmitting }} = useForm({ mode: 'onChange' });\n\n    const onSubmit = (data, event) => {\n\n        if (state.rxAccountError !== '') {\n            setState({...state, rxAccountError:''});\n        }\n\n        return new Promise((resolve) => {\n            const mobile = e164ify(data.mobileNumber);\n            if (mobile === user.phone) {\n                // User has entered their own phone number...\n                setState({...state, rxAccountError: 'You have entered the mobile number for this account. '+\n                        'Enter the mobile number for the receiving account.'})\n                resolve();\n                return\n            }\n            // Call the AccountService to create a transfer ticket.\n            AccountService.transferService(user.accountId, state.service.id, data.mobileNumber, data.password)\n                .then(result => {\n                    setState({...state, mobileNumber: mobile, ticketId: result.ticketId, view:'checkout' })\n                    resolve();\n                })\n                .catch(error => {\n                    if (error.status === 401 || error.status === 403) {\n                        setState({...state, mobileNumber: mobile, rxAccountError: 'bad_rx'});\n                    } else {\n                        setState({...state, mobileNumber: mobile, rxAccountError: \"Sorry, we're not able to verify the receiving account right now. Please try again later.\"});\n                    }\n                    resolve();\n                })\n        })\n    }\n\n    const handleClickShowPassword = () => {\n        setState({...state, showPassword: !state.showPassword});\n    };\n\n    const handleMouseDownPassword = (event) => {\n        event.preventDefault();\n    };\n\n    const validateMobile = (value) => {\n        if (state.rxAccountError !== '') {\n            setState({...state, rxAccountError:''});\n        }\n        return isValidMobile(value) || 'Enter the receiving mobile number'\n    }\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100} complete={() => {\n            focusRef.current && focusRef.current.focus();\n        }}>\n            <div className=\"flex flex-grow flex-col items-center\">\n                <Card className={classes.card}>\n                    <Typography variant=\"h6\">Receiving Account </Typography>\n                    <hr className=\"my-2\"/>\n                    {/*<div className=\"uppercase text-xl font-bold mt-2\">{sku.name}</div>*/}\n\n                    <div className=\"my-6\">\n                        Enter the mobile number for the <strong>receiving account</strong>. After the\n                        transfer is complete, calls to {ausPhone(state.service.number)} will go to the mobile number\n                        you enter here.\n                    </div>\n\n                    { state.rxAccountError ?\n                        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n                            <div className=\"flex flex-row rounded bg-red-200 p-3 mb-4\">\n                                <ErrorOutline fontSize=\"small\" className=\"pr-1\"/>\n                                { state.rxAccountError === 'bad_rx' ?\n                                    <div>\n                                        We couldn't find an account with that mobile number and password.<br/>\n                                        <ul className=\"list-disc ml-4\">\n                                            <li className=\"my-1\">\n                                                Confirm that you have created an account\n                                                for {ausPhone(state.mobileNumber)}.\n                                            </li>\n                                            <li className=\"my-1\">\n                                                Check that you have entered the password for the receiving account correctly.\n                                                You can tap the <VisibilityOff fontSize=\"small\"/> icon to show the\n                                                password.</li>\n                                        </ul>\n                                    </div>\n                                    :\n                                    <div>{state.rxAccountError}</div>\n                                }\n                            </div>\n                        </FuseAnimate>\n                        : null\n                    }\n\n                    <form\n                        name=\"rxAccountForm\"\n                        noValidate\n                        className=\"flex flex-col justify-center w-full\"\n                        onSubmit={handleSubmit((data, event) => onSubmit(data, event))}\n                    >\n                        <Controller\n                            name='mobileNumber'\n                            control={control}\n                            defaultValue={state.mobileNumber}\n                            rules={{\n                                required: 'Your mobile number is required',\n                                validate: (value) => validateMobile(value),\n                            }}\n                            render={ ({field: {onChange, value}, fieldState:{error} }) => (\n                                <TextField\n                                    label=\"Mobile Number\"\n                                    inputRef={focusRef}\n                                    type=\"tel\"\n                                    value={value}\n                                    onChange={onChange}\n                                    variant=\"outlined\"\n                                    error={!!error}\n                                    helperText={error ? error.message : 'Enter the receiving mobile phone number'}\n                                    className={classes.formField}\n                                    required\n                                    fullWidth\n                                />\n                            )}\n                        />\n\n                        <Controller\n                            name='password'\n                            control={control}\n                            defaultValue={state.password}\n                            rules={{\n                                required: 'Your password is required',\n                            }}\n                            render={ ({field: {onChange, value}, fieldState:{error} }) => (\n\n                                <FormControl className={clsx(classes.margin, classes.formField)}\n                                             variant=\"outlined\"\n                                             error={!!error}\n                                             required={true}\n                                >\n                                    <InputLabel htmlFor=\"password\">Password</InputLabel>\n                                    <OutlinedInput\n                                        name=\"password\"\n                                        // className={classes.loginField}\n                                        label=\"Password\"\n                                        type={state.showPassword ? 'text' : 'password'}\n                                        value={value}\n                                        onChange={onChange}\n                                        variant=\"outlined\"\n                                        required={true}\n                                        fullWidth\n                                        endAdornment={\n                                            <InputAdornment position=\"end\">\n                                                <IconButton\n                                                    aria-label=\"toggle password visibility\"\n                                                    onClick={handleClickShowPassword}\n                                                    onMouseDown={handleMouseDownPassword}\n                                                    edge=\"end\"\n                                                >\n                                                    {state.showPassword ? <Visibility/> : <VisibilityOff/>}\n                                                </IconButton>\n                                            </InputAdornment>\n                                        }\n                                    />\n                                    <FormHelperText id=\"passwordHelperText\">\n                                        {error ? error.message : 'Enter the password for the receiving account'}\n                                    </FormHelperText>\n                                </FormControl>\n                            )}\n                        />\n\n                        {/*<Button*/}\n                        {/*    id=\"loginPasswordButton\"*/}\n                        {/*    type=\"submit\"*/}\n                        {/*    variant=\"contained\"*/}\n                        {/*    color=\"primary\"*/}\n                        {/*    className={classes.loginButton}*/}\n                        {/*    aria-label=\"LOG IN\"*/}\n                        {/*    disabled={!isValid || isSubmitting}*/}\n                        {/*>*/}\n                        {/*    SIGN IN WITH PASSWORD*/}\n                        {/*</Button>*/}\n\n                        {/*<Button*/}\n                        {/*    id=\"loginOTPButton\"*/}\n                        {/*    type=\"submit\"*/}\n                        {/*    variant=\"contained\"*/}\n                        {/*    color=\"primary\"*/}\n                        {/*    className={classes.loginButton}*/}\n                        {/*    aria-label=\"LOG IN\"*/}\n                        {/*    disabled={!isValid || isSubmitting}*/}\n                        {/*>*/}\n                        {/*    {isSubmitting ? state.loginMethod === 'otp' ? 'Sending OTP...' : 'SIGN IN WITH ONE-TIME PASSWORD' : 'SIGN IN WITH ONE-TIME PASSWORD'}*/}\n                        {/*</Button>*/}\n\n                        {/*<div className=\"flex flex-col items-center justify-center pt-8 pb-3\">*/}\n                        {/*    <span className=\"font-medium\">Don't have an account?</span>*/}\n                        {/*    <Link className={classes.link} to=\"/signup\">*/}\n                        {/*        Create an account*/}\n                        {/*    </Link>*/}\n                        {/*</div>*/}\n\n                        <Button\n                            type=\"submit\"\n                            variant=\"contained\"\n                            color=\"primary\"\n                            disabled={!isValid || isSubmitting}\n                            // onClick={handleNew}\n                        >\n                            CONTINUE\n                        </Button>\n                    </form>\n\n\n                </Card>\n            </div>\n        </FuseAnimate>\n    )\n}\n\n\nconst CheckoutCard = ({state, setState}) => {\n    const classes = useStyles();\n\n    const {subtotal, taxes, total} = totals(state.sku);\n    // let subtotal = 0;\n    // let taxes = 0;\n    // let total = 0;\n    //\n    // if (state.sku.taxInc) {\n    //     total = state.sku.price/100;\n    //     taxes = total - (total/((100+state.sku.taxRate)/100))\n    //     subtotal = total - taxes;\n    // } else {\n    //     subtotal = state.sku.price/100\n    //     taxes = Math.round(state.sku.taxRate * state.sku.price/100)/100\n    //     total = subtotal + taxes\n    // }\n\n    const order = {\n        sku: state.sku,\n        serviceId: state.service.id,\n        ticketId: state.ticketId,\n        number: {number: state.service.number, zone: state.service.meta.zone},\n        transferTo: state.mobileNumber,\n        subtotal: subtotal,\n        taxes: taxes,\n        total: total,\n    }\n\n    // Get the global dispatch function\n    const [, dispatch] = useStore();\n\n    const onSuccess = (purchase) => {\n        // the checkout completed successfully\n        setState({...state, purchase, order, view: 'success'})\n\n        // Invalidate the account in global store so we retrieve\n        // the new service, dialActions, account status and paymentMethod if saved.\n        dispatch(invalidateAccount())\n    }\n\n    const onError = (error) => {\n        // the checkout failed\n\n        // display error panel\n        setState({...state, order, error, view:'error'})\n    }\n\n    // The checkout card basically wraps the\n    // Checkout component, injecting the SKU to be charged.\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div className=\"flex flex-grow flex-col items-center\">\n                <Card className={classes.card}>\n                    <Checkout\n                        order={order}\n                        onSuccess={onSuccess}\n                        onError={onError}\n                    />\n                </Card>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst SuccessPanel = ({state, setState}) => {\n    const classes = useStyles();\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n\n    const number =  state.order.number.number;\n    const toMobile = state.order.transferTo;\n    const receiptUrl = state.purchase.purchase.receiptUrl;\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div className=\"flex flex-grow flex-col items-center\">\n                <Card className={classes.card}>\n                <FuseAnimate animation=\"callout.bounce\" delay={400}>\n                    <div className=\"flex flex-col items-center h-16 my-6\">\n                        <CheckCircleOutline style={{fontSize: 64, color: 'green'}} />\n                    </div>\n                </FuseAnimate>\n                {/*    <div className=\"flex flex-col items-center h-16 my-6\">*/}\n                <div className=\"text-base mb-3\">\n                    Thank you for your purchase!\n                </div>\n                <div className=\"text-base mb-3\">\n                    <span className=\"whitespace-nowrap font-bold\">{ausPhone(number)}</span> has been successfully\n                    transferred to <span className=\"whitespace-nowrap font-bold\">{ausPhone(toMobile)}</span> and has\n                    been removed from this account.\n                </div>\n                <ul className=\"list-disc mx-4\">\n                    <li className=\"pb-3\">\n                        Make sure <span className=\"whitespace-nowrap font-bold\">{ausPhone(number)}</span> is added to\n                        Contacts on <span className=\"whitespace-nowrap font-bold\">{ausPhone(toMobile)}</span> so your\n                        device knows you're expecting calls from the landline number.\n                    </li>\n                    { state.purchase.cardUpdated  ?\n                        <li className=\"pb-3\">Your card has been saved. You can change or remove your saved\n                            card on the account page.</li>\n                        : null\n                    }\n                </ul>\n\n                <div className=\"my-2 w-full\">\n                    <Button aria-label=\"VIEW RECEIPT\" className=\"w-full\" color=\"primary\" variant=\"outlined\"\n                            onClick={(e) => externalLink(e, receiptUrl, true)}>\n                        VIEW RECEIPT\n                    </Button>\n                </div>\n\n                {/*</div>*/}\n                <div className=\"mt-4 w-full\">\n                    <Button variant=\"contained\" color=\"primary\" aria-label=\"NEXT\" className=\"w-full\" component={Link} to=\"/home\">\n                        RETURN TO THE DASHBOARD\n                    </Button>\n                </div>\n                </Card>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nconst ApiErrorPanel = ({error}) => {\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div className=\"p-4\">\n                <div className=\"flex justify-center text-6xl mt-1 mb-4\">\n                    <SentimentVeryDissatisfied fontSize=\"inherit\" color=\"error\" />\n                </div>\n                <Typography paragraph>\n                    Sorry, it looks like there's a problem at our end. Please try again later.\n                </Typography>\n                <Typography variant=\"body2\" color=\"textSecondary\">{error.status}/{error.statusText}</Typography>\n            </div>\n        </FuseAnimate>\n    )\n}\n\nexport default TransferServicePage;\n","import React, {useEffect, useState} from \"react\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport {ErrorScreen, HeaderToolbar, Loading} from \"../../components\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport {useAuthUser} from \"../../components/auth-provider\";\nimport {useStore} from \"../../store\";\nimport {invalidateAccount} from \"../../store/actions\";\nimport {Link} from \"react-router-dom\";\nimport Grid from \"@material-ui/core/Grid\";\nimport ausPhone from \"../../utils/aus-phone\";\nimport Button from \"@material-ui/core/Button\";\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport FuseAnimate from \"../../components/fuse-animate/fuse-animate\";\nimport Card from \"@material-ui/core/Card\";\nimport Typography from \"@material-ui/core/Typography\";\nimport {AccountService} from \"../../services\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        minHeight: '100%',\n    },\n    appBar: {\n        zIndex: theme.zIndex.drawer + 1,\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column',\n        flexGrow: 1,\n        marginTop: 16,\n        justifyContent: \"center\",\n    },\n    card: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: 24,\n        width: '100%',\n        maxWidth: 340,\n        [theme.breakpoints.up('sm')]: {\n            maxWidth: 360,\n        },\n    },\n    listItem: {\n        backgroundColor: theme.palette.primary.main,\n        color: theme.palette.primary.contrastText,\n        paddingTop: theme.spacing(1),\n        paddingBottom: theme.spacing(1),\n        marginBottom: theme.spacing(2),\n        borderRadius: 3,\n        maxWidth: 400,\n    },\n    number: {\n        fontSize: 18,\n        fontWeight: 700,\n        '&.inActive': {\n            textDecoration: 'line-through',\n        },\n    },\n}));\n\n//\n// If the account has only 1 service, the recharge page redirects\n// to the service recharge page, /recharge/<serviceId>.\n//\n// If the account has no services, it displays a prompt with a link\n// to add a service /add-service\n//\n// If there is more than one service, a pick list is displayed to\n// allow the user to choose which service to recharge.\n//\nconst ReactivatePage = ({location}) => {\n    const classes = useStyles();\n    const {user} = useAuthUser();           // Get logged in user\n    const [, dispatch] = useStore()\n    const [state, setState] = useState({\n        priors: [],\n        isFetching: false,\n        error: null,\n    })\n\n    // Make a reactivation query to get prior numbers for this account.\n    useEffect(()=> {\n        setState(state => ({...state, isFetching: true}));\n        AccountService.reactivationQuery(user.accountId)\n            .then(priors => {\n                setState(state => ({...state, priors}));\n\n                // PhoneThru accounts can be reactivated immediately\n                AccountService.reactivate(user.accountId)\n                    .then(result => {\n                        if (result.state.code === 200) {\n                            // success - nothing more to do\n                            setState(state => ({...state, isFetching:false}));\n                            // Invalidate the account so it's reloaded next time we need it.\n                            dispatch(invalidateAccount());\n                        } else {\n                            // We hit a problem - display an error\n                            const error = {\n                                status: result.state.code,\n                                statusText: `Request id ${result.id} could not be completed`,\n                            }\n                            // noinspection JSCheckFunctionSignatures\n                            setState(state => ({...state, error, isFetching:false}));\n                        }\n                    })\n                    .catch(error => {\n                        setState(state => ({...state, error, isFetching:false}));\n                    })\n            })\n            .catch(error => {\n                setState(state => ({...state, error, isFetching:false}));\n            })\n    }, [user.accountId, dispatch])\n\n    return (\n        <div id=\"recharge\" className={classes.root}>\n            <AppBar position=\"fixed\" className={classes.appBar}>\n                <HeaderToolbar location={location.pathname}/>\n            </AppBar>\n            <Toolbar/>\n\n            <main className={classes.content}>\n                { state.isFetching ? <Loading/> : null }\n                { state.error && <ErrorScreen error={state.error}/> }\n                { state.error === null && !state.isFetching ?\n                    <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n                        <div id=\"reactivate\" className=\"flex flex-grow flex-col items-center\">\n                            <ReactivatePanel state={state} setState={setState} />\n                        </div>\n                    </FuseAnimate>\n                    : null\n                }\n            </main>\n        </div>\n    );\n\n}\n\nconst ReactivatePanel = ({state}) => {\n    const classes = useStyles();\n\n    // Filter the priors for those that are available\n    const recoverable = state.priors.filter(n => {return n.isAvailable});\n\n    // Test stuff...\n    // const recoverable = [\n    //     {number: '+61398765432', zone:'Melbourne', isAvailable: true},\n    //     {number: '+61354621789', zone:'Castlemaine', isAvailable: true}\n    // ]\n    // const recoverable = [];\n\n    if (recoverable.length === 0) {\n        // There's zero numbers...\n        return (\n            <Card className={classes.card}>\n                <Typography variant=\"h5\" color=\"secondary\" className=\"pb-6\">Reactivation Complete</Typography>\n                <Typography variant=\"body1\">Welcome back!</Typography>\n                <Typography variant=\"body1\" paragraph>Your account has been reactivated.</Typography>\n\n                <div className=\"flex flex-grow flex-row mt-6\">\n                    <Button\n                        component={Link}\n                        to={'/add-service'}\n                        variant=\"outlined\"\n                        className=\"w-full\"\n                        color=\"secondary\"\n                    >\n                        Add a Number\n                    </Button>\n                </div>\n            </Card>\n        )\n\n    } else {\n        // There's > 1 number returned...\n        return (\n            <Card className={classes.card}>\n                <Typography variant=\"h5\" color=\"secondary\" className=\"pb-6\">Reactivation Complete</Typography>\n                <Typography variant=\"body1\" paragraph>Welcome back!</Typography>\n                <Typography variant=\"body1\" paragraph>Your account has been reactivated.</Typography>\n\n                { recoverable.length === 1 ?\n                    <Typography variant=\"body1\" paragraph>We found a number you had before that's still available.</Typography>\n                    :\n                    <Typography variant=\"body1\" paragraph>We found some numbers you had before that are still available.</Typography>\n                }\n\n                <List >\n                    { recoverable.map((number) => (\n                        <ListItem\n                            key={number.number}\n                            className={classes.listItem}\n                        >\n                            <Grid container direction=\"column\" >\n                                <div className={classes.number}>\n                                    {ausPhone(number.number)}\n                                </div>\n                                { number.zone !=='' ? <div className=\"mb-1\">{number.zone}</div>:null}\n                            </Grid>\n                        </ListItem>\n                    ))}\n                </List>\n\n                { recoverable.length === 1 ?\n                    <Typography variant=\"body1\" paragraph>If you'd like to get this number back, tap the\n                        button below then tap RECOVER A PREVIOUS NUMBER on the next page.\n                    </Typography>\n                    :\n                    <Typography variant=\"body1\" paragraph>If you'd like to get one of these numbers back, tap the\n                        button below then tap RECOVER A PREVIOUS NUMBER on the next page.\n                    </Typography>\n                }\n\n                <div className=\"flex flex-grow flex-row mt-6\">\n                    <Button\n                        component={Link}\n                        to={'/add-service'}\n                        variant=\"outlined\"\n                        className=\"w-full\"\n                        color=\"secondary\"\n                    >\n                        Add a Number\n                    </Button>\n                </div>\n            </Card>\n        )\n    }\n}\n\nexport default ReactivatePage;\n","import React from \"react\";\nimport { AuthProvider, useAuthUser } from \"../auth-provider\";\nimport { BrowserRouter as Router, Route, Switch, Redirect } from \"react-router-dom\";\nimport Container from \"@material-ui/core/Container\";\nimport {createMuiTheme, ThemeProvider} from '@material-ui/core/styles'\nimport PerfectScrollbar from 'react-perfect-scrollbar'\nimport 'react-perfect-scrollbar/dist/css/styles.css';\nimport { AnimatedSwitch} from \"../index\";\nimport {SnackbarProvider} from \"notistack\";\nimport { StoreProvider } from \"../../store/store/store\";\nimport initialState from \"../../store/store/initial-state\";\nimport reducers from \"../../store/reducers\"\nimport {loadStripe} from \"@stripe/stripe-js\";\nimport getStripeKey from \"../../utils/stripe\";\nimport {Elements} from \"@stripe/react-stripe-js\"\nimport {\n    LoginPage,\n    SignUpPage,\n    HomePage,\n    ServicePage,\n    AddServicePage,\n    AccountPage,\n    CallLogPage,\n    SupportPage,\n    PurchasesPage,\n    CloseAccountPage,\n    PasswordPage,\n    AddCardPage,\n    RechargePage,\n    RechargeServicePage,\n    TransferPage,\n    TransferServicePage,\n    ReactivatePage,\n} from \"../../routes\";\n\nconst stripePromise = loadStripe(getStripeKey())\nconst stripeOptions = {\n    fonts: [\n        { cssSrc: \"https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;700&display=swap\"}\n    ]\n}\n\nconst theme = createMuiTheme({\n    // Customise theme options here...\n    breakpoints: {\n        keys: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"],\n        values: {\n            xs: 0,\n            sm: 600,\n            md: 768,\n            lg: 1024,\n            xl: 1280,\n        }\n    },\n    typography: {\n        fontFamily: ['Mulish','Roboto','\"Helvetica Neue\"','Arial','sans-serif'].join(','),\n    },\n    palette: {\n        secondary: {\n            main:  '#673ab7',\n            light: '#9a67ea',\n            dark:  '#320b86',\n        }\n    }\n});\n\n// Customise Material UI Button as a workaround for a Safari iOS bug that doesn't update the\n// color of a disabled button that is later enabled.  Specifying a transition to the colour prop\n// forces the button to redraw.\ntheme.overrides = {\n    MuiButton: {\n        root: {\n            transition: 'color 0.01s',  // Workaround for Safari iOS bug that doesn't update\n        }\n    }\n}\n\n/**\n * AppSwitcher returns a root component based on the user's auth status\n * @returns {*}\n * @constructor\n */\nfunction AppSwitcher() {\n    const auth = useAuthUser()\n    return auth.user ? <AuthenticatedApp /> : <UnauthenticatedApp />\n}\n\n/**\n * AuthenticatedApp is the root component for unauthenticated users\n * @returns {*}\n * @constructor\n */\nfunction AuthenticatedApp() {\n    return (\n        <Container maxWidth={'md'} style={{height:'100%'}}>\n            <AnimatedSwitch>\n                <Route exact path=\"/home\"                   component={HomePage} />\n                <Route exact path=\"/account\"                component={AccountPage} />\n                <Route exact path=\"/service/:id\"            component={ServicePage} />\n                <Route exact path=\"/add-service\"            component={AddServicePage} />\n                <Route exact path=\"/calls\"                  component={CallLogPage} />\n                <Route exact path=\"/recharge\"           component={RechargePage} />\n                <Route exact path=\"/recharge/:id\"           component={RechargeServicePage} />\n                <Route exact path=\"/transfer\"           component={TransferPage} />\n                <Route exact path=\"/transfer/:id\"           component={TransferServicePage} />\n                <Route exact path=\"/support\"                component={SupportPage} />\n                <Route exact path=\"/reactivate\"             component={ReactivatePage} />\n            {/*    <Route exact path=\"/requests/:type\"         component={RequestsPage} />*/}\n            {/*    <Route exact path=\"/support/:type\"          component={RequestsPage} />*/}\n                <Route exact path=\"/account/close\"          component={CloseAccountPage} />\n            {/*    <Route exact path=\"/account/charges\"        component={ChargesPage} />*/}\n                <Route exact path=\"/account/purchases\"      component={PurchasesPage} />\n                <Route exact path=\"/account/change-password\"       component={PasswordPage} />\n                <Route exact path=\"/account/add-card\"       component={AddCardPage} />\n            {/*    <Route exact path=\"/account/:type\"          component={RequestsPage} />*/}\n                <Route path=\"/\">\n                    <Redirect to=\"/home\"/>\n                </Route>\n            </AnimatedSwitch>\n        </Container>\n    )\n}\n\n/**\n * UnauthenticatedApp is the root component when the user is not logged in\n *\n * @returns {*}\n * @constructor\n */\nfunction UnauthenticatedApp() {\n    return (\n        <Switch>\n            <Route exact path=\"/login\"          component={LoginPage} />\n            <Route exact path=\"/signup\"         component={SignUpPage} />\n            {/*<Route exact path=\"/forgot-password\" component={ForgotPasswordPage} />*/}\n            {/*<Route exact path=\"/reset-password\"  component={ResetPasswordPage} />*/}\n            <LoginRedirect path=\"/\" />\n        </Switch>\n    )\n}\n\n/**\n * LoginRedirect is a Route that redirects to the login page passing the matched location\n * to the login page as state.  If the user then logs in successfully, the login page\n * loads the passed location/URL.\n * e.g. user is not logged in but clicks a link in a text to take them to /recharge.\n * They're redirected to the login page to sign in and the login page sends them to /recharge.\n *\n * @param props\n * @returns {*}\n * @constructor\n */\nfunction LoginRedirect(props) {\n    return (\n        <Route\n            {...props}\n            render={(props) => <Redirect to={{pathname: '/login', state: props.location}} /> }\n        />\n    )\n}\n\n/**\n * App is the entry point from index.js\n *\n * It uses AuthProvider to determine if the user is logged in and the\n * AppSwitcher component to display the appropriate root component.\n *\n * @returns {*}\n * @constructor\n */\nfunction App() {\n    return (\n        <StoreProvider initialState={initialState} reducer={reducers}>\n            <AuthProvider>\n                <ThemeProvider theme={theme}>\n                    <PerfectScrollbar id=\"psb\">\n                        <SnackbarProvider>\n                            <Elements stripe={stripePromise} options={stripeOptions}>\n                                <Router>\n                                    <AppSwitcher />\n                                </Router>\n                            </Elements>\n                        </SnackbarProvider>\n                    </PerfectScrollbar>\n                </ThemeProvider>\n            </AuthProvider>\n        </StoreProvider>\n    );\n}\n\nexport default App;","import React, {useContext} from 'react'\nimport {Link, useHistory} from \"react-router-dom\"\nimport { makeStyles } from '@material-ui/core/styles';\nimport MuiToolbar from \"@material-ui/core/Toolbar\";\nimport Button from \"@material-ui/core/Button\"\nimport IconButton from \"@material-ui/core/IconButton\";\nimport SvgIcon from \"@material-ui/core/SvgIcon\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Hidden from \"@material-ui/core/Hidden\";\nimport { AuthContext } from \"../../components\";\nimport { HeadsetMic } from \"@material-ui/icons\"\nimport { ArrowBack } from \"@material-ui/icons\";\nimport {ReactComponent as PhoneThruLogo} from \"../../images/phonethru-logo.svg\";\n\n\n// Create the logout icon which is inexplicably missing from the Material UI icon library\nconst LogoutIcon = (props) => (\n    <SvgIcon {...props}>\n        <path d=\"M16,17V14H9V10H16V7L21,12L16,17M14,2A2,2 0 0,1 16,4V6H14V4H5V20H14V18H16V20A2,2 0 0,1 14,22H5A2,2 0 0,1 3,20V4A2,2 0 0,1 5,2H14Z\" />\n    </SvgIcon>\n)\n\nconst useStyles = makeStyles((theme) => ({\n    toolbar: {\n        background: 'linear-gradient(45deg, ' + theme.palette.primary.main + ' 30%, ' + theme.palette.primary.dark + ' 90%)',\n        //background: 'linear-gradient(45deg, ' + theme.palette.secondary.main + ' 30%, ' + theme.palette.secondary.dark + ' 90%)',\n        //background: 'linear-gradient(45deg, #2196F3 30%, #21CBF3 90%)',\n        //backgroundColor: 'white',\n        paddingRight: 6,\n        paddingLeft: 10,\n    },\n    logo: {\n        paddingLeft: 6,\n        width: 120,\n        height: 24,\n    },\n    button: {\n        textTransform: 'none',\n        //color: '#0000008a',\n        color: 'white',\n        '&:focus': {\n          outline: 'none',\n        },\n    },\n    backButton: {\n        textTransform: 'none',\n        paddingLeft: 0,\n        color: 'white',\n    },\n}));\n\n\n\nconst HeaderToolbar = ({location}) => {\n    const classes = useStyles();\n    const auth = useContext(AuthContext)\n    const history = useHistory();\n\n    // Set the returnTo location\n    const state = initialState(location);\n\n    const handleLogoutClick = (event) => {\n        event.preventDefault();\n        auth.logout(history);\n    }\n\n\n    return (\n        // Header\n        <MuiToolbar className={classes.toolbar}>\n            <Grid container direction=\"row\" justify=\"space-between\" alignItems=\"center\">\n                <Grid item>\n                    { state.location === '/home' &&\n                    <Grid container alignItems=\"center\">\n                        <PhoneThruLogo className={classes.logo} fill=\"white\"/>\n                    </Grid>\n                    }\n                    { state.location !== '/home' &&\n                    <Button component={Link} to={state.returnUrl} className={classes.backButton}>\n                        <ArrowBack/>\n                        Back to {state.label}\n                    </Button>\n                    }\n                </Grid>\n                <Hidden xsDown>\n                    <Grid item>\n                        <Button className={classes.button} component={Link} to=\"/support\" aria-label=\"support\">\n                            <HeadsetMic/> Support\n                        </Button>\n                        <Button className={classes.button} aria-label=\"logout\" onClick={(e) => handleLogoutClick(e)}>\n                            <LogoutIcon/> Log Out\n                        </Button>\n                    </Grid>\n                </Hidden>\n                <Hidden smUp>\n                    <Grid item>\n                        <Grid container spacing={1}>\n                            <Grid item>\n                                <IconButton className={classes.button} component={Link} to=\"/support\" aria-label=\"support\">\n                                    <HeadsetMic/>\n                                </IconButton>\n                            </Grid>\n                            <Grid item>\n                                <IconButton className={classes.button} aria-label=\"logout\" onClick={handleLogoutClick}>\n                                    <LogoutIcon/>\n                                </IconButton>\n                            </Grid>\n\n                        </Grid>\n\n                    </Grid>\n                </Hidden>\n            </Grid>\n\n        </MuiToolbar>\n\n    )\n\n}\n\n\nconst initialState = (location) => {\n\n    if (location.startsWith('/support/')) {\n        return {returnUrl: '/support', label: 'Support', location}\n    } else if (location.startsWith('/account/')) {\n        return {returnUrl: '/account', label: 'Account', location}\n    } else if (location === '/home') {\n        return {returnUrl: '', label: '', location}\n    } else {\n        return {returnUrl: '/home', label: 'Home', location}\n    }\n\n}\n\nexport default HeaderToolbar;\n","import Typography from \"@material-ui/core/Typography\";\nimport React, {useEffect} from \"react\";\nimport ErrorOutline from \"@material-ui/icons/ErrorOutline\"\nimport Box from \"@material-ui/core/Box\";\nimport Button from \"@material-ui/core/Button\";\nimport {useHistory} from \"react-router-dom\"\nimport FuseAnimate from \"../fuse-animate/fuse-animate\";\nimport {useMediaQuery} from \"@material-ui/core\";\nimport red from \"@material-ui/core/colors/red\";\n\n\nconst ErrorScreen = (props) => {\n    let history = useHistory();\n    const scale = useMediaQuery('(max-width: 320px)') ? 0.85 : 1.0;\n    //console.log('scale=', scale)\n\n    // Scroll to top on mount\n    useEffect( () => {\n        document.getElementById('psb').scrollTo(0,0);\n    }, [])  // <- empty deps means it runs only on load\n\n\n    const state = props.error.status === 503 ? {\n        title       : \"Ooh, bad timing.\",\n        message     : \"Sorry, we're down for maintenance right now.  Please try again in a few minutes.\",\n        buttonText  : \"Try Again\",\n        buttonAction: \"reload\",\n    } : props.error.status >= 500 ? {\n        title       : \"Oops, that's not good.\",\n        message     : \"Look's like we have an internal issue.  Try again in a few minutes.\",\n        buttonText  : \"Go Back\",\n        buttonAction: \"back\",\n    } : props.error.status === 404 ? {\n        title       : \"I'm sure it was here...\",\n        message     : \"Sorry, the page you're looking for isn't here any more.  Head to the Home page and find your way from there.\",\n        buttonText  : 'Go to Home',\n        buttonAction: 'home',\n    } : {\n        title       : \"Something's gone wrong...\",\n        message     : \"Sorry, the server didn't like what we sent. Try reloading the page.\",\n        buttonText  : 'Reload the Page',\n        buttonAction: 'reload',\n    }\n\n    const handleClick = () => {\n        if (state.buttonAction === 'reload') {\n            // Reload the page from the server, not the cache\n            window.location.reload(true);\n        }\n        if (state.buttonAction === 'back') {\n            history.goBack();\n        }\n        if (state.buttonAction === 'home') {\n            history.push(\"/\");\n        }\n    }\n\n    return (\n        <Box display=\"flex\" alignItems=\"center\" justifyContent=\"center\" width=\"100%\" height=\"100%\">\n            <Box display=\"flex\" flexDirection=\"column\" alignItems=\"center\">\n                <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n                    <Box display=\"flex\" direction=\"row\" alignItems=\"center\" height={100}>\n                        <ErrorOutline style={{fontSize: 110*(scale), color: red[800]}} />\n                        <Box fontWeight={500} fontSize={110*scale} letterSpacing={0} pl={2*scale} lineHeight=\"110px\" height={110*scale}>{props.error.status}</Box>\n                    </Box>\n                </FuseAnimate>\n                <FuseAnimate animation=\"transition.expandIn\" delay={200}>\n                        <Box pt={3} pb={3}>\n                            <Typography variant=\"h5\" color=\"textSecondary\" style={{fontSize: 24*scale}}>{state.title}</Typography>\n\n                        </Box>\n                </FuseAnimate>\n                <FuseAnimate animation=\"transition.expandIn\" delay={200}>\n                        <Box pb={3} width={300*scale}>\n                            <Typography color=\"textSecondary\">{state.message}</Typography>\n                        </Box>\n                </FuseAnimate>\n                {state.buttonAction !== '' &&\n                    <FuseAnimate animation=\"transition.expandIn\" delay={300}>\n                        <Button variant=\"contained\" color=\"secondary\" onClick={handleClick}>{state.buttonText}</Button>\n                    </FuseAnimate>\n                }\n            </Box>\n        </Box>\n    )\n}\n\nexport default ErrorScreen;","import React from 'react';\n\nfunction SplashScreen() {\n    return (\n        <div id=\"splash-screen\">\n            <div className=\"center\">\n                <div className=\"logo\">\n                    {/*<img width=\"96\" src=\"../images/phonethru-logo.svg\" alt=\"logo\" />*/}\n                </div>\n                <div className=\"spinner-wrapper\">\n                    <div className=\"spinner\">\n                        <div className=\"inner\">\n                            <div className=\"gap\" />\n                            <div className=\"left\">\n                                <div className=\"half-circle\" />\n                            </div>\n                            <div className=\"right\">\n                                <div className=\"half-circle\" />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport default React.memo(SplashScreen);\n","import React from 'react'\nimport { Switch, withRouter } from 'react-router-dom'\nimport {TransitionGroup, CSSTransition} from \"react-transition-group\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport './styles.css'\n\nconst useStyles = makeStyles((theme) => ({\n    group: {\n        position: 'relative',\n        height  : '100%',\n        width   : '100%',\n    },\n    routes: {\n        position: 'absolute',\n        width   : '100%',\n        height  : '100%',\n        top     : 0,\n        left    : 0,\n    },\n}));\n\n\nconst AnimatedSwitch = (props) => {\n    const classes = useStyles();\n    return (\n\n            <TransitionGroup className={classes.group}>\n                <CSSTransition\n                    key={props.location.key}\n                    classNames=\"fade\"\n                    timeout={{enter: 300, exit: 300}}\n                >\n                    <section className={classes.routes}>\n                        <Switch location={props.location}>\n                            {props.children}\n                        </Switch>\n                    </section>\n                </CSSTransition>\n            </TransitionGroup>\n)};\n\nexport default withRouter(AnimatedSwitch);","import React from 'react'\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport {Card, Avatar, Hidden} from \"@material-ui/core\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Button from \"@material-ui/core/Button\";\nimport {Link} from \"react-router-dom\";\nimport FuseAnimate from \"../fuse-animate/fuse-animate\";\nimport Grid from \"@material-ui/core/Grid\";\nimport moment from \"moment\";\nimport { PhoneAndroid } from \"@material-ui/icons\"\nimport ausPhone from \"../../utils/aus-phone\";\n\n\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: theme.spacing(2),\n    },\n    avatar: {\n        // background: 'linear-gradient(45deg, #2196F3 30%, #21CBF3 90%)',\n        background: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',\n        width: theme.spacing(5),\n        height: theme.spacing(5),\n        fontSize: 18,\n    },\n    avatarLarge: {\n        background: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',\n        width: theme.spacing(15),\n        height: theme.spacing(15),\n        fontSize: 48,\n        marginBottom: 8,\n        marginTop: 8,\n    },\n    avatarRow: {\n        display: 'flex',\n        flexDirection: 'row',\n        alignItems: 'center',\n        paddingBottom:  12,\n    },\n    greeting: {\n        paddingLeft: 12,\n        paddingRight: 4,\n    },\n    userName: {\n        fontWeight: 500,\n    },\n    addressRow: {\n        display: 'flex',\n        flexDirection: 'row',\n        paddingTop:  4,\n        paddingLeft: 8,\n    },\n    address: {\n      paddingLeft: 8,\n    },\n    linkButton: {\n        marginTop: 24,\n    },\n    sideLinkButton: {\n        minWidth: 180,\n    },\n    link: {\n        color: '#047e9f',\n        fontWeight: 700,\n        '&:hover': {\n            textDecoration: 'underline',\n            textDecorationColor: '#047e9f',\n        },\n    },\n}));\n\nconst UserProfile = ({user, variant='home', animation, delay}) => {\n\n    return (\n        <>\n            { variant === 'home' ?\n                <HomeProfile user={user} animation={animation} delay={delay}/>\n                :\n                <AccountProfile user={user} animation={animation} delay={delay}/>\n            }\n        </>\n    )\n}\n\n\nconst HomeProfile = ({user, animation, delay}) => {\n    const classes = useStyles();\n\n    // The initials are used as a fallback for the avatar if the user hasn't selected one.\n\n    const initials = user.firstName && user.lastName ?\n        user.firstName.charAt(0) + user.lastName.charAt(0) : '';\n    const avatarUrl = '/assets/images/avatars/' + user.avatarUrl;\n\n    return (\n        <FuseAnimate animation={animation} delay={delay}>\n            <Card id=\"profile-card\" className={classes.root}>\n\n                <Grid container style={{justifyContent: 'space-between', alignItems: 'center'}}>\n                    <Grid item>\n                        <div className={classes.avatarRow}>\n                            <Avatar className={classes.avatar} src={avatarUrl}>{initials}</Avatar>\n                            <Typography className={classes.greeting} color=\"textSecondary\" variant=\"body1\">\n                                {getGreeting()}, <strong>{user.firstName}</strong>\n                            </Typography>\n                        </div>\n\n                        <div className={classes.addressRow}>\n                            <PhoneAndroid color=\"action\"/><Typography color=\"textSecondary\" variant=\"body2\" className={classes.address}>{ausPhone(user.phone)}</Typography>\n                        </div>\n                    </Grid>\n\n                    <Grid item>\n                        <Hidden smDown>\n                            <Button variant=\"outlined\"\n                                    color=\"primary\"\n                                    size=\"large\"\n                                    component={Link}\n                                    to={{pathname: \"/account\", state: {scrollTo: 'personal-details'}}}\n                                    className={classes.sideLinkButton}\n                            >Change Profile</Button>\n                        </Hidden>\n                    </Grid>\n\n                </Grid>\n                <Hidden mdUp>\n                    <Button variant=\"outlined\"\n                            color=\"primary\"\n                            size=\"large\"\n                            component={Link}\n                            to={{pathname: \"/account\",  state: {scrollTo: 'personal-details'}}}\n                            className={classes.linkButton}\n                    >Change Profile</Button>\n                </Hidden>\n\n            </Card>\n        </FuseAnimate>\n    )\n}\n\n\nconst AccountProfile = ({user, animation, delay}) => {\n    const classes = useStyles();\n\n    // The initials are used as a fallback for the avatar if the user hasn't selected one.\n    const initials = user.firstName && user.lastName ?\n                        user.firstName.charAt(0) + user.lastName.charAt(0) : '';\n    const avatarUrl = '/assets/images/avatars/' + user.avatarUrl;\n\n    return (\n        <FuseAnimate animation={animation} delay={delay}>\n            <Card id=\"profile-card\" className={classes.root}>\n                <div className=\"flex flex-col items-center\">\n                    <Avatar src={avatarUrl} className={classes.avatarLarge} >{initials}</Avatar>\n                    <Typography variant=\"h5\" color=\"secondary\" align=\"center\">{user.firstName} {user.lastName}</Typography>\n                    <div className=\"text-lg\">{ausPhone(user.phone)}</div>\n                    <div className=\"mt-3 flex\">Account Number <span className=\"ml-1\">{user.accountId}</span></div>\n                    <div className=\"mt-1\"><i>Customer for {howLong(user.dateRegistered)}</i></div>\n                    <div className=\"my-3 border-t w-9/12\"/>\n                    <div className=\"mb-2\">\n                        <Link className={classes.link} to=\"/account/change-password\">\n                            Change Password\n                        </Link>\n                    </div>\n                </div>\n            </Card>\n        </FuseAnimate>\n    )\n}\n\n/***\n * Returns a time-of-day greeting given an hour\n * If the hour is undefined the current hour is used.\n *\n * @param hour\n * @returns {string}\n */\nfunction getGreeting() {\n    const hour = moment().hour();\n    let greeting = \"Good evening\";\n    if (hour > 11 && hour < 18) {\n        greeting = \"Good afternoon\";\n    } else if (hour > 4 && hour < 12) {\n        greeting = \"Good morning\"\n    }\n    return greeting\n}\n\nfunction howLong(joined) {\n    const duration = moment.duration(moment().diff(moment(joined)));\n    const years = duration.years()\n    const months = duration.months();\n    const yr = years === 1 ? 'year' : 'years'\n    const mth = months === 1 ? 'month' : 'months'\n    if (years === 0 && months === 0) {\n        return duration.humanize()\n    } else if (years > 0) {\n        if (months > 0) {\n            return `${years} ${yr} and ${months} ${mth}`\n        }\n        return `${years} ${yr}`\n    } else {\n        return `${months} ${mth}`\n    }\n}\n\n\nexport default UserProfile;","import React from \"react\";\nimport FuseAnimate from \"../fuse-animate/fuse-animate\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Button from \"@material-ui/core/Button\";\nimport Accordion from \"@material-ui/core/Accordion\"\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\";\nimport AccordionDetails from \"@material-ui/core/AccordionDetails\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\"\nimport {Link} from \"react-router-dom\";\nimport Grid from \"@material-ui/core/Grid\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport {Card} from \"@material-ui/core\";\nimport Hidden from \"@material-ui/core/Hidden\";\nimport clsx from 'clsx';\nimport ausPhone from \"../../utils/aus-phone\";\nimport {ArrowRightAlt, Schedule, Chat, FormatListNumbered, Voicemail, Block} from \"@material-ui/icons\";\nimport resolveAction from \"../../utils/resolve-action\";\nimport callCredits from \"../../utils/call-credits\";\nimport TimerOutlinedIcon from '@material-ui/icons/TimerOutlined';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\nimport ReportProblemOutlinedIcon from '@material-ui/icons/ReportProblemOutlined';\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: theme.spacing(2),\n    },\n    header: {\n        justifyContent: 'space-between',\n        alignItems: 'center',\n    },\n    numbersRow: {\n        marginTop: theme.spacing(2),\n        // marginBottom: theme.spacing(2),\n    },\n    accordionSummary: {\n        backgroundColor: theme.palette.primary.main,\n        color: theme.palette.primary.contrastText,\n        paddingTop: theme.spacing(1),\n        paddingBottom: theme.spacing(1),\n        borderRadius: 4,\n    },\n    accordionDetails: {\n        backgroundColor: '#e8eaf6',  // Indigo 50  //theme.palette.primary.light,\n        color: theme.palette.primary.contrastText,\n        paddingTop: 16,\n    },\n    summary: {\n        backgroundColor: theme.palette.primary.main,\n        color: theme.palette.primary.contrastText,\n        paddingLeft: theme.spacing(2),\n        paddingRight: theme.spacing(2),\n        paddingTop: theme.spacing(1),\n        paddingBottom: theme.spacing(1),\n        minHeight: 48,\n        borderRadius: 4,\n        borderTop: '1px solid rgba(0, 0, 0, 0.12)',\n    },\n    icon: {\n        color: theme.palette.primary.contrastText,\n    },\n    number: {\n        fontSize: 18,\n        fontWeight: 700,\n        '&.inActive': {\n            textDecoration: 'line-through',\n        },\n    },\n    forwarding: {\n        flexWrap: 'nowrap',\n        marginTop: 0,\n        marginBottom: 2,\n        [theme.breakpoints.down('xs')]: {\n            // maxWidth: 220,\n        },\n    },\n    sideManageButton: {\n        color: 'white',\n        borderColor: 'white',\n        minWidth: 150,\n        '&.Mui-disabled': {\n            color: 'grey !important',\n            borderColor: 'grey !important',\n        }\n    },\n    linkButton: {\n        marginTop: 4,\n    },\n    rechargeButton: {\n        minWidth: 150,\n        marginRight: 8,\n        [theme.breakpoints.down('sm')]: {\n            minWidth: 90,\n            marginRight: 0,\n        },\n    }\n}));\n\n\nconst ServicesCard = ({ account, animation, delay }) => {\n    const classes = useStyles();\n\n    // Only show active services\n    let services = [];\n    if (account.services) {\n        services = account.services.filter((service) => {\n            return service.active;\n        })\n    }\n\n    return (\n        <FuseAnimate animation={animation} delay={delay}>\n            <Card id=\"services-card\" className={classes.root}>\n\n                <Typography variant=\"h6\" color=\"secondary\">My Numbers</Typography>\n\n                <div className={classes.numbersRow}>\n\n                    { services.length === 0 ?\n                        <Typography variant=\"body2\">You have no active numbers.</Typography>\n                        : null\n                    }\n\n                    <Hidden mdUp>\n                    { services.map((service, index) => (\n                        <div key={service.id} className=\"mb-4\">\n                            <Accordion>\n                                <AccordionSummary\n                                    className={classes.accordionSummary}\n                                    style={{height: (service.meta.zone !== '' ? 140 : 110)}}\n                                    expandIcon={<ExpandMoreIcon fontSize=\"large\" className={classes.icon}/>}\n                                >\n                                    <Grid container direction=\"column\" >\n                                        <div>{service.name}</div>\n                                        <div className={clsx(classes.number, {\n                                            'inActive': service.active === 0})\n                                        }>\n                                            {ausPhone(service.number)}\n                                        </div>\n                                        { service.meta.zone !=='' ? <div className=\"mb-1\">{service.meta.zone}</div>:null}\n                                        <Grid item container alignItems=\"center\" className={classes.forwarding}>\n                                            <ServiceForwarding account={account} service={service}/>\n                                        </Grid>\n                                        <Grid item container alignItems=\"center\" className={classes.forwarding}>\n                                            <Credit service={service}/>\n                                        </Grid>\n                                    </Grid>\n\n                                </AccordionSummary>\n\n                                <AccordionDetails className={classes.accordionDetails}>\n                                    <Grid container alignItems=\"center\" justify=\"space-around\">\n                                        <Button variant=\"outlined\"\n                                                color=\"primary\"\n                                                size=\"large\"\n                                                className=\"w-full\"\n                                                component={Link}\n                                                to={\"/service/\"+ service.id}\n                                                disabled={account.status < 1}\n                                        >Manage Number</Button>\n                                    </Grid>\n                                </AccordionDetails>\n\n                            </Accordion>\n                            <LowCreditWarning service={service} />\n                        </div>\n                    ))}\n                    </Hidden>\n\n                    <Hidden smDown>\n\n                        { services.map((service, index) => (\n                            <div key={service.id} className=\"mb-4\">\n                                <div className={classes.summary}>\n                                    <Grid container\n                                          direction=\"row\"\n                                          alignItems=\"center\"\n                                          justify=\"space-between\"\n                                          style={{height: (service.meta.zone !== '' ? 120 : 90)}}\n                                    >\n                                        <Grid item>\n                                            <Grid container direction=\"column\">\n                                                <Grid item>{service.name}</Grid>\n                                                <Grid item className={clsx(classes.number, {\n                                                    'inActive': service.active === 0}\n                                                    )}\n                                                >\n                                                    {ausPhone(service.number)}\n                                                </Grid>\n                                                { service.meta.zone !== '' ? <Grid item>{service.meta.zone}</Grid>:null}\n                                                <Grid item container alignItems=\"center\" className={classes.forwarding}>\n                                                    <ServiceForwarding account={account} service={service}/>\n                                                </Grid>\n                                                <Grid item container alignItems=\"center\" className={classes.forwarding}>\n                                                    <Credit service={service}/>\n                                                </Grid>\n                                            </Grid>\n                                        </Grid>\n\n                                        <Grid item>\n                                            <Button variant=\"outlined\"\n                                                    size=\"large\"\n                                                    className={classes.sideManageButton}\n                                                    component={Link}\n                                                    to={\"/service/\" + service.id}\n                                                    disabled={account.status < 1}\n                                            >Manage</Button>\n                                        </Grid>\n                                    </Grid>\n                                </div>\n                                <LowCreditWarning service={service} />\n                            </div>\n                        ))}\n                    </Hidden>\n\n\n                </div>\n                <Button variant=\"outlined\"\n                        color=\"primary\"\n                        size=\"large\"\n                        component={Link} to=\"/add-service\"\n                        className={classes.linkButton}\n                        disabled={account.status < 1}\n                >Add a Number</Button>\n            </Card>\n        </FuseAnimate>\n\n    )\n}\n\n\nconst ServiceForwarding = ({account, service}) => {\n\n    // Choose which icon we'll use\n    let icon;\n    let type = service.action ? service.action.type : '';\n    if (type === 'dial') {\n        icon = null // <CallIcon fontSize=\"small\"/>\n    } else if (type === 'schedule') {\n        icon = <Schedule fontSize=\"small\"/>\n    } else if (type === 'say' || type === 'play') {\n        icon = <Chat/>\n    } else if (type === 'voicemail') {\n        icon = <Voicemail fontSize=\"small\"/>\n    } else if (type === 'ivr') {\n        icon = <FormatListNumbered fontSize=\"small\"/>\n    } else if (type === 'reject') {\n        icon = <Block fontSize=\"small\"/>\n    }\n\n    // Resolve the number we're actually forwarding to\n    const text = resolveAction(account, service).text;\n\n    return (\n        <React.Fragment>\n            {icon} <ArrowRightAlt/> <Typography variant=\"body2\">{text}</Typography>\n        </React.Fragment>\n    )\n}\n\nconst Credit = ({service}) => {\n    const {minutes, daysLeft} = callCredits(service);\n\n    if (minutes > 0) {\n        return (\n            <>\n                <TimerOutlinedIcon fontSize=\"small\" className=\"mr-1\"/>\n                <div style={{marginTop: 1}} >{minutes} min ({daysLeft} {daysLeft === 1 ? 'day':'days'}) left</div>\n            </>\n        )\n    } else {\n        return (\n            <>\n                <ReportProblemOutlinedIcon fontSize=\"small\"  className=\"mr-1\"/>\n                <div style={{marginTop: 1}} >No minutes left</div>\n            </>\n        )\n    }\n}\n\nconst LowCreditWarning = ({service}) => {\n    const classes = useStyles();\n\n    const {minutes, daysLeft} = callCredits(service);\n\n    if (minutes <= 0) {\n        return (\n            <div className=\"filter drop-shadow bg-white flex flex-row items-center p-2\">\n                <ReportProblemOutlinedIcon className=\"text-red-500\"/>\n                <div className=\"text-gray-600 mx-2 flex-grow\">You have run out of call minutes for this number!</div>\n                <Button\n                    variant=\"outlined\"\n                    color=\"secondary\"\n                    className={classes.rechargeButton}\n                    component={Link} to={`/recharge/${service.id}`}\n                >\n                    RECHARGE\n                </Button>\n            </div>\n        )\n    }\n    if (minutes < 25) {\n        return (\n            <div className=\"filter drop-shadow bg-white flex flex-row items-center p-2\">\n                <ErrorOutlineIcon className=\"text-yellow-500\"/>\n                <div className=\"text-gray-600 mx-2 flex-grow\">Your call minutes are getting low.</div>\n                <Button\n                    variant=\"outlined\"\n                    color=\"secondary\"\n                    className={classes.rechargeButton}\n                    component={Link} to={`/recharge/${service.id}`}\n                >\n                    RECHARGE\n                </Button>\n            </div>\n        )\n    }\n    if (daysLeft < 7) {\n        return (\n            <div className=\"filter drop-shadow bg-white flex flex-row items-center p-2\">\n                <ErrorOutlineIcon className=\"text-yellow-500\"/>\n                <div className=\"text-gray-600 mx-2 flex-grow\">Your call minutes will expire soon. Recharge now to keep them.</div>\n                <Button\n                    variant=\"outlined\"\n                    color=\"secondary\"\n                    className={classes.rechargeButton}\n                    component={Link} to={`/recharge/${service.id}`}\n                >\n                    RECHARGE\n                </Button>\n            </div>\n        )\n    }\n    return null\n}\n\nexport default ServicesCard","import {lighten, makeStyles} from \"@material-ui/core/styles\";\nimport FuseAnimate from \"../fuse-animate/fuse-animate\";\nimport {Card} from \"@material-ui/core\";\nimport Accordion from \"@material-ui/core/Accordion\"\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\";\nimport AccordionDetails from \"@material-ui/core/AccordionDetails\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\"\nimport Typography from \"@material-ui/core/Typography\";\nimport Button from \"@material-ui/core/Button\";\nimport {Link} from \"react-router-dom\";\nimport React from \"react\";\nimport ausPhone from \"../../utils/aus-phone\";\nimport format from '../../utils/format';\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: theme.spacing(2),\n    },\n    accordionSummary: {\n        '&:hover, &:focus, &:active': {\n          // backgroundColor:  grey[200],\n            backgroundColor: lighten(theme.palette.primary.light, 0.85)\n        },\n    },\n    expanded: {\n        // backgroundColor: grey[200],\n        backgroundColor: lighten(theme.palette.primary.light, 0.85)\n    },\n    accordionDetails: {\n        // backgroundColor: grey[50],\n        backgroundColor: lighten(theme.palette.primary.light, 0.95)\n    },\n    linkButton: {\n        marginTop: 24,\n    },\n    dataLabel: {\n        minWidth: 75,\n        fontWeight: 500,\n    },\n    headerRow: {\n        display: 'flex',\n        flexGrow: 1,\n        textTransform: 'uppercase',\n        paddingBottom: '0.5rem',\n        marginLeft: 16,\n        marginRight: 48,\n    },\n}));\n\n\nconst RecentCalls = ({ calls, animation, delay }) => {\n    const classes = useStyles();\n\n    //console.log('RecentCalls: calls =', calls);\n\n    return (\n        <FuseAnimate animation={animation} delay={delay}>\n            <Card id=\"calls-card\" className={classes.root}>\n                <Typography variant=\"h6\" color=\"secondary\">Recent Calls</Typography>\n\n                <div className=\"mt-4\">\n\n                    {/* Column Headers */}\n                    <div className=\"flex flex-grow border-b-2\">\n                        <div className={classes.headerRow}>\n                            <div className=\"w-7/12 md:w-1/4\">From</div>\n                            <div className=\"hidden md:flex md:w-1/4\">To</div>\n                            <div className=\"w-5/12 md:w-1/4\">When</div>\n                            <div className=\"hidden md:flex md:w-1/4\">Duration</div>\n                        </div>\n                    </div>\n\n                    { calls.length === 0 ? <div className=\"p-4\">No recent calls.</div> : null }\n\n                    {/* Table Row */}\n                    { calls.map((call) => (\n                        <Accordion key={call.sid}>\n                            <AccordionSummary\n                                classes={{root: classes.accordionSummary, expanded: classes.expanded}}\n                                expandIcon={<ExpandMoreIcon/>}\n                            >\n                                <div className=\"flex flex-row flex-grow font-light\">\n                                    <div className=\"w-7/12 md:w-1/4 font-bold\">{ausPhone(call.from)}</div>\n                                    <div className=\"hidden md:flex md:w-1/4\">{ausPhone(call.to)}</div>\n                                    <div className=\"w-5/12 md:w-1/4\">{format('ago',call.startTime)}</div>\n                                    <div className=\"hidden md:flex md:w-1/4\">{format('duration', call.duration)}</div>\n                                </div>\n                            </AccordionSummary>\n\n                            <AccordionDetails\n                                className={classes.accordionDetails}\n                            >\n                                <div className=\"flex flex-col flex-grow font-light\">\n\n                                    <div className=\"flex flex-col md:flex-row\">\n                                        <div className=\"flex flex-row p-1 md:w-1/2\">\n                                            <div className={classes.dataLabel}>Time</div>\n                                            <div className=\"\">\n                                                <span className=\"pr-1\">{format('date-long', call.startTime)}</span>\n                                                <span className=\"\" dangerouslySetInnerHTML={{__html: format('time-12h', call.startTime)}}/>\n                                            </div>\n                                        </div>\n                                        <div className=\"flex flex-row p-1 md:w-1/2\">\n                                            <div className={classes.dataLabel}>Direction</div>\n                                            <div className=\"capitalize\">{format('direction', call.direction)}</div>\n                                        </div>\n                                    </div>\n\n                                    <div className=\"flex flex-col md:flex-row\">\n                                        <div className=\"flex flex-row p-1 md:w-1/2\">\n                                            <div className={classes.dataLabel}>From</div>\n                                            <div className=\"\">{ausPhone(call.from)}</div>\n                                        </div>\n                                        <div className=\"flex flex-row p-1 md:w-1/2\">\n                                            <div className={classes.dataLabel}>To</div>\n                                            <div className=\"\">{ausPhone(call.to)}</div>\n                                        </div>\n                                    </div>\n\n                                    <div className=\"flex flex-col md:flex-row\">\n                                        <div className=\"flex flex-row p-1 md:w-1/2\">\n                                            <div className={classes.dataLabel}>Duration</div>\n                                            <div className=\"\">{format('duration', call.duration)}</div>\n                                        </div>\n                                        <div className=\"flex flex-row p-1 md:w-1/2\">\n                                            <div className={classes.dataLabel}>Status</div>\n                                            <div className=\"capitalize\">{call.status}</div>\n                                        </div>\n                                    </div>\n\n                                </div>\n                            </AccordionDetails>\n                        </Accordion>\n                    ))}\n\n                </div>\n\n\n                <Button variant=\"outlined\"\n                        color=\"primary\"\n                        size=\"large\"\n                        component={Link}\n                        to=\"/calls\"\n                        className={classes.linkButton}\n                >View All Calls</Button>\n\n            </Card>\n        </FuseAnimate>\n    )\n}\n\n\n\nexport default RecentCalls;","import React from \"react\";\nimport {lighten, makeStyles} from \"@material-ui/core/styles\";\nimport FuseAnimate from \"../fuse-animate/fuse-animate\";\nimport {Card, Paper} from \"@material-ui/core\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Button from \"@material-ui/core/Button\";\nimport {Link} from \"react-router-dom\";\nimport Accordion from \"@material-ui/core/Accordion\";\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\";\nimport AccordionDetails from \"@material-ui/core/AccordionDetails\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport format from '../../utils/format';\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\nimport externalLink from \"../../utils/external-link\";\nimport {InvoiceStatus} from \"../../components\";\nimport clsx from \"clsx\";\n\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: theme.spacing(2),\n    },\n    accordionSummary: {\n        '&:hover, &:focus, &:active': {\n            // backgroundColor:  grey[200],\n            backgroundColor: lighten(theme.palette.primary.light, 0.85)\n        },\n    },\n    expanded: {\n        // backgroundColor: grey[200],\n        backgroundColor: lighten(theme.palette.primary.light, 0.85)\n    },\n    accordionDetails: {\n        // backgroundColor: grey[50],\n        backgroundColor: lighten(theme.palette.primary.light, 0.95)\n    },\n    linkButton: {\n        marginTop: 24,\n    },\n    dataLabel: {\n        minWidth: 75,\n        fontWeight: 500,\n    },\n    panel: {\n        minHeight: 48,\n        display: 'flex',\n        alignItems: 'center',\n        borderBottomWidth: 1,\n    },\n}));\n\n\nconst RecentPurchases = ({ purchases, animation, delay }) => {\n    const classes = useStyles();\n    const isWide = useMediaQuery(theme => theme.breakpoints.up('md'));\n\n    return (\n        <FuseAnimate animation={animation} delay={delay}>\n            <Card id=\"payments-card\" className={classes.root}>\n                <Typography variant=\"h6\" color=\"secondary\">Recent Purchases</Typography>\n\n                <div className=\"mt-4\">\n\n                    {/* Column Headers */}\n                    { isWide ? <PanelHeader/> : <AccordionPanelHeader/> }\n\n                    {/* No items */}\n                    { purchases.length === 0 ? <div className=\"p-4\">No recent purchases.</div> : null }\n\n                    {/* Table */}\n                    { isWide ? <Panel purchases={purchases} /> : <AccordionPanel purchases={purchases}/>}\n\n                </div>\n\n                <Button variant=\"outlined\"\n                        color=\"primary\"\n                        size=\"large\"\n                        component={Link}\n                        to={{pathname: \"/account\", state: {scrollTo: 'purchases-panel'}}}\n                        className={classes.linkButton}\n                >View Account</Button>\n\n            </Card>\n        </FuseAnimate>\n    )\n}\n\n\nconst AccordionPanelHeader = () => {\n    return (\n        <div className=\"flex flex-grow border-b-2\">\n            <div className=\"flex flex-grow uppercase pb-1 ml-4 mr-12\">\n                <div className=\"w-5/12 md:w-1/4\">Date</div>\n                <div className=\"hidden md:flex md:w-1/4\">Reference</div>\n                <div className=\"w-4/12 md:w-1/4\">Amount</div>\n                <div className=\"w-3/12 md:flex md:w-1/4\">Status</div>\n            </div>\n        </div>\n    )\n}\n\nconst AccordionPanel = ({purchases}) => {\n    const classes = useStyles();\n\n    return purchases.map((purchase) => (\n        <Accordion key={purchase.id}>\n            <AccordionSummary\n                classes={{root: classes.accordionSummary, expanded: classes.expanded}}\n                expandIcon={<ExpandMoreIcon/>}\n            >\n                <div className=\"flex flex-row flex-grow font-light items-center\">\n                    <div className=\"w-5/12 md:w-1/4\">{format('date-only', purchase.date)}</div>\n                    <div className=\"hidden md:flex md:w-1/4\">{purchase.reference}</div>\n                    <div className=\"w-4/12 md:w-1/4 font-bold\">${(purchase.amount/100).toFixed(2)}</div>\n                    <div className=\"w-3/12 pl-1 md:flex md:w-1/4\">\n                        <InvoiceStatus status={purchase.status} />\n                    </div>\n                </div>\n            </AccordionSummary>\n\n            <AccordionDetails\n                className={classes.accordionDetails}\n            >\n                <div className=\"flex flex-col flex-grow font-light\">\n                    <div className=\"flex flex-row p-1 md:w-1/2 pb-3\">\n                        <div className={clsx(classes.dataLabel, 'hidden', 'sm:block')}>Item</div>\n                        <div className=\"font-medium sm:font-normal\">{purchase.description}</div>\n                    </div>\n                    <div className=\"flex flex-row p-1 md:w-1/2 pb-3\">\n                        <div className={classes.dataLabel}>Reference</div>\n                        <div className=\"\">{purchase.reference}</div>\n                    </div>\n\n                    <Button variant=\"outlined\"\n                            color=\"primary\"\n                            size=\"large\"\n                            onClick={(e) => externalLink(e, purchase.receiptUrl)}\n                    >View Receipt</Button>\n\n                </div>\n            </AccordionDetails>\n        </Accordion>\n    ))\n}\n\nconst PanelHeader = () => {\n    return (\n        <div className=\"flex flex-grow border-b-2\">\n            <div className=\"flex flex-grow uppercase pb-1 ml-4 mr-20\"       /*{classes.headerRow}*/>\n                <div className=\"w-1/3 md:w-1/4\">Date</div>\n                <div className=\"hidden md:flex md:w-1/4\">Reference</div>\n                <div className=\"w-1/3 md:w-1/4\">Amount</div>\n                <div className=\"w-1/3 md:flex md:w-1/4\">Status</div>\n            </div>\n        </div>\n    )\n}\n\nconst Panel = ({purchases}) => {\n    const classes = useStyles();\n\n    return (\n        <Paper>\n            { purchases.map((purchase) => (\n                <div className={classes.panel} key={purchase.id}>\n                    <div className=\"flex flex-row flex-grow font-light items-center pl-4 pr-4\">\n                        <div className=\"w-1/3 md:w-1/4\">{format('date-only', purchase.date)}</div>\n                        <div className=\"hidden md:flex md:w-1/4\">{purchase.reference}</div>\n                        <div className=\"w-1/3 md:w-1/4 font-bold\">${(purchase.amount/100).toFixed(2)}</div>\n                        <div className=\"w-1/3 md:flex md:w-1/4\">\n                            <InvoiceStatus status={purchase.status} />\n                        </div>\n                        <Button variant=\"outlined\"\n                                color=\"primary\"\n                                size=\"small\"\n                                onClick={(e) => externalLink(e, purchase.receiptUrl)}\n                        >View</Button>\n                    </div>\n                </div>\n            ))}\n        </Paper>\n    )\n}\n\nexport default RecentPurchases;","import FuseAnimate from \"../fuse-animate/fuse-animate\";\nimport {Card, Hidden} from \"@material-ui/core\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Button from \"@material-ui/core/Button\";\nimport {Link} from \"react-router-dom\";\nimport React from \"react\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport red from \"@material-ui/core/colors/red\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: theme.spacing(2),\n    },\n    header: {\n        justifyContent: 'space-between',\n        alignItems: 'center',\n        marginBottom: theme.spacing(3),\n    },\n    balance: {\n        [theme.breakpoints.down('sm')]: {\n            justifyContent: 'space-around',\n        },\n        [theme.breakpoints.up('md')]: {\n            justifyContent: 'space-between',\n        },\n        fontSize: 24,\n        fontWeight: 700,\n    },\n    linkButton: {\n        marginTop: 24,\n    },\n    sideLinkButton: {\n        minWidth: 180,\n    },\n}));\n\nconst BalanceCard = ({ account: {balance, status}, animation, delay }) => {\n    //console.log('BalanceCard: balance =', balance, 'status =', status);\n    const classes = useStyles();\n\n    // The initials are used as a fallback for the avatar if the user hasn't selected one.\n    const displayBalance = '$' + (balance/100).toFixed(2);\n\n    return (\n        <FuseAnimate animation={animation} delay={delay}>\n            <Card id=\"balance-card\" className={classes.root}>\n\n                <Grid item container className={classes.header}>\n                    <Grid item>\n                        <Typography variant=\"h6\" color=\"secondary\">Account Balance</Typography>\n                    </Grid>\n                    <Grid item>\n                        <CreditStatus status={status} balance={balance}/>\n                    </Grid>\n                </Grid>\n\n                <Grid container>\n\n                    <Grid item container className={classes.balance}>\n                        <Grid item>{displayBalance}</Grid>\n\n                        <Hidden smDown>\n                            <Grid item>\n                                <Button variant=\"outlined\"\n                                        color=\"primary\"\n                                        size=\"large\"\n                                        component={Link}\n                                        to=\"/recharge\"\n                                        className={classes.sideLinkButton}\n                                        disabled={status < 1}\n                                >Add Credit</Button>\n                            </Grid>\n                        </Hidden>\n                    </Grid>\n\n                </Grid>\n\n                { status === 1 ?\n                    <Hidden mdUp>\n                        <Button variant=\"outlined\"\n                                color=\"primary\"\n                                size=\"large\"\n                                component={Link}\n                                to=\"/recharge\"\n                                className={classes.linkButton}\n                        >Add Credit</Button>\n                    </Hidden>\n                    : null\n                }\n\n            </Card>\n        </FuseAnimate>\n    )\n}\n\n\nconst CreditStatus = ({status, balance}) => {\n\n    let state = {\n        status: '',\n        bgColor: ''\n    };\n\n    if (balance > 0) {\n        if (status === 0) {\n            state = {status: 'Suspended', bgColor: red[700]}\n        } else {\n            state = {status: 'Active', bgColor: '#237a23'}\n        }\n    } else {\n        state = {status: 'No credit', bgColor: red[700]}\n    }\n\n    const classes =  {\n        textBox : {\n            color: 'white',\n            backgroundColor: state.bgColor,\n            paddingLeft: 8,\n            paddingRight: 8,\n            paddingTop: 4,\n            paddingBottom: 4,\n            fontSize: 11,\n            fontWeight: 500,\n            borderRadius: 2\n        }\n    };\n\n    return (\n        <div style={classes.textBox}> {state.status} </div>\n    )\n\n}\n\nexport default BalanceCard;","import React from \"react\";\nimport Button from \"@material-ui/core/Button\";\nimport {Link} from 'react-router-dom'\nimport Typography from \"@material-ui/core/Typography\";\nimport { RemoveCircle, WatchLaterOutlined, Info, ErrorOutline } from \"@material-ui/icons\"\nimport FuseAnimate from \"../fuse-animate/fuse-animate\";\nimport red from \"@material-ui/core/colors/red\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport moment from \"moment\";\nimport {useMediaQuery} from \"@material-ui/core\";\nimport blue from \"@material-ui/core/colors/blue\";\nimport clsx from 'clsx';\n\n\nconst useStyles = makeStyles((theme) => ({\n    btn: {\n        [theme.breakpoints.up('sm')]: {\n            width: 180,\n            minWidth: 180,\n        },\n        [theme.breakpoints.down('xs')]: {\n            width: '100%',\n        },\n    },\n    btn2: {\n        [theme.breakpoints.up('md')]: {\n            width: 180,\n            minWidth: 180,\n        },\n        [theme.breakpoints.down('sm')]: {\n            width: '100%',\n        },\n    },\n}));\n\n\n// The banner is only rendered if it's conditions are met...\nconst AccountBanner = ({account, variant='', className, animation, delay}) => {\n    const classes = useStyles();\n    const isWide = useMediaQuery(theme => theme.breakpoints.up('sm'));\n\n    // If we haven't got an account, we've got nothing to display\n    if (account.id === 0) {\n        return null;\n    }\n\n    const isClosed = typeof(account.closed) === 'undefined' ? false : typeof (account.closed) === 'string';\n\n    const trialEnds = () => {\n        // Set the trial end message\n        let msg;\n        let expiry = moment(account.trialExpiry);\n        if (expiry.isBefore()) {\n            msg = 'Your trial period ended ' + expiry.fromNow() + '. Upgrade now to keep your number!';\n        } else {\n            msg = 'Your trial period ends ' + expiry.fromNow() + '.';\n        }\n        return msg\n    }\n\n    switch (variant) {\n        case 'suspended':\n            if (account.status === 0 && !isClosed) {\n                return (\n                    <FuseAnimate animation={animation} delay={delay}>\n                        <div className={clsx(className,\"flex items-center justify-around bg-red-700 text-white MuiPaper-elevation1 rounded p-4 my-2\")}>\n                            <div className=\"flex items-center\">\n                                <ErrorOutline fontSize={isWide ? '' : 'large'} className={isWide ? 'pr-1' : 'pr-2'}/>\n                                <Typography className=\"leading-tight\">Your account is suspended.</Typography>\n                            </div>\n                        </div>\n                    </FuseAnimate>\n                )\n            }\n            return null;\n\n        case 'pendingClosed':\n            if (account.status === 0 && isClosed) {\n                return (\n                    <FuseAnimate animation={animation} delay={delay}>\n                        <div className={clsx(className,\"flex items-center justify-around bg-red-700 text-white MuiPaper-elevation1 rounded p-4 my-2\")}>\n                            <div className=\"flex items-center\">\n                                <WatchLaterOutlined fontSize={isWide ? '' : 'large'} className={isWide ? 'pr-1' : 'pr-2'}/>\n                                <Typography className=\"leading-tight\">This account has been closed and is waiting to be shut down.</Typography>\n                            </div>\n                        </div>\n                    </FuseAnimate>\n                )\n            }\n            return null;\n\n        case 'reactivate':\n            if (account.status === -1) {\n                return (\n                    <FuseAnimate animation={animation} delay={delay}>\n                        <div className={clsx(className,\"flex flex-col items-center sm:justify-between bg-white MuiPaper-elevation1 rounded p-4 my-2 sm:flex-row\")}>\n                            <div className=\"flex items-center mb-4 mt-1 sm:my-0\">\n                                <RemoveCircle style={{color: red[500], paddingRight: '0.25rem'}}/>\n                                <Typography>Your account is closed.</Typography>\n                            </div>\n                            <Button className={classes.btn} color=\"secondary\" variant=\"contained\" component={Link} to=\"/reactivate\">Reactivate</Button>\n                        </div>\n                    </FuseAnimate>\n                )\n            }\n            return null\n\n        case 'upgrade':\n            if (account.status === 2) {\n                return (\n                    <FuseAnimate animation={animation} delay={delay}>\n                        <div className={clsx(className,\"flex flex-col items-center sm:justify-between bg-white MuiPaper-elevation1 rounded p-4 my-2 md:flex-row\")}>\n                            <div className=\"flex items-center mb-4 mt-1 md:my-0\">\n                                <Info fontSize=\"large\" style={{color: blue[500]}}/>\n                                <Typography className={isWide ? 'pl-1 pr-6': 'px-1'}>{trialEnds()}</Typography>\n                            </div>\n                            <Button className={classes.btn2} color=\"secondary\" variant=\"contained\" component={Link} to=\"/upgrade\">Upgrade</Button>\n                        </div>\n                    </FuseAnimate>\n                )\n            }\n            return null;\n\n        default:\n            return null;\n\n    }\n\n}\n\nexport default AccountBanner;","import React from \"react\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport {InputLabel, Select} from \"@material-ui/core\";\nimport Avatar from \"@material-ui/core/Avatar\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\n\nconst avatars = [\n    'avatar-01.svg',\n    'avatar-02.svg',\n    'avatar-03.svg',\n    'avatar-04.svg',\n    'avatar-05.svg',\n    'avatar-06.svg',\n    'avatar-07.svg',\n    'avatar-08.svg',\n    'avatar-09.svg',\n    'avatar-10.svg',\n    'avatar-11.svg',\n    'avatar-12.svg',\n    'avatar-13.svg',\n    'avatar-14.svg',\n    'avatar-15.svg',\n    'avatar-16.svg',\n    'avatar-17.svg',\n    'avatar-18.svg',\n    'avatar-19.svg',\n    'avatar-20.svg',\n    'avatar-21.svg',\n    'avatar-22.svg',\n    'avatar-23.svg',\n    'avatar-24.svg',\n    'avatar-25.svg',\n    'avatar-26.svg',\n    'avatar-27.svg',\n    'avatar-28.svg',\n    'avatar-29.svg',\n    'avatar-30.svg',\n    'avatar-31.svg',\n    'avatar-32.svg',\n    'avatar-33.svg',\n    'avatar-34.svg',\n    'avatar-35.svg',\n    'avatar-36.svg',\n    'avatar-37.svg',\n    'avatar-38.svg',\n    'avatar-39.svg',\n    'avatar-40.svg',\n    'avatar-41.svg',\n    'avatar-42.svg',\n    'avatar-43.svg',\n    'avatar-44.svg',\n    'avatar-45.svg',\n    'avatar-46.svg',\n    'avatar-47.svg',\n    'avatar-48.svg',\n]\n\n// Standard controlled component\nconst AvatarSelectControlled = ({value, onChange, initials='A', baseUrl='/assets/images/avatars/'}) => {\n\n    return (\n        <FormControl\n            variant=\"outlined\"\n            margin=\"dense\"\n        >\n            <InputLabel id=\"avatar-select-label\">Avatar</InputLabel>\n            <Select\n                labelId=\"avatar-select-label\"\n                id=\"avatarUrl\"\n                name=\"avatarUrl\"\n                label=\"Avatar\"\n                value={value || ''}\n                onChange={onChange}\n            >\n                <MenuItem key=\"avatar-00.png\" value=\"avatar-00.jpg\">\n                    <Avatar src={baseUrl + 'avatar-00.jpg'}>{initials}</Avatar>\n                </MenuItem>\n                { avatars.map((value, index) => (\n                    <MenuItem key={value} value={value}>\n                        <Avatar src={baseUrl + value} height={36} width={36} style={{borderRadius:18}} alt={value}/>\n                    </MenuItem>\n                ))}\n            </Select>\n        </FormControl>\n    )\n}\n\n// React Hook Form 6 version - does not work with RHF 7\n// const AvatarSelect = ({defaultValue, register, control,  initials='A', baseUrl='/assets/images/avatars/'}) => {\n//\n//     return (\n//         <FormControl\n//             variant=\"outlined\"\n//             margin=\"dense\"\n//         >\n//             <InputLabel id=\"avatar-select-label\">Avatar</InputLabel>\n//             <Controller\n//                 id=\"avatarUrl\"\n//                 name=\"avatarUrl\"\n//                 labelId=\"avatar-select-label\"\n//                 label=\"Avatar\"\n//                 inputRef={register}\n//                 defaultValue={defaultValue}\n//                 control={control}\n//                 as={\n//                     <Select>\n//                         <MenuItem key=\"avatar-00.jpg\" value=\"avatar-00.jpg\">\n//                             <Avatar src={baseUrl + 'avatar-00.jpg'}>{initials}</Avatar>\n//                         </MenuItem>\n//                         { avatars.map((key, index) => (\n//                             <MenuItem key={key} value={key}>\n//                                 <img src={baseUrl + key} height={36} width={36} style={{borderRadius:18}} alt={key}/>\n//                             </MenuItem>\n//                         ))}\n//                     </Select>\n//                 }\n//             />\n//         </FormControl>\n//     )\n//\n// }\n\nexport default AvatarSelectControlled;","import React from \"react\";\nimport {ReactComponent as VisaLogo} from \"../../images/visa-logo.svg\";\nimport {ReactComponent as MasterCardLogo} from \"../../images/mastercard-logo.svg\";\nimport CreditCard from \"@material-ui/icons/CreditCard\";\n\nconst CreditCardPanel = ({paymentMethod={ id: '', type: '', brand: '', last4: '', expiry: '', name: ''}}) => {\n\n    let cardLogo;\n    switch (paymentMethod.brand.toLowerCase()) {\n        case 'visa':\n            cardLogo = <VisaLogo height={30} width={45}/>\n            break;\n\n        case 'mastercard':\n            cardLogo = <MasterCardLogo height={30} width={45}/>\n            break;\n\n        default:\n            cardLogo = <CreditCard fontSize=\"large\" color=\"disabled\"/>\n    }\n\n    return (\n    <div className=\"p-3\">\n        <div className=\"mb-2\">\n            {cardLogo}\n        </div>\n        <div className=\"font-mono text-xl my-3\">**** **** **** {paymentMethod.last4}</div>\n        <div className=\"flex flex-row justify-between w-full mt-3 mb-1\">\n            <div className=\"font-mono text-sm\">{paymentMethod.name}</div>\n            <div className=\"font-mono text-sm\"><span className=\"text-xs text-gray-400\">Expiry</span> {paymentMethod.expiry}</div>\n        </div>\n    </div>\n    )\n\n}\n\nexport default CreditCardPanel","import React, {useState} from \"react\";\nimport {CircularProgress} from \"@material-ui/core\";\nimport Button from \"@material-ui/core/Button\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport {AccountService} from \"../../services\";\nimport {setAccountPaymentMethod} from \"../../store/actions\";\nimport * as toast from \"../../utils/toast\";\nimport {useStore} from \"../../store\";\nimport {useSnackbar} from \"notistack\";\nimport CreditCardPanel from \"./credit-card\";\n\nconst useStyles = makeStyles((theme) => ({\n    mono: {\n        fontFamily: '\"Courier New\", Courier, monospace',\n        fontSize: 16,\n    },\n    creditCard: {\n        display: 'flex',\n        borderWidth: 1,\n        borderRadius: 4,\n        marginBottom: 16,\n        maxWidth: 350,\n    },\n}));\n\n\nconst PaymentMethodCard = ({accountId=0, paymentMethod={ id: '', type: '', brand: '', last4: '', expiry: '', name:''}, canRemove=true}) => {\n    const classes = useStyles();\n    const [state, setState] = useState({fetching: false, isLoaded: true})\n    const [, dispatch] = useStore();\n    const {enqueueSnackbar} = useSnackbar();     // Snackbar Hook for notifications\n    const cardRef = React.createRef();\n\n    const removeCard = (event) => {\n\n        setState({...state, fetching: true})\n        AccountService.removePaymentMethod(accountId)\n            .then((result) => {\n                // Update the global store\n                dispatch(setAccountPaymentMethod({\n                    id: '', type: '', brand: '', last4: '', expiry: '',\n                }))\n\n                // if we're still displaying the card, update the state\n                if (cardRef.current) {\n                    setState({...state, fetching: false})\n                }\n            })\n            .catch(error => {\n                // Notify the user we hit an error\n                toast.apiError(\"Your card could not be removed\", error, enqueueSnackbar);\n                setState({...state, fetching: false})\n            })\n    }\n\n    paymentMethod.expiry = paymentMethod.expiry.replace('/20','/')\n    if (paymentMethod.expiry.length === 4) {\n        paymentMethod.expiry = '0' + paymentMethod.expiry\n    }\n\n    return (\n        <div ref={cardRef} className={classes.creditCard}>\n            <div className=\"flex flex-col w-full\">\n                <CreditCardPanel paymentMethod={paymentMethod}/>\n                { canRemove ?\n                    <div className=\"flex flex-row border-t p-1\">\n                        {state.fetching ?\n                            <div style={{marginLeft: '8px', marginTop: '5px'}}>\n                                <CircularProgress size={18}/>\n                            </div>\n                            :\n                            <Button color=\"primary\" size=\"small\" onClick={removeCard}>\n                                Remove Card\n                            </Button>\n                        }\n                    </div>\n                    : null\n                }\n            </div>\n        </div>\n    )\n}\n\nexport default PaymentMethodCard","import React, {createContext, useEffect, useImperativeHandle, useState} from \"react\";\nimport PropTypes from \"prop-types\";\n\n\n// Create a Context for our table\nconst ExpanderTableContext = createContext({})\n\nconst ExpanderTable = React.forwardRef(({page = 0, pageLength = 10, sorting = {}, columns=[], onData, children}, ref) => {\n    const [state, setState] = useState({\n        isFetching   : false,\n        page         : page,\n        pageLength   : pageLength,\n        pageCount    : 0,\n        rows         : [],\n        rowsTotal    : 0,\n        rowsFiltered : 0,\n        sorting      : sorting,\n        search       : '',\n        columns      : columns,\n    })\n\n    // Expose the reload method to the parent\n    useImperativeHandle(ref, ()=> ({\n        reload: fetchData,\n    }))\n\n    // Fetch table data on input change...\n    useEffect(() => {\n        if (!onData) { return }\n\n        let isloaded = true;\n\n        // Set the isFetching flag\n        setState(s => ({...s, isFetching: true}))\n\n        onData(state.page, state.pageLength, state.sorting, state.search)\n            .then(result => {\n                if (isloaded) {\n                    setState(s => ({...s, isFetching: false, ...processData(result)}))\n                }\n            })\n\n        // Return a clean up function...\n        return () => { isloaded = false }\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    },[onData, state.page, state.pageLength, state.sorting, state.search])\n\n    const fetchData = () => {\n        if (!onData) { return }\n        setState(s => ({...s, isFetching: true}))\n        onData(state.page, state.pageLength, state.sorting, state.search)\n            .then(result => {\n                setState(s => ({...s, isFetching: false, ...processData(result)}))\n            })\n    }\n\n    const processData = (result) => {\n        //console.log('expandertable result', result);\n        const rows = result.rows || [];\n        const rowsTotal = result.total || rows.length;\n        const rowsFiltered = result.filtered || rowsTotal;\n        const pageCount = Math.ceil(rowsFiltered / state.pageLength) - 1;\n        return { rows, rowsTotal, rowsFiltered, pageCount }\n    }\n\n    return (\n        <ExpanderTableContext.Provider value={{state, setState}}>\n            <div className=\"flex flex-col my-4\">\n                {children}\n            </div>\n        </ExpanderTableContext.Provider>\n    )\n})\n\nExpanderTable.propTypes = {\n    onData             : PropTypes.func,\n    page               : PropTypes.number,\n    pageLength         : PropTypes.number,\n    sorting            : PropTypes.object,\n}\n\nexport { ExpanderTable, ExpanderTableContext };","import {useContext} from \"react\";\nimport {ExpanderTableContext} from \"../expander-table\"\n\n/**\n * expander-table/hooks/index.js\n *\n * Returns an array containing the current state object, and store action dispatch method\n * Usage: const [state, setState] = useExpanderTable();\n */\n// export default useExpanderTable => useContext(ExpanderTableContext);\n\nfunction useExpanderTable() {\n    const {state, setState} = useContext((ExpanderTableContext));\n    return [state, setState]\n}\n\nexport default useExpanderTable;","import React from \"react\";\nimport useExpanderTable from \"../expander-table/hooks\"\nimport ArrowUpward from \"@material-ui/icons/ArrowUpward\"\nimport clsx from 'clsx';\nimport './styles.css'\n\nconst ExpanderTableHeader = ({className=\"\", component, children}) => {\n    const [state, setState] = useExpanderTable();\n\n    if (!state) {\n        console.warn(\"ExpanderTableHeader must be a descendant of ExpanderTable\")\n        return null;\n    }\n\n    const handleHeaderClick = (column='') => {\n        if (column === '') { return }\n\n        let sorting = {column: column, direction: 'desc'}\n\n        // If we're already sorted by that column, reverse direction\n        if (state.sorting.column === sorting.column) {\n            sorting.direction = state.sorting.direction === 'asc' ? 'desc' : 'asc';\n        }\n        setState({...state, sorting})\n    }\n\n    // Generate the render content\n\n    // Get the columns defs from the table state\n    const columnDefs = state.columns || [];\n\n    // Get the header renderer\n    const renderer = component || TableHeader;\n\n    // If the user has specified another component, use that...\n\n    // Default to displaying just the child elements children if there's no columns defs\n    // let content = children;\n    // Create headers for each defined column\n    // if (columnDefs.length > 0) {\n    //     content = <TableHeader columnDefs={columnDefs} columnClickHandler={handleHeaderClick} sorting={state.sorting}/>\n        // content = <>\n        //     {columnDefs.map((col) => (\n        //         <ColumnHeader\n        //             key={ col.field || col.id }\n        //             col={col}\n        //             clickHandler={handleHeaderClick}\n        //             sorting={state.sorting}\n        //         />\n        //     ))}\n        //     {children}\n        //     </>\n    // }\n\n    return (\n        <div className={clsx(className, \"flex flex-grow items-center border-b bg-white rounded-t shadow\")}>\n            {renderer({columnDefs: columnDefs, columnClickHandler: handleHeaderClick, sorting: state.sorting})}\n            {children}\n        </div>\n    )\n}\n\nconst TableHeader = ({columnDefs=[], columnClickHandler, sorting}) => {\n    return (\n        <>\n            {columnDefs.map((col) => (\n                <ColumnHeader\n                    key={ col.field || col.id }\n                    col={col}\n                    clickHandler={columnClickHandler}\n                    sorting={sorting}\n                />\n            ))}\n        </>\n    )\n}\n\nexport const ColumnHeader = ({col, sorting={},  clickHandler, children}) => {\n\n    let buttonStyle = '';\n    if (clickHandler && col.field) {\n        buttonStyle = 'cursor-pointer align-center';\n    }\n\n    let iconStyle = 'expander-table-header-icon '\n    const {column, direction} = sorting\n    if (column && direction && column === col.field) {\n        if (direction === 'asc') {\n            iconStyle += 'expander-table-header-arrow-up'\n        } else if (direction === 'desc') {\n            iconStyle += 'expander-table-header-arrow-down'\n        }\n    } else {\n        iconStyle += 'expander-table-header-arrow-none'\n    }\n\n    return (\n        <div id={col.field}  className={clsx(col.style, buttonStyle)} onClick={() => clickHandler(col.field)}>\n            <div className=\"flex items-center\">\n                {children || col.title} <ArrowUpward className={iconStyle} />\n            </div>\n        </div>\n    )\n}\n\nexport default ExpanderTableHeader","import React, {createRef, useEffect, useState} from \"react\";\nimport Select from \"@material-ui/core/Select\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport FirstPage from \"@material-ui/icons/FirstPage\";\nimport NavigateBefore from \"@material-ui/icons/NavigateBefore\";\nimport NavigateNext from \"@material-ui/icons/NavigateNext\";\nimport LastPage from \"@material-ui/icons/LastPage\";\nimport useExpanderTable from \"../expander-table/hooks\";\nimport {useMediaQuery} from \"@material-ui/core\";\n\nconst ExpanderTablePager = ({onVisibilityChange}) => {\n    const [state, setState] = useExpanderTable();\n    const [isVisible, setIsVisible] = useState(false)\n    const ref = createRef();\n\n    // This should run after each render\n    useEffect(() => {\n        if (onVisibilityChange && ref.current) {\n\n            // Get the current visibility\n            const top = ref.current.getBoundingClientRect().top;\n            const innerHeight = window.innerHeight;\n            const visibleNow = ((top >= 0) && (top <= innerHeight));\n            const viewPortOffset = top < 0 ? top : top < innerHeight ? 0 : top - innerHeight\n\n            // If it has changed from last time, update the state and call the callback function\n            if (isVisible !== visibleNow) {\n                setIsVisible(visibleNow);\n                onVisibilityChange(visibleNow, viewPortOffset);\n            }\n        }\n    }, [onVisibilityChange, ref, isVisible])\n\n    if (!state) {\n        console.warn(\"ExpanderTableContent must be a descendant of ExpanderTable\")\n        return null;\n    }\n\n    const nextPage = () => {\n        if (state.page < state.pageCount && !state.isFetching) {\n            setState({...state, page: state.page+1})\n        }\n    }\n\n    const previousPage = () => {\n        if (state.page > 0 && !state.isFetching) {\n            setState({...state, page: state.page-1})\n        }\n    }\n\n    const firstPage = () => {\n        setState({...state, page: 0})\n    }\n\n    const lastPage = () => {\n        setState({...state, page: state.pageCount})\n    }\n\n    const handlePageLength = (event) => {\n        const pageLength = event.target.value\n\n        // Calculate the new pageCount\n        const pageCount = Math.ceil(state.rowsFiltered/pageLength) - 1;\n\n        // Select the page with the current record\n        const currentTop = state.page * state.pageLength + 1\n        const page = Math.floor(currentTop / pageLength);\n\n        setState({...state, pageLength, pageCount, page})\n    }\n\n    return (\n        <div ref={ref} className=\"flex flex-grow items-center justify-between px-4 bg-white shadow rounded-b h-12\">\n            <Select value={state.pageLength} onChange={handlePageLength} disableUnderline>\n                <MenuItem key={5} value={5}><span className=\"text-sm\">5 rows</span></MenuItem>\n                <MenuItem key={10} value={10}><span className=\"text-sm\">10 rows</span></MenuItem>\n                <MenuItem key={20} value={20}><span className=\"text-sm\">20 rows</span></MenuItem>\n                <MenuItem key={30} value={30}><span className=\"text-sm\">30 rows</span></MenuItem>\n                <MenuItem key={40} value={40}><span className=\"text-sm\">40 rows</span></MenuItem>\n                <MenuItem key={50} value={50}><span className=\"text-sm\">50 rows</span></MenuItem>\n            </Select>\n\n            <PagerControls\n                state={state}\n                onClickNext={nextPage}\n                onClickPrevious={previousPage}\n                onClickFirst={firstPage}\n                onClickLast={lastPage}\n            />\n        </div>\n\n    )\n}\n\nconst PagerControls = ({state, onClickNext, onClickPrevious, onClickFirst, onClickLast,  widthOffset=0}) => {\n\n    const is375 = useMediaQuery('(max-width:374px)');\n    const is460 = useMediaQuery('(max-width:460px)');\n    const is560 = useMediaQuery('(max-width:560px)');\n    const isWide  = useMediaQuery('(min-width:768px)');\n\n    if (state.rowsFiltered === 0) {\n        return null\n    }\n    const first = state.page * state.pageLength + 1;\n    const last = Math.min(first + state.pageLength - 1, state.rowsFiltered, state.rowsTotal);\n\n    if (is375) {\n        return (\n            <div>\n                <IconButton onClick={onClickPrevious}><NavigateBefore/></IconButton>\n                {state.page + 1} / {state.pageCount + 1}\n                <IconButton onClick={onClickNext}><NavigateNext/></IconButton>\n            </div>\n        )\n\n    } else if (is460) {\n        return (\n            <div>\n                <IconButton onClick={onClickFirst}><FirstPage/></IconButton>\n                <IconButton onClick={onClickPrevious}><NavigateBefore/></IconButton>\n                {state.page + 1} / {state.pageCount + 1}\n                <IconButton onClick={onClickNext}><NavigateNext/></IconButton>\n                <IconButton onClick={onClickLast}><LastPage/></IconButton>\n            </div>\n        )\n\n    } else if (is560) {\n        return (\n            <div className=\"flex flex-row items-center text-right\">\n                Page {state.page + 1} of {state.pageCount + 1}\n                <IconButton onClick={onClickFirst}><FirstPage/></IconButton>\n                <IconButton onClick={onClickPrevious}><NavigateBefore/></IconButton>\n                <IconButton onClick={onClickNext}><NavigateNext/></IconButton>\n                <IconButton onClick={onClickLast}><LastPage/></IconButton>\n            </div>\n        )\n    } else {\n        let description;\n        // Display based on filtered / unfiltered\n        if (state.rowsFiltered === state.rowsTotal) {\n            // No filtered records\n            if (isWide) {\n                description = `Showing ${first} to ${last} of ${state.rowsTotal} entries`\n            } else {\n                description = `${first} to ${last} of ${state.rowsTotal}`\n            }\n\n        } else {\n            // Filtered records\n            if (isWide) {\n                description = `Showing ${first} to ${last} of ${state.rowsFiltered} entries (filtered from ${state.rowsTotal} entries)`\n            } else {\n                description = `Showing ${first} to ${last} of ${state.rowsFiltered}/${state.rowsTotal}`\n            }\n\n        }\n        return (\n            <div className=\"flex flex-row items-center text-right\">\n                {description}\n                <div className=\"flex-shrink-0\">\n                    <IconButton onClick={onClickFirst}><FirstPage/></IconButton>\n                    <IconButton onClick={onClickPrevious}><NavigateBefore/></IconButton>\n                    <IconButton onClick={onClickNext}><NavigateNext/></IconButton>\n                    <IconButton onClick={onClickLast}><LastPage/></IconButton>\n                </div>\n            </div>\n        )\n    }\n}\n\n\nexport default ExpanderTablePager;","import React, {useEffect, useState} from \"react\";\nimport useExpanderTable from '../expander-table/hooks';\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport PropTypes from \"prop-types\";\n\nconst ExpanderTableContent = ({noData = 'Nothing to show', children}) => {\n    const [state, ] = useExpanderTable();\n    const [showLoader, setShowLoader] = useState(false);\n\n    // Delay showing the table loader if we're getting responses in under 250ms\n    useEffect(() => {\n\n        if (state.isFetching) {\n            const timer = setTimeout(() => setShowLoader(true), 200)\n            return () => {clearTimeout(timer)}\n        } else {\n            setShowLoader( false)\n        }\n    }, [state.isFetching])\n\n\n    if (!state) {\n        console.warn(\"ExpanderTableContent must be a descendant of ExpanderTable\")\n        return null;\n    }\n\n    return (\n        <div style={{position:'relative', minHeight: 48}}>\n            { state.rows.length === 0 ?\n                <div className=\"p-4 border-b h-12 bg-white\">{ state.isFetching ? '' : noData}</div>\n                : null\n            }\n\n            {children}\n\n            { showLoader ?\n                <div className=\"absolute inset-0 bg-white bg-opacity-75\" >\n                    <div className=\"flex flex-col h-full\">\n                        <div className=\"m-auto\">\n                            <CircularProgress color=\"secondary\"/>\n                        </div>\n                    </div>\n                </div>\n                : null\n            }\n\n        </div>\n    )\n}\n\nExpanderTableContent.propTypes = {\n    noData : PropTypes.string\n}\n\nexport default ExpanderTableContent;","import React from \"react\";\nimport Accordion from \"@material-ui/core/Accordion\";\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\";\nimport AccordionDetails from \"@material-ui/core/AccordionDetails\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport PropTypes from \"prop-types\";\nimport useExpanderTable from \"../expander-table/hooks\";\nimport {lighten, makeStyles} from \"@material-ui/core/styles\";\n\nconst useStyles = makeStyles((theme) => ({\n    accordionSummary: {\n        '&:hover, &:focus, &:active': {\n            // backgroundColor:  grey[200],\n            // backgroundColor:  fade(theme.palette.secondary.light, 0.4),\n            backgroundColor: lighten(theme.palette.primary.light, 0.85)\n        },\n    },\n    expanded: {\n        // backgroundColor: grey[200],\n        // backgroundColor:  fade(theme.palette.secondary.light, 0.4),\n        backgroundColor: lighten(theme.palette.primary.light, 0.85)\n    },\n    accordionDetails: {\n        // backgroundColor: grey[50],\n        backgroundColor:  lighten(theme.palette.primary.light, 0.95),\n    },\n}));\n\n\nconst ExpanderTableRows = ({rowKey, SummaryComponent, ContentComponent}) => {\n    const classes = useStyles();\n    const [state, ] = useExpanderTable();\n\n    if (!state) {\n        console.warn(\"ExpanderTableRows must be a descendant of ExpanderTable\")\n        return null;\n    }\n\n    if (!SummaryComponent) {SummaryComponent = RenderObject}\n    if (!ContentComponent) {ContentComponent = RenderObject}\n\n    return (\n        <>\n        { state.rows.map((row) => (\n            <Accordion key={row[rowKey]} square>\n                <AccordionSummary\n                    classes={{root: classes.accordionSummary, expanded: classes.expanded}}\n                    expandIcon={<ExpandMoreIcon/>}\n                >\n                    <div className=\"flex flex-row flex-grow font-light\">\n                        <SummaryComponent row={row}/>\n                    </div>\n                </AccordionSummary>\n                 <AccordionDetails className={classes.accordionDetails}>\n                     <ContentComponent row={row}/>\n                 </AccordionDetails>\n             </Accordion>\n            )\n        )}\n        </>\n    )\n}\n\nconst RenderObject = (row) => (\n    <pre>{JSON.stringify(row)}</pre>\n)\n\nExpanderTableRows.propTypes = {\n    rowKey           : PropTypes.any.isRequired,\n    SummaryComponent : PropTypes.elementType.isRequired,\n    ContentComponent : PropTypes.elementType.isRequired,\n}\n\nexport default ExpanderTableRows;","import React from \"react\";\nimport Accordion from \"@material-ui/core/Accordion\";\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport AccordionDetails from \"@material-ui/core/AccordionDetails\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport grey from \"@material-ui/core/colors/grey\";\n\nconst useStyles = makeStyles((theme) => ({\n    accordionSummary: {\n        fontSize: 16,\n        fontWeight: 300,\n        '&:hover, &:focus': {\n            backgroundColor:  grey[200],\n        },\n    },\n    expanded: {\n        backgroundColor: grey[200],\n        fontWeight: 700,\n    },\n    accordionDetails: {\n        backgroundColor: grey[50],\n    },\n}));\n\nconst FAQAccordion = ({title, children}) => {\n    const classes = useStyles();\n\n    return (\n        <Accordion>\n            <AccordionSummary\n                classes={{root: classes.accordionSummary, expanded: classes.expanded}}\n                expandIcon={<ExpandMoreIcon/>}\n            >\n                {title}\n            </AccordionSummary>\n            <AccordionDetails>\n                <div className=\"flex flex-col\">\n                    {children}\n                </div>\n            </AccordionDetails>\n        </Accordion>\n    )\n}\n\nexport default FAQAccordion;","import React, { useRef, useImperativeHandle } from 'react'\n\nconst StripeInput = ( { component: Component, inputRef, ...props } ) => {\n    const elementRef = useRef();\n    useImperativeHandle(inputRef, () => ({\n        focus: () => elementRef.current.focus\n    }));\n    return (\n        <Component\n            onReady={element => (elementRef.current = element)}\n            {...props}\n        />\n    )\n}\nexport default StripeInput","import React, {useState} from \"react\";\nimport { TextField, Button, Typography, CircularProgress } from \"@material-ui/core\";\nimport {CardNumberElement, CardExpiryElement, CardCvcElement, useElements, useStripe} from \"@stripe/react-stripe-js\"\nimport StripeInput from \"./stripe-input\";\nimport Info from \"@material-ui/icons/Info\";\nimport {AccountService} from \"../../services\";\nimport {useStore} from \"../../store\";\nimport {useSnackbar} from \"notistack\";\nimport * as toast from \"../../utils/toast\";\nimport {setAccountPaymentMethod} from \"../../store/actions\";\n\nconst AddPaymentMethod = ({accountId=0}) => {\n    const elements = useElements();\n    const stripe = useStripe();\n    const [state, setState] = useState({\n        cardholder: {error: '', complete: false, value: ''},\n        cardNumber: {error: '', complete: false},\n        cardExpiry: {error: '', complete: false},\n        cardCvc:    {error: '', complete: false},\n        done: false,\n        isFetching: false,\n    })\n    const [, dispatch] = useStore();\n    const {enqueueSnackbar, closeSnackbar} = useSnackbar();     // Snackbar Hook for notifications\n\n    // Styling for stripe elements\n    const elOptions = {\n        style: {\n            base: {\n                fontFamily: 'Mulish',\n                fontSize: '16px',\n            }\n        }\n    }\n\n    // If stripe.js hasn't loaded yet, we'll get a null value\n    if (!elements || !stripe) {\n        return null\n    }\n\n    const canSubmit = () => {\n        return state.cardholder.complete &&\n            state.cardNumber.complete &&\n            state.cardExpiry.complete &&\n            state.cardCvc.complete\n    }\n\n    const onCardholderChange = (e) => {\n        updateCardholder(e.target.value);\n    }\n\n    const validateCardholder = () => {\n        updateCardholder(state.cardholder.value);\n    }\n\n    const updateCardholder = (value) => {\n        const cardholder = {\n            error: value.length === 0 ? 'Cardholder name is required' : '',\n            complete: value.length > 0,\n            value: value,\n        }\n        setState({...state, cardholder})\n    }\n\n    const onElementChange = (e) => {\n        const err = e.error ? e.error.message : '';\n        setState({...state, [e.elementType]: {error: err, complete: e.complete}})\n    }\n\n    const onSubmit = (e) => {\n        //console.log('onSubmit e=', e)\n        const cardElement = elements.getElement(CardNumberElement);\n        setState({...state, isFetching: true})\n        stripe.createToken(cardElement, {name: state.cardholder.value})\n            .then((result) => {\n\n                // Send token to the server to turn into a source...\n                AccountService.setPaymentMethod(accountId, result.token.id)\n                    .then((result) => {\n                        setState({...state, done: true, isFetching: false})\n\n                        // Update the account\n                        dispatch(setAccountPaymentMethod(result))\n\n                        // Inform the user it worked\n                        toast.success('Your card was added', enqueueSnackbar, closeSnackbar)\n\n                    })\n                    .catch((error) => {\n                        errorMessage(error);\n                        setState({...state, isFetching: false})\n                    })\n\n            })\n            .catch((error) => {\n                errorMessage(error);\n                setState({...state, isFetching: false})\n            })\n    }\n\n    const errorMessage = (error) => {\n        if (error.status === 402) {\n            // It's a card error, trim the prefix and use the remainder as the error message\n            const msg = error.data.error.replace(\"card add error: \", \"\")\n            toast.apiError(msg, error, enqueueSnackbar);\n        } else {\n            // It's a generic error?\n            toast.apiError(\"Your card could not be added\", error, enqueueSnackbar);\n        }\n    }\n\n    return (\n        <div className=\"w-full\">\n            <Typography variant=\"h6\">Add Payment Method</Typography>\n\n            <TextField\n                label=\"Cardholder Name\"\n                name=\"cardholderName\"\n                variant=\"outlined\"\n                placeholder=\"Name\"\n                InputLabelProps={{shrink: true}}\n                required\n                fullWidth\n                margin=\"normal\"\n                value={state.cardholder.value}\n                onChange={onCardholderChange}\n                onBlur={validateCardholder}\n                helperText={<span style={{color: 'red'}}>{state.cardholder.error}</span>}\n            />\n\n            <TextField\n                label=\"Card Number\"\n                name=\"cardNumber\"\n                variant=\"outlined\"\n                required\n                fullWidth\n                InputLabelProps={{shrink: true}}\n                InputProps={{\n                    inputComponent: StripeInput,\n                    inputProps: {\n                        component: CardNumberElement,\n                        options: elOptions,\n                        onChange: onElementChange,\n                    },\n                }}\n                helperText={<span style={{color: 'red'}}>{state.cardNumber.error}</span>}\n                margin=\"normal\"\n            />\n\n            <div className=\"flex flex-row space-x-3\">\n                <TextField\n                    label=\"Expiry Date\"\n                    name=\"cardExpiry\"\n                    variant=\"outlined\"\n                    required\n                    fullWidth\n                    InputLabelProps={{shrink: true}}\n                    InputProps={{\n                        inputComponent: StripeInput,\n                        inputProps: {\n                            component: CardExpiryElement,\n                            options: elOptions,\n                            onChange: onElementChange,\n                        },\n                    }}\n                    helperText={<span style={{color: 'red'}}>{state.cardExpiry.error}</span>}\n                    margin=\"normal\"\n                />\n\n                <TextField\n                    label=\"CVC\"\n                    name=\"cardCvc\"\n                    variant=\"outlined\"\n                    required\n                    fullWidth\n                    InputLabelProps={{shrink: true}}\n                    InputProps={{\n                        inputComponent: StripeInput,\n                        inputProps: {\n                            component: CardCvcElement,\n                            options: elOptions,\n                            onChange: onElementChange,\n                        },\n                    }}\n                    helperText={<span style={{color: 'red'}}>{state.cardCvc.error}</span>}\n                    margin=\"normal\"\n                />\n            </div>\n\n            <div className=\"flex flex-row\">\n                <Info fontSize=\"small\" color=\"primary\"/>\n                <div className=\"ml-2 text-xs\">\n                    Your card information is securely stored by our payments\n                    partner <a href=\"https://stripe.com\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    <strong>Stripe</strong>\n                </a>, one of the world's leading online\n                    payment providers. We do not store your card details on our servers.\n                </div>\n            </div>\n\n            <Button\n                type=\"submit\"\n                variant=\"contained\"\n                color=\"secondary\"\n                disabled={!canSubmit() || state.isFetching}\n                onClick={onSubmit}\n                style={{width: '100%', marginTop: 12}}\n            >\n                {state.isFetching ?\n                    <CircularProgress size={24} />\n                    : 'Add Card'}\n            </Button>\n        </div>\n    )\n}\n\nexport default AddPaymentMethod;","import React, {useEffect, useRef, useState} from \"react\";\nimport {TextField, Button, Typography, CircularProgress, Checkbox} from \"@material-ui/core\";\nimport {CardNumberElement, CardExpiryElement, CardCvcElement, useElements, useStripe} from \"@stripe/react-stripe-js\"\nimport StripeInput from \"./stripe-input\";\nimport Info from \"@material-ui/icons/Info\";\nimport {useSnackbar} from \"notistack\";\nimport * as toast from \"../../utils/toast\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport {scroller} from \"react-scroll\";\nimport {StripeCardError} from \"../index\";\n\nconst CardForm = ({onSubmit, cardError, options={storageInfo:false, storeCheckbox: false, buttonTitle: 'Submit', dense: true} }) => {\n    const elements = useElements();\n    const stripe = useStripe();\n    const [state, setState] = useState({\n        cardholder: {error: '', complete: false, value: ''},\n        cardNumber: {error: '', complete: false},\n        cardExpiry: {error: '', complete: false},\n        cardCvc:    {error: '', complete: false},\n        done: false,\n        saveCard:   false,\n        isFetching: false,\n    })\n    const {enqueueSnackbar} = useSnackbar();     // Snackbar Hook for notifications\n\n    // Styling for stripe elements\n    const elOptions = {\n        style: {\n            base: {\n                fontFamily: 'Mulish',\n                fontSize: '16px',\n            }\n        }\n    }\n\n    // Scroll to the payment method section so the 'Buy' button\n    // is still visible when we show the storage information info\n    useEffect(() => {\n        if (state.saveCard) {\n            scroller.scrollTo('payment-method', {\n                duration    : 800,\n                delay       : 200,\n                smooth      : 'easeInOutQuart',\n                containerId : 'psb',\n            });\n        }\n\n    },[state.saveCard])\n\n    // Track our mounted state so we don't try and setState() after we're gone\n    let isMounted = useRef(true)\n    useEffect(() => {\n        // React calls the return function when the component is unmounted\n        return () => {isMounted.current = false}\n    },[])\n\n    // If stripe.js hasn't loaded yet, we'll get a null value\n    if (!elements || !stripe) {\n        return null\n    }\n\n    const canSubmit = () => {\n        return state.cardholder.complete &&\n            state.cardNumber.complete &&\n            state.cardExpiry.complete &&\n            state.cardCvc.complete\n    }\n\n    const onCardholderChange = (e) => {\n        updateCardholder(e.target.value);\n    }\n\n    const validateCardholder = () => {\n        updateCardholder(state.cardholder.value);\n    }\n\n    const updateCardholder = (value) => {\n        const cardholder = {\n            error: value.length === 0 ? 'Please enter the cardholder name' : '',\n            complete: value.length > 0,\n            value: value,\n        }\n        setState({...state, cardholder})\n    }\n\n    const onElementChange = (e) => {\n        const err = e.error ? e.error.message : '';\n        setState({...state, [e.elementType]: {error: err, complete: e.complete}})\n    }\n\n    const onFormSubmit = () => {\n        // Check the cardholder name is entered\n        if (!state.cardholder.complete) {\n            setState({...state, cardholder: {...state.cardholder, error: 'Please enter the cardholder name'}})\n            return\n        }\n        const cardElement = elements.getElement(CardNumberElement);\n        setState({...state, isFetching: true})\n\n        stripe.createToken(cardElement, {name: state.cardholder.value})\n            .then((result) => {\n                const {error, token} = result;\n                if (token) {\n                    // Call the submit callback passing the token back.\n                    // onSubmit should be a promise that is resolved when the parent has finished processing.\n                    // We could use it to turn off isFetching if we were still displayed, but this component\n                    // is unmounted when we're done either way\n                    if (typeof(onSubmit) === 'function') {\n                        //console.log('CardForm calling onSubmit');\n                        onSubmit({token, saveCard: state.saveCard})\n                            .then(() => {\n                                //console.log('CardForm .then() invoked');\n                                if (isMounted.current) {\n                                    //console.log('CardForm .then() resetting isFetching');\n                                    setState({...state, isFetching: false})\n                                }\n                            })\n                    }\n                } else {\n                    // Stripe error object properties:\n                    // {\n                    //      type: api_connection_error || api_error || authentication_error || card_error ||\n                    //            idempotency_error || invalid_request_error || rate_limit_error\n                    //      code: e.g. authentication_required, expired_card\n                    //      decline_code: if the error is because of a card_error\n                    //      message: human readable string. if card_error can show to user.\n                    // }\n                    if (error.type === 'validation_error') {\n                        if (error.code.indexOf('number') !== -1) {\n                            state.cardNumber.error = error.message\n                        } else if (error.code.indexOf('expiry') !== -1) {\n                            state.cardExpiry.error = error.message\n                        } else if (error.code.indexOf('cvc') !== -1) {\n                            state.cardCvc.error = error.message\n                        }\n                    } else if (error.type === 'card_error') {\n                        const err = {status: error.type , statusText: error.decline_code ? error.code + \":\" + error.decline_code : error.code }\n                        toast.apiError(error.message, err, enqueueSnackbar)\n                    } else {\n                        const err = {status: error.type , statusText: error.code}\n                        toast.apiError(\"Sorry, something's gone wrong at our end. You have not been charged.\", err, enqueueSnackbar);\n                    }\n                    setState({...state, isFetching: false})\n                }\n            })\n    }\n\n    const handleCheck = (e) => {\n        setState({...state, saveCard: e.target.checked})\n    }\n\n    return (\n        <div className=\"w-full\">\n\n            <TextField\n                label=\"Cardholder Name\"\n                name=\"cardholderName\"\n                variant=\"outlined\"\n                placeholder=\"Name\"\n                InputLabelProps={{shrink: true}}\n                required\n                fullWidth\n                margin={options.dense ? 'dense':'normal'}\n                value={state.cardholder.value}\n                onChange={onCardholderChange}\n                onBlur={validateCardholder}\n                helperText={<span style={{color: 'red'}}>{state.cardholder.error}</span>}\n            />\n\n            <TextField\n                label=\"Card Number\"\n                name=\"cardNumber\"\n                variant=\"outlined\"\n                required\n                fullWidth\n                InputLabelProps={{shrink: true}}\n                InputProps={{\n                    inputComponent: StripeInput,\n                    inputProps: {\n                        component: CardNumberElement,\n                        options: elOptions,\n                        onChange: onElementChange,\n                    },\n                }}\n                helperText={<span style={{color: 'red'}}>{state.cardNumber.error}</span>}\n                margin={options.dense ? 'dense':'normal'}\n            />\n\n            <div className=\"flex flex-row space-x-3\">\n                <TextField\n                    label=\"Expiry Date\"\n                    name=\"cardExpiry\"\n                    variant=\"outlined\"\n                    required\n                    fullWidth\n                    InputLabelProps={{shrink: true}}\n                    InputProps={{\n                        inputComponent: StripeInput,\n                        inputProps: {\n                            component: CardExpiryElement,\n                            options: elOptions,\n                            onChange: onElementChange,\n                        },\n                    }}\n                    helperText={<span style={{color: 'red'}}>{state.cardExpiry.error}</span>}\n                    margin={options.dense ? 'dense':'normal'}\n                />\n\n                <TextField\n                    label=\"CVC\"\n                    name=\"cardCvc\"\n                    variant=\"outlined\"\n                    required\n                    fullWidth\n                    InputLabelProps={{shrink: true}}\n                    InputProps={{\n                        inputComponent: StripeInput,\n                        inputProps: {\n                            component: CardCvcElement,\n                            options: elOptions,\n                            onChange: onElementChange,\n                        },\n                    }}\n                    helperText={<span style={{color: 'red'}}>{state.cardCvc.error}</span>}\n                    margin={options.dense ? 'dense':'normal'}\n                />\n            </div>\n\n            { options.storeCheckbox ?\n                <FormControlLabel\n                    label={<Typography variant=\"body2\">Update my account to use this card</Typography>}\n                    margin={options.dense ? 'dense':'normal'}\n                    control={\n                        <Checkbox name=\"checkTerms\" color=\"primary\" onChange={handleCheck}/>\n                    }\n                />\n                : null\n            }\n\n            { options.storageInfo || state.saveCard ?\n                <div className=\"flex flex-row\">\n                    <Info fontSize=\"small\" color=\"primary\"/>\n                    <div className=\"ml-2 text-xs\">\n                        Your card information is securely stored by our payments\n                        partner <a href=\"https://stripe.com\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <strong>Stripe</strong>\n                    </a>, one of the world's leading online\n                        payment providers. We do not store your card details on our servers.\n                    </div>\n                </div>\n                : null\n            }\n\n            <StripeCardError error={cardError}/>\n\n            <Button\n                type=\"submit\"\n                variant=\"contained\"\n                color=\"secondary\"\n                onClick={onFormSubmit}\n                disabled={state.isFetching}\n                style={{width: '100%', marginTop: 12}}\n            >\n                {state.isFetching ? <CircularProgress size={24} /> : options.buttonTitle }\n            </Button>\n        </div>\n    )\n}\n\nexport default CardForm;","import FuseAnimate from \"../fuse-animate/fuse-animate\";\nimport React from \"react\";\n\n\nconst StripeCardError = ({error}) => {\n\n    if (!error) {\n        //console.log('no error!')\n        return null\n    }\n\n    // It's a 'payment required' card error, handle it here.\n    switch (error.code) {\n        case 'card_declined':\n            if (error.message.indexOf('insufficient') > -1) {\n                error.code = 'insufficient_funds'\n            }\n            break;\n\n        case 'incorrect_cvc':\n        case 'expired_card':\n            break;\n\n        default:\n            error.code  = 'generic'\n            break;\n    }\n\n    return (\n        <FuseAnimate animation=\"transition.expandIn\" delay={100}>\n            <div className=\"flex flex-row rounded bg-red-200 p-3 my-2\">\n            { error.code === 'incorrect_cvc' ?\n                <div className=\"\">\n                    <div className=\"text-md font-bold mb-1\">Your card's security code is incorrect.</div>\n                    <div className=\"text-xs\">\n                        Check the CVC code and try again.\n                    </div>\n                </div>\n                : null\n            }\n            { error.code === 'expired_card' ?\n                <div className=\"\">\n                    <div className=\"text-md font-bold mb-1\">Your card has expired.</div>\n                    <div className=\"text-xs\">\n                        Update your card details and try again.\n                    </div>\n                </div>\n                : null\n            }\n            { error.code === 'insufficient_funds' ?\n                <div className=\"\">\n                    <div className=\"text-md font-bold mb-1\">Your card has insufficient funds.</div>\n                    <div className=\"text-xs\">\n                        Check your card is unlocked for online use and there is enough money\n                        available in your bank account.\n                    </div>\n                </div>\n                : null\n            }\n            { error.code === 'card_declined' ?\n                <div className=\"\">\n                    <div className=\"text-md font-bold mb-1\">Your card was declined.</div>\n                    <div className=\"text-xs\">\n                        We don't know why exactly - banks don't give us much information for privacy reasons. You may need to\n                        contact your bank to find out why the card was declined.\n                    </div>\n                </div>\n                : null\n            }\n            { error.code === 'generic' ?\n                <div className=\"\">\n                    <div className=\"text-md font-bold mb-1\">Sorry, something went wrong.</div>\n                    <div className=\"text-xs\">\n                        {error.message}\n                    </div>\n                </div>\n                : null\n            }\n            </div>\n        </FuseAnimate>\n    )\n}\n\nexport default StripeCardError;","import React from \"react\";\n\nconst InvoiceStatus = ({status}) => {\n\n    let state;\n\n    switch (status) {\n        case 'paid':\n        case 'part-refund':\n            state = {status:'Paid', bgColor:'#31a331'};   // Green\n            break;\n\n        case 'disputed':\n            state = {status:'Disputed', bgColor:'#bd0007'}; // Red\n            break;\n\n        case 'refund':\n            state = {status:'Refund', bgColor:'#8d8c8c'}; // Gray\n            break;\n\n        default:\n            state = {status:status, bgColor:'#cf9a0b'};  // Yellow\n    }\n\n    const classes =  {\n        textBox : {\n            display: 'inline-block',\n            color: 'white',\n            backgroundColor: state.bgColor,\n            paddingLeft: 8,\n            paddingRight: 8,\n            paddingTop: 4,\n            paddingBottom: 4,\n            fontSize: 11,\n            fontWeight: 500,\n            borderRadius: 2\n        }\n    };\n\n    return (\n        <div style={classes.textBox}> {state.status} </div>\n    )\n}\n\nexport default InvoiceStatus;","import FuseAnimate from \"../fuse-animate/fuse-animate\";\nimport {Card, CircularProgress, Hidden} from \"@material-ui/core\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Button from \"@material-ui/core/Button\";\nimport * as toast from \"../../utils/toast\";\nimport React, {useEffect, useState} from \"react\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport {PhoneAndroid} from \"@material-ui/icons\";\nimport {useStore} from \"../../store\";\nimport {useSnackbar} from \"notistack\";\nimport {EndpointService} from \"../../services\";\nimport {clearEndpoint, fetchAccount, invalidateAccount} from \"../../store/actions\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        padding: theme.spacing(2),\n    },\n    header: {\n        justifyContent: 'space-between',\n        alignItems: 'center',\n        marginBottom: theme.spacing(3),\n    },\n    deviceRow: {\n        display: 'flex',\n        flexDirection: 'row',\n        paddingTop:  4,\n        paddingLeft: 8,\n        textTransform: 'capitalize',\n    },\n    linkButton: {\n        marginTop: 24,\n    },\n    sideLinkButton: {\n        minWidth: 180,\n    },\n}));\n\nconst EndpointCard = ({ endpoint , animation, delay }) => {\n    const classes = useStyles();\n    const [state, setState] = useState({fetching: false, isLoaded: true, reload: false})\n    const [store, dispatch] = useStore();\n    const {enqueueSnackbar, closeSnackbar} = useSnackbar();     // Snackbar Hook for notifications\n\n    // Make sure the account is available in the store and reload it if state.reload changes\n    useEffect(()=> {\n        if (store.user.accountId) {\n            dispatch(fetchAccount(store.user.accountId, store, dispatch))\n        }\n    }, [store.user.accountId, store, dispatch, state.reload])\n\n    const deactivateEndpoint = (event) => {\n        setState({...state, fetching: true})\n        EndpointService.deactivate(endpoint.accountId, endpoint.id)\n            .then((result) =>   {\n\n                // Invalidate the store because services will have changed\n                dispatch(invalidateAccount())\n\n                // remove the deactivated endpoint\n                dispatch(clearEndpoint());\n\n                setState({...state, fetching: false, reload: true})\n\n                // notify the user we succeeded\n                toast.success(\"Your Receiver app has been deactivated\", enqueueSnackbar, closeSnackbar)\n            })\n            .catch(error => {\n                // notify the user we hit an error\n                setState({...state, fetching: false})\n                toast.apiError(\"Your Receiver app could not be deactivated\", error, enqueueSnackbar)\n            })\n    }\n\n    return (\n        <FuseAnimate animation={animation} delay={delay}>\n            <Card id=\"endpoint-card\" className={classes.root}>\n                <Typography variant=\"h6\" color=\"secondary\">Receiver App</Typography>\n\n                <Grid container className=\"py-4\" direction=\"row\" justify=\"space-between\" alignItems=\"center\">\n\n                    <Grid item className=\"font-light text-base\">\n                        <div className={classes.deviceRow} >\n                            <PhoneAndroid color=\"action\"/>\n                            <Typography  variant=\"body1\" className=\"pl-1\">\n                                {endpoint.deviceMake} {endpoint.deviceName} <span className=\"text-gray-400\">&nbsp;&nbsp;[{endpoint.deviceOS} {endpoint.deviceOSVersion}]</span>\n                            </Typography>\n                        </div>\n                    </Grid>\n                    <Grid item >\n                        <Hidden smDown>\n                                <Button variant=\"outlined\"\n                                        color=\"primary\"\n                                        onClick={deactivateEndpoint}\n                                        disabled={state.fetching}\n                                        className={classes.sideLinkButton}>\n                                    {state.fetching ?\n                                        <CircularProgress size={18} className=\"m-1\"/>\n                                        :\n                                        <>Deactivate</>\n                                    }\n                                </Button>\n                        </Hidden>\n                    </Grid>\n\n                </Grid>\n                <Hidden mdUp>\n                    <Button variant=\"outlined\"\n                            color=\"primary\"\n                            className={classes.linkButton}\n                    >Deactivate</Button>\n                </Hidden>\n\n            </Card>\n        </FuseAnimate>\n    )\n}\n\nexport default EndpointCard;","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport { App } from './components';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  // <React.StrictMode>\n    <App />,\n  // </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals(console.log);\n"],"sourceRoot":""}