mario-core 2.0.102-release → 2.0.103-release

package/dist/Login-C_elLcnh.mjs

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