mario-core 2.0.32-release → 2.0.33-release

package/dist/UserList-CLDgmfZl.mjs

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