mario-core 3.0.8-admin → 3.0.8-es

package/dist/Login-Cxbto5eM.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),m=require("reactstrap"),e=require("./index-DixwqZ17.cjs"),K=require("formik"),ae=require("yup"),Y=require("react-redux"),_=require("react-router-dom"),A=require("@azure/msal-browser"),G=require("react-google-recaptcha-v3"),Q=require("@react-oauth/google");function ne(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(a,n,c.get?c:{enumerable:!0,get:()=>o[n]})}}return a.default=o,Object.freeze(a)}const L=ne(ae),re={height:"40px",backgroundColor:"#f7f9fc",borderRadius:"4px",marginBottom:"5px",position:"relative"},ie={backgroundColor:"#ffffff",paddingRight:"50px"},le={fontSize:"20px",position:"absolute",right:"10px",color:"#316CD9"},D=({isShowPassword:o,togglePasswordVisible:a,onChange:n})=>s.jsxs("div",{className:"d-flex align-items-center w-100",style:re,children:[s.jsx(m.Input,{className:"border password-input",style:ie,type:o?"text":"password",name:"password",onChange:n,placeholder:"Password",required:!0}),s.jsx("i",{className:`far ${o?"fa-eye-slash":"fa-eye"} mx-2 cursor-pointer`,style:le,onClick:()=>a(),title:o?"Hide":"Show"})]});var W=(o=>(o[o.Google=0]="Google",o[o.ClassLink=1]="ClassLink",o[o.MicrosoftSSO=2]="MicrosoftSSO",o))(W||{});const ce=`${e.BASE_URL}/api/school`,de=()=>e.api.get(`${ce}/settings`),me={auth:{clientId:e.isLocalhost?"afed1089-7de6-406a-827a-bab9472cb245":"3845e9f8-aead-4535-b4bb-d363a1d262bd",authority:"https://login.microsoftonline.com/common",redirectUri:"https://es-sso.marioforme.com/microsoft-login.html"},cache:{cacheLocation:"sessionStorage",storeAuthStateInCookie:!1},system:{loggerOptions:{loggerCallback:(o,a,n)=>{if(!n)switch(o){case A.LogLevel.Error:console.error(a);return;case A.LogLevel.Info:console.info(a);return;case A.LogLevel.Verbose:console.debug(a);return;case A.LogLevel.Warning:console.warn(a);return;default:return}}}}},ge=o=>{var a;return((a=document.cookie.match("(^|;)\\s*"+o+"\\s*=\\s*([^;]+)"))==null?void 0:a.pop())||""},ue={email:"",password:"",captcha:"",rememberMe:!1,isSessionUserBrowser:!!sessionStorage.getItem(e.IS_USER_SESSION_BROWSER)},he="/home",fe="/home",pe="/admin/home",we="/parent",Se="/admin/schools",xe="/my-student?isReadOnly=true",ye="Log in",X=()=>{const o=Y.useDispatch(),a=_.useNavigate(),[n,c]=r.useState(!1),[u,h]=r.useState(""),[g,d]=r.useState(""),[k,w]=r.useState(),[S,b]=r.useState({schoolName:"",schoolLogo:"",schoolId:0}),[p,E]=r.useState(),x=r.useCallback(()=>{c(!n)},[n]),[I,P]=r.useState(!1),[y,N]=r.useState("");r.useEffect(()=>{document.title=ye;const t=ge("auth-token");if(t){localStorage.setItem(e.ACCESS_TOKEN,t);const l=window.location.hostname;document.cookie=`auth-token=;domain=${l.includes("localhost")?l:".marioforme.com"}; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`,document.cookie="auth-token=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="redirect-uri=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/"}e.getAccessToken()&&a("/"),U(),z()},[]);const j=window.location.host.includes("-district"),f=r.useCallback(async t=>{var i,l,C,O;o(e.setLoading(!0));try{const v=(t==null?void 0:t.isSessionUserBrowser)??!1,T=await e.logIn({...t,email:(i=t==null?void 0:t.email)==null?void 0:i.trim(),password:(l=t==null?void 0:t.password)==null?void 0:l.trim()}),{token:H,id:$,firstName:B,lastName:V,roles:R,email:oe,profileImageFileName:te}=T.data;v?(sessionStorage.setItem(e.ACCESS_TOKEN,H),sessionStorage.setItem(e.IS_USER_SESSION_BROWSER,v)):(sessionStorage.removeItem(e.IS_USER_SESSION_BROWSER),localStorage.setItem(e.ACCESS_TOKEN,H)),localStorage.removeItem(e.NOTIFICATION_ALERT_KEY),o(e.setUser({id:$,firstName:B,lastName:V,roles:R,email:oe,profileImageFileName:te})),!localStorage.getItem("ROLES")&&R.includes("Admin")&&localStorage.setItem("ROLES","Admin"),j?a(Se):R.includes("Admin")?a(pe):R.includes("Teacher")||R.includes("Assistant")||R.includes("Counselor")||R.includes("SecondaryTeacher")?a(he):R.includes("Student")?a(fe):R.includes("Parent")?a(we):R.includes("EduTeacher")&&a(xe)}catch(v){o(e.setAlert({type:"danger",message:((O=(C=v.response)==null?void 0:C.data)==null?void 0:O.title)||v.message||"Login failed"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN)}o(e.setLoading(!1))},[]),U=async()=>{var t,i;try{const l=await e.getGoogleClientId();h(l.data.googleClientId),d(l.data.googleCaptchaId),N(l.data.extensionEmail)}catch(l){o(e.setAlert({type:"danger",message:((i=(t=l.response)==null?void 0:t.data)==null?void 0:i.title)||l.message||"Login failed"}))}},q=r.useCallback(async(t,i,l,C)=>{var O,v;o(e.setLoading(!0));try{if((await e.checkUserGoogle(t,i)).data){const $=await C(),B={email:i.email,captcha:$,isLoginGoogle:!0,rememberMe:!1,password:"default",accessToken:l};await f(B)}else{const $={firstName:i.firstName,lastName:i.lastName,imageUrl:i.imageUrl,fullName:i.fullName,email:i.email,accessToken:i.accessToken};if((await e.registerUserStudent($)).data){const V=await C(),R={email:i.email,captcha:V,isLoginGoogle:!0,rememberMe:!1,password:"default",accessToken:i.accessToken};await f(R)}}}catch(T){o(e.setAlert({type:"danger",message:((v=(O=T.response)==null?void 0:O.data)==null?void 0:v.title)||T.message||"Login failed"}))}o(e.setLoading(!1))},[]),F=async t=>{p&&p.handleRedirectPromise().then(async i=>{if(S!=null&&S.schoolId)if(i){let l=i.account;await M(l,t)}else{const l=p.getAllAccounts();if(l.length===0){const C=e.isLocalhost?"https://es-stage.marioforme.com":"https://es-sso.marioforme.com";window.location.href=(window.location.hostname==="localhost"?"https://localhost:3000":C)+`/microsoft-login.html?redirect-uri=${window.location.href}&schoolId=${S.schoolId}`}else{let C=l[0];await M(C,t)}}}).catch(i=>{console.error(i)})},M=async(t,i)=>{let l=t.name,C={firstName:l.split(" ").slice(0,-1).join(" "),lastName:l.split(" ").slice(-1).join(" "),fullName:l,imageUrl:"",email:t.username,accessToken:t.idTokenClaims.aio,googleId:t.tenantId};o(e.setInforUserGoogle(C)),await q(W.MicrosoftSSO,C,t.idTokenClaims.aio,i)},z=async()=>{try{const t=await de();b(t.data)}catch(t){console.error(t)}},ee=()=>{if(e.isLocalhost){const t="https://clever.com/oauth/instant-login?client_id=44f4bbf55cd873d3f7e5&district_id=6620cba31f1ddde7bd689dc5";window.location.href=t}else{const t=`https://clever.com/oauth/authorize?response_type=code&redirect_uri=${encodeURIComponent("https://es-classlink.marioforme.com/api/clever/clever-login")}&client_id=c3da6c669d239c70d48e`;window.location.href=t}},se=async()=>{const t=new A.PublicClientApplication(me);await t.initialize(),E(t)};return r.useEffect(()=>{let t=window.location.href;p&&t.includes("code")&&t.includes("client_info")&&F()},[JSON.stringify(p)]),r.useEffect(()=>{z(),se()},[]),{defaultInfo:ue,userLogin:f,openLogin:n,toggle:x,isShowPassword:I,setIsShowPassword:P,fnIsCheckLogin:q,infoUser:k,setInfoUser:w,googleClientId:u,googleRecaptchaId:g,school:S,fnLoginSSO:F,handleLoginWidthClever:ee,extensionEmail:y}},be=({extensionEmail:o,setInfoUser:a,fnIsCheckLogin:n,clickHandler:c})=>{const u=async g=>{try{await e.AccountSSOLogApi(g)}catch(d){console.error(d)}},h=Q.useGoogleLogin({flow:"implicit",onSuccess:async g=>{var d,k;try{const S=await(await fetch("https://www.googleapis.com/oauth2/v3/userinfo",{headers:{Authorization:`Bearer ${g.access_token}`}})).json(),{email:b,given_name:p,family_name:E,picture:x,name:I,sub:P}=S,y=window.location.hostname,N=(k=(d=y==null?void 0:y.split(".marioforme.com"))==null?void 0:d[0])==null?void 0:k.replace(/-es$|^es-/,""),j=b.split("@")[1];if(!j.includes(N)&&!j.includes(o)){alert("The email address you used does not match the login information in the database."),await u([`${j} is incorrect`]);return}const f={firstName:p,lastName:E,imageUrl:x,fullName:I,email:b,accessToken:g.access_token,googleId:P};a(f),n(W.Google,f,g.access_token,c)}catch(w){await u([`Google login error ${w}`])}},onError:()=>{console.log("Google login failed")}});return s.jsxs("div",{className:e.styles["btn-login-with-sso"],onClick:()=>h(),children:[s.jsx("img",{src:"images/google-logo.png"}),s.jsx("p",{children:"GOOGLE"})]})},Ne=L.object({email:L.string().email("Email is invalid").required("Email is required"),password:L.string().required("Password is required"),rememberMe:L.boolean()}),je=({defaultInfo:o,userLogin:a,school:n})=>{let{isShowPassword:c,setIsShowPassword:u,fnIsCheckLogin:h,setInfoUser:g,googleClientId:d,fnLoginSSO:k,extensionEmail:w}=X();const S=()=>u(!c),{executeRecaptcha:b}=G.useGoogleReCaptcha(),p=r.useCallback(async()=>{if(!b){console.log("execute recaptcha undefined");return}return await b("login")},[b]),E=r.useCallback(()=>{},[]);return s.jsx(r.Fragment,{children:s.jsx(K.Formik,{initialValues:o,enableReinitialize:!0,validationSchema:Ne,onSubmit:async x=>{try{const I=await p();if(!I)return;x.captcha=I,a(x)}catch(I){console.error(I)}},children:x=>{const{handleChange:I,handleBlur:P,handleSubmit:y,values:N,touched:j,errors:f,setFieldValue:U}=x,q=j.email&&f.email,F=j.password&&f.password;return s.jsx("div",{className:`${e.styles["box-login"]} w-100`,children:s.jsx(m.Form,{className:`${e.styles["block-login"]}`,onSubmit:y,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:n.schoolLogo?e.getFileUrl(`${n.schoolLogo}`):`${e.getStaticFileUrl("/images/mario-logo.png")}`,className:`${e.styles["school-icon"]} mr-3`}),s.jsx("p",{className:`${e.styles["school-name"]} mb-0`,children:n.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(m.FormGroup,{className:`${e.styles["form-user-name"]}`,children:[s.jsx(m.Input,{type:"text",name:"email",placeholder:"Email",value:N.email,onChange:I,autoComplete:"email",onBlur:P("email"),required:!0}),q&&s.jsx(e.ErrorHandler,{text:f.email})]}),s.jsxs(m.FormGroup,{children:[s.jsx(D,{isShowPassword:c,togglePasswordVisible:S,onChange:M=>U("password",M.target.value)}),F&&s.jsx(e.ErrorHandler,{text:f.password})]}),s.jsx(m.FormGroup,{children:s.jsx(G.GoogleReCaptcha,{action:"login",onVerify:E})}),s.jsxs("div",{className:"d-flex justify-content-between",children:[s.jsxs("div",{className:"d-flex align-items-center",children:[s.jsx("input",{type:"checkbox",checked:!N.isSessionUserBrowser,className:`${e.styles["checkbox-keep-login"]}`,onChange:()=>U("isSessionUserBrowser",!N.isSessionUserBrowser)}),s.jsx("p",{className:`${e.styles["label-keep-login"]} mb-0 ml-2`,children:"Keep me logged in"})]}),s.jsx("a",{href:"/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(m.Row,{className:"mb-4",children:[s.jsx(m.Col,{lg:6,md:6,xs:12,className:`${e.styles["btn-login-sso"]} pr-md-2`,children:!!d&&s.jsx(Q.GoogleOAuthProvider,{clientId:d,children:s.jsx(be,{extensionEmail:w,setInfoUser:g,fnIsCheckLogin:h,clickHandler:p})})}),s.jsx(m.Col,{lg:6,md:6,xs:12,className:`${e.styles["btn-login-sso"]} pl-md-2`,hidden:!(n!=null&&n.schoolId),children:s.jsxs("div",{className:e.styles["btn-login-with-sso"],onClick:()=>k(p),children:[s.jsx("img",{src:"images/microsoft-logo.png"}),s.jsx("p",{children:"MICROSOFT"})]})})]})]})})})}})})},ke={email:"",captcha:""},Ee="/",J="/login",Ie="Log in",Z=()=>{const o=Y.useDispatch(),a=_.useNavigate(),[n,c]=r.useState(!1),u=r.useCallback(()=>{c(!n)},[n]),[h,g]=r.useState(!1),[d,k]=r.useState(!1),[w,S]=r.useState(!0),{executeRecaptcha:b}=G.useGoogleReCaptcha();r.useEffect(()=>{document.title=Ie,e.getAccessToken()&&a(Ee)},[]);const p=r.useCallback(async y=>{var N,j;o(e.setLoading(!0));try{await e.forgotPassword(y),a(J),o(e.setAlert({type:"success",message:"A mail to reset password was sent"}))}catch(f){o(e.setAlert({type:"danger",message:((j=(N=f.response)==null?void 0:N.data)==null?void 0:j.title)||f.message||"Error occured"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN)}o(e.setLoading(!1))},[]),E=r.useCallback(async y=>{o(e.setLoading(!0));try{await e.checkResetToken(y)}catch{S(!1)}o(e.setLoading(!1))},[]),x=r.useCallback(async y=>{var N,j;o(e.setLoading(!0));try{await e.resetPassword(y),a(J),o(e.setAlert({type:"success",message:"Reset password sucessfully"}))}catch(f){o(e.setAlert({type:"danger",message:((j=(N=f.response)==null?void 0:N.data)==null?void 0:j.title)||f.message||"Error occured"})),localStorage.removeItem(e.ACCESS_TOKEN),sessionStorage.removeItem(e.ACCESS_TOKEN)}o(e.setLoading(!1))},[]),I=r.useCallback(async()=>{if(!b){console.log("execute recaptcha undefined");return}return await b("forgetPass")},[b]),P=r.useCallback(()=>{},[]);return{defaultInfo:ke,forgotPasswordRequest:p,checkResetTokenRequest:E,validLink:w,resetPasswordRequest:x,openLogin:n,toggle:u,isShowNewPassword:h,setIsShowNewPassword:g,isShowReTypePassword:d,setIsShowReTypePassword:k,clickHandler:I,handleVerify:P}},Ce={email:"",captcha:""},Re=L.object({email:L.string().email("Email is invalid").required("Email is required")}),Le=({school:o})=>{const{forgotPasswordRequest:a,clickHandler:n,handleVerify:c}=Z();return s.jsx(K.Formik,{initialValues:Ce,enableReinitialize:!0,validationSchema:Re,onSubmit:async u=>{const h=await n();h&&(u.captcha=h,a(u))},children:u=>{const{handleChange:h,handleSubmit:g,values:d,touched:k,errors:w}=u;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:`${e.getStaticFileUrl("/images/mario-logo.png")}`,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(m.Input,{type:"text",name:"email",id:"email",placeholder:"Input email",onChange:h,value:d.email}),k.email&&w.email&&s.jsx(e.ErrorHandler,{text:w.email})]}),s.jsx(_.Link,{to:"/login",className:`${e.styles["link-to-login"]} mt-2`,children:"Return to login"}),s.jsx(G.GoogleReCaptcha,{action:"forgetPass",onVerify:c}),s.jsx(m.Col,{className:"p-0",children:s.jsx("button",{className:`${e.styles["btn-login"]} mt-5`,onClick:()=>g(),children:"Continue"})})]})})})}})},ve={token:"",password:"",reEnterPassword:""},Pe=L.object({password:L.string().required("New password is required"),reEnterPassword:L.string().required("Please re-enter new password").test("matching","Passwords do not match",function(){return this.parent.password===this.parent.reEnterPassword})}),Oe=()=>{const a=new URLSearchParams(_.useLocation().search).get("token"),{checkResetTokenRequest:n,validLink:c,resetPasswordRequest:u,isShowNewPassword:h,setIsShowNewPassword:g,isShowReTypePassword:d,setIsShowReTypePassword:k}=Z();return r.useEffect(()=>{n(a)},[]),s.jsx(K.Formik,{initialValues:ve,enableReinitialize:!0,validationSchema:Pe,onSubmit:w=>{u(w)},children:w=>{const{setFieldValue:S,handleSubmit:b,touched:p,errors:E}=w;return r.useEffect(()=>{S("token",a)},[]),s.jsx(m.Row,{className:`${e.styles["box-login"]}`,children:s.jsx(m.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("p",{className:`${e.styles["title-login"]}`,children:"Reset Password"}),s.jsx("div",{className:"w-100",children:c?s.jsxs(r.Fragment,{children:[s.jsx(m.Label,{for:"emailForgot",className:"mb-3",children:"New password"}),s.jsx(D,{isShowPassword:h,togglePasswordVisible:()=>g(!h),onChange:x=>S("password",x.target.value)}),p.password&&E.password&&s.jsx(e.ErrorHandler,{text:E.password}),s.jsx(m.Label,{for:"emailForgot",className:"mt-3 mb-3",children:"Re-enter new password"}),s.jsx(D,{isShowPassword:d,togglePasswordVisible:()=>k(!d),onChange:x=>S("reEnterPassword",x.target.value)}),p.reEnterPassword&&E.reEnterPassword&&s.jsx(e.ErrorHandler,{text:E.reEnterPassword})]}):s.jsxs(r.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"})]})}),c&&s.jsx(m.Col,{className:"p-0",children:s.jsx("button",{className:`${e.styles["btn-login"]} mt-4`,onClick:()=>b(),children:"Confirm"})}),s.jsxs("p",{className:"d-flex justify-content-between",children:[s.jsx(_.Link,{to:"/login",className:`${e.styles["link-to-login"]}`,children:"Return to login"}),s.jsx("a",{href:"/privacy-policy/",target:"blank",className:`${e.styles["link-to-login"]}`,children:"Privacy Policy"})]})]})})})})}})},Te="Log in",$e="Forgot password",Ae="Reset password",_e=o=>{const{isLogin:a,isForgotPassword:n,isResetPassword:c}=o,{defaultInfo:u,userLogin:h,googleRecaptchaId:g,school:d}=X();return r.useEffect(()=>{a&&(document.title=Te),n&&(document.title=$e),c&&(document.title=Ae)},[a,n,c]),s.jsx("div",{className:`${e.styles.login} container-fluid font-family-lato`,children:s.jsxs(m.Row,{className:"h-100",children:[s.jsxs(m.Col,{lg:8,md:12,xs:12,className:"d-flex justify-content-center h-100 align-items-center p-3 flex-column",children:[!!g&&s.jsxs(G.GoogleReCaptchaProvider,{useRecaptchaNet:!0,reCaptchaKey:g,scriptProps:{async:!0,defer:!0,appendTo:"body"},children:[a&&s.jsx(je,{userLogin:h,defaultInfo:u,school:d}),n&&s.jsx(Le,{school:d})]}),c&&s.jsx(Oe,{}),s.jsx("a",{href:"/privacy-policy/",target:"blank",className:`${e.styles["privacy-policy"]}`,children:"Privacy Policy"})]}),!c&&s.jsx(m.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=_e;