mario-core 3.0.8-admin → 3.0.8-es

package/dist/Login-CHAmP5ek.js

@@ -0,0 +1,897 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import Q, { useState as L, useCallback as C, useEffect as U } from "react";
+import { Input as se, Form as ye, FormGroup as Y, Row as oe, Col as _, Label as ie } from "reactstrap";
+import { a as Ie, B as ke, i as X, A as x, g as le, s as $, l as Ee, I as Z, N as ve, b as Re, c as G, d as Pe, e as Le, r as Ce, f as $e, h as t, j as xe, k as Te, m as te, E as B, n as Oe, o as Ae, p as Ge } from "./index-C95SWLrn.js";
+import { Formik as ae } from "formik";
+import * as T from "yup";
+import { useDispatch as de } from "react-redux";
+import { useNavigate as me, Link as ge, useLocation as Ue } from "react-router-dom";
+import { LogLevel as W, PublicClientApplication as _e } from "@azure/msal-browser";
+import { useGoogleReCaptcha as he, GoogleReCaptcha as ue, GoogleReCaptchaProvider as Fe } from "react-google-recaptcha-v3";
+import { useGoogleLogin as Me, GoogleOAuthProvider as qe } from "@react-oauth/google";
+const Be = {
+  height: "40px",
+  backgroundColor: "#f7f9fc",
+  borderRadius: "4px",
+  marginBottom: "5px",
+  position: "relative"
+}, He = {
+  backgroundColor: "#ffffff",
+  paddingRight: "50px"
+}, Ve = {
+  fontSize: "20px",
+  position: "absolute",
+  right: "10px",
+  color: "#316CD9"
+}, ee = ({
+  isShowPassword: s,
+  togglePasswordVisible: a,
+  onChange: n
+}) => /* @__PURE__ */ c("div", { className: "d-flex align-items-center w-100", style: Be, children: [
+  /* @__PURE__ */ e(
+    se,
+    {
+      className: "border password-input",
+      style: He,
+      type: s ? "text" : "password",
+      name: "password",
+      onChange: n,
+      placeholder: "Password",
+      required: !0
+    }
+  ),
+  /* @__PURE__ */ e(
+    "i",
+    {
+      className: `far ${s ? "fa-eye-slash" : "fa-eye"} mx-2 cursor-pointer`,
+      style: Ve,
+      onClick: () => a(),
+      title: s ? "Hide" : "Show"
+    }
+  )
+] });
+var ne = /* @__PURE__ */ ((s) => (s[s.Google = 0] = "Google", s[s.ClassLink = 1] = "ClassLink", s[s.MicrosoftSSO = 2] = "MicrosoftSSO", s))(ne || {});
+const je = `${ke}/api/school`, De = () => Ie.get(`${je}/settings`), ze = {
+  auth: {
+    clientId: X ? "afed1089-7de6-406a-827a-bab9472cb245" : "3845e9f8-aead-4535-b4bb-d363a1d262bd",
+    authority: "https://login.microsoftonline.com/common",
+    redirectUri: "https://es-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, a, n) => {
+        if (!n)
+          switch (s) {
+            case W.Error:
+              console.error(a);
+              return;
+            case W.Info:
+              console.info(a);
+              return;
+            case W.Verbose:
+              console.debug(a);
+              return;
+            case W.Warning:
+              console.warn(a);
+              return;
+            default:
+              return;
+          }
+      }
+    }
+  }
+}, We = (s) => {
+  var a;
+  return ((a = document.cookie.match("(^|;)\\s*" + s + "\\s*=\\s*([^;]+)")) == null ? void 0 : a.pop()) || "";
+}, Je = {
+  email: "",
+  password: "",
+  captcha: "",
+  rememberMe: !1,
+  isSessionUserBrowser: !!sessionStorage.getItem(Z)
+}, Ke = "/home", Ye = "/home", Qe = "/admin/home", Xe = "/parent", Ze = "/admin/schools", es = "/my-student?isReadOnly=true", ss = "Log in", pe = () => {
+  const s = de(), a = me(), [n, d] = L(!1), [g, h] = L(""), [m, l] = L(""), [k, f] = L(), [w, b] = L({
+    schoolName: "",
+    schoolLogo: "",
+    schoolId: 0
+  }), [p, E] = L(), S = C(() => {
+    d(!n);
+  }, [n]), [v, A] = L(!1), [N, y] = L("");
+  U(() => {
+    document.title = ss;
+    const o = We("auth-token");
+    if (o) {
+      localStorage.setItem(x, o);
+      const i = window.location.hostname;
+      document.cookie = `auth-token=;domain=${i.includes("localhost") ? i : ".marioforme.com"}; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`, document.cookie = "auth-token=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/", document.cookie = "redirect-uri=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
+    }
+    le() && a("/"), H(), re();
+  }, []);
+  const I = window.location.host.includes("-district"), u = C(async (o) => {
+    var r, i, R, F;
+    s($(!0));
+    try {
+      const O = (o == null ? void 0 : o.isSessionUserBrowser) ?? !1, M = await Ee({ ...o, email: (r = o == null ? void 0 : o.email) == null ? void 0 : r.trim(), password: (i = o == null ? void 0 : o.password) == null ? void 0 : i.trim() }), {
+        token: J,
+        id: q,
+        firstName: z,
+        lastName: K,
+        roles: P,
+        email: Ne,
+        profileImageFileName: be
+      } = M.data;
+      O ? (sessionStorage.setItem(x, J), sessionStorage.setItem(Z, O)) : (sessionStorage.removeItem(Z), localStorage.setItem(x, J)), localStorage.removeItem(ve), s(
+        Re({
+          id: q,
+          firstName: z,
+          lastName: K,
+          roles: P,
+          email: Ne,
+          profileImageFileName: be
+        })
+      ), !localStorage.getItem("ROLES") && P.includes("Admin") && localStorage.setItem("ROLES", "Admin"), I ? a(Ze) : P.includes("Admin") ? a(Qe) : P.includes("Teacher") || P.includes("Assistant") || P.includes("Counselor") || P.includes("SecondaryTeacher") ? a(Ke) : P.includes("Student") ? a(Ye) : P.includes("Parent") ? a(Xe) : P.includes("EduTeacher") && a(es);
+    } catch (O) {
+      s(
+        G({
+          type: "danger",
+          message: ((F = (R = O.response) == null ? void 0 : R.data) == null ? void 0 : F.title) || O.message || "Login failed"
+        })
+      ), localStorage.removeItem(x), sessionStorage.removeItem(x);
+    }
+    s($(!1));
+  }, []), H = async () => {
+    var o, r;
+    try {
+      const i = await Pe();
+      h(i.data.googleClientId), l(i.data.googleCaptchaId), y(i.data.extensionEmail);
+    } catch (i) {
+      s(
+        G({
+          type: "danger",
+          message: ((r = (o = i.response) == null ? void 0 : o.data) == null ? void 0 : r.title) || i.message || "Login failed"
+        })
+      );
+    }
+  }, V = C(async (o, r, i, R) => {
+    var F, O;
+    s($(!0));
+    try {
+      if ((await Le(o, r)).data) {
+        const q = await R(), z = {
+          email: r.email,
+          captcha: q,
+          isLoginGoogle: !0,
+          rememberMe: !1,
+          password: "default",
+          accessToken: i
+        };
+        await u(z);
+      } else {
+        const q = {
+          firstName: r.firstName,
+          lastName: r.lastName,
+          imageUrl: r.imageUrl,
+          fullName: r.fullName,
+          email: r.email,
+          accessToken: r.accessToken
+        };
+        if ((await Ce(q)).data) {
+          const K = await R(), P = {
+            email: r.email,
+            captcha: K,
+            isLoginGoogle: !0,
+            rememberMe: !1,
+            password: "default",
+            accessToken: r.accessToken
+          };
+          await u(P);
+        }
+      }
+    } catch (M) {
+      s(
+        G({
+          type: "danger",
+          message: ((O = (F = M.response) == null ? void 0 : F.data) == null ? void 0 : O.title) || M.message || "Login failed"
+        })
+      );
+    }
+    s($(!1));
+  }, []), j = async (o) => {
+    p && p.handleRedirectPromise().then(async (r) => {
+      if (w != null && w.schoolId)
+        if (r) {
+          let i = r.account;
+          await D(i, o);
+        } else {
+          const i = p.getAllAccounts();
+          if (i.length === 0) {
+            const R = X ? "https://es-stage.marioforme.com" : "https://es-sso.marioforme.com";
+            window.location.href = (window.location.hostname === "localhost" ? "https://localhost:3000" : R) + `/microsoft-login.html?redirect-uri=${window.location.href}&schoolId=${w.schoolId}`;
+          } else {
+            let R = i[0];
+            await D(R, o);
+          }
+        }
+    }).catch((r) => {
+      console.error(r);
+    });
+  }, D = async (o, r) => {
+    let i = o.name, R = {
+      firstName: i.split(" ").slice(0, -1).join(" "),
+      lastName: i.split(" ").slice(-1).join(" "),
+      fullName: i,
+      imageUrl: "",
+      email: o.username,
+      accessToken: o.idTokenClaims.aio,
+      googleId: o.tenantId
+    };
+    s($e(R)), await V(ne.MicrosoftSSO, R, o.idTokenClaims.aio, r);
+  }, re = async () => {
+    try {
+      const o = await De();
+      b(o.data);
+    } catch (o) {
+      console.error(o);
+    }
+  }, we = () => {
+    if (X) {
+      const o = "https://clever.com/oauth/instant-login?client_id=44f4bbf55cd873d3f7e5&district_id=6620cba31f1ddde7bd689dc5";
+      window.location.href = o;
+    } else {
+      const o = `https://clever.com/oauth/authorize?response_type=code&redirect_uri=${encodeURIComponent("https://es-classlink.marioforme.com/api/clever/clever-login")}&client_id=c3da6c669d239c70d48e`;
+      window.location.href = o;
+    }
+  }, Se = async () => {
+    const o = new _e(ze);
+    await o.initialize(), E(o);
+  };
+  return U(() => {
+    let o = window.location.href;
+    p && o.includes("code") && o.includes("client_info") && j();
+  }, [JSON.stringify(p)]), U(() => {
+    re(), Se();
+  }, []), {
+    defaultInfo: Je,
+    userLogin: u,
+    openLogin: n,
+    toggle: S,
+    isShowPassword: v,
+    setIsShowPassword: A,
+    fnIsCheckLogin: V,
+    infoUser: k,
+    setInfoUser: f,
+    googleClientId: g,
+    googleRecaptchaId: m,
+    school: w,
+    fnLoginSSO: j,
+    handleLoginWidthClever: we,
+    extensionEmail: N
+  };
+}, os = ({
+  extensionEmail: s,
+  setInfoUser: a,
+  fnIsCheckLogin: n,
+  clickHandler: d
+}) => {
+  const g = async (m) => {
+    try {
+      await xe(m);
+    } catch (l) {
+      console.error(l);
+    }
+  }, h = Me({
+    flow: "implicit",
+    onSuccess: async (m) => {
+      var l, k;
+      try {
+        const w = await (await fetch(
+          "https://www.googleapis.com/oauth2/v3/userinfo",
+          {
+            headers: {
+              Authorization: `Bearer ${m.access_token}`
+            }
+          }
+        )).json(), {
+          email: b,
+          given_name: p,
+          family_name: E,
+          picture: S,
+          name: v,
+          sub: A
+        } = w, N = window.location.hostname, y = (k = (l = N == null ? void 0 : N.split(".marioforme.com")) == null ? void 0 : l[0]) == null ? void 0 : k.replace(/-es$|^es-/, ""), I = b.split("@")[1];
+        if (!I.includes(y) && !I.includes(s)) {
+          alert(
+            "The email address you used does not match the login information in the database."
+          ), await g([`${I} is incorrect`]);
+          return;
+        }
+        const u = {
+          firstName: p,
+          lastName: E,
+          imageUrl: S,
+          fullName: v,
+          email: b,
+          accessToken: m.access_token,
+          googleId: A
+        };
+        a(u), n(ne.Google, u, m.access_token, d);
+      } catch (f) {
+        await g([`Google login error ${f}`]);
+      }
+    },
+    onError: () => {
+      console.log("Google login failed");
+    }
+  });
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: t["btn-login-with-sso"],
+      onClick: () => h(),
+      children: [
+        /* @__PURE__ */ e("img", { src: "images/google-logo.png" }),
+        /* @__PURE__ */ e("p", { children: "GOOGLE" })
+      ]
+    }
+  );
+}, ts = T.object({
+  email: T.string().email("Email is invalid").required("Email is required"),
+  password: T.string().required("Password is required"),
+  rememberMe: T.boolean()
+}), as = ({ defaultInfo: s, userLogin: a, school: n }) => {
+  let {
+    isShowPassword: d,
+    setIsShowPassword: g,
+    fnIsCheckLogin: h,
+    setInfoUser: m,
+    googleClientId: l,
+    fnLoginSSO: k,
+    extensionEmail: f
+  } = pe();
+  const w = () => g(!d), { executeRecaptcha: b } = he(), p = C(async () => {
+    if (!b) {
+      console.log("execute recaptcha undefined");
+      return;
+    }
+    return await b("login");
+  }, [b]), E = C(() => {
+  }, []);
+  return /* @__PURE__ */ e(Q.Fragment, { children: /* @__PURE__ */ e(
+    ae,
+    {
+      initialValues: s,
+      enableReinitialize: !0,
+      validationSchema: ts,
+      onSubmit: async (S) => {
+        try {
+          const v = await p();
+          if (!v) return;
+          S.captcha = v, a(S);
+        } catch (v) {
+          console.error(v);
+        }
+      },
+      children: (S) => {
+        const {
+          handleChange: v,
+          handleBlur: A,
+          handleSubmit: N,
+          values: y,
+          touched: I,
+          errors: u,
+          setFieldValue: H
+        } = S, V = I.email && u.email, j = I.password && u.password;
+        return /* @__PURE__ */ e("div", { className: `${t["box-login"]} w-100`, children: /* @__PURE__ */ e(
+          ye,
+          {
+            className: `${t["block-login"]}`,
+            onSubmit: N,
+            children: /* @__PURE__ */ c("div", { className: `${t["block-form"]}`, children: [
+              /* @__PURE__ */ c("div", { className: "d-flex align-items-center mb-4", children: [
+                /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: n.schoolLogo ? Te(`${n.schoolLogo}`) : `${te("/images/mario-logo.png")}`,
+                    className: `${t["school-icon"]} mr-3`
+                  }
+                ),
+                /* @__PURE__ */ e("p", { className: `${t["school-name"]} mb-0`, children: n.schoolName })
+              ] }),
+              /* @__PURE__ */ e("p", { className: `${t["title-login"]}`, children: "Welcome Back!" }),
+              /* @__PURE__ */ e("p", { className: `${t["login-description"]} mb-5`, children: "Please enter your MARIO Education account details" }),
+              /* @__PURE__ */ c(Y, { className: `${t["form-user-name"]}`, children: [
+                /* @__PURE__ */ e(
+                  se,
+                  {
+                    type: "text",
+                    name: "email",
+                    placeholder: "Email",
+                    value: y.email,
+                    onChange: v,
+                    autoComplete: "email",
+                    onBlur: A("email"),
+                    required: !0
+                  }
+                ),
+                V && /* @__PURE__ */ e(
+                  B,
+                  {
+                    text: u.email
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ c(Y, { children: [
+                /* @__PURE__ */ e(
+                  ee,
+                  {
+                    isShowPassword: d,
+                    togglePasswordVisible: w,
+                    onChange: (D) => H(
+                      "password",
+                      D.target.value
+                    )
+                  }
+                ),
+                j && /* @__PURE__ */ e(B, { text: u.password })
+              ] }),
+              /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(
+                ue,
+                {
+                  action: "login",
+                  onVerify: E
+                }
+              ) }),
+              /* @__PURE__ */ c("div", { className: "d-flex justify-content-between", children: [
+                /* @__PURE__ */ c("div", { className: "d-flex align-items-center", children: [
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: !y.isSessionUserBrowser,
+                      className: `${t["checkbox-keep-login"]}`,
+                      onChange: () => H(
+                        "isSessionUserBrowser",
+                        !y.isSessionUserBrowser
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ e("p", { className: `${t["label-keep-login"]} mb-0 ml-2`, children: "Keep me logged in" })
+                ] }),
+                /* @__PURE__ */ e(
+                  "a",
+                  {
+                    href: "/forgot-password",
+                    className: `${t["link-to-login"]}`,
+                    children: "Forgot password?"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: `${t["btn-login"]} mt-5`,
+                  type: "submit",
+                  children: "LOG IN"
+                }
+              ),
+              /* @__PURE__ */ e("p", { className: `${t["option-text"]} my-3 text-center`, children: "OR" }),
+              /* @__PURE__ */ c(oe, { className: "mb-4", children: [
+                /* @__PURE__ */ e(
+                  _,
+                  {
+                    lg: 6,
+                    md: 6,
+                    xs: 12,
+                    className: `${t["btn-login-sso"]} pr-md-2`,
+                    children: !!l && /* @__PURE__ */ e(qe, { clientId: l, children: /* @__PURE__ */ e(
+                      os,
+                      {
+                        extensionEmail: f,
+                        setInfoUser: m,
+                        fnIsCheckLogin: h,
+                        clickHandler: p
+                      }
+                    ) })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  _,
+                  {
+                    lg: 6,
+                    md: 6,
+                    xs: 12,
+                    className: `${t["btn-login-sso"]} pl-md-2`,
+                    hidden: !(n != null && n.schoolId),
+                    children: /* @__PURE__ */ c(
+                      "div",
+                      {
+                        className: t["btn-login-with-sso"],
+                        onClick: () => k(p),
+                        children: [
+                          /* @__PURE__ */ e("img", { src: "images/microsoft-logo.png" }),
+                          /* @__PURE__ */ e("p", { children: "MICROSOFT" })
+                        ]
+                      }
+                    )
+                  }
+                )
+              ] })
+            ] })
+          }
+        ) });
+      }
+    }
+  ) });
+}, ns = {
+  email: "",
+  captcha: ""
+}, rs = "/", ce = "/login", is = "Log in", fe = () => {
+  const s = de(), a = me(), [n, d] = L(!1), g = C(() => {
+    d(!n);
+  }, [n]), [h, m] = L(!1), [l, k] = L(
+    !1
+  ), [f, w] = L(!0), { executeRecaptcha: b } = he();
+  U(() => {
+    document.title = is, le() && a(rs);
+  }, []);
+  const p = C(async (N) => {
+    var y, I;
+    s($(!0));
+    try {
+      await Oe(N), a(ce), s(
+        G({
+          type: "success",
+          message: "A mail to reset password was sent"
+        })
+      );
+    } catch (u) {
+      s(
+        G({
+          type: "danger",
+          message: ((I = (y = u.response) == null ? void 0 : y.data) == null ? void 0 : I.title) || u.message || "Error occured"
+        })
+      ), localStorage.removeItem(x), sessionStorage.removeItem(x);
+    }
+    s($(!1));
+  }, []), E = C(async (N) => {
+    s($(!0));
+    try {
+      await Ae(N);
+    } catch {
+      w(!1);
+    }
+    s($(!1));
+  }, []), S = C(async (N) => {
+    var y, I;
+    s($(!0));
+    try {
+      await Ge(N), a(ce), s(
+        G({
+          type: "success",
+          message: "Reset password sucessfully"
+        })
+      );
+    } catch (u) {
+      s(
+        G({
+          type: "danger",
+          message: ((I = (y = u.response) == null ? void 0 : y.data) == null ? void 0 : I.title) || u.message || "Error occured"
+        })
+      ), localStorage.removeItem(x), sessionStorage.removeItem(x);
+    }
+    s($(!1));
+  }, []), v = C(async () => {
+    if (!b) {
+      console.log("execute recaptcha undefined");
+      return;
+    }
+    return await b("forgetPass");
+  }, [b]), A = C(() => {
+  }, []);
+  return {
+    defaultInfo: ns,
+    forgotPasswordRequest: p,
+    checkResetTokenRequest: E,
+    validLink: f,
+    resetPasswordRequest: S,
+    openLogin: n,
+    toggle: g,
+    isShowNewPassword: h,
+    setIsShowNewPassword: m,
+    isShowReTypePassword: l,
+    setIsShowReTypePassword: k,
+    clickHandler: v,
+    handleVerify: A
+  };
+}, cs = {
+  email: "",
+  captcha: ""
+}, ls = T.object({
+  email: T.string().email("Email is invalid").required("Email is required")
+}), ds = ({ school: s }) => {
+  const {
+    forgotPasswordRequest: a,
+    clickHandler: n,
+    handleVerify: d
+  } = fe();
+  return /* @__PURE__ */ e(
+    ae,
+    {
+      initialValues: cs,
+      enableReinitialize: !0,
+      validationSchema: ls,
+      onSubmit: async (g) => {
+        const h = await n();
+        h && (g.captcha = h, a(g));
+      },
+      children: (g) => {
+        const {
+          handleChange: h,
+          handleSubmit: m,
+          values: l,
+          touched: k,
+          errors: f
+        } = g;
+        return /* @__PURE__ */ e("div", { className: `${t["box-login"]}`, children: /* @__PURE__ */ e("div", { className: `${t["block-login"]}`, children: /* @__PURE__ */ c("div", { className: `${t["block-form"]}`, children: [
+          /* @__PURE__ */ c("div", { className: "d-flex align-items-center mb-4", children: [
+            /* @__PURE__ */ e(
+              "img",
+              {
+                src: `${te(
+                  "/images/mario-logo.png"
+                )}`,
+                className: `${t["school-icon"]} mr-3`
+              }
+            ),
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: `${t["school-name"]} mb-0`,
+                children: s.schoolName
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("p", { className: `${t["title-login"]} `, children: "Forgot password" }),
+          /* @__PURE__ */ e(
+            "p",
+            {
+              className: `${t["recover-account"]} mb-5`,
+              children: "Enter email to recover your account"
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: "w-100", children: [
+            /* @__PURE__ */ e(
+              se,
+              {
+                type: "text",
+                name: "email",
+                id: "email",
+                placeholder: "Input email",
+                onChange: h,
+                value: l.email
+              }
+            ),
+            k.email && f.email && /* @__PURE__ */ e(B, { text: f.email })
+          ] }),
+          /* @__PURE__ */ e(
+            ge,
+            {
+              to: "/login",
+              className: `${t["link-to-login"]} mt-2`,
+              children: "Return to login"
+            }
+          ),
+          /* @__PURE__ */ e(
+            ue,
+            {
+              action: "forgetPass",
+              onVerify: d
+            }
+          ),
+          /* @__PURE__ */ e(_, { className: "p-0", children: /* @__PURE__ */ e(
+            "button",
+            {
+              className: `${t["btn-login"]} mt-5`,
+              onClick: () => m(),
+              children: "Continue"
+            }
+          ) })
+        ] }) }) });
+      }
+    }
+  );
+}, ms = {
+  token: "",
+  password: "",
+  reEnterPassword: ""
+}, gs = T.object({
+  password: T.string().required("New password is required"),
+  reEnterPassword: T.string().required("Please re-enter new password").test("matching", "Passwords do not match", function() {
+    return this.parent.password === this.parent.reEnterPassword;
+  })
+}), hs = () => {
+  const a = new URLSearchParams(Ue().search).get("token"), {
+    checkResetTokenRequest: n,
+    validLink: d,
+    resetPasswordRequest: g,
+    isShowNewPassword: h,
+    setIsShowNewPassword: m,
+    isShowReTypePassword: l,
+    setIsShowReTypePassword: k
+  } = fe();
+  return U(() => {
+    n(a);
+  }, []), /* @__PURE__ */ e(
+    ae,
+    {
+      initialValues: ms,
+      enableReinitialize: !0,
+      validationSchema: gs,
+      onSubmit: (f) => {
+        g(f);
+      },
+      children: (f) => {
+        const {
+          setFieldValue: w,
+          handleSubmit: b,
+          touched: p,
+          errors: E
+        } = f;
+        return U(() => {
+          w("token", a);
+        }, []), /* @__PURE__ */ e(oe, { className: `${t["box-login"]}`, children: /* @__PURE__ */ e(_, { className: "p-0", children: /* @__PURE__ */ e("div", { className: `${t["block-login"]}`, children: /* @__PURE__ */ c("div", { className: `${t["block-form"]}`, children: [
+          /* @__PURE__ */ e("p", { className: `${t["title-login"]}`, children: "Reset Password" }),
+          /* @__PURE__ */ e("div", { className: "w-100", children: d ? /* @__PURE__ */ c(Q.Fragment, { children: [
+            /* @__PURE__ */ e(ie, { for: "emailForgot", className: "mb-3", children: "New password" }),
+            /* @__PURE__ */ e(
+              ee,
+              {
+                isShowPassword: h,
+                togglePasswordVisible: () => m(
+                  !h
+                ),
+                onChange: (S) => w(
+                  "password",
+                  S.target.value
+                )
+              }
+            ),
+            p.password && E.password && /* @__PURE__ */ e(
+              B,
+              {
+                text: E.password
+              }
+            ),
+            /* @__PURE__ */ e(ie, { for: "emailForgot", className: "mt-3 mb-3", children: "Re-enter new password" }),
+            /* @__PURE__ */ e(
+              ee,
+              {
+                isShowPassword: l,
+                togglePasswordVisible: () => k(
+                  !l
+                ),
+                onChange: (S) => w(
+                  "reEnterPassword",
+                  S.target.value
+                )
+              }
+            ),
+            p.reEnterPassword && E.reEnterPassword && /* @__PURE__ */ e(
+              B,
+              {
+                text: E.reEnterPassword
+              }
+            )
+          ] }) : /* @__PURE__ */ c(Q.Fragment, { children: [
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: `${t["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" })
+          ] }) }),
+          d && /* @__PURE__ */ e(_, { className: "p-0", children: /* @__PURE__ */ e(
+            "button",
+            {
+              className: `${t["btn-login"]} mt-4`,
+              onClick: () => b(),
+              children: "Confirm"
+            }
+          ) }),
+          /* @__PURE__ */ c("p", { className: "d-flex justify-content-between", children: [
+            /* @__PURE__ */ e(
+              ge,
+              {
+                to: "/login",
+                className: `${t["link-to-login"]}`,
+                children: "Return to login"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "a",
+              {
+                href: "/privacy-policy/",
+                target: "blank",
+                className: `${t["link-to-login"]}`,
+                children: "Privacy Policy"
+              }
+            )
+          ] })
+        ] }) }) }) });
+      }
+    }
+  );
+}, us = "Log in", ps = "Forgot password", fs = "Reset password", Ps = (s) => {
+  const {
+    isLogin: a,
+    isForgotPassword: n,
+    isResetPassword: d
+    // isLoginTwoFactor
+  } = s, { defaultInfo: g, userLogin: h, googleRecaptchaId: m, school: l } = pe();
+  return U(() => {
+    a && (document.title = us), n && (document.title = ps), d && (document.title = fs);
+  }, [a, n, d]), /* @__PURE__ */ e("div", { className: `${t.login} container-fluid font-family-lato`, children: /* @__PURE__ */ c(oe, { className: "h-100", children: [
+    /* @__PURE__ */ c(
+      _,
+      {
+        lg: 8,
+        md: 12,
+        xs: 12,
+        className: "d-flex justify-content-center h-100 align-items-center p-3 flex-column",
+        children: [
+          !!m && /* @__PURE__ */ c(
+            Fe,
+            {
+              useRecaptchaNet: !0,
+              reCaptchaKey: m,
+              scriptProps: {
+                async: !0,
+                defer: !0,
+                appendTo: "body"
+              },
+              children: [
+                a && /* @__PURE__ */ e(
+                  as,
+                  {
+                    userLogin: h,
+                    defaultInfo: g,
+                    school: l
+                  }
+                ),
+                n && /* @__PURE__ */ e(ds, { school: l })
+              ]
+            }
+          ),
+          d && /* @__PURE__ */ e(hs, {}),
+          /* @__PURE__ */ e(
+            "a",
+            {
+              href: "/privacy-policy/",
+              target: "blank",
+              className: `${t["privacy-policy"]}`,
+              children: "Privacy Policy"
+            }
+          )
+        ]
+      }
+    ),
+    !d && /* @__PURE__ */ e(_, { className: "p-3 mh-100 d-flex justify-content-end", lg: 4, md: 12, xs: 12, children: /* @__PURE__ */ e(
+      "img",
+      {
+        src: `${te(window.innerWidth > 992 ? "/images/img-login.png" : "/images/img-login-tablet.png")}`,
+        className: `${t["img-login"]}`
+      }
+    ) })
+  ] }) });
+};
+export {
+  Ps as default
+};