mario-core 3.0.8-admin → 3.0.8-es

package/dist/UserContainer-BaHMryYI.js

@@ -0,0 +1,2337 @@
+import { jsx as a, jsxs as y } from "react/jsx-runtime";
+import { U as Be, s as V, V as Ye, c as M, w as Me, l as Ze, I as Xe, A as xe, b as Qe, G as Te, h as S, W as Ue, L as et, X as tt, Y as at, Z as st, z as nt, C as Je, F as Ge, S as ie, _ as lt, $ as it } from "./index-C95SWLrn.js";
+import { Popover as ot, PopoverBody as rt, Label as pe, Input as ve, FormGroup as we, Button as ae, Row as fe, Col as oe, Table as je, Nav as ct, NavItem as dt, NavLink as mt, TabContent as ut, TabPane as ht, Modal as _e, ModalHeader as Se, ModalBody as be, ModalFooter as Ie, Collapse as gt, Card as pt, CardBody as ft, Tooltip as vt, CardText as yt } from "reactstrap";
+import { c as Nt, g as Ct, r as _t, s as St, a as Le, b as bt, d as It, e as Tt, f as Et, h as At, i as ye, u as Dt, j as wt, T as He } from "./TeacherSelector-B4zvSVhk.js";
+import Ot, { useState as z, useMemo as ce, useCallback as G, useEffect as U, useRef as ke, Fragment as ze } from "react";
+import { useSelector as Ce, useDispatch as de } from "react-redux";
+import { useNavigate as Rt, useLocation as $t } from "react-router-dom";
+import { useTranslation as ne } from "react-i18next";
+import { A as Ke, a as qe } from "./index.esm-hqKUWCW0.js";
+import { toZonedTime as Bt } from "date-fns-tz";
+function Mt(e, ...l) {
+  const s = Nt.bind(
+    null,
+    l.find((n) => typeof n == "object")
+  );
+  return l.map(s);
+}
+function xt(e, l, s) {
+  const [n, t] = Mt(
+    s == null ? void 0 : s.in,
+    e,
+    l
+  );
+  return n.getFullYear() - t.getFullYear();
+}
+var H = /* @__PURE__ */ ((e) => (e[e.Id = 0] = "Id", e[e.Name = 1] = "Name", e[e.Email = 2] = "Email", e[e.Age = 3] = "Age", e[e.Role = 4] = "Role", e[e.Status = 5] = "Status", e[e.CreatedAt = 6] = "CreatedAt", e[e.Grade = 7] = "Grade", e[e.Teacher = 8] = "Teacher", e[e.Assistant = 9] = "Assistant", e[e.Counselor = 10] = "Counselor", e[e.SecondaryTeacher = 11] = "SecondaryTeacher", e))(H || {}), Z = /* @__PURE__ */ ((e) => (e[e.Id = 0] = "Id", e[e.Name = 1] = "Name", e[e.Email = 2] = "Email", e[e.Role = 3] = "Role", e[e.Status = 4] = "Status", e[e.Grade = 5] = "Grade", e[e.Teacher = 6] = "Teacher", e[e.Assistant = 7] = "Assistant", e[e.Counselor = 8] = "Counselor", e[e.SecondaryTeacher = 9] = "SecondaryTeacher", e))(Z || {});
+const Ve = {
+  value: 10
+}, Lt = {
+  searchString: "",
+  currentPage: 1,
+  pageSize: Ve.value,
+  isAssigned: !1
+}, Ne = {
+  assistantId: "",
+  counselors: [],
+  secondaryTeacherId: "",
+  teacher: [],
+  assistantEmail: "",
+  secondaryTeacherEmail: ""
+}, kt = {
+  studentId: 0,
+  id: "",
+  email: "",
+  fullName: "",
+  gradeLevel: "",
+  phoneNumber: "",
+  isActive: !0,
+  dateOfBirth: "",
+  profileImageFileName: "",
+  quote: "",
+  assistantName: "",
+  assistantEmail: "",
+  assistantUserId: "",
+  counselors: [],
+  secondaryTeacherName: "",
+  secondaryTeacherEmail: "",
+  secondaryTeacherUserId: "",
+  teachers: [],
+  counselorName: "",
+  counselorEmail: "",
+  mainTeacherName: "",
+  mainTeacherEmail: "",
+  teacherUserId: ""
+}, zt = [
+  {
+    name: "name",
+    sortBy: H.Name,
+    searchBy: Z.Name,
+    className: "align-top",
+    getOption: (e) => ({
+      label: e || "empty",
+      value: e
+    })
+  },
+  {
+    name: "email",
+    sortBy: H.Email,
+    searchBy: Z.Email,
+    className: "align-top",
+    getOption: (e) => ({
+      label: e || "empty",
+      value: e
+    })
+  },
+  {
+    name: "age",
+    sortBy: H.Age,
+    className: "align-top"
+  },
+  {
+    name: "role",
+    sortBy: H.Role,
+    searchBy: Z.Role,
+    className: "align-top",
+    getOption: (e) => {
+      var l;
+      return {
+        label: e ? (l = e == null ? void 0 : e.replace) == null ? void 0 : l.call(e, "SecondaryTeacher", "SupportTeacher") : "empty",
+        value: e
+      };
+    }
+  },
+  {
+    name: "active_status",
+    sortBy: H.Status,
+    searchBy: Z.Status,
+    className: "align-top",
+    options: [
+      {
+        label: "Active",
+        value: "true"
+      },
+      {
+        label: "Inactive",
+        value: "false"
+      }
+    ]
+  },
+  {
+    name: "created_time",
+    sortBy: H.CreatedAt,
+    className: "align-top"
+  },
+  {
+    name: "action",
+    className: "text-center"
+  }
+], Ft = {
+  currentPage: 1,
+  pageSize: 200
+}, Pt = {
+  searchString: "",
+  currentPage: 1,
+  pageSize: Ve.value
+}, Jt = {
+  [H.Id]: "filter-id",
+  [H.Name]: "filter-name",
+  [H.Email]: "filter-email",
+  [H.Age]: "filter-age",
+  [H.Role]: "filter-role",
+  [H.Status]: "filter-status",
+  [H.CreatedAt]: "filter-createdAt",
+  [H.Grade]: "filter-grade",
+  [H.Teacher]: "filter-teacher",
+  [H.Assistant]: "filter-assistant",
+  [H.Counselor]: "filter-counselor",
+  [H.SecondaryTeacher]: "filter-secondary"
+}, Fe = [
+  { label: "K", value: "K" },
+  { label: "G", value: "G" },
+  { label: "1", value: "1" },
+  { label: "2", value: "2" },
+  { label: "3", value: "3" },
+  { label: "4", value: "4" },
+  { label: "5", value: "5" },
+  { label: "6", value: "6" }
+], Gt = [
+  "K",
+  "G",
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6"
+], Pe = {
+  assistantRemoveUserId: [],
+  counselorRemoveUserIds: [],
+  teacherRemoveUserIds: [],
+  teacherSwitchDataUserId: "",
+  assistantSwitchDataUserId: "",
+  counselorSwitchDataUserId: ""
+}, jt = () => {
+  const [e, l] = z(Pt);
+  return { filters: e, setFilters: l, changeFilters: (n) => {
+    const t = {
+      ...e,
+      ...n
+    };
+    t.searchString && n.searchString && n.searchString != e.searchString && (t.currentPage = 1), l(t);
+  } };
+}, Ht = "/admin/user", Kt = "/admin/create-user", qt = "User list", Vt = "/home", Wt = "/home", Yt = "/admin/home", Zt = "/parent", Xt = "/admin/schools", Qt = "/my-student?isReadOnly=true", Ut = 12, ea = 20, ta = () => {
+  const e = Rt(), s = new URLSearchParams(location.search).get("query"), n = Ce((f) => f.users.userList), t = Ce((f) => f.users.totalItems), m = Ce((f) => {
+    var A;
+    return (A = f.common) == null ? void 0 : A.defaultFontSize;
+  }), { filters: v, changeFilters: r } = jt(), g = s || "", { t: N } = ne(), h = ce(() => m == ea ? "font-large" : m == Ut ? "font-small" : "", [m]), d = window.location.host.includes("-district"), o = de(), p = G(
+    async () => {
+      var f, A;
+      if (v.searchBy !== void 0 && v.searchByStrings !== void 0 && v.searchByStrings.length === 0) {
+        o(Be({ userList: [], totalItems: 0 }));
+        return;
+      }
+      o(V(!0));
+      try {
+        const O = await Ct(v), { items: x, totalItems: J } = O.data;
+        for (const $ of x)
+          $.roles = $.roles.includes("EduTeacher") ? [...$.roles.filter((L) => L !== "EduTeacher"), Ye.EDUTEACHER] : $.roles;
+        o(Be({ userList: x, totalItems: J }));
+      } catch (O) {
+        o(
+          M({
+            type: "danger",
+            message: ((A = (f = O.response) == null ? void 0 : f.data) == null ? void 0 : A.title) || O.message
+          })
+        );
+      }
+      o(V(!1));
+    },
+    [o, JSON.stringify(v)]
+  );
+  U(() => {
+    document.title = qt;
+  }, []), U(() => {
+    r({
+      ...v,
+      searchString: g
+    });
+  }, [g]), U(() => {
+    p();
+  }, [JSON.stringify(v)]);
+  const w = G(
+    (f) => {
+      var A, O;
+      o(V(!0));
+      try {
+        o(
+          Me({
+            isOpen: !0,
+            type: "warning",
+            message: N("do_you_want_to_remove_this_user"),
+            onConfirm: async () => {
+              await c(f);
+            }
+          })
+        );
+      } catch (x) {
+        o(
+          M({
+            type: "danger",
+            message: ((O = (A = x.response) == null ? void 0 : A.data) == null ? void 0 : O.title) || x.message
+          })
+        );
+      }
+      o(V(!1));
+    },
+    [v]
+  ), c = G(
+    async (f) => {
+      var A, O;
+      o(V(!0));
+      try {
+        await _t(f), o(
+          M({
+            type: "success",
+            message: "Remove user successfully"
+          })
+        ), v.currentPage !== 1 ? r({ currentPage: 1 }) : p();
+      } catch (x) {
+        o(
+          M({
+            type: "danger",
+            message: ((O = (A = x.response) == null ? void 0 : A.data) == null ? void 0 : O.title) || x.message
+          })
+        );
+      }
+      o(V(!1));
+    },
+    [v]
+  ), C = (f) => {
+    const {
+      token: A,
+      id: O,
+      firstName: x,
+      lastName: J,
+      roles: $,
+      email: L,
+      profileImageFileName: X
+    } = f.data;
+    sessionStorage.getItem(Xe) ? sessionStorage.setItem(xe, A) : localStorage.setItem(xe, A), $.includes("Admin") && localStorage.setItem("ROLES", "Admin"), o(
+      Qe({
+        id: O,
+        firstName: x,
+        lastName: J,
+        roles: $,
+        email: L,
+        profileImageFileName: X
+      })
+    ), d ? e(Xt) : $.includes("Admin") ? e(Yt) : $.includes("Teacher") || $.includes("Assistant") || $.includes("Counselor") ? e(Vt) : $.includes("Student") ? e(Wt) : $.includes("Parent") ? e(Zt) : $.includes("EduTeacher") && e(Qt);
+  }, u = G(
+    async (f) => {
+      var A, O, x;
+      if ((A = f == null ? void 0 : f.roles) != null && A.includes("Parent")) {
+        o(
+          M({
+            type: "danger",
+            message: "Can't impersonate!"
+          })
+        );
+        return;
+      }
+      o(V(!0));
+      try {
+        const $ = (await St((f == null ? void 0 : f.id) || "")).data;
+        o(
+          Me({
+            isOpen: !0,
+            type: "warning",
+            message: N("do_you_want_to_impersonate_this_user"),
+            onConfirm: async () => {
+              var L, X;
+              o(V(!0));
+              try {
+                const j = {
+                  email: $.email,
+                  password: "default",
+                  accessToken: $.token
+                }, le = await Ze(j);
+                localStorage.clear(), C(le);
+              } catch (j) {
+                M({
+                  type: "danger",
+                  message: ((X = (L = j.response) == null ? void 0 : L.data) == null ? void 0 : X.title) || j.message
+                });
+              }
+              o(V(!1));
+            }
+          })
+        );
+      } catch (J) {
+        o(
+          M({
+            type: "danger",
+            message: ((x = (O = J.response) == null ? void 0 : O.data) == null ? void 0 : x.title) || J.message
+          })
+        );
+      }
+      o(V(!1));
+    },
+    [v]
+  );
+  return {
+    fullName: g,
+    userList: n,
+    totalItems: t,
+    filters: v,
+    queryName: s,
+    getData: p,
+    removeData: w,
+    changeFilters: r,
+    reDirectDetailPage: (f) => {
+      const A = f ? `${Ht}/${f}` : Kt;
+      e(A);
+    },
+    switchUser: u,
+    classFontSize: h
+  };
+};
+function aa(e) {
+  return Te({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M21,3H5C4.447,3,4,3.447,4,4v2.59c0,0.523,0.213,1.037,0.583,1.407L10,13.414V21c0,0.347,0.18,0.668,0.475,0.851 C10.635,21.95,10.817,22,11,22c0.153,0,0.306-0.035,0.447-0.105l4-2C15.786,19.725,16,19.379,16,19v-5.586l5.417-5.417 C21.787,7.627,22,7.113,22,6.59V4C22,3.447,21.553,3,21,3z M14.293,12.293C14.105,12.48,14,12.734,14,13v5.382l-2,1V13 c0-0.266-0.105-0.52-0.293-0.707L6,6.59V5h14.001l0.002,1.583L14.293,12.293z" } }] })(e);
+}
+function sa(e) {
+  return Te({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M19.023,16.977c-0.513-0.488-1.004-0.997-1.367-1.384c-0.372-0.378-0.596-0.653-0.596-0.653l-2.8-1.337 C15.34,12.37,16,10.763,16,9c0-3.859-3.14-7-7-7S2,5.141,2,9s3.14,7,7,7c1.763,0,3.37-0.66,4.603-1.739l1.337,2.8 c0,0,0.275,0.224,0.653,0.596c0.387,0.363,0.896,0.854,1.384,1.367c0.494,0.506,0.988,1.012,1.358,1.392 c0.362,0.388,0.604,0.646,0.604,0.646l2.121-2.121c0,0-0.258-0.242-0.646-0.604C20.035,17.965,19.529,17.471,19.023,16.977z M9,14 c-2.757,0-5-2.243-5-5s2.243-5,5-5s5,2.243,5,5S11.757,14,9,14z" } }] })(e);
+}
+function na(e) {
+  return Te({ attr: { viewBox: "0 0 20 20", fill: "currentColor" }, 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 la = (e, l) => {
+  U(() => {
+    function s(n) {
+      e.current && !e.current.contains(n.target) && (l == null || l());
+    }
+    return document.addEventListener("mousedown", s), () => {
+      document.removeEventListener("mousedown", s);
+    };
+  }, [e.current]);
+}, ia = (e) => {
+  const {
+    isOpen: l,
+    sortBy: s,
+    filters: n,
+    users: t,
+    searchBy: m,
+    defaultOptions: v,
+    selectedOptions: r,
+    searchKey: g,
+    onChangeSearchKey: N,
+    onOptionsChange: h,
+    onSearch: d,
+    onClose: o,
+    onChangeFilters: p,
+    getOption: w
+  } = e, [c, C] = z(), [u, I] = z([]), f = ke(null), A = ke(null);
+  la(f, o);
+  const { t: O } = ne(), x = G(
+    () => {
+      var W;
+      if (!l) return;
+      const F = ((W = g == null ? void 0 : g.trim) == null ? void 0 : W.call(g)) ?? "";
+      m != null && !v && (d == null || d(F, m)), m != null && v && I(v.filter((K) => K.label.toLowerCase().includes(F.toLowerCase())));
+    },
+    [m, g, JSON.stringify(v), l]
+  ), J = () => {
+    A.current && clearTimeout(A.current), A.current = setTimeout(x, 500);
+  }, $ = (F) => {
+    const W = F.target.value;
+    N(W);
+  }, L = G(() => {
+    h == null || h(c, m), o == null || o();
+  }, [JSON.stringify(c)]), X = G((F) => {
+    const W = F.target.value ?? "";
+    let K = c ?? [], ee = K.indexOf(W);
+    ee > -1 ? K.splice(ee, 1) : K = [...K, W], C(K == null ? K : [...K]);
+  }, [JSON.stringify(c)]), j = G((F) => {
+    const W = F.target.checked;
+    C(W ? void 0 : []);
+  }, []), le = G(() => {
+    p == null || p({
+      ...n,
+      sortBy: s,
+      isDescending: !0,
+      currentPage: 1
+    }), o == null || o();
+  }, [JSON.stringify(n), m]), k = G(() => {
+    p == null || p({
+      ...n,
+      sortBy: s,
+      isDescending: !1,
+      currentPage: 1
+    }), o == null || o();
+  }, [JSON.stringify(n), m]), B = ce(() => w ? t.map((F) => w(F, O)) : [], [JSON.stringify(t), JSON.stringify(w)]), D = (n == null ? void 0 : n.isDescending) == !1 && n.sortBy === s, Y = !!(n != null && n.isDescending) && n.sortBy === s;
+  return U(() => {
+    (n == null ? void 0 : n.searchBy) !== m ? C(void 0) : C(r);
+  }, [JSON.stringify(r), n == null ? void 0 : n.searchBy]), U(() => {
+    I(v || []);
+  }, [JSON.stringify(v)]), U(() => {
+    J();
+  }, [g, l]), {
+    ref: f,
+    options: B,
+    inputRef: A,
+    sOptions: c,
+    isAscending: D,
+    isDescending: Y,
+    filteredOptions: u,
+    searchKey: g,
+    handleSearch: x,
+    handleApplyFilter: L,
+    handleOptionSelected: X,
+    handleOptionSelectedAll: j,
+    handleSortDesc: le,
+    handleSortAsc: k,
+    handleChangeSearchKey: $
+  };
+}, oa = (e) => {
+  const {
+    defaultOptions: l,
+    onClose: s,
+    getOption: n
+  } = e, {
+    ref: t,
+    inputRef: m,
+    options: v,
+    sOptions: r,
+    isAscending: g,
+    isDescending: N,
+    filteredOptions: h,
+    searchKey: d,
+    handleChangeSearchKey: o,
+    handleApplyFilter: p,
+    handleOptionSelected: w,
+    handleOptionSelectedAll: c,
+    handleSortDesc: C,
+    handleSortAsc: u
+  } = ia(e);
+  return /* @__PURE__ */ a(ot, { ...e, hideArrow: !0, children: /* @__PURE__ */ a(rt, { className: "pb-3", children: /* @__PURE__ */ y("div", { ref: t, className: S.popover, children: [
+    /* @__PURE__ */ y(
+      "div",
+      {
+        className: `d-flex flex-column ${S.popover__sort}`,
+        children: [
+          /* @__PURE__ */ a(pe, { className: "font-weight-bold", children: "Sort" }),
+          /* @__PURE__ */ y(
+            "div",
+            {
+              className: `px-1 ${S.popover__sort__item} ${g && S["popover__sort__item--active"]}`,
+              onClick: u,
+              children: [
+                /* @__PURE__ */ a(Ke, { className: "mr-1" }),
+                "Ascending"
+              ]
+            }
+          ),
+          /* @__PURE__ */ y(
+            "div",
+            {
+              className: `px-1 mt-1 ${S.popover__sort__item} ${N && S["popover__sort__item--active"]}`,
+              onClick: C,
+              children: [
+                /* @__PURE__ */ a(qe, { className: "mr-1" }),
+                "Descending"
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    (typeof n < "u" || !!l) && /* @__PURE__ */ y(Ot.Fragment, { children: [
+      /* @__PURE__ */ a("div", { className: "border border-top-1 border-bottom-0 mx-1 my-2" }),
+      /* @__PURE__ */ y("div", { className: "d-flex flex-column", children: [
+        /* @__PURE__ */ a(pe, { className: "font-weight-bold", children: "Filter" }),
+        /* @__PURE__ */ y("div", { className: `position-relative px-1 ${S.popover__search}`, children: [
+          /* @__PURE__ */ a(
+            sa,
+            {
+              className: `position-absolute ${S.popover__search__icon}`
+            }
+          ),
+          /* @__PURE__ */ a(
+            ve,
+            {
+              ref: m,
+              className: S.popover__search__input,
+              value: d,
+              onChange: o
+            }
+          )
+        ] }),
+        /* @__PURE__ */ y(
+          "div",
+          {
+            className: `mx-1 mt-2 p-2 bg-light ${S.popover__options}`,
+            children: [
+              /* @__PURE__ */ y(
+                we,
+                {
+                  className: "d-flex align-items-center",
+                  check: !0,
+                  children: [
+                    /* @__PURE__ */ a(
+                      ve,
+                      {
+                        type: "checkbox",
+                        onChange: c,
+                        checked: r == null
+                      }
+                    ),
+                    " ",
+                    /* @__PURE__ */ a(pe, { check: !0, children: "(Select all)" })
+                  ]
+                }
+              ),
+              !!n && !l && v.map((I) => /* @__PURE__ */ y(
+                we,
+                {
+                  className: "d-flex align-items-center",
+                  check: !0,
+                  children: [
+                    /* @__PURE__ */ a(
+                      ve,
+                      {
+                        type: "checkbox",
+                        value: I.value,
+                        onChange: w,
+                        checked: (r == null ? void 0 : r.includes(I.value)) || r == null
+                      }
+                    ),
+                    " ",
+                    /* @__PURE__ */ a(pe, { check: !0, children: I.label })
+                  ]
+                },
+                I.value
+              )),
+              !!l && h.map((I) => /* @__PURE__ */ y(
+                we,
+                {
+                  className: "d-flex align-items-center",
+                  check: !0,
+                  children: [
+                    /* @__PURE__ */ a(
+                      ve,
+                      {
+                        type: "checkbox",
+                        value: I.value,
+                        onChange: w,
+                        checked: (r == null ? void 0 : r.includes(I.value)) || r == null
+                      }
+                    ),
+                    " ",
+                    /* @__PURE__ */ a(pe, { check: !0, children: I.label })
+                  ]
+                },
+                I.value
+              ))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ y("div", { className: "d-flex justify-content-end mt-3", children: [
+        /* @__PURE__ */ a(
+          ae,
+          {
+            color: "primary",
+            className: "mr-2",
+            size: "sm",
+            onClick: p,
+            children: "Apply Filter"
+          }
+        ),
+        /* @__PURE__ */ a(
+          ae,
+          {
+            color: "secondary",
+            size: "sm",
+            onClick: s,
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] })
+  ] }) }) });
+}, ra = ({
+  data: e,
+  popoverId: l,
+  filters: s,
+  searchString: n,
+  users: t,
+  selectedOptions: m,
+  onOptionsChange: v,
+  onSearch: r,
+  onChangeFilters: g,
+  onOpenFilter: N,
+  onClose: h
+}) => {
+  var I;
+  const { t: d } = ne(), [o, p] = z(""), w = ce(
+    () => e.sortBy != null ? Jt[e.sortBy] : "",
+    [e.sortBy]
+  ), c = ce(() => l === w, [w, l]), C = () => {
+    N == null || N(w, e.searchBy, o, e.sortBy);
+  }, u = (f) => {
+    p(f);
+  };
+  return /* @__PURE__ */ a("th", { className: e.className, children: w && e.sortBy !== void 0 ? /* @__PURE__ */ y("div", { className: `w-100 d-flex justify-content-between align-items-center ${S["table-filter-icon"]}`, children: [
+    d(e.name),
+    /* @__PURE__ */ y(
+      "div",
+      {
+        className: "ml-2 p-1",
+        id: w,
+        onClick: C,
+        style: {
+          cursor: "pointer"
+        },
+        children: [
+          e.sortBy !== void 0 && e.sortBy === (s == null ? void 0 : s.sortBy) && /* @__PURE__ */ a("span", { children: s.isDescending ? /* @__PURE__ */ a(qe, {}) : /* @__PURE__ */ a(Ke, {}) }),
+          (I = s == null ? void 0 : s.searchByStrings) != null && I.length && e.searchBy === (s == null ? void 0 : s.searchBy) ? /* @__PURE__ */ a(na, {}) : /* @__PURE__ */ a(aa, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ a(
+      oa,
+      {
+        placement: "bottom-end",
+        target: w,
+        users: t,
+        isOpen: c,
+        filters: s,
+        sortBy: e.sortBy,
+        searchKey: o,
+        searchBy: e.searchBy,
+        searchString: n,
+        defaultOptions: e.options,
+        selectedOptions: m,
+        onClose: h,
+        onSearch: r,
+        getOption: e.getOption,
+        onChangeFilters: g,
+        onOptionsChange: v,
+        onChangeSearchKey: u
+      }
+    )
+  ] }) : d(e.name) });
+}, ca = (e) => {
+  const {
+    filters: l,
+    onChangeFilters: s,
+    teacherOptions: n,
+    assistantOptions: t,
+    counselorOptions: m,
+    isStudentList: v
+  } = e, [r, g] = z(), [N, h] = z([]), [d, o] = z({
+    ...Ft,
+    isDescending: l.isDescending,
+    searchString: l.searchString
+  }), p = de(), w = $t(), c = G(
+    async (A) => {
+      var O, x, J;
+      try {
+        const L = ((O = (v ? await Le({ ...d, isAssignStudentList: A }) : await Le(d)).data) == null ? void 0 : O.items) || [];
+        h(L);
+      } catch ($) {
+        p(
+          M({
+            type: "danger",
+            message: ((J = (x = $.response) == null ? void 0 : x.data) == null ? void 0 : J.title) || $.message
+          })
+        );
+      }
+    },
+    [JSON.stringify(d), v]
+  ), C = G((A, O, x, J) => {
+    g(A), o({
+      ...d,
+      searchBy: O,
+      searchStringBy: x,
+      isDescending: l.sortBy === J ? l.isDescending : void 0,
+      searchString: l.searchString
+    });
+  }, [JSON.stringify(d), l.isDescending, l.searchString]), u = () => {
+    g("");
+  }, I = G((A, O) => {
+    o({
+      ...d,
+      searchBy: O,
+      searchStringBy: A
+    });
+  }, [JSON.stringify(d)]), f = G((A, O) => {
+    O && (s == null || s({
+      ...l,
+      [Z[O]]: A,
+      currentPage: 1
+    }));
+  }, [JSON.stringify(l)]);
+  return U(() => {
+    !(w.pathname.includes("users/assign-student") && d.searchBy !== void 0) && d.searchBy !== void 0 && c();
+  }, [
+    JSON.stringify(d),
+    w.pathname
+  ]), U(() => {
+    var x;
+    if (!w.pathname.includes("users/assign-student")) return;
+    const A = (J) => J.sort(($, L) => $.localeCompare(L)), O = ((x = d.searchStringBy) == null ? void 0 : x.toLowerCase()) || "";
+    if (d.searchBy === Z.Grade)
+      h(Gt);
+    else {
+      let J = [];
+      switch (d.searchBy) {
+        case Z.Name:
+          c(!0);
+          break;
+        case Z.Teacher:
+          J = (n == null ? void 0 : n.map((j) => j.label).filter(Boolean)) || [];
+          break;
+        case Z.Assistant:
+          J = (t == null ? void 0 : t.map((j) => j.label).filter(Boolean)) || [];
+          break;
+        case Z.Counselor:
+          J = (m == null ? void 0 : m.map((j) => j.label).filter(Boolean)) || [];
+          break;
+      }
+      const $ = Array.from(new Set(J)), L = O ? $.filter(
+        (j) => j.toLowerCase().includes(O)
+      ) : $, X = A(L);
+      h(X);
+    }
+  }, [
+    JSON.stringify(d),
+    n,
+    t,
+    m,
+    w.pathname
+  ]), {
+    popoverFilters: d,
+    popoverId: r,
+    users: N,
+    handleFilterIcon: C,
+    handleCloseFilter: u,
+    handleSearch: I,
+    handleChangeFilters: f
+  };
+}, We = ({
+  headers: e,
+  filters: l,
+  onChangeFilters: s,
+  teacherOptions: n,
+  assistantOptions: t,
+  counselorOptions: m,
+  isStudentList: v
+}) => {
+  const {
+    popoverId: r,
+    users: g,
+    handleFilterIcon: N,
+    handleCloseFilter: h,
+    handleSearch: d,
+    handleChangeFilters: o
+  } = ca({
+    filters: l,
+    onChangeFilters: s,
+    teacherOptions: n,
+    assistantOptions: t,
+    counselorOptions: m,
+    isStudentList: v
+  }), p = Object.entries(l).filter(
+    ([C, u]) => u !== "" && !(Array.isArray(u) && u.length === 0) && u !== null && u !== void 0
+  ).map(([C]) => C), w = Object.entries(Z).filter(([C, u]) => isNaN(Number(C))), c = p.map((C) => w.find(([u]) => u === C)).filter((C) => !!C);
+  return /* @__PURE__ */ a("tr", { children: e.map((C) => C.onSelectAll ? /* @__PURE__ */ a("th", { className: `align-middle text-center ${C.className}`, children: /* @__PURE__ */ a(
+    "input",
+    {
+      type: "checkbox",
+      onChange: () => {
+        var u;
+        return (u = C.onSelectAll) == null ? void 0 : u.call(C);
+      },
+      checked: C.isCheckAll ?? !1
+    }
+  ) }, C.name) : /* @__PURE__ */ a(
+    ra,
+    {
+      users: g,
+      data: C,
+      isCenter: C.isCenter,
+      filters: l,
+      popoverId: r,
+      selectedOptions: l.searchByStrings,
+      onSearch: d,
+      onClose: h,
+      onOpenFilter: N,
+      onChangeFilters: s,
+      onOptionsChange: o,
+      isActive: typeof C.searchBy == "number" && c.some(([u, I]) => I === C.searchBy)
+    },
+    C.name
+  )) });
+}, da = () => {
+  const {
+    fullName: e,
+    queryName: l,
+    userList: s,
+    totalItems: n,
+    filters: t,
+    removeData: m,
+    changeFilters: v,
+    reDirectDetailPage: r,
+    switchUser: g,
+    classFontSize: N
+  } = ta(), { t: h } = ne();
+  return /* @__PURE__ */ y("div", { className: `fadeIn animated h-100 pt-3 ${S[N]}`, children: [
+    /* @__PURE__ */ a("h5", { className: `mb-2 ${S["custom-title-font-size"]}`, children: h("user") }),
+    /* @__PURE__ */ y(fe, { className: `my-2 ${S["custom-font-size"]}`, children: [
+      /* @__PURE__ */ a(oe, { md: 8, children: /* @__PURE__ */ a(
+        Ue,
+        {
+          text: h("create_user"),
+          onClick: () => r(),
+          initValue: l || "",
+          onSearch: (d) => v({
+            searchString: d
+          }),
+          placeholder: h("type_something_to_search_by_user_name")
+        }
+      ) }),
+      /* @__PURE__ */ y(
+        oe,
+        {
+          md: 4,
+          className: `d-flex justify-content-end align-items-center ${S["custom-font-size"]}`,
+          children: [
+            h("total_of_users"),
+            ": ",
+            n
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ y(fe, { className: "mb-2", children: [
+      /* @__PURE__ */ a(oe, { md: 12, children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ y(je, { bordered: !0, hover: !0, striped: !0, responsive: !0, size: "sm", children: [
+        /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a(
+          We,
+          {
+            headers: zt,
+            filters: t,
+            fullName: e,
+            onChangeFilters: v
+          }
+        ) }),
+        /* @__PURE__ */ y("tbody", { children: [
+          s && s.length > 0 && s.map((d) => /* @__PURE__ */ y("tr", { children: [
+            /* @__PURE__ */ a("td", { className: `align-middle ${S["custom-font-size"]}`, children: /* @__PURE__ */ a(
+              et,
+              {
+                label: `${d.fullName}`,
+                onClick: () => r(
+                  d.id
+                )
+              }
+            ) }),
+            /* @__PURE__ */ a("td", { className: `align-middle ${S["custom-font-size"]}`, children: d.email }),
+            /* @__PURE__ */ a("td", { className: `align-middle ${S["custom-font-size"]}`, children: d.dateOfBirth !== tt && xt(
+              /* @__PURE__ */ new Date(),
+              Bt(
+                d.dateOfBirth,
+                Intl.DateTimeFormat().resolvedOptions().timeZone
+              )
+            ) }),
+            /* @__PURE__ */ a("td", { className: `align-middle ${S["custom-font-size"]}`, children: !!d.roles && d.roles.map((o) => o === "SecondaryTeacher" ? "SupportTeacher" : o).join(", ") }),
+            /* @__PURE__ */ a("td", { className: `align-middle ${S["custom-font-size"]}`, children: h(d.isActive ? "active" : "inactive") }),
+            /* @__PURE__ */ a("td", { className: `align-middle ${S["custom-font-size"]}`, children: at(d == null ? void 0 : d.createTime, "yyyy-MM-DD HH:mm") }),
+            /* @__PURE__ */ y("td", { className: `align-middle text-center ${S["custom-font-size"]}`, children: [
+              /* @__PURE__ */ a(
+                st,
+                {
+                  style: { fontSize: "18px", marginRight: "10px", cursor: "pointer" },
+                  onClick: () => g(d)
+                }
+              ),
+              /* @__PURE__ */ a(
+                nt,
+                {
+                  onClick: () => m(d.id)
+                }
+              )
+            ] })
+          ] }, d.id)),
+          (!s || !s.length) && /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: 12, className: "p-0", children: /* @__PURE__ */ a(Je, { className: "mb-0", label: h("user") }) }) })
+        ] })
+      ] }) }) }),
+      /* @__PURE__ */ a(oe, { md: 12, children: /* @__PURE__ */ a(
+        Ge,
+        {
+          filters: t,
+          totalRecordCount: n,
+          changePageSize: (d) => v({ pageSize: d }),
+          changePage: (d) => v({ currentPage: d }),
+          className: `${S["custom-font-size"]}`
+        }
+      ) })
+    ] })
+  ] });
+}, ma = 12, ua = 20, ha = () => {
+  const e = de(), [l, s] = z([]), [n, t] = z(Lt), [m, v] = z(0), [r, g] = z(!1), [N, h] = z([]), d = Ce((k) => {
+    var B;
+    return (B = k.common) == null ? void 0 : B.defaultFontSize;
+  }), [o, p] = z([]), [w, c] = z(kt), [C, u] = z(null), I = (k) => {
+    u((B) => B === k ? null : k);
+  }, f = ce(() => d == ua ? "font-large" : d == ma ? "font-small" : "", [d]), A = (k) => {
+    const B = {
+      ...n,
+      ...k
+    };
+    B.searchString && k.searchString && k.searchString != n.searchString && (B.currentPage = 1), t(B);
+  }, O = G((k) => {
+    k !== n.sortBy ? A({
+      sortBy: k,
+      orderBy: "ASC",
+      currentPage: 1
+    }) : A({
+      sortBy: k,
+      orderBy: n.orderBy !== "DESC" ? "DESC" : "ASC",
+      currentPage: 1
+    });
+  }, [JSON.stringify(n)]), x = async () => {
+    var k, B, D, Y;
+    e(V(!0));
+    try {
+      const F = Object.entries(n).filter(([ee, re]) => re !== void 0).reduce((ee, [re, me]) => (ee[re] = me, ee), {}), W = {};
+      for (const ee in F) {
+        const re = ee.charAt(0).toLowerCase() + ee.slice(1);
+        W[re] = F[ee];
+      }
+      const K = await bt(W);
+      s((k = K == null ? void 0 : K.data) == null ? void 0 : k.items), v((B = K == null ? void 0 : K.data) == null ? void 0 : B.totalItems);
+    } catch (F) {
+      e(
+        M({
+          type: "danger",
+          message: ((Y = (D = F.response) == null ? void 0 : D.data) == null ? void 0 : Y.title) || F.message
+        })
+      );
+    }
+    e(V(!1));
+  }, J = () => {
+    g(!r), h(l.map((k) => k.id)), p(l), r && (h([]), p([]));
+  }, $ = (k) => {
+    const { id: B, checked: D } = k.target;
+    if (D) {
+      h((F) => [...F, B]);
+      const Y = l.find((F) => F.id === B);
+      Y && p((F) => [...F, Y]);
+    } else
+      h((Y) => Y.filter((F) => F !== B)), p((Y) => Y.filter((F) => F.id !== B));
+  }, L = G(() => {
+    n.currentPage == 1 ? x() : A({ currentPage: 1 }), h([]), p([]), g(!1);
+  }, [JSON.stringify(n)]);
+  U(() => {
+    x();
+  }, [JSON.stringify(n)]), U(() => {
+    document.title = "User | Assign student";
+  }, []);
+  const X = ce(() => {
+    const k = l.filter((D) => N.includes(D.id)).flatMap((D) => D.teachers), B = /* @__PURE__ */ new Map();
+    return k.forEach((D) => {
+      B.has(D.teacherUserId) || B.set(D.teacherUserId, D);
+    }), Array.from(B.values()).map((D) => ({
+      value: D.teacherUserId,
+      label: D.mainTeacherEmail
+    }));
+  }, [o, N]), j = ce(() => {
+    const k = l.filter((D) => N.includes(D.id)).flatMap((D) => D.counselors), B = /* @__PURE__ */ new Map();
+    return k.forEach((D) => {
+      B.has(D.counselorUserId) || B.set(D.counselorUserId, D);
+    }), Array.from(B.values()).map((D) => ({
+      value: D.counselorUserId,
+      label: D.counselorEmail
+    }));
+  }, [o, N]), le = ce(() => {
+    const k = l.filter((D) => N.includes(D.id) && D.assistantUserId).map((D) => ({
+      value: D.assistantUserId,
+      label: D.assistantEmail
+    })), B = /* @__PURE__ */ new Map();
+    return k.forEach((D) => {
+      B.has(D.value) || B.set(D.value, D);
+    }), Array.from(B.values());
+  }, [l, N]);
+  return {
+    handelSort: O,
+    handleRetrievedData: L,
+    totalItem: m,
+    userList: l,
+    filters: n,
+    changeFilters: A,
+    handleSelectAll: J,
+    handleClickCheck: $,
+    isCheckAll: r,
+    isCheck: N,
+    classFontSize: f,
+    selectedUser: w,
+    setSelectedUser: c,
+    userSelected: o,
+    studentTeacherSelected: X,
+    studentCounselorSelected: j,
+    studentAssistantSelected: le,
+    openTooltip: C,
+    toggle: I
+  };
+}, ga = () => {
+  const e = de(), [l, s] = z([]), [n, t] = z(), m = async () => {
+    var g, N, h, d;
+    try {
+      const o = await It();
+      if (o.data) {
+        const p = ((N = (g = o.data.items).map) == null ? void 0 : N.call(g, (w) => ({
+          label: w.email,
+          value: w.id
+        }))) || [];
+        p.sort((w, c) => w.label.localeCompare(c.label)), s(p);
+      } else
+        s([]);
+    } catch (o) {
+      e(
+        M({
+          type: "danger",
+          message: ((d = (h = o.response) == null ? void 0 : h.data) == null ? void 0 : d.title) || o.message
+        })
+      );
+    }
+  }, v = G((g, N) => {
+    let h = l.find((d) => d.value === g);
+    t({
+      ...n,
+      [N]: h
+    });
+  }, [JSON.stringify(n), JSON.stringify(l)]), r = G((g, N) => {
+    s([
+      ...l,
+      g
+    ]), t({
+      ...n,
+      [N]: g
+    });
+  }, [JSON.stringify(l), JSON.stringify(n)]);
+  return U(() => {
+    m();
+  }, []), {
+    selectedCounselors: n,
+    counselorOptions: l,
+    handleSelectCounselor: v,
+    handleCreateCounselorOption: r,
+    setSelectedCounselors: t
+  };
+}, pa = () => {
+  const e = de(), [l, s] = z([]), [n, t] = z(), m = async () => {
+    var g, N, h, d;
+    try {
+      const o = await Tt();
+      if (o.data) {
+        const p = ((N = (g = o.data.items).map) == null ? void 0 : N.call(g, (w) => ({
+          label: w.email,
+          value: w.id
+        }))) || [];
+        p.sort((w, c) => w.label.localeCompare(c.label)), s(p);
+      } else
+        s([]);
+    } catch (o) {
+      e(
+        M({
+          type: "danger",
+          message: ((d = (h = o.response) == null ? void 0 : h.data) == null ? void 0 : d.title) || o.message
+        })
+      );
+    }
+  }, v = G((g, N) => {
+    let h = l.find((d) => d.value === g);
+    t({
+      ...n,
+      [N]: h
+    });
+  }, [JSON.stringify(n), JSON.stringify(l)]), r = G((g, N) => {
+    s([
+      ...l,
+      g
+    ]), t({
+      ...n,
+      [N]: g
+    });
+  }, [JSON.stringify(l), JSON.stringify(n)]);
+  return U(() => {
+    m();
+  }, []), {
+    selectedAssistants: n,
+    assistantOptions: l,
+    handleSelectAssistant: v,
+    handleCreateAssistantOption: r,
+    setSelectedAssistants: t
+  };
+}, fa = (e) => {
+  const l = de(), [s, n] = z([]), [t, m] = z(), v = async () => {
+    var N, h, d, o;
+    try {
+      const p = await Et({
+        sortBy: "Email"
+      });
+      if (p.data) {
+        const w = ((h = (N = p.data).map) == null ? void 0 : h.call(N, (c) => ({
+          label: c.email,
+          value: c.id
+        }))) || [];
+        e && w.sort((c, C) => c.label.localeCompare(C.label)), n(w);
+      } else
+        n([]);
+    } catch (p) {
+      l(
+        M({
+          type: "danger",
+          message: ((o = (d = p.response) == null ? void 0 : d.data) == null ? void 0 : o.title) || p.message
+        })
+      );
+    }
+  }, r = G((N, h) => {
+    let d = s.filter((o) => N.includes(o.value));
+    m({
+      ...t,
+      [h]: d
+    });
+  }, [JSON.stringify(t), JSON.stringify(s)]), g = G((N, h) => {
+    n([
+      ...s,
+      N
+    ]), m({
+      ...t,
+      [h]: N
+    });
+  }, [JSON.stringify(s), JSON.stringify(t)]);
+  return U(() => {
+    v();
+  }, []), {
+    selectedTeachers: t,
+    teacherOptions: s,
+    handleSelectTeacher: r,
+    handleCreateTeacherOption: g,
+    setSelectedTeachers: m
+  };
+}, va = (e, l, s, n, t, m, v) => {
+  const r = de(), { t: g } = ne(), [N, h] = z(!1), [d, o] = z(0), [p, w] = z([]), [c, C] = z(Ne), [u, I] = z(!1), [f, A] = z(""), [O, x] = z(!1), [J, $] = z(!1), [L, X] = z(Pe), [j, le] = z(!1), k = (b) => {
+    if (b && b.length === 0) {
+      r(
+        M({
+          type: "danger",
+          message: "Please select student(s)!"
+        })
+      );
+      return;
+    }
+    le(!j);
+  }, B = () => {
+    h(!1), o(0), w([]);
+  }, D = () => {
+    x(!O), A("");
+  }, Y = (b) => {
+    if (b && b.length === 0) {
+      r(
+        M({
+          type: "danger",
+          message: "Please select students!"
+        })
+      );
+      return;
+    }
+    $(!J), C({ ...Ne }), X({ ...Pe });
+  }, F = G(async (b) => {
+    var R, _;
+    if (L.assistantRemoveUserId.length && !L.assistantSwitchDataUserId) {
+      r(
+        M({
+          type: "danger",
+          message: "Please select an assistant to transfer data!"
+        })
+      );
+      return;
+    }
+    if (L.teacherRemoveUserIds.length && !L.teacherSwitchDataUserId) {
+      r(
+        M({
+          type: "danger",
+          message: "Please select a teacher to transfer data!"
+        })
+      );
+      return;
+    }
+    if (L.counselorRemoveUserIds.length && !L.counselorSwitchDataUserId) {
+      r(
+        M({
+          type: "danger",
+          message: "Please select a counselor to transfer data!"
+        })
+      );
+      return;
+    }
+    r(V(!0));
+    try {
+      await At({ ...L, studentUserIds: b || [] }), n == null || n(), await (v == null ? void 0 : v()), r(M({
+        type: "success",
+        message: `Remove ${L.assistantRemoveUserId.length + L.teacherRemoveUserIds.length + L.counselorRemoveUserIds.length} educator(s) successfully!`
+      }));
+    } catch (T) {
+      r(
+        M({
+          type: "danger",
+          message: ((_ = (R = T.response) == null ? void 0 : R.data) == null ? void 0 : _.title) || T.message
+        })
+      );
+    }
+    Y(), r(V(!1));
+  }, [L]), W = (b) => {
+    if (b && b.length === 0) {
+      r(
+        M({
+          type: "danger",
+          message: "Please select students!"
+        })
+      );
+      return;
+    }
+    I(!u), C({ ...Ne });
+  }, K = (b) => {
+    o((R) => R === b ? -1 : b);
+  }, ee = (b, R) => {
+    switch (b) {
+      case "assistant":
+        C({
+          ...c,
+          assistantId: R.value,
+          assistantEmail: R.label
+        });
+        break;
+      case "secondary":
+        C({
+          ...c,
+          secondaryTeacherId: R.value,
+          secondaryTeacherEmail: R.label
+        });
+        break;
+      case "grade":
+        C({
+          ...c,
+          gradeLevel: R.value
+        });
+        break;
+    }
+  }, re = (b) => {
+    C({
+      ...c,
+      teacher: b
+    });
+  }, me = (b) => {
+    C({
+      ...c,
+      counselors: b
+    });
+  }, Ee = async (b) => {
+    if (c.teacher.length === 0) {
+      r(
+        M({
+          type: "danger",
+          message: "Please select teacher before assign!"
+        })
+      );
+      return;
+    }
+    if (p.length > 0 && !b) {
+      x(!0);
+      return;
+    }
+    const R = {
+      id: (t == null ? void 0 : t.id) || "",
+      mainTeacherUserId: c.teacher.filter((_) => {
+        var T;
+        return !((T = t == null ? void 0 : t.teachers) != null && T.some((i) => i.teacherUserId === _.id));
+      }).map((_) => _.id) || [],
+      mainTeacherEmail: c.teacher.filter((_) => {
+        var T;
+        return !((T = t == null ? void 0 : t.teachers) != null && T.some((i) => i.teacherUserId === _.id));
+      }).map((_) => _.email) || [],
+      assistantUserId: c != null && c.assistantId ? c == null ? void 0 : c.assistantId : void 0,
+      assistantEmail: c != null && c.assistantEmail ? c == null ? void 0 : c.assistantEmail : void 0,
+      counselorUserIds: c.counselors.map((_) => _.id) || [],
+      counselorEmails: c.counselors.map((_) => _.email) || [],
+      removeTeacherUserIds: p,
+      teacherSwitchUserId: b || ""
+    };
+    c != null && c.gradeLevel && c.gradeLevel !== (t == null ? void 0 : t.gradeLevel) && await wt((t == null ? void 0 : t.id) || "", c == null ? void 0 : c.gradeLevel), ue([R]);
+  }, ue = async (b) => {
+    var R, _;
+    r(V(!0));
+    try {
+      await ye(b), r(
+        M({
+          type: "success",
+          message: "Created Successfully"
+        })
+      ), n == null || n();
+    } catch (T) {
+      r(
+        M({
+          type: "danger",
+          message: ((_ = (R = T.response) == null ? void 0 : R.data) == null ? void 0 : _.title) || T.message
+        })
+      );
+    }
+    r(V(!1));
+  }, Ae = G((b) => {
+    if (b.length === 0) {
+      r(
+        M({
+          type: "danger",
+          message: g("not_found_selected_student")
+        })
+      );
+      return;
+    }
+    if (b.some((T) => {
+      const i = e == null ? void 0 : e[T], E = l == null ? void 0 : l[T], P = s == null ? void 0 : s[T];
+      return !i && !E && !P;
+    })) {
+      r(
+        M({
+          type: "danger",
+          message: g("please_select_add_teacher_for_all_selected_student_first")
+        })
+      );
+      return;
+    }
+    const _ = b == null ? void 0 : b.map((T) => {
+      const i = e == null ? void 0 : e[T], E = l == null ? void 0 : l[T], P = s == null ? void 0 : s[T], q = Array.isArray(P) ? P : P ? [P] : [], se = {
+        id: T
+      };
+      return i && (se.mainTeacherUserId = i ? i == null ? void 0 : i.map((te) => te.value) : [], se.mainTeacherEmail = i ? i == null ? void 0 : i.map((te) => te.label) : []), E && (se.assistantUserId = E != null && E.value && typeof (E == null ? void 0 : E.value) == "string" ? E == null ? void 0 : E.value : void 0, se.assistantEmail = E != null && E.value && typeof (E == null ? void 0 : E.value) == "number" ? E == null ? void 0 : E.label : void 0), se.counselorUserIds = q.map((te) => te.value), se.counselorEmails = q.map((te) => te.label), se;
+    });
+    ue([..._]);
+  }, [JSON.stringify(e), JSON.stringify(l), JSON.stringify(s)]), De = G((b) => {
+    const R = e == null ? void 0 : e[b], _ = l == null ? void 0 : l[b], T = s == null ? void 0 : s[b];
+    if (!R && !_ && !T) {
+      r(
+        M({
+          type: "danger",
+          message: g("please_select_add_teacher_for_selected_student_first")
+        })
+      );
+      return;
+    }
+    const i = {
+      id: b
+    };
+    R && (i.mainTeacherUserId = R ? R == null ? void 0 : R.map((E) => E.value) : void 0, i.mainTeacherEmail = R ? R == null ? void 0 : R.map((E) => E.label) : void 0), _ && (i.assistantUserId = _ != null && _.value && typeof (_ == null ? void 0 : _.value) == "string" ? _ == null ? void 0 : _.value : void 0, i.assistantEmail = _ != null && _.value && typeof (_ == null ? void 0 : _.value) == "number" ? _ == null ? void 0 : _.label : void 0), T && (i.counselorUserIds = T != null && T.value && typeof (T == null ? void 0 : T.value) == "string" ? [T == null ? void 0 : T.value] : [], i.counselorEmails = T != null && T.value && typeof (T == null ? void 0 : T.value) == "number" ? [T == null ? void 0 : T.label] : []), ue([i]);
+  }, [JSON.stringify(e), JSON.stringify(l), JSON.stringify(s)]);
+  U(() => {
+    var b, R;
+    return t != null && t.id && C({
+      teacher: (b = t == null ? void 0 : t.teachers) == null ? void 0 : b.map((_) => ({
+        id: _.teacherUserId,
+        email: _.mainTeacherEmail
+      })),
+      assistantId: t == null ? void 0 : t.assistantUserId,
+      assistantEmail: t == null ? void 0 : t.assistantEmail,
+      counselors: (R = t == null ? void 0 : t.counselors) == null ? void 0 : R.map((_) => ({
+        id: _.counselorUserId,
+        email: _.counselorEmail
+      })),
+      secondaryTeacherEmail: t == null ? void 0 : t.secondaryTeacherEmail,
+      secondaryTeacherId: t == null ? void 0 : t.secondaryTeacherUserId,
+      gradeLevel: t == null ? void 0 : t.gradeLevel
+    }), () => {
+      C(Ne);
+    };
+  }, [t]);
+  const he = () => {
+    h(!1), w([]);
+  };
+  return {
+    handleAssignSingleStudent: De,
+    handleAssignMultiStudent: Ae,
+    openDetailModal: N,
+    setOpenDetailModal: h,
+    onClose: B,
+    toggleCollapse: K,
+    activeIndex: d,
+    staffBulkAssign: c,
+    removeTeacherUserIds: p,
+    handleChangeCounselorBulk: me,
+    handleChangeTeacherBulk: re,
+    handleEditAssignForStudents: Ee,
+    handleChangeStaffBulk: ee,
+    handleToggleModel: W,
+    openModelBulk: u,
+    onAssignStaffToStudents: async (b) => {
+      var _, T, i;
+      if (b.length === 0) {
+        r(
+          M({
+            type: "danger",
+            message: "Not found selected student."
+          })
+        );
+        return;
+      }
+      if (c.teacher.length === 0 && c.counselors.length === 0 && !c.assistantId && !c.secondaryTeacherId) {
+        r(
+          M({
+            type: "danger",
+            message: "No change to assign!"
+          })
+        );
+        return;
+      }
+      const R = ((_ = m == null ? void 0 : m.filter((E) => b == null ? void 0 : b.includes(E.id))) == null ? void 0 : _.every((E) => Array.isArray(E.teachers) && E.teachers.length > 0)) ?? !1;
+      if (c.teacher.length === 0 && !R) {
+        r(
+          M({
+            type: "danger",
+            message: "Please assign a teacher to each student before giving other educators access to them"
+          })
+        );
+        return;
+      }
+      r(V(!0));
+      try {
+        if (c.teacher.length > 0 && m && m.length > 0) {
+          const P = m.filter((q) => b.includes(q.id)).map((q) => {
+            var ge;
+            const se = ((ge = q.teachers) == null ? void 0 : ge.map((Q) => Q.teacherUserId)) || [], te = c.teacher.filter(
+              (Q) => !se.includes(Q.id)
+            );
+            return {
+              id: q.id,
+              mainTeacherUserId: te.map((Q) => Q.id),
+              mainTeacherEmail: te.map((Q) => Q.email)
+            };
+          }).filter((q) => q.mainTeacherUserId.length > 0 || q.mainTeacherEmail.length > 0);
+          P.length > 0 && await ye(P);
+        }
+        if (c.counselors.length > 0 && m && m.length > 0) {
+          const P = m.filter((q) => b.includes(q.id)).map((q) => {
+            var ge;
+            const se = ((ge = q.counselors) == null ? void 0 : ge.map((Q) => Q.counselorUserId)) || [], te = c.counselors.filter(
+              (Q) => !se.includes(Q.id)
+            );
+            return {
+              id: q.id,
+              counselorUserIds: te.map((Q) => Q.id),
+              counselorEmails: te.map((Q) => Q.email)
+            };
+          }).filter((q) => q.counselorUserIds.length > 0 || q.counselorEmails.length > 0);
+          P.length > 0 && await ye(P);
+        }
+        const E = m == null ? void 0 : m.filter((P) => !P.assistantUserId);
+        if (E && (E == null ? void 0 : E.length) > 0 && c.assistantId) {
+          const P = E.map((q) => ({
+            id: q.id,
+            assistantUserId: c.assistantId,
+            assistantEmail: c.assistantEmail
+          }));
+          await ye(P.filter((q) => q !== void 0));
+        }
+        r(
+          M({
+            type: "success",
+            message: "Student assigned successfully"
+          })
+        ), n == null || n(), he(), W();
+      } catch (E) {
+        r(
+          M({
+            type: "danger",
+            message: ((i = (T = E.response) == null ? void 0 : T.data) == null ? void 0 : i.title) || E.message
+          })
+        );
+      }
+      r(V(!1));
+    },
+    onToggleModelDeleteBulk: Y,
+    openModelDeleteBulk: J,
+    handleRemoveBulkStaff: F,
+    switchStaffUsers: L,
+    setSwitchStaffUsers: X,
+    setTeacherSwitchUserId: A,
+    teacherSwitchUserId: f,
+    onToggleModelSwitchDataTeacher: D,
+    openModelSwitchDataTeacher: O,
+    handelChangeStaffRemove: (b) => {
+      X({
+        ...L,
+        ...b
+      });
+    },
+    handleToggleInactiveModal: k,
+    openInactiveModal: j,
+    handleInactiveStudents: async (b, R) => {
+      var _, T;
+      r(V(!0));
+      try {
+        (await Dt(b)).status == 200 && (r(
+          M({
+            type: "success",
+            message: `Inactive ${b.length} Students successfully`
+          })
+        ), R());
+      } catch (i) {
+        r(
+          M({
+            type: "danger",
+            message: ((T = (_ = i.response) == null ? void 0 : _.data) == null ? void 0 : T.title) || i.message
+          })
+        );
+      }
+      le(!j), r(V(!1));
+    }
+  };
+}, ya = ({
+  teachers: e,
+  onChangeStaffRemove: l,
+  switchStaffUsers: s
+}) => {
+  const { t: n } = ne();
+  return /* @__PURE__ */ y("div", { children: [
+    /* @__PURE__ */ a("h6", { children: "Select teacher to remove" }),
+    /* @__PURE__ */ a(
+      ie,
+      {
+        isMulti: !0,
+        value: e.filter(
+          (t) => s.teacherRemoveUserIds.includes(t.value)
+        ) || [],
+        options: e.filter(
+          (t) => !s.teacherRemoveUserIds.includes(
+            t.value
+          ) && t.value !== s.teacherSwitchDataUserId
+        ) || [],
+        placeholder: n("select_teacher"),
+        className: `flex-grow-1 mb-3 ${S["custom-chip-teacher-select"]}`,
+        onChange: (t) => {
+          l({
+            teacherRemoveUserIds: t.map((m) => m.value)
+          });
+        },
+        isClearable: !0
+      }
+    ),
+    /* @__PURE__ */ a("h6", { className: "mt-3", children: "Select the teacher to transfer data to" }),
+    /* @__PURE__ */ a(
+      ie,
+      {
+        value: e.find(
+          (t) => s.teacherSwitchDataUserId == t.value
+        ) || null,
+        options: e.filter(
+          (t) => !s.teacherRemoveUserIds.includes(
+            t.value
+          ) && t.value !== s.teacherSwitchDataUserId
+        ) || [],
+        placeholder: n("select_teacher"),
+        className: `flex-grow-1 mb-3 ${S["custom-chip-teacher-select"]}`,
+        onChange: (t) => {
+          l({
+            teacherSwitchDataUserId: t == null ? void 0 : t.value
+          });
+        },
+        isClearable: !0
+      }
+    )
+  ] });
+}, Na = ({
+  assistants: e,
+  onChangeStaffRemove: l,
+  switchStaffUsers: s
+}) => {
+  const { t: n } = ne();
+  return /* @__PURE__ */ y("div", { children: [
+    /* @__PURE__ */ a("h6", { children: "Select assistant to remove" }),
+    /* @__PURE__ */ a(
+      ie,
+      {
+        isMulti: !0,
+        value: e.filter(
+          (t) => s.assistantRemoveUserId.includes(t.value)
+        ) || [],
+        options: e.filter(
+          (t) => !s.assistantRemoveUserId.includes(
+            t.value
+          ) && t.value !== s.assistantSwitchDataUserId
+        ) || [],
+        placeholder: n("select_assistant"),
+        className: `flex-grow-1 mb-3 ${S["custom-chip-teacher-select"]}`,
+        onChange: (t) => {
+          l({
+            assistantRemoveUserId: t.map((m) => m.value)
+          });
+        },
+        isClearable: !0
+      }
+    ),
+    /* @__PURE__ */ a("h6", { className: "mt-3", children: "Select the assistant to transfer data to" }),
+    /* @__PURE__ */ a(
+      ie,
+      {
+        value: e.find(
+          (t) => s.assistantSwitchDataUserId == t.value
+        ) || null,
+        options: e.filter(
+          (t) => !s.assistantRemoveUserId.includes(
+            t.value
+          ) && t.value !== s.assistantSwitchDataUserId
+        ) || [],
+        placeholder: n("select_assistant"),
+        className: `flex-grow-1 mb-3 ${S["custom-chip-assistant-select"]}`,
+        onChange: (t) => {
+          l({
+            assistantSwitchDataUserId: t == null ? void 0 : t.value
+          });
+        },
+        isClearable: !0
+      }
+    )
+  ] });
+}, Ca = ({
+  counselors: e,
+  onChangeStaffRemove: l,
+  switchStaffUsers: s
+}) => {
+  const { t: n } = ne();
+  return /* @__PURE__ */ y("div", { children: [
+    /* @__PURE__ */ a("h6", { children: "Select counselor to remove" }),
+    /* @__PURE__ */ a(
+      ie,
+      {
+        isMulti: !0,
+        value: e.filter(
+          (t) => s.counselorRemoveUserIds.includes(t.value)
+        ) || [],
+        options: e.filter(
+          (t) => !s.counselorRemoveUserIds.includes(
+            t.value
+          ) && t.value !== s.counselorSwitchDataUserId
+        ) || [],
+        placeholder: n("select_counselor"),
+        className: `flex-grow-1 mb-3 ${S["custom-chip-teacher-select"]}`,
+        onChange: (t) => {
+          l({
+            counselorRemoveUserIds: t.map((m) => m.value)
+          });
+        },
+        isClearable: !0
+      }
+    ),
+    /* @__PURE__ */ a("h6", { className: "mt-3", children: "Select the counselor to transfer data to" }),
+    /* @__PURE__ */ a(
+      ie,
+      {
+        value: e.find(
+          (t) => s.counselorSwitchDataUserId == t.value
+        ) || null,
+        options: e.filter(
+          (t) => !s.counselorRemoveUserIds.includes(
+            t.value
+          ) && t.value !== s.counselorSwitchDataUserId
+        ) || [],
+        placeholder: n("select_counselor"),
+        className: `flex-grow-1 mb-3 ${S["custom-chip-counselor-select"]}`,
+        onChange: (t) => {
+          l({
+            counselorSwitchDataUserId: t == null ? void 0 : t.value
+          });
+        },
+        isClearable: !0
+      }
+    )
+  ] });
+}, _a = ({ tabs: e }) => {
+  const { t: l } = ne(), [s, n] = z(0), t = (v) => {
+    n(v);
+  };
+  return /* @__PURE__ */ a("div", { className: "animated fadeIn", children: /* @__PURE__ */ a(fe, { children: /* @__PURE__ */ y(oe, { xl: 12, children: [
+    /* @__PURE__ */ a(ct, { tabs: !0, children: e.map((v, r) => {
+      const g = r === s;
+      return /* @__PURE__ */ a(dt, { children: /* @__PURE__ */ a(
+        mt,
+        {
+          className: `${g ? "active" : ""} cursor-pointer`,
+          onClick: () => t(r),
+          style: {
+            color: g ? "#316CD9" : "#242424"
+          },
+          children: l(v.title)
+        }
+      ) }, r);
+    }) }),
+    /* @__PURE__ */ a(
+      ut,
+      {
+        activeTab: s,
+        className: "border-bottom-0 border-left-0 border-right-0 p-3",
+        children: e.map((v, r) => /* @__PURE__ */ a(ht, { tabId: r, children: /* @__PURE__ */ a(v.component, {}) }, r))
+      }
+    )
+  ] }) }) });
+}, Sa = ({
+  open: e,
+  onClose: l,
+  teachers: s,
+  onChangeStaffRemove: n,
+  switchStaffUsers: t,
+  assistants: m,
+  onRemoveBulkStaff: v,
+  counselors: r,
+  studentUserIds: g
+}) => {
+  const { t: N } = ne(), h = [
+    {
+      title: "Remove Teacher",
+      component: () => /* @__PURE__ */ a(
+        ya,
+        {
+          teachers: s,
+          onChangeStaffRemove: n,
+          switchStaffUsers: t
+        }
+      )
+    },
+    {
+      title: "Remove Assistant",
+      component: () => /* @__PURE__ */ a(
+        Na,
+        {
+          assistants: m,
+          onChangeStaffRemove: n,
+          switchStaffUsers: t
+        }
+      )
+    },
+    {
+      title: "Remove Counselor",
+      component: () => /* @__PURE__ */ a(
+        Ca,
+        {
+          counselors: r,
+          onChangeStaffRemove: n,
+          switchStaffUsers: t
+        }
+      )
+    }
+  ];
+  return /* @__PURE__ */ y(_e, { size: "lg", centered: !0, isOpen: e, toggle: () => l(), zIndex: 1201, children: [
+    /* @__PURE__ */ a(
+      Se,
+      {
+        className: `${S["header-assign-for-student"]} border-0`,
+        children: /* @__PURE__ */ a("div", { children: "Remove Bulk" })
+      }
+    ),
+    /* @__PURE__ */ a(be, { className: "p-0", children: /* @__PURE__ */ a(_a, { tabs: h }) }),
+    /* @__PURE__ */ y(Ie, { className: "text-right", children: [
+      /* @__PURE__ */ a(ae, { onClick: () => l(), children: N("cancel") }),
+      /* @__PURE__ */ a(
+        ae,
+        {
+          disabled: !t.teacherRemoveUserIds.length && !t.assistantRemoveUserId && !t.counselorRemoveUserIds.length,
+          color: "primary",
+          onClick: async () => {
+            await v(g);
+          },
+          children: "Remove"
+        }
+      )
+    ] })
+  ] });
+};
+function ba(e) {
+  return Te({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M228.9 79.9L51.8 403.1C40.6 423.3 55.5 448 78.9 448h354.3c23.3 0 38.2-24.7 27.1-44.9L283.1 79.9c-11.7-21.2-42.5-21.2-54.2 0zM273.6 214L270 336h-28l-3.6-122h35.2zM256 402.4c-10.7 0-19.1-8.1-19.1-18.4s8.4-18.4 19.1-18.4 19.1 8.1 19.1 18.4-8.4 18.4-19.1 18.4z" } }] })(e);
+}
+const Ia = ({
+  openDetailModal: e,
+  onClose: l,
+  selectedUser: s,
+  staffBulkAssign: n,
+  teacherOptions: t,
+  handleChangeTeacherBulk: m,
+  handleChangeCounselorBulk: v,
+  assistantOptions: r,
+  counselorOptions: g,
+  handleChangeStaffBulk: N,
+  handleEditAssignForStudents: h,
+  toggleCollapse: d,
+  activeIndex: o
+}) => {
+  var c, C;
+  const { t: p } = ne(), w = [
+    (s == null ? void 0 : s.teachers) || [],
+    (s == null ? void 0 : s.counselors) || []
+  ];
+  return /* @__PURE__ */ y(
+    _e,
+    {
+      centered: !0,
+      isOpen: e,
+      toggle: () => l(),
+      children: [
+        /* @__PURE__ */ y(Se, { className: S["header-assign-for-student"], children: [
+          /* @__PURE__ */ y("div", { children: [
+            "Assign student ",
+            s == null ? void 0 : s.fullName
+          ] }),
+          /* @__PURE__ */ y("div", { children: [
+            "Grade ",
+            s == null ? void 0 : s.gradeLevel
+          ] })
+        ] }),
+        /* @__PURE__ */ y(be, { children: [
+          w.map((u, I) => /* @__PURE__ */ y("div", { children: [
+            /* @__PURE__ */ y(
+              "button",
+              {
+                type: "button",
+                className: `btn ${S["btn-collapse"]} ${o === I ? "btn-link " : ""}`,
+                onClick: () => d(I),
+                children: [
+                  p(I === 0 ? "current_teacher_name" : "current_counselor_name"),
+                  " ",
+                  `(${u.length})`,
+                  " ",
+                  /* @__PURE__ */ a("i", { className: `fa fa-angle-${o === I ? "up" : "down"}` })
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(gt, { isOpen: o === I, children: /* @__PURE__ */ a(pt, { children: /* @__PURE__ */ a(ft, { children: u.length > 0 ? u.map((f) => I === 0 ? /* @__PURE__ */ y("li", { children: [
+              f.mainTeacherName,
+              " - ",
+              f.mainTeacherEmail
+            ] }, f.mainTeacherEmail) : /* @__PURE__ */ y("li", { children: [
+              f.counselorName,
+              " - ",
+              f.counselorEmail
+            ] }, f.counselorUserId)) : /* @__PURE__ */ a("div", { children: p("no_data") }) }) }) })
+          ] }, I)),
+          /* @__PURE__ */ a("div", { children: p("teacher_email") }),
+          /* @__PURE__ */ a(
+            ie,
+            {
+              isMulti: !0,
+              value: (c = n.teacher) == null ? void 0 : c.filter((u) => {
+                var I;
+                return !((I = s.teachers) != null && I.some((f) => f.teacherUserId === u.id));
+              }).map((u) => ({ label: u.email, value: u.id })),
+              options: t == null ? void 0 : t.filter((u) => {
+                var I;
+                return !((I = s.teachers) != null && I.some((f) => f.teacherUserId === u.value));
+              }),
+              placeholder: p("select_teacher"),
+              className: `flex-grow-1 mb-3 ${S["custom-chip-teacher-select"]}`,
+              onChange: (u) => {
+                const I = u.map((f) => ({
+                  id: f.value,
+                  email: f.label
+                }));
+                m(I);
+              },
+              isClearable: !0,
+              style: { maxWidth: 120 }
+            }
+          ),
+          /* @__PURE__ */ a("div", { children: p("assistant_email") }),
+          /* @__PURE__ */ a(
+            He,
+            {
+              value: r.find((u) => u.value == n.assistantId || u.label == n.assistantEmail) || null,
+              options: r,
+              onChange: (u) => {
+                N("assistant", u);
+              },
+              placeholder: p("select_assistant"),
+              className: "flex-grow-1 mb-3"
+            }
+          ),
+          /* @__PURE__ */ a("div", { children: p("counselor_email") }),
+          /* @__PURE__ */ a(
+            ie,
+            {
+              isMulti: !0,
+              value: (C = n.counselors) == null ? void 0 : C.filter((u) => {
+                var I;
+                return !((I = s.counselors) != null && I.some((f) => f.counselorUserId === u.id));
+              }).map((u) => ({ label: u.email, value: u.id })),
+              options: g == null ? void 0 : g.filter((u) => {
+                var I;
+                return !((I = s.counselors) != null && I.some((f) => f.counselorUserId === u.value));
+              }),
+              placeholder: p("select_counselor"),
+              className: `flex-grow-1 mb-3 ${S["custom-chip-teacher-select"]}`,
+              onChange: (u) => {
+                const I = u.map((f) => ({
+                  id: f.value,
+                  email: f.label
+                }));
+                v(I);
+              },
+              isClearable: !0,
+              style: { maxWidth: 120 }
+            }
+          ),
+          /* @__PURE__ */ a("div", { children: p("grade") }),
+          /* @__PURE__ */ a(
+            ie,
+            {
+              value: Fe.find((u) => u.value === n.gradeLevel),
+              options: Fe,
+              placeholder: p("select_grade"),
+              className: "flex-grow-1 mb-3",
+              onChange: (u) => {
+                N("grade", u);
+              },
+              isClearable: !0,
+              style: { maxWidth: 120 }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ y(Ie, { className: "text-right", children: [
+          /* @__PURE__ */ a(ae, { onClick: () => l(), children: p("cancel") }),
+          /* @__PURE__ */ a(ae, { color: "primary", onClick: () => {
+            h();
+          }, children: p("save") })
+        ] })
+      ]
+    }
+  );
+}, Ta = () => {
+  const { t: e } = ne(), {
+    selectedTeachers: l,
+    teacherOptions: s,
+    setSelectedTeachers: n
+  } = fa(!0), {
+    selectedAssistants: t,
+    assistantOptions: m,
+    setSelectedAssistants: v
+  } = pa(), {
+    selectedCounselors: r,
+    counselorOptions: g,
+    setSelectedCounselors: N
+  } = ga(), {
+    isCheck: h,
+    isCheckAll: d,
+    userList: o,
+    filters: p,
+    totalItem: w,
+    handleClickCheck: c,
+    handleSelectAll: C,
+    changeFilters: u,
+    handleRetrievedData: I,
+    classFontSize: f,
+    selectedUser: A,
+    setSelectedUser: O,
+    userSelected: x,
+    studentTeacherSelected: J,
+    studentCounselorSelected: $,
+    studentAssistantSelected: L,
+    openTooltip: X,
+    toggle: j
+  } = ha(), le = () => {
+    I(), n(void 0), v(void 0), N(void 0), k(!1);
+  }, {
+    setOpenDetailModal: k,
+    openDetailModal: B,
+    staffBulkAssign: D,
+    handleChangeCounselorBulk: Y,
+    handleChangeTeacherBulk: F,
+    handleChangeStaffBulk: W,
+    handleToggleModel: K,
+    openModelBulk: ee,
+    onAssignStaffToStudents: re,
+    onToggleModelDeleteBulk: me,
+    openModelDeleteBulk: Ee,
+    handelChangeStaffRemove: ue,
+    switchStaffUsers: Ae,
+    handleRemoveBulkStaff: De,
+    handleToggleInactiveModal: he,
+    openInactiveModal: Oe,
+    handleInactiveStudents: Re,
+    onClose: $e,
+    toggleCollapse: b,
+    activeIndex: R,
+    handleEditAssignForStudents: _
+  } = va(
+    l,
+    t,
+    r,
+    le,
+    A,
+    x
+  ), T = [
+    {
+      name: "",
+      isCenter: !0,
+      onSelectAll: C,
+      isCheckAll: d,
+      className: `align-top ${S["fixed-width-40"]}`
+    },
+    {
+      name: "student_name",
+      isCenter: !0,
+      sortBy: H.Name,
+      searchBy: Z.Name,
+      className: `align-top ${S["fixed-width"]}`,
+      getOption: (i) => ({
+        label: i || "empty",
+        value: i
+      })
+    },
+    {
+      name: "grade",
+      isCenter: !0,
+      sortBy: H.Grade,
+      searchBy: Z.Grade,
+      className: `align-center justify-center ${S["fixed-width-80"]}`,
+      getOption: (i) => ({
+        label: i || "empty",
+        value: i
+      })
+    },
+    {
+      name: "teacher_emails",
+      isCenter: !0,
+      className: "align-center justify-center",
+      sortBy: H.Teacher,
+      searchBy: Z.Teacher,
+      getOption: (i) => ({
+        label: i || "empty",
+        value: i
+      })
+    },
+    {
+      name: "assistant_email",
+      isCenter: !0,
+      className: "align-center justify-center",
+      sortBy: H.Assistant,
+      searchBy: Z.Assistant,
+      getOption: (i) => ({
+        label: i || "empty",
+        value: i
+      })
+    },
+    {
+      name: "counselor_emails",
+      isCenter: !0,
+      className: "align-center justify-center",
+      sortBy: H.Counselor,
+      searchBy: Z.Counselor,
+      getOption: (i) => ({
+        label: i || "empty",
+        value: i
+      })
+    }
+  ];
+  return /* @__PURE__ */ y("div", { className: `fadeIn animated ${S[f]}`, children: [
+    /* @__PURE__ */ a("h5", { className: `mt-4 mb-2 ${S["custom-title-font-size"]}`, children: e("assign_student") }),
+    /* @__PURE__ */ y(fe, { className: "my-2", children: [
+      /* @__PURE__ */ a(oe, { md: 3, children: /* @__PURE__ */ a(
+        lt,
+        {
+          initValue: (p == null ? void 0 : p.searchString) || "",
+          onSearch: (i) => u({ searchString: i }),
+          placeholder: e("type_something_to_search_students"),
+          className: S["custom-font-size"]
+        }
+      ) }),
+      /* @__PURE__ */ y(oe, { style: { gap: "10px" }, className: "d-flex justify-content-end align-items-center", md: 8, children: [
+        /* @__PURE__ */ a(ae, { onClick: () => K(h), color: "primary", style: { background: "#316cd9" }, children: e("assign_bulk") }),
+        /* @__PURE__ */ a(ae, { onClick: () => me(h), color: "primary", style: { background: "#316cd9" }, children: e("remove_bulk") }),
+        /* @__PURE__ */ a(ae, { onClick: () => he(h), color: "primary", style: { background: "#316cd9" }, children: e("inactive_students") })
+      ] }),
+      /* @__PURE__ */ y(
+        oe,
+        {
+          md: 1,
+          className: `d-flex justify-content-end align-items-center ${S["custom-font-size"]}`,
+          style: { whiteSpace: "nowrap", flexWrap: "nowrap" },
+          children: [
+            e("total_of_users"),
+            ": ",
+            w
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ y(fe, { className: "mb-2", children: [
+      /* @__PURE__ */ a(oe, { md: 12, children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ y(je, { bordered: !0, hover: !0, striped: !0, size: "sm", children: [
+        /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a(
+          We,
+          {
+            headers: T,
+            filters: p,
+            onChangeFilters: u,
+            teacherOptions: s,
+            assistantOptions: m,
+            counselorOptions: g,
+            isStudentList: !0
+          }
+        ) }),
+        o && o.length > 0 ? /* @__PURE__ */ a("tbody", { children: o == null ? void 0 : o.map((i, E) => /* @__PURE__ */ y("tr", { children: [
+          /* @__PURE__ */ a("td", { className: `align-middle ${S["custom-font-size"]} text-center ${S["fixed-width-40"]}`, children: /* @__PURE__ */ a(
+            "input",
+            {
+              id: i.id,
+              type: "checkbox",
+              onChange: c,
+              checked: h.includes(
+                i.id
+              )
+            }
+          ) }),
+          /* @__PURE__ */ y(
+            "td",
+            {
+              id: `student_name_${i.id}_${E}`,
+              onMouseEnter: () => j(`student_name_${i.id}_${E}`),
+              onMouseLeave: () => j(`student_name_${i.id}_${E}`),
+              className: `align-middle ${S["custom-font-size"]} ${S["fixed-width"]}`,
+              children: [
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    className: `${S["button-user-name"]} btn-link`,
+                    onClick: () => {
+                      O(i), k(!0);
+                    },
+                    children: i.fullName
+                  }
+                ),
+                /* @__PURE__ */ y(
+                  vt,
+                  {
+                    placement: "top",
+                    isOpen: X === `student_name_${i.id}_${E}`,
+                    target: `student_name_${i.id}_${E}`,
+                    children: [
+                      i.fullName,
+                      " - ",
+                      i.email
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ a("td", { className: `align-middle ${S["custom-font-size"]} ${S["fixed-width-80"]}`, children: i.gradeLevel }),
+          /* @__PURE__ */ a("td", { className: `align-middle ${S["custom-font-size"]}`, children: !!i.teachers && i.teachers.length > 0 && /* @__PURE__ */ a(ze, { children: i.teachers.map((P) => /* @__PURE__ */ y("p", { className: "mb-0", children: [
+            P.mainTeacherName,
+            " - ",
+            P.mainTeacherEmail
+          ] }, P.mainTeacherEmail)) }) }),
+          /* @__PURE__ */ a("td", { className: `align-middle ${S["custom-font-size"]}`, children: !!i.assistantEmail && /* @__PURE__ */ y("p", { className: "mb-0", children: [
+            i.assistantName,
+            " - ",
+            i.assistantEmail
+          ] }) }),
+          /* @__PURE__ */ a("td", { className: `align-middle ${S["custom-font-size"]}`, children: !!i.counselors && i.counselors.length > 0 && /* @__PURE__ */ a(ze, { children: i.counselors.map((P) => /* @__PURE__ */ y("p", { className: "mb-0", children: [
+            P.counselorName,
+            " - ",
+            P.counselorEmail
+          ] }, P.counselorUserId)) }) })
+        ] }, i.id)) }) : /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: 7, children: /* @__PURE__ */ a(Je, { label: "student" }) }) })
+      ] }) }) }),
+      /* @__PURE__ */ a(oe, { md: 12, children: /* @__PURE__ */ a(
+        Ge,
+        {
+          filters: p,
+          totalRecordCount: w,
+          changePageSize: (i) => u({ pageSize: i }),
+          changePage: (i) => u({ currentPage: i }),
+          className: S["custom-font-size"]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ a(
+      Ia,
+      {
+        openDetailModal: B,
+        onClose: $e,
+        selectedUser: A,
+        staffBulkAssign: D,
+        teacherOptions: s,
+        handleChangeTeacherBulk: F,
+        handleChangeCounselorBulk: Y,
+        assistantOptions: m,
+        counselorOptions: g,
+        handleChangeStaffBulk: W,
+        handleEditAssignForStudents: _,
+        toggleCollapse: b,
+        activeIndex: R
+      }
+    ),
+    /* @__PURE__ */ y(_e, { centered: !0, isOpen: ee, toggle: () => K(), zIndex: 1201, children: [
+      /* @__PURE__ */ a(Se, { children: e("assign_bulk_student") }),
+      /* @__PURE__ */ y(be, { children: [
+        /* @__PURE__ */ a(
+          ie,
+          {
+            isMulti: !0,
+            value: D.teacher.map((i) => ({ label: i.email, value: i.id })),
+            options: s,
+            placeholder: e("select_teacher"),
+            className: `flex-grow-1 mb-3 ${S["custom-chip-teacher-select"]}`,
+            onChange: (i) => {
+              const E = i.map((P) => ({
+                id: P.value,
+                email: P.label
+              }));
+              F(E);
+            },
+            isClearable: !0,
+            style: { maxWidth: 120 }
+          }
+        ),
+        /* @__PURE__ */ a(
+          He,
+          {
+            value: m.find((i) => i.value == D.assistantId || i.label == D.assistantEmail) || null,
+            options: m,
+            onChange: (i) => W("assistant", i),
+            placeholder: e("select_assistant"),
+            className: "flex-grow-1 mb-3"
+          }
+        ),
+        /* @__PURE__ */ a(
+          ie,
+          {
+            isMulti: !0,
+            value: D.counselors.map((i) => ({ label: i.email, value: i.id })),
+            options: g,
+            placeholder: e("select_counselor"),
+            className: `flex-grow-1 mb-3 ${S["custom-chip-teacher-select"]}`,
+            onChange: (i) => {
+              const E = i.map((P) => ({
+                id: P.value,
+                email: P.label
+              }));
+              Y(E);
+            },
+            isClearable: !0,
+            style: { maxWidth: 120 }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ y(Ie, { className: "text-right", children: [
+        /* @__PURE__ */ a(ae, { onClick: () => K(), children: e("cancel") }),
+        /* @__PURE__ */ a(ae, { color: "primary", onClick: () => re(h), children: e("assign") })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(
+      Sa,
+      {
+        open: Ee,
+        onClose: me,
+        teachers: J,
+        onChangeStaffRemove: ue,
+        switchStaffUsers: Ae,
+        counselors: $,
+        assistants: L,
+        onRemoveBulkStaff: De,
+        studentUserIds: h
+      }
+    ),
+    /* @__PURE__ */ y(_e, { centered: !0, isOpen: Oe, toggle: () => he(), zIndex: 1201, children: [
+      /* @__PURE__ */ a(Se, { children: e("inactive_students") }),
+      /* @__PURE__ */ y(be, { style: { display: "flex", gap: 12 }, children: [
+        /* @__PURE__ */ a(ba, { color: "red", size: 30 }),
+        /* @__PURE__ */ a(yt, { style: { fontSize: 20, margin: 0, display: "flex", alignItems: "center" }, children: e("are_you_sure_you_want_to_inactive_students", { number: h.length }) })
+      ] }),
+      /* @__PURE__ */ y(Ie, { className: "text-right", children: [
+        /* @__PURE__ */ a(ae, { onClick: () => he(), children: e("cancel") }),
+        /* @__PURE__ */ a(ae, { color: "primary", onClick: () => Re(h, le), children: e("confirm") })
+      ] })
+    ] })
+  ] });
+}, Ea = [
+  {
+    path: "/admin/users/user-list",
+    title: "user_list",
+    component: da
+  },
+  {
+    path: "/admin/users/assign-student",
+    title: "assign_student",
+    component: Ta
+  }
+], ka = () => /* @__PURE__ */ a(it, { tabs: Ea });
+export {
+  ka as default
+};