mario-core 2.0.97-release → 2.0.98-release

package/dist/Login-MzPc2sA6.mjs

@@ -0,0 +1,1684 @@
+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 K } from "react";
+import { Input as ne, Modal as He, ModalBody as qe, ModalFooter as ds, Button as ms, Form as gs, FormGroup as ce, Row as Ne, Col as Z } from "reactstrap";
+import { Link as We, useLocation as hs, useNavigate as xe } from "react-router-dom";
+import { s as o, M as je, E as oe, a as Ye, A as us, g as ye, b as m, f as ps, c as x, d as A, e as fs, r as ws, h as de, i as Ke, B as Je, 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 Ls, t as Cs, u as Ge, v as xs, w as Ts, x as ke, y as Oe, z as Es, C as Ps, D as $s, F as _s } from "./index--POWjYN0.mjs";
+import { useDispatch as ve, useSelector as Le } from "react-redux";
+import { Formik as Ie } from "formik";
+import * as B from "yup";
+import { useGoogleReCaptcha as Te, GoogleReCaptcha as Rs, 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 Ze } from "./types-BvnbDeJF.mjs";
+import { G as Ue } from "./constants-QjFnVl1d.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 [d, 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: d,
+                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(ds, { style: { borderTop: "none", padding: "8px 24px" }, children: /* @__PURE__ */ e(ms, { disabled: !d, style: { borderRadius: 20, background: "#316cd9", border: "none", opacity: d ? 1 : 0.65 }, color: "primary", onClick: () => t(d, l), children: "Confirm" }) })
+      ]
+    }
+  );
+};
+function Vs(s, t) {
+  return JSON.stringify(s) === JSON.stringify(t);
+}
+const Hs = Ve(Ds, Vs), qs = B.object({
+  email: B.string().email("Email is invalid").required("Email is required"),
+  password: B.string().required("Password is required"),
+  rememberMe: B.boolean()
+}), Ws = ({ onSuccess: s, onError: t }) => {
+  const i = Gs({
+    onSuccess: async (l) => {
+      try {
+        const d = 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: d.sub,
+          profileObj: {
+            email: d.email,
+            familyName: d.family_name,
+            givenName: d.given_name,
+            imageUrl: d.picture,
+            name: d.name
+          }
+        };
+        s(p);
+      } catch (d) {
+        t(d);
+      }
+    },
+    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: d,
+  fnIsCheckLogin: p,
+  // isLoginGoogle,
+  // submitLogin,
+  // infoUser,
+  googleClientId: u,
+  fnLoginSSO: I,
+  extensionEmail: E,
+  onLoginWidthClever: b,
+  openModalSelectGrade: T,
+  handleRegisterUser: w,
+  onToggleModelGrade: P
+}) => {
+  const y = () => d(!l), q = ve(), { executeRecaptcha: M } = Te(), k = v(async () => {
+    if (!M) {
+      console.log("execute recaptcha undefined");
+      return;
+    }
+    return await M("login");
+  }, [M]), _ = async (L) => {
+    try {
+      await us(L);
+    } catch (C) {
+      console.error(C);
+    }
+  }, W = async (L) => {
+    if (L?.accessToken) {
+      let {
+        email: C,
+        familyName: j,
+        givenName: N,
+        imageUrl: $,
+        name: G
+        // fullName
+      } = L.profileObj, D = L.accessToken, Q = L.googleId;
+      const X = window.location.hostname.split(".marioforme.com")?.[0], J = C.split("@")?.[1], be = E?.split(",")?.map((F) => F.trim())?.filter((F) => F).some((F) => J.includes(F));
+      if (!J.includes(X) && !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 _([`${J} is incorrect`]);
+        return;
+      }
+      const ge = {
+        firstName: N,
+        lastName: j,
+        imageUrl: $,
+        fullName: G,
+        email: C,
+        accessToken: D,
+        googleId: Q
+      };
+      q(Ye(ge)), p(
+        Ze.Google,
+        ge,
+        D,
+        k
+      );
+    }
+  };
+  return /* @__PURE__ */ n(Se, { children: [
+    /* @__PURE__ */ e(
+      Ie,
+      {
+        initialValues: s,
+        validationSchema: qs,
+        onSubmit: async (L) => {
+          try {
+            const C = await k();
+            if (!C) return;
+            L.captcha = C, L.loginType = we.Default, t(L);
+          } catch (C) {
+            console.error(C);
+          }
+        },
+        children: (L) => {
+          const {
+            handleBlur: C,
+            handleSubmit: j,
+            values: N,
+            touched: $,
+            errors: G,
+            setFieldValue: D
+          } = L, Q = $.email && G.email, re = $.password && G.password;
+          return /* @__PURE__ */ e("div", { className: `${o["box-login"]} w-100`, children: /* @__PURE__ */ e(
+            gs,
+            {
+              className: `${o["block-login"]}`,
+              onSubmit: j,
+              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: (X) => D(
+                            "email",
+                            X.target?.value?.trim() || ""
+                          ),
+                          autocomplete: "email",
+                          onBlur: C("email"),
+                          required: !0
+                        }
+                      ),
+                      Q && /* @__PURE__ */ e(
+                        oe,
+                        {
+                          text: G.email
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ n(ce, { children: [
+                  /* @__PURE__ */ e(
+                    me,
+                    {
+                      isShowPassword: l,
+                      togglePasswordVisible: y,
+                      onChange: (X) => D(
+                        "password",
+                        X.target?.value?.trim() || ""
+                      )
+                    }
+                  ),
+                  re && /* @__PURE__ */ e(
+                    oe,
+                    {
+                      text: G.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: () => D(
+                          "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(
+                    Z,
+                    {
+                      lg: 6,
+                      md: 6,
+                      xs: 12,
+                      className: "pr-md-3",
+                      children: !!u && /* @__PURE__ */ e(
+                        Ms,
+                        {
+                          clientId: u,
+                          children: /* @__PURE__ */ e(
+                            Ws,
+                            {
+                              onSuccess: W,
+                              onError: () => console.log("Google login failed")
+                            }
+                          )
+                        }
+                      )
+                    }
+                  ),
+                  i.schoolId && /* @__PURE__ */ e(
+                    Z,
+                    {
+                      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: T, onConfirm: w, clickHandler: k, onClose: P })
+  ] });
+}, Ys = {
+  email: "",
+  captcha: ""
+}, Ks = "/", ze = "/login", Js = "Log in", Qe = () => {
+  const s = new URLSearchParams(hs().search), t = s.get("token"), i = s.get("key") ?? "", l = ve(), d = xe(), [p, u] = S(!1), I = v(() => {
+    u(!p);
+  }, [p]), [E, b] = S(!1), [T, w] = S(!1), [P, y] = S({
+    token: "",
+    password: "",
+    reEnterPassword: "",
+    email: "",
+    userId: ""
+  }), [q, M] = S(!0), { executeRecaptcha: k } = Te();
+  K(() => {
+    document.title = Js, ye() && d(Ks);
+  }, []);
+  const _ = v(async (N) => {
+    l(m(!0));
+    try {
+      await ps(N), d(ze), l(
+        x({
+          type: "success",
+          message: "A mail to reset password was sent"
+        })
+      );
+    } catch ($) {
+      l(
+        x({
+          type: "danger",
+          message: $.response?.data?.title || $.message || "Error occured"
+        })
+      ), localStorage.removeItem(A), sessionStorage.removeItem(A);
+    }
+    l(m(!1));
+  }, []), W = v(
+    async (N, $) => {
+      l(m(!0));
+      try {
+        const G = await fs(N, $);
+        G.data ? y({
+          ...P,
+          token: N,
+          email: G.data
+        }) : M(!1);
+      } catch {
+        M(!1);
+      }
+      l(m(!1));
+    },
+    []
+  ), L = v(async (N) => {
+    l(m(!0));
+    try {
+      await ws({ ...N, key: i }), d(ze), l(
+        x({
+          type: "success",
+          message: "Reset password sucessfully"
+        })
+      );
+    } catch ($) {
+      l(
+        x({
+          type: "danger",
+          message: $.response?.data?.title || $.message || "Error occured"
+        })
+      ), localStorage.removeItem(A), sessionStorage.removeItem(A);
+    }
+    l(m(!1));
+  }, []), C = v(async () => {
+    if (!k) {
+      console.log("execute recaptcha undefined");
+      return;
+    }
+    return await k("forgetPass");
+  }, [k]), j = v(() => {
+  }, []);
+  return K(() => {
+    t && i && W(t, i);
+  }, [t, i]), {
+    defaultInfo: Ys,
+    forgotPasswordRequest: _,
+    checkResetTokenRequest: W,
+    validLink: q,
+    resetPasswordRequest: L,
+    openLogin: p,
+    toggle: I,
+    isShowNewPassword: E,
+    setIsShowNewPassword: b,
+    isShowReTypePassword: T,
+    setIsShowReTypePassword: w,
+    clickHandler: C,
+    handleVerify: j,
+    initialValues: P
+  };
+}, Zs = {
+  email: "",
+  captcha: ""
+}, Qs = B.object({
+  email: B.string().email("Email is invalid").required("Email is required")
+}), Xs = ({ school: s }) => {
+  const {
+    forgotPasswordRequest: t,
+    clickHandler: i,
+    handleVerify: l
+  } = Qe();
+  return /* @__PURE__ */ e(
+    Ie,
+    {
+      initialValues: Zs,
+      enableReinitialize: !0,
+      validationSchema: Qs,
+      onSubmit: async (d) => {
+        const p = await i();
+        p && (d.captcha = p, t(d));
+      },
+      children: (d) => {
+        const {
+          handleChange: p,
+          handleSubmit: u,
+          values: I,
+          touched: E,
+          errors: b
+        } = d;
+        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
+              }
+            ),
+            E.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(
+            Rs,
+            {
+              action: "forgetPass",
+              onVerify: l
+            }
+          ),
+          /* @__PURE__ */ e(Z, { className: "p-0", children: /* @__PURE__ */ e(
+            "button",
+            {
+              className: `${o["btn-login"]} mt-5`,
+              onClick: () => u(),
+              children: "Continue"
+            }
+          ) })
+        ] }) }) });
+      }
+    }
+  );
+}, ea = B.object({
+  password: B.string().required("New password is required"),
+  reEnterPassword: B.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: d,
+    setIsShowReTypePassword: p,
+    initialValues: u
+  } = Qe();
+  return /* @__PURE__ */ e(
+    Ie,
+    {
+      initialValues: u,
+      enableReinitialize: !0,
+      validationSchema: ea,
+      onSubmit: (I) => {
+        t(I);
+      },
+      children: (I) => {
+        const { setFieldValue: E, handleSubmit: b, touched: T, errors: w, values: P } = I;
+        return /* @__PURE__ */ e(Ne, { className: `${o["box-login"]}`, children: /* @__PURE__ */ e(Z, { 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: P.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) => E(
+                        "password",
+                        y.target.value
+                      )
+                    }
+                  ),
+                  T.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: d,
+                      togglePasswordVisible: () => p(
+                        !d
+                      ),
+                      onChange: (y) => E(
+                        "reEnterPassword",
+                        y.target.value
+                      )
+                    }
+                  ),
+                  T.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(Z, { className: "p-0", children: /* @__PURE__ */ e(
+            "button",
+            {
+              className: `${o["btn-login"]} ${o["btn-rounder"]} mt-4`,
+              onClick: () => b(),
+              children: "SET A NEW PASSWORD"
+            }
+          ) })
+        ] }) }) }) });
+      }
+    }
+  );
+}, Xe = `${Je}/api/school`, aa = () => Ke.get(`${Xe}/settings`), oa = () => Ke.get(`${Xe}/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 = xe(), [i, l] = S(!1), d = Le(
+    (a) => a.common.isLoginGoogle
+  ), [p, u] = S(""), [I, E] = S(""), [b, T] = S(""), [w, P] = S(!1), y = Le((a) => a.common.inforUserGoogle), q = Le((a) => a.common.environment), M = new URLSearchParams(location.search), k = M.get("type") === "classlink", _ = M.get("token"), W = M.get("isAdminUser"), [
+    L
+    /*, setOpenModelAssign*/
+  ] = S(!1), [C, j] = S({
+    schoolName: "",
+    schoolLogo: "",
+    schoolId: 0
+  }), [N, $] = S(null), G = v(() => {
+    l(!i);
+  }, [i]), [D, Q] = S(!1), [re, X] = S(!1), [J, be] = S({
+    firstName: "",
+    lastName: "",
+    fullName: "",
+    imageUrl: "",
+    email: "",
+    accessToken: "",
+    googleId: ""
+  });
+  K(() => {
+    document.title = ma;
+    const a = Ss("auth-token");
+    if (a) {
+      const c = window.location.hostname;
+      if (localStorage.setItem(A, 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=/", W)
+        return t("/admin/home");
+      _e(a);
+      return;
+    }
+    ye() && t("/"), ns();
+  }, [W, _e, t]);
+  const ge = () => {
+    localStorage.removeItem(A), sessionStorage.removeItem(A), localStorage.removeItem("USER_EMAIL");
+  };
+  K(() => {
+    k && _ != "" && ss();
+  }, []);
+  const F = () => {
+    X(!re);
+  }, es = () => {
+    if (fe) {
+      const a = "https://clever.com/oauth/instant-login?client_id=c3da6c669d239c70d48e&district_id=66132a6f222bda41cc8abe5d";
+      window.location.href = a;
+    } else {
+      const a = `https://clever.com/oauth/authorize?response_type=code&redirect_uri=${encodeURIComponent(`${Je}/api/clever/clever-login`)}&client_id=c3da6c669d239c70d48e`;
+      window.location.href = a;
+    }
+  }, ss = async () => {
+    s(m(!0));
+    try {
+      const r = await ys({
+        tokenClassLink: _
+      }), { email: c, token: f } = r.data;
+      await ee({
+        email: c,
+        rememberMe: !1,
+        password: "default",
+        accessToken: f
+      });
+    } catch (a) {
+      s(
+        x({
+          type: "danger",
+          message: a.response?.data?.title || a.message
+        })
+      );
+    }
+    s(m(!1));
+  }, Ee = window.location.host.includes("-district"), as = v(async () => {
+    s(m(!0));
+    try {
+      const a = await oa(), r = a.data.schoolLogo ?? "";
+      a.data && j({
+        schoolName: a.data.schoolName,
+        schoolLogo: r ? Ns(r) : de("/images/logo_header_blue.png"),
+        schoolId: a.data.schoolId
+      });
+    } catch (a) {
+      s(
+        x({
+          type: "danger",
+          message: a.response?.data?.title || a.message
+        })
+      );
+    }
+    s(m(!1));
+  }, []), [os, he] = S(!1), [te, Pe] = S(null), ie = v((a, r, c, f, g, V, O, H, Y, R) => {
+    const U = R?.isSessionUserBrowser ?? !1;
+    if (U ? (sessionStorage.setItem(A, a), sessionStorage.setItem(
+      Ce,
+      String(U)
+    )) : (sessionStorage.removeItem(Ce), localStorage.setItem(A, a)), localStorage.removeItem(vs), s(
+      Is({
+        id: r,
+        firstName: c,
+        lastName: f,
+        roles: g,
+        email: V,
+        profileImageFileName: O
+      })
+    ), !localStorage.getItem("ROLES") && g.includes("Admin") && localStorage.setItem("ROLES", "Admin"), R?.email && !g.includes("Admin")) {
+      le.init(
+        fe ? ks : bs,
+        R.email,
+        {
+          defaultTracking: !1
+        }
+      );
+      const se = window.location.hostname, ae = new le.Identify();
+      ae.set("domain", se), le.identify(ae), le.track("general: session start", {
+        user_id: R.email,
+        domain: se,
+        roles: g?.toString()
+      }), localStorage.setItem("USER_EMAIL", R.email), H && le.track("general: first login", {
+        user_id: R.email,
+        domain: se,
+        roles: g?.toString()
+      });
+    }
+    const z = (se) => {
+      const ae = Es(se, Y);
+      window.location.pathname.startsWith("/es") ? Y === "es" ? t(ae) : window.location.href = ae : Y === "es" ? window.location.href = ae : t(ae);
+    };
+    Ee ? z(ca) : g.includes("Admin") ? z(ia) : g.includes("Teacher") || g.includes("Assistant") || g.includes("Counselor") || g.includes("SecondaryTeacher") ? z(ra) : g.includes("Student") ? z(Be) : g.includes("Parent") ? z(la) : g.includes("EduTeacher") && z(da), s(m(!1));
+  }, [s, t, Ee]), ue = v((a, r, c) => w && a?.includes("Student") && (r === "es" || c === "ES") ? (s(
+    x({
+      type: "danger",
+      message: "Unable to sign in with SSO. Please contact your admin or teacher."
+    })
+  ), localStorage.removeItem(A), sessionStorage.removeItem(A), s(m(!1)), !0) : !1, [w, s]), $e = v((a) => w && a && Ls.includes(a.trim()) ? (s(
+    x({
+      type: "danger",
+      message: "Unable to sign in with SSO. Please contact your admin or teacher."
+    })
+  ), s(m(!1)), !0) : !1, [w, s]);
+  async function _e(a) {
+    s(m(!0));
+    try {
+      const r = await Cs();
+      let {
+        id: c,
+        firstName: f,
+        lastName: g,
+        roles: V,
+        email: O,
+        profileImageFileName: H,
+        isLoginFirst: Y,
+        schoolLevel: R,
+        appType: U,
+        preferredAppType: z,
+        needsAppTypeChoice: se
+      } = r.data;
+      if (se) {
+        Pe({ email: O }), he(!0), s(m(!1));
+        return;
+      }
+      R || (U === "ES" || U === "ES, MS" && z === "ES") && (R = "es"), ie(
+        a,
+        c,
+        f,
+        g,
+        V,
+        O,
+        H,
+        Y,
+        R,
+        { email: O }
+      );
+    } catch (r) {
+      s(
+        x({
+          type: "danger",
+          message: r.response?.data?.title || r.message || "Login failed"
+        })
+      ), s(m(!1));
+    }
+  }
+  const ts = v(async (a) => {
+    if (he(!1), !te) return;
+    s(m(!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: g,
+        firstName: V,
+        lastName: O,
+        roles: H,
+        email: Y,
+        profileImageFileName: R,
+        isLoginFirst: U,
+        schoolLevel: z
+      } = c.data;
+      if (!z && a === "es" && (z = "es"), ue(H, z, c.data.appType)) return;
+      ie(
+        f,
+        g,
+        V,
+        O,
+        H,
+        Y,
+        R,
+        U,
+        z,
+        te
+      );
+    } catch (c) {
+      s(
+        x({
+          type: "danger",
+          message: c.response?.data?.title || c.message || "Login failed"
+        })
+      ), s(m(!1));
+    }
+  }, [te, ie, ue, s]), ee = v(async (a) => {
+    s(m(!0));
+    try {
+      const r = await Ge({
+        ...a,
+        email: a?.email?.trim(),
+        password: a?.password?.trim()
+      });
+      let {
+        token: c,
+        id: f,
+        firstName: g,
+        lastName: V,
+        roles: O,
+        email: H,
+        profileImageFileName: Y,
+        isLoginFirst: R,
+        schoolLevel: U
+      } = r.data;
+      if (r.data.needsAppTypeChoice) {
+        Pe(a), he(!0), s(m(!1));
+        return;
+      }
+      if (U || (r.data.appType === "ES" || r.data.appType === "ES, MS" && r.data.preferredAppType === "ES") && (U = "es"), ue(O, U, r.data.appType)) return;
+      ie(
+        c,
+        f,
+        g,
+        V,
+        O,
+        H,
+        Y,
+        R,
+        U,
+        a
+      );
+    } catch (r) {
+      s(
+        x({
+          type: "danger",
+          message: r.response?.data?.title || r.message || "Login failed"
+        })
+      ), localStorage.removeItem(A), sessionStorage.removeItem(A), s(m(!1));
+    }
+  }, [ie, ue, s]), ns = async () => {
+    try {
+      const a = await xs();
+      u(a.data.googleClientId), E(a.data.googleCaptchaId), T(a.data.extensionEmail), P(a.data.isRestrictedLogin);
+    } catch (a) {
+      s(
+        x({
+          type: "danger",
+          message: a.response?.data?.title || a.message || "Login failed"
+        })
+      );
+    }
+  }, Re = v(
+    async (a, r, c, f) => {
+      s(m(!0));
+      try {
+        if ((await Ts(a, r)).data) {
+          const O = {
+            email: r.email,
+            isLoginGoogle: !0,
+            rememberMe: !1,
+            password: "default",
+            accessToken: c,
+            captcha: "",
+            loginType: we.Google
+          };
+          if (f != null) {
+            const H = await f();
+            O.captcha = H;
+          }
+          await ee(O), s(ke(!1));
+        } else
+          be({ ...r, token: c }), F();
+      } catch (g) {
+        s(
+          x({
+            type: "danger",
+            message: g.response?.data?.title || g.message || "Login failed"
+          })
+        );
+      }
+      s(m(!1));
+    },
+    [ee, s, F]
+  ), rs = v(async (a, r) => {
+    s(m(!0));
+    try {
+      if ($e(a)) return;
+      if ((await Oe({ ...J, gradeLevel: a }))?.data) {
+        const f = {
+          email: J.email,
+          isLoginGoogle: !0,
+          rememberMe: !1,
+          password: "default",
+          accessToken: J.accessToken,
+          captcha: "",
+          loginType: we.Google
+        };
+        if (r != null) {
+          const g = await r();
+          f.captcha = g;
+        }
+        await ee(f), F();
+      }
+    } catch (c) {
+      s(
+        x({
+          type: "danger",
+          message: c.response?.data?.title || c.message || "Login failed"
+        })
+      );
+    }
+    s(m(!1));
+  }, [$e, J, ee, F, s]), is = async (a, r) => {
+    s(m(!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 g = await r(), V = {
+          email: y.email,
+          captcha: g,
+          isLoginGoogle: !0,
+          rememberMe: !1,
+          password: "default",
+          accessToken: y.accessToken,
+          loginType: we.Google
+        };
+        s(ke(!1)), await ee(V), t(Be);
+      }
+    } catch (c) {
+      s(
+        x({
+          type: "danger",
+          message: c.response?.data?.title || c.message || "Login failed"
+        })
+      );
+    }
+    s(ke(!1)), s(m(!1));
+  }, ls = 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 = q === "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 Re(
+      Ze.MicrosoftSSO,
+      f,
+      a.idTokenClaims.aio,
+      r
+    );
+  }, cs = async () => {
+    const a = new Os(ta);
+    await a.initialize(), $(a);
+  };
+  return K(() => {
+    let a = window.location.href;
+    N && a.includes("code") && a.includes("client_info") && Ae();
+  }, [JSON.stringify(N)]), K(() => {
+    ls(), cs(), as();
+  }, []), {
+    defaultInfo: na,
+    userLogin: ee,
+    openLogin: i,
+    toggle: G,
+    isShowPassword: D,
+    setIsShowPassword: Q,
+    fnIsCheckLogin: Re,
+    isLoginGoogle: d,
+    infoUser: y,
+    submitLogin: is,
+    googleClientId: p,
+    googleRecaptchaId: I,
+    handleCancelModelAssign: ge,
+    openModelAssign: L,
+    // handleAssignTeacherByCode,
+    fnLoginSSO: Ae,
+    school: C,
+    extensionEmail: b,
+    handleLoginWidthClever: es,
+    openModalSelectGrade: re,
+    handleRegisterUser: rs,
+    handleToggleModelGrade: F,
+    openModalSelectTier: os,
+    handleSelectTier: ts,
+    setOpenModalSelectTier: he
+  };
+}, Fe = "/", ha = "/login", De = "Log in", ua = () => {
+  const s = ve(), t = xe(), i = location.search, d = new URLSearchParams(i).get("userId"), [p, u] = S(!1), [I, E] = S(
+    !1
+  ), [b, T] = S({
+    password: "",
+    reEnterPassword: "",
+    email: "",
+    userId: d ?? "",
+    token: ""
+  }), { executeRecaptcha: w } = Te(), P = v(async (k) => {
+    s(m(!0));
+    try {
+      const _ = await $s(k);
+      T({ ...b, email: _.data });
+    } catch (_) {
+      s(
+        x({
+          type: "danger",
+          message: _.message
+        })
+      );
+    }
+    s(m(!1));
+  }, []), y = v(async (k) => {
+    s(m(!0));
+    try {
+      await _s(k), t(ha), s(
+        x({
+          type: "success",
+          message: "Create password sucessfully"
+        })
+      );
+    } catch (_) {
+      s(
+        x({
+          type: "danger",
+          message: _.response?.data?.title || _.message || "Error occured"
+        })
+      ), localStorage.removeItem(A), sessionStorage.removeItem(A);
+    }
+    s(m(!1));
+  }, []), q = v(async () => {
+    if (!w) {
+      console.log("execute recaptcha undefined");
+      return;
+    }
+    return await w("forgetPass");
+  }, [w]), M = v(() => {
+  }, []);
+  return K(() => {
+    document.title = De, ye() && t(Fe), d && P(d);
+  }, [d]), K(() => {
+    document.title = De, ye() && t(Fe);
+  }, []), {
+    createPasswordRequest: y,
+    isShowNewPassword: p,
+    setIsShowNewPassword: u,
+    isShowReTypePassword: I,
+    setIsShowReTypePassword: E,
+    clickHandler: q,
+    handleVerify: M,
+    initialValues: b
+  };
+}, pa = B.object({
+  password: B.string().required("Password is required"),
+  reEnterPassword: B.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: d,
+    initialValues: p
+  } = ua();
+  return /* @__PURE__ */ e(
+    Ie,
+    {
+      initialValues: p,
+      enableReinitialize: !0,
+      validationSchema: pa,
+      onSubmit: (u) => {
+        s(u);
+      },
+      children: (u) => {
+        const {
+          setFieldValue: I,
+          handleSubmit: E,
+          touched: b,
+          errors: T,
+          values: w
+        } = u;
+        return /* @__PURE__ */ e(Ne, { className: `${o["box-login"]}`, children: /* @__PURE__ */ n(Z, { 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: (P) => I(
+                              "password",
+                              P.target.value
+                            )
+                          }
+                        ),
+                        b.password && T.password && /* @__PURE__ */ e(
+                          oe,
+                          {
+                            text: T.password
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    "div",
+                    {
+                      className: `${o["form-user-name"]}`,
+                      children: [
+                        /* @__PURE__ */ e(
+                          me,
+                          {
+                            placeholder: "Confirm Password",
+                            isShowPassword: l,
+                            togglePasswordVisible: () => d(
+                              !l
+                            ),
+                            onChange: (P) => I(
+                              "reEnterPassword",
+                              P.target.value
+                            )
+                          }
+                        ),
+                        b.reEnterPassword && T.reEnterPassword && /* @__PURE__ */ e(
+                          oe,
+                          {
+                            text: T.reEnterPassword
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    className: `${o["btn-login"]} ${o["btn-rounder"]} mt-4`,
+                    onClick: () => E(),
+                    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", La = "_tierTitle_1pxxz_71", Ca = "_tierDesc_1pxxz_76", xa = "_arrow_1pxxz_81", Ta = "_ms_1pxxz_85", Ea = "_both_1pxxz_110", Pa = "_cardLeft_1pxxz_134", $a = "_cardText_1pxxz_138", h = {
+  modalContent: wa,
+  closeButton: Sa,
+  modalBody: ya,
+  iconWrapper: Na,
+  title: va,
+  subtitle: Ia,
+  tierCard: ba,
+  es: ka,
+  tierTitle: La,
+  tierDesc: Ca,
+  arrow: xa,
+  ms: Ta,
+  both: Ea,
+  cardLeft: Pa,
+  cardText: $a
+}, _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: ">" })
+            ]
+          }
+        )
+      ] })
+    ]
+  }
+), Ra = Ve(_a), Aa = "Log in", Ma = "Forgot password", Ga = "Reset password", Ja = (s) => {
+  const {
+    isLogin: t,
+    isForgotPassword: i,
+    isResetPassword: l,
+    isCreatePassword: d
+    // isLoginTwoFactor
+  } = s, {
+    defaultInfo: p,
+    userLogin: u,
+    googleRecaptchaId: I,
+    handleCancelModelAssign: E,
+    school: b,
+    openModelAssign: T,
+    setIsShowPassword: w,
+    fnIsCheckLogin: P,
+    isLoginGoogle: y,
+    submitLogin: q,
+    infoUser: M,
+    googleClientId: k,
+    isShowPassword: _,
+    fnLoginSSO: W,
+    extensionEmail: L,
+    handleLoginWidthClever: C,
+    openModalSelectGrade: j,
+    handleRegisterUser: N,
+    handleToggleModelGrade: $,
+    openModalSelectTier: G,
+    handleSelectTier: D,
+    setOpenModalSelectTier: Q
+  } = ga();
+  return K(() => {
+    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(
+        Z,
+        {
+          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: E,
+                      openModelAssign: T,
+                      school: b,
+                      fnIsCheckLogin: P,
+                      googleClientId: k,
+                      infoUser: M,
+                      isLoginGoogle: y,
+                      isShowPassword: _,
+                      setIsShowPassword: w,
+                      submitLogin: q,
+                      fnLoginSSO: W,
+                      extensionEmail: L,
+                      onLoginWidthClever: C,
+                      openModalSelectGrade: j,
+                      handleRegisterUser: N,
+                      onToggleModelGrade: $
+                    }
+                  ),
+                  i && /* @__PURE__ */ e(Xs, { school: b })
+                ]
+              }
+            ),
+            l && /* @__PURE__ */ e(sa, {}),
+            d && /* @__PURE__ */ e(fa, {}),
+            /* @__PURE__ */ e(
+              "a",
+              {
+                href: "/privacy-policy/",
+                target: "blank",
+                className: `${o["privacy-policy"]}`,
+                children: "Privacy Policy"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        Z,
+        {
+          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(
+      Ra,
+      {
+        open: G,
+        onSelectTier: D,
+        onClose: () => Q(!1)
+      }
+    )
+  ] });
+};
+export {
+  Ja as default
+};