{"version":3,"sources":["webpack:///./ClientApp/components/Pages/Recover/Recover.tsx","webpack:///./common/react/components/Forms/Captcha.tsx"],"names":["validationSchema","Yup","shape","email","emailValidator","captcha","simpleStringValidator","Recover","_React$Component","props","_this","_classCallCheck","_defineProperty","_callSuper","code","success","message","isLoading","counter","React","FormikField","fieldName","inputProps","placeholder","handleSubmit","bind","setCode","_inherits","key","value","values","actions","_this2","resetForm","cnt","this","state","setState","request","then","catch","e","className","_this3","Field","name","_ref","field","form","concat","touched","errors","Captcha","update","Input","_extends","id","_this4","Space","direction","style","display","Link","to","Formik","initialValues","onSubmit","Form","emailField","captchaField","Button","block","type","htmlType","loading","serverMessageRender","Helmet","src","require","alt","innerRender","path","generateGUID","getSrc","reload","nextProps","withGuid","Date","getTime","event","preventDefault","tabIndex","onClick","iconClassName"],"mappings":"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","file":"chunks/RecoverPage.chunk.80eb9c4baaa977f80c20.js","sourcesContent":["import * as React from 'react';\nimport { Link, RouteComponentProps } from 'react-router-dom';\nimport { Helmet } from 'react-helmet';\n\nimport {\n\tFormik, Form, Field, FieldProps, FormikHelpers,\n} from 'formik';\nimport * as Yup from 'yup';\nimport Input from 'antd/lib/input';\nimport Space from 'antd/lib/space';\n\nimport Button from '@common/react/components/Forms/Button';\nimport { emailValidator, simpleStringValidator } from '@common/react/utils/validationHelpers';\nimport Captcha from '@common/react/components/Forms/Captcha';\n\nimport { request } from '@app/components/Api';\nimport { FormikField } from '@app/components/Forms/FormikField';\n\ntype PageProps = RouteComponentProps;\n\ninterface FormValues {\n\temail: string;\n\tcaptcha: string;\n}\n\ninterface RecoverState {\n\tcode: string;\n\tsuccess: boolean;\n\tmessage: string;\n\tisLoading: boolean;\n\tcounter: number;\n}\n\nconst validationSchema = Yup.object().shape({\n\temail: emailValidator,\n\tcaptcha: simpleStringValidator,\n});\n\nexport class Recover extends React.Component<PageProps, RecoverState> {\n\tstate = {\n\t\tcode: '',\n\t\tsuccess: false,\n\t\tmessage: '',\n\t\tisLoading: false,\n\t\tcounter: 0,\n\t};\n\n\tconstructor(props: PageProps) {\n\t\tsuper(props);\n\t\tthis.handleSubmit = this.handleSubmit.bind(this);\n\t\tthis.setCode = this.setCode.bind(this);\n\t}\n\n\thandleSubmit(values: FormValues, actions: FormikHelpers<FormValues>): void {\n\t\tconst { resetForm } = actions;\n\t\tconst cnt = this.state.counter + 1;\n\t\tthis.setState({ isLoading: true });\n\n\t\trequest('recover', {\n\t\t\temail: values.email,\n\t\t\tcaptcha: values.captcha,\n\t\t\tcode: this.state.code,\n\t\t}).then(() => {\n\t\t\tthis.setState({\n\t\t\t\tcode: '',\n\t\t\t\tsuccess: true,\n\t\t\t\tmessage: '',\n\t\t\t\tisLoading: false,\n\t\t\t\tcounter: cnt,\n\t\t\t});\n\n\t\t\tresetForm();\n\t\t}).catch((e: string) => {\n\t\t\tthis.setState({\n\t\t\t\tisLoading: false,\n\t\t\t\tmessage: e,\n\t\t\t\tcounter: cnt,\n\t\t\t});\n\t\t});\n\t}\n\n\tsetCode(code: string): void {\n\t\tthis.setState({\n\t\t\tcode,\n\t\t});\n\t}\n\n\tprivate emailField = (): JSX.Element => (\n\t\t<FormikField fieldName=\"email\" inputProps={{ placeholder: 'Email' }} />\n\t);\n\n\tprivate serverMessageRender(): JSX.Element | undefined {\n\t\tif (this.state.message) {\n\t\t\treturn (<div className=\"alert alert-danger\">{this.state.message}</div>);\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tprivate captchaField(): JSX.Element {\n\t\treturn (\n\t\t\t<Field name=\"captcha\">\n\t\t\t\t{({ field, form }: FieldProps<string, FormValues>) => (\n\t\t\t\t\t<div className={`form-group ${form.touched.captcha && form.errors.captcha ? 'has-error' : ''}`}>\n\t\t\t\t\t\t<div className=\"is-relative\">\n\t\t\t\t\t\t\t<Captcha update={this.setCode} counter={this.state.counter} />\n\t\t\t\t\t\t\t<Input id=\"captcha\" {...field} placeholder=\"Enter the symbols\" />\n\t\t\t\t\t\t\t{form.touched.captcha && form.errors.captcha\n\t\t\t\t\t\t\t\t? <div className=\"validation-message\">{form.errors.captcha}</div>\n\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Field>\n\t\t);\n\t}\n\n\tprivate innerRender(): JSX.Element {\n\t\tif (this.state.success) {\n\t\t\treturn (\n\t\t\t\t<div className=\"text-center card\">\n\t\t\t\t\t<div className=\"card__body\">\n\t\t\t\t\t\t<Space direction=\"vertical\" style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t<h3 className=\"text-center\">An email with further instructions was sent</h3>\n\t\t\t\t\t\t\t<Link to=\"/\" className=\"btn btn-success btn-block\">To Login Page</Link>\n\t\t\t\t\t\t</Space>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div className=\"enter-page__form card\">\n\t\t\t\t\t<div className=\"card__body\">\n\t\t\t\t\t\t<p className=\"text-center\">\n\t\t\t\t\t\t\tEnter the email you provided during registration and we will send you a password reset email\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<Formik\n\t\t\t\t\t\t\tinitialValues={{ email: '', captcha: '' }}\n\t\t\t\t\t\t\tonSubmit={this.handleSubmit}\n\t\t\t\t\t\t\tvalidationSchema={validationSchema}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{() => (\n\t\t\t\t\t\t\t\t<Form>\n\t\t\t\t\t\t\t\t\t{this.emailField()}\n\t\t\t\t\t\t\t\t\t{this.captchaField()}\n\t\t\t\t\t\t\t\t\t<div className=\"text-center form-group\">\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tblock\n\t\t\t\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\thtmlType=\"submit\"\n\t\t\t\t\t\t\t\t\t\t\tloading={this.state.isLoading}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tRecover\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</Form>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Formik>\n\t\t\t\t\t\t{this.serverMessageRender()}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<div className=\"recover-page enter-page\">\n\t\t\t\t<Helmet>\n\t\t\t\t\t<title>Recover</title>\n\t\t\t\t</Helmet>\n\t\t\t\t<Link to=\"/\"><img src={require('@images/logo.png')} alt=\"Logo\" className=\"enter-page__logo\" /></Link>\n\t\t\t\t{this.innerRender()}\n\t\t\t</div>\n\t\t);\n\t}\n}\n","import * as React from 'react';\n\nimport {generateGUID} from '@common/react/utils/utils';\n\ninterface CaptchaProps {\n\tupdate: any;\n\tclassName?: string;\n\twithGuid?: boolean;\n\ticonClassName?: string;\n\tcounter?: number;\n}\n\ninterface CaptchaState {\n\tisLoading: boolean;\n\tsrc: string;\n}\n\nexport default class Captcha extends React.Component<CaptchaProps, CaptchaState> {\n\tpath: string;\n\tcode: string;\n\n\tpublic static defaultProps: Partial<CaptchaProps> = {\n\t\tclassName: '',\n\t\twithGuid: true,\n\t\ticonClassName: 'icon-refresh icons'\n\t};\n\n\tconstructor(props: CaptchaProps) {\n\t\tsuper(props);\n\n\t\tthis.path = 'captcha';\n\n\t\tthis.code = generateGUID();\n\n\t\tthis.state = {\n\t\t\tsrc: this.getSrc(),\n\t\t\tisLoading: false\n\t\t};\n\t\t\n\t\tthis.reload = this.reload.bind(this);\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tthis.props.update(this.code);\n\t}\n\n\tUNSAFE_componentWillReceiveProps(nextProps: CaptchaProps) {\n\t\tif (nextProps.counter !== this.props.counter) {\n\t\t\tthis.setState({ src: this.getSrc() });\n\t\t}\n\t}\n\n\tgetSrc(): string {\n\t\treturn `${this.path}?${this.props.withGuid ? `guid=${this.code}` : 'id='}&refresh=${new Date().getTime()}`;\n\t}\n\n\treload(event: any) {\n\t\tevent.preventDefault();\n\n\t\tthis.setState({ src: this.getSrc() });\n\t}\n\n\trender(): JSX.Element {\n\t\treturn (\n\t\t\t<div className=\"captcha-component\">\n\t\t\t\t<img src={this.state.src} />\n\t\t\t\t<button className=\"captcha-component__reload\" tabIndex={-1} type=\"button\" onClick={this.reload}>\n\t\t\t\t\t<i className={`captcha-component__icon ${this.props.iconClassName}`}/>\n\t\t\t\t</button>\n\t\t\t</div>);\n\t}\n}"],"sourceRoot":""}