@argusoft/medplat-core 1.0.31 → 1.0.33

package/dist/AccessRights-BC43Jhml.js

@@ -0,0 +1,1093 @@
+import { jsxs as R, jsx as o, Fragment as xs } from "react/jsx-runtime";
+import { Box as J, Autocomplete as Ss, TextField as Ue, Button as bs, InputAdornment as $e, IconButton as me, Typography as ie, Accordion as Cs, AccordionSummary as Ns, Chip as vs, Tooltip as he, AccordionDetails as ks, FormControlLabel as Os, Checkbox as Ds, Menu as Js, MenuItem as Ps } from "@mui/material";
+import x from "prop-types";
+import As from "@/views/custom-components/CustomConfirmationModal";
+import _s from "@/views/custom-components/DebouncedSearchInput";
+import { useState as d, useMemo as ae, useEffect as le, createElement as We, useRef as oe, useCallback as Be, Suspense as Rs, lazy as Ge } from "react";
+import { a as ee, d as Ts, b as ke, c as Es, p as Ls, e as Fs, f as zs } from "./Features-Dne21RWu.js";
+import { execute as re, getRoleList as Ms } from "@/common/services/GlobalApis.js";
+import "@/assets/scss/scrollBar.scss";
+import { useForm as He, Controller as Us } from "react-hook-form";
+import { showToast as O } from "@/common/toaster/toaster";
+import $s from "@/hooks/useTrackEvent";
+import { useTranslateProvider as Ws } from "@/common/languageTranslator/TranslationContext";
+import B from "@/common/fontAwesomeIcons/FontAwesomeIcons";
+import { execute as Bs } from "@/common/services/GlobalApis";
+import { alpha as ws } from "@mui/material/styles";
+import js, { VirtualListbox as Gs } from "@/views/custom-components/CustomAutoComplete";
+import Ke from "@/hooks/useCaching";
+import we from "@/common/services/util/GeneralUtil";
+import { A as Hs } from "./FeatureMenu-CaI-ZhSZ.js";
+const je = 200;
+function Xe({
+  translate: l,
+  onSubmit: X,
+  roleList: w,
+  featureData: D
+}) {
+  const [P, Z] = d(""), [M, j] = d(""), [E, k] = d([]), { control: y, handleSubmit: U, reset: G } = He({}), { getCachedData: _ } = Ke(), L = ae(() => {
+    const u = /* @__PURE__ */ new Set(), A = /* @__PURE__ */ new Set();
+    return (D || []).forEach((S) => {
+      S != null && S.designationId && u.add(S.designationId), S != null && S.userId && A.add(S.userId);
+    }), { roles: u, users: A };
+  }, [D]), se = ae(
+    () => w.filter((u) => !L.roles.has(u == null ? void 0 : u.id)),
+    [w, L]
+  );
+  le(() => {
+    const u = setTimeout(() => {
+      j(P);
+    }, 300);
+    return () => clearTimeout(u);
+  }, [P]), le(() => {
+    M !== "" && $(M);
+  }, [M]), le(() => {
+    $("");
+  }, []);
+  const $ = async (u, A = D) => {
+    try {
+      const S = async (m) => {
+        const { data: F } = await Bs({
+          code: "user_search_for_selectize",
+          parameters: { searchString: m }
+        });
+        return F;
+      }, g = u ? await S(u) : await _({
+        cacheKey: ["user_search_for_selectize", ""],
+        fetchFn: () => S(""),
+        staleTime: 3e5,
+        cacheTime: 18e5
+      }), C = A === D ? L.users : new Set(
+        (A || []).map((m) => m == null ? void 0 : m.userId).filter(Boolean)
+      ), I = ((g == null ? void 0 : g.result) || []).filter((m) => (m == null ? void 0 : m.id) && !C.has(m.id)).map((m) => ({
+        ...m,
+        displayName: `${m.firstName || ""} ${m.lastName || ""} (${m.userName || ""})`.trim()
+      }));
+      k(I);
+    } catch (S) {
+      console.error(S);
+    }
+  };
+  return /* @__PURE__ */ R(
+    J,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: { xs: "column", md: "row" },
+        alignItems: { xs: "stretch", md: "flex-start" },
+        gap: 1.5,
+        flex: 1,
+        minWidth: 0
+      },
+      children: [
+        /* @__PURE__ */ o(J, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ o(
+          Us,
+          {
+            name: "roles",
+            id: "roles",
+            control: y,
+            defaultValue: null,
+            render: ({ field: { onChange: u, value: A, ref: S } }) => /* @__PURE__ */ o(
+              Ss,
+              {
+                options: E,
+                size: "small",
+                slots: {
+                  listbox: E.length > je ? Gs : void 0
+                },
+                getOptionLabel: (g) => g.displayName || "",
+                isOptionEqualToValue: (g, C) => g.id === (C == null ? void 0 : C.id),
+                value: A || null,
+                onChange: (g, C, I) => {
+                  I === "clear" && $(""), u(C);
+                },
+                onInputChange: (g, C, I) => {
+                  I === "input" && Z(C);
+                },
+                renderOption: (g, C) => {
+                  const I = C.displayName || "", m = P.trim(), F = I.toLowerCase().indexOf(m.toLowerCase());
+                  if (F === -1)
+                    return /* @__PURE__ */ We(
+                      "li",
+                      {
+                        ...g,
+                        key: C.id,
+                        style: { lineHeight: 1.5, fontSize: "14px" }
+                      },
+                      I
+                    );
+                  const q = I.substring(0, F), ye = I.substring(F, F + m.length), te = I.substring(F + m.length);
+                  return /* @__PURE__ */ We(
+                    "li",
+                    {
+                      ...g,
+                      key: C.id,
+                      style: { lineHeight: 1.5, fontSize: "14px" }
+                    },
+                    /* @__PURE__ */ R("span", { children: [
+                      q,
+                      /* @__PURE__ */ o(
+                        J,
+                        {
+                          component: "span",
+                          sx: {
+                            fontWeight: 700,
+                            borderRadius: "2px",
+                            backgroundColor: (ce) => ws(ce.palette.primary.main, 0.18)
+                          },
+                          children: ye
+                        }
+                      ),
+                      te
+                    ] })
+                  );
+                },
+                renderInput: (g) => /* @__PURE__ */ o(
+                  Ue,
+                  {
+                    ...g,
+                    label: l("User"),
+                    variant: "outlined",
+                    size: "small",
+                    inputRef: S
+                  }
+                )
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ o(J, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ o(
+          js,
+          {
+            id: "selectedRoles",
+            name: "selectedRoles",
+            options: se,
+            control: y,
+            isVirtualized: se.length > je,
+            getOptionLabel: (u) => u == null ? void 0 : u.name,
+            dataTestId: "accessrights-select-role",
+            renderInput: (u) => /* @__PURE__ */ o(
+              Ue,
+              {
+                ...u,
+                label: l("Role"),
+                variant: "outlined",
+                size: "small"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ o(
+          bs,
+          {
+            variant: "contained",
+            size: "small",
+            "data-testid": "accessrights-add-button",
+            startIcon: /* @__PURE__ */ o(B, { iconName: "faPlus" }),
+            sx: { flexShrink: 0, alignSelf: { xs: "flex-end", md: "center" } },
+            onClick: U((u) => {
+              var A;
+              X(u), $("", [...D, { userId: (A = u.roles) == null ? void 0 : A.id }]), G();
+            }),
+            children: l("Add")
+          }
+        )
+      ]
+    }
+  );
+}
+Xe.propTypes = {
+  translate: x.any,
+  permissionDetailsList: x.any,
+  getPermissionDetails: x.any,
+  onSubmit: x.any,
+  permissionTypes: x.any,
+  roleList: x.any,
+  featureData: x.any
+};
+const Ks = Ge(() => import("./GrantPermissionModal-D7iNZd0M.js")), Xs = Ge(() => import("./PermissionsModal-Dxbkkrqe.js"));
+function Ze({ config: l, row: X }) {
+  var E;
+  const [w, D] = d(null), P = !!w, Z = (k) => {
+    k.stopPropagation(), D(k.currentTarget), typeof l.menuClick == "function" && l.menuClick(X);
+  }, M = (k) => {
+    k && k.stopPropagation(), D(null);
+  }, j = (k) => (y) => {
+    y.stopPropagation(), typeof k.onClick == "function" && k.onClick(X), D(null);
+  };
+  return /* @__PURE__ */ R(xs, { children: [
+    /* @__PURE__ */ o(he, { title: l.tooltip, children: /* @__PURE__ */ o(
+      me,
+      {
+        size: "small",
+        "aria-label": l.tooltip,
+        onClick: Z,
+        "data-testid": l.dataTestId,
+        children: l.icon
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      Js,
+      {
+        anchorEl: w,
+        open: P,
+        onClose: M,
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        children: (E = l.menuItems) == null ? void 0 : E.map((k, y) => /* @__PURE__ */ o(Ps, { onClick: j(k), children: k.label }, y))
+      }
+    )
+  ] });
+}
+Ze.propTypes = {
+  config: x.any,
+  row: x.any
+};
+function Zs({
+  subMenuId: l,
+  // subMenuGroupName,
+  subMenuFeatureVal: X,
+  // selectedTab,
+  parentLoading: w,
+  onNewAPIChange: D,
+  rights: P
+}) {
+  const Z = oe(null), M = oe(!1), j = $s(), E = oe(!1), { getCachedData: k } = Ke(), [y, U] = d([]), [G, _] = d([]), [L, se] = d([]), [$, u] = d([]), [A, S] = d([]), [g, C] = d(""), [I, m] = d({}), [F, q] = d(!1), [ye, te] = d(!1), [ce, qe] = d(""), [b, Qe] = d(null), [Ye, Ve] = d({}), [es, Q] = d(!1), [Y, Oe] = d(!1), [ss, de] = d(null), [T, ts] = d([]), [ns, ge] = d(0), [ue, De] = d(""), { translate: h } = Ws(), [is, Ie] = d(""), [os, xe] = d([]), [ne, fe] = d(null), Se = we.hasCheckRights(
+    P == null ? void 0 : P["update.manage.featurelist"],
+    void 0,
+    !0
+  ), rs = we.hasCheckRights(
+    P == null ? void 0 : P["delete.manage.featurelist"],
+    void 0,
+    !0
+  ), Je = ae(() => {
+    const e = /* @__PURE__ */ new Map();
+    return (T || []).forEach((n) => e.set(String(n.id), n)), e;
+  }, [T]), as = ae(() => {
+    const e = /* @__PURE__ */ new Map();
+    return (y || []).forEach((n) => {
+      n != null && n.feature_name && e.set(n.feature_name, n.display_name);
+    }), e;
+  }, [y]), ls = () => {
+    var n;
+    if (!T || T.length === 0) return null;
+    const e = T.filter(
+      (i) => {
+        var t;
+        return (t = i == null ? void 0 : i.id) == null ? void 0 : t.startsWith("view");
+      }
+    );
+    if (e && e.length > 0) {
+      const i = e.find(
+        (s) => /^view\.report\.[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(
+          s.id
+        )
+      );
+      if (i) return i.id;
+      if (e.some((s) => s.id === "view.report")) return "view.report";
+      const t = e.filter(
+        (s) => s.id.split(".").length === 3
+      );
+      if (t.length > 0)
+        return t[0].id;
+    }
+    return (n = T[0]) == null ? void 0 : n.id;
+  };
+  le(() => {
+    let e = Z.current;
+    return () => {
+      j("conversion_event", {
+        form: e,
+        form_name: "Access Rights",
+        submit: M.current
+      });
+    };
+  }, []);
+  const be = (e) => {
+    var i;
+    let n;
+    return n = (i = e.userMenuItemDtos) == null ? void 0 : i.toSorted((t, s) => t.designationId !== void 0 && s.designationId !== void 0 ? t.designationId - s.designationId : t.designationId !== void 0 && s.designationId === void 0 ? -1 : t.designationId === void 0 && s.designationId !== void 0 ? 1 : t.userId !== void 0 && s.userId !== void 0 ? t.userId - s.userId : t.userId !== void 0 && s.userId === void 0 ? -1 : t.userId === void 0 && s.userId !== void 0 ? 1 : 0), n;
+  }, Ce = (e) => (e == null || e.userMenuItemDtos.forEach((n) => {
+    n.featureJson = ps(
+      JSON.parse(e.featureJson || "{}"),
+      JSON.parse(n.featureJson || "{}")
+    ), n.designationId ? (n.code = "Role", n.displayName = n.roleName) : (n.code = "User", n.displayName = n.fullName);
+  }), e), cs = async () => {
+    var e, n;
+    try {
+      if (Q((i) => !i), Y) {
+        const i = [];
+        Object.entries(JSON.parse(b == null ? void 0 : b.featureJson)).forEach(
+          ([t, s]) => {
+            s === !0 && i.push(t);
+          }
+        );
+        try {
+          await re({
+            code: "delete_permissions",
+            parameters: {
+              permissionList: i,
+              roleId: parseInt(b == null ? void 0 : b.designationId),
+              userId: parseInt(b == null ? void 0 : b.userId)
+            }
+          }), O({
+            type: "success",
+            message: "Permission Deleted Successfully"
+          });
+          const { data: t } = await ee(l);
+          V(t);
+        } catch {
+          O({
+            type: "error",
+            message: "error occurred"
+          });
+        }
+      } else {
+        await Ts(ce);
+        let { data: i } = await ke(l);
+        (i == null ? void 0 : i.userMenuItemDtos.length) > 0 && (i = Ce(i)), _(i.userMenuItemDtos);
+      }
+      q(!1), Q((i) => !i);
+    } catch (i) {
+      O({
+        type: "error",
+        message: `Error Deleting data: ${(n = (e = i == null ? void 0 : i.response) == null ? void 0 : e.data) == null ? void 0 : n.message}`
+      }), Q((t) => !t), q(!1);
+    }
+  }, ds = (e, n) => {
+    const i = new Set(e.map((s) => s.id)), t = [];
+    return Object.entries(n).forEach(([s, a]) => {
+      a === !0 && !i.has(s) && t.push({ id: s, action: "grant" });
+    }), e.forEach((s) => {
+      n[s.id] || t.push({ id: s.id, action: "revoke" });
+    }), t;
+  }, { handleSubmit: us } = He({}), Pe = async (e) => {
+    var n, i, t, s, a, N;
+    try {
+      if (Y) {
+        e = { ...e, featureJson: JSON.parse(e == null ? void 0 : e.featureJson) };
+        const r = ds(
+          e.permissions,
+          e == null ? void 0 : e.featureJson
+        );
+        if (((n = r[0]) == null ? void 0 : n.action) === "grant")
+          de({
+            ...e,
+            id: (i = r[0]) == null ? void 0 : i.id
+          }), ge(1);
+        else if (((t = r[0]) == null ? void 0 : t.action) === "revoke")
+          try {
+            await re({
+              code: "revoke_permission",
+              parameters: {
+                featureName: (s = r[0]) == null ? void 0 : s.id,
+                roleId: parseInt(e == null ? void 0 : e.designationId),
+                userId: parseInt(e == null ? void 0 : e.userId)
+              }
+            }), O({
+              type: "success",
+              message: "Permission Revoked Successfully"
+            });
+          } catch {
+            O({
+              type: "error",
+              message: "Error in revoking permission"
+            });
+          }
+        const { data: f } = await ee(l);
+        V(f);
+      } else
+        await Es(e);
+    } catch (r) {
+      O({
+        type: "error",
+        message: `Error Updating data: ${(N = (a = r == null ? void 0 : r.response) == null ? void 0 : a.data) == null ? void 0 : N.message}`
+      });
+    }
+  }, fs = async (e) => {
+    try {
+      if (e = {
+        ...e,
+        featureJson: JSON.parse(e == null ? void 0 : e.featureJson)
+      }, e != null && e.checkAll) {
+        const i = Object.keys(e == null ? void 0 : e.featureJson).filter(
+          (a) => (e == null ? void 0 : e.featureJson[a]) === !1
+        ), t = /^view\.report\.[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, s = i.flatMap(
+          (a) => t.test(a) ? [a, `${a}.candrilldown`] : [a]
+        ).join(",");
+        await re({
+          code: "grant_permission_bulk",
+          parameters: {
+            permission_id_list: s,
+            role_id: parseInt(e == null ? void 0 : e.designationId),
+            user_id: parseInt(e == null ? void 0 : e.userId)
+          }
+        }), O({
+          type: "success",
+          message: "Permission granted Successfully"
+        });
+      }
+      const { data: n } = await ee(l);
+      V(n);
+    } catch (n) {
+      console.error(n);
+    }
+  }, Ae = async (e) => {
+    var n, i, t, s, a, N;
+    if (!(e != null && e.roles || e != null && e.selectedRoles)) {
+      O({
+        message: "Please select either user or role !!",
+        type: "info"
+      });
+      return;
+    }
+    if (Y && y.length < 1) {
+      O({
+        message: "Please add permissions first for this feature !!",
+        type: "info"
+      });
+      return;
+    }
+    try {
+      const r = ((n = e == null ? void 0 : e.selectedRoles) == null ? void 0 : n.map((c) => c == null ? void 0 : c.id)) || [], f = I != null && I.id ? G.some((c) => (c == null ? void 0 : c.userId) === (I == null ? void 0 : I.id)) : !1, H = (r == null ? void 0 : r.length) > 0 ? G.some(
+        (c) => r.includes(c == null ? void 0 : c.designationId)
+      ) : !1;
+      if (f || H)
+        O({
+          message: "Selected User Already found please select another id",
+          type: "warning"
+        });
+      else {
+        const c = r == null ? void 0 : r.join(","), K = {
+          userId: (i = e == null ? void 0 : e.roles) == null ? void 0 : i.id,
+          designationId: c || null
+        }, W = T.filter(
+          (p) => {
+            var z;
+            return (z = p == null ? void 0 : p.id) == null ? void 0 : z.startsWith("view");
+          }
+        );
+        if (Y) {
+          const p = (t = W.find(
+            (v) => /^view\.report\.[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(
+              v.id
+            )
+          )) == null ? void 0 : t.id;
+          p ? de({
+            ...K,
+            id: p
+          }) : W.some((v) => v.id === "view.report") ? de({
+            ...K,
+            id: "view.report"
+          }) : de({
+            ...K,
+            id: (W == null ? void 0 : W.filter((v) => v.id.split(".").length === 3).map((v) => v.id)[0]) || ((s = T[0]) == null ? void 0 : s.id)
+          }), ge(1);
+          const { data: z } = await ee(l);
+          V(z);
+        } else {
+          await Ls(l, K);
+          let { data: p } = await ke(l);
+          (p == null ? void 0 : p.userMenuItemDtos.length) > 0 && (p == null ? void 0 : p.userMenuItemDtos.length) > 0 && (p = Ce(p)), C(p == null ? void 0 : p.featureJson);
+          const z = be(p);
+          _(z);
+          const v = p.featureJson ? Object.keys(JSON.parse(p.featureJson)) : [];
+          if (v.length > 0) {
+            const { data: Ne } = await re({
+              code: "retrieve_display_name_for_feature",
+              parameters: {
+                menu_id: l,
+                feature_name_list: v
+              }
+            });
+            U(Ne.result);
+          } else
+            U([]);
+          O({
+            message: (a = e == null ? void 0 : e.roles) != null && a.id && r.length > 0 ? "Permission granted to User and Role Successfully" : (N = e == null ? void 0 : e.roles) != null && N.id ? "Permission granted to User Successfully" : "Permission granted to Role Successfully",
+            type: "success"
+          });
+        }
+        M.current = !0, m({});
+      }
+    } catch (r) {
+      console.error(r), O({
+        message: "Cannot grant permission",
+        type: "error"
+      });
+    }
+  }, _e = Be(
+    (e) => {
+      const n = (e || "").toLowerCase();
+      if (De(n), !n) {
+        _(L);
+        return;
+      }
+      const i = L == null ? void 0 : L.filter(
+        (t) => {
+          var s, a;
+          return t != null && t.designationId ? (s = t.roleName) == null ? void 0 : s.toLowerCase().includes(n) : (a = t.fullName) == null ? void 0 : a.toLowerCase().includes(n);
+        }
+      );
+      j("search_tracking", {
+        searchTerm: n,
+        results_count: i.length,
+        search_type: "Page Search"
+      }), _(i);
+    },
+    [L, j]
+  ), ps = (e, n = {}) => {
+    const i = {};
+    return Object.keys(e).forEach((t) => {
+      Object.prototype.hasOwnProperty.call(n, t) ? i[t] = n[t] : i[t] = e[t];
+    }), JSON.stringify(i);
+  }, Re = (e, n) => {
+    const i = new Set(n.map((s) => s.id)), t = {};
+    return e.forEach((s) => {
+      t[s.id] = i.has(s.id);
+    }), JSON.stringify(t);
+  }, V = (e) => {
+    e == null || e.userMenuItemDtos.forEach((t) => {
+      t.id = (t == null ? void 0 : t.designationId) || (t == null ? void 0 : t.userId), t.featureJson = Re(
+        e == null ? void 0 : e.permissions,
+        t == null ? void 0 : t.permissions
+      ), t.designationId ? (t.code = "Role", t.displayName = t.roleName) : (t.code = "User", t.displayName = t.fullName);
+    });
+    const n = [
+      ...new Set(e.permissions.map((t) => t.id))
+    ];
+    U(n), ts(e == null ? void 0 : e.permissions);
+    const i = be(e);
+    _(i), se(i);
+  };
+  le(() => {
+    (async () => {
+      var n, i, t;
+      try {
+        if (l) {
+          fe(null), Te(!1), Q((f) => !f), De("");
+          let s, a;
+          if (X) {
+            if (E.current)
+              s = (await ee(l)).data;
+            else
+              try {
+                s = (await Fs(l)).data;
+              } catch (f) {
+                console.error(
+                  "configtypesV2/summary unavailable, falling back to full bundle",
+                  f
+                ), E.current = !0, s = (await ee(l)).data;
+              }
+            a = !0, Oe(!0), D({ id: l, val: !0 });
+          } else
+            s = (await ke(l)).data, a = !1, Oe(!1), D({ id: l, val: !1 });
+          if (a)
+            V(s);
+          else {
+            (s == null ? void 0 : s.userMenuItemDtos.length) > 0 && (s = Ce(s)), C(s == null ? void 0 : s.featureJson);
+            const f = be(s);
+            _(f), se(f);
+          }
+          let N = A;
+          if (!$ || $.length === 0) {
+            const f = await k({
+              cacheKey: ["roleList"],
+              fetchFn: async () => (await Ms()).data,
+              staleTime: 3e5,
+              cacheTime: 18e5
+            });
+            S(f), N = f;
+          }
+          let r;
+          if (a)
+            r = s.permissions.map((f) => f.id), U(r);
+          else if (r = s.featureJson ? Object.keys(JSON.parse(s.featureJson)) : [], r.length > 0) {
+            const [f] = await Promise.all([
+              await re({
+                code: "retrieve_display_name_for_feature",
+                parameters: {
+                  menu_id: l,
+                  feature_name_list: r
+                }
+              })
+            ]);
+            U((n = f.data) == null ? void 0 : n.result);
+          } else
+            U([]);
+          if (N && N.length > 0)
+            if (s.isDynamicFeature) {
+              const H = JSON.parse(JSON.stringify(N)).filter((pe) => {
+                const c = pe.roleType;
+                return c === null || s != null && s.isMobileFeature && (s != null && s.isWebFeature) ? !0 : s.isMobileFeature ? c === "MOBILE" || c === "BOTH" : s.isWebFeature ? c === "WEB" || c === "BOTH" : !1;
+              });
+              u(H);
+            } else
+              u(N);
+          Q((f) => !f);
+        }
+      } catch (s) {
+        O({
+          type: "error",
+          message: `Error loading initial data: ${(t = (i = s == null ? void 0 : s.response) == null ? void 0 : i.data) == null ? void 0 : t.message}`
+        }), Q((a) => !a);
+      }
+    })();
+  }, [l, D]);
+  const ms = Be(
+    (e) => Je.get(String(e)) || null,
+    [Je]
+  ), hs = ae(() => ls(), [T]), [ys, Te] = d(!1), gs = (e) => async (n, i) => {
+    const t = `panel${e == null ? void 0 : e.id}`;
+    if (Te(i ? t : !1), i && Y && e && !e._permissionsLoaded && !E.current)
+      try {
+        const { data: s } = await zs(
+          l,
+          {
+            userId: e.userId,
+            roleId: e.designationId
+          }
+        );
+        e.permissions = s, e.featureJson = Re(T, s), e._permissionsLoaded = !0, _((a) => [...a]);
+      } catch (s) {
+        console.error(s), O({
+          type: "error",
+          message: "Error loading permissions for row"
+        });
+      }
+  }, Ee = ({
+    row: e,
+    featureState: n,
+    featureKey: i,
+    lookupKey: t,
+    index: s,
+    withModal: a
+  }) => {
+    var z;
+    const N = n[i] || !1, r = ms(t), f = (((z = r == null ? void 0 : r.child) == null ? void 0 : z.length) || 0) > 0, H = i === hs, pe = !Se || H, c = (ne == null ? void 0 : ne.id) === (r == null ? void 0 : r.id), K = /* @__PURE__ */ o(
+      Os,
+      {
+        sx: {
+          mr: 0,
+          minWidth: 0,
+          flex: 1,
+          // Permission ids are single unbreakable words, so the label box has
+          // to be allowed to shrink below its content or it runs under the eye
+          // button and into the next grid column.
+          "& .MuiFormControlLabel-label": { minWidth: 0 }
+        },
+        control: /* @__PURE__ */ o(
+          Ds,
+          {
+            size: "small",
+            disabled: pe,
+            checked: N,
+            name: i,
+            onClick: () => {
+              const v = {
+                ...n,
+                [i]: !N
+              };
+              _(
+                (Ne) => Ne.map(
+                  (ve) => ve.id === e.id ? {
+                    ...ve,
+                    featureJson: JSON.stringify(v)
+                  } : ve
+                )
+              ), Pe({
+                ...e,
+                featureJson: JSON.stringify(v),
+                code: e.designationId ? "Role" : "User",
+                menuConfigId: l,
+                displayName: e.designationId ? e.roleName : e.fullName
+              });
+            }
+          }
+        ),
+        label: /* @__PURE__ */ o(
+          ie,
+          {
+            variant: "body2",
+            sx: {
+              overflowWrap: "anywhere",
+              // Granted rights read darker/heavier than the ones that are off,
+              // so a long list can be skimmed for what is actually enabled.
+              color: N ? "text.primary" : "text.secondary",
+              fontWeight: N ? 500 : 400
+            },
+            children: r ? r.name : t
+          }
+        )
+      }
+    ), W = H ? [
+      r == null ? void 0 : r.desc,
+      h(
+        "This is the base right for the sub menu and cannot be changed here."
+      )
+    ].filter(Boolean).join(" — ") : (r == null ? void 0 : r.desc) || "";
+    return /* @__PURE__ */ R(
+      J,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: 0.5,
+          minWidth: 0,
+          // Each right sits on its own hairline card so neighbouring entries
+          // in the grid read as separate items instead of one block of text.
+          px: 1,
+          py: 0.5,
+          border: 1,
+          borderColor: "divider",
+          borderRadius: 1,
+          transition: (v) => v.transitions.create(["background-color", "border-color"], {
+            duration: v.transitions.duration.shortest
+          }),
+          "&:hover": {
+            borderColor: "primary.light",
+            backgroundColor: "action.hover"
+          }
+        },
+        children: [
+          W ? /* @__PURE__ */ o(he, { title: W, children: /* @__PURE__ */ o("span", { style: { display: "flex", flex: 1, minWidth: 0 }, children: K }) }) : K,
+          f && /* @__PURE__ */ o(
+            he,
+            {
+              title: h(c ? "Close Permissions" : "View Permissions"),
+              children: /* @__PURE__ */ o(
+                me,
+                {
+                  size: "small",
+                  color: c ? "primary" : "default",
+                  sx: {
+                    flexShrink: 0,
+                    color: c ? "primary.main" : "text.secondary",
+                    "&:hover": { color: "primary.main" }
+                  },
+                  "aria-label": h(c ? "Close Permissions" : "View Permissions"),
+                  onClick: () => {
+                    if (c) {
+                      fe(null), a && (te(!1), Ie(""), xe([]));
+                      return;
+                    }
+                    a && (Ie(i), xe(n), te(!0)), fe(r);
+                  },
+                  children: /* @__PURE__ */ o(
+                    B,
+                    {
+                      iconName: c ? "faEyeSlash" : "faEye",
+                      size: "sm"
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ]
+      },
+      `featureName-${s}`
+    );
+  }, Is = y.length > 0 || Object.keys(JSON.parse(g || "{}")).length > 0, Le = !!(ye && ne), Fe = ns === 1, ze = oe(!1), Me = oe(!1);
+  return Le && (ze.current = !0), Fe && (Me.current = !0), /* @__PURE__ */ o(Hs, { isLoading: es || w, children: /* @__PURE__ */ R(J, { sx: { width: "100%" }, children: [
+    /* @__PURE__ */ o(
+      As,
+      {
+        description: b != null && b.displayName ? `Remove all access to this sub menu for ${b.code === "Role" ? "the role" : ""} ${b.displayName}? Every right listed below will be revoked.` : "Remove all access to this sub menu? Every right listed below will be revoked.",
+        title: h("Remove access"),
+        open: F && ce === (b == null ? void 0 : b.id),
+        handleClick: cs,
+        handleClose: () => q((e) => !e),
+        dataTestId: "accessrights-delete-modal"
+      }
+    ),
+    /* @__PURE__ */ R(Rs, { fallback: null, children: [
+      ze.current && /* @__PURE__ */ o(
+        Xs,
+        {
+          isOpen: Le,
+          onClose: () => {
+            te((e) => !e), fe(null), Ie(""), xe([]);
+          },
+          featureState: os,
+          featureName: is,
+          permissions: ne
+        }
+      ),
+      Me.current && /* @__PURE__ */ o(
+        Ks,
+        {
+          isOpen: Fe,
+          onClose: () => ge(0),
+          pendingGrant: ss,
+          subMenuId: l,
+          newApiData: V
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("form", { ref: Z, onSubmit: us(Ae), children: /* @__PURE__ */ R(
+      J,
+      {
+        sx: {
+          display: "flex",
+          flexDirection: { xs: "column", lg: "row" },
+          alignItems: { xs: "stretch", lg: "center" },
+          gap: 2,
+          px: 2,
+          py: 1.5,
+          borderBottom: "1px solid",
+          borderColor: "divider"
+        },
+        children: [
+          /* @__PURE__ */ o(
+            _s,
+            {
+              value: ue,
+              onChange: _e,
+              placeholder: h("Search roles and users"),
+              autoFocus: !1,
+              "data-testid": "access-rights-textfield-search",
+              sx: { width: { xs: "100%", lg: 240 }, flexShrink: 0 },
+              slotProps: {
+                htmlInput: {
+                  "aria-label": h("Search roles and users")
+                }
+              },
+              inputProps: {
+                startAdornment: /* @__PURE__ */ o($e, { position: "start", children: /* @__PURE__ */ o(J, { sx: { color: "text.disabled", display: "flex" }, children: /* @__PURE__ */ o(
+                  B,
+                  {
+                    iconName: "faMagnifyingGlass",
+                    size: "sm"
+                  }
+                ) }) }),
+                endAdornment: ue ? /* @__PURE__ */ o($e, { position: "end", children: /* @__PURE__ */ o(
+                  me,
+                  {
+                    size: "small",
+                    "aria-label": h("Clear search"),
+                    onClick: () => _e(""),
+                    children: /* @__PURE__ */ o(B, { iconName: "faXmark", size: "sm" })
+                  }
+                ) }) : null
+              }
+            }
+          ),
+          Se && /* @__PURE__ */ o(
+            Xe,
+            {
+              translate: h,
+              onSubmit: Ae,
+              roleList: $,
+              featureData: G
+            }
+          )
+        ]
+      }
+    ) }),
+    G.length === 0 ? /* @__PURE__ */ R(
+      J,
+      {
+        "data-testid": "accessrights-empty-state",
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          textAlign: "center",
+          gap: 1,
+          px: 3,
+          py: 6
+        },
+        children: [
+          /* @__PURE__ */ o(J, { sx: { color: "text.disabled" }, children: /* @__PURE__ */ o(B, { iconName: "faUserShield", size: "2x" }) }),
+          /* @__PURE__ */ o(ie, { variant: "subtitle1", sx: { fontWeight: 700 }, children: h(ue ? "No roles or users match your search" : "No access granted yet") }),
+          /* @__PURE__ */ o(ie, { variant: "body2", color: "text.secondary", children: h(ue ? "Clear the search to see everyone with access." : "Pick a user or a role above and select Add to grant access to this sub menu.") })
+        ]
+      }
+    ) : /* @__PURE__ */ o(J, { children: G.map((e) => /* @__PURE__ */ R(
+      Cs,
+      {
+        expanded: ys === `panel${e == null ? void 0 : e.id}`,
+        onChange: gs(e),
+        slotProps: { transition: { unmountOnExit: !0 } },
+        children: [
+          /* @__PURE__ */ R(
+            Ns,
+            {
+              expandIcon: /* @__PURE__ */ o(B, { iconName: "faAngleDown" }),
+              "aria-controls": `accessrights-panel-${e == null ? void 0 : e.id}-content`,
+              id: `accessrights-panel-${e == null ? void 0 : e.id}-header`,
+              sx: {
+                "& .MuiAccordionSummary-content": {
+                  alignItems: "center",
+                  gap: 1.5,
+                  minWidth: 0
+                }
+              },
+              children: [
+                /* @__PURE__ */ o(
+                  vs,
+                  {
+                    size: "small",
+                    label: h(e.code),
+                    color: e.code === "Role" ? "primary" : "default",
+                    variant: "outlined"
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  ie,
+                  {
+                    variant: "body2",
+                    noWrap: !0,
+                    sx: { fontWeight: 600, minWidth: 0 },
+                    children: e.displayName
+                  }
+                ),
+                /* @__PURE__ */ R(
+                  J,
+                  {
+                    sx: {
+                      ml: "auto",
+                      mr: 1,
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 0.5
+                    },
+                    children: [
+                      rs && /* @__PURE__ */ o(he, { title: h("Remove access"), children: /* @__PURE__ */ o(
+                        me,
+                        {
+                          size: "small",
+                          color: "error",
+                          "aria-label": `${h("Remove access")}: ${e.displayName}`,
+                          "data-testid": "accessrights-delete-icon",
+                          onClick: (n) => {
+                            n.stopPropagation(), n.preventDefault(), q(!0), qe(e.id), Qe(e);
+                          },
+                          children: /* @__PURE__ */ o(B, { iconName: "faTrash", size: "sm" })
+                        }
+                      ) }),
+                      Se && /* @__PURE__ */ o(
+                        Ze,
+                        {
+                          config: {
+                            tooltip: h("Bulk actions"),
+                            icon: /* @__PURE__ */ o(B, { iconName: "faPen", size: "sm" }),
+                            dataTestId: "accessrights-edit-icon",
+                            menuClick: (n) => {
+                              Ve(() => ({
+                                ...n,
+                                code: n.designationId ? "Role" : "User",
+                                menuConfigId: l,
+                                displayName: n.designationId ? n.roleName : n.fullName
+                              }));
+                            },
+                            menuItems: [
+                              {
+                                label: "Check All",
+                                onClick: (n) => {
+                                  if (Y)
+                                    fs({
+                                      ...n,
+                                      checkAll: !0
+                                    });
+                                  else {
+                                    let i = JSON.parse(g);
+                                    const t = (y == null ? void 0 : y.length) > 0 ? y.reduce(
+                                      (s, { feature_name: a }) => (s[a] = !0, s),
+                                      {}
+                                    ) : Object.keys(i).reduce((s, a) => (s[a] = !0, s), {});
+                                    _(
+                                      (s) => s.map(
+                                        (a) => a.id === n.id ? {
+                                          ...a,
+                                          featureJson: JSON.stringify(t)
+                                        } : a
+                                      )
+                                    ), Pe({
+                                      ...Ye,
+                                      featureJson: JSON.stringify(t)
+                                    });
+                                  }
+                                }
+                              }
+                            ]
+                          },
+                          row: e
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ o(ks, { id: `accessrights-panel-${e == null ? void 0 : e.id}-content`, children: Is ? /* @__PURE__ */ o(
+            J,
+            {
+              sx: {
+                display: "grid",
+                gridTemplateColumns: {
+                  xs: "1fr",
+                  sm: "repeat(2, minmax(0, 1fr))",
+                  lg: "repeat(3, minmax(0, 1fr))"
+                },
+                columnGap: 1.5,
+                rowGap: 1
+              },
+              children: (() => {
+                const n = JSON.parse(
+                  e.featureJson || "{}"
+                );
+                return (y == null ? void 0 : y.length) > 0 ? Object.keys(n).map(
+                  (i, t) => Ee({
+                    row: e,
+                    featureState: n,
+                    featureKey: i,
+                    lookupKey: as.get(i) || i,
+                    index: t,
+                    withModal: !0
+                  })
+                ) : Object.keys(JSON.parse(g || "{}")).map(
+                  (i, t) => Ee({
+                    row: e,
+                    featureState: n,
+                    featureKey: i,
+                    lookupKey: i,
+                    index: t,
+                    withModal: !1
+                  })
+                );
+              })()
+            }
+          ) : /* @__PURE__ */ o(
+            ie,
+            {
+              variant: "body2",
+              color: "text.secondary",
+              sx: { fontStyle: "italic", px: 1, py: 0.5 },
+              children: h("No rights configured for this sub menu yet")
+            }
+          ) })
+        ]
+      },
+      e == null ? void 0 : e.id
+    )) })
+  ] }) });
+}
+Zs.propTypes = {
+  subMenuId: x.any,
+  subMenuGroupName: x.any,
+  selectedTab: x.any,
+  parentLoading: x.any,
+  isNewApi: x.any,
+  setIsNewApi: x.any,
+  onNewAPIChange: x.any,
+  subMenuFeatureVal: x.any,
+  rights: x.any
+};
+export {
+  Zs as default
+};
+//# sourceMappingURL=AccessRights-BC43Jhml.js.map