mario-core 2.0.7 → 2.0.8-release

package/dist/Login-erVjidLp.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),u=require("reactstrap"),F=require("react-router-dom"),e=require("./index-DSGOm1zi.js"),q=require("react-redux"),J=require("formik"),we=require("yup"),H=require("react-google-recaptcha-v3"),ie=require("@react-oauth/google"),M=require("./types-CTFcZUFS.js"),K=require("@azure/msal-browser"),ye=require("@amplitude/analytics-browser");function ce(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(a,r,l.get?l:{enumerable:!0,get:()=>o[r]})}}return a.default=o,Object.freeze(a)}const v=ce(we),B=ce(ye),Se={backgroundColor:"#f7f9fc",borderRadius:"4px",marginBottom:"5px",position:"relative"},xe={backgroundColor:"#ffffff",paddingRight:"50px",color:"#333333",caretColor:"#333333"},Ne={fontSize:"20px",position:"absolute",right:"10px",color:"#316CD9"},je=o=>o.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g,(a,r)=>r.toUpperCase()),z=({isShowPassword:o,togglePasswordVisible:a,onChange:r,placeholder:l})=>s.jsxs("div",{className:"d-flex align-items-center w-100",style:Se,children:[s.jsx(u.Input,{className:"border password-input",style:xe,type:o?"text":"password",name:"password",onChange:r,placeholder:l||"Password",autocomplete:l?je(l):"password",required:!0}),s.jsx("i",{className:`far ${o?"fa-eye-slash":"fa-eye"} mx-2 cursor-pointer`,style:Ne,onClick:()=>a(),title:o?"Hide":"Show"})]}),Ie=v.object({email:v.string().email("Email is invalid").required("Email is required"),password:v.string().required("Password is required"),rememberMe:v.boolean()}),Ee=({onSuccess:o,onError:a})=>{const r=ie.useGoogleLogin({onSuccess:async l=>{try{const i=await fetch("https://www.googleapis.com/oauth2/v3/userinfo",{headers:{Authorization:`Bearer ${l.access_token}`}}).then(p=>p.json()),h={accessToken:l.access_token,googleId:i.sub,profileObj:{email:i.email,familyName:i.family_name,givenName:i.given_name,imageUrl:i.picture,name:i.name}};o(h)}catch(i){a(i)}},onError:l=>a(l)});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"})]})},be=({defaultInfo:o,userLogin:a,school:r,isShowPassword:l,setIsShowPassword:i,fnIsCheckLogin:h,googleClientId:p,fnLoginSSO:w,extensionEmail:I,onLoginWidthClever:y})=>{const x=()=>i(!l),c=q.useDispatch(),{executeRecaptcha:f}=H.useGoogleReCaptcha(),k=n.useCallback(async()=>{if(!f){console.log("execute recaptcha undefined");return}return await f("login")},[f]),R=n.useCallback(()=>{},[]),P=async d=>{try{await e.AccountSSOLogApi(d)}catch(S){console.error(S)}},E=async d=>{if(d?.accessToken){let{email:S,familyName:L,givenName:T,imageUrl:$,name:N}=d.profileObj,b=d.accessToken,A=d.googleId;const G=window.location.hostname.split(".marioforme.com")?.[0],D=S.split("@")?.[1],Z=I?.split(",")?.map(U=>U.trim())?.filter(U=>U).some(U=>D.includes(U));if(!D.includes(G)&&!Z){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 P([`${D} is incorrect`]);return}const O={firstName:T,lastName:L,imageUrl:$,fullName:N,email:S,accessToken:b,googleId:A};c(e.setInforUserGoogle(O)),h(M.TypeLogin.Google,O,b,k)}};return s.jsx(n.Fragment,{children:s.jsx(J.Formik,{initialValues:o,validationSchema:Ie,onSubmit:async d=>{try{const S=await k();if(!S)return;d.captcha=S,d.loginType=M.LoginType.Default,a(d)}catch(S){console.error(S)}},children:d=>{const{handleBlur:S,handleSubmit:L,values:T,touched:$,errors:N,setFieldValue:b}=d,A=$.email&&N.email,W=$.password&&N.password;return s.jsx("div",{className:`${e.styles["box-login"]} w-100`,children:s.jsx(u.Form,{className:`${e.styles["block-login"]}`,onSubmit:L,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(u.FormGroup,{className:`${e.styles["form-user-name"]}`,children:[s.jsx(u.Input,{type:"text",name:"email",placeholder:"Email",value:T.email,onChange:G=>b("email",G.target?.value?.trim()||""),autocomplete:"email",onBlur:S("email"),required:!0}),A&&s.jsx(e.ErrorHandler,{text:N.email})]}),s.jsxs(u.FormGroup,{children:[s.jsx(z,{isShowPassword:l,togglePasswordVisible:x,onChange:G=>b("password",G.target?.value?.trim()||"")}),W&&s.jsx(e.ErrorHandler,{text:N.password})]}),s.jsx(u.FormGroup,{children:s.jsx(H.GoogleReCaptcha,{action:"login",onVerify:R})}),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:!T.isSessionUserBrowser,className:`${e.styles["checkbox-keep-login"]}`,onChange:()=>b("isSessionUserBrowser",!T.isSessionUserBrowser)}),s.jsx("p",{className:`${e.styles["label-keep-login"]} mb-0 ml-2`,children:"Keep me logged in"})]}),s.jsx(F.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(u.Row,{className:"mb-4",children:[s.jsx(u.Col,{lg:6,md:6,xs:12,className:"pr-md-3",children:!!p&&s.jsx(ie.GoogleOAuthProvider,{clientId:p,children:s.jsx(Ee,{onSuccess:E,onError:()=>console.log("Google login failed")})})}),r.schoolId&&s.jsx(u.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:()=>w(k),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:()=>y(),children:[s.jsx("img",{src:"images/clever-icon.png"}),s.jsx("p",{children:"SIGN IN WITH CLEVER"})]})})]})})})}})})},Ce={email:"",captcha:""},ke="/",ae="/login",Le="Log in",de=()=>{const o=new URLSearchParams(F.useLocation().search),a=o.get("token"),r=o.get("key")??"",l=q.useDispatch(),i=F.useNavigate(),[h,p]=n.useState(!1),w=n.useCallback(()=>{p(!h)},[h]),[I,y]=n.useState(!1),[x,c]=n.useState(!1),[f,k]=n.useState({token:"",password:"",reEnterPassword:"",email:"",userId:""}),[R,P]=n.useState(!0),{executeRecaptcha:E}=H.useGoogleReCaptcha();n.useEffect(()=>{document.title=Le,e.getAccessToken()&&i(ke)},[]);const d=n.useCallback(async N=>{l(e.setLoading(!0));try{await e.forgotPassword(N),i(ae),l(e.setAlert({type:"success",message:"A mail to reset password was sent"}))}catch(b){l(e.setAlert({type:"danger",message:b.response?.data?.title||b.message||"Error occured"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN)}l(e.setLoading(!1))},[]),S=n.useCallback(async(N,b)=>{l(e.setLoading(!0));try{const A=await e.checkResetToken(N,b);A.data?k({...f,token:N,email:A.data}):P(!1)}catch{P(!1)}l(e.setLoading(!1))},[]),L=n.useCallback(async N=>{l(e.setLoading(!0));try{await e.resetPassword({...N,key:r}),i(ae),l(e.setAlert({type:"success",message:"Reset password sucessfully"}))}catch(b){l(e.setAlert({type:"danger",message:b.response?.data?.title||b.message||"Error occured"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN)}l(e.setLoading(!1))},[]),T=n.useCallback(async()=>{if(!E){console.log("execute recaptcha undefined");return}return await E("forgetPass")},[E]),$=n.useCallback(()=>{},[]);return n.useEffect(()=>{a&&r&&S(a,r)},[a,r]),{defaultInfo:Ce,forgotPasswordRequest:d,checkResetTokenRequest:S,validLink:R,resetPasswordRequest:L,openLogin:h,toggle:w,isShowNewPassword:I,setIsShowNewPassword:y,isShowReTypePassword:x,setIsShowReTypePassword:c,clickHandler:T,handleVerify:$,initialValues:f}},ve={email:"",captcha:""},Pe=v.object({email:v.string().email("Email is invalid").required("Email is required")}),Te=({school:o})=>{const{forgotPasswordRequest:a,clickHandler:r,handleVerify:l}=de();return s.jsx(J.Formik,{initialValues:ve,enableReinitialize:!0,validationSchema:Pe,onSubmit:async i=>{const h=await r();h&&(i.captcha=h,a(i))},children:i=>{const{handleChange:h,handleSubmit:p,values:w,touched:I,errors:y}=i;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:o.schoolLogo,className:`${e.styles["school-icon"]} mr-3`}),s.jsx("p",{className:`${e.styles["school-name"]} mb-0`,children:o.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(u.Input,{type:"text",name:"email",id:"email",placeholder:"Input email",onChange:h,value:w.email}),I.email&&y.email&&s.jsx(e.ErrorHandler,{text:y.email})]}),s.jsx(F.Link,{to:"/login",className:`${e.styles["link-to-login"]} mt-2`,children:"Return to login"}),s.jsx(H.GoogleReCaptcha,{action:"forgetPass",onVerify:l}),s.jsx(u.Col,{className:"p-0",children:s.jsx("button",{className:`${e.styles["btn-login"]} mt-5`,onClick:()=>p(),children:"Continue"})})]})})})}})},Re=v.object({password:v.string().required("New password is required"),reEnterPassword:v.string().required("Please re-enter new password").test("matching","Passwords do not match",function(){return this.parent.password===this.parent.reEnterPassword})}),Ae=()=>{const{validLink:o,resetPasswordRequest:a,isShowNewPassword:r,setIsShowNewPassword:l,isShowReTypePassword:i,setIsShowReTypePassword:h,initialValues:p}=de();return s.jsx(J.Formik,{initialValues:p,enableReinitialize:!0,validationSchema:Re,onSubmit:w=>{a(w)},children:w=>{const{setFieldValue:I,handleSubmit:y,touched:x,errors:c,values:f}=w;return s.jsx(u.Row,{className:`${e.styles["box-login"]}`,children:s.jsx(u.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:o?s.jsxs(n.Fragment,{children:[s.jsx(u.FormGroup,{className:`${e.styles["form-user-name"]}`,children:s.jsx(u.Input,{disabled:!0,type:"text",name:"email",placeholder:"Email",value:f.email,autocomplete:"email",required:!0,className:`${e.styles.input}`})}),s.jsxs("div",{className:`${e.styles["form-user-name"]}`,children:[s.jsx(z,{isShowPassword:r,togglePasswordVisible:()=>l(!r),onChange:k=>I("password",k.target.value)}),x.password&&c.password&&s.jsx(e.ErrorHandler,{text:c.password})]}),s.jsxs("div",{className:`${e.styles["form-user-name"]}`,children:[s.jsx(z,{placeholder:"Confirm Password",isShowPassword:i,togglePasswordVisible:()=>h(!i),onChange:k=>I("reEnterPassword",k.target.value)}),x.reEnterPassword&&c.reEnterPassword&&s.jsx(e.ErrorHandler,{text:c.reEnterPassword})]})]}):s.jsxs(n.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"})]})}),o&&s.jsx(u.Col,{className:"p-0",children:s.jsx("button",{className:`${e.styles["btn-login"]} ${e.styles["btn-rounder"]} mt-4`,onClick:()=>y(),children:"SET A NEW PASSWORD"})})]})})})})}})},me=`${e.BASE_URL}/api/school`,$e=()=>e.api.get(`${me}/settings`),Oe=()=>e.api.get(`${me}/info`),_e={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:(o,a,r)=>{if(!r)switch(o){case K.LogLevel.Error:console.error(a);return;case K.LogLevel.Info:console.info(a);return;case K.LogLevel.Verbose:console.debug(a);return;case K.LogLevel.Warning:console.warn(a);return;default:return}}}}},Ge={email:"",password:"",captcha:"",rememberMe:!1,isSessionUserBrowser:!!sessionStorage.getItem(e.IS_USER_SESSION_BROWSER)},Ue="/home",ne="/home",Me="/admin/home",qe="/parent",Fe="/admin/schools",He="/list-student",De="Log in",Ve=()=>{const o=q.useDispatch(),a=F.useNavigate(),[r,l]=n.useState(!1),i=q.useSelector(t=>t.common.isLoginGoogle),[h,p]=n.useState(""),[w,I]=n.useState(""),[y,x]=n.useState(""),c=q.useSelector(t=>t.common.inforUserGoogle),f=new URLSearchParams(location.search),k=f.get("type")==="classlink",R=f.get("token"),P=f.get("isAdminUser"),[E]=n.useState(!1),[d,S]=n.useState({schoolName:"",schoolLogo:"",schoolId:0}),[L,T]=n.useState(null),$=n.useCallback(()=>{l(!r)},[r]),[N,b]=n.useState(!1);n.useEffect(()=>{document.title=De;const t=e.getCookieValue("auth-token");if(t){const g=window.location.hostname;if(localStorage.setItem(e.ACCESS_TOKEN,t),document.cookie=`auth-token=;domain=${g.includes("localhost")?g:".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=/",P)return a("/admin/home")}e.getAccessToken()&&a("/"),U()},[P]);const A=()=>{localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN),localStorage.removeItem("USER_EMAIL")};n.useEffect(()=>{k&&R!=""&&G()},[]);const W=()=>{if(e.isLocalhost){const t="https://clever.com/oauth/instant-login?client_id=c3da6c669d239c70d48e&district_id=66132a6f222bda41cc8abe5d";window.location.href=t}else{const t=`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=t}},G=async()=>{o(e.setLoading(!0));try{const t={tokenClassLink:R},m=await e.apiInforUserClassLink(t),{email:g,token:j}=m.data;await O({email:g,rememberMe:!1,password:"default",accessToken:j})}catch(t){o(e.setAlert({type:"danger",message:t.response?.data?.title||t.message}))}o(e.setLoading(!1))},D=window.location.host.includes("-district"),Z=n.useCallback(async()=>{o(e.setLoading(!0));try{const t=await Oe(),m=t.data.schoolLogo??"";t.data&&S({schoolName:t.data.schoolName,schoolLogo:m?e.getFileUrl(m):e.getStaticFileUrl("/images/logo_header_blue.png"),schoolId:t.data.schoolId})}catch(t){o(e.setAlert({type:"danger",message:t.response?.data?.title||t.message}))}o(e.setLoading(!1))},[]),O=n.useCallback(async t=>{o(e.setLoading(!0));try{const m=t?.isSessionUserBrowser??!1,g=await e.logIn({...t,email:t?.email?.trim(),password:t?.password?.trim()}),{token:j,id:_,firstName:Y,lastName:V,roles:C,email:Q,profileImageFileName:pe,isLoginFirst:fe}=g.data;if(m?(sessionStorage.setItem(e.ACCESS_TOKEN,j),sessionStorage.setItem(e.IS_USER_SESSION_BROWSER,m)):(sessionStorage.removeItem(e.IS_USER_SESSION_BROWSER),localStorage.setItem(e.ACCESS_TOKEN,j)),localStorage.removeItem(e.NOTIFICATION_ALERT_KEY),o(e.setUser({id:_,firstName:Y,lastName:V,roles:C,email:Q,profileImageFileName:pe})),!localStorage.getItem("ROLES")&&C.includes("Admin")&&localStorage.setItem("ROLES","Admin"),t?.email&&!C.includes("Admin")){B.init(e.isLocalhost?e.INIT_AMPLITUDE_KEY_STAGE:e.INIT_AMPLITUDE_KEY_PROD,t.email,{defaultTracking:!1});const X=window.location.hostname,oe=new B.Identify;oe.set("domain",X),B.identify(oe),B.track("general: session start",{user_id:t.email,domain:X,roles:t?.roles?.toString()}),localStorage.setItem("USER_EMAIL",t.email),fe&&B.track("general: first login",{user_id:t.email,domain:X,roles:t?.roles?.toString()})}D?a(Fe):C.includes("Admin")?a(Me):C.includes("Teacher")||C.includes("Assistant")||C.includes("Counselor")||C.includes("SecondaryTeacher")?a(Ue):C.includes("Student")?a(ne):C.includes("Parent")?a(qe):C.includes("EduTeacher")&&a(He)}catch(m){o(e.setAlert({type:"danger",message:m.response?.data?.title||m.message||"Login failed"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN)}o(e.setLoading(!1))},[]),U=async()=>{try{const t=await e.getGoogleClientId();p(t.data.googleClientId),I(t.data.googleCaptchaId),x(t.data.extensionEmail)}catch(t){o(e.setAlert({type:"danger",message:t.response?.data?.title||t.message||"Login failed"}))}},ee=n.useCallback(async(t,m,g,j)=>{o(e.setLoading(!0));try{if((await e.checkUserGoogle(t,m)).data){const V={email:m.email,isLoginGoogle:!0,rememberMe:!1,password:"default",accessToken:g,captcha:"",loginType:M.LoginType.Google};if(j!=null){const C=await j();V.captcha=C}await O(V),o(e.setIsLoginGoogle(!1))}else if((await e.registerUserStudent(m))?.data){const C={email:m.email,isLoginGoogle:!0,rememberMe:!1,password:"default",accessToken:g,captcha:"",loginType:M.LoginType.Google};if(j!=null){const Q=await j();C.captcha=Q}await O(C)}}catch(_){o(e.setAlert({type:"danger",message:_.response?.data?.title||_.message||"Login failed"}))}o(e.setLoading(!1))},[]),ge=async(t,m)=>{o(e.setLoading(!0));try{const g={firstName:c.firstName,lastName:c.lastName,imageUrl:c.imageUrl,fullName:c.fullName,email:c.email,accessToken:c.accessToken,teacherId:t};if((await e.registerUserStudent(g)).data){const _=await m(),Y={email:c.email,captcha:_,isLoginGoogle:!0,rememberMe:!1,password:"default",accessToken:c.accessToken,loginType:M.LoginType.Google};o(e.setIsLoginGoogle(!1)),await O(Y),a(ne)}}catch(g){o(e.setAlert({type:"danger",message:g.response?.data?.title||g.message||"Login failed"}))}o(e.setIsLoginGoogle(!1)),o(e.setLoading(!1))},ue=async()=>{try{const t=await $e();o(e.setSandboxMode(t.data.isSandboxMode))}catch(t){console.error(t)}},se=async t=>{L.handleRedirectPromise().then(async m=>{if(d?.schoolId)if(m){let g=m.account;await te(g,t)}else{const g=L.getAllAccounts();if(g.length===0){const j=e.isLocalhost?"https://brightsoft.marioforme.com":"https://sso.marioforme.com";window.location.href=(window.location.hostname==="localhost"?"https://localhost:3000":j)+`/microsoft-login.html?redirect-uri=${window.location.href}&schoolId=${d.schoolId}`}else{let j=g[0];await te(j,t)}}}).catch(m=>{console.error(m)})},te=async(t,m)=>{let g=t.name,j={firstName:g.split(" ").slice(0,-1).join(" "),lastName:g.split(" ").slice(-1).join(" "),fullName:g,imageUrl:"",email:t.username,accessToken:t.idTokenClaims.aio,googleId:t.tenantId};o(e.setInforUserGoogle(j)),await ee(M.TypeLogin.MicrosoftSSO,j,t.idTokenClaims.aio,m)},he=async()=>{const t=new K.PublicClientApplication(_e);await t.initialize(),T(t)};return n.useEffect(()=>{let t=window.location.href;L&&t.includes("code")&&t.includes("client_info")&&se()},[JSON.stringify(L)]),n.useEffect(()=>{ue(),he(),Z()},[]),{defaultInfo:Ge,userLogin:O,openLogin:r,toggle:$,isShowPassword:N,setIsShowPassword:b,fnIsCheckLogin:ee,isLoginGoogle:i,infoUser:c,submitLogin:ge,googleClientId:h,googleRecaptchaId:w,handleCancelModelAssign:A,openModelAssign:E,fnLoginSSO:se,school:d,extensionEmail:y,handleLoginWidthClever:W}},re="/",Be="/login",le="Log in",Ke=()=>{const o=q.useDispatch(),a=F.useNavigate(),r=location.search,i=new URLSearchParams(r).get("userId"),[h,p]=n.useState(!1),[w,I]=n.useState(!1),[y,x]=n.useState({password:"",reEnterPassword:"",email:"",userId:i??"",token:""}),{executeRecaptcha:c}=H.useGoogleReCaptcha(),f=n.useCallback(async E=>{o(e.setLoading(!0));try{const d=await e.getUserNewPassword(E);x({...y,email:d.data})}catch(d){o(e.setAlert({type:"danger",message:d.message}))}o(e.setLoading(!1))},[]),k=n.useCallback(async E=>{o(e.setLoading(!0));try{await e.createPassword(E),a(Be),o(e.setAlert({type:"success",message:"Create password sucessfully"}))}catch(d){o(e.setAlert({type:"danger",message:d.response?.data?.title||d.message||"Error occured"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN)}o(e.setLoading(!1))},[]),R=n.useCallback(async()=>{if(!c){console.log("execute recaptcha undefined");return}return await c("forgetPass")},[c]),P=n.useCallback(()=>{},[]);return n.useEffect(()=>{document.title=le,e.getAccessToken()&&a(re),i&&f(i)},[i]),n.useEffect(()=>{document.title=le,e.getAccessToken()&&a(re)},[]),{createPasswordRequest:k,isShowNewPassword:h,setIsShowNewPassword:p,isShowReTypePassword:w,setIsShowReTypePassword:I,clickHandler:R,handleVerify:P,initialValues:y}},ze=v.object({password:v.string().required("Password is required"),reEnterPassword:v.string().required("Please re-enter Password").test("matching","Passwords do not match",function(){return this.parent.password===this.parent.reEnterPassword})}),We=()=>{const{createPasswordRequest:o,isShowNewPassword:a,setIsShowNewPassword:r,isShowReTypePassword:l,setIsShowReTypePassword:i,initialValues:h}=Ke();return s.jsx(J.Formik,{initialValues:h,enableReinitialize:!0,validationSchema:ze,onSubmit:p=>{o(p)},children:p=>{const{setFieldValue:w,handleSubmit:I,touched:y,errors:x,values:c}=p;return s.jsx(u.Row,{className:`${e.styles["box-login"]}`,children:s.jsxs(u.Col,{className:"p-0",children:[s.jsx("div",{hidden:!c.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(n.Fragment,{children:[s.jsx(u.FormGroup,{className:`${e.styles["form-user-name"]}`,children:s.jsx(u.Input,{disabled:!0,type:"text",name:"email",placeholder:"Email",value:c.email,autocomplete:"email",required:!0,className:`${e.styles.input}`})}),s.jsxs("div",{className:`${e.styles["form-user-name"]}`,children:[s.jsx(z,{isShowPassword:a,togglePasswordVisible:()=>r(!a),onChange:f=>w("password",f.target.value)}),y.password&&x.password&&s.jsx(e.ErrorHandler,{text:x.password})]}),s.jsxs("div",{className:`${e.styles["form-user-name"]}`,children:[s.jsx(z,{placeholder:"Confirm Password",isShowPassword:l,togglePasswordVisible:()=>i(!l),onChange:f=>w("reEnterPassword",f.target.value)}),y.reEnterPassword&&x.reEnterPassword&&s.jsx(e.ErrorHandler,{text:x.reEnterPassword})]})]})}),s.jsx("button",{className:`${e.styles["btn-login"]} ${e.styles["btn-rounder"]} mt-4`,onClick:()=>I(),children:"CREATE YOUR PASSWORD"})]})}),s.jsx("div",{hidden:!!c.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"})]})})]})})}})},Ye="Log in",Je="Forgot password",Ze="Reset password",Qe=o=>{const{isLogin:a,isForgotPassword:r,isResetPassword:l,isCreatePassword:i}=o,{defaultInfo:h,userLogin:p,googleRecaptchaId:w,handleCancelModelAssign:I,school:y,openModelAssign:x,setIsShowPassword:c,fnIsCheckLogin:f,isLoginGoogle:k,submitLogin:R,infoUser:P,googleClientId:E,isShowPassword:d,fnLoginSSO:S,extensionEmail:L,handleLoginWidthClever:T}=Ve();return n.useEffect(()=>{a&&(document.title=Ye),r&&(document.title=Je),l&&(document.title=Ze)},[a,r,l]),s.jsx("div",{className:`${e.styles.login} container-fluid font-family-lato`,children:s.jsxs(u.Row,{className:"h-100",children:[s.jsxs(u.Col,{lg:8,md:12,xs:12,className:"d-flex justify-content-center h-100 align-items-center p-3 flex-column",children:[!!w&&s.jsxs(H.GoogleReCaptchaProvider,{useRecaptchaNet:!0,reCaptchaKey:w,scriptProps:{async:!0,defer:!0,appendTo:"body"},children:[a&&s.jsx(be,{userLogin:p,defaultInfo:h,onCancelModelAssign:I,openModelAssign:x,school:y,fnIsCheckLogin:f,googleClientId:E,infoUser:P,isLoginGoogle:k,isShowPassword:d,setIsShowPassword:c,submitLogin:R,fnLoginSSO:S,extensionEmail:L,onLoginWidthClever:T}),r&&s.jsx(Te,{school:y})]}),l&&s.jsx(Ae,{}),i&&s.jsx(We,{}),s.jsx("a",{href:"/privacy-policy/",target:"blank",className:`${e.styles["privacy-policy"]}`,children:"Privacy Policy"})]}),s.jsx(u.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"]}`})})]})})};exports.default=Qe;

package/dist/Login-fyvhErZA.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),u=require("reactstrap"),F=require("react-router-dom"),e=require("./index-Cmo6_CCl.js"),q=require("react-redux"),J=require("formik"),we=require("yup"),H=require("react-google-recaptcha-v3"),ie=require("@react-oauth/google"),M=require("./types-CTFcZUFS.js"),K=require("@azure/msal-browser"),ye=require("@amplitude/analytics-browser");function ce(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const l in o)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(o,l);Object.defineProperty(n,l,r.get?r:{enumerable:!0,get:()=>o[l]})}}return n.default=o,Object.freeze(n)}const v=ce(we),B=ce(ye),Se={height:"40px",backgroundColor:"#f7f9fc",borderRadius:"4px",marginBottom:"5px",position:"relative"},xe={backgroundColor:"#ffffff",paddingRight:"50px"},Ne={fontSize:"20px",position:"absolute",right:"10px",color:"#316CD9"},je=o=>o.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g,(n,l)=>l.toUpperCase()),z=({isShowPassword:o,togglePasswordVisible:n,onChange:l,placeholder:r})=>s.jsxs("div",{className:"d-flex align-items-center w-100",style:Se,children:[s.jsx(u.Input,{className:"border password-input",style:xe,type:o?"text":"password",name:"password",onChange:l,placeholder:r||"Password",autocomplete:r?je(r):"password",required:!0}),s.jsx("i",{className:`far ${o?"fa-eye-slash":"fa-eye"} mx-2 cursor-pointer`,style:Ne,onClick:()=>n(),title:o?"Hide":"Show"})]}),Ee=v.object({email:v.string().email("Email is invalid").required("Email is required"),password:v.string().required("Password is required"),rememberMe:v.boolean()}),Ie=({onSuccess:o,onError:n})=>{const l=ie.useGoogleLogin({onSuccess:async r=>{try{const i=await fetch("https://www.googleapis.com/oauth2/v3/userinfo",{headers:{Authorization:`Bearer ${r.access_token}`}}).then(p=>p.json()),h={accessToken:r.access_token,googleId:i.sub,profileObj:{email:i.email,familyName:i.family_name,givenName:i.given_name,imageUrl:i.picture,name:i.name}};o(h)}catch(i){n(i)}},onError:r=>n(r)});return s.jsxs("div",{className:e.styles["btn-login-with-sso"],onClick:()=>l(),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"})]})},be=({defaultInfo:o,userLogin:n,school:l,isShowPassword:r,setIsShowPassword:i,fnIsCheckLogin:h,googleClientId:p,fnLoginSSO:w,extensionEmail:E,onLoginWidthClever:y})=>{const x=()=>i(!r),c=q.useDispatch(),{executeRecaptcha:f}=H.useGoogleReCaptcha(),C=a.useCallback(async()=>{if(!f){console.log("execute recaptcha undefined");return}return await f("login")},[f]),T=a.useCallback(()=>{},[]),P=async d=>{try{await e.AccountSSOLogApi(d)}catch(S){console.error(S)}},I=async d=>{if(d?.accessToken){let{email:S,familyName:L,givenName:A,imageUrl:$,name:k}=d.profileObj,N=d.accessToken,R=d.googleId;const D=window.location.hostname.split(".marioforme.com")?.[0],G=S.split("@")?.[1],Z=E?.split(",")?.map(U=>U.trim())?.filter(U=>U).some(U=>G.includes(U));if(!G.includes(D)&&!Z){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 P([`${G} is incorrect`]);return}const O={firstName:A,lastName:L,imageUrl:$,fullName:k,email:S,accessToken:N,googleId:R};c(e.setInforUserGoogle(O)),h(M.TypeLogin.Google,O,N,C)}};return s.jsx(a.Fragment,{children:s.jsx(J.Formik,{initialValues:o,validationSchema:Ee,onSubmit:async d=>{try{const S=await C();if(!S)return;d.captcha=S,d.loginType=M.LoginType.Default,n(d)}catch(S){console.error(S)}},children:d=>{const{handleChange:S,handleBlur:L,handleSubmit:A,values:$,touched:k,errors:N,setFieldValue:R}=d,W=k.email&&N.email,D=k.password&&N.password;return s.jsx("div",{className:`${e.styles["box-login"]} w-100`,children:s.jsx(u.Form,{className:`${e.styles["block-login"]}`,onSubmit:A,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:!l?.schoolLogo,src:l?.schoolLogo,className:`${e.styles["school-icon"]} mr-3`}),s.jsx("p",{className:`${e.styles["school-name"]} mb-0`,children:l.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(u.FormGroup,{className:`${e.styles["form-user-name"]}`,children:[s.jsx(u.Input,{type:"text",name:"email",placeholder:"Email",value:$.email,onChange:S,autocomplete:"email",onBlur:L("email"),required:!0}),W&&s.jsx(e.ErrorHandler,{text:N.email})]}),s.jsxs(u.FormGroup,{children:[s.jsx(z,{isShowPassword:r,togglePasswordVisible:x,onChange:G=>R("password",G.target.value)}),D&&s.jsx(e.ErrorHandler,{text:N.password})]}),s.jsx(u.FormGroup,{children:s.jsx(H.GoogleReCaptcha,{action:"login",onVerify:T})}),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:!$.isSessionUserBrowser,className:`${e.styles["checkbox-keep-login"]}`,onChange:()=>R("isSessionUserBrowser",!$.isSessionUserBrowser)}),s.jsx("p",{className:`${e.styles["label-keep-login"]} mb-0 ml-2`,children:"Keep me logged in"})]}),s.jsx(F.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(u.Row,{className:"mb-4",children:[s.jsx(u.Col,{lg:6,md:6,xs:12,className:"pr-md-3",children:!!p&&s.jsx(ie.GoogleOAuthProvider,{clientId:p,children:s.jsx(Ie,{onSuccess:I,onError:()=>console.log("Google login failed")})})}),s.jsx(u.Col,{lg:6,md:6,xs:12,className:`${e.styles["btn-login-sso"]} pl-md-2`,hidden:!l?.schoolId,children:s.jsxs("div",{className:e.styles["btn-login-with-sso"],onClick:()=>w(C),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:()=>y(),children:[s.jsx("img",{src:"images/clever-icon.png"}),s.jsx("p",{children:"SIGN IN WITH CLEVER"})]})})]})})})}})})},Ce={email:"",captcha:""},ke="/",ae="/login",Le="Log in",de=()=>{const o=new URLSearchParams(F.useLocation().search),n=o.get("token"),l=o.get("key")??"",r=q.useDispatch(),i=F.useNavigate(),[h,p]=a.useState(!1),w=a.useCallback(()=>{p(!h)},[h]),[E,y]=a.useState(!1),[x,c]=a.useState(!1),[f,C]=a.useState({token:"",password:"",reEnterPassword:"",email:"",userId:""}),[T,P]=a.useState(!0),{executeRecaptcha:I}=H.useGoogleReCaptcha();a.useEffect(()=>{document.title=Le,e.getAccessToken()&&i(ke)},[]);const d=a.useCallback(async k=>{r(e.setLoading(!0));try{await e.forgotPassword(k),i(ae),r(e.setAlert({type:"success",message:"A mail to reset password was sent"}))}catch(N){r(e.setAlert({type:"danger",message:N.response?.data?.title||N.message||"Error occured"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN)}r(e.setLoading(!1))},[]),S=a.useCallback(async(k,N)=>{r(e.setLoading(!0));try{const R=await e.checkResetToken(k,N);R.data?C({...f,token:k,email:R.data}):P(!1)}catch{P(!1)}r(e.setLoading(!1))},[]),L=a.useCallback(async k=>{r(e.setLoading(!0));try{await e.resetPassword({...k,key:l}),i(ae),r(e.setAlert({type:"success",message:"Reset password sucessfully"}))}catch(N){r(e.setAlert({type:"danger",message:N.response?.data?.title||N.message||"Error occured"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN)}r(e.setLoading(!1))},[]),A=a.useCallback(async()=>{if(!I){console.log("execute recaptcha undefined");return}return await I("forgetPass")},[I]),$=a.useCallback(()=>{},[]);return a.useEffect(()=>{S(n,l)},[]),{defaultInfo:Ce,forgotPasswordRequest:d,checkResetTokenRequest:S,validLink:T,resetPasswordRequest:L,openLogin:h,toggle:w,isShowNewPassword:E,setIsShowNewPassword:y,isShowReTypePassword:x,setIsShowReTypePassword:c,clickHandler:A,handleVerify:$,initialValues:f}},ve={email:"",captcha:""},Pe=v.object({email:v.string().email("Email is invalid").required("Email is required")}),Te=({school:o})=>{const{forgotPasswordRequest:n,clickHandler:l,handleVerify:r}=de();return s.jsx(J.Formik,{initialValues:ve,enableReinitialize:!0,validationSchema:Pe,onSubmit:async i=>{const h=await l();h&&(i.captcha=h,n(i))},children:i=>{const{handleChange:h,handleSubmit:p,values:w,touched:E,errors:y}=i;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:o.schoolLogo,className:`${e.styles["school-icon"]} mr-3`}),s.jsx("p",{className:`${e.styles["school-name"]} mb-0`,children:o.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(u.Input,{type:"text",name:"email",id:"email",placeholder:"Input email",onChange:h,value:w.email}),E.email&&y.email&&s.jsx(e.ErrorHandler,{text:y.email})]}),s.jsx(F.Link,{to:"/login",className:`${e.styles["link-to-login"]} mt-2`,children:"Return to login"}),s.jsx(H.GoogleReCaptcha,{action:"forgetPass",onVerify:r}),s.jsx(u.Col,{className:"p-0",children:s.jsx("button",{className:`${e.styles["btn-login"]} mt-5`,onClick:()=>p(),children:"Continue"})})]})})})}})},Re=v.object({password:v.string().required("New password is required"),reEnterPassword:v.string().required("Please re-enter new password").test("matching","Passwords do not match",function(){return this.parent.password===this.parent.reEnterPassword})}),Ae=()=>{const{validLink:o,resetPasswordRequest:n,isShowNewPassword:l,setIsShowNewPassword:r,isShowReTypePassword:i,setIsShowReTypePassword:h,initialValues:p}=de();return s.jsx(J.Formik,{initialValues:p,enableReinitialize:!0,validationSchema:Re,onSubmit:w=>{n(w)},children:w=>{const{setFieldValue:E,handleSubmit:y,touched:x,errors:c,values:f}=w;return s.jsx(u.Row,{className:`${e.styles["box-login"]}`,children:s.jsx(u.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:o?s.jsxs(a.Fragment,{children:[s.jsx(u.FormGroup,{className:`${e.styles["form-user-name"]}`,children:s.jsx(u.Input,{disabled:!0,type:"text",name:"email",placeholder:"Email",value:f.email,autocomplete:"email",required:!0,className:`${e.styles.input}`})}),s.jsxs("div",{className:`${e.styles["form-user-name"]}`,children:[s.jsx(z,{isShowPassword:l,togglePasswordVisible:()=>r(!l),onChange:C=>E("password",C.target.value)}),x.password&&c.password&&s.jsx(e.ErrorHandler,{text:c.password})]}),s.jsxs("div",{className:`${e.styles["form-user-name"]}`,children:[s.jsx(z,{placeholder:"Confirm Password",isShowPassword:i,togglePasswordVisible:()=>h(!i),onChange:C=>E("reEnterPassword",C.target.value)}),x.reEnterPassword&&c.reEnterPassword&&s.jsx(e.ErrorHandler,{text:c.reEnterPassword})]})]}):s.jsxs(a.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"})]})}),o&&s.jsx(u.Col,{className:"p-0",children:s.jsx("button",{className:`${e.styles["btn-login"]} ${e.styles["btn-rounder"]} mt-4`,onClick:()=>y(),children:"SET A NEW PASSWORD"})})]})})})})}})},me=`${e.BASE_URL}/api/school`,$e=()=>e.api.get(`${me}/settings`),Oe=()=>e.api.get(`${me}/info`),_e={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:(o,n,l)=>{if(!l)switch(o){case K.LogLevel.Error:console.error(n);return;case K.LogLevel.Info:console.info(n);return;case K.LogLevel.Verbose:console.debug(n);return;case K.LogLevel.Warning:console.warn(n);return;default:return}}}}},Ge={email:"",password:"",captcha:"",rememberMe:!1,isSessionUserBrowser:!!sessionStorage.getItem(e.IS_USER_SESSION_BROWSER)},Ue="/home",ne="/home",Me="/admin/home",qe="/parent",Fe="/admin/schools",He="/list-student",De="Log in",Ve=()=>{const o=q.useDispatch(),n=F.useNavigate(),[l,r]=a.useState(!1),i=q.useSelector(t=>t.common.isLoginGoogle),[h,p]=a.useState(""),[w,E]=a.useState(""),[y,x]=a.useState(""),c=q.useSelector(t=>t.common.inforUserGoogle),f=new URLSearchParams(location.search),C=f.get("type")==="classlink",T=f.get("token"),P=f.get("isAdminUser"),[I]=a.useState(!1),[d,S]=a.useState({schoolName:"",schoolLogo:"",schoolId:0}),[L,A]=a.useState(null),$=a.useCallback(()=>{r(!l)},[l]),[k,N]=a.useState(!1);a.useEffect(()=>{document.title=De;const t=e.getCookieValue("auth-token");if(t){const g=window.location.hostname;if(localStorage.setItem(e.ACCESS_TOKEN,t),document.cookie=`auth-token=;domain=${g.includes("localhost")?g:".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=/",P)return n("/admin/home")}e.getAccessToken()&&n("/"),U()},[P]);const R=()=>{localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN),localStorage.removeItem("USER_EMAIL")};a.useEffect(()=>{C&&T!=""&&D()},[]);const W=()=>{if(e.isLocalhost){const t="https://clever.com/oauth/instant-login?client_id=c3da6c669d239c70d48e&district_id=66132a6f222bda41cc8abe5d";window.location.href=t}else{const t=`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=t}},D=async()=>{o(e.setLoading(!0));try{const t={tokenClassLink:T},m=await e.apiInforUserClassLink(t),{email:g,token:j}=m.data;await O({email:g,rememberMe:!1,password:"default",accessToken:j})}catch(t){o(e.setAlert({type:"danger",message:t.response?.data?.title||t.message}))}o(e.setLoading(!1))},G=window.location.host.includes("-district"),Z=a.useCallback(async()=>{o(e.setLoading(!0));try{const t=await Oe(),m=t.data.schoolLogo??"";t.data&&S({schoolName:t.data.schoolName,schoolLogo:m?e.getFileUrl(m):e.getStaticFileUrl("/images/logo_header_blue.png"),schoolId:t.data.schoolId})}catch(t){o(e.setAlert({type:"danger",message:t.response?.data?.title||t.message}))}o(e.setLoading(!1))},[]),O=a.useCallback(async t=>{o(e.setLoading(!0));try{const m=t?.isSessionUserBrowser??!1,g=await e.logIn({...t,email:t?.email?.trim(),password:t?.password?.trim()}),{token:j,id:_,firstName:Y,lastName:V,roles:b,email:Q,profileImageFileName:pe,isLoginFirst:fe}=g.data;if(m?(sessionStorage.setItem(e.ACCESS_TOKEN,j),sessionStorage.setItem(e.IS_USER_SESSION_BROWSER,m)):(sessionStorage.removeItem(e.IS_USER_SESSION_BROWSER),localStorage.setItem(e.ACCESS_TOKEN,j)),localStorage.removeItem(e.NOTIFICATION_ALERT_KEY),o(e.setUser({id:_,firstName:Y,lastName:V,roles:b,email:Q,profileImageFileName:pe})),!localStorage.getItem("ROLES")&&b.includes("Admin")&&localStorage.setItem("ROLES","Admin"),t?.email&&!b.includes("Admin")){B.init(e.isLocalhost?e.INIT_AMPLITUDE_KEY_STAGE:e.INIT_AMPLITUDE_KEY_PROD,t.email,{defaultTracking:!1});const X=window.location.hostname,oe=new B.Identify;oe.set("domain",X),B.identify(oe),B.track("general: session start",{user_id:t.email,domain:X,roles:t?.roles?.toString()}),localStorage.setItem("USER_EMAIL",t.email),fe&&B.track("general: first login",{user_id:t.email,domain:X,roles:t?.roles?.toString()})}G?n(Fe):b.includes("Admin")?n(Me):b.includes("Teacher")||b.includes("Assistant")||b.includes("Counselor")||b.includes("SecondaryTeacher")?n(Ue):b.includes("Student")?n(ne):b.includes("Parent")?n(qe):b.includes("EduTeacher")&&n(He)}catch(m){o(e.setAlert({type:"danger",message:m.response?.data?.title||m.message||"Login failed"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN)}o(e.setLoading(!1))},[]),U=async()=>{try{const t=await e.getGoogleClientId();p(t.data.googleClientId),E(t.data.googleCaptchaId),x(t.data.extensionEmail)}catch(t){o(e.setAlert({type:"danger",message:t.response?.data?.title||t.message||"Login failed"}))}},ee=a.useCallback(async(t,m,g,j)=>{o(e.setLoading(!0));try{if((await e.checkUserGoogle(t,m)).data){const V={email:m.email,isLoginGoogle:!0,rememberMe:!1,password:"default",accessToken:g,captcha:"",loginType:M.LoginType.Google};if(j!=null){const b=await j();V.captcha=b}await O(V),o(e.setIsLoginGoogle(!1))}else if((await e.registerUserStudent(m))?.data){const b={email:m.email,isLoginGoogle:!0,rememberMe:!1,password:"default",accessToken:g,captcha:"",loginType:M.LoginType.Google};if(j!=null){const Q=await j();b.captcha=Q}await O(b)}}catch(_){o(e.setAlert({type:"danger",message:_.response?.data?.title||_.message||"Login failed"}))}o(e.setLoading(!1))},[]),ge=async(t,m)=>{o(e.setLoading(!0));try{const g={firstName:c.firstName,lastName:c.lastName,imageUrl:c.imageUrl,fullName:c.fullName,email:c.email,accessToken:c.accessToken,teacherId:t};if((await e.registerUserStudent(g)).data){const _=await m(),Y={email:c.email,captcha:_,isLoginGoogle:!0,rememberMe:!1,password:"default",accessToken:c.accessToken,loginType:M.LoginType.Google};o(e.setIsLoginGoogle(!1)),await O(Y),n(ne)}}catch(g){o(e.setAlert({type:"danger",message:g.response?.data?.title||g.message||"Login failed"}))}o(e.setIsLoginGoogle(!1)),o(e.setLoading(!1))},ue=async()=>{try{const t=await $e();o(e.setSandboxMode(t.data.isSandboxMode))}catch(t){console.error(t)}},se=async t=>{L.handleRedirectPromise().then(async m=>{if(d?.schoolId)if(m){let g=m.account;await te(g,t)}else{const g=L.getAllAccounts();if(g.length===0){const j=e.isLocalhost?"https://brightsoft.marioforme.com":"https://sso.marioforme.com";window.location.href=(window.location.hostname==="localhost"?"https://localhost:3000":j)+`/microsoft-login.html?redirect-uri=${window.location.href}&schoolId=${d.schoolId}`}else{let j=g[0];await te(j,t)}}}).catch(m=>{console.error(m)})},te=async(t,m)=>{let g=t.name,j={firstName:g.split(" ").slice(0,-1).join(" "),lastName:g.split(" ").slice(-1).join(" "),fullName:g,imageUrl:"",email:t.username,accessToken:t.idTokenClaims.aio,googleId:t.tenantId};o(e.setInforUserGoogle(j)),await ee(M.TypeLogin.MicrosoftSSO,j,t.idTokenClaims.aio,m)},he=async()=>{const t=new K.PublicClientApplication(_e);await t.initialize(),A(t)};return a.useEffect(()=>{let t=window.location.href;L&&t.includes("code")&&t.includes("client_info")&&se()},[JSON.stringify(L)]),a.useEffect(()=>{ue(),he(),Z()},[]),{defaultInfo:Ge,userLogin:O,openLogin:l,toggle:$,isShowPassword:k,setIsShowPassword:N,fnIsCheckLogin:ee,isLoginGoogle:i,infoUser:c,submitLogin:ge,googleClientId:h,googleRecaptchaId:w,handleCancelModelAssign:R,openModelAssign:I,fnLoginSSO:se,school:d,extensionEmail:y,handleLoginWidthClever:W}},re="/",Be="/login",le="Log in",Ke=()=>{const o=q.useDispatch(),n=F.useNavigate(),l=location.search,i=new URLSearchParams(l).get("userId"),[h,p]=a.useState(!1),[w,E]=a.useState(!1),[y,x]=a.useState({password:"",reEnterPassword:"",email:"",userId:i??"",token:""}),{executeRecaptcha:c}=H.useGoogleReCaptcha(),f=a.useCallback(async I=>{o(e.setLoading(!0));try{const d=await e.getUserNewPassword(I);x({...y,email:d.data})}catch(d){o(e.setAlert({type:"danger",message:d.message}))}o(e.setLoading(!1))},[]),C=a.useCallback(async I=>{o(e.setLoading(!0));try{await e.createPassword(I),n(Be),o(e.setAlert({type:"success",message:"Create password sucessfully"}))}catch(d){o(e.setAlert({type:"danger",message:d.response?.data?.title||d.message||"Error occured"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN)}o(e.setLoading(!1))},[]),T=a.useCallback(async()=>{if(!c){console.log("execute recaptcha undefined");return}return await c("forgetPass")},[c]),P=a.useCallback(()=>{},[]);return a.useEffect(()=>{document.title=le,e.getAccessToken()&&n(re),i&&f(i)},[i]),a.useEffect(()=>{document.title=le,e.getAccessToken()&&n(re)},[]),{createPasswordRequest:C,isShowNewPassword:h,setIsShowNewPassword:p,isShowReTypePassword:w,setIsShowReTypePassword:E,clickHandler:T,handleVerify:P,initialValues:y}},ze=v.object({password:v.string().required("Password is required"),reEnterPassword:v.string().required("Please re-enter Password").test("matching","Passwords do not match",function(){return this.parent.password===this.parent.reEnterPassword})}),We=()=>{const{createPasswordRequest:o,isShowNewPassword:n,setIsShowNewPassword:l,isShowReTypePassword:r,setIsShowReTypePassword:i,initialValues:h}=Ke();return s.jsx(J.Formik,{initialValues:h,enableReinitialize:!0,validationSchema:ze,onSubmit:p=>{o(p)},children:p=>{const{setFieldValue:w,handleSubmit:E,touched:y,errors:x,values:c}=p;return s.jsx(u.Row,{className:`${e.styles["box-login"]}`,children:s.jsxs(u.Col,{className:"p-0",children:[s.jsx("div",{hidden:!c.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(a.Fragment,{children:[s.jsx(u.FormGroup,{className:`${e.styles["form-user-name"]}`,children:s.jsx(u.Input,{disabled:!0,type:"text",name:"email",placeholder:"Email",value:c.email,autocomplete:"email",required:!0,className:`${e.styles.input}`})}),s.jsxs("div",{className:`${e.styles["form-user-name"]}`,children:[s.jsx(z,{isShowPassword:n,togglePasswordVisible:()=>l(!n),onChange:f=>w("password",f.target.value)}),y.password&&x.password&&s.jsx(e.ErrorHandler,{text:x.password})]}),s.jsxs("div",{className:`${e.styles["form-user-name"]}`,children:[s.jsx(z,{placeholder:"Confirm Password",isShowPassword:r,togglePasswordVisible:()=>i(!r),onChange:f=>w("reEnterPassword",f.target.value)}),y.reEnterPassword&&x.reEnterPassword&&s.jsx(e.ErrorHandler,{text:x.reEnterPassword})]})]})}),s.jsx("button",{className:`${e.styles["btn-login"]} ${e.styles["btn-rounder"]} mt-4`,onClick:()=>E(),children:"CREATE YOUR PASSWORD"})]})}),s.jsx("div",{hidden:!!c.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"})]})})]})})}})},Ye="Log in",Je="Forgot password",Ze="Reset password",Qe=o=>{const{isLogin:n,isForgotPassword:l,isResetPassword:r,isCreatePassword:i}=o,{defaultInfo:h,userLogin:p,googleRecaptchaId:w,handleCancelModelAssign:E,school:y,openModelAssign:x,setIsShowPassword:c,fnIsCheckLogin:f,isLoginGoogle:C,submitLogin:T,infoUser:P,googleClientId:I,isShowPassword:d,fnLoginSSO:S,extensionEmail:L,handleLoginWidthClever:A}=Ve();return a.useEffect(()=>{n&&(document.title=Ye),l&&(document.title=Je),r&&(document.title=Ze)},[n,l,r]),s.jsx("div",{className:`${e.styles.login} container-fluid font-family-lato`,children:s.jsxs(u.Row,{className:"h-100",children:[s.jsxs(u.Col,{lg:8,md:12,xs:12,className:"d-flex justify-content-center h-100 align-items-center p-3 flex-column",children:[!!w&&s.jsxs(H.GoogleReCaptchaProvider,{useRecaptchaNet:!0,reCaptchaKey:w,scriptProps:{async:!0,defer:!0,appendTo:"body"},children:[n&&s.jsx(be,{userLogin:p,defaultInfo:h,onCancelModelAssign:E,openModelAssign:x,school:y,fnIsCheckLogin:f,googleClientId:I,infoUser:P,isLoginGoogle:C,isShowPassword:d,setIsShowPassword:c,submitLogin:T,fnLoginSSO:S,extensionEmail:L,onLoginWidthClever:A}),l&&s.jsx(Te,{school:y})]}),r&&s.jsx(Ae,{}),i&&s.jsx(We,{}),s.jsx("a",{href:"/privacy-policy/",target:"blank",className:`${e.styles["privacy-policy"]}`,children:"Privacy Policy"})]}),s.jsx(u.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"]}`})})]})})};exports.default=Qe;