{"version":3,"file":"static/chunks/pages/auth/sign-up-ce79655f1fbe550e.js","mappings":"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","sources":["webpack://_N_E/?f153","webpack://_N_E/./src/components/auth-page-layout/auth-page-layout.tsx","webpack://_N_E/./src/pages/auth/sign-up.tsx","webpack://_N_E/./node_modules/@hookform/resolvers/dist/resolvers.mjs","webpack://_N_E/./node_modules/@hookform/resolvers/yup/dist/yup.mjs"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/auth/sign-up\",\n      function () {\n        return require(\"private-next-pages/auth/sign-up.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/auth/sign-up\"])\n      });\n    }\n  ","import { CenterWrapper, Icon, Text } from 'components/ui';\nimport { FC } from 'react';\nimport styled from 'styled-components';\nimport { breakpoints } from 'styles/breakpoints';\nimport { globalTheme } from 'styles/global-theme';\n\nconst Container = styled.div`\n  display: grid;\n  grid-template-columns: minmax(400px, 20%) 1fr;\n  height: 100%;\n\n  @media screen and (max-width: ${breakpoints.medium}) {\n    grid-template-rows: 333px 1fr;\n    grid-template-columns: 1fr;\n  }\n`;\n\nconst SizzleContainer = styled.div`\n  display: grid;\n  align-content: center;\n  justify-items: center;\n  padding: 84px 84px 0;\n  background: linear-gradient(\n      0deg,\n      rgba(1, 0, 80, 0.7) 0%,\n      rgba(1, 0, 80, 0.7) 100%\n    ),\n    linear-gradient(0deg, #010136 11.99%, rgba(1, 1, 54, 0) 50%),\n    center / cover no-repeat url('/images/auth-page-background.jpg');\n\n  @media screen and (max-width: ${breakpoints.medium}) {\n    align-content: center;\n    padding: 0;\n  }\n`;\n\nconst StyledLogo = styled(Icon)`\n  width: 200px;\n  height: 120px;\n`;\n\nconst SizzleText = styled(Text)`\n  display: block;\n  width: 100%;\n  margin: 115px 0 0;\n\n  @media screen and (max-width: ${breakpoints.medium}) {\n    display: none;\n  }\n`;\n\nconst PerkList = styled.ul`\n  display: grid;\n  gap: ${globalTheme.space[2]};\n  margin: 80px 0 0;\n\n  @media screen and (max-width: ${breakpoints.medium}) {\n    margin: 40px 0 0;\n  }\n`;\n\nconst PerkItem = styled.li`\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: ${globalTheme.space[0]};\n  align-items: center;\n`;\n\nconst ContentContainer = styled.div`\n  padding: 0 ${globalTheme.space[1]};\n  background-color: ${globalTheme.colors.neutral};\n`;\n\nconst StyledCenterWrapper = styled(CenterWrapper)`\n  @media screen and (max-width: ${breakpoints.medium}) {\n    align-items: flex-start;\n  }\n`;\n\nexport const AuthPageLayout: FC = ({ children }) => (\n  <Container>\n    <SizzleContainer>\n      <StyledLogo component='AgoraLogoWithText' dontFill />\n      <SizzleText color='pink' fontSize={7} textAlign='center'>\n        Build a trusted network & increase your market access\n      </SizzleText>\n      <PerkList>\n        <PerkItem>\n          <Icon component='CheckCircleIcon' color='white' />\n          <Text color='white' fontWeight={'light'}>\n            Create and manage your prices\n          </Text>\n        </PerkItem>\n        <PerkItem>\n          <Icon component='CheckCircleIcon' color='white' />\n          <Text color='white' fontWeight={'light'}>\n            Control who sees your prices\n          </Text>\n        </PerkItem>\n        <PerkItem>\n          <Icon component='CheckCircleIcon' color='white' />\n          <Text color='white' fontWeight={'light'}>\n            Send and receive offers\n          </Text>\n        </PerkItem>\n        <PerkItem>\n          <Icon component='CheckCircleIcon' color='white' />\n          <Text color='white' fontWeight={'light'}>\n            Get signed offers from sellers\n          </Text>\n        </PerkItem>\n      </PerkList>\n    </SizzleContainer>\n    <ContentContainer>\n      <StyledCenterWrapper>{children}</StyledCenterWrapper>\n    </ContentContainer>\n  </Container>\n);\n","import { logger } from '@hatchd/utils';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport { useMutation } from '@tanstack/react-query';\nimport axios from 'axios';\nimport { AuthPageLayout } from 'components/auth-page-layout/auth-page-layout';\nimport { Layout } from 'components/layout';\nimport {\n  Button,\n  Grid,\n  Heading,\n  Icon,\n  Input,\n  Message,\n  Stack,\n  Text,\n} from 'components/ui';\nimport { ApiClient } from 'lib/api/client';\nimport { UserRegisterBuyer } from 'lib/api/generated';\nimport { getFormFieldErrorsFromResponse } from 'lib/helpers';\nimport { NextPage } from 'next';\nimport { useRouter } from 'next/dist/client/router';\nimport { useForm } from 'react-hook-form';\nimport { toast } from 'react-toastify';\nimport { PATHS } from 'settings/config';\nimport styled from 'styled-components';\nimport { breakpoints } from 'styles/breakpoints';\nimport * as yup from 'yup';\nimport { globalTheme } from '../../styles/global-theme';\nimport { Link } from '../../components/link';\n\ninterface SignUpPageProps {}\n\ntype FormData = UserRegisterBuyer;\n\nconst StyledHeading = styled(Heading)`\n  display: block;\n  font-weight: 600;\n  font-size: 64px;\n\n  @media screen and (max-width: ${breakpoints.medium}) {\n    display: none;\n  }\n\n  @media screen and (max-width: ${breakpoints.xLarge}) {\n    font-size: 48px;\n  }\n`;\n\nconst ButtonContainer = styled.div`\n  display: 'flex';\n  justify-content: 'space-between';\n`;\n\nconst LinkWrap = styled.div`\n  padding-top: ${globalTheme.space[0]};\n`;\n\nconst schema = yup.object().shape({\n  email: yup\n    .string()\n    .email('Please enter a valid email address')\n    .required('Please enter your email address'),\n  password: yup.string().required('Please enter a password'),\n  confirm_password: yup\n    .string()\n    .test('passwords-match', 'Passwords must match', function (value) {\n      return this.parent.password === value;\n    }),\n  firstname: yup.string().required('Please enter your name'),\n  lastname: yup.string().required('Please enter your last name'),\n  mobile: yup.string().required('Please enter your mobile number'),\n  phone: yup.string().nullable(),\n});\n\nconst SignUpPage: NextPage<SignUpPageProps> = () => {\n  const router = useRouter();\n\n  const mutation = useMutation((userRegisterBuyer: UserRegisterBuyer) =>\n    new ApiClient().registerApi.userRegisterCreate({ userRegisterBuyer })\n  );\n\n  const {\n    register,\n    handleSubmit,\n    setError,\n    formState: { errors, isSubmitting },\n  } = useForm<FormData>({ resolver: yupResolver(schema) });\n\n  const onSubmit = async ({ phone: phoneData, mobile, ...data }: FormData) => {\n    // Set empty phone to undefined so these values aren't included in the data sent to the API\n    const phone = phoneData || undefined;\n\n    try {\n      await mutation.mutateAsync({\n        ...data,\n        phone,\n        mobile,\n      });\n\n      router.push(PATHS.auth.verification);\n    } catch (error) {\n      if (!axios.isAxiosError(error)) return;\n\n      if (error.response) {\n        // Handle server errors\n        if (error.response.status === 500) {\n          logger.error('500 Error');\n          toast.error('Something has gone wrong, please try again later');\n        }\n\n        // Handle validation errors\n        if (error.response.data.code === 'VALIDATION_ERROR') {\n          logger.error('Validation error');\n\n          // Map errors returned to relevant form fields\n          const errors = getFormFieldErrorsFromResponse<FormData>(\n            error.response.data.errors\n          );\n          errors.forEach(({ field, message }) => setError(field, { message }));\n        }\n      }\n    }\n  };\n\n  const handleBackToLogin = () => {\n    router.push(PATHS.auth.logIn);\n  };\n\n  return (\n    <Layout meta={{ title: 'Sign up' }}>\n      <AuthPageLayout>\n        <Stack space={3}>\n          <StyledHeading level='h1'>\n            Create an Agora Livestock account\n          </StyledHeading>\n          <form onSubmit={handleSubmit(onSubmit)}>\n            <Stack space={2}>\n              <Grid columns={2} stackOnSmall gap={2}>\n                <Input\n                  id='firstname'\n                  type='firstname'\n                  label='First name'\n                  placeholder='Calvin'\n                  state={errors.firstname && 'error'}\n                  message={errors.firstname?.message}\n                  {...register('firstname')}\n                  data-cy='firstNameSignupField'\n                />\n                <Input\n                  id='lastname'\n                  type='lastname'\n                  label='Last name'\n                  placeholder='Broadus'\n                  state={errors.lastname && 'error'}\n                  message={errors.lastname?.message}\n                  {...register('lastname')}\n                  data-cy='lastNameSignupField'\n                />\n              </Grid>\n              <Input\n                id='email'\n                type='email'\n                label='Email'\n                placeholder='calvin@email.com'\n                state={errors.email && 'error'}\n                message={errors.email?.message}\n                {...register('email')}\n                data-cy='emailSignupField'\n              />\n              <Grid columns={2} stackOnSmall gap={2}>\n                <Input\n                  id='mobile'\n                  type='mobile'\n                  label='Mobile'\n                  placeholder='0451 553 453'\n                  state={errors.mobile && 'error'}\n                  message={errors.mobile?.message}\n                  {...register('mobile')}\n                  data-cy='mobileSignupField'\n                />\n                <Input\n                  id='phone'\n                  type='phone'\n                  label='Phone'\n                  placeholder='9733 3737'\n                  state={errors.phone && 'error'}\n                  message={errors.phone?.message}\n                  {...register('phone')}\n                  data-cy='phoneSignupField'\n                />\n              </Grid>\n              <Message backgroundColor='neutralLight'>\n                <Grid columns='min-content 1fr' gap={1} alignItems='center'>\n                  <Icon component='AlertIcon' size={2} />\n                  <Text fontSize={0} textAlign='left'>\n                    Please make sure your email address and mobile number are\n                    accurate for verification purposes.\n                  </Text>\n                </Grid>\n              </Message>\n              <Grid columns={2} stackOnSmall gap={2}>\n                <Input\n                  id='password'\n                  type='password'\n                  label='Create password'\n                  placeholder='********'\n                  state={errors.password && 'error'}\n                  message={errors.password?.message}\n                  {...register('password')}\n                  data-cy='passwordSignupField'\n                />\n                <Input\n                  id='confirm_password'\n                  type='password'\n                  label='Confirm password'\n                  placeholder='********'\n                  state={errors.confirm_password && 'error'}\n                  message={errors.confirm_password?.message}\n                  {...register('confirm_password')}\n                  data-cy='confirmPasswordSignupField'\n                />\n              </Grid>\n              <ButtonContainer>\n                <Button\n                  type='submit'\n                  isLoading={isSubmitting}\n                  data-cy='createAccountButton'\n                >\n                  Create account\n                </Button>\n              </ButtonContainer>\n              <LinkWrap>\n                <Link href={PATHS.auth.logIn}>\n                  <a data-cy='createAccountButton'>Back to login</a>\n                </Link>\n              </LinkWrap>\n            </Stack>\n          </form>\n        </Stack>\n      </AuthPageLayout>\n    </Layout>\n  );\n};\n\nexport default SignUpPage;\n","import{get as r,set as i}from\"react-hook-form\";var e=function(i,e,t){if(i&&\"reportValidity\"in i){var f=r(t,e);i.setCustomValidity(f&&f.message||\"\"),i.reportValidity()}},t=function(r,i){var t=function(t){var f=i.fields[t];f&&f.ref&&\"reportValidity\"in f.ref?e(f.ref,t,r):f.refs&&f.refs.forEach(function(i){return e(i,t,r)})};for(var f in i.fields)t(f)},f=function(e,f){f.shouldUseNativeValidation&&t(e,f);var o={};for(var a in e){var n=r(f.fields,a);i(o,a,Object.assign(e[a],{ref:n&&n.ref}))}return o};export{f as toNestError,t as validateFieldsNatively};\n//# sourceMappingURL=resolvers.module.js.map\n","import{validateFieldsNatively as e,toNestError as t}from\"@hookform/resolvers\";import{appendErrors as r}from\"react-hook-form\";var o=function(o,n,a){return void 0===n&&(n={}),void 0===a&&(a={}),function(s,i,c){try{return Promise.resolve(function(t,r){try{var u=(n.context&&\"development\"===process.env.NODE_ENV&&console.warn(\"You should not used the yup options context. Please, use the 'useForm' context object instead\"),Promise.resolve(o[\"sync\"===a.mode?\"validateSync\":\"validate\"](s,Object.assign({abortEarly:!1},n,{context:i}))).then(function(t){return c.shouldUseNativeValidation&&e({},c),{values:a.rawValues?s:t,errors:{}}}))}catch(e){return r(e)}return u&&u.then?u.then(void 0,r):u}(0,function(e){if(!e.inner)throw e;return{values:{},errors:t((o=e,n=!c.shouldUseNativeValidation&&\"all\"===c.criteriaMode,(o.inner||[]).reduce(function(e,t){if(e[t.path]||(e[t.path]={message:t.message,type:t.type}),n){var o=e[t.path].types,a=o&&o[t.type];e[t.path]=r(t.path,n,e,t.type,a?[].concat(a,t.message):t.message)}return e},{})),c)};var o,n}))}catch(e){return Promise.reject(e)}}};export{o as yupResolver};\n//# sourceMappingURL=yup.module.js.map\n"],"names":["window","__NEXT_P","push","__webpack_require__","Container","styled","div","withConfig","breakpoints","medium","SizzleContainer","StyledLogo","Icon","SizzleText","Text","PerkList","ul","globalTheme","space","PerkItem","li","ContentContainer","colors","neutral","StyledCenterWrapper","CenterWrapper","AuthPageLayout","children","param","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsxs","jsx","component","dontFill","color","fontSize","textAlign","fontWeight","StyledHeading","Heading","xLarge","ButtonContainer","LinkWrap","schema","yup","shape","email","required","password","confirm_password","test","value","parent","firstname","lastname","mobile","phone","nullable","__webpack_exports__","errors","router","useRouter","mutation","useMutation","ApiClient","registerApi","userRegisterCreate","userRegisterBuyer","register","handleSubmit","setError","formState","isSubmitting","useForm","resolver","yupResolver","onSubmit","phoneData","data","mutateAsync","undefined","PATHS","auth","verification","error","axios","response","status","logger","toast","code","getFormFieldErrorsFromResponse","forEach","field","message","Layout","meta","title","Stack","level","form","Grid","columns","stackOnSmall","gap","Input","id","type","label","placeholder","state","data-cy","Message","backgroundColor","alignItems","size","Button","isLoading","Link","href","logIn","a","e","i","t","f","index_esm","U2","setCustomValidity","reportValidity","resolvers_t","r","fields","ref","refs","shouldUseNativeValidation","o","n","t8","Object","assign","s","c","Promise","resolve","u","context","mode","abortEarly","then","values","rawValues","inner","criteriaMode","reduce","path","types","KN","concat","reject"],"sourceRoot":""}