https://reetail.store/_next/static/chunks/pages/auth/signup-5ce5c524071797e9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5613],{12120:function(e,r,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/auth/signup",function(){return n(360)}])},360:function(e,r,n){"use strict";n.r(r),n.d(r,{default:function(){return S}});var a=n(85893),s=n(90273),t=n(38049),l=n(39371),o=n(33090),i=n(36948),c=n(55227),u=n(16554),d=n(77030),m=n(33179),h=n(69417),f=n(25432),[p,x]=(0,c.k)({name:"FormErrorStylesContext",errorMessage:"useFormErrorStyles returned is 'undefined'. Seems you forgot to wrap the components in \"<FormError />\" "}),v=(0,u.G)(((e,r)=>{const n=(0,d.jC)("FormError",e),s=(0,m.Lr)(e),l=(0,t.NJ)();return(null==l?void 0:l.isInvalid)?(0,a.jsx)(p,{value:n,children:(0,a.jsx)(h.m.div,{...null==l?void 0:l.getErrorMessageProps(s,r),className:(0,f.cx)("chakra-form__error-message",e.className),__css:{display:"flex",alignItems:"center",...n.text}})}):null}));v.displayName="FormErrorMessage",(0,u.G)(((e,r)=>{const n=x(),s=(0,t.NJ)();if(!(null==s?void 0:s.isInvalid))return null;const l=(0,f.cx)("chakra-form__error-icon",e.className);return(0,a.jsx)(i.J,{ref:r,"aria-hidden":!0,...e,__css:n.icon,className:l,children:(0,a.jsx)("path",{fill:"currentColor",d:"M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"})})})).displayName="FormErrorIcon";var g=n(22338),N=n(27239),_=n(48783),j=n(22757),y=n(93108),w=n(71293),b=n(5121),C=n(67294);const I=e=>{let{label:r,onChange:n,error:s,placeholder:i,type:c="text"}=e;const u=!!s;return(0,a.jsxs)(t.NI,{isInvalid:u,children:[(0,a.jsx)(l.l,{children:r}),(0,a.jsx)(o.I,{placeholder:i,type:c,onChange:n}),u&&(0,a.jsx)(v,{children:s})]})};var S=()=>{const[e,r]=(0,C.useState)(""),[n,l]=(0,C.useState)(""),[o,i]=(0,C.useState)(""),[c,u]=(0,C.useState)(!1),[d,m]=(0,C.useState)("");(0,C.useEffect)((()=>{const r=/^\S+@\S+\.\S+$/.test(e);m(r?"":"Please enter a valid email")}),[e]);return(0,a.jsx)(g.W,{maxW:300,h:"100vh",children:(0,a.jsx)(N.M,{h:"100vh",w:"full",justifyContent:"center",children:c?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(w.x,{children:"Successfully signed up!"}),(0,a.jsx)(y.z,{colorScheme:"brand",rightIcon:(0,a.jsx)(s.m,{}),onClick:()=>{window.open("https://dashboard.stripe.com/apps-oauth/com.saasbase.reetailapp")},children:"Open Reetail app"})]}):(0,a.jsx)(t.NI,{children:(0,a.jsxs)(_.g,{w:"full",children:[(0,a.jsx)(j.X,{fontSize:"lg",children:"Sign up for Reetail"}),(0,a.jsx)(I,{label:"Email",placeholder:"[email protected]",type:"email",onChange:e=>{r(e.target.value)},error:d}),(0,a.jsx)(I,{label:"Password",placeholder:"elontusk123",type:"password",onChange:e=>{l(e.target.value)},error:""}),(0,a.jsx)(I,{label:"Verify Password",placeholder:"elontusk123",type:"password",onChange:e=>{i(e.target.value)},error:""}),(0,a.jsx)(y.z,{colorScheme:"brand",size:"sm",onClick:async()=>{if(!e||!n||!o)return void alert("Please enter your email and password");if(n!==o)return void alert("Passwords do not match");if(0<n.length&&n.length<8)return void alert("Password must be at least 8 characters");200===(await b.Z.post("/api/users",{email:e,passwordHash:n})).status&&u(!0)},rightIcon:(0,a.jsx)(s.m,{}),children:"Sign up"})]})})})})}},39371:function(e,r,n){"use strict";n.d(r,{l:function(){return u}});var a=n(38049),s=n(16554),t=n(77030),l=n(33179),o=n(69417),i=n(25432),c=n(85893),u=(0,s.G)((function(e,r){var n;const s=(0,t.mq)("FormLabel",e),u=(0,l.Lr)(e),{className:m,children:h,requiredIndicator:f=(0,c.jsx)(d,{}),optionalIndicator:p=null,...x}=u,v=(0,a.NJ)(),g=null!=(n=null==v?void 0:v.getLabelProps(x,r))?n:{ref:r,...x};return(0,c.jsxs)(o.m.label,{...g,className:(0,i.cx)("chakra-form__label",u.className),__css:{display:"block",textAlign:"start",...s},children:[h,(null==v?void 0:v.isRequired)?f:p]})}));u.displayName="FormLabel";var d=(0,s.G)((function(e,r){const n=(0,a.NJ)(),s=(0,a.e)();if(!(null==n?void 0:n.isRequired))return null;const t=(0,i.cx)("chakra-form__required-indicator",e.className);return(0,c.jsx)(o.m.span,{...null==n?void 0:n.getRequiredIndicatorProps(e,r),__css:s.requiredIndicator,className:t})}));d.displayName="RequiredIndicator"},24027:function(e,r,n){"use strict";n.d(r,{I:function(){return o}});var a=n(36948),s=n(16554),t=n(67294),l=n(85893);function o(e){const{viewBox:r="0 0 24 24",d:n,displayName:o,defaultProps:i={}}=e,c=t.Children.toArray(e.path),u=(0,s.G)(((e,s)=>(0,l.jsx)(a.J,{ref:s,viewBox:r,...i,...e,children:c.length?c:(0,l.jsx)("path",{fill:"currentColor",d:n})})));return u.displayName=o,u}},90273:function(e,r,n){"use strict";n.d(r,{m:function(){return a}});var a=(0,n(24027).I)({d:"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z",displayName:"ArrowF

1orwardIcon"})},22338:function(e,r,n){"use strict";n.d(r,{W:function(){return c}});var a=n(16554),s=n(33179),t=n(77030),l=n(69417),o=n(25432),i=n(85893),c=(0,a.G)((function(e,r){const{className:n,centerContent:a,...c}=(0,s.Lr)(e),u=(0,t.mq)("Container",e);return(0,i.jsx)(l.m.div,{ref:r,className:(0,o.cx)("chakra-container",n),...c,__css:{...u,...a&&{display:"flex",flexDirection:"column",alignItems:"center"}}})}));c.displayName="Container"},22757:function(e,r,n){"use strict";n.d(r,{X:function(){return c}});var a=n(16554),s=n(77030),t=n(33179),l=n(69417),o=n(25432),i=n(85893),c=(0,a.G)((function(e,r){const n=(0,s.mq)("Heading",e),{className:a,...c}=(0,t.Lr)(e);return(0,i.jsx)(l.m.h2,{ref:r,className:(0,o.cx)("chakra-heading",e.className),...c,__css:n})}));c.displayName="Heading"},27239:function(e,r,n){"use strict";n.d(r,{M:function(){return l}});var a=n(69417),s=n(16554),t=n(85893),l=(0,a.m)("div",{baseStyle:{display:"flex",alignItems:"center",justifyContent:"center"}});l.displayName="Center";var o={horizontal:{insetStart:"50%",transform:"translateX(-50%)"},vertical:{top:"50%",transform:"translateY(-50%)"},both:{insetStart:"50%",top:"50%",transform:"translate(-50%, -50%)"}};(0,s.G)((function(e,r){const{axis:n="both",...s}=e;return(0,t.jsx)(a.m.div,{ref:r,__css:o[n],...s,position:"absolute"})}))}},function(e){e.O(0,[8657,9774,2888,179],(function(){return r=12120,e(e.s=r);var r}));var r=e.O();_N_E=r}]);