mario-education 2.0.147-staging → 2.0.149-staging

package/dist/OneRosterContainer-B1c1TFmD.js

@@ -0,0 +1,1276 @@
+import { jsx as e, jsxs as l, Fragment as Q } from "react/jsx-runtime";
+import { useTranslation as J, api as P, BASE_URL as F, setModal as j, setLoading as N, setAlert as O, SearchBox as Se, LinkEditButton as be, EmptyDataAlert as Oe, CustomPagination as Ie, CustomTab as Re } from "mario-core";
+import { Row as U, Col as m, Label as V, Input as B, Button as z, Table as Ae } from "reactstrap";
+import { Formik as me } from "formik";
+import * as we from "react";
+import ne, { useRef as Le, useState as b, useCallback as I, useMemo as E, useEffect as H, forwardRef as Ue } from "react";
+import { useDispatch as W } from "react-redux";
+import { e as te, f as Z, g as Y } from "./index-BzA6oUpQ.js";
+import { g as Pe } from "./userDeletedService-B3c2erm-.js";
+import { _ as ke } from "./extends-hS2Bh-Yp.js";
+import { _ as Ee, c as le, g as $e, a as Fe, b as ae, v as Te, d as ce, u as De, S as Ve } from "./useStateManager-7e1e8489.esm-Dg9jhVbQ.js";
+import "@emotion/react";
+import "react-dom";
+import { a as X, b as ee } from "./index-Dn1cuBch.js";
+const x = {
+  USERNAME: "Username",
+  EMAIL: "Email",
+  ROLE: "Role",
+  GRADE: "Grade"
+}, $ = {
+  ClassLink: 0,
+  Clever: 1
+}, ue = ({ rosterConfig: t, updateData: o, type: s }) => {
+  const { t: r } = J();
+  return /* @__PURE__ */ e(
+    me,
+    {
+      initialValues: t,
+      enableReinitialize: !0,
+      onSubmit: (a) => {
+        o(a);
+      },
+      children: (a) => {
+        const {
+          values: h,
+          handleChange: n,
+          handleBlur: d,
+          handleSubmit: i
+        } = a;
+        return /* @__PURE__ */ l(U, { children: [
+          /* @__PURE__ */ e(m, { md: 12, children: /* @__PURE__ */ l("h5", { className: "mt-4 font-weight-bold", children: [
+            r("one_roster_config"),
+            " (From ",
+            s === $.ClassLink ? "ClassLink" : "Clever",
+            ")"
+          ] }) }),
+          /* @__PURE__ */ l(m, { md: 12, className: "my-4 mt-2", children: [
+            /* @__PURE__ */ e(V, { className: "font-weight-bold", children: r("time_oneRoster_sync_hh") }),
+            /* @__PURE__ */ e(
+              B,
+              {
+                name: "cronjobTime",
+                placeholder: r("time_oneRoster_sync_hh"),
+                value: h.cronjobTime,
+                onChange: (c) => {
+                  n(c);
+                },
+                onBlur: d("cronjobTime")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(m, { md: 12, className: "my-4 mt-2", children: /* @__PURE__ */ l(U, { children: [
+            /* @__PURE__ */ l(m, { md: s === $.ClassLink ? 9 : 12, children: [
+              /* @__PURE__ */ l(V, { className: "font-weight-bold", children: [
+                r("end_point_url"),
+                ":"
+              ] }),
+              /* @__PURE__ */ e(
+                B,
+                {
+                  disabled: !0,
+                  name: "endPointUrl",
+                  placeholder: r("end_point_url"),
+                  value: h.endPointUrl,
+                  onChange: (c) => {
+                    n(c);
+                  },
+                  onBlur: d("endPointUrl")
+                }
+              )
+            ] }),
+            s === $.ClassLink && /* @__PURE__ */ l(m, { md: 3, children: [
+              /* @__PURE__ */ e(V, { className: "font-weight-bold", children: "Version:" }),
+              /* @__PURE__ */ l(
+                B,
+                {
+                  disabled: !0,
+                  type: "select",
+                  name: "oneRosterVersion",
+                  value: h.oneRosterVersion || "1.1",
+                  onChange: (c) => {
+                    n(c);
+                  },
+                  onBlur: d("oneRosterVersion"),
+                  children: [
+                    /* @__PURE__ */ e("option", { value: "1.1", children: "1.1" }),
+                    /* @__PURE__ */ e("option", { value: "1.2", children: "1.2" })
+                  ]
+                }
+              )
+            ] })
+          ] }) }),
+          /* @__PURE__ */ l(m, { md: 12, className: "mb-4 mt-2", children: [
+            /* @__PURE__ */ l(V, { className: "font-weight-bold", children: [
+              r("client_id"),
+              ":"
+            ] }),
+            /* @__PURE__ */ e(
+              B,
+              {
+                disabled: !0,
+                name: "clientId",
+                placeholder: r("client_id"),
+                value: h.clientId,
+                onChange: (c) => {
+                  n(c);
+                },
+                onBlur: d("clientId")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l(m, { md: 12, className: "mb-4", children: [
+            /* @__PURE__ */ l(V, { className: "font-weight-bold", children: [
+              r("client_secret"),
+              ":"
+            ] }),
+            /* @__PURE__ */ e(
+              B,
+              {
+                disabled: !0,
+                name: "clientSecret",
+                placeholder: r("client_secret"),
+                value: h.clientSecret,
+                onChange: (c) => {
+                  n(c);
+                },
+                onBlur: d("clientSecret")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(m, { md: 12, className: "d-flex justify-content-end", children: /* @__PURE__ */ e(
+            z,
+            {
+              onClick: () => i(),
+              color: "success",
+              children: r("save")
+            }
+          ) })
+        ] });
+      }
+    }
+  );
+}, pe = `${F}/api/oneRoster`, Be = `${F}/api/ImportOneRoster/file`, je = `${F}/api/usersOneRoster`, Me = `${F}/api/User/roster-users`, he = `${F}/api/veraCross`, ge = `${F}/api/openApply`, xe = (t) => P.get(pe, { params: { type: t } }), Je = () => P.get(he), qe = (t) => P.put(`${he}`, t), ze = (t, o) => P.put(`${pe}`, t, { params: { type: o } }), We = () => P.get(ge), Ge = (t) => P.put(`${ge}`, t), Ze = (t, o) => P.post(Be, t, {
+  onUploadProgress: o
+}), Ye = (t) => P.get(`${je}`, {
+  params: t
+}), He = (t) => P.post(`${Me}`, t), Ke = () => P.post(`${F}/api/ImportRestApiRoster/trigger-sync`), Qe = () => P.post(`${F}/api/clever/trigger-sync`), Xe = () => P.post(`${F}/api/ImportRestApiVeraCross/trigger-sync`), et = () => P.post(`${F}/api/ImportRestApiOpenApply/trigger-sync`), tt = "_spinner_tuwht_1", st = "_pointer_tuwht_26", k = {
+  spinner: tt,
+  "success-block": "_success-block_tuwht_14",
+  "middle-block": "_middle-block_tuwht_18",
+  "list-block": "_list-block_tuwht_22",
+  pointer: st
+}, rt = [
+  "academicSession",
+  "classes",
+  "resources",
+  "courses",
+  "orgs",
+  "categories",
+  "lineItems",
+  "results",
+  "users",
+  "enrollments",
+  "demographics"
+], fe = "Response status code does not indicate success: 403 ().", nt = {
+  value: 10
+}, at = {
+  searchString: "",
+  currentPage: 1,
+  pageSize: nt.value,
+  isCreated: !1
+}, it = [
+  "students",
+  "faculties"
+], ot = [
+  "students",
+  "parents"
+], lt = ({ errorImportRest: t, type: o }) => {
+  const s = W(), r = Le(null), [a, h] = b(0), [n, d] = b(), [i] = b({}), c = I(async () => {
+    if (t) {
+      s(j({
+        isOpen: !0,
+        type: "danger",
+        message: `${t} (Please make sure your changes are saved)`
+      }));
+      return;
+    }
+    s(N(!0));
+    try {
+      const y = o === $.Clever ? await Qe() : await Ke();
+      s(j({
+        isOpen: !0,
+        type: "success",
+        message: y.data?.message || "Sync job has been triggered in the background. Please wait a few moments before refreshing the page."
+      }));
+    } catch (y) {
+      s(j({
+        isOpen: !0,
+        type: "danger",
+        message: y.response?.data?.message || y.response?.data?.title || y.message
+      }));
+    }
+    s(N(!1));
+  }, [t, o, s]), u = I(
+    async (y) => {
+      d({
+        error: "",
+        success: !1,
+        isUploading: !0,
+        importedFiles: "",
+        rejectedFiles: "",
+        comment: ""
+      }), s(N(!0));
+      try {
+        const g = new FormData();
+        g.append("file", y);
+        const L = await Ze(
+          g,
+          R
+        );
+        d((w) => ({
+          ...w,
+          success: !0,
+          importedFiles: L.data.csvFilesImported || "",
+          rejectedFiles: L.data.cSVFilesRejected || "",
+          comment: L.data.comment || ""
+        }));
+      } catch (g) {
+        d((L) => ({
+          ...L,
+          error: g.response?.data?.title || g.message
+        }));
+      }
+      r.current?.value && (r.current.value = ""), d((g) => ({
+        ...g,
+        isUploading: !1
+      })), s(N(!1));
+    },
+    [JSON.stringify(n)]
+  ), v = () => {
+    r.current?.click();
+  }, R = (y) => {
+    const g = Math.round(
+      y.loaded / y.total * 100
+    );
+    h(g);
+  }, _ = I(async () => {
+    d(void 0), h(0);
+    const y = r.current?.files?.[0];
+    y && await u(y);
+  }, []), S = E(() => {
+    if (n)
+      return n.isUploading && a < 100 ? /* @__PURE__ */ e(
+        te,
+        {
+          color: "#999999",
+          className: `mr-2 ${k.spinner}`
+        }
+      ) : n.success || a === 100 ? /* @__PURE__ */ e(Z, { color: "#28a745", className: "mr-2" }) : /* @__PURE__ */ e(Y, { color: "#dc3545", className: "mr-2" });
+  }, [JSON.stringify(n), a]), C = E(() => i === void 0 || Object.keys(i).length === 0 ? void 0 : rt.map((g) => ({
+    name: g,
+    status: i?.[g]
+  })).filter((g) => g.status != "ResourceNotFound").map((g) => /* @__PURE__ */ l("div", { children: [
+    g.status ? g.status == !0 ? /* @__PURE__ */ e(Z, { color: "#28a745", className: "mr-2" }) : /* @__PURE__ */ e(Y, { color: "#dc3545", className: "mr-2" }) : /* @__PURE__ */ e(
+      te,
+      {
+        color: "#999999",
+        className: `mr-2 ${k.spinner}`
+      }
+    ),
+    /* @__PURE__ */ e("b", { children: `${g.name}: ` }),
+    g.status ? g.status == !0 ? "Import successful" : /* @__PURE__ */ e("span", { children: g.status === fe ? "Invalid Client Id and Client Secret" : g.status }) : "Importing..."
+  ] })), [JSON.stringify(i)]), M = E(() => {
+    if (n)
+      return n.isUploading && a < 100 ? /* @__PURE__ */ l(ne.Fragment, { children: [
+        /* @__PURE__ */ e("b", { children: "Uploading: " }),
+        " ",
+        a,
+        "%"
+      ] }) : /* @__PURE__ */ e("b", { children: n.success || a === 100 ? "Upload success" : "Upload fail" });
+  }, [JSON.stringify(n), a]), T = E(() => {
+    if (n)
+      return n.isUploading ? /* @__PURE__ */ e(
+        te,
+        {
+          color: "#999999",
+          className: `mr-2 ${k.spinner}`
+        }
+      ) : n.success ? /* @__PURE__ */ e(Z, { color: "#28a745", className: "mr-2" }) : /* @__PURE__ */ e(Y, { color: "#dc3545", className: "mr-2" });
+  }, [JSON.stringify(n)]), f = E(() => {
+    if (!n) return;
+    const y = n.comment, g = n.importedFiles?.split(",")?.filter((w) => w?.trim()?.length) || [], L = n.rejectedFiles?.split(",")?.filter((w) => w?.trim()?.length) || [];
+    return n.isUploading ? /* @__PURE__ */ e("b", { children: "Importing to database..." }) : n.success ? /* @__PURE__ */ l(ne.Fragment, { children: [
+      /* @__PURE__ */ e("b", { children: "Import to database successful" }),
+      /* @__PURE__ */ l("div", { className: `${k["success-block"]}`, children: [
+        /* @__PURE__ */ l("div", { children: [
+          /* @__PURE__ */ l("div", { className: "mt-1", children: [
+            /* @__PURE__ */ e("b", { children: "List imported csv file: " }),
+            g.length === 0 && /* @__PURE__ */ e("span", { children: "No File" })
+          ] }),
+          /* @__PURE__ */ e("ul", { className: `pl-4 ${k["list-block"]}`, children: g.map((w) => /* @__PURE__ */ l("li", { children: [
+            /* @__PURE__ */ e(
+              Z,
+              {
+                color: "#28a745",
+                className: "mr-2"
+              }
+            ),
+            /* @__PURE__ */ e("span", { children: w })
+          ] })) })
+        ] }),
+        /* @__PURE__ */ l("div", { className: `${k["middle-block"]}`, children: [
+          /* @__PURE__ */ l("div", { children: [
+            /* @__PURE__ */ e("b", { children: "List rejected csv file: " }),
+            L.length === 0 && /* @__PURE__ */ e("span", { children: "No File" })
+          ] }),
+          /* @__PURE__ */ e("ul", { className: `pl-4 ${k["list-block"]}`, children: L.map((w) => /* @__PURE__ */ l("li", { children: [
+            /* @__PURE__ */ e(
+              Y,
+              {
+                color: "#dc3545",
+                className: "mr-2"
+              }
+            ),
+            /* @__PURE__ */ e("span", { children: w })
+          ] })) })
+        ] }),
+        y && /* @__PURE__ */ l("div", { children: [
+          /* @__PURE__ */ e("b", { children: "Comment: " }),
+          /* @__PURE__ */ e("span", { children: y })
+        ] })
+      ] })
+    ] }) : /* @__PURE__ */ l(ne.Fragment, { children: [
+      /* @__PURE__ */ l("b", { children: [
+        "Import to database fail",
+        !!n.error && ": "
+      ] }),
+      n.error
+    ] });
+  }, [JSON.stringify(n)]);
+  return {
+    inputRef: r,
+    fileProgress: a,
+    uploadInfo: n,
+    uploadIcon: S,
+    uploadMessage: M,
+    importIcon: T,
+    importMessage: f,
+    restApiInfo: i,
+    restApiProgress: C,
+    setFileProgress: h,
+    handleFileChange: _,
+    importRosterZipFile: u,
+    handleChooseZipFile: v,
+    handleImportFromRestfulApi: c
+  };
+}, Ce = ({ errorImportRest: t, type: o }) => {
+  const {
+    restApiProgress: s,
+    handleImportFromRestfulApi: r
+  } = lt({ errorImportRest: t, type: o }), { t: a } = J();
+  return /* @__PURE__ */ l(U, { children: [
+    /* @__PURE__ */ e(m, { md: 12, children: /* @__PURE__ */ e("h5", { className: "mt-4", style: { fontWeight: 700 }, children: a("import_one_roster") }) }),
+    /* @__PURE__ */ l(m, { md: 6, children: [
+      /* @__PURE__ */ e(
+        z,
+        {
+          color: "primary",
+          className: "w-100 mt-4 mb-1",
+          onClick: r,
+          children: a("import_from_restful_api")
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "mt-2", children: s })
+    ] })
+  ] });
+}, ct = {
+  cronjobTime: "",
+  clientId: "",
+  clientSecret: "",
+  endPointUrl: "",
+  oneRosterVersion: "1.1"
+}, ye = (t) => {
+  const o = W(), [s, r] = b(ct), a = I(async (d = !0) => {
+    d && o(N(!0));
+    try {
+      const i = await xe(t);
+      r(i.data);
+    } catch (i) {
+      d && o(
+        O({
+          type: "danger",
+          message: i.response?.data?.title || i.message
+        })
+      );
+    }
+    d && o(N(!1));
+  }, []), h = I(async (d) => {
+    o(N(!0));
+    try {
+      const i = await ze(d, t);
+      r(i.data), await a(!1), o(
+        O({
+          type: "success",
+          message: "Update Roster config successfully"
+        })
+      );
+    } catch (i) {
+      o(
+        O({
+          type: "danger",
+          message: i.response?.data?.title || i.message
+        })
+      );
+    }
+    o(N(!1));
+  }, []), n = E(
+    () => !s.clientId.trim().length && !s.clientSecret.trim().length && !s.endPointUrl.trim().length ? "Client Id and Client Secret are required" : s.endPointUrl.trim().length ? s.clientId.trim().length ? s.clientSecret.trim().length ? null : "Client Secret is required" : "Client Id is required" : "End Point URL is required",
+    [JSON.stringify(s)]
+  );
+  return H(() => {
+    document.title = "OneRoster | Settings", a();
+  }, [t]), {
+    rosterConfig: s,
+    errorImportRest: n,
+    updateData: h
+  };
+}, dt = () => {
+  const {
+    rosterConfig: t,
+    errorImportRest: o,
+    updateData: s
+  } = ye($.ClassLink);
+  return /* @__PURE__ */ e("div", { className: "fadeIn animated", children: /* @__PURE__ */ l(U, { children: [
+    /* @__PURE__ */ e(m, { md: 7, children: /* @__PURE__ */ e(
+      ue,
+      {
+        rosterConfig: t,
+        updateData: s,
+        type: $.ClassLink
+      }
+    ) }),
+    /* @__PURE__ */ e(m, { md: 5 }),
+    /* @__PURE__ */ e(m, { md: 7, children: /* @__PURE__ */ e(
+      Ce,
+      {
+        errorImportRest: o,
+        type: $.ClassLink
+      }
+    ) })
+  ] }) });
+}, mt = () => {
+  const t = W(), [o, s] = b([]), [r, a] = b(at), [h, n] = b(0), [d, i] = b(!1), [c, u] = b([]), [v, R] = b([]), [_, S] = b(), C = (p) => {
+    const A = {
+      ...r,
+      ...p
+    };
+    A.searchString && p.searchString && p.searchString != r.searchString && (A.currentPage = 1), a(A);
+  }, M = I((p) => {
+    p !== r.sortBy ? C({
+      sortBy: p,
+      orderBy: "ASC",
+      currentPage: 1
+    }) : C({
+      sortBy: p,
+      orderBy: r.orderBy !== "DESC" ? "DESC" : "ASC",
+      currentPage: 1
+    });
+  }, [JSON.stringify(r)]), T = async () => {
+    t(N(!0));
+    try {
+      const p = await Ye(r);
+      s(p?.data?.items), n(p?.data?.totalItems);
+    } catch (p) {
+      t(
+        O({
+          type: "danger",
+          message: p.response?.data?.title || p.message
+        })
+      );
+    }
+    t(N(!1));
+  }, f = async () => {
+    t(N(!0));
+    try {
+      const p = await Pe({
+        sortBy: "Email"
+      });
+      R(p?.data?.map((A) => ({
+        label: A.email,
+        value: A.id
+      })));
+    } catch (p) {
+      t(
+        O({
+          type: "danger",
+          message: p.response?.data?.title || p.message
+        })
+      );
+    }
+    t(N(!1));
+  }, y = I((p, A) => {
+    let G = v.find((D) => D.value === p);
+    S({
+      ..._,
+      [A]: G
+    });
+  }, [JSON.stringify(_), JSON.stringify(v)]), g = () => {
+    i(!d), u(o.map((p) => p.sourcedId)), d && u([]);
+  }, L = (p) => {
+    const { id: A, checked: G } = p.target;
+    u([...c, A]), G || u(c.filter((D) => D !== A));
+  }, w = (p) => `${p.givenName || ""} ${p.middleName || ""} ${p.familyName || ""}`.replaceAll("  ", " ").trim(), q = I((p, A) => {
+    R([
+      ...v,
+      p
+    ]), S({
+      ..._,
+      [A]: p
+    });
+  }, [JSON.stringify(v), JSON.stringify(_)]), K = I(() => {
+    r.currentPage == 1 ? T() : C({ currentPage: 1 }), u([]), S(void 0), i(!1);
+  }, [JSON.stringify(r)]);
+  return H(() => {
+    T();
+  }, [JSON.stringify(r)]), H(() => {
+    document.title = "OneRoster | Users", f();
+  }, []), {
+    handelSort: M,
+    handelRetrievedData: K,
+    handleCreateTeacherOption: q,
+    selectedTeachers: _,
+    handleSelectTeacher: y,
+    teachers: v,
+    getFullName: w,
+    totalItem: h,
+    userList: o,
+    filters: r,
+    changeFilters: C,
+    handleSelectAll: g,
+    handleClickCheck: L,
+    isCheckAll: d,
+    isCheck: c
+  };
+}, ut = (t, o) => {
+  const s = W(), r = async (n) => {
+    s(N(!0));
+    try {
+      await He(n), s(
+        O({
+          type: "success",
+          message: "Create Successfully"
+        })
+      ), o?.();
+    } catch (d) {
+      s(
+        O({
+          type: "danger",
+          message: d.response?.data?.title || d.message
+        })
+      );
+    }
+    s(N(!1));
+  };
+  return {
+    handleCreateMultiUsers: (n, d) => {
+      if (n.length === 0) {
+        s(
+          O({
+            type: "danger",
+            message: "Not found selected user."
+          })
+        );
+        return;
+      }
+      if (n.some((u) => {
+        const v = t.find((S) => S.sourcedId == u), R = d?.[u];
+        return !!(v?.role?.includes?.("student") && !R);
+      })) {
+        s(
+          O({
+            type: "danger",
+            message: "Please select/add teacher for all selected student first."
+          })
+        );
+        return;
+      }
+      const c = n.map((u) => {
+        const v = d?.[u], R = {
+          sourcedId: u
+        };
+        if (v) {
+          const _ = v?.value && typeof v?.value == "string" ? v?.value : void 0, S = v?.value && typeof v?.value == "number" ? v?.label : void 0;
+          R.teacherEmail = S, R.teacherUserId = _;
+        }
+        return R;
+      });
+      r([...c]);
+    },
+    handleCreateSingleUser: (n, d, i) => {
+      if (!i && d) {
+        s(
+          O({
+            type: "danger",
+            message: "Please select/add teacher for all selected student first."
+          })
+        );
+        return;
+      }
+      const c = i?.value && typeof i?.value == "string" ? i?.value : void 0, u = i?.value && typeof i?.value == "number" ? i?.label : void 0;
+      r([
+        {
+          sourcedId: n,
+          teacherUserId: c,
+          teacherEmail: u
+        }
+      ]);
+    }
+  };
+};
+var pt = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"], de = function() {
+  var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", s = arguments.length > 1 ? arguments[1] : void 0, r = arguments.length > 2 ? arguments[2] : void 0, a = String(o).toLowerCase(), h = String(r.getOptionValue(s)).toLowerCase(), n = String(r.getOptionLabel(s)).toLowerCase();
+  return h === a || n === a;
+}, ie = {
+  formatCreateLabel: function(o) {
+    return 'Create "'.concat(o, '"');
+  },
+  isValidNewOption: function(o, s, r, a) {
+    return !(!o || s.some(function(h) {
+      return de(o, h, a);
+    }) || r.some(function(h) {
+      return de(o, h, a);
+    }));
+  },
+  getNewOptionData: function(o, s) {
+    return {
+      label: s,
+      value: o,
+      __isNew__: !0
+    };
+  }
+};
+function ht(t) {
+  var o = t.allowCreateWhileLoading, s = o === void 0 ? !1 : o, r = t.createOptionPosition, a = r === void 0 ? "last" : r, h = t.formatCreateLabel, n = h === void 0 ? ie.formatCreateLabel : h, d = t.isValidNewOption, i = d === void 0 ? ie.isValidNewOption : d, c = t.getNewOptionData, u = c === void 0 ? ie.getNewOptionData : c, v = t.onCreateOption, R = t.options, _ = R === void 0 ? [] : R, S = t.onChange, C = Ee(t, pt), M = C.getOptionValue, T = M === void 0 ? Fe : M, f = C.getOptionLabel, y = f === void 0 ? $e : f, g = C.inputValue, L = C.isLoading, w = C.isMulti, q = C.value, K = C.name, p = E(function() {
+    return i(g, le(q), _, {
+      getOptionValue: T,
+      getOptionLabel: y
+    }) ? u(g, n(g)) : void 0;
+  }, [n, u, y, T, g, i, _, q]), A = E(function() {
+    return (s || !L) && p ? a === "first" ? [p].concat(ae(_)) : [].concat(ae(_), [p]) : _;
+  }, [s, a, L, p, _]), G = I(function(D, se) {
+    if (se.action !== "select-option")
+      return S(D, se);
+    var oe = Array.isArray(D) ? D : [D];
+    if (oe[oe.length - 1] === p) {
+      if (v) v(g);
+      else {
+        var re = u(g, g), _e = {
+          action: "create-option",
+          name: K,
+          option: re
+        };
+        S(Te(w, [].concat(ae(le(q)), [re]), re), _e);
+      }
+      return;
+    }
+    S(D, se);
+  }, [u, g, w, K, p, v, S, q]);
+  return ce(ce({}, C), {}, {
+    options: A,
+    onChange: G
+  });
+}
+var gt = /* @__PURE__ */ Ue(function(t, o) {
+  var s = De(t), r = ht(s);
+  return /* @__PURE__ */ we.createElement(Ve, ke({
+    ref: o
+  }, r));
+}), ft = gt;
+const Ct = ({
+  options: t,
+  isDisabled: o,
+  scrollBottom: s,
+  onCreateOption: r,
+  ...a
+}) => {
+  const [h, n] = b(), d = (u) => String(u).toLowerCase().match(
+    /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+  );
+  return /* @__PURE__ */ l("div", { className: "w-100", children: [
+    /* @__PURE__ */ e("div", { className: "w-100", children: /* @__PURE__ */ e(
+      ft,
+      {
+        isDisabled: o,
+        options: t,
+        menuPlacement: s ? "top" : "auto",
+        onCreateOption: (u) => {
+          if (d(u))
+            n(void 0);
+          else {
+            n(`Invalid email format for email: ${u}`);
+            return;
+          }
+          const v = {
+            label: u,
+            value: -(/* @__PURE__ */ new Date()).getTime()
+          };
+          r?.(v);
+        },
+        onFocus: () => {
+          n(void 0);
+        },
+        ...a
+      }
+    ) }),
+    !!h && /* @__PURE__ */ e("p", { className: "text-danger mb-0 mt-1", children: h })
+  ] });
+}, yt = () => {
+  const {
+    handelSort: t,
+    handelRetrievedData: o,
+    handleCreateTeacherOption: s,
+    selectedTeachers: r,
+    handleSelectTeacher: a,
+    teachers: h,
+    getFullName: n,
+    userList: d,
+    totalItem: i,
+    changeFilters: c,
+    filters: u,
+    handleSelectAll: v,
+    handleClickCheck: R,
+    isCheckAll: _,
+    isCheck: S
+  } = mt(), { t: C } = J(), { handleCreateMultiUsers: M, handleCreateSingleUser: T } = ut(d, o);
+  return /* @__PURE__ */ l("div", { className: "fadeIn animated", children: [
+    /* @__PURE__ */ e("h5", { className: "mt-4 mb-2", children: C("non_existent_users") }),
+    /* @__PURE__ */ l(U, { className: "my-2", children: [
+      /* @__PURE__ */ e(m, { md: 8, children: /* @__PURE__ */ e(
+        Se,
+        {
+          initValue: u?.searchString || "",
+          onSearch: (f) => c({ searchString: f }),
+          placeholder: C("type_something_to_search_users")
+        }
+      ) }),
+      /* @__PURE__ */ l(
+        m,
+        {
+          md: 4,
+          className: "d-flex justify-content-end align-items-center",
+          children: [
+            C("total_of_users"),
+            ": ",
+            i
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(U, { className: "mb-2", children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(z, { onClick: () => M(S, r), color: "primary", children: C("create_account_for_selected_users") }) }) }),
+    /* @__PURE__ */ l(U, { className: "mb-2", children: [
+      /* @__PURE__ */ e(m, { md: 12, children: d && d.length > 0 ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ l(Ae, { bordered: !0, hover: !0, striped: !0, responsive: !0, size: "sm", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ l("tr", { children: [
+          /* @__PURE__ */ e("th", { className: "align-middle", children: /* @__PURE__ */ e(
+            "input",
+            {
+              type: "checkbox",
+              onChange: v,
+              checked: _
+            }
+          ) }),
+          /* @__PURE__ */ l("th", { className: `align-top ${k.pointer}`, onClick: () => t(x.USERNAME), children: [
+            C("user_name"),
+            u.sortBy === x.USERNAME && /* @__PURE__ */ e(Q, { children: u.orderBy === "DESC" ? /* @__PURE__ */ e(X, { className: "ml-1" }) : /* @__PURE__ */ e(ee, { className: "ml-1" }) })
+          ] }),
+          /* @__PURE__ */ l("th", { className: `align-top ${k.pointer}`, onClick: () => t(x.EMAIL), children: [
+            C("user_email"),
+            u.sortBy === x.EMAIL && /* @__PURE__ */ e(Q, { children: u.orderBy === "DESC" ? /* @__PURE__ */ e(X, { className: "ml-1" }) : /* @__PURE__ */ e(ee, { className: "ml-1" }) })
+          ] }),
+          /* @__PURE__ */ l("th", { className: `align-top ${k.pointer}`, onClick: () => t(x.ROLE), children: [
+            C("role"),
+            u.sortBy === x.ROLE && /* @__PURE__ */ e(Q, { children: u.orderBy === "DESC" ? /* @__PURE__ */ e(X, { className: "ml-1" }) : /* @__PURE__ */ e(ee, { className: "ml-1" }) })
+          ] }),
+          /* @__PURE__ */ l("th", { className: `align-top ${k.pointer}`, onClick: () => t(x.GRADE), children: [
+            C("grade"),
+            u.sortBy === x.GRADE && /* @__PURE__ */ e(Q, { children: u.orderBy === "DESC" ? /* @__PURE__ */ e(X, { className: "ml-1" }) : /* @__PURE__ */ e(ee, { className: "ml-1" }) })
+          ] }),
+          /* @__PURE__ */ e("th", { className: "align-top", children: C("action") })
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { children: d.map((f) => /* @__PURE__ */ l("tr", { children: [
+          /* @__PURE__ */ e("td", { className: "align-middle", children: /* @__PURE__ */ e(
+            "input",
+            {
+              id: f.sourcedId,
+              type: "checkbox",
+              onChange: R,
+              checked: S.includes(
+                f.sourcedId
+              )
+            }
+          ) }),
+          /* @__PURE__ */ e("td", { className: "align-middle", children: n(f) }),
+          /* @__PURE__ */ e("td", { className: "align-middle", children: f.email }),
+          /* @__PURE__ */ e("td", { className: "align-middle text-capitalize", children: !!f.role && f.role.replace?.("SecondaryTeacher", "SupportTeacher") }),
+          /* @__PURE__ */ e("td", { className: "align-middle", children: f.grades }),
+          /* @__PURE__ */ e(
+            "td",
+            {
+              className: "align-middle",
+              style: {
+                width: "30%"
+              },
+              children: f.email?.trim() && /* @__PURE__ */ l("div", { className: "d-flex", children: [
+                f.role?.includes?.("student") && /* @__PURE__ */ e(
+                  Ct,
+                  {
+                    value: r?.[f.sourcedId] || null,
+                    options: h,
+                    onChange: (y) => a(y.value, f.sourcedId),
+                    onCreateOption: (y) => s(y, f.sourcedId),
+                    placeholder: C("select_teacher"),
+                    className: "flex-grow-1 mr-2"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  be,
+                  {
+                    label: C("create"),
+                    onClick: () => T(
+                      f.sourcedId,
+                      f.role?.includes("student"),
+                      r?.[f.sourcedId]
+                    )
+                  }
+                )
+              ] })
+            }
+          )
+        ] }, f.id)) })
+      ] }) }) : /* @__PURE__ */ e(Oe, { label: C("user") }) }),
+      /* @__PURE__ */ e(m, { md: 12, children: /* @__PURE__ */ e(
+        Ie,
+        {
+          filters: u,
+          totalRecordCount: i,
+          changePageSize: (f) => c({ pageSize: f }),
+          changePage: (f) => c({ currentPage: f })
+        }
+      ) })
+    ] })
+  ] });
+}, Ne = ({ veraCrossConfig: t, updateData: o, labelTime: s = "time_vera_cross_sync_hh" }) => {
+  const { t: r } = J();
+  return /* @__PURE__ */ e(
+    me,
+    {
+      initialValues: t,
+      enableReinitialize: !0,
+      onSubmit: (a) => {
+        o(a);
+      },
+      children: (a) => {
+        const {
+          values: h,
+          handleChange: n,
+          handleBlur: d,
+          handleSubmit: i
+        } = a;
+        return /* @__PURE__ */ l(U, { children: [
+          /* @__PURE__ */ e(m, { md: 12, children: /* @__PURE__ */ e("h5", { className: "mt-4 font-weight-bold", children: r("one_roster_config") }) }),
+          /* @__PURE__ */ l(m, { md: 12, className: "my-4 mt-2", children: [
+            /* @__PURE__ */ e(V, { className: "font-weight-bold", children: r(s) }),
+            /* @__PURE__ */ e(
+              B,
+              {
+                name: "cronjobTime",
+                placeholder: r(s),
+                value: h.cronjobTime,
+                onChange: (c) => {
+                  n(c);
+                },
+                onBlur: d("cronjobTime")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l(m, { md: 12, className: "my-4 mt-2", children: [
+            /* @__PURE__ */ l(V, { className: "font-weight-bold", children: [
+              r("end_point_url"),
+              ":"
+            ] }),
+            /* @__PURE__ */ e(
+              B,
+              {
+                name: "endPointUrl",
+                placeholder: r("end_point_url"),
+                value: h.endPointUrl,
+                onChange: (c) => {
+                  n(c);
+                },
+                onBlur: d("endPointUrl")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l(m, { md: 12, className: "mb-4 mt-2", children: [
+            /* @__PURE__ */ l(V, { className: "font-weight-bold", children: [
+              r("client_id"),
+              ":"
+            ] }),
+            /* @__PURE__ */ e(
+              B,
+              {
+                name: "clientId",
+                placeholder: r("client_id"),
+                value: h.clientId,
+                onChange: (c) => {
+                  n(c);
+                },
+                onBlur: d("clientId")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l(m, { md: 12, className: "mb-4", children: [
+            /* @__PURE__ */ l(V, { className: "font-weight-bold", children: [
+              r("client_secret"),
+              ":"
+            ] }),
+            /* @__PURE__ */ e(
+              B,
+              {
+                name: "clientSecret",
+                placeholder: r("client_secret"),
+                value: h.clientSecret,
+                onChange: (c) => {
+                  n(c);
+                },
+                onBlur: d("clientSecret")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(m, { md: 12, className: "d-flex justify-content-end", children: /* @__PURE__ */ e(
+            z,
+            {
+              onClick: () => i(),
+              color: "success",
+              children: r("save")
+            }
+          ) })
+        ] });
+      }
+    }
+  );
+}, Nt = {
+  cronjobTime: "",
+  clientId: "",
+  clientSecret: "",
+  endPointUrl: ""
+}, vt = () => {
+  const t = W(), [o] = b(), [s, r] = b(
+    Nt
+  ), a = I(async (i = !0) => {
+    i && t(N(!0));
+    try {
+      const c = await Je();
+      r(c.data);
+    } catch (c) {
+      i && t(
+        O({
+          type: "danger",
+          message: c.response?.data?.title || c.message
+        })
+      );
+    }
+    i && t(N(!1));
+  }, []), h = I(async (i) => {
+    t(N(!0));
+    try {
+      const c = await qe(i);
+      r(c.data), await a(!1), t(
+        O({
+          type: "success",
+          message: "Update vera cross config successfully"
+        })
+      );
+    } catch (c) {
+      t(
+        O({
+          type: "danger",
+          message: c.response?.data?.title || c.message
+        })
+      );
+    }
+    t(N(!1));
+  }, []), n = E(() => !s.clientId.trim().length && !s.clientSecret.trim().length && !s.endPointUrl.trim().length ? "Client Id and Client Secret are required" : s.endPointUrl.trim().length ? s.clientId.trim().length ? s.clientSecret.trim().length ? null : "Client Secret is required" : "Client Id is required" : "End Point URL is required", [JSON.stringify(s)]), d = I(async () => {
+    if (n) {
+      t(
+        j({
+          isOpen: !0,
+          type: "danger",
+          message: `${n} (Please make sure your changes are saved)`
+        })
+      );
+      return;
+    }
+    t(N(!0));
+    try {
+      const i = await Xe();
+      t(
+        j({
+          isOpen: !0,
+          type: "success",
+          message: i.data?.message || "VeraCross sync job has been triggered in the background. Please wait a few moments before refreshing the page."
+        })
+      );
+    } catch (i) {
+      t(
+        j({
+          isOpen: !0,
+          type: "danger",
+          message: i.response?.data?.message || i.response?.data?.title || i.message
+        })
+      );
+    }
+    t(N(!1));
+  }, [n, t]);
+  return H(() => {
+    document.title = "Veracross | Settings", a();
+  }, []), {
+    veraCrossConfig: s,
+    errorImportRest: n,
+    updateData: h,
+    restApiInfo: o,
+    handleImportFromRestfulApi: d
+  };
+}, ve = ({
+  restApiInfo: t,
+  importInfo: o
+}) => {
+  if (!t) return null;
+  const r = o.map((a) => ({
+    name: a,
+    status: t[a]
+  })).filter((a) => a.status !== "ResourceNotFound");
+  return /* @__PURE__ */ e("div", { children: r.map((a) => /* @__PURE__ */ l("div", { className: "flex items-center mb-2", children: [
+    a.status ? a.status === !0 ? /* @__PURE__ */ e(Z, { color: "#28a745", className: "mr-2" }) : /* @__PURE__ */ e(Y, { color: "#dc3545", className: "mr-2" }) : /* @__PURE__ */ e(
+      te,
+      {
+        color: "#999999",
+        className: `mr-2 ${k.spinner}`
+      }
+    ),
+    /* @__PURE__ */ e("b", { children: `${a.name}: ` }),
+    " ",
+    a.status ? a.status === !0 ? "Import successful" : /* @__PURE__ */ e("span", { children: a.status === fe ? "Invalid Client Id and Client Secret" : a.status }) : "Importing..."
+  ] }, a.name)) });
+}, _t = () => {
+  const {
+    veraCrossConfig: t,
+    updateData: o,
+    restApiInfo: s,
+    handleImportFromRestfulApi: r
+  } = vt(), { t: a } = J();
+  return /* @__PURE__ */ e("div", { className: "fadeIn animated", children: /* @__PURE__ */ l(U, { children: [
+    /* @__PURE__ */ e(m, { md: 7, children: /* @__PURE__ */ e(
+      Ne,
+      {
+        veraCrossConfig: t,
+        updateData: o
+      }
+    ) }),
+    /* @__PURE__ */ e(m, { md: 5 }),
+    /* @__PURE__ */ e(m, { md: 7, children: /* @__PURE__ */ l(U, { children: [
+      /* @__PURE__ */ e(m, { md: 12, children: /* @__PURE__ */ e("h5", { className: "mt-4", style: { fontWeight: 700 }, children: a("import_vera_cross") }) }),
+      /* @__PURE__ */ e(m, { md: 6 }),
+      /* @__PURE__ */ l(m, { md: 6, children: [
+        /* @__PURE__ */ e(
+          z,
+          {
+            color: "primary",
+            className: "w-100 mt-4 mb-1",
+            onClick: r,
+            children: a("import_from_restful_api")
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(ve, { restApiInfo: s, importInfo: it }) })
+      ] })
+    ] }) })
+  ] }) });
+}, St = {
+  cronjobTime: "",
+  clientId: "",
+  clientSecret: "",
+  endPointUrl: ""
+}, bt = () => {
+  const t = W(), [o] = b(), [s, r] = b(
+    St
+  ), a = I(async (i = !0) => {
+    i && t(N(!0));
+    try {
+      const c = await We();
+      r(c.data);
+    } catch (c) {
+      i && t(
+        O({
+          type: "danger",
+          message: c.response?.data?.title || c.message
+        })
+      );
+    }
+    i && t(N(!1));
+  }, []), h = I(async (i) => {
+    t(N(!0));
+    try {
+      const c = await Ge(i);
+      r(c.data), await a(!1), t(
+        O({
+          type: "success",
+          message: "Update vera cross config successfully"
+        })
+      );
+    } catch (c) {
+      t(
+        O({
+          type: "danger",
+          message: c.response?.data?.title || c.message
+        })
+      );
+    }
+    t(N(!1));
+  }, []), n = E(() => !s.clientId.trim().length && !s.clientSecret.trim().length && !s.endPointUrl.trim().length ? "Client Id and Client Secret are required" : s.endPointUrl.trim().length ? s.clientId.trim().length ? s.clientSecret.trim().length ? null : "Client Secret is required" : "Client Id is required" : "End Point URL is required", [JSON.stringify(s)]), d = I(async () => {
+    if (n) {
+      t(
+        j({
+          isOpen: !0,
+          type: "danger",
+          message: `${n} (Please make sure your changes are saved)`
+        })
+      );
+      return;
+    }
+    t(N(!0));
+    try {
+      const i = await et();
+      t(
+        j({
+          isOpen: !0,
+          type: "success",
+          message: i.data?.message || "OpenApply sync job has been triggered in the background. Please wait a few moments before refreshing the page."
+        })
+      );
+    } catch (i) {
+      t(
+        j({
+          isOpen: !0,
+          type: "danger",
+          message: i.response?.data?.message || i.response?.data?.title || i.message
+        })
+      );
+    }
+    t(N(!1));
+  }, [n, t]);
+  return H(() => {
+    document.title = "Open Apply | Settings", a();
+  }, []), {
+    openApplyConfig: s,
+    errorImportRest: n,
+    updateData: h,
+    restApiInfo: o,
+    handleImportFromRestfulApi: d
+  };
+}, Ot = () => {
+  const {
+    openApplyConfig: t,
+    updateData: o,
+    restApiInfo: s,
+    handleImportFromRestfulApi: r
+  } = bt(), { t: a } = J();
+  return /* @__PURE__ */ e("div", { className: "fadeIn animated", children: /* @__PURE__ */ l(U, { children: [
+    /* @__PURE__ */ e(m, { md: 7, children: /* @__PURE__ */ e(
+      Ne,
+      {
+        veraCrossConfig: t,
+        updateData: o,
+        labelTime: "time_open_apply_sync_hh"
+      }
+    ) }),
+    /* @__PURE__ */ e(m, { md: 5 }),
+    /* @__PURE__ */ e(m, { md: 7, children: /* @__PURE__ */ l(U, { children: [
+      /* @__PURE__ */ e(m, { md: 12, children: /* @__PURE__ */ e("h5", { className: "mt-4", style: { fontWeight: 700 }, children: a("import_open_apply") }) }),
+      /* @__PURE__ */ e(m, { md: 6 }),
+      /* @__PURE__ */ l(m, { md: 6, children: [
+        /* @__PURE__ */ e(
+          z,
+          {
+            color: "primary",
+            className: "w-100 mt-4 mb-1",
+            onClick: r,
+            children: a("import_from_restful_api")
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(
+          ve,
+          {
+            restApiInfo: s,
+            importInfo: ot
+          }
+        ) })
+      ] })
+    ] }) })
+  ] }) });
+}, It = () => {
+  const {
+    rosterConfig: t,
+    errorImportRest: o,
+    updateData: s
+  } = ye($.Clever);
+  return /* @__PURE__ */ e("div", { className: "fadeIn animated", children: /* @__PURE__ */ l(U, { children: [
+    /* @__PURE__ */ e(m, { md: 7, children: /* @__PURE__ */ e(
+      ue,
+      {
+        rosterConfig: t,
+        updateData: s,
+        type: $.Clever
+      }
+    ) }),
+    /* @__PURE__ */ e(m, { md: 5 }),
+    /* @__PURE__ */ e(m, { md: 7, children: /* @__PURE__ */ e(
+      Ce,
+      {
+        errorImportRest: o,
+        type: $.Clever
+      }
+    ) })
+  ] }) });
+}, Rt = [
+  {
+    path: "/admin/one-rosters/settings-classlink",
+    title: "one_roster_setting",
+    component: dt
+  },
+  {
+    path: "/admin/one-rosters/settings-clever",
+    title: "clever_setting",
+    component: It
+  },
+  {
+    path: "/admin/one-rosters/veracross-settings",
+    title: "veracross_setting",
+    component: _t
+  },
+  {
+    path: "/admin/one-rosters/open-apply",
+    title: "open_apply_setting",
+    component: Ot
+  },
+  {
+    path: "/admin/one-rosters/users",
+    title: "users",
+    component: yt
+  }
+], At = "one_roster", Mt = () => {
+  const { t } = J();
+  return /* @__PURE__ */ e(Re, { title: t(At), tabs: Rt.map((o) => ({ ...o, title: t(o.title) })) });
+};
+export {
+  Mt as default
+};