mario-core 2.0.102-release → 2.0.103-release

package/dist/UserList-DPS62SYL.mjs

@@ -0,0 +1,1254 @@
+import { jsxs as b, jsx as t, Fragment as ke } from "react/jsx-runtime";
+import { Button as ye, Popover as De, PopoverBody as Le, Label as Y, Input as X, FormGroup as de, Row as Se, Col as Q, Table as Fe } from "reactstrap";
+import { l as Me, t as ve, m as Pe, n as ze, s as He, o as je, p as Ve, q as Je, v as Ge, w as Ke, x as qe } from "./userService-C4VF2Wck.mjs";
+import { useTranslation as ce } from "react-i18next";
+import { useState as H, useMemo as re, useCallback as j, useEffect as V, useRef as Ce, Fragment as We } from "react";
+import { useSelector as oe, useDispatch as ee } from "react-redux";
+import { useNavigate as Ye, useLocation as Qe } from "react-router-dom";
+import { a9 as be, b as I, aa as me, c as B, O as Z, u as Xe, I as Ze, d as Ee, N as et, ab as tt, G as q, s as D, ac as we, ad as Oe, a6 as te, B as Ae, i as st, ae as nt, Q as at, af as rt, S as ot, T as ct, U as it, ag as lt } from "./index-7hA60HfM.mjs";
+import { d as dt, u as mt, e as ht, S as J, f as pt, C as Ne, g as ut } from "./constants-CAl8i9EQ.mjs";
+import { L as gt } from "./types-BvnbDeJF.mjs";
+import { differenceInCalendarYears as ft, parseISO as yt } from "date-fns";
+import _e from "papaparse";
+function St(e, s) {
+  Me(2, arguments);
+  var m = ve(e), c = ve(s);
+  return m.getFullYear() - c.getFullYear();
+}
+const vt = () => {
+  const [e, s] = H(dt);
+  return { filters: e, setFilters: s, changeFilters: (c) => {
+    const S = {
+      ...e,
+      ...c
+    };
+    S.searchString && c.searchString && c.searchString != e.searchString && (S.currentPage = 1), s(S);
+  } };
+}, Ct = "/admin/user", bt = "/admin/create-user", Et = "User list", ae = "/home", Nt = "/home", _t = "/admin/home", Rt = "/parent", xt = "/admin/schools", Tt = "/list-student", wt = () => {
+  const e = Ye(), m = new URLSearchParams(location.search).get("query"), c = oe((n) => n.users.userList), S = oe((n) => n.users.totalItems), { filters: f, changeFilters: r } = vt(), y = m || "", [u, E] = H([]), i = window.location.host.includes("-district"), o = ee(), { t: h } = ce(), $ = (n) => {
+    const g = u.find((p) => p == n);
+    E(g ? u.filter((p) => p != n) : u.concat([n]));
+  }, R = re(() => (c || []).length > 0 && (c || []).every((n) => u.includes(n.id)), [c, u]), w = j(() => {
+    if (R) {
+      const g = new Set((c || []).map((p) => p.id));
+      E((p) => p.filter((a) => !g.has(a)));
+      return;
+    }
+    const n = (c || []).map((g) => g.id).filter((g) => !u.includes(g));
+    E((g) => [...g, ...n]);
+  }, [c, R, u]), N = j(
+    async () => {
+      if (f.searchBy !== void 0 && f.searchByStrings !== void 0 && f.searchByStrings.length === 0) {
+        o(be({ userList: [], totalItems: 0 }));
+        return;
+      }
+      o(I(!0));
+      try {
+        const n = await Pe(f), { items: g, totalItems: p } = n.data;
+        for (const a of g)
+          a.roles = a.roles.map((d) => d != me.EDUTEACHER ? d : "EduTeacher"), a.msRoles && (a.msRoles = a.msRoles.map((d) => d != me.EDUTEACHER ? d : "EduTeacher")), a.esRoles && (a.esRoles = a.esRoles.map((d) => d != me.EDUTEACHER ? d : "EduTeacher"));
+        o(be({ 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 je()).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(
+        Z({
+          isOpen: !0,
+          type: "success",
+          message: g
+        })
+      );
+    } catch (n) {
+      o(
+        Z({
+          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: d, middleName: U, familyName: T, email: M } = a, P = [];
+      T && P.push(T), U && P.push(U), d && P.push(d), g.push(P.join(" ") || ""), g.push(M || "");
+    }
+    return g.join(" / ");
+  };
+  V(() => {
+    document.title = Et;
+  }, []), V(() => {
+    r({
+      ...f,
+      searchString: y
+    });
+  }, [y]), V(() => {
+    N();
+  }, [JSON.stringify(f)]);
+  const x = j(
+    (n) => {
+      o(
+        Z({
+          isOpen: !0,
+          type: "warning",
+          message: h("do_you_want_to_remove_this_user"),
+          onConfirm: async () => {
+            o(I(!0));
+            try {
+              await ze(n), o(
+                B({
+                  type: "success",
+                  message: "Remove user successfully"
+                })
+              ), f.currentPage !== 1 ? r({ currentPage: 1 }) : N();
+            } catch (g) {
+              o(
+                B({
+                  type: "danger",
+                  message: g.response?.data?.title || g.message
+                })
+              );
+            }
+            o(I(!1));
+          }
+        })
+      );
+    },
+    [JSON.stringify(f)]
+  ), F = [
+    { role: "Admin", path: _t },
+    { role: "Teacher", path: ae },
+    { role: "Assistant", path: ae },
+    { role: "Counselor", path: ae },
+    { role: "SecondaryTeacher", path: ae },
+    { role: "EduTeacher", path: Tt },
+    { role: "Student", path: Nt },
+    { role: "Parent", path: Rt }
+  ], k = (n) => {
+    const g = sessionStorage.getItem(Ze), p = n.data?.token;
+    let a = n.data.msRoles || [], d = n.data.esRoles || [];
+    const U = n.data.roles || n.data.userRoles || [], T = (n.data.appType || "").toUpperCase();
+    a.length === 0 && d.length === 0 && U.length > 0 && (T.includes("ES") && !T.includes("MS") ? d = U : T.includes("MS") && !T.includes("ES") ? a = U : (a = U, d = U));
+    let M = "MS", P = "/home", L = !1;
+    for (const { role: W, path: se } of F) {
+      const K = a.includes(W), z = d.includes(W);
+      if (!(!K && !z)) {
+        M = K ? "MS" : "ES", P = se, L = !0;
+        break;
+      }
+    }
+    L || (M = a.length > 0 ? "MS" : d.length > 0 ? "ES" : "MS");
+    const _ = M === "ES" ? d : a;
+    g ? sessionStorage.setItem(Ee, p) : localStorage.setItem(Ee, p);
+    let A = "";
+    _.includes("Admin") ? A = "Admin" : _.includes("Teacher") ? A = _.includes("Assistant") ? "Teacher,Assistant" : "Teacher" : _.includes("Assistant") ? A = "Assistant" : _.includes("Counselor") ? A = "Counselor" : _.includes("SecondaryTeacher") ? A = "SecondaryTeacher" : _.includes("EduTeacher") ? A = "EduTeacher" : _.includes("Student") ? A = "Student" : _.includes("Parent") ? A = "Parent" : _.length > 0 && (A = _[0]), A && localStorage.setItem("ROLES", A), localStorage.removeItem(et), i && (P = xt);
+    const G = M === "ES" && !_.includes("Admin") ? `/es${P}` : P;
+    window.location.href = G;
+  }, O = j(
+    async (n) => {
+      try {
+        const p = (await He(n)).data;
+        o(
+          Z({
+            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: gt.Impersonate
+                }, d = await Xe(a), U = {};
+                for (let T = 0; T < localStorage.length; T++) {
+                  const M = localStorage.key(T);
+                  M && (M === "SELECTED_TIER" || M.startsWith("SELECTED_TIER_")) && (U[M] = localStorage.getItem(M) || "");
+                }
+                localStorage.clear(), Object.keys(U).forEach((T) => {
+                  localStorage.setItem(T, U[T]);
+                }), k(d);
+              } 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: c,
+    totalItems: S,
+    filters: f,
+    queryName: m,
+    fullName: y,
+    getData: N,
+    removeData: x,
+    changeFilters: r,
+    reDirectDetailPage: (n) => {
+      const g = n ? `${Ct}/${n}` : bt;
+      e(g);
+    },
+    switchUser: O,
+    handleSyncRosterUsers: v,
+    rosterUserInfo: C,
+    userIds: u,
+    onSelectAllUser: w,
+    onSelectUser: $,
+    isCheckAll: R
+  };
+}, Ot = {
+  fontWeight: 500
+}, At = {
+  height: 38,
+  background: "#316cd9"
+}, It = ({
+  text: e,
+  onClick: s,
+  className: m = ""
+}) => /* @__PURE__ */ b(
+  ye,
+  {
+    onClick: s,
+    color: "primary",
+    style: At,
+    className: `d-flex align-items-center ${m} gap-2`,
+    children: [
+      /* @__PURE__ */ t(tt, {}),
+      /* @__PURE__ */ t("span", { style: Ot, children: e })
+    ]
+  }
+);
+function Ut(e) {
+  return q({ 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 Bt(e) {
+  return q({ 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 $t(e) {
+  return q({ 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 ds(e) {
+  return q({ 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 Ie(e) {
+  return q({ 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 Ue(e) {
+  return q({ 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 kt = (e, s) => {
+  V(() => {
+    function m(c) {
+      e.current && !e.current.contains(c.target) && s?.();
+    }
+    return document.addEventListener("mousedown", m), () => {
+      document.removeEventListener("mousedown", m);
+    };
+  }, [e.current]);
+}, Dt = (e) => {
+  const {
+    isOpen: s,
+    sortBy: m,
+    filters: c,
+    users: S,
+    searchBy: f,
+    defaultOptions: r,
+    selectedOptions: y,
+    searchKey: u,
+    onChangeSearchKey: E,
+    onOptionsChange: i,
+    onSearch: o,
+    onClose: h,
+    onChangeFilters: $,
+    getOption: R
+  } = e, [w, N] = H(), [v, C] = H([]), x = Ce(null), F = Ce(null);
+  kt(x, h);
+  const { t: k } = ce(), O = j(
+    () => {
+      if (!s) return;
+      const L = u?.trim?.() ?? "";
+      f != null && !r && o?.(L, f), f != null && r && C(r.filter((_) => _.label.toLowerCase().includes(L.toLowerCase())));
+    },
+    [f, u, JSON.stringify(r), s]
+  ), l = () => {
+    F.current && clearTimeout(F.current), F.current = setTimeout(O, 500);
+  }, n = (L) => {
+    const _ = L.target.value;
+    E(_);
+  }, g = j(() => {
+    i?.(w, f), h?.();
+  }, [JSON.stringify(w)]), p = j((L) => {
+    const _ = L.target.value ?? "";
+    let A = w ?? [], G = A.indexOf(_);
+    G > -1 ? A.splice(G, 1) : A = [...A, _], N(A == null ? A : [...A]);
+  }, [JSON.stringify(w)]), a = j((L) => {
+    const _ = L.target.checked;
+    N(_ ? void 0 : []);
+  }, []), d = j(() => {
+    $?.({
+      ...c,
+      sortBy: m,
+      isDescending: !0
+    }), h?.();
+  }, [JSON.stringify(c), f]), U = j(() => {
+    $?.({
+      ...c,
+      sortBy: m,
+      isDescending: !1
+    }), h?.();
+  }, [JSON.stringify(c), f]), T = re(() => R ? S.map((L) => R(L, k)) : [], [JSON.stringify(S), JSON.stringify(R)]), M = c?.isDescending == !1 && c.sortBy === m, P = !!c?.isDescending && c.sortBy === m;
+  return V(() => {
+    c?.searchBy !== f ? N(void 0) : N(y);
+  }, [JSON.stringify(y), c?.searchBy]), V(() => {
+    C(r || []);
+  }, [JSON.stringify(r)]), V(() => {
+    l();
+  }, [u, s]), {
+    ref: x,
+    options: T,
+    inputRef: F,
+    sOptions: w,
+    isAscending: M,
+    isDescending: P,
+    filteredOptions: v,
+    searchKey: u,
+    handleSearch: O,
+    handleApplyFilter: g,
+    handleOptionSelected: p,
+    handleOptionSelectedAll: a,
+    handleSortDesc: d,
+    handleSortAsc: U,
+    handleChangeSearchKey: n
+  };
+}, Lt = (e) => {
+  const {
+    defaultOptions: s,
+    onClose: m,
+    getOption: c
+  } = e, {
+    ref: S,
+    inputRef: f,
+    options: r,
+    sOptions: y,
+    isAscending: u,
+    isDescending: E,
+    filteredOptions: i,
+    searchKey: o,
+    handleChangeSearchKey: h,
+    handleApplyFilter: $,
+    handleOptionSelected: R,
+    handleOptionSelectedAll: w,
+    handleSortDesc: N,
+    handleSortAsc: v
+  } = Dt(e);
+  return /* @__PURE__ */ t(De, { ...e, hideArrow: !0, className: D["popover-zindex"], children: /* @__PURE__ */ t(Le, { className: "pb-3", children: /* @__PURE__ */ b("div", { ref: S, className: D.popover, children: [
+    /* @__PURE__ */ b(
+      "div",
+      {
+        className: `d-flex flex-column ${D.popover__sort}`,
+        children: [
+          /* @__PURE__ */ t(Y, { className: "font-weight-bold", children: "Sort" }),
+          /* @__PURE__ */ b(
+            "div",
+            {
+              className: `px-1 ${D.popover__sort__item} ${u && D["popover__sort__item--active"]}`,
+              onClick: v,
+              children: [
+                /* @__PURE__ */ t(Ie, { className: "mr-1" }),
+                "Ascending"
+              ]
+            }
+          ),
+          /* @__PURE__ */ b(
+            "div",
+            {
+              className: `px-1 mt-1 ${D.popover__sort__item} ${E && D["popover__sort__item--active"]}`,
+              onClick: N,
+              children: [
+                /* @__PURE__ */ t(Ue, { className: "mr-1" }),
+                "Descending"
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    (typeof c < "u" || !!s) && /* @__PURE__ */ b(We, { children: [
+      /* @__PURE__ */ t("div", { className: "border border-top-1 border-bottom-0 mx-1 my-2" }),
+      /* @__PURE__ */ b("div", { className: "d-flex flex-column", children: [
+        /* @__PURE__ */ t(Y, { className: "font-weight-bold", children: "Filter" }),
+        /* @__PURE__ */ b("div", { className: `position-relative px-1 ${D.popover__search}`, children: [
+          /* @__PURE__ */ t(
+            Bt,
+            {
+              className: `position-absolute ${D.popover__search__icon}`
+            }
+          ),
+          /* @__PURE__ */ t(
+            X,
+            {
+              ref: f,
+              className: D.popover__search__input,
+              value: o,
+              onChange: h
+            }
+          )
+        ] }),
+        /* @__PURE__ */ b(
+          "div",
+          {
+            className: `mx-1 mt-2 p-2 bg-light ${D.popover__options}`,
+            children: [
+              /* @__PURE__ */ b(
+                de,
+                {
+                  className: "d-flex align-items-center",
+                  check: !0,
+                  style: { gap: "8px" },
+                  children: [
+                    /* @__PURE__ */ t(
+                      X,
+                      {
+                        type: "checkbox",
+                        onChange: w,
+                        checked: y == null
+                      }
+                    ),
+                    " ",
+                    /* @__PURE__ */ t(Y, { check: !0, children: "(Select all)" })
+                  ]
+                }
+              ),
+              !!c && !s && r.map((C) => /* @__PURE__ */ b(
+                de,
+                {
+                  className: "d-flex align-items-center",
+                  check: !0,
+                  style: { gap: "8px" },
+                  children: [
+                    /* @__PURE__ */ t(
+                      X,
+                      {
+                        type: "checkbox",
+                        value: C.value,
+                        onChange: R,
+                        checked: y?.includes(C.value) || y == null
+                      }
+                    ),
+                    " ",
+                    /* @__PURE__ */ t(Y, { check: !0, children: C.label })
+                  ]
+                },
+                C.value
+              )),
+              !!s && i.map((C) => /* @__PURE__ */ b(
+                de,
+                {
+                  className: "d-flex align-items-center",
+                  check: !0,
+                  style: { gap: "8px" },
+                  children: [
+                    /* @__PURE__ */ t(
+                      X,
+                      {
+                        type: "checkbox",
+                        value: C.value,
+                        onChange: R,
+                        checked: y?.includes(C.value) || y == null
+                      }
+                    ),
+                    " ",
+                    /* @__PURE__ */ t(Y, { check: !0, children: C.label })
+                  ]
+                },
+                C.value
+              ))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ b("div", { className: "d-flex justify-content-end mt-3", style: { gap: "8px" }, children: [
+        /* @__PURE__ */ t(
+          ye,
+          {
+            color: "primary",
+            className: "mr-2",
+            size: "sm",
+            onClick: $,
+            children: "Apply Filter"
+          }
+        ),
+        /* @__PURE__ */ t(
+          ye,
+          {
+            color: "secondary",
+            size: "sm",
+            onClick: m,
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] })
+  ] }) }) });
+}, Ft = ({
+  data: e,
+  popoverId: s,
+  filters: m,
+  searchString: c,
+  users: S,
+  selectedOptions: f,
+  onOptionsChange: r,
+  onSearch: y,
+  onChangeFilters: u,
+  onOpenFilter: E,
+  onClose: i,
+  isCenter: o,
+  isActive: h = !1
+}) => {
+  const { t: $ } = ce(), [R, w] = H(""), N = re(
+    () => e.sortBy != null ? mt[e.sortBy] : "",
+    [e.sortBy]
+  ), v = re(() => s === N, [N, s]), C = () => {
+    E?.(N, e.searchBy, R, e.sortBy);
+  }, x = (F) => {
+    w(F);
+  };
+  return /* @__PURE__ */ t("th", { className: e.className, children: N && e.sortBy !== void 0 ? /* @__PURE__ */ b("div", { className: `w-100 d-flex ${o ? "justify-content-center" : "justify-content-between"} align-items-center ${D["table-filter-icon"]}`, children: [
+    $(e.name),
+    /* @__PURE__ */ b(
+      "div",
+      {
+        className: "ml-2 p-1",
+        id: N,
+        onClick: C,
+        style: {
+          cursor: "pointer"
+        },
+        children: [
+          e.sortBy !== void 0 && e.sortBy === m?.sortBy && /* @__PURE__ */ t("span", { children: m.isDescending ? /* @__PURE__ */ t(Ue, {}) : /* @__PURE__ */ t(Ie, {}) }),
+          m?.searchByStrings?.length && e.searchBy === m?.searchBy ? /* @__PURE__ */ t($t, { color: h ? "#007bff" : "#242424" }) : /* @__PURE__ */ t(Ut, { color: h ? "#007bff" : "#242424" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      Lt,
+      {
+        placement: "bottom-end",
+        target: N,
+        users: S,
+        isOpen: v,
+        filters: m,
+        sortBy: e.sortBy,
+        searchKey: R,
+        searchBy: e.searchBy,
+        searchString: c,
+        defaultOptions: e.options,
+        selectedOptions: f,
+        onClose: i,
+        onSearch: y,
+        getOption: e.getOption,
+        onChangeFilters: u,
+        onOptionsChange: r,
+        onChangeSearchKey: x
+      }
+    )
+  ] }) : $(e.name) });
+}, Mt = (e) => {
+  const {
+    filters: s,
+    onChangeFilters: m,
+    isStudentFilter: c,
+    teacherOptions: S,
+    assistantOptions: f,
+    counselorOptions: r,
+    secondaryTeacherOptions: y
+  } = e, [u, E] = H(), [i, o] = H([]), [h, $] = H({
+    ...ht,
+    isDescending: s.isDescending,
+    searchString: s.searchString
+  }), R = ee(), w = Qe(), N = j(
+    async (k) => {
+      try {
+        const l = (c ? await Je(h) : await Ve({ ...h, byStudent: k })).data?.items || [];
+        o(l);
+      } catch (O) {
+        R(
+          B({
+            type: "danger",
+            message: O.response?.data?.title || O.message
+          })
+        );
+      }
+    },
+    [JSON.stringify(h), c]
+  ), v = j((k, O, l, n) => {
+    E(k), $({
+      ...h,
+      searchBy: O,
+      searchStringBy: l,
+      isDescending: s.sortBy === n ? s.isDescending : void 0,
+      searchString: s.searchString
+    });
+  }, [JSON.stringify(h), s.isDescending, s.searchString]), C = () => {
+    E("");
+  }, x = j((k, O) => {
+    $({
+      ...h,
+      searchBy: O,
+      searchStringBy: k
+    });
+  }, [JSON.stringify(h)]), F = j((k, O) => {
+    O && m?.({
+      ...s,
+      [J[O]]: k
+    });
+  }, [JSON.stringify(s)]);
+  return V(() => {
+    if (!w.pathname.includes("users/assign-student")) return;
+    const k = (l) => l.sort((n, g) => n.localeCompare(g)), O = h.searchStringBy?.toLowerCase() || "";
+    if (h.searchBy === J.Grade)
+      o(pt);
+    else {
+      let l = [];
+      switch (h.searchBy) {
+        case J.Name:
+          N(!0);
+          break;
+        case J.Teacher:
+          l = S?.map((a) => a.label).filter(Boolean) || [];
+          break;
+        case J.Assistant:
+          l = f?.map((a) => a.label).filter(Boolean) || [];
+          break;
+        case J.Counselor:
+          l = r?.map((a) => a.label).filter(Boolean) || [];
+          break;
+        case J.SecondaryTeacher:
+          l = y?.map((a) => a.label).filter(Boolean) || [];
+          break;
+      }
+      const n = Array.from(new Set(l)), g = O ? n.filter(
+        (a) => a.toLowerCase().includes(O)
+      ) : n, p = k(g);
+      o(p);
+    }
+  }, [
+    JSON.stringify(h),
+    S,
+    f,
+    r,
+    y,
+    w.pathname
+  ]), V(() => {
+    !(w.pathname.includes("users/assign-student") && h.searchBy !== void 0) && h.searchBy !== void 0 && N();
+  }, [
+    JSON.stringify(h),
+    w.pathname
+  ]), {
+    popoverFilters: h,
+    popoverId: u,
+    users: i,
+    handleFilterIcon: v,
+    handleCloseFilter: C,
+    handleSearch: x,
+    handleChangeFilters: F
+  };
+}, Pt = ({
+  headers: e,
+  filters: s,
+  onChangeFilters: m,
+  isStudentFilter: c,
+  teacherOptions: S = [],
+  assistantOptions: f = [],
+  counselorOptions: r = [],
+  secondaryTeacherOptions: y = []
+}) => {
+  const {
+    popoverId: u,
+    users: E,
+    handleFilterIcon: i,
+    handleCloseFilter: o,
+    handleSearch: h,
+    handleChangeFilters: $
+  } = Mt({
+    filters: s,
+    onChangeFilters: m,
+    isStudentFilter: c,
+    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), w = Object.entries(J).filter(([v, C]) => isNaN(Number(v))), N = R.map((v) => w.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(
+    Ft,
+    {
+      users: E,
+      data: v,
+      isCenter: v.isCenter,
+      filters: s,
+      popoverId: u,
+      selectedOptions: s.searchByStrings,
+      onSearch: h,
+      onClose: o,
+      onOpenFilter: i,
+      onChangeFilters: m,
+      onOptionsChange: $,
+      isActive: typeof v.searchBy == "number" && N.some(([C, x]) => x === v.searchBy)
+    },
+    v.name
+  )) });
+}, zt = () => {
+  const e = ee(), s = oe((y) => y?.common?.user?.schoolName) || "", m = async (y) => {
+    e(I(!0));
+    try {
+      const u = await Ke(y), E = u.data.items || u.data, i = c(E), o = document.createElement("a");
+      o.href = i, o.download = `${s}_Users_Report.csv`, o.click();
+    } catch (u) {
+      e(
+        B({
+          type: "danger",
+          message: u.response?.data?.title || u.message
+        })
+      );
+    }
+    e(I(!1));
+  }, c = (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 E = y.map((i) => {
+      const o = i.dateOfBirth !== we ? ft(
+        /* @__PURE__ */ new Date(),
+        yt(i.dateOfBirth)
+      ) : "";
+      return `${r(i.firstName)},${r(i.lastName)},${r(i.email)},${r(i.phoneNumber)},${o},${r(i.grade)},${r(i.appType || "")},${r(i.roles.join(", ").replace("SecondaryTeacher", "SupportTeacher"))},${i.isActive ? "Active" : "Inactive"},${Oe(i?.createTime, "yyyy-MM-dd HH:mm")},${r(i.sourcedId)},${r(i.rosterUser?.status)},${r(i.rosterUser?.familyName)},${r(i.rosterUser?.middleName)},${r(i.rosterUser?.givenName)},${r(i.rosterUser?.email)},${r(i.rosterUser?.role)},${r(i.rosterUser?.grades)},${r(i.teachers)},${r(i.assistants)},${r(i.counselors)},${r(i.supportTeachers)},${r(i.eduTeachers)}`;
+    }).join(`
+`);
+    return `${Ne}${u}${encodeURIComponent(E)}`;
+  }, S = async (y) => {
+    e(I(!0));
+    try {
+      const u = await Ge(y), E = u?.data?.items || u?.data || [], i = f(E), o = document.createElement("a");
+      o.href = i, 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 `${Ne}${u}${encodeURIComponent(o)}`;
+  }, r = (y) => y ? `"${y.replace(/"/g, '""').replaceAll(/\n/g, " ")}"` : "";
+  return {
+    exportUsers: m,
+    exportClassCodes: S
+  };
+}, Be = `${Ae}/api/ImportCsv/csv`, ie = `${Ae}/api/Teacher`, Ht = (e, s) => te.post(`${Be}/${s}`, e), Re = (e) => te.post(`${Be}/importClassReflection`, e), jt = (e, s) => te.post(`${ie}/adminImportStudentByTeacherId/${e}`, s), Vt = (e) => te.post(`${ie}/adminImport`, e), Jt = (e = !0) => st.get(`${ie}/download-template-file-user?hasEsSchool=${e}`), ms = (e, s, m = !0) => te.post(`${ie}/validate-csv-template-student/${s}?hasEsSchool=${m}`, e);
+var $e = /* @__PURE__ */ ((e) => (e.Students = "students", e.Subjects = "subjects", e.Grades = "grades", e.Attendances = "attendances", e.ClassReflection = "classReflection", e.Others = "others", e.AllUser = "allUser", e))($e || {});
+const he = "csvupload", xe = {
+  teacherName: "",
+  teacherEmail: "",
+  studentIds: [],
+  file: ""
+}, Gt = () => {
+  const e = ee(), s = oe((p) => p.common.isLoading), [m, c] = H(null), [S, f] = H(), [r, y] = H([]), [u, E] = H(
+    xe
+  ), [i, o] = H(), h = window.location.hostname, $ = h.includes("isb") || h.includes("stage"), [R, w] = H(0), [N, v] = H(""), C = async () => {
+    e(I(!0));
+    try {
+      const d = await Jt();
+      var p = new Blob([d.data.content], { type: "text/csv" });
+      const U = window.URL.createObjectURL(p);
+      var a = document.createElement("a");
+      a.href = U, a.setAttribute("download", d.data.nameFile), a.click(), e(
+        B({
+          type: "success",
+          message: "Download successfully"
+        })
+      );
+    } catch (d) {
+      e(
+        B({
+          type: "danger",
+          message: d.message
+        })
+      );
+    }
+    e(I(!1));
+  }, x = j(
+    async (p) => {
+      if (!m || !p) return;
+      e(I(!0));
+      try {
+        const T = new FormData();
+        if (T.append("file", p, p.name), m == "allUser") {
+          let P = (await p.text()).trim();
+          const L = P.split(`
+`).map((z) => z.trim()), _ = L.findIndex(
+            (z) => z.split(",").includes("FirstName")
+          );
+          if (_ === 0)
+            throw new Error("Invalid CSV: Missing header row.");
+          P = L.slice(_).join(`
+`);
+          const A = _e.parse(P, {
+            header: !0,
+            skipEmptyLines: !0
+          }), G = A.meta.fields, W = A.data;
+          if (!G)
+            throw new Error("Unable to determine header from CSV file");
+          const se = 20, K = [];
+          for (let z = 0; z < W.length; z += se) {
+            const le = W.slice(z, z + se), ne = _e.unparse({
+              fields: G,
+              data: le
+            });
+            K.push(ne);
+          }
+          for (let z = 0; z < K.length; z++) {
+            const le = new Blob([K[z]], { type: "text/csv" }), ne = new FormData();
+            ne.append(
+              "file",
+              le,
+              `students_chunk${z + 1}.csv`
+            ), await Vt(ne);
+          }
+        } else
+          $ ? m == "classReflection" && await Re(T) : await Ht(T, m.toString());
+        e(
+          B({
+            type: "success",
+            message: "Import CSV successfully"
+          })
+        );
+      } catch (T) {
+        e(
+          B({
+            type: "danger",
+            message: T.response?.data?.title || T.message
+          })
+        );
+      }
+      e(I(!1));
+      const a = document.getElementById(he), d = document.getElementById("import-student"), U = document.getElementById(
+        "import-classReflection"
+      );
+      a && (a.value = ""), d && (d.value = ""), U && (U.value = "");
+    },
+    [m]
+  ), F = async (p) => {
+    if (!R) {
+      e(
+        B({
+          type: "danger",
+          message: "Select teacher before import csv"
+        })
+      );
+      return;
+    }
+    if (!m || !p) return;
+    e(I(!0));
+    try {
+      const d = new FormData();
+      d.append("file", p, p.name), await jt(R, d), e(
+        B({
+          type: "success",
+          message: "Import CSV successfully"
+        })
+      );
+    } catch (d) {
+      e(
+        B({
+          type: "danger",
+          message: d.response?.data?.title || d.message
+        })
+      );
+    }
+    e(I(!1));
+    const a = document.getElementById("teacherSelector");
+    a && (a.value = "");
+  }, k = async (p) => {
+    if (!S || !S) return;
+    e(I(!0));
+    try {
+      const d = new FormData();
+      d.append("file", S, S.name), d.append("teacherName", p.teacherName), d.append("teacherEmail", p.teacherEmail), p.studentIds.forEach((U) => {
+        d.append("studentIds", U);
+      }), await Re(d), e(
+        B({
+          type: "success",
+          message: "Import CSV successfully"
+        })
+      ), E(xe);
+    } catch (d) {
+      e(
+        B({
+          type: "danger",
+          message: d.response?.data?.title || d.message
+        })
+      );
+    }
+    e(I(!1));
+    const a = document.getElementById(he);
+    a && (a.value = "");
+  }, O = (p) => {
+    w(p.value);
+  }, l = (p) => {
+    o(p), v(p?.name || "");
+  }, n = () => {
+    if (!i) {
+      e(
+        B({
+          type: "danger",
+          message: "Select CSV to import"
+        })
+      );
+      return;
+    }
+    F(i);
+  };
+  return {
+    isLoading: s,
+    id: he,
+    setType: c,
+    upload: x,
+    initImportReflection: u,
+    setInitImportReflection: E,
+    onConfirm: k,
+    CSVType: $e,
+    dataFile: S,
+    setDataFile: f,
+    setArrStudent: y,
+    arrStudent: r,
+    isCheckDomainIBS: $,
+    onChangeTeacher: O,
+    uploadByTeacherId: F,
+    setDataFileImportStudent: l,
+    onUpLoadStudentFile: n,
+    defaultTeacher: R,
+    fileName: N,
+    onStudentSubmit: () => {
+      e(
+        Z({
+          isOpen: !0,
+          type: "warning",
+          message: "Are you sure upload this file?",
+          onConfirm: () => {
+            n();
+          }
+        })
+      );
+    },
+    downloadTemplateUser: C
+  };
+}, Kt = () => {
+  const e = ee(), 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] });
+    }
+  };
+}, pe = {
+  fontWeight: 500
+}, ue = {
+  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"
+}, Te = ({ label: e }) => /* @__PURE__ */ t("span", { style: qt, children: e }), ge = ({ 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 }), Wt = ({ isActive: e, t: s }) => /* @__PURE__ */ b("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")
+] }), fe = (e) => (e || []).map((s) => s === "SecondaryTeacher" ? "SupportTeacher" : s).join(", "), Yt = "user", Qt = () => {
+  const {
+    queryName: e,
+    userList: s,
+    totalItems: m,
+    filters: c,
+    fullName: S,
+    removeData: f,
+    changeFilters: r,
+    reDirectDetailPage: y,
+    switchUser: u,
+    handleSyncRosterUsers: E,
+    rosterUserInfo: i,
+    onSelectUser: o,
+    userIds: h,
+    onSelectAllUser: $,
+    isCheckAll: R
+  } = wt(), { handleSendMultiUsers: w } = Kt(), { upload: N } = Gt(), {
+    exportUsers: v,
+    exportClassCodes: C
+  } = zt(), { t: x } = ce(), F = () => v(c), k = () => C(c), O = [
+    {
+      name: "",
+      isCenter: !0,
+      onSelectAll: $,
+      isCheckAll: R
+    }
+  ].concat(ut);
+  return /* @__PURE__ */ b("div", { className: `fadeIn animated h-100  ${lt <= 767 ? D["p-0-12"] : ""}`, children: [
+    /* @__PURE__ */ t("h5", { className: "mt-4 mb-2", children: x(`${Yt}`) }),
+    /* @__PURE__ */ b(Se, { className: "my-2", children: [
+      /* @__PURE__ */ t(Q, { md: 8, children: /* @__PURE__ */ t(
+        nt,
+        {
+          text: x("create_user"),
+          onClick: () => y(),
+          initValue: e || "",
+          onSearch: (l) => r({
+            searchString: l
+          }),
+          placeholder: x("type_something_to_search_by_user_name")
+        }
+      ) }),
+      /* @__PURE__ */ b(
+        Q,
+        {
+          md: 4,
+          className: "d-flex justify-content-end align-items-center",
+          children: [
+            x("total_of_users"),
+            " : ",
+            m
+          ]
+        }
+      ),
+      /* @__PURE__ */ b(Q, { 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: ue,
+            onClick: () => w(h),
+            children: /* @__PURE__ */ t("p", { className: `${D["button-content"]} mb-0`, style: pe, children: x("welcome_email_resend") })
+          }
+        ),
+        /* @__PURE__ */ t(
+          X,
+          {
+            id: "import-user",
+            className: "d-none",
+            type: "file",
+            onChange: (l) => N(l.target.files[0]),
+            accept: "text/csv"
+          }
+        ),
+        /* @__PURE__ */ t(It, { text: x("sync_roster_users"), onClick: E }),
+        /* @__PURE__ */ b(
+          "button",
+          {
+            className: "btn btn-success d-flex align-items-center border-0 p-0",
+            style: ue,
+            onClick: k,
+            children: [
+              /* @__PURE__ */ t("div", { className: `${D["button-icon"]}`, children: /* @__PURE__ */ t("img", { src: "images/export-icon.svg", alt: "" }) }),
+              /* @__PURE__ */ t("p", { className: `${D["button-content"]} mb-0`, style: pe, children: x("export_class_code_to_csv") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ b(
+          "button",
+          {
+            className: "btn btn-success d-flex align-items-center border-0 p-0",
+            style: ue,
+            onClick: F,
+            children: [
+              /* @__PURE__ */ t("div", { className: `${D["button-icon"]}`, children: /* @__PURE__ */ t("img", { src: "images/export-icon.svg", alt: "" }) }),
+              /* @__PURE__ */ t("p", { className: `${D["button-content"]} mb-0`, style: pe, children: x("export_to_csv") })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ b(Se, { className: "mb-2", children: [
+      /* @__PURE__ */ t(Q, { md: 12, children: /* @__PURE__ */ t("div", { style: { overflow: "auto" }, children: /* @__PURE__ */ b(Fe, { bordered: !0, hover: !0, striped: !0, size: "sm", children: [
+        /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t(
+          Pt,
+          {
+            headers: O,
+            filters: c,
+            fullName: S,
+            onChangeFilters: r
+          }
+        ) }),
+        /* @__PURE__ */ b("tbody", { children: [
+          s && s.length > 0 && s.map((l) => {
+            const n = (l.appType || "").toUpperCase(), g = n.includes("ES") && n.includes("MS");
+            return /* @__PURE__ */ b("tr", { children: [
+              /* @__PURE__ */ t("td", { className: "align-middle", children: /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "checkbox",
+                  onChange: () => o(l.id),
+                  checked: h.includes(l.id) ?? !1
+                }
+              ) }),
+              /* @__PURE__ */ t("td", { className: "align-middle", children: /* @__PURE__ */ t(
+                at,
+                {
+                  label: `${l.fullName}`,
+                  onClick: () => y(l.id)
+                }
+              ) }),
+              /* @__PURE__ */ t("td", { className: "align-middle", children: l.email }),
+              /* @__PURE__ */ t("td", { className: "align-middle", children: l.dateOfBirth !== we && St(
+                /* @__PURE__ */ new Date(),
+                new Date(l.dateOfBirth)
+              ) }),
+              /* @__PURE__ */ t("td", { className: "align-middle", children: g ? /* @__PURE__ */ b(ke, { children: [
+                /* @__PURE__ */ b("div", { children: [
+                  /* @__PURE__ */ t(Te, { label: "ES" }),
+                  fe(l.esRoles)
+                ] }),
+                /* @__PURE__ */ b("div", { className: "mt-1", children: [
+                  /* @__PURE__ */ t(Te, { label: "MS" }),
+                  fe(l.msRoles)
+                ] })
+              ] }) : !!l.roles && fe(l.roles) }),
+              /* @__PURE__ */ t("td", { className: "align-middle text-uppercase", children: g ? /* @__PURE__ */ b("div", { style: { display: "flex", flexDirection: "column", gap: "4px", alignItems: "center", width: "fit-content" }, children: [
+                /* @__PURE__ */ t(ge, { label: "ES" }),
+                /* @__PURE__ */ t(ge, { label: "MS" })
+              ] }) : l.appType ? /* @__PURE__ */ t(ge, { label: l.appType }) : null }),
+              /* @__PURE__ */ t("td", { className: "align-middle", children: /* @__PURE__ */ t(Wt, { isActive: l.isActive, t: x }) }),
+              /* @__PURE__ */ t("td", { className: "align-middle", children: Oe(l?.createTime, "yyyy-MM-dd HH:mm") }),
+              /* @__PURE__ */ t("td", { children: i(l) }),
+              /* @__PURE__ */ t("td", { className: "align-middle", children: /* @__PURE__ */ t(
+                rt,
+                {
+                  style: { fontSize: "18px", margin: "0 10px", cursor: "pointer" },
+                  onClick: () => u(l.id)
+                }
+              ) }),
+              /* @__PURE__ */ t("td", { className: "align-middle", style: { padding: "0 15px" }, children: /* @__PURE__ */ t(
+                ot,
+                {
+                  onClick: () => f(l.id)
+                }
+              ) })
+            ] }, `${l.id}_${l.appType || ""}`);
+          }),
+          (!s || !s.length) && /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 12, className: "p-0", children: /* @__PURE__ */ t(ct, { className: "mb-0", label: x("user") }) }) })
+        ] })
+      ] }) }) }),
+      /* @__PURE__ */ t(Q, { md: 12, children: /* @__PURE__ */ t(
+        it,
+        {
+          filters: c,
+          totalRecordCount: m,
+          changePageSize: (l) => r({ pageSize: l }),
+          changePage: (l) => r({ currentPage: l })
+        }
+      ) })
+    ] })
+  ] });
+}, hs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Qt
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ds as A,
+  Pt as T,
+  Qt as U,
+  hs as a,
+  ms as v
+};