mario-core 2.0.102-release → 2.0.103-release

package/dist/Login-t8Cp9sZB.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),g=require("reactstrap"),ee=require("react-router-dom"),e=require("./index-9XtI-PeV.js"),Z=require("react-redux"),de=require("formik"),Me=require("yup"),re=require("react-google-recaptcha-v3"),ve=require("@react-oauth/google"),X=require("./types-CTFcZUFS.js"),Se=require("./constants-CQviSc2u.js"),oe=require("@azure/msal-browser"),Ue=require("@amplitude/analytics-browser");function Le(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:()=>t[r]})}}return n.default=t,Object.freeze(n)}const G=Le(Me),ae=Le(Ue),Fe={backgroundColor:"#f7f9fc",borderRadius:"4px",marginBottom:"5px",position:"relative"},Be={backgroundColor:"#ffffff",paddingRight:"50px",color:"#333333",caretColor:"#333333"},ze={fontSize:"20px",position:"absolute",right:"10px",color:"#316CD9"},De=t=>t.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g,(n,r)=>r.toUpperCase()),ne=({isShowPassword:t,togglePasswordVisible:n,onChange:r,placeholder:i})=>s.jsxs("div",{className:"d-flex align-items-center w-100",style:Fe,children:[s.jsx(g.Input,{className:"border password-input",style:Be,type:t?"text":"password",name:"password",onChange:r,placeholder:i||"Password",autocomplete:i?De(i):"password",required:!0}),s.jsx("i",{className:`far ${t?"fa-eye-slash":"fa-eye"} mx-2 cursor-pointer`,style:ze,onClick:()=>n(),title:t?"Hide":"Show"})]}),qe=({open:t,onConfirm:n,onClose:r,clickHandler:i})=>{const[m,p]=o.useState(Se.GRADE_DEFAULT[0].value);return s.jsxs(g.Modal,{isOpen:t,className:`${e.styles["teacher-code"]}`,style:{zIndex:1201},centered:!0,autoFocus:!1,returnFocusAfterClose:!1,children:[s.jsxs("div",{className:`${e.styles["header-teacher-code"]}`,children:[s.jsx("div",{style:{padding:"16px 24px",margin:0,fontWeight:500,fontSize:"1.25rem"},children:"Select Grade"}),s.jsx("div",{hidden:!r,children:s.jsx(e.MdClose,{onClick:()=>r?.(),className:`${e.styles["close-icon"]}`,size:24,style:{color:"rgba(0, 0, 0, 0.54)"}})})]}),s.jsxs(g.ModalBody,{style:{padding:"20px 24px"},children:[s.jsx("p",{className:`${e.styles["teacher-code-label"]}`,style:{margin:0,marginBottom:"16px",color:"rgba(0, 0, 0, 0.6)"},children:"You are logging in as a student, please select your grade"}),s.jsxs("div",{className:"form-floating",style:{marginTop:"16px",marginBottom:"8px"},children:[s.jsx(g.Input,{type:"select",id:"floatingSelectGrade",value:m,onChange:h=>p(h.target.value),children:Se.GRADE_DEFAULT.map(h=>s.jsx("option",{value:h.value,children:h.label},h.value))}),s.jsx("label",{htmlFor:"floatingSelectGrade",children:"Select grade"})]})]}),s.jsx(g.ModalFooter,{style:{borderTop:"none",padding:"8px 24px"},children:s.jsx(g.Button,{disabled:!m,style:{borderRadius:20,background:"#316cd9",border:"none",opacity:m?1:.65},color:"primary",onClick:()=>n(m,i),children:"Confirm"})})]})};function He(t,n){return JSON.stringify(t)===JSON.stringify(n)}const Ve=o.memo(qe,He),We=G.object({email:G.string().email("Email is invalid").required("Email is required"),password:G.string().required("Password is required"),rememberMe:G.boolean()}),Ke=({onSuccess:t,onError:n})=>{const r=ve.useGoogleLogin({onSuccess:async i=>{try{const m=await fetch("https://www.googleapis.com/oauth2/v3/userinfo",{headers:{Authorization:`Bearer ${i.access_token}`}}).then(h=>h.json()),p={accessToken:i.access_token,googleId:m.sub,profileObj:{email:m.email,familyName:m.family_name,givenName:m.given_name,imageUrl:m.picture,name:m.name}};t(p)}catch(m){n(m)}},onError:i=>n(i)});return s.jsxs("div",{className:e.styles["btn-login-with-sso"],onClick:()=>r(),children:[s.jsxs("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",width:"24px",height:"24px",style:{marginRight:"8px"},children:[s.jsx("path",{fill:"#EA4335",d:"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"}),s.jsx("path",{fill:"#4285F4",d:"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"}),s.jsx("path",{fill:"#FBBC05",d:"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"}),s.jsx("path",{fill:"#34A853",d:"M24 48c6.48 0 12.38-2.12 16.66-5.73l-7.73-6c-2.15 1.45-4.92 2.3-8.93 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"}),s.jsx("path",{fill:"none",d:"M0 0h48v48H0z"})]}),s.jsx("p",{children:"GOOGLE"})]})},Ye=({defaultInfo:t,userLogin:n,school:r,isShowPassword:i,setIsShowPassword:m,fnIsCheckLogin:p,googleClientId:h,fnLoginSSO:y,extensionEmail:b,onLoginWidthClever:N,openModalSelectGrade:E,handleRegisterUser:x,onToggleModelGrade:k})=>{const w=()=>m(!i),z=Z.useDispatch(),{executeRecaptcha:_}=re.useGoogleReCaptcha(),j=o.useCallback(async()=>{if(!_){console.log("execute recaptcha undefined");return}return await _("login")},[_]),T=async C=>{try{await e.AccountSSOLogApi(C)}catch(v){console.error(v)}},D=async C=>{if(C?.accessToken){let{email:v,familyName:q,givenName:S,imageUrl:I,name:A}=C.profileObj,U=C.accessToken,W=C.googleId;const K=window.location.hostname.split(".marioforme.com")?.[0],V=v.split("@")?.[1],me=b?.split(",")?.map(M=>M.trim())?.filter(M=>M).some(M=>V.includes(M));if(!V.includes(K)&&!me){alert("The email address you used does not match the login information in the database.  Please check that you are using your school assigned email address to log into MARIO for Me.  If you have further trouble please notify your school site administrator"),await T([`${V} is incorrect`]);return}const ie={firstName:S,lastName:q,imageUrl:I,fullName:A,email:v,accessToken:U,googleId:W};z(e.setInforUserGoogle(ie)),p(X.TypeLogin.Google,ie,U,j)}};return s.jsxs(o.Fragment,{children:[s.jsx(de.Formik,{initialValues:t,validationSchema:We,onSubmit:async C=>{try{const v=await j();if(!v)return;C.captcha=v,C.loginType=X.LoginType.Default,n(C)}catch(v){console.error(v)}},children:C=>{const{handleBlur:v,handleSubmit:q,values:S,touched:I,errors:A,setFieldValue:U}=C,W=I.email&&A.email,se=I.password&&A.password;return s.jsx("div",{className:`${e.styles["box-login"]} w-100`,children:s.jsx(g.Form,{className:`${e.styles["block-login"]}`,onSubmit:q,children:s.jsxs("div",{className:`${e.styles["block-form"]}`,children:[s.jsxs("div",{className:"d-flex align-items-center mb-4",children:[s.jsx("img",{hidden:!r?.schoolLogo,src:r?.schoolLogo,className:`${e.styles["school-icon"]} mr-3`}),s.jsx("p",{className:`${e.styles["school-name"]} mb-0`,children:r.schoolName})]}),s.jsx("p",{className:`${e.styles["title-login"]}`,children:"Welcome Back!"}),s.jsx("p",{className:`${e.styles["login-description"]} mb-5`,children:"Please enter your MARIO Education account details"}),s.jsxs(g.FormGroup,{className:`${e.styles["form-user-name"]}`,children:[s.jsx(g.Input,{type:"text",name:"email",placeholder:"Email",value:S.email,onChange:K=>U("email",K.target?.value?.trim()||""),autocomplete:"email",onBlur:v("email"),required:!0}),W&&s.jsx(e.ErrorHandler,{text:A.email})]}),s.jsxs(g.FormGroup,{children:[s.jsx(ne,{isShowPassword:i,togglePasswordVisible:w,onChange:K=>U("password",K.target?.value?.trim()||"")}),se&&s.jsx(e.ErrorHandler,{text:A.password})]}),s.jsx(g.FormGroup,{}),s.jsxs("div",{className:"d-flex justify-content-between",children:[s.jsxs("div",{className:"d-flex align-items-center",style:{gap:"8px"},children:[s.jsx("input",{type:"checkbox",checked:!S.isSessionUserBrowser,className:`${e.styles["checkbox-keep-login"]}`,onChange:()=>U("isSessionUserBrowser",!S.isSessionUserBrowser)}),s.jsx("p",{className:`${e.styles["label-keep-login"]} mb-0 ml-2`,children:"Keep me logged in"})]}),s.jsx(ee.Link,{to:"/forgot-password",className:`${e.styles["link-to-login"]}`,children:"Forgot password?"})]}),s.jsx("button",{className:`${e.styles["btn-login"]} mt-5`,type:"submit",children:"LOG IN"}),s.jsx("p",{className:`${e.styles["option-text"]} my-3 text-center`,children:"OR"}),s.jsxs(g.Row,{className:"mb-4",children:[s.jsx(g.Col,{lg:6,md:6,xs:12,className:"pr-md-3",children:!!h&&s.jsx(ve.GoogleOAuthProvider,{clientId:h,children:s.jsx(Ke,{onSuccess:D,onError:()=>console.log("Google login failed")})})}),r.schoolId&&s.jsx(g.Col,{lg:6,md:6,xs:12,className:`${e.styles["btn-login-sso"]} pl-md-2`,hidden:!r?.schoolId,children:s.jsxs("div",{className:e.styles["btn-login-with-sso"],onClick:()=>y(j),children:[s.jsx("img",{src:"images/microsoft-logo.png"}),s.jsx("p",{children:"MICROSOFT"})]})})]}),s.jsx("div",{className:`${e.styles["btn-login-sso"]}`,children:s.jsxs("div",{className:e.styles["btn-login-with-sso"],onClick:()=>window.open("https://launchpad.classlink.com/login"),children:[s.jsx("img",{src:"images/class-link-icon.png"}),s.jsx("p",{children:"SIGN IN WITH CLASSLINK"})]})}),s.jsx("div",{className:`${e.styles["btn-login-sso"]} mt-4`,children:s.jsxs("div",{className:e.styles["btn-login-with-sso"],onClick:()=>N(),children:[s.jsx("img",{src:"images/clever-icon.png"}),s.jsx("p",{children:"SIGN IN WITH CLEVER"})]})})]})})})}}),s.jsx(Ve,{open:E,onConfirm:x,clickHandler:j,onClose:k})]})},Je={email:"",captcha:""},Ze="/",ye="/login",Qe="Log in",Ee=()=>{const t=new URLSearchParams(ee.useLocation().search),n=t.get("token"),r=t.get("key")??"",i=Z.useDispatch(),m=ee.useNavigate(),[p,h]=o.useState(!1),y=o.useCallback(()=>{h(!p)},[p]),[b,N]=o.useState(!1),[E,x]=o.useState(!1),[k,w]=o.useState({token:"",password:"",reEnterPassword:"",email:"",userId:""}),[z,_]=o.useState(!0),{executeRecaptcha:j}=re.useGoogleReCaptcha();o.useEffect(()=>{document.title=Qe,e.getAccessToken()&&m(Ze)},[]);const T=o.useCallback(async S=>{i(e.setLoading(!0));try{await e.forgotPassword(S),m(ye),i(e.setAlert({type:"success",message:"A mail to reset password was sent"}))}catch(I){i(e.setAlert({type:"danger",message:I.response?.data?.title||I.message||"Error occured"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN)}i(e.setLoading(!1))},[]),D=o.useCallback(async(S,I)=>{i(e.setLoading(!0));try{const A=await e.checkResetToken(S,I);A.data?w({...k,token:S,email:A.data}):_(!1)}catch{_(!1)}i(e.setLoading(!1))},[]),C=o.useCallback(async S=>{i(e.setLoading(!0));try{await e.resetPassword({...S,key:r}),m(ye),i(e.setAlert({type:"success",message:"Reset password sucessfully"}))}catch(I){i(e.setAlert({type:"danger",message:I.response?.data?.title||I.message||"Error occured"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN)}i(e.setLoading(!1))},[]),v=o.useCallback(async()=>{if(!j){console.log("execute recaptcha undefined");return}return await j("forgetPass")},[j]),q=o.useCallback(()=>{},[]);return o.useEffect(()=>{n&&r&&D(n,r)},[n,r]),{defaultInfo:Je,forgotPasswordRequest:T,checkResetTokenRequest:D,validLink:z,resetPasswordRequest:C,openLogin:p,toggle:y,isShowNewPassword:b,setIsShowNewPassword:N,isShowReTypePassword:E,setIsShowReTypePassword:x,clickHandler:v,handleVerify:q,initialValues:k}},Xe={email:"",captcha:""},es=G.object({email:G.string().email("Email is invalid").required("Email is required")}),ss=({school:t})=>{const{forgotPasswordRequest:n,clickHandler:r,handleVerify:i}=Ee();return s.jsx(de.Formik,{initialValues:Xe,enableReinitialize:!0,validationSchema:es,onSubmit:async m=>{const p=await r();p&&(m.captcha=p,n(m))},children:m=>{const{handleChange:p,handleSubmit:h,values:y,touched:b,errors:N}=m;return s.jsx("div",{className:`${e.styles["box-login"]}`,children:s.jsx("div",{className:`${e.styles["block-login"]}`,children:s.jsxs("div",{className:`${e.styles["block-form"]}`,children:[s.jsxs("div",{className:"d-flex align-items-center mb-4",children:[s.jsx("img",{src:t.schoolLogo,className:`${e.styles["school-icon"]} mr-3`}),s.jsx("p",{className:`${e.styles["school-name"]} mb-0`,children:t.schoolName})]}),s.jsx("p",{className:`${e.styles["title-login"]} `,children:"Forgot password"}),s.jsx("p",{className:`${e.styles["recover-account"]} mb-5`,children:"Enter email to recover your account"}),s.jsxs("div",{className:"w-100",children:[s.jsx(g.Input,{type:"text",name:"email",id:"email",placeholder:"Input email",onChange:p,value:y.email}),b.email&&N.email&&s.jsx(e.ErrorHandler,{text:N.email})]}),s.jsx(ee.Link,{to:"/login",className:`${e.styles["link-to-login"]} mt-2`,children:"Return to login"}),s.jsx(re.GoogleReCaptcha,{action:"forgetPass",onVerify:i}),s.jsx(g.Col,{className:"p-0",children:s.jsx("button",{className:`${e.styles["btn-login"]} mt-5`,onClick:()=>h(),children:"Continue"})})]})})})}})},ts=G.object({password:G.string().required("New password is required"),reEnterPassword:G.string().required("Please re-enter new password").test("matching","Passwords do not match",function(){return this.parent.password===this.parent.reEnterPassword})}),as=()=>{const{validLink:t,resetPasswordRequest:n,isShowNewPassword:r,setIsShowNewPassword:i,isShowReTypePassword:m,setIsShowReTypePassword:p,initialValues:h}=Ee();return s.jsx(de.Formik,{initialValues:h,enableReinitialize:!0,validationSchema:ts,onSubmit:y=>{n(y)},children:y=>{const{setFieldValue:b,handleSubmit:N,touched:E,errors:x,values:k}=y;return s.jsx(g.Row,{className:`${e.styles["box-login"]}`,children:s.jsx(g.Col,{className:"p-0",children:s.jsx("div",{className:`${e.styles["block-login"]}`,children:s.jsxs("div",{className:`${e.styles["block-form"]}`,children:[s.jsx("img",{src:`${e.getStaticFileUrl("/images/horizontal-logo-blue.svg")}`,className:`${e.styles["img-login-rectangle"]}`}),s.jsx("p",{className:`${e.styles["title-login"]}`,children:"Reset Password"}),s.jsx("div",{className:"w-100",children:t?s.jsxs(o.Fragment,{children:[s.jsx(g.FormGroup,{className:`${e.styles["form-user-name"]}`,children:s.jsx(g.Input,{disabled:!0,type:"text",name:"email",placeholder:"Email",value:k.email,autocomplete:"email",required:!0,className:`${e.styles.input}`})}),s.jsxs("div",{className:`${e.styles["form-user-name"]}`,children:[s.jsx(ne,{isShowPassword:r,togglePasswordVisible:()=>i(!r),onChange:w=>b("password",w.target.value)}),E.password&&x.password&&s.jsx(e.ErrorHandler,{text:x.password})]}),s.jsxs("div",{className:`${e.styles["form-user-name"]}`,children:[s.jsx(ne,{placeholder:"Confirm Password",isShowPassword:m,togglePasswordVisible:()=>p(!m),onChange:w=>b("reEnterPassword",w.target.value)}),E.reEnterPassword&&x.reEnterPassword&&s.jsx(e.ErrorHandler,{text:x.reEnterPassword})]})]}):s.jsxs(o.Fragment,{children:[s.jsx("p",{className:`${e.styles["recover-account"]} mb-5`,children:"Invalid reset password link"}),s.jsx("p",{className:"w-100",children:"It may have been accessed before or expired or you have just tried to reset another account's password"})]})}),t&&s.jsx(g.Col,{className:"p-0",children:s.jsx("button",{className:`${e.styles["btn-login"]} ${e.styles["btn-rounder"]} mt-4`,onClick:()=>N(),children:"SET A NEW PASSWORD"})})]})})})})}})},be=`${e.BASE_URL}/api/school`,os=()=>e.api.get(`${be}/settings`),ns=()=>e.api.get(`${be}/info`),rs={auth:{clientId:e.isLocalhost?"a27f8ac9-e039-4bbd-a9e1-3096e52a77bb":"90c6897c-f17b-475e-a7a8-9a19651e0060",authority:"https://login.microsoftonline.com/common",redirectUri:"https://sso.marioforme.com/microsoft-login.html"},cache:{cacheLocation:"sessionStorage",storeAuthStateInCookie:!1},system:{loggerOptions:{loggerCallback:(t,n,r)=>{if(!r)switch(t){case oe.LogLevel.Error:console.error(n);return;case oe.LogLevel.Info:console.info(n);return;case oe.LogLevel.Verbose:console.debug(n);return;case oe.LogLevel.Warning:console.warn(n);return;default:return}}}}},is={email:"",password:"",captcha:"",rememberMe:!1,isSessionUserBrowser:!!sessionStorage.getItem(e.IS_USER_SESSION_BROWSER)},ls="/home",Ne="/home",cs="/admin/home",ds="/parent",ms="/admin/schools",gs="/list-student",us="Log in",hs=()=>{const t=Z.useDispatch(),n=ee.useNavigate(),[r,i]=o.useState(!1),m=Z.useSelector(a=>a.common.isLoginGoogle),[p,h]=o.useState(""),[y,b]=o.useState(""),[N,E]=o.useState(""),[x,k]=o.useState(!1),w=Z.useSelector(a=>a.common.inforUserGoogle),z=Z.useSelector(a=>a.common.environment),_=new URLSearchParams(location.search),j=_.get("type")==="classlink",T=_.get("token"),D=_.get("isAdminUser"),[C]=o.useState(!1),[v,q]=o.useState({schoolName:"",schoolLogo:"",schoolId:0}),[S,I]=o.useState(null),A=o.useCallback(()=>{i(!r)},[r]),[U,W]=o.useState(!1),[se,K]=o.useState(!1),[V,me]=o.useState({firstName:"",lastName:"",fullName:"",imageUrl:"",email:"",accessToken:"",googleId:""});o.useEffect(()=>{document.title=us;const a=e.getCookieValue("auth-token");if(a){const c=window.location.hostname;if(localStorage.setItem(e.ACCESS_TOKEN,a),document.cookie=`auth-token=;domain=${c.includes("localhost")?c:".marioforme.com"}; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`,document.cookie="redirect-uri=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",D)return n("/admin/home");pe(a);return}e.getAccessToken()&&n("/"),Ae()},[D,pe,n]);const ie=()=>{localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN),localStorage.removeItem("USER_EMAIL")};o.useEffect(()=>{j&&T!=""&&Ie()},[]);const M=()=>{K(!se)},ke=()=>{if(e.isLocalhost){const a="https://clever.com/oauth/instant-login?client_id=44f4bbf55cd873d3f7e5&district_id=6620cba31f1ddde7bd689dc5";window.location.href=a}else{const a=`https://clever.com/oauth/authorize?response_type=code&redirect_uri=${encodeURIComponent("https://classlink.marioforme.com/api/clever/clever-login")}&client_id=c3da6c669d239c70d48e`;window.location.href=a}},Ie=async()=>{t(e.setLoading(!0));try{const a={tokenClassLink:T},l=await e.apiInforUserClassLink(a),{email:c,token:f}=l.data;await Y({email:c,rememberMe:!1,password:"default",accessToken:f})}catch(a){t(e.setAlert({type:"danger",message:a.response?.data?.title||a.message}))}t(e.setLoading(!1))},ge=window.location.host.includes("-district"),Te=o.useCallback(async()=>{t(e.setLoading(!0));try{const a=await ns(),l=a.data.schoolLogo??"";a.data&&q({schoolName:a.data.schoolName,schoolLogo:l?e.getFileUrl(l):e.getStaticFileUrl("/images/logo_header_blue.png"),schoolId:a.data.schoolId})}catch(a){t(e.setAlert({type:"danger",message:a.response?.data?.title||a.message}))}t(e.setLoading(!1))},[]),[Pe,le]=o.useState(!1),[Q,ue]=o.useState(null),te=o.useCallback((a,l,c,f,d,F,R,B,H,P)=>{const $=P?.isSessionUserBrowser??!1;if($?(sessionStorage.setItem(e.ACCESS_TOKEN,a),sessionStorage.setItem(e.IS_USER_SESSION_BROWSER,String($))):(sessionStorage.removeItem(e.IS_USER_SESSION_BROWSER),localStorage.setItem(e.ACCESS_TOKEN,a)),localStorage.removeItem(e.NOTIFICATION_ALERT_KEY),t(e.setUser({id:l,firstName:c,lastName:f,roles:d,email:F,profileImageFileName:R})),!localStorage.getItem("ROLES")){let L="";d.includes("Admin")?L="Admin":d.includes("Teacher")?L=d.includes("Assistant")?"Teacher,Assistant":"Teacher":d.includes("Assistant")?L="Assistant":d.includes("Counselor")?L="Counselor":d.includes("SecondaryTeacher")?L="SecondaryTeacher":d.includes("EduTeacher")?L="EduTeacher":d.includes("Student")?L="Student":d.includes("Parent")?L="Parent":d.length>0&&(L=d[0]),L&&localStorage.setItem("ROLES",L)}if(P?.email&&!d.includes("Admin")){ae.init(e.isLocalhost?e.INIT_AMPLITUDE_KEY_STAGE:e.INIT_AMPLITUDE_KEY_PROD,P.email,{defaultTracking:!1});const L=window.location.hostname,J=new ae.Identify;J.set("domain",L),ae.identify(J),ae.track("general: session start",{user_id:P.email,domain:L,roles:d?.toString()}),localStorage.setItem("USER_EMAIL",P.email),B&&ae.track("general: first login",{user_id:P.email,domain:L,roles:d?.toString()})}const O=L=>{const J=e.navigateBySchoolLevel(L,H);window.location.pathname.startsWith("/es")?H==="es"?n(J):window.location.href=J:H==="es"?window.location.href=J:n(J)};ge?O(ms):d.includes("Admin")?O(cs):d.includes("Teacher")||d.includes("Assistant")||d.includes("Counselor")||d.includes("SecondaryTeacher")?O(ls):d.includes("Student")?O(Ne):d.includes("Parent")?O(ds):d.includes("EduTeacher")&&O(gs),t(e.setLoading(!1))},[t,n,ge]),ce=o.useCallback((a,l,c)=>x&&a?.includes("Student")&&(l==="es"||c==="ES")?(t(e.setAlert({type:"danger",message:"Unable to sign in with SSO. Please contact your admin or teacher."})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN),t(e.setLoading(!1)),!0):!1,[x,t]),he=o.useCallback(a=>x&&a&&e.ES_GRADES.includes(a.trim())?(t(e.setAlert({type:"danger",message:"Unable to sign in with SSO. Please contact your admin or teacher."})),t(e.setLoading(!1)),!0):!1,[x,t]);async function pe(a){t(e.setLoading(!0));try{const l=await e.getInfo();let{id:c,firstName:f,lastName:d,roles:F,email:R,profileImageFileName:B,isLoginFirst:H,schoolLevel:P,appType:$,preferredAppType:O,needsAppTypeChoice:L}=l.data;if(L){ue({email:R}),le(!0),t(e.setLoading(!1));return}P||($==="ES"||$==="ES, MS"&&O==="ES")&&(P="es"),te(a,c,f,d,F,R,B,H,P,{email:R})}catch(l){t(e.setAlert({type:"danger",message:l.response?.data?.title||l.message||"Login failed"})),t(e.setLoading(!1))}}const _e=o.useCallback(async a=>{if(le(!1),!Q)return;t(e.setLoading(!0));const l=a==="es"?"ES":a==="ms"?"MS":"ES, MS";try{const c=await e.logIn({...Q,email:Q?.email?.trim(),password:Q?.password?.trim(),preferredAppType:l});let{token:f,id:d,firstName:F,lastName:R,roles:B,email:H,profileImageFileName:P,isLoginFirst:$,schoolLevel:O}=c.data;if(!O&&a==="es"&&(O="es"),ce(B,O,c.data.appType))return;te(f,d,F,R,B,H,P,$,O,Q)}catch(c){t(e.setAlert({type:"danger",message:c.response?.data?.title||c.message||"Login failed"})),t(e.setLoading(!1))}},[Q,te,ce,t]),Y=o.useCallback(async a=>{t(e.setLoading(!0));try{const l=await e.logIn({...a,email:a?.email?.trim(),password:a?.password?.trim()});let{token:c,id:f,firstName:d,lastName:F,roles:R,email:B,profileImageFileName:H,isLoginFirst:P,schoolLevel:$}=l.data;if(l.data.needsAppTypeChoice){ue(a),le(!0),t(e.setLoading(!1));return}if($||(l.data.appType==="ES"||l.data.appType==="ES, MS"&&l.data.preferredAppType==="ES")&&($="es"),ce(R,$,l.data.appType))return;te(c,f,d,F,R,B,H,P,$,a)}catch(l){t(e.setAlert({type:"danger",message:l.response?.data?.title||l.message||"Login failed"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN),t(e.setLoading(!1))}},[te,ce,t]),Ae=async()=>{try{const a=await e.getGoogleClientId();h(a.data.googleClientId),b(a.data.googleCaptchaId),E(a.data.extensionEmail),k(a.data.isRestrictedLogin)}catch(a){t(e.setAlert({type:"danger",message:a.response?.data?.title||a.message||"Login failed"}))}},fe=o.useCallback(async(a,l,c,f)=>{t(e.setLoading(!0));try{if((await e.checkUserGoogle(a,l)).data){const R={email:l.email,isLoginGoogle:!0,rememberMe:!1,password:"default",accessToken:c,captcha:"",loginType:X.LoginType.Google};if(f!=null){const B=await f();R.captcha=B}await Y(R),t(e.setIsLoginGoogle(!1))}else me({...l,token:c}),M()}catch(d){t(e.setAlert({type:"danger",message:d.response?.data?.title||d.message||"Login failed"}))}t(e.setLoading(!1))},[Y,t,M]),Re=o.useCallback(async(a,l)=>{t(e.setLoading(!0));try{if(he(a))return;if((await e.registerUserStudent({...V,gradeLevel:a}))?.data){const f={email:V.email,isLoginGoogle:!0,rememberMe:!1,password:"default",accessToken:V.accessToken,captcha:"",loginType:X.LoginType.Google};if(l!=null){const d=await l();f.captcha=d}await Y(f),M()}}catch(c){t(e.setAlert({type:"danger",message:c.response?.data?.title||c.message||"Login failed"}))}t(e.setLoading(!1))},[he,V,Y,M,t]),$e=async(a,l)=>{t(e.setLoading(!0));try{const c={firstName:w.firstName,lastName:w.lastName,imageUrl:w.imageUrl,fullName:w.fullName,email:w.email,accessToken:w.accessToken,teacherId:a};if((await e.registerUserStudent(c)).data){const d=await l(),F={email:w.email,captcha:d,isLoginGoogle:!0,rememberMe:!1,password:"default",accessToken:w.accessToken,loginType:X.LoginType.Google};t(e.setIsLoginGoogle(!1)),await Y(F),n(Ne)}}catch(c){t(e.setAlert({type:"danger",message:c.response?.data?.title||c.message||"Login failed"}))}t(e.setIsLoginGoogle(!1)),t(e.setLoading(!1))},Oe=async()=>{try{const a=await os();t(e.setSandboxMode(a.data.isSandboxMode))}catch(a){console.error(a)}},xe=async a=>{S.handleRedirectPromise().then(async l=>{if(v?.schoolId)if(l){let c=l.account;await we(c,a)}else{const c=S.getAllAccounts();if(c.length===0){const f=z==="PreProduction"?"https://mario1.marioforme.com":e.isLocalhost?"https://brightsoft.marioforme.com":"https://sso.marioforme.com";window.location.href=(window.location.hostname==="localhost"?window.location.origin:f)+`/microsoft-login.html?redirect-uri=${window.location.origin}&schoolId=${v.schoolId}`}else{let f=c[0];await we(f,a)}}}).catch(l=>{console.error(l)})},we=async(a,l)=>{let c=a.name,f={firstName:c.split(" ").slice(0,-1).join(" "),lastName:c.split(" ").slice(-1).join(" "),fullName:c,imageUrl:"",email:a.username,accessToken:a.idTokenClaims.aio,googleId:a.tenantId};t(e.setInforUserGoogle(f)),await fe(X.TypeLogin.MicrosoftSSO,f,a.idTokenClaims.aio,l)},Ge=async()=>{const a=new oe.PublicClientApplication(rs);await a.initialize(),I(a)};return o.useEffect(()=>{let a=window.location.href;S&&a.includes("code")&&a.includes("client_info")&&xe()},[JSON.stringify(S)]),o.useEffect(()=>{Oe(),Ge(),Te()},[]),{defaultInfo:is,userLogin:Y,openLogin:r,toggle:A,isShowPassword:U,setIsShowPassword:W,fnIsCheckLogin:fe,isLoginGoogle:m,infoUser:w,submitLogin:$e,googleClientId:p,googleRecaptchaId:y,handleCancelModelAssign:ie,openModelAssign:C,fnLoginSSO:xe,school:v,extensionEmail:N,handleLoginWidthClever:ke,openModalSelectGrade:se,handleRegisterUser:Re,handleToggleModelGrade:M,openModalSelectTier:Pe,handleSelectTier:_e,setOpenModalSelectTier:le}},je="/",ps="/login",Ce="Log in",fs=()=>{const t=Z.useDispatch(),n=ee.useNavigate(),r=location.search,m=new URLSearchParams(r).get("userId"),[p,h]=o.useState(!1),[y,b]=o.useState(!1),[N,E]=o.useState({password:"",reEnterPassword:"",email:"",userId:m??"",token:""}),{executeRecaptcha:x}=re.useGoogleReCaptcha(),k=o.useCallback(async j=>{t(e.setLoading(!0));try{const T=await e.getUserNewPassword(j);E({...N,email:T.data})}catch(T){t(e.setAlert({type:"danger",message:T.message}))}t(e.setLoading(!1))},[]),w=o.useCallback(async j=>{t(e.setLoading(!0));try{await e.createPassword(j),n(ps),t(e.setAlert({type:"success",message:"Create password sucessfully"}))}catch(T){t(e.setAlert({type:"danger",message:T.response?.data?.title||T.message||"Error occured"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN)}t(e.setLoading(!1))},[]),z=o.useCallback(async()=>{if(!x){console.log("execute recaptcha undefined");return}return await x("forgetPass")},[x]),_=o.useCallback(()=>{},[]);return o.useEffect(()=>{document.title=Ce,e.getAccessToken()&&n(je),m&&k(m)},[m]),o.useEffect(()=>{document.title=Ce,e.getAccessToken()&&n(je)},[]),{createPasswordRequest:w,isShowNewPassword:p,setIsShowNewPassword:h,isShowReTypePassword:y,setIsShowReTypePassword:b,clickHandler:z,handleVerify:_,initialValues:N}},xs=G.object({password:G.string().required("Password is required"),reEnterPassword:G.string().required("Please re-enter Password").test("matching","Passwords do not match",function(){return this.parent.password===this.parent.reEnterPassword})}),ws=()=>{const{createPasswordRequest:t,isShowNewPassword:n,setIsShowNewPassword:r,isShowReTypePassword:i,setIsShowReTypePassword:m,initialValues:p}=fs();return s.jsx(de.Formik,{initialValues:p,enableReinitialize:!0,validationSchema:xs,onSubmit:h=>{t(h)},children:h=>{const{setFieldValue:y,handleSubmit:b,touched:N,errors:E,values:x}=h;return s.jsx(g.Row,{className:`${e.styles["box-login"]}`,children:s.jsxs(g.Col,{className:"p-0",children:[s.jsx("div",{hidden:!x.email,className:`${e.styles["block-login"]}`,children:s.jsxs("div",{className:`${e.styles["block-form"]}`,children:[s.jsx("img",{src:`${e.getStaticFileUrl("/images/horizontal-logo-blue.svg")}`,className:`${e.styles["img-login-rectangle"]}`}),s.jsx("p",{className:`${e.styles["title-login"]}`,children:"Create Your Password"}),s.jsx("div",{className:"w-100",children:s.jsxs(o.Fragment,{children:[s.jsx(g.FormGroup,{className:`${e.styles["form-user-name"]}`,children:s.jsx(g.Input,{disabled:!0,type:"text",name:"email",placeholder:"Email",value:x.email,autocomplete:"email",required:!0,className:`${e.styles.input}`})}),s.jsxs("div",{className:`${e.styles["form-user-name"]}`,children:[s.jsx(ne,{isShowPassword:n,togglePasswordVisible:()=>r(!n),onChange:k=>y("password",k.target.value)}),N.password&&E.password&&s.jsx(e.ErrorHandler,{text:E.password})]}),s.jsxs("div",{className:`${e.styles["form-user-name"]}`,children:[s.jsx(ne,{placeholder:"Confirm Password",isShowPassword:i,togglePasswordVisible:()=>m(!i),onChange:k=>y("reEnterPassword",k.target.value)}),N.reEnterPassword&&E.reEnterPassword&&s.jsx(e.ErrorHandler,{text:E.reEnterPassword})]})]})}),s.jsx("button",{className:`${e.styles["btn-login"]} ${e.styles["btn-rounder"]} mt-4`,onClick:()=>b(),children:"CREATE YOUR PASSWORD"})]})}),s.jsx("div",{hidden:!!x.email,className:`${e.styles["block-login"]}`,children:s.jsxs("div",{className:`${e.styles["block-form"]}`,children:[s.jsx("img",{src:`${e.getStaticFileUrl("/images/horizontal-logo-blue.svg")}`,className:`${e.styles["img-login-rectangle"]}`}),s.jsx("p",{className:`${e.styles["title-login"]}`,children:"You cannot regenerate the password"})]})})]})})}})},Ss="_modalContent_1pxxz_1",ys="_closeButton_1pxxz_6",Ns="_modalBody_1pxxz_17",js="_iconWrapper_1pxxz_22",Cs="_title_1pxxz_38",vs="_subtitle_1pxxz_45",Ls="_tierCard_1pxxz_51",Es="_es_1pxxz_60",bs="_tierTitle_1pxxz_71",ks="_tierDesc_1pxxz_76",Is="_arrow_1pxxz_81",Ts="_ms_1pxxz_85",Ps="_both_1pxxz_110",_s="_cardLeft_1pxxz_134",As="_cardText_1pxxz_138",u={modalContent:Ss,closeButton:ys,modalBody:Ns,iconWrapper:js,title:Cs,subtitle:vs,tierCard:Ls,es:Es,tierTitle:bs,tierDesc:ks,arrow:Is,ms:Ts,both:Ps,cardLeft:_s,cardText:As},Rs=({open:t,onSelectTier:n,onClose:r})=>s.jsxs(g.Modal,{isOpen:t,style:{zIndex:1201,maxWidth:450},centered:!0,autoFocus:!1,returnFocusAfterClose:!1,contentClassName:u.modalContent,children:[s.jsx("div",{className:u.closeButton,children:r&&s.jsx(e.MdClose,{onClick:()=>r(),size:24})}),s.jsxs(g.ModalBody,{className:u.modalBody,children:[s.jsx("div",{className:u.iconWrapper,children:s.jsx("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"})})}),s.jsx("h4",{className:u.title,children:"Select Grade Level"}),s.jsx("p",{className:u.subtitle,children:"Select the grade levels you support"}),s.jsxs("div",{onClick:()=>n("es"),className:`${u.tierCard} ${u.es}`,children:[s.jsxs("div",{className:u.cardLeft,children:[s.jsx("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"})}),s.jsxs("div",{className:u.cardText,children:[s.jsx("div",{className:u.tierTitle,children:"Elementary / Primary"}),s.jsx("div",{className:u.tierDesc,children:"Grades 2-5 / Years 3-6"})]})]}),s.jsx("div",{className:u.arrow,children:">"})]}),s.jsxs("div",{onClick:()=>n("ms"),className:`${u.tierCard} ${u.ms}`,children:[s.jsxs("div",{className:u.cardLeft,children:[s.jsx("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"})}),s.jsxs("div",{className:u.cardText,children:[s.jsx("div",{className:u.tierTitle,children:"Middle & High / Secondary"}),s.jsx("div",{className:u.tierDesc,children:"Grades 6-12 / Years 7-13"})]})]}),s.jsx("div",{className:u.arrow,children:">"})]}),s.jsxs("div",{onClick:()=>n("both"),className:`${u.tierCard} ${u.both}`,children:[s.jsxs("div",{className:u.cardLeft,children:[s.jsx("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M17 14v6m-3-3h6M6 10h2a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2zm10 0h2a2 2 0 002-2V6a2 2 0 00-2-2h-2a2 2 0 00-2 2v2a2 2 0 002 2zM6 20h2a2 2 0 002-2v-2a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2z"})}),s.jsxs("div",{className:u.cardText,children:[s.jsx("div",{className:u.tierTitle,children:"Both Tiers"}),s.jsx("div",{className:u.tierDesc,children:"Access all grade levels"})]})]}),s.jsx("div",{className:u.arrow,children:">"})]})]})]}),$s=o.memo(Rs),Os="Log in",Gs="Forgot password",Ms="Reset password",Us=t=>{const{isLogin:n,isForgotPassword:r,isResetPassword:i,isCreatePassword:m}=t,{defaultInfo:p,userLogin:h,googleRecaptchaId:y,handleCancelModelAssign:b,school:N,openModelAssign:E,setIsShowPassword:x,fnIsCheckLogin:k,isLoginGoogle:w,submitLogin:z,infoUser:_,googleClientId:j,isShowPassword:T,fnLoginSSO:D,extensionEmail:C,handleLoginWidthClever:v,openModalSelectGrade:q,handleRegisterUser:S,handleToggleModelGrade:I,openModalSelectTier:A,handleSelectTier:U,setOpenModalSelectTier:W}=hs();return o.useEffect(()=>{n&&(document.title=Os),r&&(document.title=Gs),i&&(document.title=Ms)},[n,r,i]),s.jsxs("div",{className:`${e.styles.login} container-fluid font-family-lato`,children:[s.jsxs(g.Row,{className:"h-100",children:[s.jsxs(g.Col,{lg:8,md:12,xs:12,className:"d-flex justify-content-center h-100 align-items-center p-3 flex-column",children:[!!y&&s.jsxs(re.GoogleReCaptchaProvider,{useRecaptchaNet:!0,reCaptchaKey:y,scriptProps:{async:!0,defer:!0,appendTo:"body"},children:[n&&s.jsx(Ye,{userLogin:h,defaultInfo:p,onCancelModelAssign:b,openModelAssign:E,school:N,fnIsCheckLogin:k,googleClientId:j,infoUser:_,isLoginGoogle:w,isShowPassword:T,setIsShowPassword:x,submitLogin:z,fnLoginSSO:D,extensionEmail:C,onLoginWidthClever:v,openModalSelectGrade:q,handleRegisterUser:S,onToggleModelGrade:I}),r&&s.jsx(ss,{school:N})]}),i&&s.jsx(as,{}),m&&s.jsx(ws,{}),s.jsx("a",{href:"/privacy-policy/",target:"blank",className:`${e.styles["privacy-policy"]}`,children:"Privacy Policy"})]}),s.jsx(g.Col,{className:"p-3 mh-100 d-flex justify-content-end",lg:4,md:12,xs:12,children:s.jsx("img",{src:`${e.getStaticFileUrl(window.innerWidth>992?"/images/img-login.png":"/images/img-login-tablet.png")}`,className:`${e.styles["img-login"]}`})})]}),s.jsx($s,{open:A,onSelectTier:U,onClose:()=>W(!1)})]})};exports.default=Us;