@argusoft/medplat-core 1.0.32 → 1.0.33

package/dist/{AccessRights-DBjTQA1-.js → AccessRights-BC43Jhml.js}

@@ -1,69 +1,69 @@
 import { jsxs as R, jsx as o, Fragment as xs } from "react/jsx-runtime";
-import { Box as J, Autocomplete as Ss, TextField as Me, Button as Ns, InputAdornment as $e, IconButton as me, Typography as ie, Accordion as Cs, AccordionSummary as bs, Chip as ks, Tooltip as he, AccordionDetails as vs, FormControlLabel as Os, Checkbox as Ds, Menu as Js, MenuItem as Ps } from "@mui/material";
+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 c, useMemo as ae, useEffect as le, createElement as Be, useRef as oe, useCallback as We, Suspense as Rs, lazy as Ge } from "react";
-import { a as ee, d as Ts, b as ve, c as Es, p as Ls, e as Fs, f as zs } from "./Features-Dne21RWu.js";
-import { execute as re, getRoleList as Us } from "@/common/services/GlobalApis.js";
+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 Ms } from "react-hook-form";
-import { showToast as v } from "@/common/toaster/toaster";
+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 Bs } from "@/common/languageTranslator/TranslationContext";
-import W from "@/common/fontAwesomeIcons/FontAwesomeIcons";
-import { execute as Ws } from "@/common/services/GlobalApis";
+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-Kc73yPHH.js";
+import { A as Hs } from "./FeatureMenu-CaI-ZhSZ.js";
 const je = 200;
 function Xe({
   translate: l,
   onSubmit: X,
   roleList: w,
-  featureData: O
+  featureData: D
 }) {
-  const [P, Z] = c(""), [U, j] = c(""), [E, b] = c([]), { control: g, handleSubmit: M, reset: G } = He({}), { getCachedData: _ } = Ke(), L = ae(() => {
-    const d = /* @__PURE__ */ new Set(), A = /* @__PURE__ */ new Set();
-    return (O || []).forEach((S) => {
-      S != null && S.designationId && d.add(S.designationId), S != null && S.userId && A.add(S.userId);
-    }), { roles: d, users: A };
-  }, [O]), se = ae(
-    () => w.filter((d) => !L.roles.has(d == null ? void 0 : d.id)),
+  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 d = setTimeout(() => {
+    const u = setTimeout(() => {
       j(P);
     }, 300);
-    return () => clearTimeout(d);
+    return () => clearTimeout(u);
   }, [P]), le(() => {
-    U !== "" && $(U);
-  }, [U]), le(() => {
+    M !== "" && $(M);
+  }, [M]), le(() => {
     $("");
   }, []);
-  const $ = async (d, A = O) => {
+  const $ = async (u, A = D) => {
     try {
       const S = async (m) => {
-        const { data: F } = await Ws({
+        const { data: F } = await Bs({
           code: "user_search_for_selectize",
           parameters: { searchString: m }
         });
         return F;
-      }, y = d ? await S(d) : await _({
+      }, g = u ? await S(u) : await _({
         cacheKey: ["user_search_for_selectize", ""],
         fetchFn: () => S(""),
         staleTime: 3e5,
         cacheTime: 18e5
-      }), C = A === O ? L.users : new Set(
+      }), C = A === D ? L.users : new Set(
         (A || []).map((m) => m == null ? void 0 : m.userId).filter(Boolean)
-      ), I = ((y == null ? void 0 : y.result) || []).filter((m) => (m == null ? void 0 : m.id) && !C.has(m.id)).map((m) => ({
+      ), 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()
       }));
-      b(I);
+      k(I);
     } catch (S) {
       console.error(S);
     }
@@ -81,13 +81,13 @@ function Xe({
       },
       children: [
         /* @__PURE__ */ o(J, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ o(
-          Ms,
+          Us,
           {
             name: "roles",
             id: "roles",
-            control: g,
+            control: y,
             defaultValue: null,
-            render: ({ field: { onChange: d, value: A, ref: S } }) => /* @__PURE__ */ o(
+            render: ({ field: { onChange: u, value: A, ref: S } }) => /* @__PURE__ */ o(
               Ss,
               {
                 options: E,
@@ -95,32 +95,32 @@ function Xe({
                 slots: {
                   listbox: E.length > je ? Gs : void 0
                 },
-                getOptionLabel: (y) => y.displayName || "",
-                isOptionEqualToValue: (y, C) => y.id === (C == null ? void 0 : C.id),
+                getOptionLabel: (g) => g.displayName || "",
+                isOptionEqualToValue: (g, C) => g.id === (C == null ? void 0 : C.id),
                 value: A || null,
-                onChange: (y, C, I) => {
-                  I === "clear" && $(""), d(C);
+                onChange: (g, C, I) => {
+                  I === "clear" && $(""), u(C);
                 },
-                onInputChange: (y, C, I) => {
+                onInputChange: (g, C, I) => {
                   I === "input" && Z(C);
                 },
-                renderOption: (y, C) => {
+                renderOption: (g, C) => {
                   const I = C.displayName || "", m = P.trim(), F = I.toLowerCase().indexOf(m.toLowerCase());
                   if (F === -1)
-                    return /* @__PURE__ */ Be(
+                    return /* @__PURE__ */ We(
                       "li",
                       {
-                        ...y,
+                        ...g,
                         key: C.id,
                         style: { lineHeight: 1.5, fontSize: "14px" }
                       },
                       I
                     );
-                  const q = I.substring(0, F), ge = I.substring(F, F + m.length), te = I.substring(F + m.length);
-                  return /* @__PURE__ */ Be(
+                  const q = I.substring(0, F), ye = I.substring(F, F + m.length), te = I.substring(F + m.length);
+                  return /* @__PURE__ */ We(
                     "li",
                     {
-                      ...y,
+                      ...g,
                       key: C.id,
                       style: { lineHeight: 1.5, fontSize: "14px" }
                     },
@@ -135,17 +135,17 @@ function Xe({
                             borderRadius: "2px",
                             backgroundColor: (ce) => ws(ce.palette.primary.main, 0.18)
                           },
-                          children: ge
+                          children: ye
                         }
                       ),
                       te
                     ] })
                   );
                 },
-                renderInput: (y) => /* @__PURE__ */ o(
-                  Me,
+                renderInput: (g) => /* @__PURE__ */ o(
+                  Ue,
                   {
-                    ...y,
+                    ...g,
                     label: l("User"),
                     variant: "outlined",
                     size: "small",
@@ -162,14 +162,14 @@ function Xe({
             id: "selectedRoles",
             name: "selectedRoles",
             options: se,
-            control: g,
+            control: y,
             isVirtualized: se.length > je,
-            getOptionLabel: (d) => d == null ? void 0 : d.name,
+            getOptionLabel: (u) => u == null ? void 0 : u.name,
             dataTestId: "accessrights-select-role",
-            renderInput: (d) => /* @__PURE__ */ o(
-              Me,
+            renderInput: (u) => /* @__PURE__ */ o(
+              Ue,
               {
-                ...d,
+                ...u,
                 label: l("Role"),
                 variant: "outlined",
                 size: "small"
@@ -178,16 +178,16 @@ function Xe({
           }
         ) }),
         /* @__PURE__ */ o(
-          Ns,
+          bs,
           {
             variant: "contained",
             size: "small",
             "data-testid": "accessrights-add-button",
-            startIcon: /* @__PURE__ */ o(W, { iconName: "faPlus" }),
+            startIcon: /* @__PURE__ */ o(B, { iconName: "faPlus" }),
             sx: { flexShrink: 0, alignSelf: { xs: "flex-end", md: "center" } },
-            onClick: M((d) => {
+            onClick: U((u) => {
               var A;
-              X(d), $("", [...O, { userId: (A = d.roles) == null ? void 0 : A.id }]), G();
+              X(u), $("", [...D, { userId: (A = u.roles) == null ? void 0 : A.id }]), G();
             }),
             children: l("Add")
           }
@@ -208,12 +208,12 @@ Xe.propTypes = {
 const Ks = Ge(() => import("./GrantPermissionModal-D7iNZd0M.js")), Xs = Ge(() => import("./PermissionsModal-Dxbkkrqe.js"));
 function Ze({ config: l, row: X }) {
   var E;
-  const [w, O] = c(null), P = !!w, Z = (b) => {
-    b.stopPropagation(), O(b.currentTarget), typeof l.menuClick == "function" && l.menuClick(X);
-  }, U = (b) => {
-    b && b.stopPropagation(), O(null);
-  }, j = (b) => (g) => {
-    g.stopPropagation(), typeof b.onClick == "function" && b.onClick(X), O(null);
+  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(
@@ -231,10 +231,10 @@ function Ze({ config: l, row: X }) {
       {
         anchorEl: w,
         open: P,
-        onClose: U,
+        onClose: M,
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         transformOrigin: { vertical: "top", horizontal: "right" },
-        children: (E = l.menuItems) == null ? void 0 : E.map((b, g) => /* @__PURE__ */ o(Ps, { onClick: j(b), children: b.label }, g))
+        children: (E = l.menuItems) == null ? void 0 : E.map((k, y) => /* @__PURE__ */ o(Ps, { onClick: j(k), children: k.label }, y))
       }
     )
   ] });
@@ -249,10 +249,10 @@ function Zs({
   subMenuFeatureVal: X,
   // selectedTab,
   parentLoading: w,
-  onNewAPIChange: O,
+  onNewAPIChange: D,
   rights: P
 }) {
-  const Z = oe(null), U = oe(!1), j = $s(), E = oe(!1), { getCachedData: b } = Ke(), [g, M] = c([]), [G, _] = c([]), [L, se] = c([]), [$, d] = c([]), [A, S] = c([]), [y, C] = c(""), [I, m] = c({}), [F, q] = c(!1), [ge, te] = c(!1), [ce, qe] = c(""), [N, Qe] = c(null), [Ye, Ve] = c({}), [es, Q] = c(!1), [Y, Oe] = c(!1), [ss, de] = c(null), [T, ts] = c([]), [ns, ye] = c(0), [ue, De] = c(""), { translate: h } = Bs(), [is, Ie] = c(""), [os, xe] = c([]), [ne, fe] = c(null), Se = we.hasCheckRights(
+  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
@@ -265,10 +265,10 @@ function Zs({
     return (T || []).forEach((n) => e.set(String(n.id), n)), e;
   }, [T]), as = ae(() => {
     const e = /* @__PURE__ */ new Map();
-    return (g || []).forEach((n) => {
+    return (y || []).forEach((n) => {
       n != null && n.feature_name && e.set(n.feature_name, n.display_name);
     }), e;
-  }, [g]), ls = () => {
+  }, [y]), ls = () => {
     var n;
     if (!T || T.length === 0) return null;
     const e = T.filter(
@@ -279,11 +279,15 @@ function Zs({
     );
     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)
+        (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);
+      const t = e.filter(
+        (s) => s.id.split(".").length === 3
+      );
       if (t.length > 0)
         return t[0].id;
     }
@@ -295,11 +299,11 @@ function Zs({
       j("conversion_event", {
         form: e,
         form_name: "Access Rights",
-        submit: U.current
+        submit: M.current
       });
     };
   }, []);
-  const Ne = (e) => {
+  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;
@@ -313,7 +317,7 @@ function Zs({
     try {
       if (Q((i) => !i), Y) {
         const i = [];
-        Object.entries(JSON.parse(N == null ? void 0 : N.featureJson)).forEach(
+        Object.entries(JSON.parse(b == null ? void 0 : b.featureJson)).forEach(
           ([t, s]) => {
             s === !0 && i.push(t);
           }
@@ -323,29 +327,29 @@ function Zs({
             code: "delete_permissions",
             parameters: {
               permissionList: i,
-              roleId: parseInt(N == null ? void 0 : N.designationId),
-              userId: parseInt(N == null ? void 0 : N.userId)
+              roleId: parseInt(b == null ? void 0 : b.designationId),
+              userId: parseInt(b == null ? void 0 : b.userId)
             }
-          }), v({
+          }), O({
             type: "success",
             message: "Permission Deleted Successfully"
           });
           const { data: t } = await ee(l);
           V(t);
         } catch {
-          v({
+          O({
             type: "error",
             message: "error occurred"
           });
         }
       } else {
         await Ts(ce);
-        let { data: i } = await ve(l);
+        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) {
-      v({
+      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);
@@ -358,7 +362,7 @@ function Zs({
       n[s.id] || t.push({ id: s.id, action: "revoke" });
     }), t;
   }, { handleSubmit: us } = He({}), Pe = async (e) => {
-    var n, i, t, s, a, k;
+    var n, i, t, s, a, N;
     try {
       if (Y) {
         e = { ...e, featureJson: JSON.parse(e == null ? void 0 : e.featureJson) };
@@ -370,7 +374,7 @@ function Zs({
           de({
             ...e,
             id: (i = r[0]) == null ? void 0 : i.id
-          }), ye(1);
+          }), ge(1);
         else if (((t = r[0]) == null ? void 0 : t.action) === "revoke")
           try {
             await re({
@@ -380,24 +384,24 @@ function Zs({
                 roleId: parseInt(e == null ? void 0 : e.designationId),
                 userId: parseInt(e == null ? void 0 : e.userId)
               }
-            }), v({
+            }), O({
               type: "success",
               message: "Permission Revoked Successfully"
             });
           } catch {
-            v({
+            O({
               type: "error",
               message: "Error in revoking permission"
             });
           }
-        const { data: u } = await ee(l);
-        V(u);
+        const { data: f } = await ee(l);
+        V(f);
       } else
         await Es(e);
     } catch (r) {
-      v({
+      O({
         type: "error",
-        message: `Error Updating data: ${(k = (a = r == null ? void 0 : r.response) == null ? void 0 : a.data) == null ? void 0 : k.message}`
+        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) => {
@@ -418,7 +422,7 @@ function Zs({
             role_id: parseInt(e == null ? void 0 : e.designationId),
             user_id: parseInt(e == null ? void 0 : e.userId)
           }
-        }), v({
+        }), O({
           type: "success",
           message: "Permission granted Successfully"
         });
@@ -429,88 +433,90 @@ function Zs({
       console.error(n);
     }
   }, Ae = async (e) => {
-    var n, i, t, s, a, k;
+    var n, i, t, s, a, N;
     if (!(e != null && e.roles || e != null && e.selectedRoles)) {
-      v({
+      O({
         message: "Please select either user or role !!",
         type: "info"
       });
       return;
     }
-    if (Y && g.length < 1) {
-      v({
+    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((f) => f == null ? void 0 : f.id)) || [], u = I != null && I.id ? G.some((f) => (f == null ? void 0 : f.userId) === (I == null ? void 0 : I.id)) : !1, H = (r == null ? void 0 : r.length) > 0 ? G.some(
-        (f) => r.includes(f == null ? void 0 : f.designationId)
+      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 (u || H)
-        v({
+      if (f || H)
+        O({
           message: "Selected User Already found please select another id",
           type: "warning"
         });
       else {
-        const f = r == null ? void 0 : r.join(","), K = {
+        const c = r == null ? void 0 : r.join(","), K = {
           userId: (i = e == null ? void 0 : e.roles) == null ? void 0 : i.id,
-          designationId: f || null
-        }, B = T.filter(
+          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 = B.find(
-            (D) => /^view\.report\.[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(D.id)
+          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
-          }) : B.some((D) => D.id === "view.report") ? de({
+          }) : W.some((v) => v.id === "view.report") ? de({
             ...K,
             id: "view.report"
           }) : de({
             ...K,
-            id: (B == null ? void 0 : B.filter((D) => D.id.split(".").length === 3).map((D) => D.id)[0]) || ((s = T[0]) == null ? void 0 : s.id)
-          }), ye(1);
+            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 ve(l);
+          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 = Ne(p);
+          const z = be(p);
           _(z);
-          const D = p.featureJson ? Object.keys(JSON.parse(p.featureJson)) : [];
-          if (D.length > 0) {
-            const { data: be } = await re({
+          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: D
+                feature_name_list: v
               }
             });
-            M(be.result);
+            U(Ne.result);
           } else
-            M([]);
-          v({
-            message: (a = e == null ? void 0 : e.roles) != null && a.id && r.length > 0 ? "Permission granted to User and Role Successfully" : (k = e == null ? void 0 : e.roles) != null && k.id ? "Permission granted to User Successfully" : "Permission granted to Role Successfully",
+            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"
           });
         }
-        U.current = !0, m({});
+        M.current = !0, m({});
       }
     } catch (r) {
-      console.error(r), v({
+      console.error(r), O({
         message: "Cannot grant permission",
         type: "error"
       });
     }
-  }, _e = We(
+  }, _e = Be(
     (e) => {
       const n = (e || "").toLowerCase();
       if (De(n), !n) {
@@ -550,8 +556,8 @@ function Zs({
     const n = [
       ...new Set(e.permissions.map((t) => t.id))
     ];
-    M(n), ts(e == null ? void 0 : e.permissions);
-    const i = Ne(e);
+    U(n), ts(e == null ? void 0 : e.permissions);
+    const i = be(e);
     _(i), se(i);
   };
   le(() => {
@@ -559,7 +565,7 @@ function Zs({
       var n, i, t;
       try {
         if (l) {
-          fe(null), Te(!1), Q((u) => !u), De("");
+          fe(null), Te(!1), Q((f) => !f), De("");
           let s, a;
           if (X) {
             if (E.current)
@@ -567,34 +573,37 @@ function Zs({
             else
               try {
                 s = (await Fs(l)).data;
-              } catch (u) {
-                console.error("configtypesV2/summary unavailable, falling back to full bundle", u), E.current = !0, s = (await ee(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), O({ id: l, val: !0 });
+            a = !0, Oe(!0), D({ id: l, val: !0 });
           } else
-            s = (await ve(l)).data, a = !1, Oe(!1), O({ id: l, val: !1 });
+            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 u = Ne(s);
-            _(u), se(u);
+            const f = be(s);
+            _(f), se(f);
           }
-          let k = A;
+          let N = A;
           if (!$ || $.length === 0) {
-            const u = await b({
+            const f = await k({
               cacheKey: ["roleList"],
-              fetchFn: async () => (await Us()).data,
+              fetchFn: async () => (await Ms()).data,
               staleTime: 3e5,
               cacheTime: 18e5
             });
-            S(u), k = u;
+            S(f), N = f;
           }
           let r;
           if (a)
-            r = s.permissions.map((u) => u.id), M(r);
+            r = s.permissions.map((f) => f.id), U(r);
           else if (r = s.featureJson ? Object.keys(JSON.parse(s.featureJson)) : [], r.length > 0) {
-            const [u] = await Promise.all([
+            const [f] = await Promise.all([
               await re({
                 code: "retrieve_display_name_for_feature",
                 parameters: {
@@ -603,45 +612,48 @@ function Zs({
                 }
               })
             ]);
-            M((n = u.data) == null ? void 0 : n.result);
+            U((n = f.data) == null ? void 0 : n.result);
           } else
-            M([]);
-          if (k && k.length > 0)
+            U([]);
+          if (N && N.length > 0)
             if (s.isDynamicFeature) {
-              const H = JSON.parse(JSON.stringify(k)).filter((pe) => {
-                const f = pe.roleType;
-                return f === null || s != null && s.isMobileFeature && (s != null && s.isWebFeature) ? !0 : s.isMobileFeature ? f === "MOBILE" || f === "BOTH" : s.isWebFeature ? f === "WEB" || f === "BOTH" : !1;
+              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;
               });
-              d(H);
+              u(H);
             } else
-              d(k);
-          Q((u) => !u);
+              u(N);
+          Q((f) => !f);
         }
       } catch (s) {
-        v({
+        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, O]);
-  const ms = We(
+  }, [l, D]);
+  const ms = Be(
     (e) => Je.get(String(e)) || null,
     [Je]
-  ), hs = ae(
-    () => ls(),
-    [T]
-  ), [gs, Te] = c(!1), ys = (e) => async (n, i) => {
+  ), 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
-        });
+        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), v({ type: "error", message: "Error loading permissions for row" });
+        console.error(s), O({
+          type: "error",
+          message: "Error loading permissions for row"
+        });
       }
   }, Ee = ({
     row: e,
@@ -652,32 +664,40 @@ function Zs({
     withModal: a
   }) => {
     var z;
-    const k = n[i] || !1, r = ms(t), u = (((z = r == null ? void 0 : r.child) == null ? void 0 : z.length) || 0) > 0, H = i === hs, pe = !Se || H, f = (ne == null ? void 0 : ne.id) === (r == null ? void 0 : r.id), K = /* @__PURE__ */ o(
+    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 },
+        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: k,
+            checked: N,
             name: i,
             onClick: () => {
-              const D = {
+              const v = {
                 ...n,
-                [i]: !k
+                [i]: !N
               };
               _(
-                (be) => be.map(
-                  (ke) => ke.id === e.id ? {
-                    ...ke,
-                    featureJson: JSON.stringify(D)
-                  } : ke
+                (Ne) => Ne.map(
+                  (ve) => ve.id === e.id ? {
+                    ...ve,
+                    featureJson: JSON.stringify(v)
+                  } : ve
                 )
               ), Pe({
                 ...e,
-                featureJson: JSON.stringify(D),
+                featureJson: JSON.stringify(v),
                 code: e.designationId ? "Role" : "User",
                 menuConfigId: l,
                 displayName: e.designationId ? e.roleName : e.fullName
@@ -685,9 +705,22 @@ function Zs({
             }
           }
         ),
-        label: /* @__PURE__ */ o(ie, { variant: "body2", children: r ? r.name : t })
+        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
+          }
+        )
       }
-    ), B = H ? [
+    ), W = H ? [
       r == null ? void 0 : r.desc,
       h(
         "This is the base right for the sub menu and cannot be changed here."
@@ -696,30 +729,54 @@ function Zs({
     return /* @__PURE__ */ R(
       J,
       {
-        sx: { display: "flex", alignItems: "center", gap: 0.5, minWidth: 0 },
+        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: [
-          B ? /* @__PURE__ */ o(he, { title: B, children: /* @__PURE__ */ o("span", { style: { display: "flex", flex: 1, minWidth: 0 }, children: K }) }) : K,
-          u && /* @__PURE__ */ o(
+          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(f ? "Close Permissions" : "View Permissions"),
+              title: h(c ? "Close Permissions" : "View Permissions"),
               children: /* @__PURE__ */ o(
                 me,
                 {
                   size: "small",
-                  color: "primary",
-                  "aria-label": h(f ? "Close Permissions" : "View Permissions"),
+                  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 (f) {
+                    if (c) {
                       fe(null), a && (te(!1), Ie(""), xe([]));
                       return;
                     }
                     a && (Ie(i), xe(n), te(!0)), fe(r);
                   },
                   children: /* @__PURE__ */ o(
-                    W,
+                    B,
                     {
-                      iconName: f ? "faEyeSlash" : "faEye",
+                      iconName: c ? "faEyeSlash" : "faEye",
                       size: "sm"
                     }
                   )
@@ -731,14 +788,14 @@ function Zs({
       },
       `featureName-${s}`
     );
-  }, Is = g.length > 0 || Object.keys(JSON.parse(y || "{}")).length > 0, Le = !!(ge && ne), Fe = ns === 1, ze = oe(!1), Ue = oe(!1);
-  return Le && (ze.current = !0), Fe && (Ue.current = !0), /* @__PURE__ */ o(Hs, { isLoading: es || w, children: /* @__PURE__ */ R(J, { sx: { width: "100%" }, children: [
+  }, 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: N != null && N.displayName ? `Remove all access to this sub menu for ${N.code === "Role" ? "the role" : ""} ${N.displayName}? Every right listed below will be revoked.` : "Remove all access to this sub menu? Every right listed below will be revoked.",
+        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 === (N == null ? void 0 : N.id),
+        open: F && ce === (b == null ? void 0 : b.id),
         handleClick: cs,
         handleClose: () => q((e) => !e),
         dataTestId: "accessrights-delete-modal"
@@ -757,11 +814,11 @@ function Zs({
           permissions: ne
         }
       ),
-      Ue.current && /* @__PURE__ */ o(
+      Me.current && /* @__PURE__ */ o(
         Ks,
         {
           isOpen: Fe,
-          onClose: () => ye(0),
+          onClose: () => ge(0),
           pendingGrant: ss,
           subMenuId: l,
           newApiData: V
@@ -797,14 +854,20 @@ function Zs({
                 }
               },
               inputProps: {
-                startAdornment: /* @__PURE__ */ o($e, { position: "start", children: /* @__PURE__ */ o(J, { sx: { color: "text.disabled", display: "flex" }, children: /* @__PURE__ */ o(W, { iconName: "faMagnifyingGlass", size: "sm" }) }) }),
+                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(W, { iconName: "faXmark", size: "sm" })
+                    children: /* @__PURE__ */ o(B, { iconName: "faXmark", size: "sm" })
                   }
                 ) }) : null
               }
@@ -837,7 +900,7 @@ function Zs({
           py: 6
         },
         children: [
-          /* @__PURE__ */ o(J, { sx: { color: "text.disabled" }, children: /* @__PURE__ */ o(W, { iconName: "faUserShield", size: "2x" }) }),
+          /* @__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.") })
         ]
@@ -845,14 +908,14 @@ function Zs({
     ) : /* @__PURE__ */ o(J, { children: G.map((e) => /* @__PURE__ */ R(
       Cs,
       {
-        expanded: gs === `panel${e == null ? void 0 : e.id}`,
-        onChange: ys(e),
+        expanded: ys === `panel${e == null ? void 0 : e.id}`,
+        onChange: gs(e),
         slotProps: { transition: { unmountOnExit: !0 } },
         children: [
           /* @__PURE__ */ R(
-            bs,
+            Ns,
             {
-              expandIcon: /* @__PURE__ */ o(W, { iconName: "faAngleDown" }),
+              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: {
@@ -864,7 +927,7 @@ function Zs({
               },
               children: [
                 /* @__PURE__ */ o(
-                  ks,
+                  vs,
                   {
                     size: "small",
                     label: h(e.code),
@@ -902,7 +965,7 @@ function Zs({
                           onClick: (n) => {
                             n.stopPropagation(), n.preventDefault(), q(!0), qe(e.id), Qe(e);
                           },
-                          children: /* @__PURE__ */ o(W, { iconName: "faTrash", size: "sm" })
+                          children: /* @__PURE__ */ o(B, { iconName: "faTrash", size: "sm" })
                         }
                       ) }),
                       Se && /* @__PURE__ */ o(
@@ -910,7 +973,7 @@ function Zs({
                         {
                           config: {
                             tooltip: h("Bulk actions"),
-                            icon: /* @__PURE__ */ o(W, { iconName: "faPen", size: "sm" }),
+                            icon: /* @__PURE__ */ o(B, { iconName: "faPen", size: "sm" }),
                             dataTestId: "accessrights-edit-icon",
                             menuClick: (n) => {
                               Ve(() => ({
@@ -930,8 +993,8 @@ function Zs({
                                       checkAll: !0
                                     });
                                   else {
-                                    let i = JSON.parse(y);
-                                    const t = (g == null ? void 0 : g.length) > 0 ? g.reduce(
+                                    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), {});
@@ -960,7 +1023,7 @@ function Zs({
               ]
             }
           ),
-          /* @__PURE__ */ o(vs, { id: `accessrights-panel-${e == null ? void 0 : e.id}-content`, children: Is ? /* @__PURE__ */ o(
+          /* @__PURE__ */ o(ks, { id: `accessrights-panel-${e == null ? void 0 : e.id}-content`, children: Is ? /* @__PURE__ */ o(
             J,
             {
               sx: {
@@ -970,12 +1033,14 @@ function Zs({
                   sm: "repeat(2, minmax(0, 1fr))",
                   lg: "repeat(3, minmax(0, 1fr))"
                 },
-                columnGap: 2,
-                rowGap: 0.5
+                columnGap: 1.5,
+                rowGap: 1
               },
               children: (() => {
-                const n = JSON.parse(e.featureJson || "{}");
-                return (g == null ? void 0 : g.length) > 0 ? Object.keys(n).map(
+                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,
@@ -984,7 +1049,7 @@ function Zs({
                     index: t,
                     withModal: !0
                   })
-                ) : Object.keys(JSON.parse(y || "{}")).map(
+                ) : Object.keys(JSON.parse(g || "{}")).map(
                   (i, t) => Ee({
                     row: e,
                     featureState: n,
@@ -1025,4 +1090,4 @@ Zs.propTypes = {
 export {
   Zs as default
 };
-//# sourceMappingURL=AccessRights-DBjTQA1-.js.map
+//# sourceMappingURL=AccessRights-BC43Jhml.js.map