{"version":3,"file":"js/pages-auth-SignUp-SignUpPage-8f98d22e04a9a94127cf.chunk.js","mappings":"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","sources":["webpack://printivity/./client/app/bundles/App/pages/auth/SignUp/SignUpPage.tsx","webpack://printivity/./client/app/styleguide/components/Meta/Meta.tsx","webpack://printivity/./client/app/styleguide/components/forms/Field/TwoColumnFormField.tsx","webpack://printivity/./client/app/styleguide/components/forms/Field/Field.scss?dfed"],"sourcesContent":["import * as React from 'react';\nimport { boolean, object, ref, string } from 'yup';\nimport { Form, Formik, FormikErrors, FormikValues } from 'formik';\nimport { postUsers } from 'api/userAuthentication';\nimport { Button, Link } from 'styleguide/components';\nimport FormWrapper from '../FormWrapper/FormWrapper';\nimport { H4 } from 'styleguide/components/Heading';\nimport Grid from 'styleguide/components/Grid/Grid';\nimport { Status } from 'libs/utils/api/types';\nimport { signInPath, privacyPath, termsAndConditionsPath } from 'bundles/App/routes';\nimport Meta from 'styleguide/components/Meta/Meta';\nimport UserContext from 'contexts/UserContextContainer/UserContext';\nimport Loader from 'styleguide/components/Loader/Loader';\nimport TwoColumnFormField from 'styleguide/components/forms/Field/TwoColumnFormField';\nimport Label from 'styleguide/components/Formik/Label/Label';\nimport { formikStatus, updateFormikStatus } from 'libs/utils/updateFormik';\nimport FormikFieldWrapper from 'app/styleguide/components/Formik/FormikFieldWrapper/FormikFieldWrapper';\nimport { signUpSuccess } from 'api/gtm';\nimport { useLocation } from 'react-router-dom';\nimport { isProductPage } from 'libs/utils/pageUtils';\nimport AppContext from 'contexts/AppContext/AppContext';\n\ninterface LocationState {\n  from: string;\n}\n\nconst SignUpFormSchema = 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  firstName: string()\n    .strict()\n    .trim('Name cannot begin or end with spaces.')\n    .required('First name is required.'),\n  lastName: string()\n    .strict()\n    .trim('Name cannot begin or end with spaces.')\n    .required('Last name is required.'),\n  password: string()\n    .ensure()\n    .test('password-test', 'Password must be at least 8 characters.', value =>\n      value === '' ? true : value.length >= 8,\n    ),\n  confirmation: string()\n    .ensure()\n    .when('password', {\n      is: value => value === '',\n      then: schema => schema.oneOf([''], 'Your password and confirmation do not match.'),\n      otherwise: schema => schema.oneOf([ref('password')], 'Your password and confirmation do not match.'),\n    }),\n  subscribeMail: boolean(),\n});\n\nconst SignUpPage = () => {\n  const userContext = React.useContext(UserContext);\n  const appContext = React.useContext(AppContext);\n  const location = useLocation<LocationState>();\n\n  const signUp = (\n    values: FormikValues,\n    setStatus: (status?: formikStatus) => void,\n    setSubmitting: (isSubmitting: boolean) => void,\n    setErrors: (errors: FormikErrors<FormikValues>) => void,\n  ) => {\n    postUsers(values).then(res => {\n      updateFormikStatus(res, setStatus, setSubmitting, setErrors);\n      if (res.status === Status.Ok) {\n        userContext.logIn(res.payload.user);\n        if (location.state?.from && isProductPage(location.state?.from, appContext.store.cmsPages)) {\n          signUpSuccess({ logged_in: true, email: values.email });\n        }\n      }\n    });\n  };\n\n  return (\n    <>\n      <Meta\n        title=\"SignUp\"\n        description=\"\"\n        keywords=\"\"\n        canonical=\"https://www.printivity.com/sign-up\"\n        robots={['noindex']}\n      />\n      <FormWrapper signUp>\n        <H4\n          data-cy=\"signUpTitle\"\n          className=\"'text-left -sm:mt-4' !font-hvBold !text-4xl !font-bold -md:mt-10\"\n        >\n          Sign Up\n        </H4>\n        <div data-cy=\"signUpWelcomeTitle\" className=\"paragraph-desktop mb-9 mt-4 text-gray-500\">\n          Glad to see you here! Please enter your details.\n        </div>\n        <Formik\n          initialValues={{\n            firstName: '',\n            lastName: '',\n            email: '',\n            password: '',\n            confirmation: '',\n            subscribeMail: true,\n          }}\n          onSubmit={(values, { setErrors, setSubmitting, setStatus }) => {\n            signUp(values, setStatus, setSubmitting, setErrors);\n          }}\n          validationSchema={SignUpFormSchema}\n        >\n          {formikProps => (\n            <Form>\n              <TwoColumnFormField leftFieldClassName=\"!pl-0 md:!pr-4\" rightFieldClassName=\"!px-0\" heading=\"\">\n                <FormikFieldWrapper\n                  inPlaceError\n                  name=\"firstName\"\n                  componentType=\"input\"\n                  labelComponent=\"First Name\"\n                  inputClassName=\"mb-1\"\n                  data-cy=\"firstName\"\n                />\n                <FormikFieldWrapper\n                  inPlaceError\n                  name=\"lastName\"\n                  componentType=\"input\"\n                  labelComponent=\"Last Name\"\n                  inputClassName=\"mb-1\"\n                  data-cy=\"lastName\"\n                />\n              </TwoColumnFormField>\n              <FormikFieldWrapper\n                inPlaceError\n                type=\"email\"\n                name=\"email\"\n                componentType=\"input\"\n                labelComponent=\"Email\"\n                inputClassName=\"mb-1\"\n                data-cy=\"email\"\n              />\n              <FormikFieldWrapper\n                inPlaceError\n                type=\"password\"\n                name=\"password\"\n                componentType=\"input\"\n                labelComponent=\"Password\"\n                inputClassName=\"mb-1\"\n                data-cy=\"password\"\n              />\n              <FormikFieldWrapper\n                inPlaceError\n                type=\"password\"\n                name=\"confirmation\"\n                componentType=\"input\"\n                labelComponent=\"Confirm Password\"\n                data-cy=\"confirmPassword\"\n              />\n              <div className=\"flex\">\n                <FormikFieldWrapper\n                  name=\"subscribeMail\"\n                  componentType=\"checkbox\"\n                  size=\"sm\"\n                  data-cy=\"sendEmailTips\"\n                  labelComponent={\n                    <Label placement=\"left\" normalFontWeight asSpan>\n                      Sure! Occasionally send me an email about Printivity tips and deals.\n                    </Label>\n                  }\n                />\n              </div>\n              <Grid.Row>\n                {formikProps.isSubmitting ? (\n                  <Loader />\n                ) : (\n                  <Button\n                    className=\"mt-9 w-[360px] !px-0 -sm:w-[320px]\"\n                    type=\"button\"\n                    onClick={() => formikProps.submitForm()}\n                    color=\"blue\"\n                    data-cy=\"createAccountButton\"\n                  >\n                    Create An Account\n                  </Button>\n                )}\n              </Grid.Row>\n            </Form>\n          )}\n        </Formik>\n        <div className=\"text-center\">\n          <div className=\"caption my-4 text-gray-500\">or</div>\n          <Button.AsNativeLink\n            className=\"w-full !px-0\"\n            buttonType=\"link\"\n            color=\"dark\"\n            outline\n            target={signInPath}\n            size=\"sm\"\n            dataCy=\"signInButton\"\n          >\n            Sign In\n          </Button.AsNativeLink>\n        </div>\n        <div className=\"caption mt-9 border-t border-solid border-gray-50 pt-9 text-gray-500 -sm:mb-4\">\n          By creating an account, you are agreeing to our{' '}\n          <Link\n            to={termsAndConditionsPath}\n            color=\"blue\"\n            underline=\"none\"\n            className=\"!font-hvRoman !text-xs !font-normal !leading-4\"\n          >\n            Terms and Conditions\n          </Link>{' '}\n          and{' '}\n          <Link\n            to={privacyPath}\n            color=\"blue\"\n            underline=\"none\"\n            className=\"!font-hvRoman !text-xs !font-normal !leading-4\"\n          >\n            Privacy Policy\n          </Link>\n          .\n        </div>\n      </FormWrapper>\n    </>\n  );\n};\nexport default SignUpPage;\n","import * as React from 'react';\nimport { Helmet } from 'react-helmet-async';\nimport { Faq } from 'bundles/App/pages/HelpCenter/types';\n\nexport type RobotsType =\n  | 'all'\n  | 'noindex'\n  | 'nofollow'\n  | 'index'\n  | 'follow'\n  | 'none'\n  | 'noarchive'\n  | 'nosnippet'\n  | 'notranslate'\n  | 'noimageindex';\n\ninterface Props {\n  title: string;\n  description?: string;\n  keywords?: string;\n  canonical?: string;\n  robots?: RobotsType[];\n  faqs?: Faq[];\n}\n\nconst createFaqJson = (faqs: Faq[]): string =>\n  JSON.stringify({\n    '@context': `https://schema.org`,\n    '@type': 'FAQPage',\n    mainEntity: faqs.map(faq => ({\n      '@type': 'Question',\n      name: faq.question,\n      acceptedAnswer: {\n        '@type': 'Answer',\n        text: faq.answer,\n      },\n    })),\n  });\n\nconst Meta = ({ canonical, description, faqs, keywords, robots, title }: Props) => (\n  <Helmet>\n    <title>{title}</title>\n    {!!description && <meta name=\"description\" content={description} />}\n    {!!keywords && <meta name=\"keywords\" content={keywords} />}\n    {!!canonical && <link rel=\"canonical\" href={canonical} />}\n    {!!robots && <meta name=\"robots\" content={[...robots].join(',')} />}\n    {!!faqs && <script type=\"application/ld+json\">{createFaqJson(faqs)}</script>}\n  </Helmet>\n);\nexport default Meta;\n","import * as React from 'react';\nimport cn from 'classnames';\nimport * as css from './Field.scss';\nimport Grid from 'styleguide/components/Grid/Grid';\n\nconst Heading = ({ heading, headingClassName }) => {\n  if (!heading) {\n    return null;\n  }\n\n  if (typeof heading === 'string') {\n    return (\n      <Grid.Col sm={12} md={12} className={headingClassName}>\n        <p className={cn(css.formHeading)}>{heading}</p>\n      </Grid.Col>\n    );\n  }\n\n  return heading; // react node\n};\n\ninterface Props {\n  children?: React.ReactNodeArray;\n  heading?: string;\n  className?: string;\n  leftFieldClassName?: string;\n  rightFieldClassName?: string;\n  headingClassName?: string;\n  firstColumnWidth?: number;\n  secondColumnWidth?: number;\n}\n\nconst TwoColumnFormField = ({\n  heading,\n  headingClassName,\n  leftFieldClassName,\n  rightFieldClassName,\n  firstColumnWidth,\n  secondColumnWidth,\n  children,\n  ...props\n}: Props) => (\n  <Grid.Row className={cn(css.zeroMarginPadding, props.className)}>\n    <Heading heading={heading} headingClassName={headingClassName} />\n    <Grid.Col sm={12} md={firstColumnWidth || 6} className={cn(leftFieldClassName)}>\n      {children[0]}\n    </Grid.Col>\n    <Grid.Col sm={12} md={secondColumnWidth || 6} className={cn(rightFieldClassName)}>\n      {children[1]}\n    </Grid.Col>\n  </Grid.Row>\n);\n\nexport default TwoColumnFormField;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"Field__formHeading__Pokwc\";\nvar _2 = \"Field__zeroMarginPadding__AbaH5\";\nexport { _1 as \"formHeading\", _2 as \"zeroMarginPadding\" }\n"],"names":["SignUpFormSchema","object","shape","email","string","strict","trim","required","firstName","lastName","password","ensure","test","value","length","confirmation","when","is","then","schema","oneOf","otherwise","ref","subscribeMail","boolean","userContext","React","UserContext","appContext","AppContext","location","useLocation","Meta","title","description","keywords","canonical","robots","FormWrapper","signUp","H4","className","Formik","initialValues","onSubmit","values","_ref","setErrors","setSubmitting","setStatus","postUsers","res","_location$state","_location$state2","updateFormikStatus","status","Status","Ok","logIn","payload","user","state","from","isProductPage","store","cmsPages","signUpSuccess","logged_in","validationSchema","formikProps","Form","TwoColumnFormField","leftFieldClassName","rightFieldClassName","heading","FormikFieldWrapper","inPlaceError","name","componentType","labelComponent","inputClassName","type","size","Label","placement","normalFontWeight","asSpan","Grid","Row","isSubmitting","Loader","Button","onClick","submitForm","color","AsNativeLink","buttonType","outline","target","signInPath","dataCy","Link","to","termsAndConditionsPath","underline","privacyPath","faqs","Helmet","content","rel","href","_toConsumableArray","join","JSON","stringify","mainEntity","map","faq","question","acceptedAnswer","text","answer","createFaqJson","Heading","headingClassName","Col","sm","md","cn","css","_ref2","firstColumnWidth","secondColumnWidth","children","props","_objectWithoutProperties","_excluded","_1","_2"],"sourceRoot":""}