mario-core 2.0.32-release → 2.0.33-release

package/dist/Login-B69XhtIm.mjs

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