mario-core 2.0.107-release → 2.0.108-release

package/dist/Login-CPYV_-gQ.mjs

@@ -0,0 +1,1697 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { memo as je, useState as y, useCallback as I, Fragment as ve, useEffect as Z } from "react";
+import { Input as ie, Modal as Ye, ModalBody as Ke, ModalFooter as us, Button as ps, Form as fs, FormGroup as me, Row as be, Col as ee } from "reactstrap";
+import { Link as Je, useLocation as ws, useNavigate as xe } from "react-router-dom";
+import { s as o, M as Ze, E as te, a as Qe, A as Ss, g as Ie, b as g, f as ys, c as L, d as M, e as Ns, r as vs, h as ge, i as Xe, B as Is, j as ye, k as bs, l as ks, m as Ts, I as Pe, N as Es, n as Cs, o as Ls, p as Ps, q as xs, t as Rs, u as Be, v as _s, w as $s, x as Ce, y as Fe, z as As, C as Ms, D as Gs, F as Os } from "./index-CVKal53K.mjs";
+import { useDispatch as ke, useSelector as Le } from "react-redux";
+import { Formik as Te } from "formik";
+import * as V from "yup";
+import { useGoogleReCaptcha as Re, GoogleReCaptcha as Us, GoogleReCaptchaProvider as zs } from "react-google-recaptcha-v3";
+import { GoogleOAuthProvider as Bs, useGoogleLogin as Fs } from "@react-oauth/google";
+import { L as Ne, T as es } from "./types-BvnbDeJF.mjs";
+import { G as Ve } from "./constants-C5WkZZdL.mjs";
+import { LogLevel as Se, PublicClientApplication as Vs } from "@azure/msal-browser";
+import * as de from "@amplitude/analytics-browser";
+const Ds = {
+  backgroundColor: "#f7f9fc",
+  borderRadius: "4px",
+  marginBottom: "5px",
+  position: "relative"
+}, Hs = {
+  backgroundColor: "#ffffff",
+  paddingRight: "50px",
+  color: "#333333",
+  caretColor: "#333333"
+}, qs = {
+  fontSize: "20px",
+  position: "absolute",
+  right: "10px",
+  color: "#316CD9"
+}, Ws = (s) => s.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (t, i) => i.toUpperCase()), he = ({
+  isShowPassword: s,
+  togglePasswordVisible: t,
+  onChange: i,
+  placeholder: c
+}) => /* @__PURE__ */ n("div", { className: "d-flex align-items-center w-100", style: Ds, children: [
+  /* @__PURE__ */ e(
+    ie,
+    {
+      className: "border password-input",
+      style: Hs,
+      type: s ? "text" : "password",
+      name: "password",
+      onChange: i,
+      placeholder: c || "Password",
+      autocomplete: c ? Ws(c) : "password",
+      required: !0
+    }
+  ),
+  /* @__PURE__ */ e(
+    "i",
+    {
+      className: `far ${s ? "fa-eye-slash" : "fa-eye"} mx-2 cursor-pointer`,
+      style: qs,
+      onClick: () => t(),
+      title: s ? "Hide" : "Show"
+    }
+  )
+] }), js = ({ open: s, onConfirm: t, onClose: i, clickHandler: c }) => {
+  const [m, p] = y(Ve[0].value);
+  return /* @__PURE__ */ n(
+    Ye,
+    {
+      isOpen: s,
+      className: `${o["teacher-code"]}`,
+      style: { zIndex: 1201 },
+      centered: !0,
+      autoFocus: !1,
+      returnFocusAfterClose: !1,
+      children: [
+        /* @__PURE__ */ n("div", { className: `${o["header-teacher-code"]}`, children: [
+          /* @__PURE__ */ e("div", { style: { padding: "16px 24px", margin: 0, fontWeight: 500, fontSize: "1.25rem" }, children: "Select Grade" }),
+          /* @__PURE__ */ e("div", { hidden: !i, children: /* @__PURE__ */ e(Ze, { onClick: () => i?.(), className: `${o["close-icon"]}`, size: 24, style: { color: "rgba(0, 0, 0, 0.54)" } }) })
+        ] }),
+        /* @__PURE__ */ n(Ke, { style: { padding: "20px 24px" }, children: [
+          /* @__PURE__ */ e("p", { className: `${o["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" }),
+          /* @__PURE__ */ n("div", { className: "form-floating", style: { marginTop: "16px", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ e(
+              ie,
+              {
+                type: "select",
+                id: "floatingSelectGrade",
+                value: m,
+                onChange: (u) => p(u.target.value),
+                children: Ve.map((u) => /* @__PURE__ */ e("option", { value: u.value, children: u.label }, u.value))
+              }
+            ),
+            /* @__PURE__ */ e("label", { htmlFor: "floatingSelectGrade", children: "Select grade" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(us, { style: { borderTop: "none", padding: "8px 24px" }, children: /* @__PURE__ */ e(ps, { disabled: !m, style: { borderRadius: 20, background: "#316cd9", border: "none", opacity: m ? 1 : 0.65 }, color: "primary", onClick: () => t(m, c), children: "Confirm" }) })
+      ]
+    }
+  );
+};
+function Ys(s, t) {
+  return JSON.stringify(s) === JSON.stringify(t);
+}
+const Ks = je(js, Ys), Js = V.object({
+  email: V.string().email("Email is invalid").required("Email is required"),
+  password: V.string().required("Password is required"),
+  rememberMe: V.boolean()
+}), Zs = ({ onSuccess: s, onError: t }) => {
+  const i = Fs({
+    onSuccess: async (c) => {
+      try {
+        const m = await fetch("https://www.googleapis.com/oauth2/v3/userinfo", {
+          headers: { Authorization: `Bearer ${c.access_token}` }
+        }).then((u) => u.json()), p = {
+          accessToken: c.access_token,
+          googleId: m.sub,
+          profileObj: {
+            email: m.email,
+            familyName: m.family_name,
+            givenName: m.given_name,
+            imageUrl: m.picture,
+            name: m.name
+          }
+        };
+        s(p);
+      } catch (m) {
+        t(m);
+      }
+    },
+    onError: (c) => t(c)
+  });
+  return /* @__PURE__ */ n("div", { className: o["btn-login-with-sso"], onClick: () => i(), children: [
+    /* @__PURE__ */ n("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", width: "24px", height: "24px", style: { marginRight: "8px" }, children: [
+      /* @__PURE__ */ e("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" }),
+      /* @__PURE__ */ e("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" }),
+      /* @__PURE__ */ e("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" }),
+      /* @__PURE__ */ e("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" }),
+      /* @__PURE__ */ e("path", { fill: "none", d: "M0 0h48v48H0z" })
+    ] }),
+    /* @__PURE__ */ e("p", { children: "GOOGLE" })
+  ] });
+}, Qs = ({
+  defaultInfo: s,
+  userLogin: t,
+  school: i,
+  isShowPassword: c,
+  setIsShowPassword: m,
+  fnIsCheckLogin: p,
+  // isLoginGoogle,
+  // submitLogin,
+  // infoUser,
+  googleClientId: u,
+  fnLoginSSO: b,
+  extensionEmail: x,
+  onLoginWidthClever: k,
+  openModalSelectGrade: P,
+  handleRegisterUser: w,
+  onToggleModelGrade: R
+}) => {
+  const N = () => m(!c), j = ke(), { executeRecaptcha: G } = Re(), T = I(async () => {
+    if (!G) {
+      console.log("execute recaptcha undefined");
+      return;
+    }
+    return await G("login");
+  }, [G]), $ = async (E) => {
+    try {
+      await Ss(E);
+    } catch (C) {
+      console.error(C);
+    }
+  }, Y = async (E) => {
+    if (E?.accessToken) {
+      let {
+        email: C,
+        familyName: K,
+        givenName: v,
+        imageUrl: _,
+        name: O
+        // fullName
+      } = E.profileObj, H = E.accessToken, se = E.googleId;
+      const ae = window.location.hostname.split(".marioforme.com")?.[0], Q = C.split("@")?.[1], Ee = x?.split(",")?.map((D) => D.trim())?.filter((D) => D).some((D) => Q.includes(D));
+      if (!Q.includes(ae) && !Ee) {
+        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 $([`${Q} is incorrect`]);
+        return;
+      }
+      const ue = {
+        firstName: v,
+        lastName: K,
+        imageUrl: _,
+        fullName: O,
+        email: C,
+        accessToken: H,
+        googleId: se
+      };
+      j(Qe(ue)), p(
+        es.Google,
+        ue,
+        H,
+        T
+      );
+    }
+  };
+  return /* @__PURE__ */ n(ve, { children: [
+    /* @__PURE__ */ e(
+      Te,
+      {
+        initialValues: s,
+        validationSchema: Js,
+        onSubmit: async (E) => {
+          try {
+            const C = await T();
+            if (!C) return;
+            E.captcha = C, E.loginType = Ne.Default, t(E);
+          } catch (C) {
+            console.error(C);
+          }
+        },
+        children: (E) => {
+          const {
+            handleBlur: C,
+            handleSubmit: K,
+            values: v,
+            touched: _,
+            errors: O,
+            setFieldValue: H
+          } = E, se = _.email && O.email, le = _.password && O.password;
+          return /* @__PURE__ */ e("div", { className: `${o["box-login"]} w-100`, children: /* @__PURE__ */ e(
+            fs,
+            {
+              className: `${o["block-login"]}`,
+              onSubmit: K,
+              children: /* @__PURE__ */ n("div", { className: `${o["block-form"]}`, children: [
+                /* @__PURE__ */ n("div", { className: "d-flex align-items-center mb-4", children: [
+                  /* @__PURE__ */ e(
+                    "img",
+                    {
+                      hidden: !i?.schoolLogo,
+                      src: i?.schoolLogo,
+                      className: `${o["school-icon"]} mr-3`
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "p",
+                    {
+                      className: `${o["school-name"]} mb-0`,
+                      children: i.schoolName
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e("p", { className: `${o["title-login"]}`, children: "Welcome Back!" }),
+                /* @__PURE__ */ e(
+                  "p",
+                  {
+                    className: `${o["login-description"]} mb-5`,
+                    children: "Please enter your MARIO Education account details"
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  me,
+                  {
+                    className: `${o["form-user-name"]}`,
+                    children: [
+                      /* @__PURE__ */ e(
+                        ie,
+                        {
+                          type: "text",
+                          name: "email",
+                          placeholder: "Email",
+                          value: v.email,
+                          onChange: (ae) => H(
+                            "email",
+                            ae.target?.value?.trim() || ""
+                          ),
+                          autocomplete: "email",
+                          onBlur: C("email"),
+                          required: !0
+                        }
+                      ),
+                      se && /* @__PURE__ */ e(
+                        te,
+                        {
+                          text: O.email
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ n(me, { children: [
+                  /* @__PURE__ */ e(
+                    he,
+                    {
+                      isShowPassword: c,
+                      togglePasswordVisible: N,
+                      onChange: (ae) => H(
+                        "password",
+                        ae.target?.value?.trim() || ""
+                      )
+                    }
+                  ),
+                  le && /* @__PURE__ */ e(
+                    te,
+                    {
+                      text: O.password
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e(me, {}),
+                /* @__PURE__ */ n("div", { className: "d-flex justify-content-between", children: [
+                  /* @__PURE__ */ n("div", { className: "d-flex align-items-center", style: { gap: "8px" }, children: [
+                    /* @__PURE__ */ e(
+                      "input",
+                      {
+                        type: "checkbox",
+                        checked: !v.isSessionUserBrowser,
+                        className: `${o["checkbox-keep-login"]}`,
+                        onChange: () => H(
+                          "isSessionUserBrowser",
+                          !v.isSessionUserBrowser
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "p",
+                      {
+                        className: `${o["label-keep-login"]} mb-0 ml-2`,
+                        children: "Keep me logged in"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ e(
+                    Je,
+                    {
+                      to: "/forgot-password",
+                      className: `${o["link-to-login"]}`,
+                      children: "Forgot password?"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    className: `${o["btn-login"]} mt-5`,
+                    type: "submit",
+                    children: "LOG IN"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "p",
+                  {
+                    className: `${o["option-text"]} my-3 text-center`,
+                    children: "OR"
+                  }
+                ),
+                /* @__PURE__ */ n(be, { className: "mb-4", children: [
+                  /* @__PURE__ */ e(
+                    ee,
+                    {
+                      lg: 6,
+                      md: 6,
+                      xs: 12,
+                      className: "pr-md-3",
+                      children: !!u && /* @__PURE__ */ e(
+                        Bs,
+                        {
+                          clientId: u,
+                          children: /* @__PURE__ */ e(
+                            Zs,
+                            {
+                              onSuccess: Y,
+                              onError: () => console.log("Google login failed")
+                            }
+                          )
+                        }
+                      )
+                    }
+                  ),
+                  i.schoolId && /* @__PURE__ */ e(
+                    ee,
+                    {
+                      lg: 6,
+                      md: 6,
+                      xs: 12,
+                      className: `${o["btn-login-sso"]} pl-md-2`,
+                      hidden: !i?.schoolId,
+                      children: /* @__PURE__ */ n(
+                        "div",
+                        {
+                          className: o["btn-login-with-sso"],
+                          onClick: () => b(T),
+                          children: [
+                            /* @__PURE__ */ e("img", { src: "images/microsoft-logo.png" }),
+                            /* @__PURE__ */ e("p", { children: "MICROSOFT" })
+                          ]
+                        }
+                      )
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: `${o["btn-login-sso"]}`,
+                    children: /* @__PURE__ */ n(
+                      "div",
+                      {
+                        className: o["btn-login-with-sso"],
+                        onClick: () => window.open(
+                          "https://launchpad.classlink.com/login"
+                        ),
+                        children: [
+                          /* @__PURE__ */ e("img", { src: "images/class-link-icon.png" }),
+                          /* @__PURE__ */ e("p", { children: "SIGN IN WITH CLASSLINK" })
+                        ]
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: `${o["btn-login-sso"]} mt-4`,
+                    children: /* @__PURE__ */ n(
+                      "div",
+                      {
+                        className: o["btn-login-with-sso"],
+                        onClick: () => k(),
+                        children: [
+                          /* @__PURE__ */ e("img", { src: "images/clever-icon.png" }),
+                          /* @__PURE__ */ e("p", { children: "SIGN IN WITH CLEVER" })
+                        ]
+                      }
+                    )
+                  }
+                )
+              ] })
+            }
+          ) });
+        }
+      }
+    ),
+    /* @__PURE__ */ e(Ks, { open: P, onConfirm: w, clickHandler: T, onClose: R })
+  ] });
+}, Xs = {
+  email: "",
+  captcha: ""
+}, ea = "/", De = "/login", sa = "Log in", ss = () => {
+  const s = new URLSearchParams(ws().search), t = s.get("token"), i = s.get("key") ?? "", c = ke(), m = xe(), [p, u] = y(!1), b = I(() => {
+    u(!p);
+  }, [p]), [x, k] = y(!1), [P, w] = y(!1), [R, N] = y({
+    token: "",
+    password: "",
+    reEnterPassword: "",
+    email: "",
+    userId: ""
+  }), [j, G] = y(!0), { executeRecaptcha: T } = Re();
+  Z(() => {
+    document.title = sa, Ie() && m(ea);
+  }, []);
+  const $ = I(async (v) => {
+    c(g(!0));
+    try {
+      await ys(v), m(De), c(
+        L({
+          type: "success",
+          message: "A mail to reset password was sent"
+        })
+      );
+    } catch (_) {
+      c(
+        L({
+          type: "danger",
+          message: _.response?.data?.title || _.message || "Error occured"
+        })
+      ), localStorage.removeItem(M), sessionStorage.removeItem(M);
+    }
+    c(g(!1));
+  }, []), Y = I(
+    async (v, _) => {
+      c(g(!0));
+      try {
+        const O = await Ns(v, _);
+        O.data ? N({
+          ...R,
+          token: v,
+          email: O.data
+        }) : G(!1);
+      } catch {
+        G(!1);
+      }
+      c(g(!1));
+    },
+    []
+  ), E = I(async (v) => {
+    c(g(!0));
+    try {
+      await vs({ ...v, key: i }), m(De), c(
+        L({
+          type: "success",
+          message: "Reset password sucessfully"
+        })
+      );
+    } catch (_) {
+      c(
+        L({
+          type: "danger",
+          message: _.response?.data?.title || _.message || "Error occured"
+        })
+      ), localStorage.removeItem(M), sessionStorage.removeItem(M);
+    }
+    c(g(!1));
+  }, []), C = I(async () => {
+    if (!T) {
+      console.log("execute recaptcha undefined");
+      return;
+    }
+    return await T("forgetPass");
+  }, [T]), K = I(() => {
+  }, []);
+  return Z(() => {
+    t && i && Y(t, i);
+  }, [t, i]), {
+    defaultInfo: Xs,
+    forgotPasswordRequest: $,
+    checkResetTokenRequest: Y,
+    validLink: j,
+    resetPasswordRequest: E,
+    openLogin: p,
+    toggle: b,
+    isShowNewPassword: x,
+    setIsShowNewPassword: k,
+    isShowReTypePassword: P,
+    setIsShowReTypePassword: w,
+    clickHandler: C,
+    handleVerify: K,
+    initialValues: R
+  };
+}, aa = {
+  email: "",
+  captcha: ""
+}, oa = V.object({
+  email: V.string().email("Email is invalid").required("Email is required")
+}), ta = ({ school: s }) => {
+  const {
+    forgotPasswordRequest: t,
+    clickHandler: i,
+    handleVerify: c
+  } = ss();
+  return /* @__PURE__ */ e(
+    Te,
+    {
+      initialValues: aa,
+      enableReinitialize: !0,
+      validationSchema: oa,
+      onSubmit: async (m) => {
+        const p = await i();
+        p && (m.captcha = p, t(m));
+      },
+      children: (m) => {
+        const {
+          handleChange: p,
+          handleSubmit: u,
+          values: b,
+          touched: x,
+          errors: k
+        } = m;
+        return /* @__PURE__ */ e("div", { className: `${o["box-login"]}`, children: /* @__PURE__ */ e("div", { className: `${o["block-login"]}`, children: /* @__PURE__ */ n("div", { className: `${o["block-form"]}`, children: [
+          /* @__PURE__ */ n("div", { className: "d-flex align-items-center mb-4", children: [
+            /* @__PURE__ */ e(
+              "img",
+              {
+                src: s.schoolLogo,
+                className: `${o["school-icon"]} mr-3`
+              }
+            ),
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: `${o["school-name"]} mb-0`,
+                children: s.schoolName
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("p", { className: `${o["title-login"]} `, children: "Forgot password" }),
+          /* @__PURE__ */ e(
+            "p",
+            {
+              className: `${o["recover-account"]} mb-5`,
+              children: "Enter email to recover your account"
+            }
+          ),
+          /* @__PURE__ */ n("div", { className: "w-100", children: [
+            /* @__PURE__ */ e(
+              ie,
+              {
+                type: "text",
+                name: "email",
+                id: "email",
+                placeholder: "Input email",
+                onChange: p,
+                value: b.email
+              }
+            ),
+            x.email && k.email && /* @__PURE__ */ e(te, { text: k.email })
+          ] }),
+          /* @__PURE__ */ e(
+            Je,
+            {
+              to: "/login",
+              className: `${o["link-to-login"]} mt-2`,
+              children: "Return to login"
+            }
+          ),
+          /* @__PURE__ */ e(
+            Us,
+            {
+              action: "forgetPass",
+              onVerify: c
+            }
+          ),
+          /* @__PURE__ */ e(ee, { className: "p-0", children: /* @__PURE__ */ e(
+            "button",
+            {
+              className: `${o["btn-login"]} mt-5`,
+              onClick: () => u(),
+              children: "Continue"
+            }
+          ) })
+        ] }) }) });
+      }
+    }
+  );
+}, na = 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;
+  })
+}), ra = () => {
+  const {
+    validLink: s,
+    resetPasswordRequest: t,
+    isShowNewPassword: i,
+    setIsShowNewPassword: c,
+    isShowReTypePassword: m,
+    setIsShowReTypePassword: p,
+    initialValues: u
+  } = ss();
+  return /* @__PURE__ */ e(
+    Te,
+    {
+      initialValues: u,
+      enableReinitialize: !0,
+      validationSchema: na,
+      onSubmit: (b) => {
+        t(b);
+      },
+      children: (b) => {
+        const { setFieldValue: x, handleSubmit: k, touched: P, errors: w, values: R } = b;
+        return /* @__PURE__ */ e(be, { className: `${o["box-login"]}`, children: /* @__PURE__ */ e(ee, { className: "p-0", children: /* @__PURE__ */ e("div", { className: `${o["block-login"]}`, children: /* @__PURE__ */ n("div", { className: `${o["block-form"]}`, children: [
+          /* @__PURE__ */ e(
+            "img",
+            {
+              src: `${ge(
+                "/images/horizontal-logo-blue.svg"
+              )}`,
+              className: `${o["img-login-rectangle"]}`
+            }
+          ),
+          /* @__PURE__ */ e("p", { className: `${o["title-login"]}`, children: "Reset Password" }),
+          /* @__PURE__ */ e("div", { className: "w-100", children: s ? /* @__PURE__ */ n(ve, { children: [
+            /* @__PURE__ */ e(
+              me,
+              {
+                className: `${o["form-user-name"]}`,
+                children: /* @__PURE__ */ e(
+                  ie,
+                  {
+                    disabled: !0,
+                    type: "text",
+                    name: "email",
+                    placeholder: "Email",
+                    value: R.email,
+                    autocomplete: "email",
+                    required: !0,
+                    className: `${o.input}`
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ n(
+              "div",
+              {
+                className: `${o["form-user-name"]}`,
+                children: [
+                  /* @__PURE__ */ e(
+                    he,
+                    {
+                      isShowPassword: i,
+                      togglePasswordVisible: () => c(
+                        !i
+                      ),
+                      onChange: (N) => x(
+                        "password",
+                        N.target.value
+                      )
+                    }
+                  ),
+                  P.password && w.password && /* @__PURE__ */ e(
+                    te,
+                    {
+                      text: w.password
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ n(
+              "div",
+              {
+                className: `${o["form-user-name"]}`,
+                children: [
+                  /* @__PURE__ */ e(
+                    he,
+                    {
+                      placeholder: "Confirm Password",
+                      isShowPassword: m,
+                      togglePasswordVisible: () => p(
+                        !m
+                      ),
+                      onChange: (N) => x(
+                        "reEnterPassword",
+                        N.target.value
+                      )
+                    }
+                  ),
+                  P.reEnterPassword && w.reEnterPassword && /* @__PURE__ */ e(
+                    te,
+                    {
+                      text: w.reEnterPassword
+                    }
+                  )
+                ]
+              }
+            )
+          ] }) : /* @__PURE__ */ n(ve, { children: [
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: `${o["recover-account"]} mb-5`,
+                children: "Invalid reset password link"
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "w-100", children: "It may have been accessed before or expired or you have just tried to reset another account's password" })
+          ] }) }),
+          s && /* @__PURE__ */ e(ee, { className: "p-0", children: /* @__PURE__ */ e(
+            "button",
+            {
+              className: `${o["btn-login"]} ${o["btn-rounder"]} mt-4`,
+              onClick: () => k(),
+              children: "SET A NEW PASSWORD"
+            }
+          ) })
+        ] }) }) }) });
+      }
+    }
+  );
+}, as = `${Is}/api/school`, ia = () => Xe.get(`${as}/settings`), la = () => Xe.get(`${as}/info`), ca = {
+  auth: {
+    clientId: ye ? "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",
+    // This configures where your cache will be stored
+    storeAuthStateInCookie: !1
+    // Set this to "true" if you are having issues on IE11 or Edge
+  },
+  system: {
+    loggerOptions: {
+      loggerCallback: (s, t, i) => {
+        if (!i)
+          switch (s) {
+            case Se.Error:
+              console.error(t);
+              return;
+            case Se.Info:
+              console.info(t);
+              return;
+            case Se.Verbose:
+              console.debug(t);
+              return;
+            case Se.Warning:
+              console.warn(t);
+              return;
+            default:
+              return;
+          }
+      }
+    }
+  }
+}, da = {
+  email: "",
+  password: "",
+  captcha: "",
+  rememberMe: !1,
+  isSessionUserBrowser: !!sessionStorage.getItem(Pe)
+}, ma = "/home", He = "/home", ga = "/admin/home", ha = "/parent", ua = "/admin/schools", pa = "/list-student", fa = "Log in", wa = () => {
+  const s = ke(), t = xe(), [i, c] = y(!1), m = Le(
+    (a) => a.common.isLoginGoogle
+  ), [p, u] = y(""), [b, x] = y(""), [k, P] = y(""), [w, R] = y(!1), N = Le((a) => a.common.inforUserGoogle), j = Le((a) => a.common.environment), G = new URLSearchParams(location.search), T = G.get("type") === "classlink", $ = G.get("token"), Y = G.get("isAdminUser"), [
+    E
+    /*, setOpenModelAssign*/
+  ] = y(!1), [C, K] = y({
+    schoolName: "",
+    schoolLogo: "",
+    schoolId: 0
+  }), [v, _] = y(null), O = I(() => {
+    c(!i);
+  }, [i]), [H, se] = y(!1), [le, ae] = y(!1), [Q, Ee] = y({
+    firstName: "",
+    lastName: "",
+    fullName: "",
+    imageUrl: "",
+    email: "",
+    accessToken: "",
+    googleId: ""
+  });
+  Z(() => {
+    document.title = fa;
+    const a = bs("auth-token");
+    if (a) {
+      const d = window.location.hostname;
+      if (localStorage.setItem(M, a), document.cookie = `auth-token=;domain=${d.includes("localhost") ? d : ".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=/", Y)
+        return t("/admin/home");
+      Me(a);
+      return;
+    }
+    Ie() && t("/"), ls();
+  }, [Y, Me, t]);
+  const ue = () => {
+    localStorage.removeItem(M), sessionStorage.removeItem(M), localStorage.removeItem("USER_EMAIL");
+  };
+  Z(() => {
+    T && $ != "" && ts();
+  }, []);
+  const D = () => {
+    ae(!le);
+  }, os = () => {
+    if (ye) {
+      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;
+    }
+  }, ts = async () => {
+    s(g(!0));
+    try {
+      const r = await ks({
+        tokenClassLink: $
+      }), { email: d, token: f } = r.data;
+      await oe({
+        email: d,
+        rememberMe: !1,
+        password: "default",
+        accessToken: f
+      });
+    } catch (a) {
+      s(
+        L({
+          type: "danger",
+          message: a.response?.data?.title || a.message
+        })
+      );
+    }
+    s(g(!1));
+  }, _e = window.location.host.includes("-district"), ns = I(async () => {
+    s(g(!0));
+    try {
+      const a = await la(), r = a.data.schoolLogo ?? "";
+      a.data && K({
+        schoolName: a.data.schoolName,
+        schoolLogo: r ? Ts(r) : ge("/images/logo_header_blue.png"),
+        schoolId: a.data.schoolId
+      });
+    } catch (a) {
+      s(
+        L({
+          type: "danger",
+          message: a.response?.data?.title || a.message
+        })
+      );
+    }
+    s(g(!1));
+  }, []), [rs, pe] = y(!1), [ne, $e] = y(null), ce = I((a, r, d, f, l, q, z, W, J, A) => {
+    const B = A?.isSessionUserBrowser ?? !1;
+    B ? (sessionStorage.setItem(M, a), sessionStorage.setItem(
+      Pe,
+      String(B)
+    )) : (sessionStorage.removeItem(Pe), localStorage.setItem(M, a)), localStorage.removeItem(Es), sessionStorage.removeItem("ACTIVE_ROLE"), s(
+      Cs({
+        id: r,
+        firstName: d,
+        lastName: f,
+        roles: l,
+        email: q,
+        profileImageFileName: z
+      })
+    );
+    let S = localStorage.getItem("ROLES") || "";
+    if (!S) {
+      if (l.includes("Admin"))
+        S = "Admin";
+      else {
+        const U = ((r ? localStorage.getItem(`PREFERRED_ROLE_${r}`) : null) || "").split(",").map((we) => we.trim()).filter(Boolean);
+        U.length > 0 && U.every((we) => l.includes(we)) ? U.length > 1 ? S = U.every(
+          (ze) => ze === "Teacher" || ze === "Assistant"
+        ) ? "Teacher,Assistant" : U[0] : S = U[0] : l.includes("Teacher") ? S = l.includes("Assistant") ? "Teacher,Assistant" : "Teacher" : l.includes("Assistant") ? S = "Assistant" : l.includes("Counselor") ? S = "Counselor" : l.includes("SecondaryTeacher") ? S = "SecondaryTeacher" : l.includes("EduTeacher") ? S = "EduTeacher" : l.includes("Student") ? S = "Student" : l.includes("Parent") ? S = "Parent" : l.length > 0 && (S = l[0]);
+      }
+      S && (localStorage.setItem("ROLES", S), sessionStorage.setItem("ACTIVE_ROLE", S));
+    }
+    if (A?.email && !l.includes("Admin")) {
+      de.init(
+        ye ? Ps : Ls,
+        A.email,
+        {
+          defaultTracking: !1
+        }
+      );
+      const re = window.location.hostname, U = new de.Identify();
+      U.set("domain", re), de.identify(U), de.track("general: session start", {
+        user_id: A.email,
+        domain: re,
+        roles: l?.toString()
+      }), localStorage.setItem("USER_EMAIL", A.email), W && de.track("general: first login", {
+        user_id: A.email,
+        domain: re,
+        roles: l?.toString()
+      });
+    }
+    const X = (re) => {
+      const U = As(re, J);
+      window.location.pathname.startsWith("/es") ? J === "es" ? t(U) : window.location.href = U : J === "es" ? window.location.href = U : t(U);
+    }, F = S.split(",")[0] || "";
+    _e ? X(ua) : l.includes("Admin") || F === "Admin" ? X(ga) : F === "Teacher" || F === "Assistant" || F === "Counselor" || F === "SecondaryTeacher" || !F && (l.includes("Teacher") || l.includes("Assistant") || l.includes("Counselor") || l.includes("SecondaryTeacher")) ? X(ma) : F === "Student" || !F && l.includes("Student") ? X(He) : F === "Parent" || !F && l.includes("Parent") ? X(ha) : (F === "EduTeacher" || !F && l.includes("EduTeacher")) && X(pa), s(g(!1));
+  }, [s, t, _e]), fe = I((a, r, d) => w && a?.includes("Student") && (r === "es" || d === "ES") ? (s(
+    L({
+      type: "danger",
+      message: "Unable to sign in with SSO. Please contact your admin or teacher."
+    })
+  ), localStorage.removeItem(M), sessionStorage.removeItem(M), s(g(!1)), !0) : !1, [w, s]), Ae = I((a) => w && a && xs.includes(a.trim()) ? (s(
+    L({
+      type: "danger",
+      message: "Unable to sign in with SSO. Please contact your admin or teacher."
+    })
+  ), s(g(!1)), !0) : !1, [w, s]);
+  async function Me(a) {
+    s(g(!0));
+    try {
+      const r = await Rs();
+      let {
+        id: d,
+        firstName: f,
+        lastName: l,
+        roles: q,
+        email: z,
+        profileImageFileName: W,
+        isLoginFirst: J,
+        schoolLevel: A,
+        appType: B,
+        preferredAppType: S,
+        needsAppTypeChoice: X
+      } = r.data;
+      if (X) {
+        $e({ email: z }), pe(!0), s(g(!1));
+        return;
+      }
+      A || (B === "ES" || B === "ES, MS" && S === "ES") && (A = "es"), ce(
+        a,
+        d,
+        f,
+        l,
+        q,
+        z,
+        W,
+        J,
+        A,
+        { email: z }
+      );
+    } catch (r) {
+      s(
+        L({
+          type: "danger",
+          message: r.response?.data?.title || r.message || "Login failed"
+        })
+      ), s(g(!1));
+    }
+  }
+  const is = I(async (a) => {
+    if (pe(!1), !ne) return;
+    s(g(!0));
+    const r = a === "es" ? "ES" : a === "ms" ? "MS" : "ES, MS";
+    try {
+      const d = await Be({
+        ...ne,
+        email: ne?.email?.trim(),
+        password: ne?.password?.trim(),
+        preferredAppType: r
+      });
+      let {
+        token: f,
+        id: l,
+        firstName: q,
+        lastName: z,
+        roles: W,
+        email: J,
+        profileImageFileName: A,
+        isLoginFirst: B,
+        schoolLevel: S
+      } = d.data;
+      if (!S && a === "es" && (S = "es"), fe(W, S, d.data.appType)) return;
+      ce(
+        f,
+        l,
+        q,
+        z,
+        W,
+        J,
+        A,
+        B,
+        S,
+        ne
+      );
+    } catch (d) {
+      s(
+        L({
+          type: "danger",
+          message: d.response?.data?.title || d.message || "Login failed"
+        })
+      ), s(g(!1));
+    }
+  }, [ne, ce, fe, s]), oe = I(async (a) => {
+    s(g(!0));
+    try {
+      const r = await Be({
+        ...a,
+        email: a?.email?.trim(),
+        password: a?.password?.trim()
+      });
+      let {
+        token: d,
+        id: f,
+        firstName: l,
+        lastName: q,
+        roles: z,
+        email: W,
+        profileImageFileName: J,
+        isLoginFirst: A,
+        schoolLevel: B
+      } = r.data;
+      if (r.data.needsAppTypeChoice) {
+        $e(a), pe(!0), s(g(!1));
+        return;
+      }
+      if (B || (r.data.appType === "ES" || r.data.appType === "ES, MS" && r.data.preferredAppType === "ES") && (B = "es"), fe(z, B, r.data.appType)) return;
+      ce(
+        d,
+        f,
+        l,
+        q,
+        z,
+        W,
+        J,
+        A,
+        B,
+        a
+      );
+    } catch (r) {
+      s(
+        L({
+          type: "danger",
+          message: r.response?.data?.title || r.message || "Login failed"
+        })
+      ), localStorage.removeItem(M), sessionStorage.removeItem(M), s(g(!1));
+    }
+  }, [ce, fe, s]), ls = async () => {
+    try {
+      const a = await _s();
+      u(a.data.googleClientId), x(a.data.googleCaptchaId), P(a.data.extensionEmail), R(a.data.isRestrictedLogin);
+    } catch (a) {
+      s(
+        L({
+          type: "danger",
+          message: a.response?.data?.title || a.message || "Login failed"
+        })
+      );
+    }
+  }, Ge = I(
+    async (a, r, d, f) => {
+      s(g(!0));
+      try {
+        if ((await $s(a, r)).data) {
+          const z = {
+            email: r.email,
+            isLoginGoogle: !0,
+            rememberMe: !1,
+            password: "default",
+            accessToken: d,
+            captcha: "",
+            loginType: Ne.Google
+          };
+          if (f != null) {
+            const W = await f();
+            z.captcha = W;
+          }
+          await oe(z), s(Ce(!1));
+        } else
+          Ee({ ...r, token: d }), D();
+      } catch (l) {
+        s(
+          L({
+            type: "danger",
+            message: l.response?.data?.title || l.message || "Login failed"
+          })
+        );
+      }
+      s(g(!1));
+    },
+    [oe, s, D]
+  ), cs = I(async (a, r) => {
+    s(g(!0));
+    try {
+      if (Ae(a)) return;
+      if ((await Fe({ ...Q, gradeLevel: a }))?.data) {
+        const f = {
+          email: Q.email,
+          isLoginGoogle: !0,
+          rememberMe: !1,
+          password: "default",
+          accessToken: Q.accessToken,
+          captcha: "",
+          loginType: Ne.Google
+        };
+        if (r != null) {
+          const l = await r();
+          f.captcha = l;
+        }
+        await oe(f), D();
+      }
+    } catch (d) {
+      s(
+        L({
+          type: "danger",
+          message: d.response?.data?.title || d.message || "Login failed"
+        })
+      );
+    }
+    s(g(!1));
+  }, [Ae, Q, oe, D, s]), ds = async (a, r) => {
+    s(g(!0));
+    try {
+      const d = {
+        firstName: N.firstName,
+        lastName: N.lastName,
+        imageUrl: N.imageUrl,
+        fullName: N.fullName,
+        email: N.email,
+        accessToken: N.accessToken,
+        teacherId: a
+      };
+      if ((await Fe(d)).data) {
+        const l = await r(), q = {
+          email: N.email,
+          captcha: l,
+          isLoginGoogle: !0,
+          rememberMe: !1,
+          password: "default",
+          accessToken: N.accessToken,
+          loginType: Ne.Google
+        };
+        s(Ce(!1)), await oe(q), t(He);
+      }
+    } catch (d) {
+      s(
+        L({
+          type: "danger",
+          message: d.response?.data?.title || d.message || "Login failed"
+        })
+      );
+    }
+    s(Ce(!1)), s(g(!1));
+  }, ms = async () => {
+    try {
+      const a = await ia();
+      s(Ms(a.data.isSandboxMode));
+    } catch (a) {
+      console.error(a);
+    }
+  }, Oe = async (a) => {
+    v.handleRedirectPromise().then(async (r) => {
+      if (C?.schoolId)
+        if (r) {
+          let d = r.account;
+          await Ue(d, a);
+        } else {
+          const d = v.getAllAccounts();
+          if (d.length === 0) {
+            const f = j === "PreProduction" ? "https://mario1.marioforme.com" : ye ? "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=${C.schoolId}`;
+          } else {
+            let f = d[0];
+            await Ue(f, a);
+          }
+        }
+    }).catch((r) => {
+      console.error(r);
+    });
+  }, Ue = async (a, r) => {
+    let d = a.name, f = {
+      firstName: d.split(" ").slice(0, -1).join(" "),
+      lastName: d.split(" ").slice(-1).join(" "),
+      fullName: d,
+      imageUrl: "",
+      email: a.username,
+      accessToken: a.idTokenClaims.aio,
+      googleId: a.tenantId
+    };
+    s(Qe(f)), await Ge(
+      es.MicrosoftSSO,
+      f,
+      a.idTokenClaims.aio,
+      r
+    );
+  }, gs = async () => {
+    const a = new Vs(ca);
+    await a.initialize(), _(a);
+  };
+  return Z(() => {
+    let a = window.location.href;
+    v && a.includes("code") && a.includes("client_info") && Oe();
+  }, [JSON.stringify(v)]), Z(() => {
+    ms(), gs(), ns();
+  }, []), {
+    defaultInfo: da,
+    userLogin: oe,
+    openLogin: i,
+    toggle: O,
+    isShowPassword: H,
+    setIsShowPassword: se,
+    fnIsCheckLogin: Ge,
+    isLoginGoogle: m,
+    infoUser: N,
+    submitLogin: ds,
+    googleClientId: p,
+    googleRecaptchaId: b,
+    handleCancelModelAssign: ue,
+    openModelAssign: E,
+    // handleAssignTeacherByCode,
+    fnLoginSSO: Oe,
+    school: C,
+    extensionEmail: k,
+    handleLoginWidthClever: os,
+    openModalSelectGrade: le,
+    handleRegisterUser: cs,
+    handleToggleModelGrade: D,
+    openModalSelectTier: rs,
+    handleSelectTier: is,
+    setOpenModalSelectTier: pe
+  };
+}, qe = "/", Sa = "/login", We = "Log in", ya = () => {
+  const s = ke(), t = xe(), i = location.search, m = new URLSearchParams(i).get("userId"), [p, u] = y(!1), [b, x] = y(
+    !1
+  ), [k, P] = y({
+    password: "",
+    reEnterPassword: "",
+    email: "",
+    userId: m ?? "",
+    token: ""
+  }), { executeRecaptcha: w } = Re(), R = I(async (T) => {
+    s(g(!0));
+    try {
+      const $ = await Gs(T);
+      P({ ...k, email: $.data });
+    } catch ($) {
+      s(
+        L({
+          type: "danger",
+          message: $.message
+        })
+      );
+    }
+    s(g(!1));
+  }, []), N = I(async (T) => {
+    s(g(!0));
+    try {
+      await Os(T), t(Sa), s(
+        L({
+          type: "success",
+          message: "Create password sucessfully"
+        })
+      );
+    } catch ($) {
+      s(
+        L({
+          type: "danger",
+          message: $.response?.data?.title || $.message || "Error occured"
+        })
+      ), localStorage.removeItem(M), sessionStorage.removeItem(M);
+    }
+    s(g(!1));
+  }, []), j = I(async () => {
+    if (!w) {
+      console.log("execute recaptcha undefined");
+      return;
+    }
+    return await w("forgetPass");
+  }, [w]), G = I(() => {
+  }, []);
+  return Z(() => {
+    document.title = We, Ie() && t(qe), m && R(m);
+  }, [m]), Z(() => {
+    document.title = We, Ie() && t(qe);
+  }, []), {
+    createPasswordRequest: N,
+    isShowNewPassword: p,
+    setIsShowNewPassword: u,
+    isShowReTypePassword: b,
+    setIsShowReTypePassword: x,
+    clickHandler: j,
+    handleVerify: G,
+    initialValues: k
+  };
+}, Na = 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;
+  })
+}), va = () => {
+  const {
+    createPasswordRequest: s,
+    isShowNewPassword: t,
+    setIsShowNewPassword: i,
+    isShowReTypePassword: c,
+    setIsShowReTypePassword: m,
+    initialValues: p
+  } = ya();
+  return /* @__PURE__ */ e(
+    Te,
+    {
+      initialValues: p,
+      enableReinitialize: !0,
+      validationSchema: Na,
+      onSubmit: (u) => {
+        s(u);
+      },
+      children: (u) => {
+        const {
+          setFieldValue: b,
+          handleSubmit: x,
+          touched: k,
+          errors: P,
+          values: w
+        } = u;
+        return /* @__PURE__ */ e(be, { className: `${o["box-login"]}`, children: /* @__PURE__ */ n(ee, { className: "p-0", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              hidden: !w.email,
+              className: `${o["block-login"]}`,
+              children: /* @__PURE__ */ n("div", { className: `${o["block-form"]}`, children: [
+                /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: `${ge(
+                      "/images/horizontal-logo-blue.svg"
+                    )}`,
+                    className: `${o["img-login-rectangle"]}`
+                  }
+                ),
+                /* @__PURE__ */ e("p", { className: `${o["title-login"]}`, children: "Create Your Password" }),
+                /* @__PURE__ */ e("div", { className: "w-100", children: /* @__PURE__ */ n(ve, { children: [
+                  /* @__PURE__ */ e(
+                    me,
+                    {
+                      className: `${o["form-user-name"]}`,
+                      children: /* @__PURE__ */ e(
+                        ie,
+                        {
+                          disabled: !0,
+                          type: "text",
+                          name: "email",
+                          placeholder: "Email",
+                          value: w.email,
+                          autocomplete: "email",
+                          required: !0,
+                          className: `${o.input}`
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    "div",
+                    {
+                      className: `${o["form-user-name"]}`,
+                      children: [
+                        /* @__PURE__ */ e(
+                          he,
+                          {
+                            isShowPassword: t,
+                            togglePasswordVisible: () => i(
+                              !t
+                            ),
+                            onChange: (R) => b(
+                              "password",
+                              R.target.value
+                            )
+                          }
+                        ),
+                        k.password && P.password && /* @__PURE__ */ e(
+                          te,
+                          {
+                            text: P.password
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    "div",
+                    {
+                      className: `${o["form-user-name"]}`,
+                      children: [
+                        /* @__PURE__ */ e(
+                          he,
+                          {
+                            placeholder: "Confirm Password",
+                            isShowPassword: c,
+                            togglePasswordVisible: () => m(
+                              !c
+                            ),
+                            onChange: (R) => b(
+                              "reEnterPassword",
+                              R.target.value
+                            )
+                          }
+                        ),
+                        k.reEnterPassword && P.reEnterPassword && /* @__PURE__ */ e(
+                          te,
+                          {
+                            text: P.reEnterPassword
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    className: `${o["btn-login"]} ${o["btn-rounder"]} mt-4`,
+                    onClick: () => x(),
+                    children: "CREATE YOUR PASSWORD"
+                  }
+                )
+              ] })
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              hidden: !!w.email,
+              className: `${o["block-login"]}`,
+              children: /* @__PURE__ */ n("div", { className: `${o["block-form"]}`, children: [
+                /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: `${ge(
+                      "/images/horizontal-logo-blue.svg"
+                    )}`,
+                    className: `${o["img-login-rectangle"]}`
+                  }
+                ),
+                /* @__PURE__ */ e("p", { className: `${o["title-login"]}`, children: "You cannot regenerate the password" })
+              ] })
+            }
+          )
+        ] }) });
+      }
+    }
+  );
+}, Ia = "_modalContent_1pxxz_1", ba = "_closeButton_1pxxz_6", ka = "_modalBody_1pxxz_17", Ta = "_iconWrapper_1pxxz_22", Ea = "_title_1pxxz_38", Ca = "_subtitle_1pxxz_45", La = "_tierCard_1pxxz_51", Pa = "_es_1pxxz_60", xa = "_tierTitle_1pxxz_71", Ra = "_tierDesc_1pxxz_76", _a = "_arrow_1pxxz_81", $a = "_ms_1pxxz_85", Aa = "_both_1pxxz_110", Ma = "_cardLeft_1pxxz_134", Ga = "_cardText_1pxxz_138", h = {
+  modalContent: Ia,
+  closeButton: ba,
+  modalBody: ka,
+  iconWrapper: Ta,
+  title: Ea,
+  subtitle: Ca,
+  tierCard: La,
+  es: Pa,
+  tierTitle: xa,
+  tierDesc: Ra,
+  arrow: _a,
+  ms: $a,
+  both: Aa,
+  cardLeft: Ma,
+  cardText: Ga
+}, Oa = ({ open: s, onSelectTier: t, onClose: i }) => /* @__PURE__ */ n(
+  Ye,
+  {
+    isOpen: s,
+    style: { zIndex: 1201, maxWidth: 450 },
+    centered: !0,
+    autoFocus: !1,
+    returnFocusAfterClose: !1,
+    contentClassName: h.modalContent,
+    children: [
+      /* @__PURE__ */ e("div", { className: h.closeButton, children: i && /* @__PURE__ */ e(Ze, { onClick: () => i(), size: 24 }) }),
+      /* @__PURE__ */ n(Ke, { className: h.modalBody, children: [
+        /* @__PURE__ */ e("div", { className: h.iconWrapper, children: /* @__PURE__ */ e("svg", { fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("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" }) }) }),
+        /* @__PURE__ */ e("h4", { className: h.title, children: "Select Grade Level" }),
+        /* @__PURE__ */ e("p", { className: h.subtitle, children: "Select the grade levels you support" }),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            onClick: () => t("es"),
+            className: `${h.tierCard} ${h.es}`,
+            children: [
+              /* @__PURE__ */ n("div", { className: h.cardLeft, children: [
+                /* @__PURE__ */ e("svg", { fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("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" }) }),
+                /* @__PURE__ */ n("div", { className: h.cardText, children: [
+                  /* @__PURE__ */ e("div", { className: h.tierTitle, children: "Elementary / Primary" }),
+                  /* @__PURE__ */ e("div", { className: h.tierDesc, children: "Grades 2-5 / Years 3-6" })
+                ] })
+              ] }),
+              /* @__PURE__ */ e("div", { className: h.arrow, children: ">" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            onClick: () => t("ms"),
+            className: `${h.tierCard} ${h.ms}`,
+            children: [
+              /* @__PURE__ */ n("div", { className: h.cardLeft, children: [
+                /* @__PURE__ */ e("svg", { fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("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" }) }),
+                /* @__PURE__ */ n("div", { className: h.cardText, children: [
+                  /* @__PURE__ */ e("div", { className: h.tierTitle, children: "Middle & High / Secondary" }),
+                  /* @__PURE__ */ e("div", { className: h.tierDesc, children: "Grades 6-12 / Years 7-13" })
+                ] })
+              ] }),
+              /* @__PURE__ */ e("div", { className: h.arrow, children: ">" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            onClick: () => t("both"),
+            className: `${h.tierCard} ${h.both}`,
+            children: [
+              /* @__PURE__ */ n("div", { className: h.cardLeft, children: [
+                /* @__PURE__ */ e("svg", { fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("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" }) }),
+                /* @__PURE__ */ n("div", { className: h.cardText, children: [
+                  /* @__PURE__ */ e("div", { className: h.tierTitle, children: "Both Tiers" }),
+                  /* @__PURE__ */ e("div", { className: h.tierDesc, children: "Access all grade levels" })
+                ] })
+              ] }),
+              /* @__PURE__ */ e("div", { className: h.arrow, children: ">" })
+            ]
+          }
+        )
+      ] })
+    ]
+  }
+), Ua = je(Oa), za = "Log in", Ba = "Forgot password", Fa = "Reset password", eo = (s) => {
+  const {
+    isLogin: t,
+    isForgotPassword: i,
+    isResetPassword: c,
+    isCreatePassword: m
+    // isLoginTwoFactor
+  } = s, {
+    defaultInfo: p,
+    userLogin: u,
+    googleRecaptchaId: b,
+    handleCancelModelAssign: x,
+    school: k,
+    openModelAssign: P,
+    setIsShowPassword: w,
+    fnIsCheckLogin: R,
+    isLoginGoogle: N,
+    submitLogin: j,
+    infoUser: G,
+    googleClientId: T,
+    isShowPassword: $,
+    fnLoginSSO: Y,
+    extensionEmail: E,
+    handleLoginWidthClever: C,
+    openModalSelectGrade: K,
+    handleRegisterUser: v,
+    handleToggleModelGrade: _,
+    openModalSelectTier: O,
+    handleSelectTier: H,
+    setOpenModalSelectTier: se
+  } = wa();
+  return Z(() => {
+    t && (document.title = za), i && (document.title = Ba), c && (document.title = Fa);
+  }, [t, i, c]), /* @__PURE__ */ n("div", { className: `${o.login} container-fluid font-family-lato`, children: [
+    /* @__PURE__ */ n(be, { className: "h-100", children: [
+      /* @__PURE__ */ n(
+        ee,
+        {
+          lg: 8,
+          md: 12,
+          xs: 12,
+          className: "d-flex justify-content-center h-100 align-items-center p-3 flex-column",
+          children: [
+            !!b && /* @__PURE__ */ n(
+              zs,
+              {
+                useRecaptchaNet: !0,
+                reCaptchaKey: b,
+                scriptProps: {
+                  async: !0,
+                  defer: !0,
+                  appendTo: "body"
+                },
+                children: [
+                  t && /* @__PURE__ */ e(
+                    Qs,
+                    {
+                      userLogin: u,
+                      defaultInfo: p,
+                      onCancelModelAssign: x,
+                      openModelAssign: P,
+                      school: k,
+                      fnIsCheckLogin: R,
+                      googleClientId: T,
+                      infoUser: G,
+                      isLoginGoogle: N,
+                      isShowPassword: $,
+                      setIsShowPassword: w,
+                      submitLogin: j,
+                      fnLoginSSO: Y,
+                      extensionEmail: E,
+                      onLoginWidthClever: C,
+                      openModalSelectGrade: K,
+                      handleRegisterUser: v,
+                      onToggleModelGrade: _
+                    }
+                  ),
+                  i && /* @__PURE__ */ e(ta, { school: k })
+                ]
+              }
+            ),
+            c && /* @__PURE__ */ e(ra, {}),
+            m && /* @__PURE__ */ e(va, {}),
+            /* @__PURE__ */ e(
+              "a",
+              {
+                href: "/privacy-policy/",
+                target: "blank",
+                className: `${o["privacy-policy"]}`,
+                children: "Privacy Policy"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        ee,
+        {
+          className: "p-3 mh-100 d-flex justify-content-end",
+          lg: 4,
+          md: 12,
+          xs: 12,
+          children: /* @__PURE__ */ e(
+            "img",
+            {
+              src: `${ge(window.innerWidth > 992 ? "/images/img-login.png" : "/images/img-login-tablet.png")}`,
+              className: `${o["img-login"]}`
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      Ua,
+      {
+        open: O,
+        onSelectTier: H,
+        onClose: () => se(!1)
+      }
+    )
+  ] });
+};
+export {
+  eo as default
+};