mario-core 2.0.32-release → 2.0.33-release

package/dist/UserContainer-CGlDCED1.mjs

@@ -0,0 +1,2771 @@
+import { jsxs as u, jsx as e, Fragment as tt } from "react/jsx-runtime";
+import { b as F, c as I, J as nt, G as St, s as x, X as Q, _ as pt, Q as gt, $ as bt, D as Nt, a0 as wt, a1 as ct, Y as Ut, L as $t, P as Et, i as ft, B as vt, a2 as rt, a3 as ot, U as Le, E as at, a4 as kt } from "./index-CFAFmJ4F.mjs";
+import { T as Dt, v as Mt, A as it, U as xt } from "./UserList-CLDgmfZl.mjs";
+import { useState as _, useMemo as Be, useCallback as G, useEffect as te, forwardRef as yt, Fragment as Je, useRef as Ot } from "react";
+import { Modal as Ce, ModalHeader as Se, ModalBody as be, ModalFooter as Ne, Button as J, Collapse as At, Card as Rt, CardBody as Lt, Row as ae, Col as j, Nav as Bt, NavItem as Ft, NavLink as Pt, TabContent as Jt, TabPane as jt, CardText as zt, Table as Tt, Tooltip as Ee, Alert as ke, Label as Vt, Input as De } from "reactstrap";
+import { useTranslation as Y } from "react-i18next";
+import { D as qt, i as Wt, g as Gt, a as Ht, b as Kt, c as Qt, d as Xt, T as B, e as Fe, f as dt, r as Yt, h as Me, j as Zt, u as ea, k as ta, l as aa, m as sa, n as na, G as ht, S as _e, U as Ie, o as _t } from "./constants-ClfPwBI0.mjs";
+import { T as Oe } from "./TeacherSelector-BngXAzRe.mjs";
+import { useDispatch as re, useSelector as ra } from "react-redux";
+import la from "react-select";
+import { Formik as ca } from "formik";
+import * as xe from "yup";
+import oa from "papaparse";
+const ia = () => {
+  const s = re(), [l, c] = _([]), [r, a] = _(qt), [d, S] = _(0), [g, n] = _(!1), [i, T] = _([]), [o, U] = _([]), [E, A] = _(Wt), C = "", h = (D) => {
+    const $ = {
+      ...r,
+      ...D
+    };
+    $.searchString && D.searchString && D.searchString != r.searchString && ($.currentPage = 1), a($);
+  }, b = Be(() => {
+    const D = l.filter((y) => i.includes(y.id)).flatMap((y) => y.teachers), $ = /* @__PURE__ */ new Map();
+    return D.forEach((y) => {
+      $.has(y.teacherUserId) || $.set(y.teacherUserId, y);
+    }), Array.from($.values()).map((y) => ({
+      value: y.teacherUserId,
+      label: y.mainTeacherEmail
+    }));
+  }, [o, i]), R = Be(() => {
+    const D = l.filter((y) => i.includes(y.id)).flatMap((y) => y.counselors), $ = /* @__PURE__ */ new Map();
+    return D.forEach((y) => {
+      $.has(y.counselorUserId) || $.set(y.counselorUserId, y);
+    }), Array.from($.values()).map((y) => ({
+      value: y.counselorUserId,
+      label: y.counselorEmail
+    }));
+  }, [o, i]), z = Be(() => {
+    const D = l.filter((y) => i.includes(y.id) && y.assistantUserId).map((y) => ({
+      value: y.assistantUserId,
+      label: y.assistantEmail
+    })), $ = /* @__PURE__ */ new Map();
+    return D.forEach((y) => {
+      $.has(y.value) || $.set(y.value, y);
+    }), Array.from($.values());
+  }, [l, i]), W = Be(() => {
+    const D = l.filter((y) => i.includes(y.id) && y.secondaryTeacherUserId).map((y) => ({
+      value: y.secondaryTeacherUserId,
+      label: y.secondaryTeacherEmail
+    })), $ = /* @__PURE__ */ new Map();
+    return D.forEach((y) => {
+      $.has(y.value) || $.set(y.value, y);
+    }), Array.from($.values());
+  }, [l, i]), de = G((D) => {
+    D !== r.sortBy ? h({
+      sortBy: D,
+      orderBy: "ASC",
+      currentPage: 1
+    }) : h({
+      sortBy: D,
+      orderBy: r.orderBy !== "DESC" ? "DESC" : "ASC",
+      currentPage: 1
+    });
+  }, [JSON.stringify(r)]), se = async () => {
+    s(F(!0));
+    try {
+      const D = Object.entries(r).filter(([N, M]) => M !== void 0).reduce((N, [M, L]) => (N[M] = L, N), {}), $ = {};
+      for (const N in D) {
+        const M = N.charAt(0).toLowerCase() + N.slice(1);
+        $[M] = D[N];
+      }
+      const y = await Gt($);
+      c(y?.data?.items), S(y?.data?.totalItems);
+    } catch (D) {
+      s(
+        I({
+          type: "danger",
+          message: D.response?.data?.title || D.message
+        })
+      );
+    }
+    s(F(!1));
+  }, X = () => {
+    n(!g), T(l.map((D) => D.id)), U(l), g && (T([]), U([]));
+  }, he = (D) => {
+    const { id: $, checked: y } = D.target;
+    if (y) {
+      T((M) => [...M, $]);
+      const N = l.find((M) => M.id === $);
+      N && U((M) => [...M, N]);
+    } else
+      T((N) => N.filter((M) => M !== $)), U((N) => N.filter((M) => M.id !== $));
+  }, ue = G(() => {
+    r.currentPage == 1 ? se() : h({ currentPage: 1 }), T([]), U([]), n(!1);
+  }, [JSON.stringify(r)]);
+  return te(() => {
+    se();
+  }, [JSON.stringify(r)]), te(() => {
+    document.title = "User | Assign student";
+  }, []), te(() => {
+    h({
+      ...r,
+      searchString: C
+    });
+  }, [C]), {
+    handelSort: de,
+    handleRetrievedData: ue,
+    totalItem: d,
+    userList: l,
+    filters: r,
+    changeFilters: h,
+    handleSelectAll: X,
+    handleClickCheck: he,
+    isCheckAll: g,
+    isCheck: i,
+    fullName: C,
+    selectedUser: E,
+    setSelectedUser: A,
+    userSelected: o,
+    getDataUserList: se,
+    studentTeacherSelected: b,
+    studentCounselorSelected: R,
+    studentAssistantSelected: z,
+    studentSecondaryTeacherSelected: W
+  };
+}, da = () => {
+  const s = re(), [l, c] = _([]), [r, a] = _(), d = async () => {
+    try {
+      const n = await Ht();
+      n.data.items && c(n.data.items.map?.((i) => ({
+        label: i.email,
+        value: i.id
+      })) || []);
+    } catch (n) {
+      s(
+        I({
+          type: "danger",
+          message: n.response?.data?.title || n.message
+        })
+      );
+    }
+  }, S = G((n, i) => {
+    let T = l.find((o) => o.value === n);
+    a({
+      ...r,
+      [i]: T
+    });
+  }, [JSON.stringify(r), JSON.stringify(l)]), g = G((n, i, T) => {
+    c([
+      ...l,
+      n
+    ]), T && a({
+      ...r,
+      [i]: n
+    });
+  }, [JSON.stringify(l), JSON.stringify(r)]);
+  return te(() => {
+    d();
+  }, []), {
+    selectedCounselors: r,
+    counselorOptions: l,
+    handleSelectCounselor: S,
+    handleCreateCounselorOption: g,
+    setSelectedCounselors: a
+  };
+}, ha = () => {
+  const s = re(), [l, c] = _([]), [r, a] = _(), d = async () => {
+    try {
+      const n = await Kt();
+      n.data.items && c(n.data.items.map?.((i) => ({
+        label: i.email,
+        value: i.id
+      })) || []);
+    } catch (n) {
+      s(
+        I({
+          type: "danger",
+          message: n.response?.data?.title || n.message
+        })
+      );
+    }
+  }, S = G((n, i) => {
+    let T = l.find((o) => o.value === n);
+    a({
+      ...r,
+      [i]: T
+    });
+  }, [JSON.stringify(r), JSON.stringify(l)]), g = G((n, i, T) => {
+    c([
+      ...l,
+      n
+    ]), T && a({
+      ...r,
+      [i]: n
+    });
+  }, [JSON.stringify(l), JSON.stringify(r)]);
+  return te(() => {
+    d();
+  }, []), {
+    selectedAssistants: r,
+    assistantOptions: l,
+    handleSelectAssistant: S,
+    handleCreateAssistantOption: g,
+    setSelectedAssistants: a
+  };
+}, ua = () => {
+  const s = re(), [l, c] = _([]), [r, a] = _(), d = async () => {
+    try {
+      const n = await Qt();
+      n.data.items && c(n.data.items.map?.((i) => ({
+        label: i.email,
+        value: i.id,
+        id: i.secondaryTeacherId
+      })) || []);
+    } catch (n) {
+      s(
+        I({
+          type: "danger",
+          message: n.response?.data?.title || n.message
+        })
+      );
+    }
+  }, S = G((n, i) => {
+    let T = l.find((o) => o.value === n);
+    a({
+      ...r,
+      [i]: T
+    });
+  }, [JSON.stringify(r), JSON.stringify(l)]), g = G((n, i, T) => {
+    c([
+      ...l,
+      n
+    ]), T && a({
+      ...r,
+      [i]: n
+    });
+  }, [JSON.stringify(l), JSON.stringify(r)]);
+  return te(() => {
+    d();
+  }, []), {
+    selectedSecondaryTeachers: r,
+    secondaryTeacherOptions: l,
+    handleSelectSecondaryTeacher: S,
+    handleCreateSecondaryTeacherOption: g,
+    setSelectedSecondaryTeachers: a
+  };
+}, ma = () => {
+  const s = re(), [l, c] = _([]), [r, a] = _(), d = async () => {
+    try {
+      const n = await Xt({
+        sortBy: "Email"
+      });
+      n.data && c(n.data.map?.((i) => ({
+        label: i.email,
+        value: i.id
+      })) || []);
+    } catch (n) {
+      s(
+        I({
+          type: "danger",
+          message: n.response?.data?.title || n.message
+        })
+      );
+    }
+  }, S = G((n, i) => {
+    let T = l.filter((o) => n.includes(o.value));
+    a({
+      ...r,
+      [i]: T
+    });
+  }, [JSON.stringify(r), JSON.stringify(l)]), g = G((n, i, T) => {
+    c([
+      ...l,
+      n
+    ]), T && a({
+      ...r,
+      [i]: n
+    });
+  }, [JSON.stringify(l), JSON.stringify(r)]);
+  return te(() => {
+    d();
+  }, []), {
+    selectedTeachers: r,
+    teacherOptions: l,
+    handleSelectTeacher: S,
+    handleCreateTeacherOption: g,
+    setSelectedTeachers: a
+  };
+}, pa = (s, l) => {
+  const c = [];
+  if (l === B.Teacher)
+    for (const a of s)
+      for (const d of a.teachers || [])
+        c.push({
+          label: d.mainTeacherEmail,
+          value: d.teacherUserId,
+          name: d.mainTeacherName
+        });
+  else if (l === B.Assistant)
+    for (const a of s)
+      a.assistantEmail && a.assistantUserId && c.push({
+        label: a.assistantEmail,
+        value: a.assistantUserId,
+        name: a.assistantName || ""
+      });
+  else if (l === B.Counselor)
+    for (const a of s)
+      for (const d of a.counselors || [])
+        c.push({
+          label: d.counselorEmail,
+          value: d.counselorUserId,
+          name: d.counselorName
+        });
+  const r = /* @__PURE__ */ new Map();
+  for (const a of c)
+    r.has(a.value) || r.set(a.value, a);
+  return Array.from(r.values()).sort(
+    (a, d) => a.label.localeCompare(d.label)
+  );
+}, ga = (s, l, c, r, a, d, S, g) => {
+  const n = re(), [i, T] = _(!1), [o, U] = _(Fe), [E, A] = _(!1), [C, h] = _(!1), [b, R] = _(B.Teacher), [z, W] = _([]), [de, se] = _([]), [X, he] = _([]), [ue, D] = _({
+    header: "",
+    titleSelect: "",
+    selectPlaceholder: "",
+    changeTitle: "",
+    changePlaceholder: ""
+  }), [$, y] = _(""), [N, M] = _(""), [L, Z] = _(!1), [H, ee] = _(0), [K, me] = _([]), [ne, pe] = _(""), [ge, le] = _(!1), [ce, oe] = _(!1), [V, ie] = _(dt), q = (m) => {
+    ie({
+      ...V,
+      ...m
+    });
+  }, fe = (m) => {
+    if (m && m.length === 0) {
+      n(
+        I({
+          type: "danger",
+          message: "Please select students!"
+        })
+      );
+      return;
+    }
+    oe(!ce), U({ ...Fe }), ie({ ...dt });
+  }, ye = () => {
+    le(!ge), pe("");
+  }, we = (m) => {
+    K.includes(m) ? me(K.filter((p) => p !== m)) : me([...K, m]);
+  }, Ue = (m) => {
+    ee((p) => p === m ? -1 : m);
+  }, Ae = (m) => {
+    if (m && m.length === 0) {
+      n(
+        I({
+          type: "danger",
+          message: "Please select students!"
+        })
+      );
+      return;
+    }
+    T(!i), U({ ...Fe });
+  }, je = (m, p, f) => {
+    if (m && m.length === 0) {
+      n(
+        I({
+          type: "danger",
+          message: "Please select students!"
+        })
+      );
+      return;
+    }
+    switch (he(m), se(pa(m, p)), R(p), p) {
+      case B.Teacher:
+        D({
+          header: "switch_teacher",
+          titleSelect: "current_teacher_name",
+          selectPlaceholder: "select_teacher",
+          changeTitle: "select_teacher_change",
+          changePlaceholder: "select_teacher_change"
+        });
+        break;
+      case B.Assistant:
+        D({
+          header: "switch_assistant",
+          titleSelect: "current_assistant_name",
+          selectPlaceholder: "",
+          changeTitle: "",
+          changePlaceholder: "select_assistant_change"
+        });
+        break;
+      case B.Counselor:
+        D({
+          header: "switch_counselor",
+          titleSelect: "current_counselor_name",
+          selectPlaceholder: "select_counselor",
+          changeTitle: "select_counselor_change",
+          changePlaceholder: "select_counselor_change"
+        });
+        break;
+      case B.SecondaryTeacher:
+        D({
+          header: "switch_support_teacher",
+          titleSelect: "current_assistant_name",
+          selectPlaceholder: "",
+          changeTitle: "",
+          changePlaceholder: "select_support_teacher_change"
+        });
+        break;
+    }
+    h(!C), W(f);
+  }, Te = () => {
+    W([]), h(!1), Z(!1), R(B.Teacher), se([]), y(""), M(""), D({
+      header: "",
+      titleSelect: "",
+      selectPlaceholder: "",
+      changeTitle: "",
+      changePlaceholder: ""
+    }), me([]);
+  }, ze = () => {
+    Z(!1), ee(0), me([]);
+  }, Ve = async (m, p) => {
+    n(
+      nt({
+        isOpen: !0,
+        type: "warning",
+        message: `Do you want to change ${p === B.Teacher ? "teacher" : p === B.Assistant ? "assistant" : p === B.SecondaryTeacher ? "support teacher" : "counselor"} for ${m.length} student(s)?`,
+        onConfirm: async () => {
+          n(F(!0));
+          try {
+            const f = p === B.Teacher ? await ta(m) : p === B.Assistant ? await aa(m) : p === B.Counselor ? await sa(m) : await na(m);
+            f && f?.data && (Te(), a?.(), await S(), n(
+              I({
+                type: "success",
+                message: `Change ${p === B.Teacher ? "teacher" : p === B.Assistant ? "assistant" : p === B.SecondaryTeacher ? "support teacher" : "counselor"} successfully`
+              })
+            ));
+          } catch (f) {
+            n(
+              I({
+                type: "danger",
+                message: f.response?.data?.title || f.message
+              })
+            );
+          }
+          n(F(!1));
+        }
+      })
+    );
+  }, qe = () => {
+    let m = [];
+    switch (b) {
+      case B.Teacher:
+        m = X.filter((p) => {
+          const f = p.teachers.map((O) => O.teacherUserId);
+          return f.includes(N) && !f.includes($);
+        }).map((p) => ({
+          studentId: p.studentId,
+          teacher: N,
+          teacherChange: $
+        }));
+        break;
+      case B.Counselor:
+        m = X.filter((p) => {
+          const f = p.counselors.map((O) => O.counselorUserId);
+          return f.includes(N) && !f.includes($);
+        }).map((p) => ({
+          studentId: p.studentId,
+          counselor: N,
+          counselorChange: $
+        }));
+        break;
+      case B.Assistant:
+        m = X.filter((p) => p?.assistantUserId && p?.teachers?.length > 0).map((p) => ({
+          studentId: p.studentId,
+          assistantUserId: $
+        }));
+        break;
+      case B.SecondaryTeacher:
+        m = X.filter((p) => p?.secondaryTeacherUserId && p?.teachers?.length > 0).map((p) => ({
+          studentId: p.studentId,
+          secondaryTeacherId: $
+        }));
+        break;
+    }
+    if (m.length === 0) {
+      n(
+        I({
+          type: "danger",
+          message: "No change to update!"
+        })
+      );
+      return;
+    }
+    Ve(m || [], b);
+  }, We = (m) => {
+    if (m && m.length === 0) {
+      n(
+        I({
+          type: "danger",
+          message: "Please select student(s)!"
+        })
+      );
+      return;
+    }
+    A(!E);
+  }, Ge = (m, p) => {
+    switch (m) {
+      case "assistant":
+        U({
+          ...o,
+          assistantId: p.value,
+          assistantEmail: p.label
+        });
+        break;
+      case "secondary":
+        U({
+          ...o,
+          secondaryTeacherId: p.value,
+          secondaryTeacherEmail: p.label
+        });
+        break;
+      case "grade":
+        U({
+          ...o,
+          gradeLevel: p.value
+        });
+        break;
+    }
+  }, He = (m) => {
+    U({
+      ...o,
+      teacher: m
+    });
+  }, Ke = (m) => {
+    U({
+      ...o,
+      counselors: m
+    });
+  }, $e = async (m) => {
+    n(F(!0));
+    try {
+      await Me(m), n(
+        I({
+          type: "success",
+          message: "Student assigned successfully"
+        })
+      ), a?.(), Te();
+    } catch (p) {
+      n(
+        I({
+          type: "danger",
+          message: p.response?.data?.title || p.message
+        })
+      );
+    }
+    n(F(!1));
+  }, Qe = G((m) => {
+    if (m.length === 0) {
+      n(
+        I({
+          type: "danger",
+          message: "Not found selected student."
+        })
+      );
+      return;
+    }
+    if (m.some((O) => {
+      const w = s?.[O], t = l?.[O], v = c?.[O], k = r?.[O];
+      return !w && !t && !v && !k;
+    })) {
+      n(
+        I({
+          type: "danger",
+          message: "Please select/add teacher for all selected student first."
+        })
+      );
+      return;
+    }
+    const f = m.map((O) => {
+      const w = s?.[O], t = l?.[O], v = c?.[O], k = r?.[O], P = {
+        id: O
+      };
+      return w && (P.mainTeacherUserId = w ? w.map((ve) => ve.value) : void 0, P.mainTeacherEmail = w ? w.map((ve) => ve.label) : void 0), t && (P.assistantUserId = t?.value && typeof t?.value == "string" ? t?.value : void 0, P.assistantEmail = t?.value && typeof t?.value == "number" ? t?.label : void 0), v && (P.counselorUserIds = v ? v.map((ve) => ve.value) : void 0, P.counselorEmails = v ? v.map((ve) => ve.label) : void 0), k && (P.secondaryTeacherUserId = k?.value && typeof k?.value == "string" ? k?.value : void 0, P.secondaryTeacherEmail = k?.value && typeof k?.value == "number" ? k?.label : void 0), P;
+    });
+    $e([...f]);
+  }, [JSON.stringify(s), JSON.stringify(l), JSON.stringify(c), JSON.stringify(r)]), Xe = G((m) => {
+    const p = s?.[m], f = l?.[m], O = c?.[m], w = r?.[m];
+    if (!p && !f && !O && !w) {
+      n(
+        I({
+          type: "danger",
+          message: "Please select/add teacher for selected student first."
+        })
+      );
+      return;
+    }
+    const t = {
+      id: m
+    };
+    p && (t.mainTeacherUserId = p ? p.map((v) => v.value) : void 0, t.mainTeacherEmail = p ? p.map((v) => v.label) : void 0), f && (t.assistantUserId = f?.value && typeof f?.value == "string" ? f?.value : void 0, t.assistantEmail = f?.value && typeof f?.value == "number" ? f?.label : void 0), O && (t.counselorUserIds = O ? O.map((v) => v.value) : void 0, t.counselorEmails = O ? O.map((v) => v.label) : void 0), w && (t.secondaryTeacherUserId = w?.value && typeof w?.value == "string" ? w?.value : void 0, t.secondaryTeacherEmail = w?.value && typeof w?.value == "number" ? w?.label : void 0), $e([t]);
+  }, [JSON.stringify(s), JSON.stringify(l), JSON.stringify(c), JSON.stringify(r)]), Re = async (m) => {
+    if (m.length === 0) {
+      n(
+        I({
+          type: "danger",
+          message: "Not found selected student."
+        })
+      );
+      return;
+    }
+    if (o.teacher.length === 0 && o.counselors.length === 0 && !o.assistantId && !o.secondaryTeacherId) {
+      n(
+        I({
+          type: "danger",
+          message: "No change to assign!"
+        })
+      );
+      return;
+    }
+    const p = g?.filter((f) => m?.includes(f.id))?.every((f) => Array.isArray(f.teachers) && f.teachers.length > 0) ?? !1;
+    if (o.teacher.length === 0 && !p) {
+      n(
+        I({
+          type: "danger",
+          message: "Please assign a teacher to each student before giving other educators access to them"
+        })
+      );
+      return;
+    }
+    n(F(!0));
+    try {
+      if (o.teacher.length > 0 && g && g.length > 0) {
+        const w = g.filter((t) => m.includes(t.id)).map((t) => {
+          const v = t.teachers?.map((P) => P.teacherUserId) || [], k = o.teacher.filter(
+            (P) => !v.includes(P.id)
+          );
+          return {
+            id: t.id,
+            mainTeacherUserId: k.map((P) => P.id),
+            mainTeacherEmail: k.map((P) => P.email)
+          };
+        }).filter((t) => t.mainTeacherUserId.length > 0 || t.mainTeacherEmail.length > 0);
+        w.length > 0 && await Me(w);
+      }
+      if (o.counselors.length > 0 && g && g.length > 0) {
+        const w = g.filter((t) => m.includes(t.id)).map((t) => {
+          const v = t.counselors?.map((P) => P.counselorUserId) || [], k = o.counselors.filter(
+            (P) => !v.includes(P.id)
+          );
+          return {
+            id: t.id,
+            counselorUserIds: k.map((P) => P.id),
+            counselorEmails: k.map((P) => P.email)
+          };
+        }).filter((t) => t.counselorUserIds.length > 0 || t.counselorEmails.length > 0);
+        w.length > 0 && await Me(w);
+      }
+      const f = g?.filter((w) => !w.assistantUserId);
+      if (f && f?.length > 0 && o.assistantId) {
+        const w = f.map((t) => ({
+          id: t.id,
+          assistantUserId: o.assistantId,
+          assistantEmail: o.assistantEmail
+        }));
+        await Me(w.filter((t) => t !== void 0));
+      }
+      const O = g?.filter((w) => !w.secondaryTeacherUserId);
+      if (O && O?.length > 0 && o.secondaryTeacherId) {
+        const w = O.map((t) => ({
+          id: t.id,
+          secondaryTeacherUserId: o.secondaryTeacherId,
+          secondaryTeacherEmail: o.secondaryTeacherEmail
+        }));
+        await Me(w.filter((t) => t !== void 0));
+      }
+      n(
+        I({
+          type: "success",
+          message: "Student assigned successfully"
+        })
+      ), a?.(), Te(), Ae();
+    } catch (f) {
+      n(
+        I({
+          type: "danger",
+          message: f.response?.data?.title || f.message
+        })
+      );
+    }
+    n(F(!1));
+  }, Ye = async (m) => {
+    if (o.teacher.length === 0) {
+      n(
+        I({
+          type: "danger",
+          message: "Please select teacher before assign!"
+        })
+      );
+      return;
+    }
+    if (K.length > 0 && !m) {
+      le(!0);
+      return;
+    }
+    const p = {
+      id: d?.id || "",
+      mainTeacherUserId: o.teacher.filter((f) => !d?.teachers?.some((O) => O.teacherUserId === f.id)).map((f) => f.id) || [],
+      mainTeacherEmail: o.teacher.filter((f) => !d?.teachers?.some((O) => O.teacherUserId === f.id)).map((f) => f.email) || [],
+      assistantUserId: o?.assistantId ? o?.assistantId : void 0,
+      assistantEmail: o?.assistantEmail ? o?.assistantEmail : void 0,
+      counselorUserIds: o.counselors.map((f) => f.id) || [],
+      counselorEmails: o.counselors.map((f) => f.email) || [],
+      secondaryTeacherUserId: o?.secondaryTeacherId ? o?.secondaryTeacherId : void 0,
+      secondaryTeacherEmail: o?.secondaryTeacherEmail ? o?.secondaryTeacherEmail : void 0,
+      removeTeacherUserIds: K,
+      teacherSwitchUserId: m || ""
+    };
+    o?.gradeLevel && o.gradeLevel !== d?.gradeLevel && await Zt(d?.id || "", o?.gradeLevel), $e([p]);
+  }, Ze = async (m, p) => {
+    n(F(!0));
+    try {
+      (await ea(m)).status == 200 && (n(
+        I({
+          type: "success",
+          message: `Inactive ${m.length} Students successfully`
+        })
+      ), p());
+    } catch (f) {
+      n(
+        I({
+          type: "danger",
+          message: f.response?.data?.title || f.message
+        })
+      );
+    }
+    A(!E), n(F(!1));
+  }, et = G(async (m) => {
+    if (V.assistantRemoveUserId.length && !V.assistantSwitchDataUserId) {
+      n(
+        I({
+          type: "danger",
+          message: "Please select an assistant to transfer data!"
+        })
+      );
+      return;
+    }
+    if (V.teacherRemoveUserIds.length && !V.teacherSwitchDataUserId) {
+      n(
+        I({
+          type: "danger",
+          message: "Please select a teacher to transfer data!"
+        })
+      );
+      return;
+    }
+    if (V.counselorRemoveUserIds.length && !V.counselorSwitchDataUserId) {
+      n(
+        I({
+          type: "danger",
+          message: "Please select a counselor to transfer data!"
+        })
+      );
+      return;
+    }
+    if (V.supportTeacherRemoveUserIds.length && !V.supportTeacherSwitchDataUserId) {
+      n(
+        I({
+          type: "danger",
+          message: "Please select a support teacher to transfer data!"
+        })
+      );
+      return;
+    }
+    n(F(!0));
+    try {
+      await Yt({ ...V, studentUserIds: m || [] }), a?.(), await S();
+    } catch (p) {
+      n(
+        I({
+          type: "danger",
+          message: p.response?.data?.title || p.message
+        })
+      );
+    }
+    fe(), n(F(!1));
+  }, [V]);
+  return te(() => (d?.id && U({
+    teacher: d?.teachers?.map((m) => ({
+      id: m.teacherUserId,
+      email: m.mainTeacherEmail
+    })),
+    assistantId: d?.assistantUserId,
+    assistantEmail: d?.assistantEmail,
+    counselors: d?.counselors?.map((m) => ({
+      id: m.counselorUserId,
+      email: m.counselorEmail
+    })),
+    secondaryTeacherEmail: d?.secondaryTeacherEmail,
+    secondaryTeacherId: d?.secondaryTeacherUserId,
+    gradeLevel: d?.gradeLevel
+  }), () => {
+    U(Fe);
+  }), [d]), {
+    handleAssignSingleStudent: Xe,
+    handleAssignMultiStudent: Qe,
+    openModelBulk: i,
+    handleToggleModel: Ae,
+    handleChangeStaffBulk: Ge,
+    staffBulkAssign: o,
+    onAssignStaffToStudents: Re,
+    handleToggleInactiveModal: We,
+    openInactiveModal: E,
+    handleInactiveStudents: Ze,
+    handleChangeTeacherBulk: He,
+    handleEditAssignForStudents: Ye,
+    handleToggleSwitchModel: je,
+    openSwitchModal: C,
+    optionsSwitch: z,
+    modalType: b,
+    textModal: ue,
+    teacherSwitchList: de,
+    onCloseSwitchModal: Te,
+    handleUpdateSwitch: qe,
+    setTeacherChangeUserId: y,
+    setTeacherSelectForChangeUserId: M,
+    teacherSelectForChangeUserId: N,
+    openDetailModal: L,
+    setOpenDetailModal: Z,
+    toggleCollapse: Ue,
+    activeIndex: H,
+    handleChangeCounselorBulk: Ke,
+    onClose: ze,
+    removeTeacherUserIds: K,
+    onSelectRemoveTeacher: we,
+    openModelSwitchDataTeacher: ge,
+    onToggleModelSwitchDataTeacher: ye,
+    teacherSwitchUserId: ne,
+    setTeacherSwitchUserId: pe,
+    onToggleModelDeleteBulk: fe,
+    openModelDeleteBulk: ce,
+    handelChangeStaffRemove: q,
+    switchStaffUsers: V,
+    handleRemoveBulkStaff: et
+  };
+};
+function fa(s) {
+  return St({ 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" } }] })(s);
+}
+const va = (s) => {
+  const {
+    textModal: l,
+    isOpen: c,
+    teachers: r,
+    options: a,
+    onClose: d,
+    onSave: S,
+    modalType: g,
+    setTeacherChangeUserId: n,
+    setTeacherSelectForChangeUserId: i,
+    teacherSelectForChangeUserId: T
+  } = s, { t: o } = Y();
+  return /* @__PURE__ */ u(
+    Ce,
+    {
+      centered: !0,
+      isOpen: c,
+      toggle: d,
+      zIndex: 1201,
+      children: [
+        /* @__PURE__ */ e(Se, { className: x["header-assign-for-student"], children: o(l.header) }),
+        /* @__PURE__ */ u(be, { children: [
+          g !== B.Assistant || g !== B.SecondaryTeacher && /* @__PURE__ */ u(Je, { children: [
+            /* @__PURE__ */ e("div", { children: o(l.titleSelect) }),
+            /* @__PURE__ */ e("ul", { style: { maxHeight: 200, overflow: "auto" }, children: r.map((U) => /* @__PURE__ */ u("li", { children: [
+              U.name,
+              "-",
+              U.label
+            ] }, U.label)) })
+          ] }),
+          (g === B.Teacher || g === B.Counselor) && /* @__PURE__ */ u(Je, { children: [
+            /* @__PURE__ */ e("div", { children: o(l.selectPlaceholder) }),
+            /* @__PURE__ */ e(
+              Q,
+              {
+                options: r,
+                value: r.filter((U) => U.value === T),
+                placeholder: o(l.selectPlaceholder),
+                className: `flex-grow-1 mb-3 ${x["custom-chip-teacher-select"]}`,
+                onChange: (U) => {
+                  i(U.value);
+                },
+                isClearable: !0,
+                style: { maxWidth: 120 }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("div", { children: o(l.changeTitle) }),
+          /* @__PURE__ */ e(
+            Oe,
+            {
+              options: a,
+              onChange: (U) => {
+                g !== B.SecondaryTeacher ? n(U.value) : n(U.id);
+              },
+              placeholder: o(l.changePlaceholder),
+              className: "flex-grow-1 mb-3"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u(Ne, { className: "textModal-right", children: [
+          /* @__PURE__ */ e(J, { onClick: () => d(!1), children: o("cancel") }),
+          /* @__PURE__ */ e(J, { color: "primary", onClick: () => {
+            S();
+          }, children: o("save") })
+        ] })
+      ]
+    }
+  );
+}, ya = yt(va), Ta = ({
+  openDetailModal: s,
+  onClose: l,
+  selectedUser: c,
+  staffBulkAssign: r,
+  teacherOptions: a,
+  handleChangeTeacherBulk: d,
+  handleChangeCounselorBulk: S,
+  assistantOptions: g,
+  counselorOptions: n,
+  secondaryTeacherOptions: i,
+  handleChangeStaffBulk: T,
+  handleEditAssignForStudents: o,
+  toggleCollapse: U,
+  activeIndex: E
+}) => {
+  const { t: A } = Y(), C = [
+    c?.teachers || [],
+    c?.counselors || []
+  ];
+  return /* @__PURE__ */ u(
+    Ce,
+    {
+      centered: !0,
+      isOpen: s,
+      toggle: () => l(),
+      zIndex: 1201,
+      children: [
+        /* @__PURE__ */ u(Se, { className: x["header-assign-for-student"], children: [
+          /* @__PURE__ */ u("div", { children: [
+            "Assign student ",
+            c?.fullName
+          ] }),
+          /* @__PURE__ */ u("div", { children: [
+            "Grade ",
+            c?.gradeLevel
+          ] })
+        ] }),
+        /* @__PURE__ */ u(be, { children: [
+          C.map((h, b) => /* @__PURE__ */ u("div", { children: [
+            /* @__PURE__ */ u(
+              "button",
+              {
+                type: "button",
+                className: `btn ${x["btn-collapse"]} ${E === b ? "btn-link " : ""}`,
+                onClick: () => U(b),
+                children: [
+                  A(b === 0 ? "current_teacher_name" : "current_counselor_name"),
+                  " ",
+                  `(${h.length})`,
+                  " ",
+                  /* @__PURE__ */ e("i", { className: `fa fa-angle-${E === b ? "up" : "down"}` })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(At, { isOpen: E === b, children: /* @__PURE__ */ e(Rt, { children: /* @__PURE__ */ e(Lt, { children: h.length > 0 ? h.map((R) => b === 0 ? /* @__PURE__ */ u("li", { children: [
+              R.mainTeacherName,
+              " - ",
+              R.mainTeacherEmail
+            ] }, R.mainTeacherEmail) : /* @__PURE__ */ u("li", { children: [
+              R.counselorName,
+              " - ",
+              R.counselorEmail
+            ] }, R.counselorUserId)) : /* @__PURE__ */ e("div", { children: A("no_data") }) }) }) })
+          ] }, b)),
+          /* @__PURE__ */ e("div", { children: A("teacher_email") }),
+          /* @__PURE__ */ e(
+            Q,
+            {
+              isMulti: !0,
+              value: r.teacher.filter((h) => !c.teachers?.some((b) => b.teacherUserId === h.id)).map((h) => ({ label: h.email, value: h.id })),
+              options: a.filter((h) => !c.teachers?.some((b) => b.teacherUserId === h.value)),
+              placeholder: A("select_teacher"),
+              className: `flex-grow-1 mb-3 ${x["custom-chip-teacher-select"]}`,
+              onChange: (h) => {
+                const b = h.map((R) => ({
+                  id: R.value,
+                  email: R.label
+                }));
+                d(b);
+              },
+              isClearable: !0,
+              style: { maxWidth: 120 }
+            }
+          ),
+          /* @__PURE__ */ e("div", { children: A("assistant_email") }),
+          /* @__PURE__ */ e(
+            Oe,
+            {
+              value: g.find((h) => h.value == r.assistantId || h.label == r.assistantEmail) || null,
+              options: g,
+              onChange: (h) => {
+                T("assistant", h);
+              },
+              placeholder: A("select_assistant"),
+              className: "flex-grow-1 mb-3"
+            }
+          ),
+          /* @__PURE__ */ e("div", { children: A("counselor_email") }),
+          /* @__PURE__ */ e(
+            Q,
+            {
+              isMulti: !0,
+              value: r.counselors.filter((h) => !c.counselors?.some((b) => b.counselorUserId === h.id)).map((h) => ({ label: h.email, value: h.id })),
+              options: n.filter((h) => !c.counselors?.some((b) => b.counselorUserId === h.value)),
+              placeholder: A("select_counselor"),
+              className: `flex-grow-1 mb-3 ${x["custom-chip-teacher-select"]}`,
+              onChange: (h) => {
+                const b = h.map((R) => ({
+                  id: R.value,
+                  email: R.label
+                }));
+                S(b);
+              },
+              isClearable: !0,
+              style: { maxWidth: 120 }
+            }
+          ),
+          /* @__PURE__ */ e("div", { children: A("support_teacher_email") }),
+          /* @__PURE__ */ e(
+            Oe,
+            {
+              value: i.find((h) => h.value == r.secondaryTeacherId || h.label == r.secondaryTeacherEmail) || null,
+              options: i,
+              onChange: (h) => {
+                T("secondary", h);
+              },
+              placeholder: A("select_support_teacher"),
+              className: "flex-grow-1"
+            }
+          ),
+          /* @__PURE__ */ e("div", { children: A("grade") }),
+          /* @__PURE__ */ e(
+            la,
+            {
+              value: ht.find((h) => h.value === r.gradeLevel),
+              options: ht,
+              placeholder: A("select_grade"),
+              className: "flex-grow-1 mb-3",
+              onChange: (h) => {
+                T("grade", h);
+              },
+              styles: {
+                container: (h) => ({ ...h, maxWidth: 120 })
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u(Ne, { className: "text-right", children: [
+          /* @__PURE__ */ e(J, { onClick: () => l(), children: A("cancel") }),
+          /* @__PURE__ */ e(J, { color: "primary", onClick: () => {
+            o();
+          }, children: A("save") })
+        ] })
+      ]
+    }
+  );
+}, _a = ({
+  open: s,
+  onClose: l,
+  teachers: c,
+  onConfirm: r,
+  teacherSwitchUserId: a,
+  setTeacherSwitchUserId: d
+}) => {
+  const { t: S } = Y();
+  return /* @__PURE__ */ u(Ce, { centered: !0, isOpen: s, toggle: () => l(), zIndex: 1201, children: [
+    /* @__PURE__ */ e(Se, { className: x["header-assign-for-student"], children: /* @__PURE__ */ e("div", { children: "Select teacher switch data" }) }),
+    /* @__PURE__ */ e(be, { className: "p-0", children: /* @__PURE__ */ e("div", { className: x["switch-data-teachers"], children: c.map((g) => /* @__PURE__ */ e(
+      "p",
+      {
+        onClick: () => d(g.teacherUserId),
+        className: `${x["switch-data-teacher-item"]} ${g.teacherUserId == a ? x["item-checked"] : ""}`,
+        children: g.mainTeacherName
+      }
+    )) }) }),
+    /* @__PURE__ */ u(Ne, { className: "text-right", children: [
+      /* @__PURE__ */ e(J, { onClick: () => l(), children: S("cancel") }),
+      /* @__PURE__ */ e(
+        J,
+        {
+          disabled: !a,
+          color: "primary",
+          onClick: async () => {
+            await r(a), l();
+          },
+          children: S("save")
+        }
+      )
+    ] })
+  ] });
+}, Ia = ({
+  teachers: s,
+  onChangeStaffRemove: l,
+  switchStaffUsers: c
+}) => {
+  const { t: r } = Y();
+  return /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ e("h6", { children: "Select teacher to remove" }),
+    /* @__PURE__ */ e(
+      Q,
+      {
+        isMulti: !0,
+        value: s.filter(
+          (a) => c.teacherRemoveUserIds.includes(a.value)
+        ) || [],
+        options: s.filter(
+          (a) => !c.teacherRemoveUserIds.includes(
+            a.value
+          ) && a.value !== c.teacherSwitchDataUserId
+        ) || [],
+        placeholder: r("select_teacher"),
+        className: `flex-grow-1 mb-3 ${x["custom-chip-teacher-select"]}`,
+        onChange: (a) => {
+          l({
+            teacherRemoveUserIds: a.map((d) => d.value)
+          });
+        },
+        isClearable: !0
+      }
+    ),
+    /* @__PURE__ */ e("h6", { className: "mt-3", children: "Select the teacher to transfer data to" }),
+    /* @__PURE__ */ e(
+      Q,
+      {
+        value: s.find(
+          (a) => c.teacherSwitchDataUserId == a.value
+        ) || null,
+        options: s.filter(
+          (a) => !c.teacherRemoveUserIds.includes(
+            a.value
+          ) && a.value !== c.teacherSwitchDataUserId
+        ) || [],
+        placeholder: r("select_teacher"),
+        className: `flex-grow-1 mb-3 ${x["custom-chip-teacher-select"]}`,
+        onChange: (a) => {
+          console.log("value", a), l({
+            teacherSwitchDataUserId: a?.value
+          });
+        },
+        isClearable: !0
+      }
+    )
+  ] });
+}, Ca = ({
+  counselors: s,
+  onChangeStaffRemove: l,
+  switchStaffUsers: c
+}) => {
+  const { t: r } = Y();
+  return /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ e("h6", { children: "Select counselor to remove" }),
+    /* @__PURE__ */ e(
+      Q,
+      {
+        isMulti: !0,
+        value: s.filter(
+          (a) => c.counselorRemoveUserIds.includes(a.value)
+        ) || [],
+        options: s.filter(
+          (a) => !c.counselorRemoveUserIds.includes(
+            a.value
+          ) && a.value !== c.counselorSwitchDataUserId
+        ) || [],
+        placeholder: r("select_counselor"),
+        className: `flex-grow-1 mb-3 ${x["custom-chip-teacher-select"]}`,
+        onChange: (a) => {
+          l({
+            counselorRemoveUserIds: a.map((d) => d.value)
+          });
+        },
+        isClearable: !0
+      }
+    ),
+    /* @__PURE__ */ e("h6", { className: "mt-3", children: "Select the counselor to transfer data to" }),
+    /* @__PURE__ */ e(
+      Q,
+      {
+        value: s.find(
+          (a) => c.counselorSwitchDataUserId == a.value
+        ) || null,
+        options: s.filter(
+          (a) => !c.counselorRemoveUserIds.includes(
+            a.value
+          ) && a.value !== c.counselorSwitchDataUserId
+        ) || [],
+        placeholder: r("select_counselor"),
+        className: `flex-grow-1 mb-3 ${x["custom-chip-counselor-select"]}`,
+        onChange: (a) => {
+          l({
+            counselorSwitchDataUserId: a?.value
+          });
+        },
+        isClearable: !0
+      }
+    )
+  ] });
+}, Sa = ({ tabs: s }) => {
+  const { t: l } = Y(), [c, r] = _(0), a = (S) => {
+    r(S);
+  };
+  return /* @__PURE__ */ e("div", { className: "animated fadeIn", children: /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ u(j, { xl: 12, children: [
+    /* @__PURE__ */ e(Bt, { tabs: !0, children: s.map((S, g) => {
+      const n = g === c;
+      return /* @__PURE__ */ e(Ft, { children: /* @__PURE__ */ e(
+        Pt,
+        {
+          className: `${n ? "active" : ""} cursor-pointer`,
+          onClick: () => a(g),
+          style: {
+            color: n ? "#316CD9" : "#242424"
+          },
+          children: l(S.title)
+        }
+      ) }, g);
+    }) }),
+    /* @__PURE__ */ e(
+      Jt,
+      {
+        activeTab: c,
+        className: "border-bottom-0 border-left-0 border-right-0 p-3",
+        children: s.map((S, g) => /* @__PURE__ */ e(jt, { tabId: g, children: /* @__PURE__ */ e(S.component, {}) }, g))
+      }
+    )
+  ] }) }) });
+}, ba = ({
+  assistants: s,
+  onChangeStaffRemove: l,
+  switchStaffUsers: c
+}) => {
+  const { t: r } = Y();
+  return /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ e("h6", { children: "Select assistant to remove" }),
+    /* @__PURE__ */ e(
+      Q,
+      {
+        isMulti: !0,
+        value: s.filter(
+          (a) => c.assistantRemoveUserId.includes(a.value)
+        ) || [],
+        options: s.filter(
+          (a) => !c.assistantRemoveUserId.includes(
+            a.value
+          ) && a.value !== c.assistantSwitchDataUserId
+        ) || [],
+        placeholder: r("select_assistant"),
+        className: `flex-grow-1 mb-3 ${x["custom-chip-teacher-select"]}`,
+        onChange: (a) => {
+          l({
+            assistantRemoveUserId: a.map((d) => d.value)
+          });
+        },
+        isClearable: !0
+      }
+    ),
+    /* @__PURE__ */ e("h6", { className: "mt-3", children: "Select the assistant to transfer data to" }),
+    /* @__PURE__ */ e(
+      Q,
+      {
+        value: s.find(
+          (a) => c.assistantSwitchDataUserId == a.value
+        ) || null,
+        options: s.filter(
+          (a) => !c.assistantRemoveUserId.includes(
+            a.value
+          ) && a.value !== c.assistantSwitchDataUserId
+        ) || [],
+        placeholder: r("select_assistant"),
+        className: `flex-grow-1 mb-3 ${x["custom-chip-assistant-select"]}`,
+        onChange: (a) => {
+          console.log("value", a), l({
+            assistantSwitchDataUserId: a?.value
+          });
+        },
+        isClearable: !0
+      }
+    )
+  ] });
+}, Na = ({
+  secondaryTeachers: s,
+  onChangeStaffRemove: l,
+  switchStaffUsers: c
+}) => {
+  const { t: r } = Y();
+  return /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ e("h6", { children: "Select support teacher to remove" }),
+    /* @__PURE__ */ e(
+      Q,
+      {
+        isMulti: !0,
+        value: s.filter(
+          (a) => c.supportTeacherRemoveUserIds.includes(a.value)
+        ) || [],
+        options: s.filter(
+          (a) => !c.supportTeacherRemoveUserIds.includes(
+            a.value
+          ) && a.value !== c.supportTeacherSwitchDataUserId
+        ) || [],
+        placeholder: r("select_support_teacher"),
+        className: `flex-grow-1 mb-3 ${x["custom-chip-teacher-select"]}`,
+        onChange: (a) => {
+          l({
+            supportTeacherRemoveUserIds: a.map((d) => d.value)
+          });
+        },
+        isClearable: !0
+      }
+    ),
+    /* @__PURE__ */ e("h6", { className: "mt-3", children: "Select the support teacher to transfer data to" }),
+    /* @__PURE__ */ e(
+      Q,
+      {
+        value: s.find(
+          (a) => c.supportTeacherSwitchDataUserId == a.value
+        ) || null,
+        options: s.filter(
+          (a) => !c.supportTeacherRemoveUserIds.includes(
+            a.value
+          ) && a.value !== c.supportTeacherSwitchDataUserId
+        ) || [],
+        placeholder: r("select_support_teacher"),
+        className: `flex-grow-1 mb-3 ${x["custom-chip-teacher-select"]}`,
+        onChange: (a) => {
+          l({
+            supportTeacherSwitchDataUserId: a?.value
+          });
+        },
+        isClearable: !0
+      }
+    )
+  ] });
+}, wa = ({
+  open: s,
+  onClose: l,
+  teachers: c,
+  onChangeStaffRemove: r,
+  switchStaffUsers: a,
+  assistants: d,
+  onRemoveBulkStaff: S,
+  counselors: g,
+  studentUserIds: n,
+  secondaryTeachers: i
+}) => {
+  const { t: T } = Y(), o = [
+    {
+      title: "Remove Teacher",
+      component: () => /* @__PURE__ */ e(
+        Ia,
+        {
+          teachers: c,
+          onChangeStaffRemove: r,
+          switchStaffUsers: a
+        }
+      )
+    },
+    {
+      title: "Remove Assistant",
+      component: () => /* @__PURE__ */ e(
+        ba,
+        {
+          assistants: d,
+          onChangeStaffRemove: r,
+          switchStaffUsers: a
+        }
+      )
+    },
+    {
+      title: "Remove Counselor",
+      component: () => /* @__PURE__ */ e(
+        Ca,
+        {
+          counselors: g,
+          onChangeStaffRemove: r,
+          switchStaffUsers: a
+        }
+      )
+    },
+    {
+      title: "Remove Support Teacher",
+      component: () => /* @__PURE__ */ e(
+        Na,
+        {
+          secondaryTeachers: i,
+          onChangeStaffRemove: r,
+          switchStaffUsers: a
+        }
+      )
+    }
+  ];
+  return /* @__PURE__ */ u(Ce, { size: "lg", centered: !0, isOpen: s, toggle: () => l(), zIndex: 1201, children: [
+    /* @__PURE__ */ e(
+      Se,
+      {
+        className: `${x["header-assign-for-student"]} border-0`,
+        children: /* @__PURE__ */ e("div", { children: "Remove Bulk" })
+      }
+    ),
+    /* @__PURE__ */ e(be, { className: "p-0", children: /* @__PURE__ */ e(Sa, { tabs: o }) }),
+    /* @__PURE__ */ u(Ne, { className: "text-right", children: [
+      /* @__PURE__ */ e(J, { onClick: () => l(), children: T("cancel") }),
+      /* @__PURE__ */ e(
+        J,
+        {
+          disabled: !a.teacherRemoveUserIds.length && !a.assistantRemoveUserId && !a.counselorRemoveUserIds.length,
+          color: "primary",
+          onClick: async () => {
+            await S(n);
+          },
+          children: "Remove"
+        }
+      )
+    ] })
+  ] });
+}, Ua = () => {
+  const { t: s } = Y(), {
+    selectedTeachers: l,
+    teacherOptions: c,
+    setSelectedTeachers: r
+  } = ma(), {
+    selectedAssistants: a,
+    assistantOptions: d,
+    setSelectedAssistants: S
+  } = ha(), {
+    selectedCounselors: g,
+    counselorOptions: n,
+    setSelectedCounselors: i
+  } = da(), {
+    selectedSecondaryTeachers: T,
+    secondaryTeacherOptions: o,
+    setSelectedSecondaryTeachers: U
+  } = ua(), {
+    isCheck: E,
+    isCheckAll: A,
+    userList: C,
+    filters: h,
+    totalItem: b,
+    handleClickCheck: R,
+    handleSelectAll: z,
+    changeFilters: W,
+    fullName: de,
+    handleRetrievedData: se,
+    selectedUser: X,
+    setSelectedUser: he,
+    getDataUserList: ue,
+    userSelected: D,
+    studentTeacherSelected: $,
+    studentCounselorSelected: y,
+    studentAssistantSelected: N,
+    studentSecondaryTeacherSelected: M
+  } = ia(), L = () => {
+    se(), r(void 0), S(void 0), i(void 0), U(void 0);
+  }, {
+    openModelBulk: Z,
+    handleToggleModel: H,
+    staffBulkAssign: ee,
+    handleChangeStaffBulk: K,
+    onAssignStaffToStudents: me,
+    handleToggleInactiveModal: ne,
+    openInactiveModal: pe,
+    handleInactiveStudents: ge,
+    handleChangeTeacherBulk: le,
+    handleChangeCounselorBulk: ce,
+    handleEditAssignForStudents: oe,
+    // handleToggleSwitchModel,
+    modalType: V,
+    openSwitchModal: ie,
+    optionsSwitch: q,
+    textModal: fe,
+    teacherSwitchList: ye,
+    onCloseSwitchModal: we,
+    handleUpdateSwitch: Ue,
+    setTeacherChangeUserId: Ae,
+    setTeacherSelectForChangeUserId: je,
+    teacherSelectForChangeUserId: Te,
+    openDetailModal: ze,
+    setOpenDetailModal: Ve,
+    toggleCollapse: qe,
+    activeIndex: We,
+    onClose: Ge,
+    removeTeacherUserIds: He,
+    // onSelectRemoveTeacher,
+    openModelSwitchDataTeacher: Ke,
+    onToggleModelSwitchDataTeacher: $e,
+    teacherSwitchUserId: Qe,
+    setTeacherSwitchUserId: Xe,
+    onToggleModelDeleteBulk: Re,
+    openModelDeleteBulk: Ye,
+    handelChangeStaffRemove: Ze,
+    switchStaffUsers: et,
+    handleRemoveBulkStaff: m
+  } = ga(
+    l,
+    a,
+    g,
+    T,
+    L,
+    X,
+    ue,
+    D
+  ), p = [
+    {
+      name: "",
+      isCenter: !0,
+      onSelectAll: z,
+      isCheckAll: A,
+      className: `align-top ${x["fixed-width-40"]}`
+    },
+    {
+      name: "student_name",
+      isCenter: !0,
+      sortBy: Ie.Name,
+      searchBy: _e.Name,
+      className: `align-top ${x["fixed-width"]}`,
+      getOption: (t) => ({
+        label: t || "empty",
+        value: t
+      })
+    },
+    {
+      name: "grade",
+      isCenter: !0,
+      sortBy: Ie.Grade,
+      searchBy: _e.Grade,
+      className: `align-center justify-center ${x["fixed-width-80"]}`,
+      getOption: (t) => ({
+        label: t || "empty",
+        value: t
+      })
+    },
+    {
+      name: "teacher_emails",
+      isCenter: !0,
+      className: "align-center justify-center",
+      sortBy: Ie.Teacher,
+      searchBy: _e.Teacher,
+      getOption: (t) => ({
+        label: t || "empty",
+        value: t
+      })
+    },
+    {
+      name: "assistant_email",
+      isCenter: !0,
+      className: "align-center justify-center",
+      sortBy: Ie.Assistant,
+      searchBy: _e.Assistant,
+      getOption: (t) => ({
+        label: t || "empty",
+        value: t
+      })
+    },
+    {
+      name: "counselor_emails",
+      isCenter: !0,
+      className: "align-center justify-center",
+      sortBy: Ie.Counselor,
+      searchBy: _e.Counselor,
+      getOption: (t) => ({
+        label: t || "empty",
+        value: t
+      })
+    },
+    {
+      name: "support_teacher_email",
+      isCenter: !0,
+      className: "align-center justify-center",
+      sortBy: Ie.SecondaryTeacher,
+      searchBy: _e.SecondaryTeacher,
+      getOption: (t) => ({
+        label: t || "empty",
+        value: t
+      })
+    }
+  ], [f, O] = _(null), w = (t) => {
+    O((v) => v === t ? null : t);
+  };
+  return /* @__PURE__ */ u("div", { className: "fadeIn animated", children: [
+    /* @__PURE__ */ e("h5", { className: "mt-4 mb-2", children: s("assign_student") }),
+    /* @__PURE__ */ u(ae, { className: "my-2", children: [
+      /* @__PURE__ */ e(j, { md: 3, children: /* @__PURE__ */ e(
+        pt,
+        {
+          initValue: h?.searchString || "",
+          onSearch: (t) => W({ searchString: t }),
+          placeholder: s("type_something_to_search_students")
+        }
+      ) }),
+      /* @__PURE__ */ e(j, { md: 8, className: "d-flex justify-content-end align-items-center", children: /* @__PURE__ */ e(ae, { className: "mb-2", children: /* @__PURE__ */ u(j, { style: { display: "flex", alignItems: "center", flexWrap: "wrap", gap: 4 }, children: [
+        /* @__PURE__ */ e(J, { onClick: () => H(E), color: "primary", style: { background: "#316cd9" }, children: s("assign_bulk") }),
+        /* @__PURE__ */ e(J, { onClick: () => Re(E), color: "primary", style: { background: "#316cd9" }, children: s("delete_bulk") }),
+        /* @__PURE__ */ e(J, { onClick: () => ne(E), color: "primary", style: { background: "#316cd9" }, children: s("inactive_students") })
+      ] }) }) }),
+      /* @__PURE__ */ u(
+        j,
+        {
+          md: 1,
+          className: "d-flex justify-content-end align-items-center",
+          style: { whiteSpace: "nowrap", flexWrap: "nowrap" },
+          children: [
+            s("total_of_users"),
+            ": ",
+            b
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u(Ce, { centered: !0, isOpen: Z, toggle: () => H(), zIndex: 1201, children: [
+      /* @__PURE__ */ e(Se, { children: s("assign_bulk_student") }),
+      /* @__PURE__ */ u(be, { children: [
+        /* @__PURE__ */ e(
+          Q,
+          {
+            isMulti: !0,
+            value: ee.teacher.map((t) => ({ label: t.email, value: t.id })),
+            options: c,
+            placeholder: s("select_teacher"),
+            className: `flex-grow-1 mb-3 ${x["custom-chip-teacher-select"]}`,
+            onChange: (t) => {
+              const v = t.map((k) => ({
+                id: k.value,
+                email: k.label
+              }));
+              le(v);
+            },
+            isClearable: !0,
+            style: { maxWidth: 120 }
+          }
+        ),
+        /* @__PURE__ */ e(
+          Oe,
+          {
+            value: d.find((t) => t.value == ee.assistantId || t.label == ee.assistantEmail) || null,
+            options: d,
+            onChange: (t) => K("assistant", t),
+            placeholder: s("select_assistant"),
+            className: "flex-grow-1 mb-3"
+          }
+        ),
+        /* @__PURE__ */ e(
+          Q,
+          {
+            isMulti: !0,
+            value: ee.counselors.map((t) => ({ label: t.email, value: t.id })),
+            options: n,
+            placeholder: s("select_counselor"),
+            className: `flex-grow-1 mb-3 ${x["custom-chip-teacher-select"]}`,
+            onChange: (t) => {
+              const v = t.map((k) => ({
+                id: k.value,
+                email: k.label
+              }));
+              ce(v);
+            },
+            isClearable: !0,
+            style: { maxWidth: 120 }
+          }
+        ),
+        /* @__PURE__ */ e(
+          Oe,
+          {
+            value: o.find((t) => t.value == ee.secondaryTeacherId || t.label == ee.secondaryTeacherEmail) || null,
+            options: o,
+            onChange: (t) => K("secondary", t),
+            placeholder: s("select_support_teacher"),
+            className: "flex-grow-1"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u(Ne, { className: "text-right", children: [
+        /* @__PURE__ */ e(J, { onClick: () => H(), children: s("cancel") }),
+        /* @__PURE__ */ e(J, { color: "primary", onClick: () => me(E), children: s("assign") })
+      ] })
+    ] }),
+    /* @__PURE__ */ u(Ce, { centered: !0, isOpen: pe, toggle: () => ne(), zIndex: 1201, children: [
+      /* @__PURE__ */ e(Se, { children: s("inactive_students") }),
+      /* @__PURE__ */ u(be, { style: { display: "flex", gap: 12 }, children: [
+        /* @__PURE__ */ e(fa, { color: "red", size: 30 }),
+        /* @__PURE__ */ e(zt, { style: { fontSize: 20, margin: 0, display: "flex", alignItems: "center" }, children: s("are_you_sure_you_want_to_inactive_students", { number: E.length }) })
+      ] }),
+      /* @__PURE__ */ u(Ne, { className: "text-right", children: [
+        /* @__PURE__ */ e(J, { onClick: () => ne(), children: s("cancel") }),
+        /* @__PURE__ */ e(J, { color: "primary", onClick: () => ge(E, L), children: s("confirm") })
+      ] })
+    ] }),
+    /* @__PURE__ */ u(ae, { className: "mb-2", children: [
+      /* @__PURE__ */ e(j, { md: 12, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ u(Tt, { bordered: !0, hover: !0, striped: !0, size: "sm", className: `${x["table-fixed"]}`, children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e(
+          Dt,
+          {
+            headers: p,
+            filters: h,
+            fullName: de,
+            onChangeFilters: W,
+            teacherOptions: c,
+            assistantOptions: d,
+            counselorOptions: n,
+            secondaryTeacherOptions: o
+          }
+        ) }),
+        C && C.length > 0 ? /* @__PURE__ */ e("tbody", { children: C.map((t, v) => /* @__PURE__ */ u("tr", { children: [
+          /* @__PURE__ */ e("td", { className: `align-middle text-center ${x["fixed-width-40"]}`, children: /* @__PURE__ */ e(
+            "input",
+            {
+              id: t.id,
+              type: "checkbox",
+              onChange: R,
+              checked: E.includes(
+                t.id
+              )
+            }
+          ) }),
+          /* @__PURE__ */ u(
+            "td",
+            {
+              className: `align-middle ${x["fixed-width"]}`,
+              id: `student_name_${t.id}_${v}`,
+              onMouseEnter: () => w(`student_name_${t.id}_${v}`),
+              onMouseLeave: () => w(`student_name_${t.id}_${v}`),
+              children: [
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: `${x["button-user-name"]} btn-link`,
+                    onClick: () => {
+                      he(t), Ve(!0);
+                    },
+                    children: t.fullName
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  Ee,
+                  {
+                    placement: "top",
+                    isOpen: f === `student_name_${t.id}_${v}`,
+                    target: `student_name_${t.id}_${v}`,
+                    children: t.fullName
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            "td",
+            {
+              className: `align-middle ${x["fixed-width"]}`,
+              id: `student_email_${t.id}_${v}`,
+              onMouseEnter: () => w(`student_email_${t.id}_${v}`),
+              onMouseLeave: () => w(`student_email_${t.id}_${v}`),
+              children: /* @__PURE__ */ e("p", { children: t.gradeLevel })
+            }
+          ),
+          /* @__PURE__ */ u(
+            "td",
+            {
+              className: `align-middle ${x["equal-width"]}`,
+              id: `student_teacher_${t.id}_${v}`,
+              onMouseEnter: () => w(`student_teacher_${t.id}_${v}`),
+              onMouseLeave: () => w(`student_teacher_${t.id}_${v}`),
+              children: [
+                !!t.teachers && t.teachers.length > 0 && /* @__PURE__ */ e(Je, { children: t.teachers.map((k) => /* @__PURE__ */ u("p", { className: "mb-0", children: [
+                  k.mainTeacherName,
+                  " - ",
+                  k.mainTeacherEmail
+                ] }, k.mainTeacherEmail)) }),
+                !!t.teachers && t.teachers.length > 0 && /* @__PURE__ */ e(
+                  Ee,
+                  {
+                    placement: "top",
+                    isOpen: f === `student_teacher_${t.id}_${v}`,
+                    target: `student_teacher_${t.id}_${v}`,
+                    children: t.teachers.map((k) => /* @__PURE__ */ u("p", { className: "mb-0", children: [
+                      k.mainTeacherName,
+                      " - ",
+                      k.mainTeacherEmail
+                    ] }, k.mainTeacherEmail))
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ u(
+            "td",
+            {
+              className: `align-middle ${x["equal-width"]}`,
+              id: `student_assistant_${t.id}_${v}`,
+              onMouseEnter: () => w(`student_assistant_${t.id}_${v}`),
+              onMouseLeave: () => w(`student_assistant_${t.id}_${v}`),
+              children: [
+                !!t.assistantEmail && /* @__PURE__ */ u("p", { className: "mb-0", children: [
+                  t.assistantName,
+                  " - ",
+                  t.assistantEmail
+                ] }),
+                !!t.assistantEmail && /* @__PURE__ */ u(
+                  Ee,
+                  {
+                    placement: "top",
+                    isOpen: f === `student_assistant_${t.id}_${v}`,
+                    target: `student_assistant_${t.id}_${v}`,
+                    children: [
+                      t.assistantName,
+                      "-",
+                      t.assistantEmail
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ u(
+            "td",
+            {
+              className: `align-middle ${x["equal-width"]}`,
+              id: `student_counselor_${t.id}_${v}`,
+              onMouseEnter: () => w(`student_counselor_${t.id}_${v}`),
+              onMouseLeave: () => w(`student_counselor_${t.id}_${v}`),
+              children: [
+                !!t.counselors && t.counselors.length > 0 && /* @__PURE__ */ e(Je, { children: t.counselors.map((k) => /* @__PURE__ */ u("p", { className: "mb-0", children: [
+                  k.counselorName,
+                  " - ",
+                  k.counselorEmail
+                ] }, k.counselorUserId)) }),
+                !!t.counselors && t.counselors.length > 0 && /* @__PURE__ */ e(
+                  Ee,
+                  {
+                    placement: "top",
+                    isOpen: f === `student_counselor_${t.id}_${v}`,
+                    target: `student_counselor_${t.id}_${v}`,
+                    children: t.counselors.map((k) => /* @__PURE__ */ u("p", { className: "mb-0", children: [
+                      k.counselorName,
+                      " - ",
+                      k.counselorEmail
+                    ] }, k.counselorUserId))
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ u(
+            "td",
+            {
+              className: `align-middle ${x["equal-width"]}`,
+              id: `student_secondary_teacher_${t.id}_${v}`,
+              onMouseEnter: () => w(`student_secondary_teacher_${t.id}_${v}`),
+              onMouseLeave: () => w(`student_secondary_teacher_${t.id}_${v}`),
+              children: [
+                !!t.secondaryTeacherEmail && /* @__PURE__ */ u("p", { className: "mb-0", children: [
+                  t.secondaryTeacherName,
+                  " - ",
+                  t.secondaryTeacherEmail
+                ] }),
+                !!t.secondaryTeacherEmail && /* @__PURE__ */ u(
+                  Ee,
+                  {
+                    placement: "top",
+                    isOpen: f === `student_secondary_teacher_${t.id}_${v}`,
+                    target: `student_secondary_teacher_${t.id}_${v}`,
+                    children: [
+                      t.secondaryTeacherName,
+                      " - ",
+                      t.secondaryTeacherEmail
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ] }, t.id)) }) : /* @__PURE__ */ e("div", { style: { width: "max-content", padding: 20 }, children: s("no_data") })
+      ] }) }) }),
+      /* @__PURE__ */ e(j, { md: 12, children: /* @__PURE__ */ e(
+        gt,
+        {
+          filters: h,
+          totalRecordCount: b,
+          changePageSize: (t) => W({ pageSize: t }),
+          changePage: (t) => W({ currentPage: t })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e(
+      Ta,
+      {
+        openDetailModal: ze,
+        onClose: Ge,
+        selectedUser: X,
+        staffBulkAssign: ee,
+        teacherOptions: c,
+        handleChangeTeacherBulk: le,
+        handleChangeCounselorBulk: ce,
+        assistantOptions: d,
+        counselorOptions: n,
+        secondaryTeacherOptions: o,
+        handleChangeStaffBulk: K,
+        handleEditAssignForStudents: oe,
+        toggleCollapse: qe,
+        activeIndex: We
+      }
+    ),
+    /* @__PURE__ */ e(
+      ya,
+      {
+        textModal: fe,
+        isOpen: ie,
+        teachers: ye,
+        options: q,
+        onClose: we,
+        onSave: Ue,
+        modalType: V,
+        setTeacherChangeUserId: Ae,
+        setTeacherSelectForChangeUserId: je,
+        teacherSelectForChangeUserId: Te
+      }
+    ),
+    /* @__PURE__ */ e(
+      _a,
+      {
+        open: Ke,
+        onClose: $e,
+        teachers: X?.teachers?.filter((t) => !He.includes(t.teacherUserId)) || [],
+        onConfirm: oe,
+        teacherSwitchUserId: Qe,
+        setTeacherSwitchUserId: Xe
+      }
+    ),
+    /* @__PURE__ */ e(
+      wa,
+      {
+        open: Ye,
+        onClose: Re,
+        teachers: $,
+        onChangeStaffRemove: Ze,
+        switchStaffUsers: et,
+        counselors: y,
+        assistants: N,
+        onRemoveBulkStaff: m,
+        studentUserIds: E,
+        secondaryTeachers: M
+      }
+    )
+  ] });
+}, $a = () => {
+  const s = re(), [l, c] = _(
+    _t
+  ), [r, a] = _([]), [d, S] = _(""), g = async () => {
+    try {
+      const i = await bt();
+      a(i.data);
+    } catch (i) {
+      s(
+        I({
+          type: "danger",
+          message: i.response?.data?.title || i.message
+        })
+      );
+    }
+  }, n = r.map((i) => ({
+    label: `${i.name} - ${i.email}`,
+    value: i.id
+  }));
+  return te(() => {
+    l.roles?.includes("Teacher") && g();
+  }, [l]), {
+    userChoiced: l,
+    setUserChoiced: c,
+    teacherList: r,
+    options: n,
+    setTeacherChangeId: S,
+    teacherChangeId: d
+  };
+}, Ea = "User deleted list", ka = () => {
+  const {
+    userChoiced: s,
+    setUserChoiced: l,
+    options: c,
+    teacherChangeId: r,
+    setTeacherChangeId: a
+  } = $a(), [d, S] = _([]), [g, n] = _(0), { filters: i, changeFilters: T } = Nt(), o = re(), U = Ot(null), E = () => {
+    U && U.current && U.current.toggle();
+  }, A = () => {
+    a(""), l(_t);
+  }, C = G(async () => {
+    o(F(!0));
+    try {
+      const b = await wt(i), { items: R, totalItems: z } = b.data;
+      S(R), n(z);
+    } catch (b) {
+      o(
+        I({
+          type: "danger",
+          message: b.response?.data?.title || b.message
+        })
+      );
+    }
+    o(F(!1));
+  }, [o, i]);
+  te(() => {
+    document.title = Ea;
+  }, []), te(() => {
+    C();
+  }, [i]);
+  const h = G(
+    (b) => {
+      o(
+        nt({
+          isOpen: !0,
+          type: "warning",
+          message: "Do you want to remove this user?",
+          onConfirm: async () => {
+            o(F(!0));
+            try {
+              s.roles.includes("Teacher") ? await ct(b, r) : await ct(b), o(
+                I({
+                  type: "success",
+                  message: "Remove user successfully"
+                })
+              ), E(), A(), T({ currentPage: 1 });
+            } catch (R) {
+              o(
+                I({
+                  type: "danger",
+                  message: R.response?.data?.title || R.message
+                })
+              );
+            }
+            o(F(!1));
+          }
+        })
+      );
+    },
+    [i, r, s]
+  );
+  return {
+    userList: d,
+    totalItems: g,
+    filters: i,
+    getData: C,
+    removeData: h,
+    changeFilters: T,
+    modal: U,
+    openModal: E,
+    userChoiced: s,
+    setUserChoiced: l,
+    options: c,
+    teacherChangeId: r,
+    setTeacherChangeId: a,
+    resetData: A
+  };
+}, Da = (s, l) => {
+  const {
+    header: c,
+    removeData: r,
+    resetData: a,
+    userChoiced: d,
+    options: S,
+    teacherChangeId: g,
+    setTeacherChangeId: n
+  } = s, { t: i } = Y(), T = () => {
+    var o = window.location.origin + "/api/ExportDataUser/" + d.id;
+    window.open(o);
+  };
+  return /* @__PURE__ */ e(
+    Ut,
+    {
+      header: c,
+      ref: l,
+      onCancel: () => {
+        a();
+      },
+      children: /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ u(j, { md: 12, className: "mb-2", children: [
+        /* @__PURE__ */ e("p", { children: i("export_user_data") }),
+        /* @__PURE__ */ e("div", { className: "pb-3", children: /* @__PURE__ */ e(
+          J,
+          {
+            color: "success",
+            onClick: () => {
+              T();
+            },
+            style: { color: "#fff" },
+            children: i("download_users_data")
+          }
+        ) }),
+        /* @__PURE__ */ e("p", { children: "Delete user" }),
+        !!d && /* @__PURE__ */ u("div", { children: [
+          d.roles.includes("Student") && /* @__PURE__ */ u("div", { children: [
+            /* @__PURE__ */ e(ke, { color: "danger", children: i("alert_delete_user") }),
+            /* @__PURE__ */ e(
+              J,
+              {
+                color: "danger",
+                onClick: () => r(d.id),
+                style: { color: "#fff" },
+                children: i("delete_user")
+              }
+            )
+          ] }),
+          d.roles.includes("Admin") && /* @__PURE__ */ u("div", { children: [
+            /* @__PURE__ */ e(ke, { color: "danger", children: i("alert_delete_user") }),
+            /* @__PURE__ */ e(
+              J,
+              {
+                color: "danger",
+                onClick: () => r(d.id),
+                children: i("delete_user")
+              }
+            )
+          ] }),
+          d.roles.includes("Teacher") && /* @__PURE__ */ u("div", { children: [
+            /* @__PURE__ */ e(ke, { color: "warning", children: i("alert_delete_user") }),
+            /* @__PURE__ */ e(
+              Q,
+              {
+                options: S,
+                defaultValue: g,
+                placeholder: "select_teacher_change",
+                onChange: (o) => n(o.value)
+              }
+            ),
+            !!g && /* @__PURE__ */ u("div", { className: "mt-2", children: [
+              /* @__PURE__ */ e(ke, { color: "danger", children: i("alert_delete_user") }),
+              /* @__PURE__ */ e(
+                J,
+                {
+                  color: "danger",
+                  onClick: () => r(d.id),
+                  children: i("delete_user")
+                }
+              )
+            ] })
+          ] }),
+          (d.roles.includes("Parent") || d.roles.includes("Counselor") || d.roles.includes("SecondaryTeacher")) && /* @__PURE__ */ u("div", { children: [
+            /* @__PURE__ */ e(ke, { color: "danger", children: i("alert_delete_user") }),
+            /* @__PURE__ */ e(
+              J,
+              {
+                color: "danger",
+                onClick: () => r(d.id),
+                children: i("delete_user")
+              }
+            )
+          ] })
+        ] })
+      ] }) })
+    }
+  );
+}, Ma = yt(Da), xa = "user_deleted", Oa = () => {
+  const {
+    userList: s,
+    totalItems: l,
+    filters: c,
+    changeFilters: r,
+    removeData: a,
+    openModal: d,
+    modal: S,
+    userChoiced: g,
+    setUserChoiced: n,
+    options: i,
+    teacherChangeId: T,
+    setTeacherChangeId: o,
+    resetData: U
+  } = ka(), { t: E } = Y(), A = (C) => {
+    C && n(C), d();
+  };
+  return /* @__PURE__ */ u("div", { className: "fadeIn animated", children: [
+    /* @__PURE__ */ e("h5", { className: "mt-4 mb-2", children: E(xa) }),
+    /* @__PURE__ */ u(ae, { className: "my-2", children: [
+      /* @__PURE__ */ e(j, { md: 8, children: /* @__PURE__ */ e(
+        pt,
+        {
+          initValue: c.searchString,
+          onSearch: (C) => r({ searchString: C }),
+          placeholder: E("type_something_to_search_reflection_result")
+        }
+      ) }),
+      /* @__PURE__ */ u(
+        j,
+        {
+          md: 4,
+          className: "d-flex justify-content-end align-items-center",
+          children: [
+            E("total_of_users"),
+            ": ",
+            l
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u(ae, { className: "mb-2", children: [
+      /* @__PURE__ */ e(j, { md: 12, children: s && s.length > 0 ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ u(Tt, { bordered: !0, hover: !0, striped: !0, responsive: !0, size: "sm", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ u("tr", { children: [
+          /* @__PURE__ */ e("th", { className: "align-top", children: E("name") }),
+          /* @__PURE__ */ e("th", { className: "align-top", children: E("email") }),
+          /* @__PURE__ */ e("th", { className: "align-top", children: E("role") })
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { children: s.map((C) => /* @__PURE__ */ u("tr", { children: [
+          /* @__PURE__ */ e("td", { className: "align-middle", children: /* @__PURE__ */ e(
+            $t,
+            {
+              label: `${C.fullName}`,
+              onClick: () => A(C)
+            }
+          ) }),
+          /* @__PURE__ */ e("td", { className: "align-middle", children: C.email }),
+          /* @__PURE__ */ e("td", { className: "align-middle", children: !!C.roles && C.roles.map((h) => h === "SecondaryTeacher" ? "SupportTeacher" : h).join(", ") })
+        ] }, C.id)) })
+      ] }) }) : /* @__PURE__ */ e(Et, { label: E("user") }) }),
+      /* @__PURE__ */ e(j, { md: 12, children: /* @__PURE__ */ e(
+        gt,
+        {
+          filters: c,
+          totalRecordCount: l,
+          changePageSize: (C) => r({ pageSize: C }),
+          changePage: (C) => r({ currentPage: C })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e(
+      Ma,
+      {
+        ref: S,
+        header: g.fullName,
+        onCancel: () => {
+        },
+        userChoiced: g,
+        removeData: a,
+        options: i,
+        teacherChangeId: T,
+        setTeacherChangeId: o,
+        resetData: U
+      }
+    )
+  ] });
+}, Aa = {
+  padding: "4px 8px",
+  marginBottom: 0,
+  borderRadius: "4px",
+  color: "#fff",
+  fontWeight: 500,
+  fontSize: "14px",
+  height: "56px",
+  justifyContent: "center"
+}, Pe = ({
+  htmlFor: s,
+  isDisabled: l,
+  text: c,
+  backgroundColor: r,
+  onClick: a,
+  isClassReflection: d
+}) => /* @__PURE__ */ u(
+  Vt,
+  {
+    htmlFor: s,
+    role: "button",
+    tabIndex: 0,
+    className: `d-flex align-items-center justfy-content-center mr-2
+            ${d ? "w-25" : ""}
+            ${l ? "" : "cursor-pointer hover-opacity"}`,
+    style: {
+      ...Aa,
+      backgroundColor: r,
+      opacity: l ? 0.5 : 1,
+      gap: "8px"
+    },
+    onClick: (S) => a(),
+    children: [
+      /* @__PURE__ */ e("i", { className: "fa fa-paperclip mr-1", "aria-hidden": "true" }),
+      c
+    ]
+  }
+), It = `${vt}/api/ImportCsv/csv`, lt = `${vt}/api/Teacher`, Ra = (s, l) => rt.post(`${It}/${l}`, s), ut = (s) => rt.post(`${It}/importClassReflection`, s), La = (s, l) => rt.post(`${lt}/adminImportStudentByTeacherId/${s}`, l), Ba = (s) => ft.post(`${lt}/adminImportChunkUser`, s), Fa = () => ft.get(`${lt}/download-template-file-user`);
+var Ct = /* @__PURE__ */ ((s) => (s.Students = "students", s.Subjects = "subjects", s.Grades = "grades", s.Attendances = "attendances", s.ClassReflection = "classReflection", s.Others = "others", s.AllUser = "allUser", s))(Ct || {});
+const Pa = [
+  {
+    text: "import_users",
+    backgroundColor: "#0abde3",
+    type: "allUser"
+    /* AllUser */
+  }
+], Ja = [
+  // {
+  //     text: "Import students",
+  //     backgroundColor: "#0abde3",
+  //     type: CSVType.Students
+  // },
+  // {
+  //     text: "Import subjects",
+  //     backgroundColor: "#1dd1a1",
+  //     type: CSVType.Subjects
+  // },
+  // { text: "Import grades", backgroundColor: "#54a0ff", type: CSVType.Grades },
+  // {
+  //     text: "Import attendances",
+  //     backgroundColor: "#feca57",
+  //     type: CSVType.Attendances
+  // },
+  {
+    text: "import_class_reflection",
+    backgroundColor: "#e74c3c",
+    type: "classReflection"
+    /* ClassReflection */
+  }
+  // { text: "Import others", backgroundColor: "#8395a7", type: CSVType.Others }
+], ja = "CSV Import", st = "csvupload", mt = {
+  teacherName: "",
+  teacherEmail: "",
+  studentIds: [],
+  file: ""
+}, za = () => {
+  const s = re(), l = ra((N) => N.common.isLoading), [c, r] = _(null), [a, d] = _(), [S, g] = _([]), [n, i] = _(mt), [T, o] = _(), [U, E] = _([]), C = window.location.hostname.includes("isb"), [h, b] = _(0), [R, z] = _("");
+  te(() => {
+    document.title = ja;
+  }, []);
+  const W = C ? Pa : Ja, de = async () => {
+    s(F(!0));
+    try {
+      const L = await Fa();
+      var N = new Blob([L.data.content], { type: "text/csv" });
+      const Z = window.URL.createObjectURL(N);
+      var M = document.createElement("a");
+      M.href = Z, M.setAttribute("download", L.data.nameFile), M.click(), s(
+        I({
+          type: "success",
+          message: "Download successfully"
+        })
+      );
+    } catch (L) {
+      s(
+        I({
+          type: "danger",
+          message: L.message
+        })
+      );
+    }
+    s(F(!1));
+  }, se = G(
+    async (N) => {
+      if (!c || !N) return;
+      s(F(!0));
+      try {
+        const H = new FormData();
+        H.append("file", N, N.name);
+        const ee = c === "allUser" ? ot.Admin : ot.Teacher, K = await Mt(H, ee);
+        if (K.data && K.data.length > 0) {
+          E(K.data), s(F(!1)), s(
+            I({
+              type: "danger",
+              message: "Please use the file as per the template."
+            })
+          );
+          return;
+        }
+        if (c == "allUser") {
+          let ne = (await N.text()).trim();
+          const pe = ne.split(`
+`).map((q) => q.trim()), ge = pe.findIndex((q) => q.split(",").includes("First Name"));
+          if (ge === 0)
+            throw new Error("Invalid CSV: Missing header row.");
+          ne = pe.slice(ge).join(`
+`);
+          const le = oa.parse(ne, { header: !0, skipEmptyLines: !0 }), ce = le.meta.fields, oe = le.data;
+          if (!oe.length) {
+            s(F(!1)), s(
+              I({
+                type: "danger",
+                message: "The file has no data or some column names are misformed."
+              })
+            );
+            return;
+          }
+          const V = 10, ie = [];
+          for (let q = 0; q < oe.length; q += V) {
+            const ye = oe.slice(q, q + V).map(
+              (we) => Object.values(we).map((Ue) => (Ue ?? "").toString().trim())
+            );
+            ce && ye.unshift(ce), ie.push(ye);
+          }
+          for (let q = 0; q < ie.length; q++)
+            await Ba({
+              index: q,
+              chunks: ie[q]
+            }), await new Promise((fe) => setTimeout(fe, 500));
+        } else
+          C ? c == "classReflection" && await ut(H) : await Ra(H, c.toString());
+        s(
+          I({
+            type: "success",
+            message: "Import CSV successfully"
+          })
+        );
+      } catch (H) {
+        console.error("❌ Upload failed", H), s(
+          I({
+            type: "danger",
+            message: H.response?.data?.title || H.message
+          })
+        );
+      }
+      s(F(!1));
+      const M = document.getElementById(st), L = document.getElementById("import-student"), Z = document.getElementById("import-classReflection");
+      M && (M.value = ""), L && (L.value = ""), Z && (Z.value = "");
+    },
+    [c]
+  ), X = async (N) => {
+    if (!h) {
+      s(
+        I({
+          type: "danger",
+          message: "Select teacher before import csv"
+        })
+      );
+      return;
+    }
+    if (!c || !N) return;
+    s(F(!0));
+    try {
+      const L = new FormData();
+      L.append("file", N, N.name), await La(h, L), s(
+        I({
+          type: "success",
+          message: "Import CSV successfully"
+        })
+      );
+    } catch (L) {
+      s(
+        I({
+          type: "danger",
+          message: L.response?.data?.title || L.message
+        })
+      );
+    }
+    s(F(!1));
+    const M = document.getElementById("teacherSelector");
+    M && (M.value = "");
+  }, he = async (N) => {
+    if (!a || !a) return;
+    s(F(!0));
+    try {
+      const L = new FormData();
+      L.append("file", a, a.name), L.append("teacherName", N.teacherName), L.append("teacherEmail", N.teacherEmail), N.studentIds.forEach((Z) => {
+        L.append("studentIds", Z);
+      }), await ut(L), s(
+        I({
+          type: "success",
+          message: "Import CSV successfully"
+        })
+      ), i(mt);
+    } catch (L) {
+      s(
+        I({
+          type: "danger",
+          message: L.response?.data?.title || L.message
+        })
+      );
+    }
+    s(F(!1));
+    const M = document.getElementById(st);
+    M && (M.value = "");
+  }, ue = (N) => {
+    b(N.value);
+  }, D = (N) => {
+    o(N), z(N?.name || "");
+  }, $ = () => {
+    if (!T) {
+      s(
+        I({
+          type: "danger",
+          message: "Select CSV to import"
+        })
+      );
+      return;
+    }
+    X(T);
+  };
+  return {
+    isLoading: l,
+    buttons: W,
+    id: st,
+    setType: r,
+    upload: se,
+    initImportReflection: n,
+    setInitImportReflection: i,
+    onConfirm: he,
+    CSVType: Ct,
+    dataFile: a,
+    setDataFile: d,
+    setArrStudent: g,
+    arrStudent: S,
+    isCheckDomainIBS: C,
+    onChangeTeacher: ue,
+    uploadByTeacherId: X,
+    setDataFileImportStudent: D,
+    onUpLoadStudentFile: $,
+    defaultTeacher: h,
+    fileName: R,
+    onStudentSubmit: () => {
+      s(
+        nt({
+          isOpen: !0,
+          type: "warning",
+          message: "Are you sure upload this file?",
+          onConfirm: () => {
+            $();
+          }
+        })
+      );
+    },
+    downloadTemplateUser: de,
+    errorsValidate: U,
+    setErrorsValidate: E
+  };
+}, Va = xe.object({
+  teacherName: xe.string()?.trim().required(),
+  teacherEmail: xe.string()?.trim().email("Invalid email").required(),
+  studentIds: xe.array().required().test(
+    "test students",
+    "Please choose student",
+    function() {
+      return !!this.parent.studentIds && !!this.parent.studentIds.length;
+    }
+  ),
+  file: xe.string()?.trim().required()
+}), qa = () => {
+  const {
+    initImportReflection: s,
+    onConfirm: l,
+    isLoading: c,
+    setType: r,
+    id: a,
+    CSVType: d,
+    dataFile: S,
+    setDataFile: g,
+    setArrStudent: n,
+    buttons: i,
+    upload: T,
+    isCheckDomainIBS: o,
+    downloadTemplateUser: U,
+    errorsValidate: E,
+    setErrorsValidate: A
+  } = za(), { t: C } = Y();
+  return /* @__PURE__ */ e("div", { className: "animated fadeIn pt-3", children: o ? /* @__PURE__ */ u(tt, { children: [
+    /* @__PURE__ */ e(
+      De,
+      {
+        className: "d-none",
+        type: "file",
+        id: "import-user",
+        onChange: (h) => T(h.target.files[0]),
+        accept: "text/csv"
+      }
+    ),
+    /* @__PURE__ */ e(
+      De,
+      {
+        className: "d-none",
+        type: "file",
+        id: "import-classReflection",
+        onChange: (h) => T(h.target.files[0]),
+        accept: "text/csv"
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "class-reflection", children: /* @__PURE__ */ e(
+      ca,
+      {
+        initialValues: s,
+        enableReinitialize: !0,
+        validationSchema: Va,
+        onSubmit: (h, b) => {
+          l(h), g(""), n([]), b.resetForm();
+        },
+        children: (h) => {
+          const {
+            // values,
+            touched: b,
+            errors: R
+            // handleSubmit,
+            // handleChange
+          } = h;
+          return /* @__PURE__ */ u(ae, { className: "mb-2", children: [
+            /* @__PURE__ */ e(
+              De,
+              {
+                className: "d-none",
+                type: "file",
+                id: a,
+                onChange: (z) => {
+                  g(z.target.files[0]), h.setFieldValue("file", "imported");
+                  const W = document.getElementById(a);
+                  W && (W.value = "");
+                },
+                accept: "text/csv"
+              }
+            ),
+            /* @__PURE__ */ e(j, { md: 6, className: "mb-2 d-flex mt-5", children: /* @__PURE__ */ u(ae, { className: "w-100 flex-column", children: [
+              /* @__PURE__ */ u(j, { md: 12, className: "", children: [
+                /* @__PURE__ */ e(Le, { text: C("import_class_reflection") }),
+                /* @__PURE__ */ e(
+                  Pe,
+                  {
+                    htmlFor: "import-classReflection",
+                    text: C("import_class_reflection"),
+                    isDisabled: c,
+                    backgroundColor: "#e74c3c",
+                    onClick: () => {
+                      r(d.ClassReflection);
+                    }
+                  },
+                  "Import class reflections"
+                ),
+                !!S && /* @__PURE__ */ e("p", { style: { color: "#007bff", fontStyle: "italic", marginTop: "5px" }, children: S.name })
+              ] }),
+              !S && /* @__PURE__ */ e(j, { md: 12, className: "mb-2", children: b.file && R.file && /* @__PURE__ */ e(
+                at,
+                {
+                  text: R.file
+                }
+              ) })
+            ] }) }),
+            /* @__PURE__ */ e(j, { md: 6, className: "mb-2", children: /* @__PURE__ */ u(ae, { className: "flex-column", children: [
+              /* @__PURE__ */ e(j, { md: 12, className: "mb-2 text-right", style: { textAlign: "right" }, children: /* @__PURE__ */ e(
+                J,
+                {
+                  role: "button",
+                  color: "primary",
+                  onClick: () => U(),
+                  children: /* @__PURE__ */ u("p", { className: "d-flex align-items-center mb-0", children: [
+                    C("download_template"),
+                    " ",
+                    /* @__PURE__ */ e(it, { size: 20, className: "ml-2" })
+                  ] })
+                }
+              ) }),
+              /* @__PURE__ */ u(j, { md: 12, className: "mb-2", children: [
+                /* @__PURE__ */ e(Le, { text: C("import_users") }),
+                i.map((z) => /* @__PURE__ */ e(
+                  Pe,
+                  {
+                    htmlFor: "import-user",
+                    text: z.text,
+                    isDisabled: c,
+                    backgroundColor: z.backgroundColor,
+                    onClick: () => r(z.type)
+                  },
+                  z.text
+                ))
+              ] }),
+              E?.length > 0 && E.map((z, W) => /* @__PURE__ */ e(
+                at,
+                {
+                  text: z
+                },
+                W
+              ))
+            ] }) })
+          ] });
+        }
+      }
+    ) })
+  ] }) : /* @__PURE__ */ e(tt, { children: /* @__PURE__ */ u(ae, { children: [
+    /* @__PURE__ */ e(j, { md: 12, className: "mt-2 mb-2 text-left", children: /* @__PURE__ */ e(
+      J,
+      {
+        role: "button",
+        color: "primary",
+        onClick: () => U(),
+        children: /* @__PURE__ */ u("p", { className: "d-flex align-items-center mb-0", children: [
+          C("download_template"),
+          " ",
+          /* @__PURE__ */ e(it, { size: 20, className: "ml-2" })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ u(j, { md: 6, className: "mb-3", children: [
+      /* @__PURE__ */ e(
+        De,
+        {
+          id: "import-user",
+          className: "d-none",
+          type: "file",
+          onChange: (h) => T(h.target.files[0]),
+          accept: "text/csv"
+        }
+      ),
+      /* @__PURE__ */ e(Le, { text: C("import_users") }),
+      /* @__PURE__ */ e(
+        Pe,
+        {
+          htmlFor: "import-user",
+          text: C("import_users"),
+          isDisabled: c,
+          backgroundColor: "#0abde3",
+          onClick: () => {
+            r(d.AllUser), E.length > 0 && A([]);
+          }
+        },
+        "import-users"
+      )
+    ] }),
+    E.length > 0 && E.map((h, b) => /* @__PURE__ */ e(
+      at,
+      {
+        text: h
+      },
+      b
+    )),
+    /* @__PURE__ */ u(j, { md: 6, className: "mb-3", children: [
+      /* @__PURE__ */ e(
+        De,
+        {
+          className: "d-none",
+          type: "file",
+          id: a,
+          onChange: (h) => T(h.target.files[0]),
+          accept: "text/csv"
+        }
+      ),
+      i.map((h) => /* @__PURE__ */ u(tt, { children: [
+        /* @__PURE__ */ e(Le, { text: C(h.text) }),
+        /* @__PURE__ */ e(
+          Pe,
+          {
+            htmlFor: a,
+            text: C(h.text),
+            isDisabled: c,
+            backgroundColor: h.backgroundColor,
+            onClick: () => r(h.type)
+          },
+          h.text
+        )
+      ] }))
+    ] })
+  ] }) }) });
+}, Wa = [
+  {
+    path: "/admin/users/user-list",
+    title: "user_list",
+    component: xt
+  },
+  {
+    path: "/admin/users/assign-student",
+    title: "assign_student",
+    component: Ua
+  },
+  {
+    path: "/admin/users/user-deleted",
+    title: "user_deleted",
+    component: Oa
+  },
+  {
+    path: "/admin/users/import-csv",
+    title: "csv_import",
+    component: qa
+  }
+], rs = () => /* @__PURE__ */ e(kt, { tabs: Wa });
+export {
+  rs as default
+};