mario-core 2.0.2 → 2.0.3-release

package/dist/Login-BWsVc8Np.mjs

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