https://admin.yourmagic.co/_next/static/chunks/pages/auth-demo/register/modern-44e2b5687b0f8718.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4856],{28563:(e,r,n)=>{"use strict";n.d(r,{A:()=>a});var t=n(44501);n(14232);var o=n(37876);let a=function(e){return(0,o.jsxs)("svg",(0,t.A)({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},e,{children:[(0,o.jsx)("path",{fill:"#fff",fillOpacity:.01,d:"m12 19-7-7 7-7"}),(0,o.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 12H5m0 0 7 7m-7-7 7-7"})]}))}},40548:(e,r,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/auth-demo/register/modern",function(){return n(90140)}])},43543:(e,r,n)=>{"use strict";n.d(r,{P:()=>d});var t=n(37876),o=n(95062),a=n.n(o),i=n(62008),l=n(52563),s=n(26888);n(14232);let c=e=>{let{markLogo:r=!1,sx:n}=e;return(0,t.jsx)(i.A,{component:"img",src:r?"/assets/app-icon-brandmark.png":"/assets/app-icon-wordmark.png",alt:"Icon",sx:{backgroundColor:"transparent",height:100,...n}})},d=e=>{let{children:r,showIntro:n=!0}=e;return(0,t.jsxs)(i.A,{sx:{backgroundImage:'url("/assets/gradient-bg.svg")',backgroundRepeat:"no-repeat",backgroundColor:"#8080801c",display:"flex",flex:"1 1 auto",flexDirection:{xs:"column",lg:"row"},px:{xs:3,sm:5,lg:10},justifyContent:"center"},children:[(0,t.jsx)(i.A,{sx:{alignItems:"center",backgroundPosition:"top center",color:"common.white",display:n?"flex":"none",flex:{xs:"0 0 auto",lg:"1 1 auto"},justifyContent:"center"},children:(0,t.jsxs)(i.A,{maxWidth:"lg",alignSelf:"stretch",display:n?"flex":"hidden",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",sx:{backgroundColor:"white",borderRadius:5,py:{xs:3,lg:12},mr:{xs:0,lg:4},mb:{xs:4,lg:0}},children:[(0,t.jsx)(c,{sx:{height:{xs:200,md:250},objectFit:"contain",mb:20}}),(0,t.jsxs)(s.A,{children:[(0,t.jsx)(l.A,{variant:"h2",color:"#FD7C6E",sx:{textAlign:"center",px:2,fontSize:{xs:"1.2rem",md:"3rem"}},children:"Magic"}),(0,t.jsx)(l.A,{variant:"h2",color:"text.primary",sx:{textAlign:"center",px:2,fontSize:{xs:"1.2rem",md:"3rem"}},children:"for your"}),(0,t.jsx)(l.A,{variant:"h2",color:"primary.main",sx:{textAlign:"center",px:2,fontSize:{xs:"1.2rem",md:"3rem"}},children:"Community"})]})]})}),(0,t.jsxs)(i.A,{sx:{display:"flex",flexDirection:"column",alignItems:"center",flex:{xs:"1 1 auto",lg:"0 0 auto"},width:{lg:n?"50%":"70%"}},children:[!n&&(0,t.jsx)(c,{sx:{height:250}}),(0,t.jsx)(i.A,{sx:{borderRadius:5,display:"flex",height:n?"100%":"auto",flexDirection:"column",justifyContent:{lg:"center"},maxWidth:"100%",width:"100%",transform:"translateY(-70px)"},children:(0,t.jsx)("div",{children:r})})]})]})};d.propTypes={children:a().node}},55771:(e,r,n)=>{"use strict";n.d(r,{A:()=>b});var t=n(40670),o=n(44501),a=n(14232),i=n(49995),l=n(4697),s=n(78257),c=n(44407),d=n(77388),u=n(90391),h=n(58842),m=n(47951),p=n(45879);function x(e){return(0,p.A)("PrivateSwitchBase",e)}(0,m.A)("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);var A=n(37876);let g=["autoFocus","checked","checkedIcon","className","defaultChecked","disabled","disableFocusRipple","edge","icon","id","inputProps","inputRef","name","onBlur","onChange","onFocus","readOnly","required","tabIndex","type","value"],f=(0,c.Ay)(h.A)(e=>{let{ownerState:r}=e;return(0,o.A)({padding:9,borderRadius:"50%"},"start"===r.edge&&{marginLeft:"small"===r.size?-3:-12},"end"===r.edge&&{marginRight:"small"===r.size?-3:-12})}),v=(0,c.Ay)("input")({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),b=a.forwardRef(function(e,r){let{autoFocus:n,checked:a,checkedIcon:c,className:h,defaultChecked:m,disabled:p,disableFocusRipple:b=!1,edge:y=!1,icon:j,id:k,inputProps:w,inputRef:C,name:S,onBlur:R,onChange:z,onFocus:B,readOnly:I,required:M=!1,tabIndex:P,type:N,value:F}=e,D=(0,t.A)(e,g),[E,W]=(0,d.A)({controlled:a,default:!!m,name:"SwitchBase",state:"checked"}),_=(0,u.A)(),L=p;_&&void 0===L&&(L=_.disabled);let T="checkbox"===N||"radio"===N,O=(0,o.A)({},e,{checked:E,disabled:L,disableFocusRipple:b,edge:y}),q=(e=>{let{classes:r,checked:n,disabled:t,edge:o}=e,a={root:["root",n&&"checked",t&&"disabled",o&&"edge".concat((0,s.A)(o))],input:["input"]};return(0,l.A)(a,x,r)})(O);return(0,A.jsxs)(f,(0,o.A)({component:"span",className:(0,i.A)(q.root,h),centerRipple:!0,focusRipple:!b,disabled:L,tabIndex:null,role:void 0,onFocus:e=>

1{B&&B(e),_&&_.onFocus&&_.onFocus(e)},onBlur:e=>{R&&R(e),_&&_.onBlur&&_.onBlur(e)},ownerState:O,ref:r},D,{children:[(0,A.jsx)(v,(0,o.A)({autoFocus:n,checked:a,defaultChecked:m,className:q.input,disabled:L,id:T?k:void 0,name:S,onChange:e=>{if(e.nativeEvent.defaultPrevented)return;let r=e.target.checked;W(r),z&&z(e,r)},readOnly:I,ref:C,required:M,ownerState:O,tabIndex:P,type:N},"checkbox"===N&&void 0===F?{}:{value:F},w)),E?c:j]}))})},60434:(e,r,n)=>{"use strict";n.d(r,{A:()=>w});var t=n(40670),o=n(44501),a=n(14232),i=n(49995),l=n(4697),s=n(78257),c=n(44407),d=n(82222),u=n(95428),h=n(80123),m=n(52563),p=n(47951),x=n(45879);function A(e){return(0,x.A)("MuiLink",e)}let g=(0,p.A)("MuiLink",["root","underlineNone","underlineHover","underlineAlways","button","focusVisible"]);var f=n(24673),v=n(74441);let b={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"};var y=n(37876);let j=["className","color","component","onBlur","onFocus","TypographyClasses","underline","variant","sx"],k=(0,c.Ay)(m.A,{name:"MuiLink",slot:"Root",overridesResolver:(e,r)=>{let{ownerState:n}=e;return[r.root,r["underline".concat((0,s.A)(n.underline))],"button"===n.component&&r.button]}})(e=>{let{theme:r,ownerState:n}=e;return(0,o.A)({},"none"===n.underline&&{textDecoration:"none"},"hover"===n.underline&&{textDecoration:"none","&:hover":{textDecoration:"underline"}},"always"===n.underline&&(0,o.A)({textDecoration:"underline"},"inherit"!==n.color&&{textDecorationColor:(e=>{let r,{theme:n,ownerState:t}=e,o=b[r=t.color]||r,a=(0,f.Yn)(n,"palette.".concat(o),!1)||t.color,i=(0,f.Yn)(n,"palette.".concat(o,"Channel"));return"vars"in n&&i?"rgba(".concat(i," / 0.4)"):(0,v.X4)(a,.4)})({theme:r,ownerState:n})},{"&:hover":{textDecorationColor:"inherit"}}),"button"===n.component&&{position:"relative",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none","&::-moz-focus-inner":{borderStyle:"none"},["&.".concat(g.focusVisible)]:{outline:"auto"}})}),w=a.forwardRef(function(e,r){let n=(0,d.A)({props:e,name:"MuiLink"}),{className:c,color:m="primary",component:p="a",onBlur:x,onFocus:g,TypographyClasses:f,underline:v="always",variant:w="inherit",sx:C}=n,S=(0,t.A)(n,j),{isFocusVisibleRef:R,onBlur:z,onFocus:B,ref:I}=(0,u.A)(),[M,P]=a.useState(!1),N=(0,h.A)(r,I),F=(0,o.A)({},n,{color:m,component:p,focusVisible:M,underline:v,variant:w}),D=(e=>{let{classes:r,component:n,focusVisible:t,underline:o}=e,a={root:["root","underline".concat((0,s.A)(o)),"button"===n&&"button",t&&"focusVisible"]};return(0,l.A)(a,A,r)})(F);return(0,y.jsx)(k,(0,o.A)({color:m,className:(0,i.A)(D.root,c),classes:f,component:p,onBlur:e=>{z(e),!1===R.current&&P(!1),x&&x(e)},onFocus:e=>{B(e),!0===R.current&&P(!0),g&&g(e)},ref:N,ownerState:F,variant:w,sx:[...Object.keys(b).includes(m)?[]:[{color:m}],...Array.isArray(C)?C:[C]]},S))})},76677:(e,r,n)=>{"use strict";n.d(r,{G:()=>s});var t=n(37876),o=n(77328),a=n.n(o),i=n(95062),l=n.n(i);let s=e=>{let{title:r}=e;return(0,t.jsx)(a(),{children:(0,t.jsx)("title",{children:r?r+" | Magic":"Magic"})})};s.propTypes={title:l().string}},88057:(e,r,n)=>{"use strict";n.d(r,{A:()=>R});var t=n(40670),o=n(44501),a=n(14232),i=n(49995),l=n(4697),s=n(74441),c=n(55771),d=n(10922),u=n(37876);let h=(0,d.A)((0,u.jsx)("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),m=(0,d.A)((0,u.jsx)("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),p=(0,d.A)((0,u.jsx)("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox");var x=n(78257),A=n(82222),g=n(44407),f=n(47951),v=n(45879);function b(e){return(0,v.A)("MuiCheckbox",e)}let y=(0,f.A)("MuiCheckbox",["root","checked","disabled","indeterminate","colorPrimary","colorSecondary"]),j=["checkedIcon","color","icon","indeterminate","indeterminateIcon","inputProps","

1size","className"],k=(0,g.Ay)(c.A,{shouldForwardProp:e=>(0,g.ep)(e)||"classes"===e,name:"MuiCheckbox",slot:"Root",overridesResolver:(e,r)=>{let{ownerState:n}=e;return[r.root,n.indeterminate&&r.indeterminate,"default"!==n.color&&r["color".concat((0,x.A)(n.color))]]}})(e=>{let{theme:r,ownerState:n}=e;return(0,o.A)({color:(r.vars||r).palette.text.secondary},!n.disableRipple&&{"&:hover":{backgroundColor:r.vars?"rgba(".concat("default"===n.color?r.vars.palette.action.activeChannel:r.vars.palette.primary.mainChannel," / ").concat(r.vars.palette.action.hoverOpacity,")"):(0,s.X4)("default"===n.color?r.palette.action.active:r.palette[n.color].main,r.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"default"!==n.color&&{["&.".concat(y.checked,", &.").concat(y.indeterminate)]:{color:(r.vars||r).palette[n.color].main},["&.".concat(y.disabled)]:{color:(r.vars||r).palette.action.disabled}})}),w=(0,u.jsx)(m,{}),C=(0,u.jsx)(h,{}),S=(0,u.jsx)(p,{}),R=a.forwardRef(function(e,r){var n,s;let c=(0,A.A)({props:e,name:"MuiCheckbox"}),{checkedIcon:d=w,color:h="primary",icon:m=C,indeterminate:p=!1,indeterminateIcon:g=S,inputProps:f,size:v="medium",className:y}=c,R=(0,t.A)(c,j),z=p?g:m,B=p?g:d,I=(0,o.A)({},c,{color:h,indeterminate:p,size:v}),M=(e=>{let{classes:r,indeterminate:n,color:t}=e,a={root:["root",n&&"indeterminate","color".concat((0,x.A)(t))]},i=(0,l.A)(a,b,r);return(0,o.A)({},r,i)})(I);return(0,u.jsx)(k,(0,o.A)({type:"checkbox",inputProps:(0,o.A)({"data-indeterminate":p},f),icon:a.cloneElement(z,{fontSize:null!=(n=z.props.fontSize)?n:v}),checkedIcon:a.cloneElement(B,{fontSize:null!=(s=B.props.fontSize)?s:v}),ownerState:I,ref:r,className:(0,i.A)(M.root,y)},R,{classes:M}))})},90140:(e,r,n)=>{"use strict";n.r(r),n.d(r,{default:()=>k});var t=n(37876),o=n(91408),a=n(52607),i=n(28563),l=n(62008),s=n(21392),c=n(88057),d=n(32333),u=n(60434),h=n(26888),m=n(58868),p=n(10163),x=n(52563),A=n(94630),g=n(76677),f=n(43543),v=n(77697);let b={email:"",name:"",password:"",policy:!1},y=o.Ik({email:o.Yj().email("Must be a valid email").max(255).required("Email is required"),name:o.Yj().max(255).required("Name is required"),password:o.Yj().min(7).max(255).required("Password is required"),policy:o.zM().oneOf([!0],"This field must be checked")}),j=()=>{let e=(0,a.Wx)({initialValues:b,validationSchema:y,onSubmit:()=>{}});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(g.G,{title:"Register"}),(0,t.jsxs)("div",{children:[(0,t.jsx)(l.A,{sx:{mb:4},children:(0,t.jsxs)(u.A,{color:"text.primary",component:A.W,href:v.f.dashboard.index,sx:{alignItems:"center",display:"inline-flex"},underline:"hover",children:[(0,t.jsx)(m.A,{sx:{mr:1},children:(0,t.jsx)(i.A,{})}),(0,t.jsx)(x.A,{variant:"subtitle2",children:"Dashboard"})]})}),(0,t.jsxs)(h.A,{sx:{mb:4},spacing:1,children:[(0,t.jsx)(x.A,{variant:"h5",children:"Register"}),(0,t.jsxs)(x.A,{color:"text.secondary",variant:"body2",children:["Already have an account? \xa0",(0,t.jsx)(u.A,{href:"#",underline:"hover",variant:"subtitle2",children:"Log in"})]})]}),(0,t.jsxs)("form",{noValidate:!0,onSubmit:e.handleSubmit,children:[(0,t.jsxs)(h.A,{spacing:3,children:[(0,t.jsx)(p.A,{error:!!(e.touched.name&&e.errors.name),fullWidth:!0,helperText:e.touched.name&&e.errors.name,label:"Name",name:"name",onBlur:e.handleBlur,onChange:e.handleChange,value:e.values.name}),(0,t.jsx)(p.A,{error:!!(e.touched.email&&e.errors.email),fullWidth:!0,helperText:e.touched.email&&e.errors.email,label:"Email Address",name:"email",onBlur:e.handleBlur,onChange:e.handleChange,type:"email",value:e.values.email}),(0,t.jsx)(p.A,{error:!!(e.touched.password&&e.errors.password),fullWidth:!0,helperText:e.touched.password&&e.errors.password,label:"Password",name:"password",onBlur:e.handleBlur,onChange:e.handleChange,type:"password",value:e.values.password})]}),(0,t.jsxs)(l.A,{sx:{alignItems:"center",display:"flex",ml:-1,mt:1},children:[(0,t.jsx)(c.A,{checked:e.values.policy,name:"policy",onChange:e.handleChange}),(0,t.jsxs)(x.A,{color:"text.secondary",variant:"body2",children:["I have read the"," ",(0,t.jsx)(u.A,{component:"a",href:"#",children:"Terms and Conditions"})]})]}),!!(e.touched.policy&&e.errors.policy)&&(0,t.jsx)(d.A,{error:!0,children:e.errors.policy}),(0,t.jsx)(s.A,{fullWidth:!0,size:"large",sx:{mt:3},type:"submit",variant:"contained",children:"Register"})]})]})]})};j.getLayout=e=>(0,t.jsx)(f.P,{children:e});let k=j},94630:(e,r,n)=>{"use strict";n.d(r,{W:()=>l});var t=n(37876),o=n(14232),a=n(48230),i=n.n(a);let l=(0,o.forwardRef)(function(e,r){return(0,t.jsx)(i(),{ref:r,...e})})}},e=>{e.O(0,[2165,7543,3700,163,8230,1682,636,6593,8792],()=>e(e.s=40548)),_N_E=e.O()}]);