{"version":3,"file":"js/pages-auth-ResetPassword-ResetPasswordPage-73065e0279328b788259.chunk.js","mappings":"gSAcMA,GAA+BC,EAAAA,EAAAA,MAASC,MAAM,CAClDC,OAAOC,EAAAA,EAAAA,MACJC,SACAF,MAAM,+BACNG,KAAK,yCACLC,SAAS,wBAiEd,QA9D0B,WACxB,IAAMC,GAAUC,EAAAA,EAAAA,MAgBhB,OACEC,EAAAA,cAACC,EAAAA,EAAW,KACVD,EAAAA,cAACE,EAAAA,GAAE,CACD,UAAQ,yBACRC,UAAU,iEACX,mBAGDH,EAAAA,cAACI,EAAAA,GAAM,CACLC,cAAe,CAAEZ,MAAO,IACxBa,SAAU,SAACC,EAAMC,GAA+C,IAA3CC,EAAaD,EAAbC,eAxBL,SACpBF,EACAG,EACAD,EACAE,IAEAC,EAAAA,EAAAA,IAAkBL,GAAQM,MAAK,SAAAC,IAC7BC,EAAAA,EAAAA,GAAmBD,EAAKJ,EAAWD,EAAeE,GAC9CG,EAAIE,SAAWC,EAAAA,EAAOC,IACxBpB,EAAQqB,KAAKC,EAAAA,GAEjB,GACF,CAaQC,CAAcd,EAD6BC,EAATE,UACDD,EADqBD,EAATG,UAE/C,EACAW,iBAAkBhC,IAEjB,SAAAiC,GAAW,OACVvB,EAAAA,cAACwB,EAAAA,GAAI,KACHxB,EAAAA,cAACyB,EAAAA,GAAkB,CACjB,UAAQ,aACRC,cAAY,EACZC,KAAK,QACLC,KAAK,QACLC,cAAc,QACdC,eAAe,UAEhBP,EAAYQ,aACX/B,EAAAA,cAACgC,EAAAA,EAAM,MAEPhC,EAAAA,cAACiC,EAAAA,GAAM,CACL9B,UAAU,gCACVwB,KAAK,SACLO,OAAO,gBACPC,QAAS,kBAAMZ,EAAYa,YAAY,EACvCC,MAAM,QACP,kBAIE,IAKjB,C,6HC7DMC,EAAY,SAAH9B,GAUD,IATZL,EAASK,EAATL,UACAoC,EAAQ/B,EAAR+B,SACAC,EAAMhC,EAANgC,OACAZ,EAAIpB,EAAJoB,KACAa,EAAOjC,EAAPiC,QACAC,EAAIlC,EAAJkC,KACAhB,EAAYlB,EAAZkB,aACAiB,EAAgBnC,EAAhBmC,iBACAC,EAAQpC,EAARoC,SAEAC,GAAkCC,EAAAA,EAAAA,MAA1BvC,EAAMsC,EAANtC,OAAQwC,EAAaF,EAAbE,cAChB,OACE/C,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACgD,EAAAA,GAAW,CACVC,MAAO1C,EAAOqB,GACdgB,SAAU,SAAAM,GACRH,EAAcnB,EAAMsB,GAChBN,GACFA,EAASM,EAEb,EACA/C,UAAWgD,IAAG,mCAAoChD,IAEjDoC,GAEFb,IAAiBiB,GAChB3C,EAAAA,cAACoD,EAAAA,EAAc,CAACC,YAAY,QAAQZ,SAASa,EAAAA,EAAAA,IAAMb,EAASb,GAAO2B,SAASD,EAAAA,EAAAA,IAAMd,EAAQZ,MAE1FF,IAAiBiB,IAAoBW,EAAAA,EAAAA,IAAMb,EAASb,KAAS0B,EAAAA,EAAAA,IAAMd,EAAQZ,IAC3E5B,EAAAA,cAACwD,EAAAA,EAAY,CAACD,SAASD,EAAAA,EAAAA,IAAMd,EAAQZ,OAEpCc,GAAQ1C,EAAAA,cAAA,OAAKG,UAAU,QAAQuC,GAGxC,EAEAJ,EAAUmB,IAAMC,EAAAA,EAEhB,S","sources":["webpack://printivity/./client/app/bundles/App/pages/auth/ResetPassword/ResetPasswordPage.tsx","webpack://printivity/./client/app/styleguide/components/Formik/RadioTabs/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { object, string } from 'yup';\nimport { postUsersPassword } from 'api/userAuthentication';\nimport { Button } from 'styleguide/components';\nimport FormWrapper from '../FormWrapper/FormWrapper';\nimport { H4 } from 'styleguide/components/Heading';\nimport { Status } from 'libs/utils/api/types';\nimport { signInRedirectPath } from 'bundles/App/routes';\nimport { Form, Formik, FormikErrors, FormikValues } from 'formik';\nimport Loader from 'styleguide/components/Loader/Loader';\nimport { formikStatus, updateFormikStatus } from 'libs/utils/updateFormik';\nimport { useHistory } from 'react-router';\nimport { FormikFieldWrapper } from 'app/styleguide/components/Formik';\n\nconst ResendConfirmationFormSchema = object().shape({\n  email: string()\n    .strict()\n    .email('Please enter a valid email.')\n    .trim('Email cannot begin or end with spaces')\n    .required('Email is required.'),\n});\n\nconst ResetPasswordPage = () => {\n  const history = useHistory();\n\n  const resetPassword = (\n    values: FormikValues,\n    setStatus: (status?: formikStatus) => void,\n    setSubmitting: (isSubmitting: boolean) => void,\n    setErrors: (errors: FormikErrors<FormikValues>) => void,\n  ) => {\n    postUsersPassword(values).then(res => {\n      updateFormikStatus(res, setStatus, setSubmitting, setErrors);\n      if (res.status === Status.Ok) {\n        history.push(signInRedirectPath);\n      }\n    });\n  };\n\n  return (\n    <FormWrapper>\n      <H4\n        data-cy=\"resetPasswordPageTitle\"\n        className=\"-sm:mt-4' mb-4 !text-center !font-hvBold !text-4xl !font-bold\"\n      >\n        Update password\n      </H4>\n      <Formik\n        initialValues={{ email: '' }}\n        onSubmit={(values, { setSubmitting, setStatus, setErrors }) => {\n          resetPassword(values, setStatus, setSubmitting, setErrors);\n        }}\n        validationSchema={ResendConfirmationFormSchema}\n      >\n        {formikProps => (\n          <Form>\n            <FormikFieldWrapper\n              data-cy=\"emailInput\"\n              inPlaceError\n              type=\"email\"\n              name=\"email\"\n              componentType=\"input\"\n              labelComponent=\"Email\"\n            />\n            {formikProps.isSubmitting ? (\n              <Loader />\n            ) : (\n              <Button\n                className=\"w-[360px] !px-0 -sm:w-[320px]\"\n                type=\"button\"\n                dataCy=\"submitFormBtn\"\n                onClick={() => formikProps.submitForm()}\n                color=\"blue\"\n              >\n                Reset Password\n              </Button>\n            )}\n          </Form>\n        )}\n      </Formik>\n    </FormWrapper>\n  );\n};\n\nexport default ResetPasswordPage;\n","import InPlaceMessage from 'styleguide/components/InPlaceMessage/InPlaceMessage';\nimport cn from 'classnames';\nimport { FormikErrors, FormikTouched, FormikValues, getIn, useFormikContext } from 'formik';\nimport * as React from 'react';\nimport { ErrorMessage } from 'styleguide/components/forms';\n\nimport RadioTab from './RadioTab';\nimport { RadioGroup as HRadioGroup } from '@headlessui/react';\n\ninterface Props {\n  className?: string;\n  children?: React.ReactNode;\n  errors?: FormikErrors<FormikValues>;\n  name: string;\n  touched?: FormikTouched<FormikValues>;\n  Note?: React.ReactNode;\n  inPlaceError?: boolean;\n  hideErrorMessage?: boolean;\n  onChange?: (value: string | boolean) => void;\n}\n\nconst RadioTabs = ({\n  className,\n  children,\n  errors,\n  name,\n  touched,\n  Note,\n  inPlaceError,\n  hideErrorMessage,\n  onChange,\n}: Props) => {\n  const { values, setFieldValue } = useFormikContext<FormikValues>();\n  return (\n    <>\n      <HRadioGroup\n        value={values[name]}\n        onChange={newValue => {\n          setFieldValue(name, newValue);\n          if (onChange) {\n            onChange(newValue);\n          }\n        }}\n        className={cn('flex w-full flex-row flex-nowrap', className)}\n      >\n        {children}\n      </HRadioGroup>\n      {inPlaceError && !hideErrorMessage && (\n        <InPlaceMessage messageType=\"error\" touched={getIn(touched, name)} message={getIn(errors, name)} />\n      )}\n      {!inPlaceError && !hideErrorMessage && getIn(touched, name) && getIn(errors, name) && (\n        <ErrorMessage message={getIn(errors, name)} />\n      )}\n      {!!Note && <div className=\"mt-2\">{Note}</div>}\n    </>\n  );\n};\n\nRadioTabs.Tab = RadioTab;\n\nexport default RadioTabs;\n"],"names":["ResendConfirmationFormSchema","object","shape","email","string","strict","trim","required","history","useHistory","React","FormWrapper","H4","className","Formik","initialValues","onSubmit","values","_ref","setSubmitting","setStatus","setErrors","postUsersPassword","then","res","updateFormikStatus","status","Status","Ok","push","signInRedirectPath","resetPassword","validationSchema","formikProps","Form","FormikFieldWrapper","inPlaceError","type","name","componentType","labelComponent","isSubmitting","Loader","Button","dataCy","onClick","submitForm","color","RadioTabs","children","errors","touched","Note","hideErrorMessage","onChange","_useFormikContext","useFormikContext","setFieldValue","HRadioGroup","value","newValue","cn","InPlaceMessage","messageType","getIn","message","ErrorMessage","Tab","RadioTab"],"sourceRoot":""}