{"version":3,"file":"chunks/LoginPage.chunk.fd88df0505c1919b4b48.js","mappings":"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","sources":["webpack://NorthernTuna/./common/react/components/Pages/Login/SendCodeButton.tsx","webpack://NorthernTuna/./common/react/components/Pages/Login/Login.tsx","webpack://NorthernTuna/./ClientApp/components/Pages/Login/AuthTwilioCode.tsx","webpack://NorthernTuna/./ClientApp/components/Pages/Login/Login.tsx"],"sourcesContent":["import React from 'react';\n\nimport * as Yup from 'yup';\nimport Alert from 'antd/lib/alert';\nimport Modal from 'antd/lib/modal';\n\nimport { ItemProvider } from '@common/react/components/Core/ItemProvider/ItemProvider';\nimport { ItemEditor } from '@common/react/components/Core/ItemEditor/ItemEditor';\nimport FormikField from '@common/react/components/Forms/FormikField/FormikField';\nimport { ConfirmationCodeInput } from '@common/react/components/Forms/ConfirmationCodeInput/ConfirmationCodeInput';\nimport { RequestButton } from '@common/react/components/UI/LoadingButton/LoadingButton';\nimport { phoneRegexp, simpleStringValidator } from '@common/react/utils/validationHelpers';\nimport { BaseUser } from '@common/typescript/objects/BaseUser';\nimport { BaseInit } from '@common/react/objects/BaseInit';\nimport { AuthResult } from '@common/react/components/Core/Application/Application';\nimport Button from '@common/react/components/Forms/Button';\n\ninterface Props<User extends BaseUser, TInit extends BaseInit<User>> {\n\tphone: string;\n\tafterSubmit?: ({ phone: string }, res: AuthResult<User, TInit>) => void;\n\tauthRequest: string;\n\tsendCodeRequest: string;\n\tresendCodeRequest?: string;\n\topenModal?: boolean;\n}\n\nconst validationSchemaConfirm = Yup.object().shape({\n\tloginCode: simpleStringValidator,\n});\n\nconst SendCodeButton: <User extends BaseUser, TInit extends BaseInit<User> = BaseInit<User>>(p: Props<User, TInit>) =>\nReact.ReactElement<User> = <User extends BaseUser, TInit extends BaseInit<User> = BaseInit<User>>(props: Props<User, TInit>) => {\n\tconst {\n\t\tphone,\n\t\tafterSubmit,\n\t\tauthRequest = 'authByCode',\n\t\tsendCodeRequest = 'sendLoginCode',\n\t\topenModal = false,\n\t\tresendCodeRequest = sendCodeRequest,\n\t} = props;\n\tconst [open, setOpen] = React.useState(openModal);\n\tconst isPhoneValid = React.useMemo(() => {\n\t\treturn phoneRegexp.test(phone || '');\n\t}, [phone]);\n\n\tconst [time, setTime] = React.useState(30);\n\tconst ref = React.useRef<any>(null);\n\n\tconst startTimer = () => {\n\t\tref.current = null;\n\t\tsetTime(60);\n\t\tref.current = setInterval(() => {\n\t\t\tsetTime((prev) => {\n\t\t\t\tconst newTime = prev - 1;\n\t\t\t\tif (!newTime && ref.current) {\n\t\t\t\t\tclearInterval(ref.current);\n\t\t\t\t\tref.current = null;\n\t\t\t\t}\n\t\t\t\treturn newTime;\n\t\t\t});\n\t\t}, 1000);\n\t\treturn () => {\n\t\t\tif (ref.current) {\n\t\t\t\tclearInterval(ref.current);\n\t\t\t}\n\t\t};\n\t};\n\n\tReact.useEffect(() => {\n\t\tstartTimer();\n\t}, []);\n\n\tReact.useEffect(() => {\n\t\tif (openModal && !open) {\n\t\t\tsetOpen(openModal);\n\t\t}\n\t}, [openModal]);\n\n\tif (!isPhoneValid) return <></>;\n\n\treturn <>\n\t\t<RequestButton\n\t\t\trequestType={sendCodeRequest}\n\t\t\trequestProps={{ phoneNumber: phone }}\n\t\t\tclassName=\"btn btn-sm btn-primary send-code-btn\"\n\t\t\tonSuccess={() => {\n\t\t\t\tsetOpen(true);\n\t\t\t}}\n\t\t>\n\t\t\tSend Code\n\t\t</RequestButton>\n\t\t<Modal\n\t\t\ttitle=\"Login Code\"\n\t\t\topen={open}\n\t\t\tonCancel={() => {\n\t\t\t\tsetOpen(false);\n\t\t\t}}\n\t\t\tdestroyOnClose\n\t\t\twidth={500}\n\t\t\tfooter={null}\n\t\t>\n\t\t\t<div className=\"clearfix\">\n\t\t\t\t<Alert\n\t\t\t\t\tclassName=\"pull-left\"\n\t\t\t\t\tshowIcon\n\t\t\t\t\ttype=\"info\"\n\t\t\t\t\tstyle={{ marginBottom: 10 }}\n\t\t\t\t\tmessage={<div style={{ display: 'inline-block', marginLeft: 5 }}>\n\t\t\t\t\t\tSecurity code has been sent to your phone number.\n\t\t\t\t\t</div>}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\tDidn't receive a code?\n\t\t\t\t{' '}\n\t\t\t\t{time ? `Resend code in ${time} seconds.`\n\t\t\t\t\t: (\n\t\t\t\t\t\t<RequestButton\n\t\t\t\t\t\t\tclassName=\"resend-code-btn btn btn-default\"\n\t\t\t\t\t\t\tbeforeAction={() => {\n\t\t\t\t\t\t\t\tstartTimer();\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonError={(e) => {\n\t\t\t\t\t\t\t\tModal.error({\n\t\t\t\t\t\t\t\t\ttitle: 'Error',\n\t\t\t\t\t\t\t\t\tcontent: e,\n\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\tif (ref.current) {\n\t\t\t\t\t\t\t\t\tclearInterval(ref.current);\n\t\t\t\t\t\t\t\t\tref.current = null;\n\t\t\t\t\t\t\t\t\tsetTime(0);\n\t\t\t\t\t\t\t\t\tstartTimer();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trequestType={resendCodeRequest}\n\t\t\t\t\t\t\trequestProps={{ phoneNumber: phone }}\n\t\t\t\t\t\t\tsuccessMessage=\"Security code has been successfully sent.\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tResend code\n\t\t\t\t\t\t</RequestButton>)}\n\t\t\t</div>\n\t\t\t<ItemProvider<{ login, id, loginCode, path }>\n\t\t\t\tid={-1}\n\t\t\t\tadd={{\n\t\t\t\t\tloginCode: '',\n\t\t\t\t\tlogin: phone,\n\t\t\t\t\tpath: '/',\n\t\t\t\t}}\n\t\t\t\ttype=\"\"\n\t\t\t\tsaveRequest={authRequest}\n\t\t\t\tvalidationSchema={validationSchemaConfirm}\n\t\t\t>\n\t\t\t\t<ItemEditor<{ id, loginCode, path }>\n\t\t\t\t\tformikProps={{ enableReinitialize: true }}\n\t\t\t\t\tsuccessMessage=\"\"\n\t\t\t\t\tafterSubmit={(values, res) => {\n\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\tafterSubmit && afterSubmit({ phone }, res);\n\t\t\t\t\t}}\n\t\t\t\t\tsaveText=\"Send\"\n\t\t\t\t\tedit={(formikBag, deleteItem, { loading }) => <div className=\"row\">\n\t\t\t\t\t\t<FormikField\n\t\t\t\t\t\t\tcontainerClassName=\"col-sm-12 form-group mt10\"\n\t\t\t\t\t\t\tfieldName=\"loginCode\"\n\t\t\t\t\t\t\ttitle=\"\"\n\t\t\t\t\t\t\trender={(fieldProps) =>\n\t\t\t\t\t\t\t\t<div className=\"text-center\">\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"loginCode\">Code</label>\n\t\t\t\t\t\t\t\t\t<ConfirmationCodeInput\n\t\t\t\t\t\t\t\t\t\tfieldProps={{\n\t\t\t\t\t\t\t\t\t\t\t...fieldProps,\n\t\t\t\t\t\t\t\t\t\t\tfield: {\n\t\t\t\t\t\t\t\t\t\t\t\t...fieldProps.field,\n\t\t\t\t\t\t\t\t\t\t\t\tonChange: (e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst value = e.currentTarget.value;\n\t\t\t\t\t\t\t\t\t\t\t\t\tfieldProps.field.onChange(e);\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (value.length === 4 && !loading) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tformikBag.submitForm();\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div className=\"text-center form-group\">\n\t\t\t\t\t\t\t<Button isLoading={loading} disabled={formikBag.values.loginCode.length !== 4}>Send</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>}\n\t\t\t\t/>\n\t\t\t</ItemProvider>\n\t\t</Modal>\n\t</>;\n};\n\nexport default SendCodeButton;\n","import * as React from 'react';\nimport { Link, Navigate, useLocation } from 'react-router-dom';\n\nimport * as Yup from 'yup';\n\nimport { AuthResult, useApplicationContext } from '@common/react/components/Core/Application/Application';\nimport { BaseInit } from '@common/react/objects/BaseInit';\nimport { simpleStringValidator } from '@common/react/utils/validationHelpers';\nimport FormikField from '@common/react/components/Forms/FormikField/FormikField';\nimport { BaseUser } from '@common/typescript/objects/BaseUser';\nimport PhoneOrEmailInput, { emailOrPhoneValidator } from '@common/react/components/Forms/PhoneOrEmailInput/PhoneOrEmailInput';\nimport ServerPageProvider from '@common/react/components/Core/ServerPageProvider/ServerPageProvider';\nimport { ItemProvider } from '@common/react/components/Core/ItemProvider/ItemProvider';\nimport { ItemEditor } from '@common/react/components/Core/ItemEditor/ItemEditor';\nimport { callWithConnectionOnce } from '@common/react/utils/configureSignarR';\nimport { WithId } from '@common/typescript/objects/WithId';\nimport SendCodeButton from '@common/react/components/Pages/Login/SendCodeButton';\n\nimport '@common/react/scss/components/login.scss';\n\nexport interface LoginFormValues extends WithId {\n\tlogin: string;\n\tpassword: string;\n\tcode: string;\n\tpath: string;\n}\n\nconst validationSchema = Yup.object().shape({\n\tlogin: emailOrPhoneValidator,\n\tpassword: simpleStringValidator,\n});\n\nexport interface AuthCodeComponentProps<User extends BaseUser = BaseUser, TInit extends BaseInit<User> = BaseInit<User>> {\n\tformValues: LoginFormValues;\n\tafterSubmit: (item: LoginFormValues, res: AuthResult<User, TInit>) => void;\n\tcancelAuthWithCode: () => void;\n}\n\ninterface LoginProps<User extends BaseUser, TInit extends BaseInit<User>> {\n\tcontainerClassName?: string;\n\tafterBaseRedirectUser?: (user: User) => React.ReactNode;\n\trenderAuthWithCode?: (props: AuthCodeComponentProps) => React.ReactNode;\n\tlogo?: React.ReactNode;\n\twithFieldTitle?: boolean;\n\ttitle?: string;\n\twithoutServerPage?: boolean;\n\trequest?: string;\n\tafterSubmit?: (item: LoginFormValues, res: AuthResult<User, TInit>) => void;\n\tonSaveRequestError?: ((error: string) => void);\n\tbuttons?: React.ReactNode;\n\tafterLogin?: () => void;\n\trecoverPath?: string;\n\tauthByCodeRequest?: string;\n\tsendCodeRequest?: string;\n}\n\nconst Login: <User extends BaseUser, TInit extends BaseInit<User> = BaseInit<User>>(p: LoginProps<User, TInit>) =>\nReact.ReactElement<User> = <User extends BaseUser, TInit extends BaseInit<User> = BaseInit<User>>(props) => {\n\tconst search = useLocation().search;\n\n\tconst [isVisible, setIsVisible] = React.useState<boolean>(false);\n\tconst [openLoginCode, setOpenLoginCode] = React.useState<boolean>(false);\n\tconst [formValues, setFormValues] = React.useState<LoginFormValues | null>(null);\n\n\tconst { getUser, getHostOptions, handleLogin } = useApplicationContext();\n\tconst user = getUser<User>();\n\tconst hostOptions = getHostOptions();\n\n\tconst {\n\t\tafterBaseRedirectUser,\n\t\trenderAuthWithCode,\n\t\twithFieldTitle,\n\t\tcontainerClassName = '',\n\t\tlogo,\n\t\tbuttons,\n\t\ttitle = 'Login',\n\t\twithoutServerPage,\n\t\trequest = 'auth',\n\t\trecoverPath = '/recover',\n\t\tafterSubmit = (item, res) => {\n\t\t\thandleLogin(res?.initObject as TInit);\n\n\t\t\tsetFormValues(null);\n\t\t},\n\t\tonSaveRequestError = (error) => {\n\t\t\tif (error === '2FA enabled' && renderAuthWithCode) {\n\t\t\t\tsetIsVisible(true);\n\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tif (error === 'The confirmation code has been sent.') {\n\t\t\t\tsetOpenLoginCode(true);\n\n\t\t\t\treturn true;\n\t\t\t}\n\t\t},\n\t\tafterLogin,\n\t\tauthByCodeRequest = 'authByCode',\n\t\tsendCodeRequest,\n\t} = props;\n\n\tconst [afterLoginTrigger, setLoginTrigger] = React.useState(false);\n\n\tReact.useEffect(() => {\n\t\tif (user && !afterLoginTrigger) {\n\t\t\tafterLogin && afterLogin();\n\t\t\tsetLoginTrigger(true);\n\t\t}\n\t}, [!!user]);\n\n\tconst redirectUser = React.useCallback((user: User) => {\n\t\tif (hostOptions?.redirectUrlName) {\n\t\t\tconst redirectUrl = new URLSearchParams(search).get(hostOptions.redirectUrlName);\n\t\t\tif (redirectUrl) {\n\t\t\t\treturn <Navigate to={redirectUrl} />;\n\t\t\t}\n\t\t}\n\n\t\tif (afterBaseRedirectUser) {\n\t\t\treturn afterBaseRedirectUser(user);\n\t\t}\n\n\t\treturn <Navigate to=\"/dashboard\" />;\n\t}, [afterBaseRedirectUser]);\n\n\tconst beforeSubmit = (values, actions, submit) => {\n\t\tsetFormValues(values);\n\n\t\tcallWithConnectionOnce(() => { submit(); });\n\t};\n\n\tconst cancelAuthWithCode = () => {\n\t\tsetIsVisible(false);\n\t};\n\n\treturn (<>\n\t\t{!withoutServerPage\n\t\t\t\t&& <ServerPageProvider\n\t\t\t\t\tpath=\"login\"\n\t\t\t\t\tdefaultTitle=\"Login\"\n\t\t\t\t\tloader={<></>}\n\t\t\t\t\tinner={(serverPage) => <></>}\n\t\t\t\t/>\n\t\t}\n\t\t<div className={containerClassName}>\n\t\t\t{logo}\n\t\t\t<div className=\"enter-page__container\">\n\t\t\t\t<ItemProvider<LoginFormValues>\n\t\t\t\t\tid={-1}\n\t\t\t\t\ttype={request}\n\t\t\t\t\tadd={{\n\t\t\t\t\t\tlogin: '',\n\t\t\t\t\t\tpassword: '',\n\t\t\t\t\t\tcode: '',\n\t\t\t\t\t\tpath: '/',\n\t\t\t\t\t}}\n\t\t\t\t\tvalidationSchema={validationSchema}\n\t\t\t\t\tonSaveRequestError={onSaveRequestError}\n\t\t\t\t>\n\t\t\t\t\t{renderAuthWithCode && isVisible && !user\n\t\t\t\t\t\t? renderAuthWithCode({ formValues, afterSubmit, cancelAuthWithCode })\n\t\t\t\t\t\t: <div className=\"enter-page__form general-form\">\n\t\t\t\t\t\t\t{user && redirectUser(user)}\n\t\t\t\t\t\t\t{title && <div className=\"site-headline text-center\">\n\t\t\t\t\t\t\t\t<h1>{title}</h1>\n\t\t\t\t\t\t\t</div>}\n\t\t\t\t\t\t\t<ItemEditor\n\t\t\t\t\t\t\t\twithButtons\n\t\t\t\t\t\t\t\tsuccessMessage=\"\"\n\t\t\t\t\t\t\t\tbuttons={buttons}\n\t\t\t\t\t\t\t\tsaveText=\"Login\"\n\t\t\t\t\t\t\t\tbeforeSubmit={beforeSubmit}\n\t\t\t\t\t\t\t\tafterSubmit={afterSubmit}\n\t\t\t\t\t\t\t\tedit={(formikBag) => <>\n\t\t\t\t\t\t\t\t\t<FormikField\n\t\t\t\t\t\t\t\t\t\tfieldName=\"login\"\n\t\t\t\t\t\t\t\t\t\ttitle={withFieldTitle ? 'Email or Phone number*' : ''}\n\t\t\t\t\t\t\t\t\t\tcontainerClassName=\"form-group\"\n\t\t\t\t\t\t\t\t\t\trender={(fieldProps, inputProps) => <>\n\t\t\t\t\t\t\t\t\t\t\t<PhoneOrEmailInput\n\t\t\t\t\t\t\t\t\t\t\t\tfieldProps={fieldProps}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"form-control\"\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={withFieldTitle ? '' : 'Email or Phone number*'}\n\t\t\t\t\t\t\t\t\t\t\t\t{...inputProps}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t{authByCodeRequest && fieldProps.field.value\n\t\t\t\t\t\t\t\t\t\t\t\t&& <SendCodeButton\n\t\t\t\t\t\t\t\t\t\t\t\t\tphone={fieldProps.field.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\tafterSubmit={afterSubmit}\n\t\t\t\t\t\t\t\t\t\t\t\t\tauthRequest={authByCodeRequest}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsendCodeRequest={sendCodeRequest}\n\t\t\t\t\t\t\t\t\t\t\t\t\topenModal={openLoginCode}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t</>}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<FormikField\n\t\t\t\t\t\t\t\t\t\tfieldName=\"password\"\n\t\t\t\t\t\t\t\t\t\ttitle={withFieldTitle ? 'Password*' : ''}\n\t\t\t\t\t\t\t\t\t\tinputProps={{ placeholder: withFieldTitle ? '' : 'Password*', type: 'password' }}\n\t\t\t\t\t\t\t\t\t\tcontainerClassName=\"form-group\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{recoverPath && <div className=\"clearfix mb10\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"pull-right\">\n\t\t\t\t\t\t\t\t\t\t\t<Link to={recoverPath}>Forget Password?</Link>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>}\n\t\t\t\t\t\t\t\t</>}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</ItemProvider>\n\t\t\t</div>\n\t\t</div>\n\t</>\n\t);\n};\n\nexport default Login;\n","import * as React from 'react';\n\nimport * as Yup from 'yup';\n\nimport Button from '@common/react/components/Forms/Button';\nimport FormikField from '@common/react/components/Forms/FormikField/FormikField';\nimport { simpleStringValidator } from '@common/react/utils/validationHelpers';\nimport { ItemProvider } from '@common/react/components/Core/ItemProvider/ItemProvider';\nimport { ItemEditor } from '@common/react/components/Core/ItemEditor/ItemEditor';\nimport { LoginFormValues } from '@common/react/components/Pages/Login/Login';\nimport { ConfirmationCodeInput } from '@common/react/components/Forms/ConfirmationCodeInput/ConfirmationCodeInput';\n\nconst validationSchema = Yup.object().shape({\n\tcode: simpleStringValidator,\n});\n\nexport interface AuthCodeComponentProps {\n\tformValues: LoginFormValues;\n\tafterSubmit: (item: LoginFormValues, res: any) => void;\n\tcancelAuthWithCode: () => void;\n\tcodeSize?: number;\n\tautoSubmit?: boolean;\n}\n\nconst AuthTwilioCode: React.FC<AuthCodeComponentProps> = ({\n\tformValues,\n\tafterSubmit,\n\tcancelAuthWithCode,\n\tcodeSize = 7,\n\tautoSubmit = true,\n}) => {\n\tconst mask = [...Array(codeSize)].map(() => /\\d/);\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"enter-page__form general-form mt10\">\n\t\t\t\t<ItemProvider<LoginFormValues>\n\t\t\t\t\tid={-1}\n\t\t\t\t\ttype=\"auth\"\n\t\t\t\t\tadd={{ ...formValues, code: '' }}\n\t\t\t\t\tvalidationSchema={validationSchema}\n\t\t\t\t\ttransformAfterSave={() => ({ ...formValues, code: '' })}\n\t\t\t\t>\n\t\t\t\t\t<ItemEditor\n\t\t\t\t\t\tafterSubmit={afterSubmit}\n\t\t\t\t\t\tedit={(formikBag, _, { loading }) => <>\n\t\t\t\t\t\t\t<h4 className=\"text-center\" style={{ fontSize: 16, lineHeight: 1.4 }}>\n\t\t\t\t\t\t\t\tPlease enter your Authy code\n\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t<FormikField\n\t\t\t\t\t\t\t\tfieldName=\"code\"\n\t\t\t\t\t\t\t\tcontainerClassName=\"form-group auth-code-input\"\n\t\t\t\t\t\t\t\trender={(fieldProps) => <ConfirmationCodeInput\n\t\t\t\t\t\t\t\t\tfieldProps={autoSubmit\n\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t...fieldProps,\n\t\t\t\t\t\t\t\t\t\t\tfield: {\n\t\t\t\t\t\t\t\t\t\t\t\t...fieldProps.field,\n\t\t\t\t\t\t\t\t\t\t\t\tonChange: (e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst value = e.currentTarget.value;\n\t\t\t\t\t\t\t\t\t\t\t\t\tfieldProps.field.onChange(e);\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (value.length === codeSize && !loading) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tformikBag.submitForm();\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t: fieldProps\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tmask={mask}\n\t\t\t\t\t\t\t\t/>}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t<div className=\"text-center\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdisabled={formikBag.values.code.length < codeSize}\n\t\t\t\t\t\t\t\t\tclassName=\"general-form-button general-form-button_sm\"\n\t\t\t\t\t\t\t\t\tisLoading={loading}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tSubmit\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</>}\n\t\t\t\t\t/>\n\t\t\t\t</ItemProvider>\n\t\t\t\t<div className=\"text-center mt10\">\n\t\t\t\t\tCan't access your authy app?\n\t\t\t\t\t{' '}\n\t\t\t\t\t<a onClick={cancelAuthWithCode}>Try other ways</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default AuthTwilioCode;\n","import * as React from 'react';\nimport { Navigate } from 'react-router-dom';\n\nimport LoginPage, { AuthCodeComponentProps } from '@common/react/components/Pages/Login/Login';\n\nimport { User, UserRole } from '@app/objects/User';\nimport { Init } from '@app/objects/Init';\nimport AuthTwilioCode from '@app/components/Pages/Login/AuthTwilioCode';\nimport Footer from '@app/components/UI/Footer/Footer';\n\nimport '@app/scss/pages/openPage.scss';\n\nconst Login: React.FC = () => {\n\tconst renderAuthTwilioCode = (props: AuthCodeComponentProps) => <AuthTwilioCode {...props} />;\n\n\tconst afterBaseRedirectUser = (user: User) => {\n\t\tlet url = '/';\n\t\tswitch (user.role) {\n\t\t\tcase UserRole.Admin:\n\t\t\tcase UserRole.ContentManager:\n\t\t\tcase UserRole.Staff:\n\t\t\tcase UserRole.Doctor:\n\t\t\tcase UserRole.Provider:\n\t\t\t\turl = '/dashboard';\n\t\t\t\tbreak;\n\t\t\tcase UserRole.Intern:\n\t\t\t\turl = '/wizard';\n\t\t\t\tbreak;\n\t\t\tcase UserRole.User:\n\t\t\t\turl = '/patient-dashboard';\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t\treturn <Navigate to={url} />;\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<LoginPage<User, Init>\n\t\t\t\tcontainerClassName=\"enter-page form-center login-page open-page page-with-footer\"\n\t\t\t\tlogo={(\n\t\t\t\t\t<div className=\"logo\">\n\t\t\t\t\t\t<img src=\"/amp-assets/images/logo.png\" height={149} alt=\"Northern Tuna logo\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\trenderAuthWithCode={renderAuthTwilioCode}\n\t\t\t\tafterBaseRedirectUser={afterBaseRedirectUser}\n\t\t\t/>\n\t\t\t<Footer />\n\t\t</>\n\t);\n};\n\nexport default Login;\n"],"names":["validationSchemaConfirm","Yup","shape","loginCode","simpleStringValidator","props","phone","afterSubmit","authRequest","sendCodeRequest","openModal","resendCodeRequest","React","open","setOpen","isPhoneValid","phoneRegexp","time","setTime","ref","startTimer","current","setInterval","prev","newTime","clearInterval","requestType","requestProps","phoneNumber","className","onSuccess","title","onCancel","destroyOnClose","width","footer","showIcon","type","style","marginBottom","message","display","marginLeft","beforeAction","onError","e","Modal","content","successMessage","ItemProvider","id","add","login","path","saveRequest","validationSchema","ItemEditor","formikProps","enableReinitialize","values","res","saveText","edit","formikBag","deleteItem","loading","FormikField","containerClassName","fieldName","render","fieldProps","htmlFor","ConfirmationCodeInput","field","onChange","value","currentTarget","length","submitForm","Button","isLoading","disabled","emailOrPhoneValidator","password","search","useLocation","isVisible","setIsVisible","openLoginCode","setOpenLoginCode","formValues","setFormValues","useApplicationContext","getUser","getHostOptions","handleLogin","user","hostOptions","afterBaseRedirectUser","renderAuthWithCode","withFieldTitle","logo","buttons","withoutServerPage","request","recoverPath","item","initObject","onSaveRequestError","error","afterLogin","authByCodeRequest","afterLoginTrigger","setLoginTrigger","redirectUser","redirectUrlName","redirectUrl","URLSearchParams","get","Navigate","to","ServerPageProvider","defaultTitle","loader","inner","serverPage","code","cancelAuthWithCode","withButtons","beforeSubmit","actions","submit","callWithConnectionOnce","inputProps","PhoneOrEmailInput","placeholder","Link","codeSize","autoSubmit","mask","Array","map","transformAfterSave","_","fontSize","lineHeight","onClick","src","height","alt","url","role","UserRole","Footer"],"sourceRoot":""}