https://app.order41.com/_next/static/chunks/4927-68c5cfdd9eb23f73.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4927],{4927:function(e,n,t){t.r(n);var i=t(82729),r=t(85893),a=t(67294),o=t(11163),s=t(19521),c=t(12721),l=t(54319),u=t(46045),d=t(80982),x=t(39403),p=t(8663),h=t(1637),g=t(32737),y=t(18318),v=t(78833),m=t(91269),j=t(54647),f=t(10230),b=t(4179);function Z(){let e=(0,i._)(["\n  display: flex;\n  justify-content: center;\n  gap: 8px;\n\n  [data-scope='pin-input'][data-part='input'] {\n    text-align: center;\n    width: 42px;\n    height: 42px;\n    border: 1px solid var(--accents-2);\n    border-radius: 5px;\n    font-size: inherit;\n    font-family: inherit;\n    line-height: 1.4;\n    padding: 8px 12px;\n  }\n"]);return Z=function(){return e},e}let S=(0,s.ZP)(c.ET).withConfig({componentId:"sc-9b1ea8c2-0"})(Z());function k(){let e=(0,o.useRouter)(),n=(0,p.pm)(),[t,i]=(0,a.useState)(null),s=(0,a.useMemo)(()=>{var n;return null===(n=e.query)||void 0===n?void 0:n.urlkey},[e.query]),c=(0,a.useMemo)(()=>{var n;return null===(n=e.query)||void 0===n?void 0:n.inviter},[e.query]),Z=(0,a.useMemo)(()=>{var n;return null===(n=e.query)||void 0===n?void 0:n.connection},[e.query]),k=(0,a.useMemo)(()=>{var n;return null===(n=e.query)||void 0===n?void 0:n.email},[e.query]),q=(0,a.useCallback)(async(e,t)=>{let{isValid:r,formData:a,actions:o}=e;if(r){o.setSubmitting(!0);try{let{accountType:e,email:n,password:r,inviter:o}=a,{signup:s}=await (0,d.Z)(["\n        mutation SignUp($input: SignupInput) {\n          signup(input: $input) {\n            urlkey\n          }\n        }\n      ",{input:{accountType:e,email:n,password:r,acceptTerms:!0,acceptNewsletter:!0,inviter:o||void 0,connection:Z||void 0}}]);i(s.urlkey),t.target.reset()}catch(e){n({variant:"danger",content:null==e?void 0:e.message})}finally{o.setSubmitting(!1)}}},[]),C=(0,a.useCallback)(async e=>{let{isValid:t,formData:i,actions:r}=e;if(t){r.setSubmitting(!0);try{let{urlkey:e}=i;await (0,d.Z)(["\n        mutation ResendSignupVerificationEmail($urlkey: String!) {\n          resendSignupVerificationEmail(urlkey: $urlkey) {\n            urlkey\n          }\n        }\n      ",{urlkey:e}])}catch(e){n({variant:"danger",content:null==e?void 0:e.message})}finally{r.setSubmitting(!1)}}},[]);return(0,a.useEffect)(()=>{s&&!t&&i(s)},[s]),(0,r.jsx)(j.Z,{title:t?"Account Verification":(0,r.jsxs)(r.Fragment,{children:["Create Your",(0,r.jsx)("br",{}),"Order41 Account"]}),children:(0,r.jsxs)(h.FA,{gap:"32px",children:[(0,r.jsx)(h.FA,{gap:"16px",children:t?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(m.Z,{fontSize:"14px",textAlign:"center",sx:{textWrap:"balance"},children:"We sent you a verification request. Enter the digits to complete your account creation."}),(0,r.jsx)(S,{otp:!0,autoFocus:!0,asChild:!0,onComplete:n=>{let{valueAsString:i}=n,r="";r=e.query.next?"/auth/signup/confirm?urlkey=".concat(t,"&otp=").concat(i,"&next=").concat(e.query.next):"/auth/signup/confirm?urlkey=".concat(t,"&otp=").concat(i),e.replace(r)},children:(0,r.jsxs)(l.r,{children:[(0,r.jsx)(u.s,{index:0}),(0,r.jsx)(u.s,{index:1}),(0,r.jsx)(u.s,{index:2}),(0,r.jsx)(u.s,{index:3}),(0,r.jsx)(u.s,{index:4}),(0,r.jsx)(u.s,{index:5})]})})]}):(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(f.Z,{onSubmit:q,children:e=>{var n,t;let{errors:i,isSubmitting:a}=e;return(0,r.jsxs)(h.FA,{gap:"16px",children:[(0,r.jsx)("input",{type:"hidden",name:"accountType",value:"SELLER"}),(0,r.jsx)("input",{type:"hidden",name:"inviter",value:c}),(0,r.jsxs)(y.Z,{children:[(0,r.jsxs)(y.Z.Label,{children:["Enter your email ",(0,r.jsx)(m.Z,{"aria-hidden":"true",children:"*"})]}),(0,r.jsx)(v.Z,{type:"email",name:"email",defaultValue:k,autoFocus:!0,required:!0}),(0,r.jsx)(y.Z.Validity,{children:null==i?void 0:null===(n=i.email)||void 0===n?void 0:n.validationMessage})]}),(0,r.jsxs)(y.Z,{children:[(0,r.jsxs)(y.Z.Label,{children:["Create a password ",(0,r.jsx)(m.Z,{"aria-hidden":"true",children:"*"})]}),(0,r.jsx)(v.Z,{type:"password",name:"password",required:!0}),(0,r.jsx)(y.Z.Validity,{children:null==i?void 0:null===(t=i.password)||void 0===t?void 0:t.validationMessage})]}),(0,r.jsx)(g.Z,{isLoading:a,"data-ga-click":JSON.stringify({category:"Sign Up",action:'Submit "Create account"'}),sx:{width:"100%"},children:"Create account"})]})}})})}),t?(0,r.jsx)(f.Z,{onSubmit:C,children:e=>{let{isSubmitting:n}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("input",{type:"hidden",name:"urlkey",value:t}),(0,r.jsxs)(m.Z,{as:"p",sx:{fontSize:"12px",textAlign:"center",color:"var(--accents-5)"},children:["Haven't received a verification request?"," ",(0,r.jsx)(x.Z,{as:"button",disabled:n,"data-ga-click":JSON.stringify({category:"Sign Up",action:"Resend verification request"}),sx:{appearance:"none",background:"transparent",border:0,fontSize:"inherit",color:"currentColor",textDecoration:"underline",p:0,cursor:"pointer"},children:"Resend"})]})]})}}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(m.Z,{sx:{fontSize:"12px",color:"var(--accents-5)",textAlign:"center",textWrap:"balance"},children:["By joining, you agree to our"," ",(0,r.jsx)(b.Z,{href:"https://order41.c

1om/terms-of-service",target:"_blank",sx:{color:"currentColor",textDecoration:"underline"},children:"Terms of Service"})," ","and"," ",(0,r.jsx)(b.Z,{href:"https://order41.com/privacy-policy",target:"blank",sx:{color:"currentColor",textDecoration:"underline"},children:"Privacy Policy"})]}),(0,r.jsxs)(m.Z,{sx:{fontSize:"12px",textAlign:"center",color:"var(--accents-5)"},children:["Already have an account?"," ",(0,r.jsx)(b.Z,{href:"/auth/login/password",sx:{color:"currentColor",textDecoration:"underline"},children:"Log in"})]})]})]})})}k.requireAuth=!1,k.meta={title:"Join Order41"},n.default=k}}]);