mario-core 2.0.32-release → 2.0.33-release

package/dist/UserList-4XLAsuI5.mjs

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