mario-core 2.0.97-release → 2.0.98-release

package/dist/UserContainer-Ip-sYnrv.mjs

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