https://platform.shoffi.app/_next/static/chunks/pages/signup/appowner-7e30dcaca9347a70.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9932],{2535:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/signup/appowner",function(){return s(8374)}])},6682:function(e,t,s){"use strict";s.d(t,{Z:function(){return l}});var i=s(5893);s(7294);var a=s(1221),r=s(3426);function l(e){let{content:t,isMatch:s}=e;var l=[];s&&l.push("Passwords do not match");for(let e=0;e<t.length;e++)l.push(t[e]);return(0,i.jsxs)(r.bZ,{variant:"warning",className:"mb-4",children:[(0,i.jsx)(a.Z,{className:"h-4 w-4"}),(0,i.jsx)(r.Cd,{children:"Missing fields"}),(0,i.jsx)(r.X,{children:(0,i.jsx)("ul",{className:"mt-2 list-disc space-y-1 pl-4",children:l.map((e,t)=>(0,i.jsx)("li",{children:e},t))})})]})}},2326:function(e,t,s){"use strict";s.d(t,{Z:function(){return n}});var i=s(5893),a=s(7294),r=s(6291),l=s(8794);function n(e){let{email:t,tempPass:s}=e,n=(0,a.useCallback)(()=>console.log("sended"),[]);return(0,i.jsx)(r.Z,{title:"Check your inbox",children:(0,i.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,i.jsxs)("div",{className:"text-sm leading-relaxed text-muted-foreground",children:[(0,i.jsx)("p",{children:"You are almost there! We sent an email to"}),(0,i.jsx)("p",{className:"mt-2 text-base font-medium text-foreground",children:t}),(0,i.jsxs)("p",{className:"mt-4",children:["Click on the link in the email to complete the signup.",(0,i.jsx)("br",{}),"If you can't find it, you may need to ",(0,i.jsx)("b",{children:"check your spam"})," folder."]}),(0,i.jsx)("p",{className:"mt-4",children:"Still can't find it?"})]}),(0,i.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,i.jsx)(l.z,{type:"button",onClick:n,children:"Resend Email"}),null]}),(0,i.jsxs)("p",{className:"text-sm text-muted-foreground",children:["Need help?"," ",(0,i.jsx)("a",{href:"https://shoffi.app/contact-support/",target:"_blank",rel:"noopener noreferrer",className:"font-medium text-primary underline underline-offset-4",children:"Contact us"})]})]})})}},7450:function(e,t,s){"use strict";s.d(t,{X:function(){return o}});var i=s(5893),a=s(7294),r=s(9184),l=s(5153),n=s(7865);let o=a.forwardRef((e,t)=>{let{className:s,...a}=e;return(0,i.jsx)(r.fC,{ref:t,className:(0,n.cn)("peer flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded-sm border border-primary bg-transparent text-primary-foreground ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary",s),...a,children:(0,i.jsx)(r.z$,{className:(0,n.cn)("flex items-center justify-center text-current"),children:(0,i.jsx)(l.Z,{className:"size-4 scale-150 stroke-[3]"})})})});o.displayName=r.fC.displayName},1221:function(e,t,s){"use strict";s.d(t,{Z:function(){return i}});let i=(0,s(6624).Z)("triangle-alert",[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]])},8374:function(e,t,s){"use strict";s.r(t);var i=s(5893),a=s(7294),r=s(8512),l=s(9046),n=s(4473),o=s(6682),d=s(2326),h=s(9998),c=s(7702),m=s.n(c),u=s(6291),p=s(6873),x=s(3426),f=s(8794),g=s(7450),N=s(9376),v=s(2697);class j extends a.Component{toggleMobileNavigationActive(){this.setState({mobileNavigationActive:!this.state.isToast})}handleSign(e){this.setState({clicked:!0});var t=[];if(""==this.state.email?t.push("Email is required"):this.validateEmail(this.state.email)||t.push("Email is not a valid email address"),""==this.state.password&&t.push("Password is required"),""==this.state.firstName?t.push("First name is required"):this.validateText(this.state.firstName)||t.push("First name is not valid"),""==this.state.lastName?t.push("Last name is required"):this.validateText(this.state.lastName)||t.push("Last name is not valid"),t.length>0){this.setState({content:t,isMissingFields:!0,clicked:!1}),window.scrollTo(0,0);return}this.setState({isMissingFields:!1}),n.Z.post("user/register",{role:"APP_OWNER",email:this.state.email,password:this.state.password,firstName:this.state.firstName,lastName:this.state.lastName,userName:this.state.firstName+this.state.lastName,isNotification:this.state.checked,isShoffiUpdates:!0}).then(e=>{if(e&&e.response&&429===e.response.status){this.setState({isToast:!0,toastContent:"Please try again later.",clicked:!1});return}e&&e.error?this.setState({isToast:!0,toastContent:"Nickname or email already exists",clicked:!1}):($crisp.push(["do","session:reset"]),h.Z.setCrispSession(e.user,e.signature,!0,m().PERMISSIONS_TYPES.NONE),this.setState({user:e.user,sentEmail:!0,clicked:!1}))}).catch(e=>{(0,r.logClientError)("Error:",e)})}validateEmail(e){return/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,20}$/.test(e)}validateText(e){return/^[a-zA-Z0-9 ,.'-]+$/i.test(e)}setEmail(e){this.setState({email:e,emailError:this.validateEmail(e)?null:"This email is not val

1id"})}setPassword(e){this.setState({password:e,passwordError:e.length>0&&e.length<5?"Password requires minimum 5 characters":null,passwordBar:e})}setFirstName(e){let t=null;e.length||(t="First name is required"),e.length>=20&&(t="First name requires maximum 20 characters"),this.setState({firstName:e,firstNameError:t,isFirstName:!t})}setLastName(e){let t=null;e.length||(t="Last name is required"),e.length>=20&&(t="Last name requires maximum 20 characters"),this.setState({lastName:e,lastNameError:t,isLastName:!t})}setChecked(e){this.setState({checked:!this.state.checked})}toggleToastActive(){this.setState({isToast:!this.state.isToast})}componentDidMount(){this.setState({loading:!1})}static async getInitialProps(e){return{data:{title:"App Owner Sign Up | Shoffi"}}}render(){return this.state.loading?(0,i.jsx)(p.r,{}):this.state.sentEmail?(0,i.jsx)(d.Z,{email:this.state.email}):(0,i.jsx)(u.Z,{title:"Sign Up",page:"signup",children:(0,i.jsxs)("div",{className:"flex flex-col gap-4",children:[this.state.isMissingFields?(0,i.jsx)(o.Z,{content:this.state.content,isMatch:this.state.isMatch}):null,this.state.isToast?(0,i.jsxs)(x.bZ,{variant:"destructive",children:[(0,i.jsx)(x.qs,{children:(0,i.jsx)(f.z,{variant:"ghost",size:"sm",onClick:this.toggleToastActive,className:"h-7 px-2 text-destructive hover:bg-destructive/20 hover:text-destructive",children:"Dismiss"})}),(0,i.jsx)(x.Cd,{children:"Sign up failed"}),(0,i.jsx)(x.X,{children:(0,i.jsx)("span",{children:this.state.toastContent})})]}):null,(0,i.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,i.jsx)(v._,{htmlFor:"appowner-email",children:"Account email"}),(0,i.jsx)(N.I,{id:"appowner-email",placeholder:"Enter your email",type:"email",inputMode:"email",value:this.state.email,onChange:e=>this.setEmail(e.target.value)}),this.state.emailError?(0,i.jsx)("p",{className:"text-sm text-destructive",children:this.state.emailError}):null]}),(0,i.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,i.jsx)(v._,{htmlFor:"appowner-password",children:"Password"}),(0,i.jsx)(N.I,{id:"appowner-password",type:"password",inputMode:"text",placeholder:"Enter your password",value:this.state.password,onChange:e=>this.setPassword(e.target.value)}),this.state.passwordError?(0,i.jsx)("p",{className:"text-sm text-destructive",children:this.state.passwordError}):null]}),(0,i.jsxs)("div",{className:"grid gap-4 sm:grid-cols-2",children:[(0,i.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,i.jsx)(v._,{htmlFor:"appowner-first",children:"First name"}),(0,i.jsx)(N.I,{id:"appowner-first",autoComplete:"off",type:"text",inputMode:"text",value:this.state.firstName,onChange:e=>this.setFirstName(e.target.value)}),this.state.firstNameError?(0,i.jsx)("p",{className:"text-sm text-destructive",children:this.state.firstNameError}):null]}),(0,i.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,i.jsx)(v._,{htmlFor:"appowner-last",children:"Last name"}),(0,i.jsx)(N.I,{id:"appowner-last",autoComplete:"off",type:"text",inputMode:"text",value:this.state.lastName,onChange:e=>this.setLastName(e.target.value)}),this.state.lastNameError?(0,i.jsx)("p",{className:"text-sm text-destructive",children:this.state.lastNameError}):null]})]}),(0,i.jsx)("div",{className:"h-px w-full bg-border"}),(0,i.jsxs)("div",{className:"flex items-start gap-2",children:[(0,i.jsx)(g.X,{id:"appowner-tos",checked:this.state.checked,onCheckedChange:()=>this.setChecked()}),(0,i.jsxs)(v._,{htmlFor:"appowner-tos",className:"cursor-pointer font-normal leading-relaxed",children:["I read and accept the ",(0,i.jsx)("a",{href:"https://shoffi.app/terms-of-service/",target:"_blank",rel:"noopener noreferrer",className:"font-medium text-primary underline underline-offset-4",children:"Terms Of Service"})," and"," ",(0,i.jsx)("a",{href:"https://shoffi.app/privacy-policy/",target:"_blank",rel:"noopener noreferrer",className:"font-medium text-primary underline underline-offset-4",children:"Privacy Policy"})]})]}),(0,i.jsx)(f.z,{type:"button",onClick:this.handleSign,disabled:!this.state.isFirstName||!this.state.isLastName||this.state.passwordError||!this.state.checked||this.state.clicked,children:this.state.clicked?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"h-4 w-4 animate-spin"}),"Please wait…"]}):"Sign up"})]})})}constructor(e){super(e),this.state={email:"",emailError:null,password:"",passwordError:null,firstName:"",firstNameError:null,lastName:"",lastNameError:null,checked:!1,isMissingFields:!1,content:[],isMatch:!1,sentEmail:!1,user:null,isPass:!1,isFirstName:!1,isLastName:!1,passwordBar:"",isToast:!1,toastContent:"Nickname or email already exists",loading:!0,clicked:!1,mobileNavigationActive:!1},this.setEmail=this.setEmail.bind(this),this.setPassword=this.setPassword.bind(this),this.setFirstName=this.setFirstName.bind(this),this.setLastName=this.setLastName.bind(this),this.setChecked=this.setChecked.bind(this),this.handleSign=this.handleSign.bind(this),this.validateEmail=this.validateEmail.bind(this),this.validateText=this.validateText.bind(this),this.toggleToastActive=this.toggleToastActive.bind(this),this.toggleMobileNavigationActive=this.toggleMobileNavigationActive.bind(this)}}t.default=j}},function(e){e.O(0,[7001,7936,9335,2888,9774,179],function(){return e(e.s=2535)}),_N_E=e.O()}]);