{"version":3,"file":"js/pages-auth-ResendConfirmation-ResendConfirmationPage-fc0dc3f1b5b10ea68da2.chunk.js","mappings":"+RAcMA,GAA+BC,EAAAA,EAAAA,MAASC,MAAM,CAClDC,OAAOC,EAAAA,EAAAA,MACJC,SACAF,MAAM,+BACNG,KAAK,yCACLC,SAAS,wBA0Dd,QAvD+B,WAC7B,IAAMC,GAAUC,EAAAA,EAAAA,MAehB,OACEC,EAAAA,cAACC,EAAAA,EAAW,KACVD,EAAAA,cAACE,EAAAA,GAAE,CAACC,UAAU,iEAAgE,uBAC9EH,EAAAA,cAACI,EAAAA,GAAM,CACLC,cAAe,CAAEZ,MAAO,IACxBa,SAAU,SAACC,EAAMC,IAnBI,SACzBD,EACAE,EACAC,EACAC,IAEAC,EAAAA,EAAAA,IAAsBL,GAAQM,MAAK,SAAAC,IACjCC,EAAAA,EAAAA,GAAmBD,EAAKL,EAAWC,EAAeC,GAC9CG,EAAIE,SAAWC,EAAAA,EAAOC,IACxBpB,EAAQqB,KAAKC,EAAAA,GAEjB,GACF,CAQQC,CAAmBd,EADSC,EAATC,UAAwBD,EAAbE,cAAwBF,EAATG,UAE/C,EACAW,iBAAkBhC,IAEjB,SAAAiC,GAAW,OACVvB,EAAAA,cAACwB,EAAAA,GAAI,KACHxB,EAAAA,cAACyB,EAAAA,GAAkB,CACjB,UAAQ,QACRC,KAAK,QACLC,KAAK,QACLC,cAAc,QACdC,eAAe,QACfC,iBAAiB,SAElBP,EAAYQ,aACX/B,EAAAA,cAACgC,EAAAA,EAAM,MAEPhC,EAAAA,cAACiC,EAAAA,GAAM,CACLC,OAAO,gBACP/B,UAAU,gCACVuB,KAAK,SACLS,QAAS,kBAAMZ,EAAYa,YAAY,EACvCC,MAAM,QACP,uBAIE,IAKjB,C,6HCvDMC,EAAY,SAAH9B,GAUD,IATZL,EAASK,EAATL,UACAoC,EAAQ/B,EAAR+B,SACAC,EAAMhC,EAANgC,OACAb,EAAInB,EAAJmB,KACAc,EAAOjC,EAAPiC,QACAC,EAAIlC,EAAJkC,KACAC,EAAYnC,EAAZmC,aACAC,EAAgBpC,EAAhBoC,iBACAC,EAAQrC,EAARqC,SAEAC,GAAkCC,EAAAA,EAAAA,MAA1BxC,EAAMuC,EAANvC,OAAQyC,EAAaF,EAAbE,cAChB,OACEhD,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACiD,EAAAA,GAAW,CACVC,MAAO3C,EAAOoB,GACdkB,SAAU,SAAAM,GACRH,EAAcrB,EAAMwB,GAChBN,GACFA,EAASM,EAEb,EACAhD,UAAWiD,IAAG,mCAAoCjD,IAEjDoC,GAEFI,IAAiBC,GAChB5C,EAAAA,cAACqD,EAAAA,EAAc,CAACC,YAAY,QAAQb,SAASc,EAAAA,EAAAA,IAAMd,EAASd,GAAO6B,SAASD,EAAAA,EAAAA,IAAMf,EAAQb,MAE1FgB,IAAiBC,IAAoBW,EAAAA,EAAAA,IAAMd,EAASd,KAAS4B,EAAAA,EAAAA,IAAMf,EAAQb,IAC3E3B,EAAAA,cAACyD,EAAAA,EAAY,CAACD,SAASD,EAAAA,EAAAA,IAAMf,EAAQb,OAEpCe,GAAQ1C,EAAAA,cAAA,OAAKG,UAAU,QAAQuC,GAGxC,EAEAJ,EAAUoB,IAAMC,EAAAA,EAEhB,S","sources":["webpack://printivity/./client/app/bundles/App/pages/auth/ResendConfirmation/ResendConfirmationPage.tsx","webpack://printivity/./client/app/styleguide/components/Formik/RadioTabs/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { object, string } from 'yup';\nimport { postUsersConfirmation } 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 ResendConfirmationPage = () => {\n  const history = useHistory();\n  const resendConfirmation = (\n    values: FormikValues,\n    setStatus: (status?: formikStatus) => void,\n    setSubmitting: (isSubmitting: boolean) => void,\n    setErrors: (errors: FormikErrors<FormikValues>) => void,\n  ) => {\n    postUsersConfirmation(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 className=\"-sm:mt-4' mb-4 !text-center !font-hvBold !text-4xl !font-bold\">Resend confirmation</H4>\n      <Formik\n        initialValues={{ email: '' }}\n        onSubmit={(values, { setStatus, setSubmitting, setErrors }) => {\n          resendConfirmation(values, setStatus, setSubmitting, setErrors);\n        }}\n        validationSchema={ResendConfirmationFormSchema}\n      >\n        {formikProps => (\n          <Form>\n            <FormikFieldWrapper\n              data-cy=\"email\"\n              type=\"email\"\n              name=\"email\"\n              componentType=\"input\"\n              labelComponent=\"Email\"\n              wrapperClassName=\"mb-4\"\n            />\n            {formikProps.isSubmitting ? (\n              <Loader />\n            ) : (\n              <Button\n                dataCy=\"submitFormBtn\"\n                className=\"w-[360px] !px-0 -sm:w-[320px]\"\n                type=\"button\"\n                onClick={() => formikProps.submitForm()}\n                color=\"blue\"\n              >\n                Resend Confirmation\n              </Button>\n            )}\n          </Form>\n        )}\n      </Formik>\n    </FormWrapper>\n  );\n};\nexport default ResendConfirmationPage;\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","setStatus","setSubmitting","setErrors","postUsersConfirmation","then","res","updateFormikStatus","status","Status","Ok","push","signInRedirectPath","resendConfirmation","validationSchema","formikProps","Form","FormikFieldWrapper","type","name","componentType","labelComponent","wrapperClassName","isSubmitting","Loader","Button","dataCy","onClick","submitForm","color","RadioTabs","children","errors","touched","Note","inPlaceError","hideErrorMessage","onChange","_useFormikContext","useFormikContext","setFieldValue","HRadioGroup","value","newValue","cn","InPlaceMessage","messageType","getIn","message","ErrorMessage","Tab","RadioTab"],"sourceRoot":""}