mario-core 2.0.107-release → 2.0.108-release

package/dist/UserList-B50qyfjL.mjs

@@ -0,0 +1,1261 @@
+import { jsxs as E, jsx as t, Fragment as Fe } from "react/jsx-runtime";
+import { Button as ve, Popover as Me, PopoverBody as Pe, Label as ee, Input as se, FormGroup as he, Row as Ce, Col as te, Table as ze } from "reactstrap";
+import { l as He, t as Ee, m as Ve, n as je, s as Je, o as Ge, p as Ke, q as qe, v as We, w as Ye, x as Qe } from "./userService-fA4Xahnz.mjs";
+import { useTranslation as le } from "react-i18next";
+import { useState as z, useMemo as ce, useCallback as H, useEffect as K, useRef as be, Fragment as Xe } from "react";
+import { useSelector as ie, useDispatch as ae } from "react-redux";
+import { useNavigate as Ze, useLocation as et } from "react-router-dom";
+import { a9 as Ne, b as I, aa as pe, c as B, O as ne, u as tt, I as st, d as _e, N as nt, ab as at, G as X, s as k, ac as Ie, ad as we, a6 as re, B as Ue, i as rt, ae as ot, Q as ct, af as it, S as lt, T as dt, U as mt, ag as ht } from "./index-DaEyv-Te.mjs";
+import { d as pt, u as ut, e as gt, S as q, f as ft, C as Re, g as yt } from "./constants-B9hWa6_R.mjs";
+import { L as St } from "./types-BvnbDeJF.mjs";
+import { differenceInCalendarYears as vt, parseISO as Ct } from "date-fns";
+import Te from "papaparse";
+function Et(e, s) {
+  He(2, arguments);
+  var m = Ee(e), i = Ee(s);
+  return m.getFullYear() - i.getFullYear();
+}
+const bt = () => {
+  const [e, s] = z(pt);
+  return { filters: e, setFilters: s, changeFilters: (i) => {
+    const S = {
+      ...e,
+      ...i
+    };
+    S.searchString && i.searchString && i.searchString != e.searchString && (S.currentPage = 1), s(S);
+  } };
+}, Nt = "/admin/user", _t = "/admin/create-user", Rt = "User list", oe = "/home", Tt = "/home", At = "/admin/home", xt = "/parent", Ot = "/admin/schools", It = "/list-student", wt = () => {
+  const e = Ze(), m = new URLSearchParams(location.search).get("query"), i = ie((n) => n.users.userList), S = ie((n) => n.users.totalItems), { filters: f, changeFilters: r } = bt(), y = m || "", [u, N] = z([]), l = window.location.host.includes("-district"), o = ae(), { t: h } = le(), $ = (n) => {
+    const g = u.find((p) => p == n);
+    N(g ? u.filter((p) => p != n) : u.concat([n]));
+  }, R = ce(() => (i || []).length > 0 && (i || []).every((n) => u.includes(n.id)), [i, u]), x = H(() => {
+    if (R) {
+      const g = new Set((i || []).map((p) => p.id));
+      N((p) => p.filter((a) => !g.has(a)));
+      return;
+    }
+    const n = (i || []).map((g) => g.id).filter((g) => !u.includes(g));
+    N((g) => [...g, ...n]);
+  }, [i, R, u]), _ = H(
+    async () => {
+      if (f.searchBy !== void 0 && f.searchByStrings !== void 0 && f.searchByStrings.length === 0) {
+        o(Ne({ userList: [], totalItems: 0 }));
+        return;
+      }
+      o(I(!0));
+      try {
+        const n = await Ve(f), { items: g, totalItems: p } = n.data;
+        for (const a of g)
+          a.roles = a.roles.map((c) => c != pe.EDUTEACHER ? c : "EduTeacher"), a.msRoles && (a.msRoles = a.msRoles.map((c) => c != pe.EDUTEACHER ? c : "EduTeacher")), a.esRoles && (a.esRoles = a.esRoles.map((c) => c != pe.EDUTEACHER ? c : "EduTeacher"));
+        o(Ne({ userList: g, totalItems: p }));
+      } catch (n) {
+        o(
+          B({
+            type: "danger",
+            message: n.response?.data?.title || n.message
+          })
+        );
+      }
+      o(I(!1));
+    },
+    [o, f]
+  ), v = async () => {
+    o(I(!0));
+    try {
+      const g = (await Ge()).data?.message || h("sync_roster_running_in_background", "Roster synchronization is currently running in the background. Please wait a few moments before refreshing the page.");
+      o(
+        ne({
+          isOpen: !0,
+          type: "success",
+          message: g
+        })
+      );
+    } catch (n) {
+      o(
+        ne({
+          isOpen: !0,
+          type: "danger",
+          message: n.response?.data?.message || n.response?.data?.title || n.message
+        })
+      );
+    }
+    o(I(!1));
+  }, C = (n) => {
+    if (!n) return "";
+    const g = [], { sourcedId: p, rosterUser: a } = n;
+    if (p && a && g.push(p), a) {
+      const { givenName: c, middleName: w, familyName: A, email: V } = a, j = [];
+      A && j.push(A), w && j.push(w), c && j.push(c), g.push(j.join(" ") || ""), g.push(V || "");
+    }
+    return g.join(" / ");
+  };
+  K(() => {
+    document.title = Rt;
+  }, []), K(() => {
+    r({
+      ...f,
+      searchString: y
+    });
+  }, [y]), K(() => {
+    _();
+  }, [JSON.stringify(f)]);
+  const T = H(
+    (n) => {
+      o(
+        ne({
+          isOpen: !0,
+          type: "warning",
+          message: h("do_you_want_to_remove_this_user"),
+          onConfirm: async () => {
+            o(I(!0));
+            try {
+              await je(n), o(
+                B({
+                  type: "success",
+                  message: "Remove user successfully"
+                })
+              ), f.currentPage !== 1 ? r({ currentPage: 1 }) : _();
+            } catch (g) {
+              o(
+                B({
+                  type: "danger",
+                  message: g.response?.data?.title || g.message
+                })
+              );
+            }
+            o(I(!1));
+          }
+        })
+      );
+    },
+    [JSON.stringify(f)]
+  ), M = [
+    { role: "Admin", path: At },
+    { role: "Teacher", path: oe },
+    { role: "Assistant", path: oe },
+    { role: "Counselor", path: oe },
+    { role: "SecondaryTeacher", path: oe },
+    { role: "EduTeacher", path: It },
+    { role: "Student", path: Tt },
+    { role: "Parent", path: xt }
+  ], D = (n) => {
+    const g = sessionStorage.getItem(st), p = n.data?.token;
+    let a = n.data.msRoles || [], c = n.data.esRoles || [];
+    const w = n.data.roles || n.data.userRoles || [], A = (n.data.appType || "").toUpperCase();
+    a.length === 0 && c.length === 0 && w.length > 0 && (A.includes("ES") && !A.includes("MS") ? c = w : A.includes("MS") && !A.includes("ES") ? a = w : (a = w, c = w));
+    const V = n.data?.id || n.data?.userId, U = ((V ? localStorage.getItem(`PREFERRED_ROLE_${V}`) : null) || "").split(",").map((G) => G.trim()).filter(Boolean), L = U[0];
+    let P = "MS", J = "/home", W = !1;
+    if (!(a.includes("Admin") || c.includes("Admin")) && L && (a.includes(L) || c.includes(L))) {
+      P = a.includes(L) ? "MS" : "ES";
+      const Y = M.find((Q) => Q.role === L);
+      Y && (J = Y.path, W = !0);
+    }
+    if (!W)
+      for (const { role: G, path: Y } of M) {
+        const Q = a.includes(G), Le = c.includes(G);
+        if (!(!Q && !Le)) {
+          P = Q ? "MS" : "ES", J = Y, W = !0;
+          break;
+        }
+      }
+    W || (P = a.length > 0 ? "MS" : c.length > 0 ? "ES" : "MS");
+    const F = P === "ES" ? c : a;
+    g ? sessionStorage.setItem(_e, p) : localStorage.setItem(_e, p);
+    let b = "";
+    F.includes("Admin") ? b = "Admin" : U.length > 0 && U.every((Y) => F.includes(Y)) ? U.length > 1 ? b = U.every((Q) => Q === "Teacher" || Q === "Assistant") ? "Teacher,Assistant" : U[0] : b = U[0] : F.includes("Teacher") ? b = F.includes("Assistant") ? "Teacher,Assistant" : "Teacher" : F.includes("Assistant") ? b = "Assistant" : F.includes("Counselor") ? b = "Counselor" : F.includes("SecondaryTeacher") ? b = "SecondaryTeacher" : F.includes("EduTeacher") ? b = "EduTeacher" : F.includes("Student") ? b = "Student" : F.includes("Parent") ? b = "Parent" : F.length > 0 && (b = F[0]), b && (localStorage.setItem("ROLES", b), sessionStorage.setItem("ACTIVE_ROLE", b)), localStorage.removeItem(nt), l && (J = Ot);
+    const Z = P === "ES" && !F.includes("Admin") ? `/es${J}` : J;
+    window.location.href = Z;
+  }, O = H(
+    async (n) => {
+      try {
+        const p = (await Je(n)).data;
+        o(
+          ne({
+            isOpen: !0,
+            type: "warning",
+            message: h("do_you_want_to_impersonate_this_user"),
+            onConfirm: async () => {
+              o(I(!0));
+              try {
+                const a = {
+                  email: p.email,
+                  password: "default",
+                  accessToken: p.token,
+                  loginType: St.Impersonate
+                }, c = await tt(a), w = {};
+                for (let A = 0; A < localStorage.length; A++) {
+                  const V = localStorage.key(A);
+                  V && (V === "SELECTED_TIER" || V.startsWith("SELECTED_TIER_") || V.startsWith("PREFERRED_ROLE_")) && (w[V] = localStorage.getItem(V) || "");
+                }
+                localStorage.clear(), Object.keys(w).forEach((A) => {
+                  localStorage.setItem(A, w[A]);
+                }), D(c);
+              } catch (a) {
+                B({
+                  type: "danger",
+                  message: a.response?.data?.title || a.message
+                });
+              }
+              o(I(!1));
+            }
+          })
+        );
+      } catch (g) {
+        o(
+          B({
+            type: "danger",
+            message: g.response?.data?.title || g.message
+          })
+        );
+      }
+    },
+    [f]
+  );
+  return {
+    userList: i,
+    totalItems: S,
+    filters: f,
+    queryName: m,
+    fullName: y,
+    getData: _,
+    removeData: T,
+    changeFilters: r,
+    reDirectDetailPage: (n) => {
+      const g = n ? `${Nt}/${n}` : _t;
+      e(g);
+    },
+    switchUser: O,
+    handleSyncRosterUsers: v,
+    rosterUserInfo: C,
+    userIds: u,
+    onSelectAllUser: x,
+    onSelectUser: $,
+    isCheckAll: R
+  };
+}, Ut = {
+  fontWeight: 500
+}, Bt = {
+  height: 38,
+  background: "#316cd9"
+}, $t = ({
+  text: e,
+  onClick: s,
+  className: m = ""
+}) => /* @__PURE__ */ E(
+  ve,
+  {
+    onClick: s,
+    color: "primary",
+    style: Bt,
+    className: `d-flex align-items-center ${m} gap-2`,
+    children: [
+      /* @__PURE__ */ t(at, {}),
+      /* @__PURE__ */ t("span", { style: Ut, children: e })
+    ]
+  }
+);
+function Dt(e) {
+  return X({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M21 3H5a1 1 0 0 0-1 1v2.59c0 .523.213 1.037.583 1.407L10 13.414V21a1.001 1.001 0 0 0 1.447.895l4-2c.339-.17.553-.516.553-.895v-5.586l5.417-5.417c.37-.37.583-.884.583-1.407V4a1 1 0 0 0-1-1zm-6.707 9.293A.996.996 0 0 0 14 13v5.382l-2 1V13a.996.996 0 0 0-.293-.707L6 6.59V5h14.001l.002 1.583-5.71 5.71z" } }] })(e);
+}
+function kt(e) {
+  return X({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M19.023 16.977a35.13 35.13 0 0 1-1.367-1.384c-.372-.378-.596-.653-.596-.653l-2.8-1.337A6.962 6.962 0 0 0 16 9c0-3.859-3.14-7-7-7S2 5.141 2 9s3.14 7 7 7c1.763 0 3.37-.66 4.603-1.739l1.337 2.8s.275.224.653.596c.387.363.896.854 1.384 1.367l1.358 1.392.604.646 2.121-2.121-.646-.604c-.379-.372-.885-.866-1.391-1.36zM9 14c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5z" } }] })(e);
+}
+function Lt(e) {
+  return X({ attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z", clipRule: "evenodd" } }] })(e);
+}
+function ps(e) {
+  return X({ attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M505.7 661a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" } }] })(e);
+}
+function Be(e) {
+  return X({ attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M839.6 433.8L749 150.5a9.24 9.24 0 0 0-8.9-6.5h-77.4c-4.1 0-7.6 2.6-8.9 6.5l-91.3 283.3c-.3.9-.5 1.9-.5 2.9 0 5.1 4.2 9.3 9.3 9.3h56.4c4.2 0 7.8-2.8 9-6.8l17.5-61.6h89l17.3 61.5c1.1 4 4.8 6.8 9 6.8h61.2c1 0 1.9-.1 2.8-.4 2.4-.8 4.3-2.4 5.5-4.6 1.1-2.2 1.3-4.7.6-7.1zM663.3 325.5l32.8-116.9h6.3l32.1 116.9h-71.2zm143.5 492.9H677.2v-.4l132.6-188.9c1.1-1.6 1.7-3.4 1.7-5.4v-36.4c0-5.1-4.2-9.3-9.3-9.3h-204c-5.1 0-9.3 4.2-9.3 9.3v43c0 5.1 4.2 9.3 9.3 9.3h122.6v.4L587.7 828.9a9.35 9.35 0 0 0-1.7 5.4v36.4c0 5.1 4.2 9.3 9.3 9.3h211.4c5.1 0 9.3-4.2 9.3-9.3v-43a9.2 9.2 0 0 0-9.2-9.3zM416 702h-76V172c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v530h-76c-6.7 0-10.5 7.8-6.3 13l112 141.9a8 8 0 0 0 12.6 0l112-141.9c4.1-5.2.4-13-6.3-13z" } }] })(e);
+}
+function $e(e) {
+  return X({ attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M839.6 433.8L749 150.5a9.24 9.24 0 0 0-8.9-6.5h-77.4c-4.1 0-7.6 2.6-8.9 6.5l-91.3 283.3c-.3.9-.5 1.9-.5 2.9 0 5.1 4.2 9.3 9.3 9.3h56.4c4.2 0 7.8-2.8 9-6.8l17.5-61.6h89l17.3 61.5c1.1 4 4.8 6.8 9 6.8h61.2c1 0 1.9-.1 2.8-.4 2.4-.8 4.3-2.4 5.5-4.6 1.1-2.2 1.3-4.7.6-7.1zM663.3 325.5l32.8-116.9h6.3l32.1 116.9h-71.2zm143.5 492.9H677.2v-.4l132.6-188.9c1.1-1.6 1.7-3.4 1.7-5.4v-36.4c0-5.1-4.2-9.3-9.3-9.3h-204c-5.1 0-9.3 4.2-9.3 9.3v43c0 5.1 4.2 9.3 9.3 9.3h122.6v.4L587.7 828.9a9.35 9.35 0 0 0-1.7 5.4v36.4c0 5.1 4.2 9.3 9.3 9.3h211.4c5.1 0 9.3-4.2 9.3-9.3v-43a9.2 9.2 0 0 0-9.2-9.3zM310.3 167.1a8 8 0 0 0-12.6 0L185.7 309c-4.2 5.3-.4 13 6.3 13h76v530c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V322h76c6.7 0 10.5-7.8 6.3-13l-112-141.9z" } }] })(e);
+}
+const Ft = (e, s) => {
+  K(() => {
+    function m(i) {
+      e.current && !e.current.contains(i.target) && s?.();
+    }
+    return document.addEventListener("mousedown", m), () => {
+      document.removeEventListener("mousedown", m);
+    };
+  }, [e.current]);
+}, Mt = (e) => {
+  const {
+    isOpen: s,
+    sortBy: m,
+    filters: i,
+    users: S,
+    searchBy: f,
+    defaultOptions: r,
+    selectedOptions: y,
+    searchKey: u,
+    onChangeSearchKey: N,
+    onOptionsChange: l,
+    onSearch: o,
+    onClose: h,
+    onChangeFilters: $,
+    getOption: R
+  } = e, [x, _] = z(), [v, C] = z([]), T = be(null), M = be(null);
+  Ft(T, h);
+  const { t: D } = le(), O = H(
+    () => {
+      if (!s) return;
+      const U = u?.trim?.() ?? "";
+      f != null && !r && o?.(U, f), f != null && r && C(r.filter((L) => L.label.toLowerCase().includes(U.toLowerCase())));
+    },
+    [f, u, JSON.stringify(r), s]
+  ), d = () => {
+    M.current && clearTimeout(M.current), M.current = setTimeout(O, 500);
+  }, n = (U) => {
+    const L = U.target.value;
+    N(L);
+  }, g = H(() => {
+    l?.(x, f), h?.();
+  }, [JSON.stringify(x)]), p = H((U) => {
+    const L = U.target.value ?? "";
+    let P = x ?? [], J = P.indexOf(L);
+    J > -1 ? P.splice(J, 1) : P = [...P, L], _(P == null ? P : [...P]);
+  }, [JSON.stringify(x)]), a = H((U) => {
+    const L = U.target.checked;
+    _(L ? void 0 : []);
+  }, []), c = H(() => {
+    $?.({
+      ...i,
+      sortBy: m,
+      isDescending: !0
+    }), h?.();
+  }, [JSON.stringify(i), f]), w = H(() => {
+    $?.({
+      ...i,
+      sortBy: m,
+      isDescending: !1
+    }), h?.();
+  }, [JSON.stringify(i), f]), A = ce(() => R ? S.map((U) => R(U, D)) : [], [JSON.stringify(S), JSON.stringify(R)]), V = i?.isDescending == !1 && i.sortBy === m, j = !!i?.isDescending && i.sortBy === m;
+  return K(() => {
+    i?.searchBy !== f ? _(void 0) : _(y);
+  }, [JSON.stringify(y), i?.searchBy]), K(() => {
+    C(r || []);
+  }, [JSON.stringify(r)]), K(() => {
+    d();
+  }, [u, s]), {
+    ref: T,
+    options: A,
+    inputRef: M,
+    sOptions: x,
+    isAscending: V,
+    isDescending: j,
+    filteredOptions: v,
+    searchKey: u,
+    handleSearch: O,
+    handleApplyFilter: g,
+    handleOptionSelected: p,
+    handleOptionSelectedAll: a,
+    handleSortDesc: c,
+    handleSortAsc: w,
+    handleChangeSearchKey: n
+  };
+}, Pt = (e) => {
+  const {
+    defaultOptions: s,
+    onClose: m,
+    getOption: i
+  } = e, {
+    ref: S,
+    inputRef: f,
+    options: r,
+    sOptions: y,
+    isAscending: u,
+    isDescending: N,
+    filteredOptions: l,
+    searchKey: o,
+    handleChangeSearchKey: h,
+    handleApplyFilter: $,
+    handleOptionSelected: R,
+    handleOptionSelectedAll: x,
+    handleSortDesc: _,
+    handleSortAsc: v
+  } = Mt(e);
+  return /* @__PURE__ */ t(Me, { ...e, hideArrow: !0, className: k["popover-zindex"], children: /* @__PURE__ */ t(Pe, { className: "pb-3", children: /* @__PURE__ */ E("div", { ref: S, className: k.popover, children: [
+    /* @__PURE__ */ E(
+      "div",
+      {
+        className: `d-flex flex-column ${k.popover__sort}`,
+        children: [
+          /* @__PURE__ */ t(ee, { className: "font-weight-bold", children: "Sort" }),
+          /* @__PURE__ */ E(
+            "div",
+            {
+              className: `px-1 ${k.popover__sort__item} ${u && k["popover__sort__item--active"]}`,
+              onClick: v,
+              children: [
+                /* @__PURE__ */ t(Be, { className: "mr-1" }),
+                "Ascending"
+              ]
+            }
+          ),
+          /* @__PURE__ */ E(
+            "div",
+            {
+              className: `px-1 mt-1 ${k.popover__sort__item} ${N && k["popover__sort__item--active"]}`,
+              onClick: _,
+              children: [
+                /* @__PURE__ */ t($e, { className: "mr-1" }),
+                "Descending"
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    (typeof i < "u" || !!s) && /* @__PURE__ */ E(Xe, { children: [
+      /* @__PURE__ */ t("div", { className: "border border-top-1 border-bottom-0 mx-1 my-2" }),
+      /* @__PURE__ */ E("div", { className: "d-flex flex-column", children: [
+        /* @__PURE__ */ t(ee, { className: "font-weight-bold", children: "Filter" }),
+        /* @__PURE__ */ E("div", { className: `position-relative px-1 ${k.popover__search}`, children: [
+          /* @__PURE__ */ t(
+            kt,
+            {
+              className: `position-absolute ${k.popover__search__icon}`
+            }
+          ),
+          /* @__PURE__ */ t(
+            se,
+            {
+              ref: f,
+              className: k.popover__search__input,
+              value: o,
+              onChange: h
+            }
+          )
+        ] }),
+        /* @__PURE__ */ E(
+          "div",
+          {
+            className: `mx-1 mt-2 p-2 bg-light ${k.popover__options}`,
+            children: [
+              /* @__PURE__ */ E(
+                he,
+                {
+                  className: "d-flex align-items-center",
+                  check: !0,
+                  style: { gap: "8px" },
+                  children: [
+                    /* @__PURE__ */ t(
+                      se,
+                      {
+                        type: "checkbox",
+                        onChange: x,
+                        checked: y == null
+                      }
+                    ),
+                    " ",
+                    /* @__PURE__ */ t(ee, { check: !0, children: "(Select all)" })
+                  ]
+                }
+              ),
+              !!i && !s && r.map((C) => /* @__PURE__ */ E(
+                he,
+                {
+                  className: "d-flex align-items-center",
+                  check: !0,
+                  style: { gap: "8px" },
+                  children: [
+                    /* @__PURE__ */ t(
+                      se,
+                      {
+                        type: "checkbox",
+                        value: C.value,
+                        onChange: R,
+                        checked: y?.includes(C.value) || y == null
+                      }
+                    ),
+                    " ",
+                    /* @__PURE__ */ t(ee, { check: !0, children: C.label })
+                  ]
+                },
+                C.value
+              )),
+              !!s && l.map((C) => /* @__PURE__ */ E(
+                he,
+                {
+                  className: "d-flex align-items-center",
+                  check: !0,
+                  style: { gap: "8px" },
+                  children: [
+                    /* @__PURE__ */ t(
+                      se,
+                      {
+                        type: "checkbox",
+                        value: C.value,
+                        onChange: R,
+                        checked: y?.includes(C.value) || y == null
+                      }
+                    ),
+                    " ",
+                    /* @__PURE__ */ t(ee, { check: !0, children: C.label })
+                  ]
+                },
+                C.value
+              ))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ E("div", { className: "d-flex justify-content-end mt-3", style: { gap: "8px" }, children: [
+        /* @__PURE__ */ t(
+          ve,
+          {
+            color: "primary",
+            className: "mr-2",
+            size: "sm",
+            onClick: $,
+            children: "Apply Filter"
+          }
+        ),
+        /* @__PURE__ */ t(
+          ve,
+          {
+            color: "secondary",
+            size: "sm",
+            onClick: m,
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] })
+  ] }) }) });
+}, zt = ({
+  data: e,
+  popoverId: s,
+  filters: m,
+  searchString: i,
+  users: S,
+  selectedOptions: f,
+  onOptionsChange: r,
+  onSearch: y,
+  onChangeFilters: u,
+  onOpenFilter: N,
+  onClose: l,
+  isCenter: o,
+  isActive: h = !1
+}) => {
+  const { t: $ } = le(), [R, x] = z(""), _ = ce(
+    () => e.sortBy != null ? ut[e.sortBy] : "",
+    [e.sortBy]
+  ), v = ce(() => s === _, [_, s]), C = () => {
+    N?.(_, e.searchBy, R, e.sortBy);
+  }, T = (M) => {
+    x(M);
+  };
+  return /* @__PURE__ */ t("th", { className: e.className, children: _ && e.sortBy !== void 0 ? /* @__PURE__ */ E("div", { className: `w-100 d-flex ${o ? "justify-content-center" : "justify-content-between"} align-items-center ${k["table-filter-icon"]}`, children: [
+    $(e.name),
+    /* @__PURE__ */ E(
+      "div",
+      {
+        className: "ml-2 p-1",
+        id: _,
+        onClick: C,
+        style: {
+          cursor: "pointer"
+        },
+        children: [
+          e.sortBy !== void 0 && e.sortBy === m?.sortBy && /* @__PURE__ */ t("span", { children: m.isDescending ? /* @__PURE__ */ t($e, {}) : /* @__PURE__ */ t(Be, {}) }),
+          m?.searchByStrings?.length && e.searchBy === m?.searchBy ? /* @__PURE__ */ t(Lt, { color: h ? "#007bff" : "#242424" }) : /* @__PURE__ */ t(Dt, { color: h ? "#007bff" : "#242424" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      Pt,
+      {
+        placement: "bottom-end",
+        target: _,
+        users: S,
+        isOpen: v,
+        filters: m,
+        sortBy: e.sortBy,
+        searchKey: R,
+        searchBy: e.searchBy,
+        searchString: i,
+        defaultOptions: e.options,
+        selectedOptions: f,
+        onClose: l,
+        onSearch: y,
+        getOption: e.getOption,
+        onChangeFilters: u,
+        onOptionsChange: r,
+        onChangeSearchKey: T
+      }
+    )
+  ] }) : $(e.name) });
+}, Ht = (e) => {
+  const {
+    filters: s,
+    onChangeFilters: m,
+    isStudentFilter: i,
+    teacherOptions: S,
+    assistantOptions: f,
+    counselorOptions: r,
+    secondaryTeacherOptions: y
+  } = e, [u, N] = z(), [l, o] = z([]), [h, $] = z({
+    ...gt,
+    isDescending: s.isDescending,
+    searchString: s.searchString
+  }), R = ae(), x = et(), _ = H(
+    async (D) => {
+      try {
+        const d = (i ? await qe(h) : await Ke({ ...h, byStudent: D })).data?.items || [];
+        o(d);
+      } catch (O) {
+        R(
+          B({
+            type: "danger",
+            message: O.response?.data?.title || O.message
+          })
+        );
+      }
+    },
+    [JSON.stringify(h), i]
+  ), v = H((D, O, d, n) => {
+    N(D), $({
+      ...h,
+      searchBy: O,
+      searchStringBy: d,
+      isDescending: s.sortBy === n ? s.isDescending : void 0,
+      searchString: s.searchString
+    });
+  }, [JSON.stringify(h), s.isDescending, s.searchString]), C = () => {
+    N("");
+  }, T = H((D, O) => {
+    $({
+      ...h,
+      searchBy: O,
+      searchStringBy: D
+    });
+  }, [JSON.stringify(h)]), M = H((D, O) => {
+    O && m?.({
+      ...s,
+      [q[O]]: D
+    });
+  }, [JSON.stringify(s)]);
+  return K(() => {
+    if (!x.pathname.includes("users/assign-student")) return;
+    const D = (d) => d.sort((n, g) => n.localeCompare(g)), O = h.searchStringBy?.toLowerCase() || "";
+    if (h.searchBy === q.Grade)
+      o(ft);
+    else {
+      let d = [];
+      switch (h.searchBy) {
+        case q.Name:
+          _(!0);
+          break;
+        case q.Teacher:
+          d = S?.map((a) => a.label).filter(Boolean) || [];
+          break;
+        case q.Assistant:
+          d = f?.map((a) => a.label).filter(Boolean) || [];
+          break;
+        case q.Counselor:
+          d = r?.map((a) => a.label).filter(Boolean) || [];
+          break;
+        case q.SecondaryTeacher:
+          d = y?.map((a) => a.label).filter(Boolean) || [];
+          break;
+      }
+      const n = Array.from(new Set(d)), g = O ? n.filter(
+        (a) => a.toLowerCase().includes(O)
+      ) : n, p = D(g);
+      o(p);
+    }
+  }, [
+    JSON.stringify(h),
+    S,
+    f,
+    r,
+    y,
+    x.pathname
+  ]), K(() => {
+    !(x.pathname.includes("users/assign-student") && h.searchBy !== void 0) && h.searchBy !== void 0 && _();
+  }, [
+    JSON.stringify(h),
+    x.pathname
+  ]), {
+    popoverFilters: h,
+    popoverId: u,
+    users: l,
+    handleFilterIcon: v,
+    handleCloseFilter: C,
+    handleSearch: T,
+    handleChangeFilters: M
+  };
+}, Vt = ({
+  headers: e,
+  filters: s,
+  onChangeFilters: m,
+  isStudentFilter: i,
+  teacherOptions: S = [],
+  assistantOptions: f = [],
+  counselorOptions: r = [],
+  secondaryTeacherOptions: y = []
+}) => {
+  const {
+    popoverId: u,
+    users: N,
+    handleFilterIcon: l,
+    handleCloseFilter: o,
+    handleSearch: h,
+    handleChangeFilters: $
+  } = Ht({
+    filters: s,
+    onChangeFilters: m,
+    isStudentFilter: i,
+    teacherOptions: S,
+    assistantOptions: f,
+    counselorOptions: r,
+    secondaryTeacherOptions: y
+  }), R = Object.entries(s).filter(
+    ([v, C]) => C !== "" && !(Array.isArray(C) && C.length === 0) && C !== null && C !== void 0
+  ).map(([v]) => v), x = Object.entries(q).filter(([v, C]) => isNaN(Number(v))), _ = R.map((v) => x.find(([C]) => C === v)).filter((v) => !!v);
+  return /* @__PURE__ */ t("tr", { children: e.map((v) => v.onSelectAll ? /* @__PURE__ */ t("th", { className: `align-middle text-center ${v.className}`, children: /* @__PURE__ */ t(
+    "input",
+    {
+      type: "checkbox",
+      onChange: () => v.onSelectAll?.(),
+      checked: v.isCheckAll ?? !1
+    }
+  ) }, v.name) : /* @__PURE__ */ t(
+    zt,
+    {
+      users: N,
+      data: v,
+      isCenter: v.isCenter,
+      filters: s,
+      popoverId: u,
+      selectedOptions: s.searchByStrings,
+      onSearch: h,
+      onClose: o,
+      onOpenFilter: l,
+      onChangeFilters: m,
+      onOptionsChange: $,
+      isActive: typeof v.searchBy == "number" && _.some(([C, T]) => T === v.searchBy)
+    },
+    v.name
+  )) });
+}, jt = () => {
+  const e = ae(), s = ie((y) => y?.common?.user?.schoolName) || "", m = async (y) => {
+    e(I(!0));
+    try {
+      const u = await Ye(y), N = u.data.items || u.data, l = i(N), o = document.createElement("a");
+      o.href = l, o.download = `${s}_Users_Report.csv`, o.click();
+    } catch (u) {
+      e(
+        B({
+          type: "danger",
+          message: u.response?.data?.title || u.message
+        })
+      );
+    }
+    e(I(!1));
+  }, i = (y) => {
+    let u = `First Name,Last Name,Email,Phone,Age,Grade,Tiers,Role,Active Status,Create Time,Roster Sourced Id,Roster Status,Roster Family Name,Roster Middle Name,Roster Given Name,Roster Email,Roster Role,Roster Grades,Teachers,Assistants,Counselors,SupportTeachers,EduTeachers
+`;
+    const N = y.map((l) => {
+      const o = l.dateOfBirth !== Ie ? vt(
+        /* @__PURE__ */ new Date(),
+        Ct(l.dateOfBirth)
+      ) : "";
+      return `${r(l.firstName)},${r(l.lastName)},${r(l.email)},${r(l.phoneNumber)},${o},${r(l.grade)},${r(l.appType || "")},${r(l.roles.join(", ").replace("SecondaryTeacher", "SupportTeacher"))},${l.isActive ? "Active" : "Inactive"},${we(l?.createTime, "yyyy-MM-dd HH:mm")},${r(l.sourcedId)},${r(l.rosterUser?.status)},${r(l.rosterUser?.familyName)},${r(l.rosterUser?.middleName)},${r(l.rosterUser?.givenName)},${r(l.rosterUser?.email)},${r(l.rosterUser?.role)},${r(l.rosterUser?.grades)},${r(l.teachers)},${r(l.assistants)},${r(l.counselors)},${r(l.supportTeachers)},${r(l.eduTeachers)}`;
+    }).join(`
+`);
+    return `${Re}${u}${encodeURIComponent(N)}`;
+  }, S = async (y) => {
+    e(I(!0));
+    try {
+      const u = await We(y), N = u?.data?.items || u?.data || [], l = f(N), o = document.createElement("a");
+      o.href = l, o.download = "Classcode.csv", o.click();
+    } catch (u) {
+      e(
+        B({
+          type: "danger",
+          message: u.response?.data?.title || u.message
+        })
+      );
+    }
+    e(I(!1));
+  }, f = (y) => {
+    let u = `Teacher name,Teacher Email,Teacher code
+`;
+    const o = (Array.isArray(y) ? y : []).filter((h) => h.roles && h.roles.includes("Teacher")).map((h) => `${r(h.fullName)},${r(h.email)},${r(h?.assignCode || "")}`).join(`
+`);
+    return `${Re}${u}${encodeURIComponent(o)}`;
+  }, r = (y) => y ? `"${y.replace(/"/g, '""').replaceAll(/\n/g, " ")}"` : "";
+  return {
+    exportUsers: m,
+    exportClassCodes: S
+  };
+}, De = `${Ue}/api/ImportCsv/csv`, de = `${Ue}/api/Teacher`, Jt = (e, s) => re.post(`${De}/${s}`, e), Ae = (e) => re.post(`${De}/importClassReflection`, e), Gt = (e, s) => re.post(`${de}/adminImportStudentByTeacherId/${e}`, s), Kt = (e) => re.post(`${de}/adminImport`, e), qt = (e = !0) => rt.get(`${de}/download-template-file-user?hasEsSchool=${e}`), us = (e, s, m = !0) => re.post(`${de}/validate-csv-template-student/${s}?hasEsSchool=${m}`, e);
+var ke = /* @__PURE__ */ ((e) => (e.Students = "students", e.Subjects = "subjects", e.Grades = "grades", e.Attendances = "attendances", e.ClassReflection = "classReflection", e.Others = "others", e.AllUser = "allUser", e))(ke || {});
+const ue = "csvupload", xe = {
+  teacherName: "",
+  teacherEmail: "",
+  studentIds: [],
+  file: ""
+}, Wt = () => {
+  const e = ae(), s = ie((p) => p.common.isLoading), [m, i] = z(null), [S, f] = z(), [r, y] = z([]), [u, N] = z(
+    xe
+  ), [l, o] = z(), h = window.location.hostname, $ = h.includes("isb") || h.includes("stage"), [R, x] = z(0), [_, v] = z(""), C = async () => {
+    e(I(!0));
+    try {
+      const c = await qt();
+      var p = new Blob([c.data.content], { type: "text/csv" });
+      const w = window.URL.createObjectURL(p);
+      var a = document.createElement("a");
+      a.href = w, a.setAttribute("download", c.data.nameFile), a.click(), e(
+        B({
+          type: "success",
+          message: "Download successfully"
+        })
+      );
+    } catch (c) {
+      e(
+        B({
+          type: "danger",
+          message: c.message
+        })
+      );
+    }
+    e(I(!1));
+  }, T = H(
+    async (p) => {
+      if (!m || !p) return;
+      e(I(!0));
+      try {
+        const A = new FormData();
+        if (A.append("file", p, p.name), m == "allUser") {
+          let j = (await p.text()).trim();
+          const U = j.split(`
+`).map((b) => b.trim()), L = U.findIndex(
+            (b) => b.split(",").includes("FirstName")
+          );
+          if (L === 0)
+            throw new Error("Invalid CSV: Missing header row.");
+          j = U.slice(L).join(`
+`);
+          const P = Te.parse(j, {
+            header: !0,
+            skipEmptyLines: !0
+          }), J = P.meta.fields, W = P.data;
+          if (!J)
+            throw new Error("Unable to determine header from CSV file");
+          const me = 20, F = [];
+          for (let b = 0; b < W.length; b += me) {
+            const Z = W.slice(b, b + me), G = Te.unparse({
+              fields: J,
+              data: Z
+            });
+            F.push(G);
+          }
+          for (let b = 0; b < F.length; b++) {
+            const Z = new Blob([F[b]], { type: "text/csv" }), G = new FormData();
+            G.append(
+              "file",
+              Z,
+              `students_chunk${b + 1}.csv`
+            ), await Kt(G);
+          }
+        } else
+          $ ? m == "classReflection" && await Ae(A) : await Jt(A, m.toString());
+        e(
+          B({
+            type: "success",
+            message: "Import CSV successfully"
+          })
+        );
+      } catch (A) {
+        e(
+          B({
+            type: "danger",
+            message: A.response?.data?.title || A.message
+          })
+        );
+      }
+      e(I(!1));
+      const a = document.getElementById(ue), c = document.getElementById("import-student"), w = document.getElementById(
+        "import-classReflection"
+      );
+      a && (a.value = ""), c && (c.value = ""), w && (w.value = "");
+    },
+    [m]
+  ), M = async (p) => {
+    if (!R) {
+      e(
+        B({
+          type: "danger",
+          message: "Select teacher before import csv"
+        })
+      );
+      return;
+    }
+    if (!m || !p) return;
+    e(I(!0));
+    try {
+      const c = new FormData();
+      c.append("file", p, p.name), await Gt(R, c), e(
+        B({
+          type: "success",
+          message: "Import CSV successfully"
+        })
+      );
+    } catch (c) {
+      e(
+        B({
+          type: "danger",
+          message: c.response?.data?.title || c.message
+        })
+      );
+    }
+    e(I(!1));
+    const a = document.getElementById("teacherSelector");
+    a && (a.value = "");
+  }, D = async (p) => {
+    if (!S || !S) return;
+    e(I(!0));
+    try {
+      const c = new FormData();
+      c.append("file", S, S.name), c.append("teacherName", p.teacherName), c.append("teacherEmail", p.teacherEmail), p.studentIds.forEach((w) => {
+        c.append("studentIds", w);
+      }), await Ae(c), e(
+        B({
+          type: "success",
+          message: "Import CSV successfully"
+        })
+      ), N(xe);
+    } catch (c) {
+      e(
+        B({
+          type: "danger",
+          message: c.response?.data?.title || c.message
+        })
+      );
+    }
+    e(I(!1));
+    const a = document.getElementById(ue);
+    a && (a.value = "");
+  }, O = (p) => {
+    x(p.value);
+  }, d = (p) => {
+    o(p), v(p?.name || "");
+  }, n = () => {
+    if (!l) {
+      e(
+        B({
+          type: "danger",
+          message: "Select CSV to import"
+        })
+      );
+      return;
+    }
+    M(l);
+  };
+  return {
+    isLoading: s,
+    id: ue,
+    setType: i,
+    upload: T,
+    initImportReflection: u,
+    setInitImportReflection: N,
+    onConfirm: D,
+    CSVType: ke,
+    dataFile: S,
+    setDataFile: f,
+    setArrStudent: y,
+    arrStudent: r,
+    isCheckDomainIBS: $,
+    onChangeTeacher: O,
+    uploadByTeacherId: M,
+    setDataFileImportStudent: d,
+    onUpLoadStudentFile: n,
+    defaultTeacher: R,
+    fileName: _,
+    onStudentSubmit: () => {
+      e(
+        ne({
+          isOpen: !0,
+          type: "warning",
+          message: "Are you sure upload this file?",
+          onConfirm: () => {
+            n();
+          }
+        })
+      );
+    },
+    downloadTemplateUser: C
+  };
+}, Yt = () => {
+  const e = ae(), s = async (S) => {
+    e(I(!0));
+    try {
+      await Qe(S), e(
+        B({
+          type: "success",
+          message: "Send Successfully"
+        })
+      );
+    } catch (f) {
+      e(
+        B({
+          type: "danger",
+          message: f.response?.data?.title || f.message
+        })
+      );
+    }
+    e(I(!1));
+  };
+  return {
+    handleSendMultiUsers: (S) => {
+      s({ userIds: [...S] });
+    },
+    handleSendSingleUser: (S) => {
+      s({ userIds: [S] });
+    }
+  };
+}, ge = {
+  fontWeight: 500
+}, fe = {
+  height: 38,
+  backgroundColor: "#2eb85c",
+  borderColor: "#2eb85c"
+}, Qt = {
+  display: "inline-block",
+  fontSize: 11,
+  fontWeight: 700,
+  color: "#3b4ba8",
+  backgroundColor: "#e9ecfb",
+  borderRadius: 4,
+  padding: "1px 6px",
+  marginRight: 6,
+  textTransform: "uppercase"
+}, Oe = ({ label: e }) => /* @__PURE__ */ t("span", { style: Qt, children: e }), ye = ({ label: e }) => /* @__PURE__ */ t("span", { style: {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  fontSize: 11,
+  fontWeight: 700,
+  color: "#3b4ba8",
+  backgroundColor: "#e9ecfb",
+  borderRadius: 4,
+  padding: "3px 8px",
+  textTransform: "uppercase"
+}, children: e }), Xt = ({ isActive: e, t: s }) => /* @__PURE__ */ E("span", { style: {
+  display: "inline-flex",
+  alignItems: "center",
+  fontSize: 12,
+  fontWeight: 600,
+  color: e ? "#047857" : "#6b7280",
+  backgroundColor: e ? "#d1fae5" : "#f3f4f6",
+  borderRadius: "20px",
+  padding: "4px 12px"
+}, children: [
+  /* @__PURE__ */ t("span", { style: {
+    width: "6px",
+    height: "6px",
+    borderRadius: "50%",
+    backgroundColor: e ? "#10b981" : "#9ca3af",
+    marginRight: "8px"
+  } }),
+  s(e ? "active" : "inactive")
+] }), Se = (e) => (e || []).map((s) => s === "SecondaryTeacher" ? "SupportTeacher" : s).join(", "), Zt = "user", es = () => {
+  const {
+    queryName: e,
+    userList: s,
+    totalItems: m,
+    filters: i,
+    fullName: S,
+    removeData: f,
+    changeFilters: r,
+    reDirectDetailPage: y,
+    switchUser: u,
+    handleSyncRosterUsers: N,
+    rosterUserInfo: l,
+    onSelectUser: o,
+    userIds: h,
+    onSelectAllUser: $,
+    isCheckAll: R
+  } = wt(), { handleSendMultiUsers: x } = Yt(), { upload: _ } = Wt(), {
+    exportUsers: v,
+    exportClassCodes: C
+  } = jt(), { t: T } = le(), M = () => v(i), D = () => C(i), O = [
+    {
+      name: "",
+      isCenter: !0,
+      onSelectAll: $,
+      isCheckAll: R
+    }
+  ].concat(yt);
+  return /* @__PURE__ */ E("div", { className: `fadeIn animated h-100  ${ht <= 767 ? k["p-0-12"] : ""}`, children: [
+    /* @__PURE__ */ t("h5", { className: "mt-4 mb-2", children: T(`${Zt}`) }),
+    /* @__PURE__ */ E(Ce, { className: "my-2", children: [
+      /* @__PURE__ */ t(te, { md: 8, children: /* @__PURE__ */ t(
+        ot,
+        {
+          text: T("create_user"),
+          onClick: () => y(),
+          initValue: e || "",
+          onSearch: (d) => r({
+            searchString: d
+          }),
+          placeholder: T("type_something_to_search_by_user_name")
+        }
+      ) }),
+      /* @__PURE__ */ E(
+        te,
+        {
+          md: 4,
+          className: "d-flex justify-content-end align-items-center",
+          children: [
+            T("total_of_users"),
+            " : ",
+            m
+          ]
+        }
+      ),
+      /* @__PURE__ */ E(te, { md: 12, className: "d-flex justify-content-end my-2 flex-wrap", style: { gap: "8px" }, children: [
+        /* @__PURE__ */ t(
+          "button",
+          {
+            className: "btn btn-success d-flex align-items-center border-0",
+            style: fe,
+            onClick: () => x(h),
+            children: /* @__PURE__ */ t("p", { className: `${k["button-content"]} mb-0`, style: ge, children: T("welcome_email_resend") })
+          }
+        ),
+        /* @__PURE__ */ t(
+          se,
+          {
+            id: "import-user",
+            className: "d-none",
+            type: "file",
+            onChange: (d) => _(d.target.files[0]),
+            accept: "text/csv"
+          }
+        ),
+        /* @__PURE__ */ t($t, { text: T("sync_roster_users"), onClick: N }),
+        /* @__PURE__ */ E(
+          "button",
+          {
+            className: "btn btn-success d-flex align-items-center border-0 p-0",
+            style: fe,
+            onClick: D,
+            children: [
+              /* @__PURE__ */ t("div", { className: `${k["button-icon"]}`, children: /* @__PURE__ */ t("img", { src: "images/export-icon.svg", alt: "" }) }),
+              /* @__PURE__ */ t("p", { className: `${k["button-content"]} mb-0`, style: ge, children: T("export_class_code_to_csv") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ E(
+          "button",
+          {
+            className: "btn btn-success d-flex align-items-center border-0 p-0",
+            style: fe,
+            onClick: M,
+            children: [
+              /* @__PURE__ */ t("div", { className: `${k["button-icon"]}`, children: /* @__PURE__ */ t("img", { src: "images/export-icon.svg", alt: "" }) }),
+              /* @__PURE__ */ t("p", { className: `${k["button-content"]} mb-0`, style: ge, children: T("export_to_csv") })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ E(Ce, { className: "mb-2", children: [
+      /* @__PURE__ */ t(te, { md: 12, children: /* @__PURE__ */ t("div", { style: { overflow: "auto" }, children: /* @__PURE__ */ E(ze, { bordered: !0, hover: !0, striped: !0, size: "sm", children: [
+        /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t(
+          Vt,
+          {
+            headers: O,
+            filters: i,
+            fullName: S,
+            onChangeFilters: r
+          }
+        ) }),
+        /* @__PURE__ */ E("tbody", { children: [
+          s && s.length > 0 && s.map((d) => {
+            const n = (d.appType || "").toUpperCase(), g = n.includes("ES") && n.includes("MS");
+            return /* @__PURE__ */ E("tr", { children: [
+              /* @__PURE__ */ t("td", { className: "align-middle", children: /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "checkbox",
+                  onChange: () => o(d.id),
+                  checked: h.includes(d.id) ?? !1
+                }
+              ) }),
+              /* @__PURE__ */ t("td", { className: "align-middle", children: /* @__PURE__ */ t(
+                ct,
+                {
+                  label: `${d.fullName}`,
+                  onClick: () => y(d.id)
+                }
+              ) }),
+              /* @__PURE__ */ t("td", { className: "align-middle", children: d.email }),
+              /* @__PURE__ */ t("td", { className: "align-middle", children: d.dateOfBirth !== Ie && Et(
+                /* @__PURE__ */ new Date(),
+                new Date(d.dateOfBirth)
+              ) }),
+              /* @__PURE__ */ t("td", { className: "align-middle", children: g ? /* @__PURE__ */ E(Fe, { children: [
+                /* @__PURE__ */ E("div", { children: [
+                  /* @__PURE__ */ t(Oe, { label: "ES" }),
+                  Se(d.esRoles)
+                ] }),
+                /* @__PURE__ */ E("div", { className: "mt-1", children: [
+                  /* @__PURE__ */ t(Oe, { label: "MS" }),
+                  Se(d.msRoles)
+                ] })
+              ] }) : !!d.roles && Se(d.roles) }),
+              /* @__PURE__ */ t("td", { className: "align-middle text-uppercase", children: g ? /* @__PURE__ */ E("div", { style: { display: "flex", flexDirection: "column", gap: "4px", alignItems: "center", width: "fit-content" }, children: [
+                /* @__PURE__ */ t(ye, { label: "ES" }),
+                /* @__PURE__ */ t(ye, { label: "MS" })
+              ] }) : d.appType ? /* @__PURE__ */ t(ye, { label: d.appType }) : null }),
+              /* @__PURE__ */ t("td", { className: "align-middle", children: /* @__PURE__ */ t(Xt, { isActive: d.isActive, t: T }) }),
+              /* @__PURE__ */ t("td", { className: "align-middle", children: we(d?.createTime, "yyyy-MM-dd HH:mm") }),
+              /* @__PURE__ */ t("td", { children: l(d) }),
+              /* @__PURE__ */ t("td", { className: "align-middle", children: /* @__PURE__ */ t(
+                it,
+                {
+                  style: { fontSize: "18px", margin: "0 10px", cursor: "pointer" },
+                  onClick: () => u(d.id)
+                }
+              ) }),
+              /* @__PURE__ */ t("td", { className: "align-middle", style: { padding: "0 15px" }, children: /* @__PURE__ */ t(
+                lt,
+                {
+                  onClick: () => f(d.id)
+                }
+              ) })
+            ] }, `${d.id}_${d.appType || ""}`);
+          }),
+          (!s || !s.length) && /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 12, className: "p-0", children: /* @__PURE__ */ t(dt, { className: "mb-0", label: T("user") }) }) })
+        ] })
+      ] }) }) }),
+      /* @__PURE__ */ t(te, { md: 12, children: /* @__PURE__ */ t(
+        mt,
+        {
+          filters: i,
+          totalRecordCount: m,
+          changePageSize: (d) => r({ pageSize: d }),
+          changePage: (d) => r({ currentPage: d })
+        }
+      ) })
+    ] })
+  ] });
+}, gs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: es
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ps as A,
+  Vt as T,
+  es as U,
+  gs as a,
+  us as v
+};