mario-core 2.0.7 → 2.0.8-release

package/dist/UserList-CkOGJbgn.mjs

@@ -0,0 +1,1162 @@
+import { jsxs as O, jsx as t } from "react/jsx-runtime";
+import { Button as oe, Popover as Be, PopoverBody as Re, Label as G, Input as q, FormGroup as ne, Row as ue, Col as K, Table as xe } from "reactstrap";
+import { p as $e, t as pe, q as De, s as Te, v as Fe, w as Le, x as ke, y as Pe, z as Me, A as je, B as He, C as Je, S as J, E as ze, F as Ve, H as Ge, I as Ke, J as qe } from "./constants-ra-9n6_H.mjs";
+import { useTranslation as Z } from "react-i18next";
+import { useState as D, useCallback as T, useEffect as H, useRef as ge, useMemo as ce, Fragment as Ye } from "react";
+import { useSelector as X, useDispatch as Y } from "react-redux";
+import { useNavigate as We, useLocation as Qe } from "react-router-dom";
+import { a5 as ae, b as E, c as I, a6 as Xe, J as ie, n as Ze, I as et, d as fe, N as tt, o as st, a7 as nt, G as le, s as x, a8 as be, a9 as Oe, a2 as W, B as Ie, i as at, aa as rt, L as ot, ab as ct, O as it, P as lt, Q as dt, ac as mt } from "./index-S9mI_rxc.mjs";
+import { L as ht } from "./types-BvnbDeJF.mjs";
+import { a as Ee, b as Ae } from "./index.esm-l7AIvAYG.mjs";
+import { differenceInCalendarYears as ut, parseISO as pt } from "date-fns";
+import ye from "papaparse";
+function gt(e, n) {
+  $e(2, arguments);
+  var c = pe(e), d = pe(n);
+  return c.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(), c = new URLSearchParams(location.search).get("query"), d = X((s) => s.users.userList), a = X((s) => s.users.totalItems), { filters: r, changeFilters: f } = ft(), v = c || "", [o, N] = D([]), R = window.location.host.includes("-district"), i = Y(), { t: h } = Z(), U = (s) => {
+    const p = o.find((C) => C == s);
+    N(p ? o.filter((C) => C != s) : o.concat([s]));
+  }, A = T(
+    async () => {
+      if (o.length != 0) {
+        N([]);
+        return;
+      }
+      if (r.searchBy !== void 0 && r.searchByStrings !== void 0 && r.searchByStrings.length === 0) {
+        i(ae({ userList: [], totalItems: 0 }));
+        return;
+      }
+      i(E(!0));
+      try {
+        const s = await Te(r);
+        N(s.data || []);
+      } catch (s) {
+        i(
+          I({
+            type: "danger",
+            message: s.response?.data?.title || s.message
+          })
+        );
+      }
+      i(E(!1));
+    },
+    [i, r, o]
+  ), _ = T(
+    async () => {
+      if (r.searchBy !== void 0 && r.searchByStrings !== void 0 && r.searchByStrings.length === 0) {
+        i(ae({ userList: [], totalItems: 0 }));
+        return;
+      }
+      i(E(!0));
+      try {
+        const s = await Fe(r), { items: p, totalItems: C } = s.data;
+        for (const w of p)
+          w.roles = w.roles.map((g) => g != Xe.EDUTEACHER ? g : "EduTeacher");
+        i(ae({ userList: p, totalItems: C }));
+      } catch (s) {
+        i(
+          I({
+            type: "danger",
+            message: s.response?.data?.title || s.message
+          })
+        );
+      }
+      i(E(!1));
+    },
+    [i, r]
+  ), b = async () => {
+    i(E(!0));
+    try {
+      const s = await Pe();
+      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(E(!1));
+  }, l = (s) => {
+    if (!s) return "";
+    const p = [], { sourcedId: C, rosterUser: w } = s;
+    if (C && w && p.push(C), w) {
+      const { givenName: g, middleName: S, familyName: m, email: P } = w, $ = [];
+      m && $.push(m), S && $.push(S), g && $.push(g), p.push($.join(" ") || ""), p.push(P || "");
+    }
+    return p.join(" / ");
+  };
+  H(() => {
+    document.title = vt;
+  }, []), H(() => {
+    f({
+      ...r,
+      searchString: v
+    });
+  }, [v]), H(() => {
+    _();
+  }, [JSON.stringify(r)]);
+  const y = T(
+    (s) => {
+      i(
+        ie({
+          isOpen: !0,
+          type: "warning",
+          message: h("do_you_want_to_remove_this_user"),
+          onConfirm: async () => {
+            i(E(!0));
+            try {
+              await Le(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(E(!1));
+          }
+        })
+      );
+    },
+    [JSON.stringify(r)]
+  ), F = (s) => {
+    const p = sessionStorage.getItem(et), {
+      token: C,
+      id: w,
+      firstName: g,
+      lastName: S,
+      roles: m,
+      email: P,
+      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: w,
+        firstName: g,
+        lastName: S,
+        roles: m,
+        email: P,
+        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 = T(
+    async (s) => {
+      try {
+        const C = (await ke(s)).data;
+        i(
+          ie({
+            isOpen: !0,
+            type: "warning",
+            message: h("do_you_want_to_impersonate_this_user"),
+            onConfirm: async () => {
+              i(E(!0));
+              try {
+                const w = {
+                  email: C.email,
+                  password: "default",
+                  accessToken: C.token,
+                  loginType: ht.Impersonate
+                }, g = await Ze(w);
+                localStorage.clear(), F(g);
+              } catch (w) {
+                I({
+                  type: "danger",
+                  message: w.response?.data?.title || w.message
+                });
+              }
+              i(E(!1));
+            }
+          })
+        );
+      } catch (p) {
+        i(
+          I({
+            type: "danger",
+            message: p.response?.data?.title || p.message
+          })
+        );
+      }
+    },
+    [r]
+  );
+  return {
+    userList: d,
+    totalItems: a,
+    filters: r,
+    queryName: c,
+    fullName: v,
+    getData: _,
+    removeData: y,
+    changeFilters: f,
+    reDirectDetailPage: (s) => {
+      const p = s ? `${yt}/${s}` : St;
+      e(p);
+    },
+    switchUser: u,
+    handleSyncRosterUsers: b,
+    rosterUserInfo: l,
+    userIds: o,
+    onSelectAllUser: A,
+    onSelectUser: U
+  };
+}, Et = {
+  fontWeight: 500
+}, At = {
+  height: 38,
+  background: "#316cd9"
+}, wt = ({
+  text: e,
+  onClick: n,
+  className: c = ""
+}) => /* @__PURE__ */ O(
+  oe,
+  {
+    onClick: n,
+    color: "primary",
+    style: At,
+    className: `d-flex align-items-center ${c} gap-2`,
+    children: [
+      /* @__PURE__ */ t(nt, {}),
+      /* @__PURE__ */ t("span", { style: Et, children: e })
+    ]
+  }
+);
+function Ut(e) {
+  return le({ 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 le({ 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 le({ 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);
+}
+const xt = (e, n) => {
+  H(() => {
+    function c(d) {
+      e.current && !e.current.contains(d.target) && n?.();
+    }
+    return document.addEventListener("mousedown", c), () => {
+      document.removeEventListener("mousedown", c);
+    };
+  }, [e.current]);
+}, $t = (e) => {
+  const {
+    isOpen: n,
+    sortBy: c,
+    filters: d,
+    users: a,
+    searchBy: r,
+    defaultOptions: f,
+    selectedOptions: v,
+    searchKey: o,
+    onChangeSearchKey: N,
+    onOptionsChange: R,
+    onSearch: i,
+    onClose: h,
+    onChangeFilters: U,
+    getOption: A
+  } = e, [_, b] = D(), [l, y] = D([]), F = ge(null), u = ge(null);
+  xt(F, h);
+  const { t: B } = Z(), s = T(
+    () => {
+      if (!n) return;
+      const L = o?.trim?.() ?? "";
+      r != null && !f && i?.(L, r), r != null && f && y(f.filter((M) => M.label.toLowerCase().includes(L.toLowerCase())));
+    },
+    [r, o, JSON.stringify(f), n]
+  ), p = () => {
+    u.current && clearTimeout(u.current), u.current = setTimeout(s, 500);
+  }, C = (L) => {
+    const M = L.target.value;
+    N(M);
+  }, w = T(() => {
+    R?.(_, r), h?.();
+  }, [JSON.stringify(_)]), g = T((L) => {
+    const M = L.target.value ?? "";
+    let j = _ ?? [], V = j.indexOf(M);
+    V > -1 ? j.splice(V, 1) : j = [...j, M], b(j == null ? j : [...j]);
+  }, [JSON.stringify(_)]), S = T((L) => {
+    const M = L.target.checked;
+    b(M ? void 0 : []);
+  }, []), m = T(() => {
+    U?.({
+      ...d,
+      sortBy: c,
+      isDescending: !0
+    }), h?.();
+  }, [JSON.stringify(d), r]), P = T(() => {
+    U?.({
+      ...d,
+      sortBy: c,
+      isDescending: !1
+    }), h?.();
+  }, [JSON.stringify(d), r]), $ = ce(() => A ? a.map((L) => A(L, B)) : [], [JSON.stringify(a), JSON.stringify(A)]), de = d?.isDescending == !1 && d.sortBy === c, z = !!d?.isDescending && d.sortBy === c;
+  return H(() => {
+    d?.searchBy !== r ? b(void 0) : b(v);
+  }, [JSON.stringify(v), d?.searchBy]), H(() => {
+    y(f || []);
+  }, [JSON.stringify(f)]), H(() => {
+    p();
+  }, [o, n]), {
+    ref: F,
+    options: $,
+    inputRef: u,
+    sOptions: _,
+    isAscending: de,
+    isDescending: z,
+    filteredOptions: l,
+    searchKey: o,
+    handleSearch: s,
+    handleApplyFilter: w,
+    handleOptionSelected: g,
+    handleOptionSelectedAll: S,
+    handleSortDesc: m,
+    handleSortAsc: P,
+    handleChangeSearchKey: C
+  };
+}, Dt = (e) => {
+  const {
+    defaultOptions: n,
+    onClose: c,
+    getOption: d
+  } = e, {
+    ref: a,
+    inputRef: r,
+    options: f,
+    sOptions: v,
+    isAscending: o,
+    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(G, { className: "font-weight-bold", children: "Sort" }),
+          /* @__PURE__ */ O(
+            "div",
+            {
+              className: `px-1 ${x.popover__sort__item} ${o && x["popover__sort__item--active"]}`,
+              onClick: l,
+              children: [
+                /* @__PURE__ */ t(Ee, { 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(G, { 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(
+            q,
+            {
+              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(
+                ne,
+                {
+                  className: "d-flex align-items-center",
+                  check: !0,
+                  style: { gap: "8px" },
+                  children: [
+                    /* @__PURE__ */ t(
+                      q,
+                      {
+                        type: "checkbox",
+                        onChange: _,
+                        checked: v == null
+                      }
+                    ),
+                    " ",
+                    /* @__PURE__ */ t(G, { check: !0, children: "(Select all)" })
+                  ]
+                }
+              ),
+              !!d && !n && f.map((y) => /* @__PURE__ */ O(
+                ne,
+                {
+                  className: "d-flex align-items-center",
+                  check: !0,
+                  style: { gap: "8px" },
+                  children: [
+                    /* @__PURE__ */ t(
+                      q,
+                      {
+                        type: "checkbox",
+                        value: y.value,
+                        onChange: A,
+                        checked: v?.includes(y.value) || v == null
+                      }
+                    ),
+                    " ",
+                    /* @__PURE__ */ t(G, { check: !0, children: y.label })
+                  ]
+                },
+                y.value
+              )),
+              !!n && R.map((y) => /* @__PURE__ */ O(
+                ne,
+                {
+                  className: "d-flex align-items-center",
+                  check: !0,
+                  style: { gap: "8px" },
+                  children: [
+                    /* @__PURE__ */ t(
+                      q,
+                      {
+                        type: "checkbox",
+                        value: y.value,
+                        onChange: A,
+                        checked: v?.includes(y.value) || v == null
+                      }
+                    ),
+                    " ",
+                    /* @__PURE__ */ t(G, { 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: c,
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] })
+  ] }) }) });
+}, Tt = ({
+  data: e,
+  popoverId: n,
+  filters: c,
+  searchString: d,
+  users: a,
+  selectedOptions: r,
+  onOptionsChange: f,
+  onSearch: v,
+  onChangeFilters: o,
+  onOpenFilter: N,
+  onClose: R,
+  isCenter: i,
+  isActive: h = !1
+}) => {
+  const { t: U } = Z(), [A, _] = D(""), b = ce(
+    () => e.sortBy != null ? Me[e.sortBy] : "",
+    [e.sortBy]
+  ), l = ce(() => n === b, [b, n]), y = () => {
+    N?.(b, e.searchBy, A, e.sortBy);
+  }, F = (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 === c?.sortBy && /* @__PURE__ */ t("span", { children: c.isDescending ? /* @__PURE__ */ t(Ae, {}) : /* @__PURE__ */ t(Ee, {}) }),
+          c?.searchByStrings?.length && e.searchBy === c?.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: c,
+        sortBy: e.sortBy,
+        searchKey: A,
+        searchBy: e.searchBy,
+        searchString: d,
+        defaultOptions: e.options,
+        selectedOptions: r,
+        onClose: R,
+        onSearch: v,
+        getOption: e.getOption,
+        onChangeFilters: o,
+        onOptionsChange: f,
+        onChangeSearchKey: F
+      }
+    )
+  ] }) : U(e.name) });
+}, Ft = (e) => {
+  const {
+    filters: n,
+    onChangeFilters: c,
+    isStudentFilter: d,
+    teacherOptions: a,
+    assistantOptions: r,
+    counselorOptions: f,
+    secondaryTeacherOptions: v
+  } = e, [o, N] = D(), [R, i] = D([]), [h, U] = D({
+    ...je,
+    isDescending: n.isDescending,
+    searchString: n.searchString
+  }), A = Y(), _ = Qe(), b = T(
+    async (B) => {
+      try {
+        const p = (d ? await Je(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 = T((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("");
+  }, F = T((B, s) => {
+    U({
+      ...h,
+      searchBy: s,
+      searchStringBy: B
+    });
+  }, [JSON.stringify(h)]), u = T((B, s) => {
+    s && c?.({
+      ...n,
+      [J[s]]: B
+    });
+  }, [JSON.stringify(n)]);
+  return H(() => {
+    if (!_.pathname.includes("users/assign-student")) return;
+    const B = (p) => p.sort((C, w) => C.localeCompare(w)), s = h.searchStringBy?.toLowerCase() || "";
+    if (h.searchBy === J.Grade)
+      i(ze);
+    else {
+      let p = [];
+      switch (h.searchBy) {
+        case J.Name:
+          b(!0);
+          break;
+        case J.Teacher:
+          p = a?.map((S) => S.label).filter(Boolean) || [];
+          break;
+        case J.Assistant:
+          p = r?.map((S) => S.label).filter(Boolean) || [];
+          break;
+        case J.Counselor:
+          p = f?.map((S) => S.label).filter(Boolean) || [];
+          break;
+        case J.SecondaryTeacher:
+          p = v?.map((S) => S.label).filter(Boolean) || [];
+          break;
+      }
+      const C = Array.from(new Set(p)), w = s ? C.filter(
+        (S) => S.toLowerCase().includes(s)
+      ) : C, g = B(w);
+      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: o,
+    users: R,
+    handleFilterIcon: l,
+    handleCloseFilter: y,
+    handleSearch: F,
+    handleChangeFilters: u
+  };
+}, Lt = ({
+  headers: e,
+  filters: n,
+  onChangeFilters: c,
+  isStudentFilter: d,
+  teacherOptions: a = [],
+  assistantOptions: r = [],
+  counselorOptions: f = [],
+  secondaryTeacherOptions: v = []
+}) => {
+  const {
+    popoverId: o,
+    users: N,
+    handleFilterIcon: R,
+    handleCloseFilter: i,
+    handleSearch: h,
+    handleChangeFilters: U
+  } = Ft({
+    filters: n,
+    onChangeFilters: c,
+    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(J).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(
+    Tt,
+    {
+      users: N,
+      data: l,
+      isCenter: l.isCenter,
+      filters: n,
+      popoverId: o,
+      selectedOptions: n.searchByStrings,
+      onSearch: h,
+      onClose: i,
+      onOpenFilter: R,
+      onChangeFilters: c,
+      onOptionsChange: U,
+      isActive: typeof l.searchBy == "number" && b.some(([y, F]) => F === l.searchBy)
+    },
+    l.name
+  )) });
+}, kt = () => {
+  const e = Y(), n = X((r) => r?.common?.user?.schoolName) || "", c = async (r) => {
+    e(E(!0));
+    try {
+      const v = (await Ve(r)).data, o = d(v), N = document.createElement("a");
+      N.href = o, N.download = `${n}_Users_Report.csv`, N.click();
+    } catch (f) {
+      e(
+        I({
+          type: "danger",
+          message: f.response?.data?.title || f.message
+        })
+      );
+    }
+    e(E(!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((o) => {
+      const N = o.dateOfBirth !== be ? ut(
+        /* @__PURE__ */ new Date(),
+        pt(o.dateOfBirth)
+      ) : "";
+      return `${a(o.firstName)},${a(o.lastName)},${a(o.email)},${a(o.phoneNumber)},${N},${a(o.grade)},${a(o.roles.join(", ").replace("SecondaryTeacher", "SupportTeacher"))},${o.isActive ? "Active" : "Inactive"},${Oe(o?.createTime, "yyyy-MM-dd HH:mm")},${a(o.sourcedId)},${a(o.rosterUser?.status)},${a(o.rosterUser?.familyName)},${a(o.rosterUser?.middleName)},${a(o.rosterUser?.givenName)},${a(o.rosterUser?.email)},${a(o.rosterUser?.role)},${a(o.rosterUser?.grades)},${a(o.teachers)},${a(o.assistants)},${a(o.counselors)},${a(o.supportTeachers)},${a(o.eduTeachers)}`;
+    }).join(`
+`);
+    return `${Ge}${f}${encodeURIComponent(v)}`;
+  }, a = (r) => r ? `"${r.replace(/"/g, '""').replaceAll(/\n/g, " ")}"` : "";
+  return {
+    exportUsers: c
+  };
+}, we = `${Ie}/api/ImportCsv/csv`, ee = `${Ie}/api/Teacher`, Pt = (e, n) => W.post(`${we}/${n}`, e), ve = (e) => W.post(`${we}/importClassReflection`, e), Mt = (e, n) => W.post(`${ee}/adminImportStudentByTeacherId/${e}`, n), jt = (e) => W.post(`${ee}/adminImport`, e), Ht = () => at.get(`${ee}/download-template-file-user`), rs = (e, n) => W.post(`${ee}/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 re = "csvupload", Ne = {
+  teacherName: "",
+  teacherEmail: "",
+  studentIds: [],
+  file: ""
+}, Jt = () => {
+  const e = Y(), n = X((g) => g.common.isLoading), [c, d] = D(null), [a, r] = D(), [f, v] = D([]), [o, 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(E(!0));
+    try {
+      const m = await Ht();
+      var g = new Blob([m.data.content], { type: "text/csv" });
+      const P = window.URL.createObjectURL(g);
+      var S = document.createElement("a");
+      S.href = P, 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(E(!1));
+  }, F = T(
+    async (g) => {
+      if (!c || !g) return;
+      e(E(!0));
+      try {
+        const $ = new FormData();
+        if ($.append("file", g, g.name), c == "allUser") {
+          let z = (await g.text()).trim();
+          const L = z.split(`
+`).map((k) => k.trim()), M = L.findIndex(
+            (k) => k.split(",").includes("FirstName")
+          );
+          if (M === 0)
+            throw new Error("Invalid CSV: Missing header row.");
+          z = L.slice(M).join(`
+`);
+          const j = ye.parse(z, {
+            header: !0,
+            skipEmptyLines: !0
+          }), V = j.meta.fields, me = j.data;
+          if (!V)
+            throw new Error("Unable to determine header from CSV file");
+          const he = 20, te = [];
+          for (let k = 0; k < me.length; k += he) {
+            const se = me.slice(k, k + he), Q = ye.unparse({
+              fields: V,
+              data: se
+            });
+            te.push(Q);
+          }
+          for (let k = 0; k < te.length; k++) {
+            const se = new Blob([te[k]], { type: "text/csv" }), Q = new FormData();
+            Q.append(
+              "file",
+              se,
+              `students_chunk${k + 1}.csv`
+            ), await jt(Q);
+          }
+        } else
+          U ? c == "classReflection" && await ve($) : await Pt($, c.toString());
+        e(
+          I({
+            type: "success",
+            message: "Import CSV successfully"
+          })
+        );
+      } catch ($) {
+        e(
+          I({
+            type: "danger",
+            message: $.response?.data?.title || $.message
+          })
+        );
+      }
+      e(E(!1));
+      const S = document.getElementById(re), m = document.getElementById("import-student"), P = document.getElementById(
+        "import-classReflection"
+      );
+      S && (S.value = ""), m && (m.value = ""), P && (P.value = "");
+    },
+    [c]
+  ), u = async (g) => {
+    if (!A) {
+      e(
+        I({
+          type: "danger",
+          message: "Select teacher before import csv"
+        })
+      );
+      return;
+    }
+    if (!c || !g) return;
+    e(E(!0));
+    try {
+      const m = new FormData();
+      m.append("file", g, g.name), await Mt(A, m), e(
+        I({
+          type: "success",
+          message: "Import CSV successfully"
+        })
+      );
+    } catch (m) {
+      e(
+        I({
+          type: "danger",
+          message: m.response?.data?.title || m.message
+        })
+      );
+    }
+    e(E(!1));
+    const S = document.getElementById("teacherSelector");
+    S && (S.value = "");
+  }, B = async (g) => {
+    if (!a || !a) return;
+    e(E(!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((P) => {
+        m.append("studentIds", P);
+      }), 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(E(!1));
+    const S = document.getElementById(re);
+    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: re,
+    setType: d,
+    upload: F,
+    initImportReflection: o,
+    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(
+        ie({
+          isOpen: !0,
+          type: "warning",
+          message: "Are you sure upload this file?",
+          onConfirm: () => {
+            C();
+          }
+        })
+      );
+    },
+    downloadTemplateUser: y
+  };
+}, zt = () => {
+  const e = Y(), n = async (a) => {
+    e(E(!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(E(!1));
+  };
+  return {
+    handleSendMultiUsers: (a) => {
+      n({ userIds: [...a] });
+    },
+    handleSendSingleUser: (a) => {
+      n({ userIds: [a] });
+    }
+  };
+}, Ce = {
+  fontWeight: 500
+}, _e = {
+  height: 38,
+  backgroundColor: "#2eb85c",
+  borderColor: "#2eb85c"
+}, Vt = "user", Gt = () => {
+  const {
+    queryName: e,
+    userList: n,
+    totalItems: c,
+    filters: d,
+    fullName: a,
+    removeData: r,
+    changeFilters: f,
+    reDirectDetailPage: v,
+    switchUser: o,
+    handleSyncRosterUsers: N,
+    rosterUserInfo: R,
+    onSelectUser: i,
+    userIds: h,
+    onSelectAllUser: U
+  } = It(), { handleSendMultiUsers: A } = zt(), { upload: _ } = Jt(), {
+    exportUsers: b
+  } = kt(), { t: l } = Z(), y = () => b(d), F = [
+    {
+      name: "",
+      isCenter: !0,
+      onSelectAll: () => {
+        U();
+      },
+      isCheckAll: h.length == c && c != 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(`${Vt}`) }),
+    /* @__PURE__ */ O(ue, { className: "my-2", children: [
+      /* @__PURE__ */ t(K, { 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(
+        K,
+        {
+          md: 4,
+          className: "d-flex justify-content-end align-items-center",
+          children: [
+            l("total_of_users"),
+            " : ",
+            c
+          ]
+        }
+      ),
+      /* @__PURE__ */ O(K, { 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(
+          q,
+          {
+            id: "import-user",
+            className: "d-none",
+            type: "file",
+            onChange: (u) => _(u.target.files[0]),
+            accept: "text/csv"
+          }
+        ),
+        /* @__PURE__ */ t(wt, { 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(K, { 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(
+          Lt,
+          {
+            headers: F,
+            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(
+              ot,
+              {
+                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(
+              ct,
+              {
+                style: { fontSize: "18px", margin: "0 10px", cursor: "pointer" },
+                onClick: () => o(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(K, { md: 12, children: /* @__PURE__ */ t(
+        dt,
+        {
+          filters: d,
+          totalRecordCount: c,
+          changePageSize: (u) => f({ pageSize: u }),
+          changePage: (u) => f({ currentPage: u })
+        }
+      ) })
+    ] })
+  ] });
+}, os = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Gt
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Lt as T,
+  Gt as U,
+  os as a,
+  rs as v
+};