https://www.studypug.com/_next/static/chunks/pages/signin/[locale]-72b730b703e24963.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94923,1847],{84789:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/signin/[locale]",function(){return i(29782)}])},66021:function(e,t,i){"use strict";var n=i(11527),r=i(75072),o=i(44776),a=i(76240),s=i(20364),l=i(50959),d=i(58833);let c=(0,l.forwardRef)((e,t)=>{let{props:i,onChange:l,value:c,pattern:h,inputMode:u,error:p,onClick:m,handleKeyDown:g,locale:x}=e,f={color:`${i.title===p.title?"red":"#424242"}`,marginTop:1.5,fontSize:14,"&.Mui-focused":{color:i.title===p.title?"red":void 0},"@media (max-width:768px)":{marginTop:1.25},"@media (max-width:450px)":{marginTop:1.25}},w={height:i.height,width:"100%",background:`${i.title===p.title?"#FFE5EA":"#ffffff"}`,borderRadius:i.borderRadius,marginBottom:i.marginBottom,color:`${i.color}`,paddingTop:"15px",input:{"&::placeholder":{fontSize:i.placeholderFontSize,lineHeight:i.placeholderLineHeight}},textArea:{"&::placeholder":{fontSize:i.placeholderFontSize,lineHeight:i.placeholderLineHeight}},"input:-webkit-autofill":{WebkitBoxShadow:`${i.title===p.title?"0 0 0 40px pink inset !important":"0 0 0 40px white inset !important"}`,WebkitTextFillColor:"#000 !important"},"@media (max-width:768px)":{height:i.tabletHeight?i.tabletHeight:i.height}};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(r.ZP,{sx:{width:i.width,height:i.height},children:[(0,n.jsx)(a.ZP,{htmlFor:"component-outlined",shrink:!0,sx:f,children:i.title}),(0,n.jsx)(s.ZP,{id:i.title,placeholder:i.placeholder,sx:w,startAdornment:i.startAdornment,endAdornment:i.endAdornment,onChange:l,onClick:m,value:c,inputProps:{inputMode:u,pattern:h},autoComplete:i.autoComplete,autoFocus:i.autoFocus,inputRef:t,required:i.required,disabled:i.disabled,error:p.title===i.title&&p.isError,type:i.type,onKeyDown:g,multiline:i.multiline,rows:i.rows,title:"Please fill in the marked fields"})]}),p.title===i.title&&"right"!==i.errorInfoLocaion&&(0,n.jsx)(o.ZP,{error:!0,id:i.error,sx:{zIndex:1,width:i.errorTextWidth,padding:0},children:(0,n.jsx)(d.Z,{status:p.status,error:{errorInfo:i.error},locale:x,padding:"0px"})})]})});t.Z=c},29782:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return Y},default:function(){return J}});var n=i(11527),r=i(5579),o=i(31248),a=i(50959),s=i(76686),l=i(43523),d=i(81048),c=i(11583),h=i(89096),u=i(97618),p=i(98177),m=i(25306),g=i(97874),x=i(36614),f=i(66802),w=i(2866),b=i(40129),C=i(75072),k=i(57789),Z=i(25027),y=i(14985),j=i(76240),v=i(20364),_=i(77385),A=i.n(_),S=i(69944),T=i(81776),P=i(58833),E=i(12312),F=i(48779),I=i(12452),D=i(53575),z=i(94259),R=i(43763),$=i(68237),L=i(66021),W=i(9732);let N=W.Z.div({label:"signUpCardContainer",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"space-evenly",width:328,minHeight:425,height:"auto",backgroundColor:"#FFFFFF",borderRadius:16,padding:"8px 0",boxSizing:"border-box",boxShadow:"0px 0px 10px rgba(0,0,0,0.1)",border:"1px solid rgba(0, 0, 0, 0.05)","@media (max-width:768px)":{width:"90vw",minWidth:300}}),O=W.Z.div({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%","@media (max-width:768px)":{width:"100%",minWidth:280,marginLeft:8},"@media (max-width:450px)":{marginLeft:2}});W.Z.div({width:"100%"});var B=e=>{let{handleNext:t,email:i,password:r,onChangeEmail:o,onChangePassword:s,checked:l,onChange:d,googleAuth:c,facebookAuth:p,appleAuth:_,locale:W,translatedText:B,error:G,ssoButtonClicked:H,role:X,handleKeyDown:q}=e,[M,U]=(0,a.useState)(!1),K=(0,u.Z)(F._s.breakpoints.down("xs")),Q=(0,u.Z)(F._s.breakpoints.down("sm")),V=[{id:0,width:"100%",title:(0,D.Z)(W,"en")?"Email":"correo electr\xf3nico",placeholder:(0,D.Z)(W,"en")?"[email protected]":"[email protected]",autoFocus:!i,error:G.errorInfo,type:"email",height:Q?40:45,marginBottom:.75,required:!H,autoComplete:"email"}],Y=(0,a.useRef)(null),J={color:`${"Password"===G.title||"Contrase\xf1a"===G.title?"red":"#424242"}`,marginTop:"12px",fontSize:14,"&.Mui-focused":{color:"Password"===G.title||"Contrase\xf1a"===G.title?"red":void 0},"@media (max-width:768px)":{marginTop:"10px"}},ee={height:Q?40:45,width:"100%",background:`${"Password"===G.title||"Contrase\xf1a"===G.title?"pink":"#ffffff"}`,paddingTop:"15px","& .MuiInputBase-root":{height:45},"input:-webkit-autofill":{WebkitBoxShadow:"0 0 0 100px white inset !important"},"input:-webkit-autofill::first-line":{color:"#000 !important"}};return(0,a.useEffect)(()=>{Y.current&&Y.current.focus()},[]),(0,n.jsx)("form",{onSubmit:t,children:(0,n.jsxs)(N,{children:[(0,n.jsx)(h.ZP,{variant:"body1",sx:{margin:0,fontWeight:700},children:B.text1}),(0,n.jsxs)(E.$K,{justifyContent:"space-evenly",width:"90%",height:50,style:{gap:16},children:[(0,n.jsx)($.Z,{btnType:$.L.FUNC,btnText:"",minWidth:85,backgroundFront:"#05A7CF",backgroundRear:(0,R.Wn)("#05A7CF"),borderColor:(0,R.Wn)("#05A7CF"),onClick:c,padding:"8px",type:"button",name:"google",ariaLabel:"Sign in with Google",children:(0,n.jsx)(x.Z,{sx:{color:"#f3f6f4"}})}),(0,n.jsx)($.Z,{btnType:$.L.FUNC,btnText:"",minWidth:85,backgroundFront:"#05A7CF",backgroundRear:(0,R.Wn)("#05A7CF"),borderColor:(0,R.Wn)("#05A7CF"),onClick:_,padding:"8px",type:"button",name:"apple",ariaLabel:"Sign in with Apple",children:(0,n.jsx)(m.Z,{sx:{color:"#f3f6f4"}})}),(0,n.jsx)($.Z,{btnType:$.L.FUNC,btnText:"",minWidth:85,backgroundFront:"#05A7CF",backgroundRear:(0,R.Wn)("#05A7CF"),borderColor:(0,R.Wn)("#05A7CF"),onClick:p,padding:"8px",type:"button",name:"facebook",ariaLabel:"Sign in with Facebook",children:(0,n.jsx)(g.Z,{sx:{color:"#f3f6f4"}})})]}),(0,n.jsx)(h.ZP,{variant:"body1",sx:{margin:0,fontWeight:700},children:B.text2}),(0,n.jsxs)(E.$K,{flexDirection:"column",width:"90%",justifyContent:"flex-start",ga

1p:8,overflow:"unset",children:[V.map(e=>(0,n.jsx)(L.Z,{locale:W,ref:Y,props:e,error:G,onChange:o,value:i,inputMode:"email"},e.id)),(0,n.jsxs)(C.ZP,{sx:{width:"100%"},children:[(0,n.jsx)(j.ZP,{htmlFor:"component-outlined",shrink:!0,sx:J,children:(0,D.Z)(W,"en")?"Password":"Contrase\xf1a"}),(0,n.jsx)(v.ZP,{required:!H,error:"Password"===G.title||"Contrase\xf1a"===G.title,id:"component-outlined2",placeholder:(0,D.Z)(W,"en")?"6-40 characters":"6-40 caracteres",sx:ee,type:M?"text":"password",value:r,onChange:s,onKeyDown:q,autoComplete:"current-password",endAdornment:(0,n.jsx)(y.ZP,{position:"end",children:(0,n.jsx)(Z.ZP,{"aria-label":"toggle password visibility",onClick:()=>U(e=>!e),onMouseDown:e=>{e.preventDefault()},edge:"end",children:M?(0,n.jsx)(w.Z,{}):(0,n.jsx)(f.Z,{})})})})]}),("Password"===G.title||"contrase\xf1a"===G.title)&&!0===G.isError&&(0,n.jsx)(P.Z,{status:G.status,error:G,locale:W})]}),(0,n.jsxs)(O,{children:[(0,n.jsxs)(E.mD,{width:"90%",justifyContent:"space-around",flexDirection:"row",children:[(0,n.jsx)(E.mD,{children:(0,n.jsx)(k.ZP,{control:(0,n.jsx)(b.ZP,{sx:{paddingRight:.5,"& .MuiSvgIcon-root":{fontSize:Q?20:24,color:"#05A7CF"}},onChange:d,value:l}),label:B.text3})}),(0,n.jsx)(S.Z,{prefetch:!1,href:T.r9,isSubscribed:!1,id:"forgot-password",children:(0,n.jsx)(h.ZP,{variant:"body2",sx:{margin:"0 0 0 4px",lineHeight:1.25,color:"#05A7CF"},noWrap:!0,children:B.text4})})]}),"TOS"===G.title&&!1===l&&!0===G.isError&&(0,n.jsx)(h.ZP,{color:"red",sx:{margin:0,fontSize:14},role:"alert","aria-live":"assertive",children:G.errorInfo})]}),(0,n.jsx)("div",{style:{height:55},children:(0,n.jsx)($.Z,{btnType:$.L.FUNC,btnText:B.btnText,minWidth:K?270:296,type:"submit",variant:"button"})}),(0,n.jsxs)(E.mD,{justifyContent:"space-around",width:"100%",children:[(0,n.jsx)(h.ZP,{variant:"body2",sx:{margin:0,lineHeight:1.25,color:"#424242"},noWrap:!0,children:B.text5}),(0,n.jsx)(A(),{href:`${(0,z.VQ)(z.qX.SIGNUP,W,X)}`,style:{textDecoration:"none"},onClick:()=>{(0,I.Yo)("click_create_account","signin_form",`${X}-signin`,`${(0,z.VQ)(z.qX.SIGNUP,W,X)}`)},children:(0,n.jsx)(h.ZP,{variant:"body2",sx:{margin:"0 0 0 4px",lineHeight:1.25,color:"#05A7CF"},noWrap:!0,children:B.text6})})]})]})})},G=i(43959),H=i(57379),X=i(87130),q=i(82587);let M=W.Z.div({label:"signup-page-container",display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"center",position:"relative",height:"100vh",width:"100vw",overflow:"hidden",paddingTop:36,minHeight:550,[F._s.breakpoints.down("lg")]:{width:"100vw"},[F._s.breakpoints.down("md")]:{paddingTop:16}},e=>({background:e.background})),U=W.Z.div({display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"center",zIndex:2,width:1200,height:600,position:"relative",gap:16,[F._s.breakpoints.down("lg")]:{height:1100,width:"100%"},[F._s.breakpoints.down("md")]:{height:"auto"}},e=>({background:e.background}));W.Z.div({clipPath:"path('M1058.25 219.633C1073.42 333.546 963.551 434.155 828.669 515.346C725.523 577.434 532.696 656.84 402.555 659.789C269.472 662.805 102.975 623.329 35.977 550.327C-28.9822 479.548 8.51435 351.467 39.3283 264.019C74.7799 163.41 156.808 50.4199 302.472 18.2491C441.252 -12.4012 612.188 -1.45525 736.213 35.6562C885.33 80.2758 1043.1 105.808 1058.25 219.633Z')",background:"#F3E5DA",width:1060,height:665,position:"absolute",zIndex:0,top:165,transform:"scale(2,1.5)","@media(max-height:800px)":{top:0,transform:"scale(.975)"},[F._s.breakpoints.down("md")]:{top:265,transform:"scale(2,1.8)"},[F._s.breakpoints.down("sm")]:{top:265,transform:"scale(2,1.8)"}},e=>({background:e.background}));let K=W.Z.div({clipPath:"path('M319.457 0.959805C389.609 4.066 456.745 19.1419 505.331 49.2071C552.832 78.6007 576.419 118.415 574.934 159.05C573.482 198.796 542.007 234.451 497.474 264.25C449.32 296.471 392.198 330.33 319.457 329.998C247.005 329.666 197.804 291.424 144.173 262.635C86.1202 231.473 9.11324 205.148 0.999207 159.05C-7.57138 110.358 40.044 62.9017 103.474 31.4137C162.389 2.1668 242.728 -2.43759 319.457 0.959805Z')",width:575,height:330,position:"absolute",zIndex:1,marginTop:250,marginLeft:375,"@media(max-width:768px)":{transform:"scale(0.5)",marginTop:400,marginLeft:300}},e=>({background:e.background}));W.Z.div({width:315,height:235,position:"relative","@media (max-width: 768px)":{top:0,height:141,width:189},"@media (max-width: 450px)":{marginLeft:"-50%",height:82.25,width:110.25,marginTop:10}}),W.Z.div({label:"parent-image",width:350,height:235,position:"relative","@media (max-width: 1200px)":{transform:"scale(1)"},"@media (max-width: 768px)":{height:141,width:210},"@media (max-width: 450px)":{height:94,width:140,marginTop:10},"@media (max-width: 350px)":{}}),W.Z.div({label:"FlexContainer",marginTop:36,display:"flex",flexDirection:"row",justifyContent:"space-around",alignItems:"flex-start","@media (max-width: 768px)":{flexDirection:"column",alignItems:"center",marginTop:16,height:"100%"},"@media (max-width: 450px)":{}}),W.Z.div({display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:350,margin:"0 25px","@media (max-width: 768px)":{flexDirection:"row",width:"90vw",height:"auto",justifyContent:"space-between",alignItems:"center",marginTop:16},"@media (max-width: 450px)":{height:"auto",marginTop:0}}),W.Z.div({"@media (max-width: 768px)":{display:"none"}}),W.Z.div({width:"70%",marginTop:16,height:85,display:"flex",flexDirection:"column",justifyContent:"space-around","@media (max-width: 450px)":{width:"65%",justifyContent:"center",height:"100%"},"@media (max-width: 350px)":{width:"60%"},"@media (min-width: 769px)":{display:"none"}}),W.Z.div({display:"flex",flexDirection:"row",justifyContent:"space-evenly",alignItems:"center",width:700,"@media (max-width: 768px)":{width:"80vw",flexDirection:"column",marginTop:16}});var Q=e=>{let{handleNext:t,translatedText:i,locale:r,date:s,theme:c,checked:m,setChecked:g,setErrorNotice:x,errorNotice:f,ssoButtonClicked:w,setSSOButtonClicked:b}=e,{asPath:C,query:k}=(0,o.useRouter)(),{login:Z}=(0,d.Ry)(),[y,j]=(0,a.useState)(""),[v,_]=(0,a.useState)(""),[A,S]=(0,a.useState)({email:"",password:"",primary_role:c,timezone_offset:new Date(s).getTimezoneOffset()});(0,u.Z)(F._s.breakpoints.down("md")),(0,a.useEffect)(()=>{let e=sessionStorage.getItem("user"),t=e?JSON.parse(e):null;t&&t.email&&t.pw&&(g(!1),S(e=>({...e,email:t.email,password:t.pw})))},[m,g]),(0,a.useEffect)(()=>{let e=(0,X.Do)("email"),t=(0,X.Do)("role");!1===m&&((0,X.d8)("email","",X.Q7,"/",{secure:!0,sameSite:"Lax"}),sessionStorage.setItem("user","")),e&&_(e),t&&j(t),((0,q.od)(A.email)||(0,q.Xz)(A.password)||m)&&x(e=>({...e,isError:!1,errorInfo:"",title:""}))},[A.email,A.password,m,x]);let T=e=>

1{if(b(!1),!0===m&&v!==A.email&&(0,R.DX)(A.password)){let e={id:1,email:A.email,pw:A.password};(0,X.d8)("email",A.email,X.Q7,"/",{secure:!0,sameSite:"Lax"}),sessionStorage.setItem("user",JSON.stringify(e))}e.preventDefault(),!1===w&&(""===A.email?x({...f,isError:!0,errorInfo:"Please enter your email",title:"Email"}):(0,q.od)(A.email)?(0,q.Xz)(A.password)?P():x({...f,isError:!0,errorInfo:"Your password must be between 6 and 40 characters long and contain no spaces.",title:(0,D.Z)(r,"en")?"Password":"Contrase\xf1a"}):x({...f,isError:!0,errorInfo:"Please check your email format",title:(0,D.Z)(r,"en")?"Email":"Correo electr\xf3nico"}))},P=async()=>{try{let e=await (0,p.signIn)("credentials",{email:A.email,password:A.password,isSignIn:"true",redirect:!1,locale:r});(null==e?void 0:e.error)?x({...f,isError:!0,errorInfo:e.error,title:(0,D.Z)(r,"en")?"Password":"Contrase\xf1a"}):(null==e?void 0:e.ok)&&(H.Z.setEmailAuth((0,R.gT)(A.email)),I.B({action:"email_sign_in",category:"sign_in",label:"auth",value:"email"}),I.st("signin_attempt","success"),t())}catch(e){x({...f,isError:!0,errorInfo:"An unexpected error occurred",title:"Error"})}},z=()=>{document.cookie="emailAuth=; max-age=0; path=/"},$=e=>{b(!0),z(),H.Z.setAction(l.g4.signIn);let t="string"==typeof k.redir_url&&k.redir_url?`?redir_url=${encodeURIComponent(k.redir_url)}`:"";(0,p.signIn)(e,{callbackUrl:`/signin-middleware/${t}`}),I.B({action:`${e}_sign_in`,category:"sign_in",label:"auth",value:e}),(0,I.Yo)(`click_signin_${e}`,"signin_form",`${y}-signin`)},L=C.includes(l.i4.parent)?F.kx.beige[100]:F.kx.sky[300],W=y||(C.includes(l.i4.parent)?l.i4.parent:l.i4.student);return(0,n.jsxs)(M,{background:L,children:[(0,n.jsxs)(U,{children:[(0,n.jsx)(h.ZP,{variant:"h1",sx:{margin:"8px 0 8px 0",textAlign:"center",whiteSpace:"pre-line"},children:i.title}),(0,n.jsx)(E.$K,{justifyContent:"center",children:(0,n.jsx)(B,{error:f,handleNext:T,password:A.password,email:A.email,onChangeEmail:e=>{S({...A,email:e.target.value,primary_role:C.includes(l.i4.student)?l.i4.student:l.i4.parent})},onChangePassword:e=>{S({...A,password:e.target.value})},checked:m,onChange:()=>{g(!m)},googleAuth:()=>$(G.G.GOOGLE),facebookAuth:()=>$(G.G.FACEBOOK),appleAuth:()=>$(G.G.APPLE),locale:r,translatedText:i.signInCard,ssoButtonClicked:w,role:W,handleKeyDown:e=>{"Enter"===e.key&&T(e)}})})]}),(0,n.jsx)(K,{background:C.includes(l.i4.parent)?"#ECC889":"#F3E5DA"})]})},V=i(75417),Y=!0,J=e=>{let{locale:t,date:i,signinCopies:h,commonCopy:u}=e,{user:p,isAuthenticated:m,token:g,userProfile:x}=(0,d.Ry)(),[f,w]=(0,a.useState)(!1),b=(0,o.useRouter)(),{query:C}=(0,o.useRouter)(),[k,Z]=(0,a.useState)(!1),[y,j]=(0,a.useState)(!1),[v,_]=(0,a.useState)({isError:!1,errorInfo:"",title:""}),A=C.role||H.Z.getRole()||l.i4.student,S=()=>(0,z.VQ)(z.qX.START_PAGE,t,A),T=(0,a.useRef)(!1),P=h[A]||h.student;(0,a.useEffect)(()=>{(()=>{if(T.current||(0,R.kK)(p)||!m||!g||!x)return;H.Z.setRegion(t);let e="";switch(!0){case!!C.redir_url:{let t=C.redir_url;e=(0,V.F)(t)?t:S();break}case p.isTeacher():e=(0,z.VQ)(z.qX.TEACHER_PORTAL);break;case p.hasStudents():e=(0,z.VQ)(z.qX.PARENT_PORTAL);break;case p.hasStudyPlan():case p.hasSubscription():e=(0,z.VQ)(z.qX.STUDENT_PORTAL);break;default:e=S()}e&&(T.current=!0,e===S()?b.push(e):window.location.assign(e))})()},[t,p,b,A,C]),(0,a.useEffect)(()=>{let e=setTimeout(()=>{w(!0)},300);return()=>{clearTimeout(e)}},[]);let E=[{name:"Sign In",path:"signin"},{name:(0,R.CE)(t),path:t}];return f?(0,n.jsx)(c.Z,{translatedText:(0,D.Z)(t,"ca-us")?P.headerBar:u.headerBar,title:P.head.title,description:P.head.description,regionSelectorState:l.jR.flag,pathSegments:E,children:(0,n.jsx)(r.ZP,{maxWidth:"lg",style:{display:"flex",flexDirection:"column",alignItems:"center",minHeight:550},children:(0,n.jsx)(Q,{ssoButtonClicked:y,setSSOButtonClicked:j,date:i,locale:t,handleNext:()=>{(0,I.Yo)("click_signin_email","signin_form",`${A}-signin`);let e="string"==typeof C.redir_url&&C.redir_url?`&redir_url=${encodeURIComponent(C.redir_url)}`:"";window.location.replace(`${(0,z.VQ)(z.qX.SIGNIN_MIDDLEWARE)}?auth=email${e}`)},checked:k,setChecked:Z,errorNotice:v,setErrorNotice:_,translatedText:P.content,theme:A})})}):(0,n.jsx)(s.Z,{})}},43959:function(e,t,i){"use strict";var n,r;i.d(t,{G:function(){return n}}),(r=n||(n={})).GOOGLE="google",r.APPLE="apple",r.FACEBOOK="facebook"},82587:function(e,t,i){"use strict";i.d(t,{Xz:function(){return l},an:function(){return c},od:function(){return o},vV:function(){return s}});let n=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,r=/^[^\s]{6,40}$/,o=e=>n.test(e),a=/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/,s=e=>e.length<=254&&a.test(e),l=e=>r.test(e),d=/^\d{4}

1$/,c=e=>d.test(e);new Date().getFullYear(),new Date().getMonth()}},function(e){e.O(0,[45374,46514,42748,89521,82014,73680,43070,52880,92888,49774,40179],function(){return e(e.s=84789)}),_N_E=e.O()}]);