Current File : /home/opti/www/startup-life/assets/index-0df35e8f.js
import{d as E,e as F,P as g,u as R,r as h,j as e,L as j,Q as x,a as k}from"./index-5492fbe1.js";import{s as q}from"./styled-components.browser.esm-ee37ee23.js";import{L as I}from"./index-7b3a9c4a.js";import{a as B}from"./index.esm-b6fe913b.js";import{I as d}from"./index-fbb310b5.js";import{u as U}from"./index.esm-1be9f6a3.js";import{C as _}from"./index-9f42245b.js";import{P as f}from"./index-4a4c2639.js";import{C as w}from"./index-935ad37b.js";import{B as r}from"./Box-263f925f.js";import{I as V}from"./IconButton-948b78dd.js";import{G as o}from"./Grid-edacc4c9.js";import{S as Z}from"./SocialLogin-99ab5a28.js";import"./tslib.es6-ace8e431.js";import"./LogoWhite-a615c120.js";import"./iconBase-4b2ba95c.js";import"./index-2c4b8b3c.js";import"./joinClasses-adfcc520.js";import"./Menu-c26e62ae.js";import"./useFormControl-45c447f9.js";import"./useForkRef-ff55d5c8.js";import"./TransitionGroupContext-29effe25.js";import"./setPrototypeOf-0bb37fbe.js";import"./Modal-01a2ce69.js";import"./useTheme-0dfa0cbc.js";import"./useSlotProps-b42d44e4.js";import"./index-e5978b8b.js";import"./Paper-26f2abc8.js";import"./useControlled-967f9278.js";import"./createSvgIcon-6a373a0a.js";import"./createSvgIcon-b6337cf4.js";import"./ButtonBase-0400401d.js";import"./assertThisInitialized-081f9914.js";import"./InputAdornment-e7028781.js";import"./Typography-3c6a30bd.js";import"./Button-e32596e7.js";import"./Stack-05140c2d.js";const G=q.div`
width: 100%;
height: 100vh;
overflow: hidden;
box-sizing: border-box;
display: flex;
align-items: flex-start;
position: relative;
.Right {
position: relative;
width:50%;
height: 100vh;
background-color:$white_color;
overflow-y: auto;
}
.FormContain {
padding: 0 6.56rem 0 5.81rem;
}
.hero {
color: var(--secondary);
font-family: Raleway;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.subhero {
color: var(--lightText);
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.divideText {
color: var(--lightText);
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-top: 1.75rem;
margin-bottom: 1.75rem;
text-align: center;
}
.register {
color: var(--secondary, #537473);
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
margin-top: 1.75rem;
}
`,M=()=>E({mutationFn:async c=>{var a;try{return(await F.post("/auth/register",c)).data}catch(l){return(a=l.response)==null?void 0:a.data}}}),b=({setUseEmail:i})=>{const m=R(),[c,a]=h.useState(!1),[l,u]=h.useState(!1),{control:n,watch:C,handleSubmit:v}=U({mode:"onBlur"}),{mutateAsync:P,isPending:N}=M(),S=()=>a(s=>!s),z=()=>u(s=>!s),L=async s=>{const A={firstName:s==null?void 0:s.first_name,lastName:s==null?void 0:s.last_name,email:s==null?void 0:s.email,password:s==null?void 0:s.password,slackProfileId:"U011313",phoneNumber:s==null?void 0:s.phone};P(A).then(t=>{var p;if(t.statusCode===400)return(p=t==null?void 0:t.message)==null?void 0:p.map(T=>x.error(T));x.success(t==null?void 0:t.message),m("/category"),k.set("email",s==null?void 0:s.email)}).catch(t=>{console.log(t)})};return e.jsxs(r,{sx:{mt:{xs:"2rem",md:"3.87rem"}},children:[e.jsx(V,{onClick:()=>i(!1),sx:{width:"2.5rem",height:"2.5rem",boxShadow:"0px 8px 24px rgba(0, 0, 0, 0.15)",backgroundColor:"#FFF",fontSize:"1.3rem",mb:"2.06rem"},children:e.jsx(B,{})}),e.jsx("h1",{className:"hero",children:"Create an account"}),e.jsx("p",{className:"subhero",children:"Be part of us"}),e.jsxs(o,{container:!0,sx:{marginTop:"3.56rem"},children:[e.jsx(o,{xs:12,sx:{mb:"1.5rem"},item:!0,children:e.jsx(d,{name:"first_name",label:"First Name",labelSize:"1.125rem",control:n,rules:{required:"Please enter your first name"}})}),e.jsx(o,{xs:12,sx:{mb:"1.5rem"},item:!0,children:e.jsx(d,{name:"last_name",label:"Last Name",labelSize:"1.125rem",control:n,rules:{required:"Please enter your last name"}})}),e.jsx(o,{xs:12,sx:{mb:"1.5rem"},item:!0,children:e.jsx(d,{name:"email",label:"Email Address",labelSize:"1.125rem",control:n,rules:{required:"Please enter your email address",pattern:{value:/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/i,message:"Invalid email address"}},type:"email"})}),e.jsx(o,{xs:12,sx:{mb:"1.5rem"},item:!0,children:e.jsx(_,{name:"phone",label:"Phone Number",control:n,rules:{minLength:{value:10,message:"Phone number must be at least 10 characters"}}})}),e.jsx(o,{xs:12,sx:{mb:"1.5rem"},item:!0,children:e.jsx(f,{show:c,toggleVisibility:S,control:n,rules:{required:"Enter your password"},label:"Password",name:"password"})}),e.jsx(o,{xs:12,sx:{mb:"1.5rem"},item:!0,children:e.jsx(f,{show:l,toggleVisibility:z,control:n,rules:{required:"Confirm your password",validate:s=>{if(C("password")!=s)return"Your passwords do no match"}},label:"Confirm Password",name:"confirmPassword"})}),e.jsxs(o,{xs:12,children:[e.jsx(r,{sx:{display:"flex",justifyContent:"center",marginTop:"3.75rem"},children:e.jsx(w,{isLoading:N,onClick:v(L),children:"Create Account"})}),e.jsx(r,{children:e.jsxs("p",{className:"register",children:["Already have an account? ",e.jsx(j,{to:"/",children:"Login"})]})})]})]})]})};b.propTypes={setUseEmail:g.func.isRequired};const y=({setUseEmail:i})=>e.jsx(r,{sx:{height:"100%",mt:{xs:"2rem",md:"3.87rem"},display:{md:"flex"},alignItems:"center"},children:e.jsxs(r,{children:[e.jsx("h1",{className:"hero",children:"Create an account"}),e.jsx("p",{className:"subhero",children:"Be part of us"}),e.jsxs(o,{container:!0,sx:{marginTop:"3.56rem"},children:[e.jsx("p",{className:"subhero",children:"Login into your account with"}),e.jsx(Z,{}),e.jsx(r,{sx:{width:"100%"},children:e.jsx("p",{className:"divideText",children:"OR"})}),e.jsxs(o,{xs:12,children:[e.jsx(r,{sx:{display:"flex",justifyContent:"center",marginTop:"3.75rem"},children:e.jsx(w,{onClick:()=>i(!0),children:"Use Email"})}),e.jsx(r,{children:e.jsxs("p",{className:"register",children:["Already have an account? ",e.jsx(j,{to:"/",children:"Login"})]})})]})]})]})});y.propTypes={setUseEmail:g.func.isRequired};const ze=()=>{const[i,m]=h.useState(!1);return e.jsxs(G,{children:[e.jsx(r,{children:e.jsx(I,{})}),e.jsx(r,{className:"Right",children:e.jsx(r,{className:"FormContain",children:i?e.jsx(b,{setUseEmail:m}):e.jsx(y,{setUseEmail:m})})})]})};export{ze as default};
Mini Shell