{"version":3,"file":"chunks/RecoverPage.chunk.7223bedaa223c6ab8aed.js","mappings":"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","sources":["webpack://NorthernTunaPortal/./common/react/components/Forms/Captcha.tsx","webpack://NorthernTunaPortal/./common/react/components/Pages/Recover/SetPassword.tsx","webpack://NorthernTunaPortal/./common/react/components/Pages/Recover/Recover.tsx","webpack://NorthernTunaPortal/./ClientApp/components/Pages/Recover/Recover.tsx","webpack://NorthernTunaPortal/./common/react/components/Forms/ConfirmationCodeInput/ConfirmationCodeInput.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { generateGUID } from '@common/react/utils/utils';\r\n\r\ninterface CaptchaProps {\r\n\tupdate: any;\r\n\twithGuid?: boolean;\r\n\ticonClassName?: string;\r\n\tcounter?: number;\r\n}\r\n\r\ninterface CaptchaState {\r\n\tisLoading: boolean;\r\n\tsrc: string;\r\n}\r\n\r\nexport default class Captcha extends React.Component<CaptchaProps, CaptchaState> {\r\n\tpath: string;\r\n\tcode: string;\r\n\t/* eslint-disable */\r\n\tpublic static defaultProps: Partial<CaptchaProps> = {\r\n\t\twithGuid: true,\r\n\t\ticonClassName: 'icon-refresh icons',\r\n\t};\r\n\r\n\tconstructor(props: CaptchaProps) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.path = 'captcha';\r\n\r\n\t\tthis.code = generateGUID();\r\n\r\n\t\tthis.state = {\r\n\t\t\tsrc: this.getSrc(),\r\n\t\t\tisLoading: false,\r\n\t\t};\r\n\r\n\t\tthis.reload = this.reload.bind(this);\r\n\t}\r\n\t/* eslint-enable */\r\n\r\n\tUNSAFE_componentWillMount() {\r\n\t\tthis.props.update(this.code);\r\n\t}\r\n\r\n\tUNSAFE_componentWillReceiveProps(nextProps: CaptchaProps) {\r\n\t\tif (nextProps.counter !== this.props.counter) {\r\n\t\t\tthis.setState({ src: this.getSrc() });\r\n\t\t}\r\n\t}\r\n\r\n\tgetSrc(): string {\r\n\t\treturn `${this.path}?${this.props.withGuid ? `guid=${this.code}` : 'id='}&refresh=${new Date().getTime()}`;\r\n\t}\r\n\r\n\treload(event: any) {\r\n\t\tevent.preventDefault();\r\n\r\n\t\tthis.setState({ src: this.getSrc() });\r\n\t}\r\n\r\n\trender(): JSX.Element {\r\n\t\treturn <div className=\"captcha-component\">\r\n\t\t\t<img src={this.state.src} alt=\"captcha\" />\r\n\t\t\t<button className=\"captcha-component__reload\" tabIndex={-1} type=\"button\" onClick={this.reload}>\r\n\t\t\t\t<i className={`captcha-component__icon ${this.props.iconClassName}`} />\r\n\t\t\t</button>\r\n\t\t</div>;\r\n\t}\r\n}\r\n","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\n\r\nimport * as Yup from 'yup';\r\n\r\nimport { FieldProps, FormikProps } from 'formik';\r\n\r\nimport FormikField from '@common/react/components/Forms/FormikField/FormikField';\r\nimport { ConfirmationCodeInput } from '@common/react/components/Forms/ConfirmationCodeInput/ConfirmationCodeInput';\r\nimport { PreventDefaultButton } from '@common/react/components/Forms/Button';\r\nimport { simpleStringValidator } from '@common/react/utils/validationHelpers';\r\nimport { ItemProvider } from '@common/react/components/Core/ItemProvider/ItemProvider';\r\nimport { ItemEditor } from '@common/react/components/Core/ItemEditor/ItemEditor';\r\nimport { WithId } from '@common/typescript/objects/WithId';\r\n\r\ninterface Props {\r\n\tphoneNumber: string;\r\n\ttopMessage?: string;\r\n\trequest?: string;\r\n\twithFieldTitle?: boolean;\r\n}\r\n\r\ninterface ConfirmCode extends WithId {\r\n\tpassword: string;\r\n\trepeat: string;\r\n\tcode: string;\r\n\tphoneNumber: string;\r\n}\r\n\r\nconst validationSchema = Yup.object().shape({\r\n\tcode: simpleStringValidator,\r\n\tpassword: simpleStringValidator,\r\n\trepeat: Yup.string().oneOf([Yup.ref('password'), null], 'Passwords are not equal').required(),\r\n});\r\n\r\nconst SetPassword: React.FC<Props> = (props) => {\r\n\tconst {\r\n\t\tphoneNumber,\r\n\t\ttopMessage = 'A phone number verification message has been sent to your current phone number.',\r\n\t\trequest = 'setPasswordAndLoginByPhoneNumber',\r\n\t\twithFieldTitle,\r\n\t} = props;\r\n\r\n\tconst history = useHistory();\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div className=\"clearfix\">\r\n\t\t\t\t<div className=\"site-headline text-center\">\r\n\t\t\t\t\t<h1>Setup password</h1>\r\n\t\t\t\t</div>\r\n\t\t\t\t<p className=\"text-center\">\r\n\t\t\t\t\t{topMessage}\r\n\t\t\t\t</p>\r\n\t\t\t</div>\r\n\t\t\t<ItemProvider<ConfirmCode>\r\n\t\t\t\tid={-1}\r\n\t\t\t\treadonly={false}\r\n\t\t\t\ttype={request}\r\n\t\t\t\tadd={{\r\n\t\t\t\t\tcode: '',\r\n\t\t\t\t\tpassword: '',\r\n\t\t\t\t\trepeat: '',\r\n\t\t\t\t\tphoneNumber,\r\n\t\t\t\t}}\r\n\t\t\t\tvalidationSchema={validationSchema}\r\n\t\t\t\ttransformAfterSave={() => ({\r\n\t\t\t\t\tcode: '',\r\n\t\t\t\t\tpassword: '',\r\n\t\t\t\t\trepeat: '',\r\n\t\t\t\t\tphoneNumber,\r\n\t\t\t\t})}\r\n\t\t\t>\r\n\t\t\t\t<ItemEditor<ConfirmCode>\r\n\t\t\t\t\tsuccessMessage=\"\"\r\n\t\t\t\t\tafterSubmit={() => history.push('/')}\r\n\t\t\t\t\tedit={(formikBag: FormikProps<ConfirmCode>, _, { loading }) => <>\r\n\t\t\t\t\t\t<div className=\"row\">\r\n\t\t\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\t\t\tfieldName=\"password\"\r\n\t\t\t\t\t\t\t\tinputProps={{ placeholder: withFieldTitle ? '' : 'New Password*', type: 'password' }}\r\n\t\t\t\t\t\t\t\tcontainerClassName=\"col-sm-12 form-group\"\r\n\t\t\t\t\t\t\t\ttitle={withFieldTitle ? 'New Password*' : ''}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\t\t\tfieldName=\"repeat\"\r\n\t\t\t\t\t\t\t\tinputProps={{ placeholder: 'Repeat New Password*', type: 'password' }}\r\n\t\t\t\t\t\t\t\tcontainerClassName=\"col-sm-12 form-group\"\r\n\t\t\t\t\t\t\t\ttitle={withFieldTitle ? 'Repeat New Password*' : ''}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\t\t\tcontainerClassName=\"col-sm-12 form-group mt10\"\r\n\t\t\t\t\t\t\t\tfieldName=\"code\"\r\n\t\t\t\t\t\t\t\ttitle=\"\"\r\n\t\t\t\t\t\t\t\trender={(fieldProps: FieldProps) =>\r\n\t\t\t\t\t\t\t\t\t<div className=\"text-center\">\r\n\t\t\t\t\t\t\t\t\t\t<label htmlFor=\"code\">Code</label>\r\n\t\t\t\t\t\t\t\t\t\t<ConfirmationCodeInput\r\n\t\t\t\t\t\t\t\t\t\t\tfieldProps={fieldProps}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"clearfix\" style={{ marginTop: 15, marginBottom: 15 }}>\r\n\t\t\t\t\t\t\t<PreventDefaultButton\r\n\t\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\t\tclassName=\"btn btn-primary col-sm-6 col-sm-offset-3\"\r\n\t\t\t\t\t\t\t\tisLoading={loading}\r\n\t\t\t\t\t\t\t\tonClick={formikBag.handleSubmit}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tConfirm\r\n\t\t\t\t\t\t\t</PreventDefaultButton>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</>}\r\n\t\t\t\t/>\r\n\t\t\t</ItemProvider>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default SetPassword;\r\n","import * as React from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport * as Yup from 'yup';\r\n\r\nimport Button from '@common/react/components/Forms/Button';\r\nimport Captcha from '@common/react/components/Forms/Captcha';\r\nimport { simpleStringValidator } from '@common/react/utils/validationHelpers';\r\nimport FormikField from '@common/react/components/Forms/FormikField/FormikField';\r\nimport PhoneOrEmailInput, { emailOrPhoneValidator } from '@common/react/components/Forms/PhoneOrEmailInput/PhoneOrEmailInput';\r\nimport SetPassword from '@common/react/components/Pages/Recover/SetPassword';\r\nimport ServerPageProvider from '@common/react/components/Core/ServerPageProvider/ServerPageProvider';\r\nimport { ItemProvider } from '@common/react/components/Core/ItemProvider/ItemProvider';\r\nimport { ItemEditor } from '@common/react/components/Core/ItemEditor/ItemEditor';\r\nimport { WithId } from '@common/typescript/objects/WithId';\r\nimport { RequestButton } from '@common/react/components/UI/LoadingButton/LoadingButton';\r\n\r\nimport '@common/react/scss/components/recover.scss';\r\n\r\ninterface FormValues extends WithId {\r\n\tinfo: string;\r\n\tcaptcha: string;\r\n\tcode: string;\r\n}\r\n\r\ninterface Props {\r\n\tinfo?: boolean;\r\n\tlogo?: React.ReactNode;\r\n\tcontainerClassName?: string;\r\n\twithFieldTitle?: boolean;\r\n\twithResend?: boolean;\r\n\trecoverByPhoneRequest?: string;\r\n\trecoverByEmailRequest?: string;\r\n}\r\n\r\nconst validationSchema = Yup.object().shape({\r\n\tinfo: emailOrPhoneValidator,\r\n\tcaptcha: simpleStringValidator,\r\n});\r\n\r\nconst Recover: React.FC<Props> = (props) => {\r\n\tconst {\r\n\t\tinfo = 'Enter the email or phone number you provided during registration'\r\n\t\t\t+ ' and we will send you a password reset email or confirmation code',\r\n\t\tlogo,\r\n\t\tcontainerClassName = 'recover-page',\r\n\t\twithFieldTitle,\r\n\t\twithResend = false,\r\n\t\trecoverByPhoneRequest = 'recoverByPhone',\r\n\t\trecoverByEmailRequest = 'recover',\r\n\t} = props;\r\n\tconst [success, setSuccess] = React.useState<boolean>(false);\r\n\tconst [counter, setCounter] = React.useState<number>(0);\r\n\tconst [phoneNumber, setPhoneNumber] = React.useState('');\r\n\tconst [visibleConfirm, setVisibleConfirm] = React.useState(false);\r\n\tconst [savedValues, setSavedValues] = React.useState<FormValues>();\r\n\r\n\tconst innerRender = () => {\r\n\t\tif (success) {\r\n\t\t\treturn <div className=\"enter-page__form general-form\">\r\n\t\t\t\t{visibleConfirm ? <SetPassword\r\n\t\t\t\t\tphoneNumber={phoneNumber}\r\n\t\t\t\t\twithFieldTitle={withFieldTitle}\r\n\t\t\t\t/> : <div className=\"text-center\">\r\n\t\t\t\t\t<div><i className=\"fa fa-envelope\" style={{ fontSize: 70, marginBottom: 30 }} /></div>\r\n\t\t\t\t\t<h1 style={{ fontWeight: 'bold', fontSize: 35 }}>Email confirmation</h1>\r\n\t\t\t\t\t<h4 style={{ fontSize: 16, lineHeight: 1.4 }}>\r\n\t\t\t\t\t\tWe have sent email to\r\n\t\t\t\t\t\t{' '}\r\n\t\t\t\t\t\t<span style={{ color: '#33c088' }}>{savedValues?.info}</span>\r\n\t\t\t\t\t\t&nbsp;to confirm the validity of email address. After receiving the email follow\r\n\t\t\t\t\t\tthe link provided to complete recover.\r\n\t\t\t\t\t</h4>\r\n\t\t\t\t\t{withResend && <>\r\n\t\t\t\t\t\t<hr style={{ padding: '0 10px', margin: '30px 30px 20px' }} />\r\n\t\t\t\t\t\t<h4 style={{ fontSize: 16, lineHeight: 1.4 }}>\r\n\t\t\t\t\t\t\tIf you not get any mail\r\n\t\t\t\t\t\t\t{' '}\r\n\t\t\t\t\t\t\t<RequestButton\r\n\t\t\t\t\t\t\t\tclassName=\"recover-page__resend\"\r\n\t\t\t\t\t\t\t\tbeforeAction={() => {\r\n\t\t\t\t\t\t\t\t\treturn !!(success && savedValues && savedValues.info.includes('@'));\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\trequestType={recoverByEmailRequest}\r\n\t\t\t\t\t\t\t\trequestProps={{ email: savedValues?.info }}\r\n\t\t\t\t\t\t\t\tsuccessMessage=\"The confirmation email has been successfully sent.\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tResend confirmation mail\r\n\t\t\t\t\t\t\t</RequestButton>\r\n\t\t\t\t\t\t</h4>\r\n\t\t\t\t\t</>}\r\n\t\t\t\t</div>}\r\n\t\t\t</div>;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<div>\r\n\t\t\t\t<div className=\"enter-page__form general-form\">\r\n\t\t\t\t\t<div className=\"site-headline text-center\">\r\n\t\t\t\t\t\t<h1>Recover password</h1>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<p className=\"text-center\">\r\n\t\t\t\t\t\t{info}\r\n\t\t\t\t\t</p>\r\n\t\t\t\t\t<ItemProvider<FormValues>\r\n\t\t\t\t\t\tid={-1}\r\n\t\t\t\t\t\ttype=\"\"\r\n\t\t\t\t\t\treadonly={false}\r\n\t\t\t\t\t\tvalidationSchema={validationSchema}\r\n\t\t\t\t\t\tadd={{\r\n\t\t\t\t\t\t\tinfo: '',\r\n\t\t\t\t\t\t\tcaptcha: '',\r\n\t\t\t\t\t\t\tcode: '',\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttransformAfterSave={() => ({\r\n\t\t\t\t\t\t\tinfo: '',\r\n\t\t\t\t\t\t\tcaptcha: '',\r\n\t\t\t\t\t\t\tcode: '',\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\tclearForSubmit={(values) => {\r\n\t\t\t\t\t\t\treturn values.info.includes('@') ? {\r\n\t\t\t\t\t\t\t\temail: values.info,\r\n\t\t\t\t\t\t\t\tcaptcha: values.captcha,\r\n\t\t\t\t\t\t\t\tcode: values.code,\r\n\t\t\t\t\t\t\t} : {\r\n\t\t\t\t\t\t\t\tphoneNumber: values.info,\r\n\t\t\t\t\t\t\t\tcaptcha: values.captcha,\r\n\t\t\t\t\t\t\t\tcode: values.code,\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tonRequestError={() => setCounter((prev) => prev + 1)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ItemEditor<FormValues>\r\n\t\t\t\t\t\t\tsuccessMessage=\"\"\r\n\t\t\t\t\t\t\tafterSubmit={() => {\r\n\t\t\t\t\t\t\t\tsetSuccess(true);\r\n\t\t\t\t\t\t\t\tsetCounter((prev) => prev + 1);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tresetFormAfterSubmit\r\n\t\t\t\t\t\t\tbeforeSubmit={(values, actions, submit) => {\r\n\t\t\t\t\t\t\t\treturn submit()\r\n\t\t\t\t\t\t\t\t\t.then(() => {\r\n\t\t\t\t\t\t\t\t\t\tconst isEmail = values.info.includes('@');\r\n\t\t\t\t\t\t\t\t\t\tsetVisibleConfirm(!isEmail);\r\n\t\t\t\t\t\t\t\t\t\tsetPhoneNumber(!isEmail ? values.info : '');\r\n\t\t\t\t\t\t\t\t\t\tsetSavedValues(values);\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tgetRequestName={(values) => (values.info.includes('@') ? recoverByEmailRequest : recoverByPhoneRequest)}\r\n\t\t\t\t\t\t\tedit={(formikBag, _, { loading }) => (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\t\t\t\t\tfieldName=\"info\"\r\n\t\t\t\t\t\t\t\t\t\ttitle={withFieldTitle ? 'Email or Phone Number*' : ''}\r\n\t\t\t\t\t\t\t\t\t\tcontainerClassName=\"form-group\"\r\n\t\t\t\t\t\t\t\t\t\trender={(fieldProps, inputProps) =>\r\n\t\t\t\t\t\t\t\t\t\t\t<PhoneOrEmailInput\r\n\t\t\t\t\t\t\t\t\t\t\t\tfieldProps={fieldProps}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"form-control\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={withFieldTitle ? '' : 'Email or Phone Number*'}\r\n\t\t\t\t\t\t\t\t\t\t\t\t{...inputProps}\r\n\t\t\t\t\t\t\t\t\t\t\t/>}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\t\t\t\t\tfieldName=\"captcha\"\r\n\t\t\t\t\t\t\t\t\t\tcontainerClassName=\"form-group\"\r\n\t\t\t\t\t\t\t\t\t\ttitle={withFieldTitle ? 'Bot Protection Code*' : ''}\r\n\t\t\t\t\t\t\t\t\t\trender={({ field }) => <div className=\"input-with-captcha\">\r\n\t\t\t\t\t\t\t\t\t\t\t<Captcha\r\n\t\t\t\t\t\t\t\t\t\t\t\ticonClassName=\"fa fa-refresh\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tupdate={(value) => formikBag.setFieldValue('code', value)}\r\n\t\t\t\t\t\t\t\t\t\t\t\tcounter={counter}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"form-control\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"captcha\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={withFieldTitle ? '' : 'Bot Protection Code*'}\r\n\t\t\t\t\t\t\t\t\t\t\t\t{...field}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t</div>}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t<div className=\"clearfix mb10\">\r\n\t\t\t\t\t\t\t\t\t\t<Link className=\"pull-right\" to=\"/login\">Back</Link>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div className=\"text-center\">\r\n\t\t\t\t\t\t\t\t\t\t<Button className=\"btn btn-primary\" isLoading={loading}>Recover</Button>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</ItemProvider>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className={`recover-page__main ${containerClassName}`}>\r\n\t\t\t<ServerPageProvider\r\n\t\t\t\tpath=\"recover\"\r\n\t\t\t\tdefaultTitle=\"Recover\"\r\n\t\t\t\tloader={<></>}\r\n\t\t\t\tinner={(serverPage) => <></>}\r\n\t\t\t/>\r\n\t\t\t{logo}\r\n\t\t\t<div className=\"enter-page__container container\">\r\n\t\t\t\t{innerRender()}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Recover;\r\n","import * as React from 'react';\r\n\r\nimport RecoverPage from '@common/react/components/Pages/Recover/Recover';\r\n\r\nimport '@app/scss/pages/login.scss';\r\nimport '@app/scss/pages/recover.scss';\r\n\r\nconst Recover: React.FC = () => {\r\n\treturn (\r\n\t\t<RecoverPage\r\n\t\t\tcontainerClassName=\"recover-page portal-form-center enter-page\"\r\n\t\t\twithFieldTitle\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nexport default Recover;\r\n","import * as React from 'react';\r\nimport MaskedInput from 'react-text-mask';\r\n\r\nimport { FieldProps } from 'formik';\r\n\r\nimport '@common/react/scss/components/confirmationCode.scss';\r\n\r\ninterface Props {\r\n\tfieldProps: FieldProps;\r\n\tdisabled?: boolean;\r\n\tmask?: any;\r\n}\r\n\r\nexport const ConfirmationCodeInput: React.FC<Props> = ({\r\n\tfieldProps: { field },\r\n\tdisabled,\r\n\tmask = [/\\d/, /\\d/, /\\d/, /\\d/],\r\n}) => {\r\n\treturn <div className=\"code-container\">\r\n\t\t<MaskedInput\r\n\t\t\tclassName=\"form-control code-input\"\r\n\t\t\ttype=\"text\"\r\n\t\t\tdisabled={disabled}\r\n\t\t\tmask={mask}\r\n\t\t\tguide={false}\r\n\t\t\tid={field.name}\r\n\t\t\t{...field}\r\n\t\t/>\r\n\t\t<label className=\"code-underline\" htmlFor=\"smsCode\" />\r\n\t</div>;\r\n};\r\n"],"names":["Captcha","props","path","code","generateGUID","state","src","getSrc","isLoading","reload","bind","this","update","nextProps","counter","setState","withGuid","Date","getTime","event","preventDefault","className","alt","tabIndex","type","onClick","iconClassName","React","validationSchema","Yup","shape","simpleStringValidator","password","repeat","oneOf","required","phoneNumber","topMessage","request","withFieldTitle","history","useHistory","ItemProvider","id","readonly","add","transformAfterSave","ItemEditor","successMessage","afterSubmit","push","edit","formikBag","_","loading","FormikField","fieldName","inputProps","placeholder","containerClassName","title","render","fieldProps","htmlFor","ConfirmationCodeInput","style","marginTop","marginBottom","handleSubmit","info","emailOrPhoneValidator","captcha","logo","withResend","recoverByPhoneRequest","recoverByEmailRequest","success","setSuccess","setCounter","setPhoneNumber","visibleConfirm","setVisibleConfirm","savedValues","setSavedValues","ServerPageProvider","defaultTitle","loader","inner","serverPage","fontSize","fontWeight","lineHeight","color","padding","margin","beforeAction","includes","requestType","requestProps","email","clearForSubmit","values","onRequestError","prev","resetFormAfterSubmit","beforeSubmit","actions","submit","then","isEmail","getRequestName","PhoneOrEmailInput","field","value","setFieldValue","Link","to","Button","disabled","mask","guide","name"],"sourceRoot":""}