@argusoft/medplat-form-engine 1.0.8 → 1.0.10

package/dist/AccessRights-sgIhYR30-DWNCTLI6.js

@@ -0,0 +1,1238 @@
+import { jsx as a, Fragment as Oe, jsxs as f } from "react/jsx-runtime";
+import { debounce as mt, Typography as B, Box as ne, TextField as Pe, ListItem as Ce, FormControlLabel as ke, Checkbox as he, Tooltip as Je, Modal as Ae, Card as Le, IconButton as ge, Button as ve, Autocomplete as ft, Menu as pt, MenuItem as ht } from "@mui/material";
+import I from "@mui/material/Grid2";
+import o from "prop-types";
+import vt from "@/views/custom-components/CustomConfirmationModal";
+import { useRef as _e, useState as p, useEffect as te, useCallback as gt, createElement as Te } from "react";
+import { useTheme as yt } from "@mui/material/styles";
+import { u as K, s as fe, m as xt, c as wt, g as Nt } from "./Features-CKMmuqcs-ClXAzWGV.js";
+import { getRoleList as bt, execute as Z } from "@/common/services/GlobalApis.js";
+import "@/assets/scss/scrollBar.scss";
+import { useForm as ye, Controller as It } from "react-hook-form";
+import { showToast as k } from "@/common/toaster/toaster";
+import St from "@/hooks/useTrackEvent";
+import { useTranslateProvider as Re } from "@/common/languageTranslator/TranslationContext";
+import { FontAwesomeIcon as F } from "@fortawesome/react-fontawesome";
+import { faTrash as Dt, faPen as Ot, faAngleDown as Ct, faEyeSlash as Me, faEye as Ee, faXmark as $e } from "@fortawesome/free-solid-svg-icons";
+import { yupResolver as kt } from "@hookform/resolvers/yup";
+import * as X from "yup";
+import pe from "@/views/custom-components/CustomCheckBox";
+import je from "@/views/custom-components/CustomDatePicker";
+import { execute as Jt } from "@/common/services/GlobalApis";
+import _t from "@/views/custom-components/CustomAutoComplete";
+import Tt from "@mui/material/Accordion";
+import Mt from "@mui/material/AccordionDetails";
+import Et from "@mui/material/AccordionSummary";
+import { useSelector as jt } from "react-redux";
+import { getUseSkeleton as Pt } from "@/store/reducers/SkeletonReducer";
+const At = X.object().shape({
+  noStartDate: X.boolean().default(!0),
+  noEndDate: X.boolean().default(!0),
+  startDate: X.date().nullable().when("noStartDate", {
+    is: !1,
+    then: (r) => r.required("Start date is required")
+  }),
+  endDate: X.date().nullable().when("noEndDate", {
+    is: !1,
+    then: (r) => r.required("End date is required")
+  }).test(
+    "endAfterStart",
+    "End date must be after start date",
+    function(r) {
+      const { startDate: J, noEndDate: g } = this.parent;
+      return !r || g || !J ? !0 : new Date(r) >= new Date(J);
+    }
+  ),
+  isBackendOnly: X.boolean().default(!1)
+});
+function ze({
+  isOpen: r,
+  onClose: J,
+  pendingGrant: g,
+  subMenuId: D,
+  newApiData: _
+}) {
+  const { translate: T } = Re(), {
+    handleSubmit: E,
+    control: O,
+    reset: S,
+    watch: d,
+    formState: { errors: h },
+    trigger: A
+  } = ye({
+    resolver: kt(At),
+    defaultValues: {
+      noStartDate: !0,
+      noEndDate: !0,
+      startDate: null,
+      endDate: null,
+      isBackendOnly: !1
+    },
+    mode: "onChange"
+  }), b = d("noStartDate"), R = d("noEndDate"), L = d("startDate"), y = d("endDate"), C = async (x) => {
+    var c, N;
+    if (g) {
+      try {
+        await Z({
+          code: "grant_permission",
+          parameters: {
+            featureName: g.id,
+            roleIds: g != null && g.designationId ? String(g == null ? void 0 : g.designationId) : null,
+            userIds: g != null && g.userId ? String(g.userId) : null,
+            startDate: x.noStartDate ? null : x.startDate,
+            endDate: x.noEndDate ? null : x.endDate,
+            isBackendOnly: x.isBackendOnly
+          }
+        }), k({
+          type: "success",
+          message: "Permission Granted Successfully"
+        });
+        const { data: M } = await K(D);
+        _(M);
+      } catch (M) {
+        k({
+          type: "error",
+          message: `Error granting permission: ${(N = (c = M == null ? void 0 : M.response) == null ? void 0 : c.data) == null ? void 0 : N.message}`
+        });
+      }
+      S(), J();
+    }
+  }, j = () => {
+    S(), J();
+  };
+  return /* @__PURE__ */ a(Ae, { open: r, onClose: j, children: /* @__PURE__ */ a(ne, { className: "fixed inset-0 flex items-start justify-center z-50 overflow-y-auto bg-opacity-10", children: /* @__PURE__ */ a(
+    Le,
+    {
+      className: `
+          relative mt-10 p-4 shadow-lg flex flex-col rounded-xl
+          w-[95vw] max-w-md
+          sm:w-[80vw] sm:max-w-lg
+          md:w-[60vw] md:max-w-xl
+          lg:w-[40vw] lg:max-w-2xl
+          xl:w-[30vw] xl:max-w-3xl
+        `,
+      children: /* @__PURE__ */ f("form", { onSubmit: E(C), children: [
+        /* @__PURE__ */ f(I, { className: "flex justify-between items-center mb-4", children: [
+          /* @__PURE__ */ a(
+            B,
+            {
+              variant: "h6",
+              className: "text-base sm:text-lg text-customBlue",
+              children: T("Set Access Window")
+            }
+          ),
+          /* @__PURE__ */ a(ge, { onClick: j, children: /* @__PURE__ */ a(F, { icon: $e }) })
+        ] }),
+        /* @__PURE__ */ f(I, { className: "flex flex-col sm:flex-row gap-4 mb-4", children: [
+          /* @__PURE__ */ f(I, { className: "flex-1", children: [
+            /* @__PURE__ */ a(
+              pe,
+              {
+                defaultChecked: !0,
+                label: "No Start Date",
+                control: O,
+                errors: h,
+                name: "noStartDate",
+                onChange: () => A("startDate")
+              }
+            ),
+            /* @__PURE__ */ a(
+              je,
+              {
+                control: O,
+                name: "startDate",
+                errors: h,
+                disabled: b,
+                format: "DD/MM/YYYY",
+                maxDate: y || void 0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ f(I, { className: "flex-1", children: [
+            /* @__PURE__ */ a(
+              pe,
+              {
+                label: "No End Date",
+                control: O,
+                name: "noEndDate",
+                errors: h,
+                onChange: () => A("endDate")
+              }
+            ),
+            /* @__PURE__ */ a(
+              je,
+              {
+                control: O,
+                name: "endDate",
+                errors: h,
+                disabled: R,
+                format: "DD/MM/YYYY",
+                minDate: L || void 0
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ a(
+          pe,
+          {
+            label: "Is Backend Only?",
+            control: O,
+            name: "isBackendOnly",
+            className: "mb-4"
+          }
+        ),
+        /* @__PURE__ */ f(I, { className: "flex justify-end gap-3 mt-2", children: [
+          /* @__PURE__ */ a(
+            ve,
+            {
+              variant: "contained",
+              color: "secondary",
+              size: "small",
+              onClick: j,
+              type: "button",
+              className: "mt-2",
+              children: T("Close")
+            }
+          ),
+          /* @__PURE__ */ a(
+            ve,
+            {
+              variant: "contained",
+              color: "primary",
+              size: "small",
+              type: "submit",
+              className: "mt-2",
+              children: T("Submit")
+            }
+          )
+        ] })
+      ] })
+    }
+  ) }) });
+}
+ze.propTypes = {
+  isOpen: o.bool,
+  onClose: o.func,
+  pendingGrant: o.object,
+  execute: o.func,
+  getFeatureDataV2: o.func,
+  subMenuId: o.string,
+  newApiData: o.func,
+  showToast: o.func
+};
+function Fe({
+  translate: r,
+  onSubmit: J,
+  roleList: g,
+  featureData: D
+}) {
+  const [_, T] = p(""), [E, O] = p(""), [S, d] = p([]), { control: h, handleSubmit: A, reset: b } = ye({}), R = g.filter(
+    (y) => !(D != null && D.some((C) => (C == null ? void 0 : C.designationId) === (y == null ? void 0 : y.id)))
+  );
+  te(() => {
+    const y = setTimeout(() => {
+      O(_);
+    }, 300);
+    return () => clearTimeout(y);
+  }, [_]), te(() => {
+    E !== "" && L(E);
+  }, [E]), te(() => {
+    L("");
+  }, []);
+  const L = async (y, C = D) => {
+    try {
+      const { data: j } = await Jt({
+        code: "user_search_for_selectize",
+        parameters: {
+          searchString: y
+        }
+      }), x = ((j == null ? void 0 : j.result) || []).filter((c) => c == null ? void 0 : c.id).filter(
+        (c) => !(C != null && C.some((N) => (N == null ? void 0 : N.userId) === (c == null ? void 0 : c.id)))
+      ).map((c) => ({
+        ...c,
+        displayName: `${c.firstName || ""} ${c.lastName || ""} (${c.userName || ""})`.trim()
+      }));
+      d(x);
+    } catch (j) {
+      console.error(j);
+    }
+  };
+  return /* @__PURE__ */ f(I, { className: "flex flex-col md:flex-row gap-3 md:pl-5 justify-start w-full", children: [
+    /* @__PURE__ */ f(
+      I,
+      {
+        className: "flex flex-col md:flex-row md:space-x-5 justify-center items-center w-full",
+        children: [
+          /* @__PURE__ */ f(I, { className: "flex flex-row flex-2 md:space-x-3 items-center w-full", children: [
+            /* @__PURE__ */ a(B, { className: "flex-1", children: r("User") }),
+            /* @__PURE__ */ a(I, { className: "flex-3", children: /* @__PURE__ */ a(
+              It,
+              {
+                name: "roles",
+                id: "roles",
+                users: !0,
+                control: h,
+                defaultValue: null,
+                render: ({ field: { onChange: y, value: C, ref: j } }) => /* @__PURE__ */ a(
+                  ft,
+                  {
+                    options: S,
+                    getOptionLabel: (x) => x.displayName || "",
+                    isOptionEqualToValue: (x, c) => x.id === (c == null ? void 0 : c.id),
+                    value: C || null,
+                    onChange: (x, c, N) => {
+                      N === "clear" && L(""), y(c);
+                    },
+                    onInputChange: (x, c, N) => {
+                      N === "input" && T(c);
+                    },
+                    renderOption: (x, c) => {
+                      const N = c.displayName || "", M = _.trim(), q = N.toLowerCase().indexOf(M.toLowerCase());
+                      if (q === -1)
+                        return /* @__PURE__ */ Te(
+                          "li",
+                          {
+                            ...x,
+                            key: c.id,
+                            style: { lineHeight: 1.5, fontSize: "14px" }
+                          },
+                          N
+                        );
+                      const le = N.substring(0, q), Y = N.substring(
+                        q,
+                        q + M.length
+                      ), se = N.substring(
+                        q + M.length
+                      );
+                      return /* @__PURE__ */ Te("li", { ...x, key: c.id }, /* @__PURE__ */ f("span", { className: "inline", children: [
+                        le,
+                        /* @__PURE__ */ a("span", { className: "bg-yellow-300", children: Y }),
+                        se
+                      ] }));
+                    },
+                    renderInput: (x) => /* @__PURE__ */ a(
+                      Pe,
+                      {
+                        ...x,
+                        label: "User",
+                        variant: "outlined",
+                        size: "small",
+                        inputRef: j
+                      }
+                    )
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ f(I, { className: "flex flex-row flex-2 md:space-x-3 items-center w-full", children: [
+            /* @__PURE__ */ a(B, { className: "flex-1", children: r("Role") }),
+            /* @__PURE__ */ a(I, { className: "flex-3", children: /* @__PURE__ */ a(
+              _t,
+              {
+                id: "selectedRoles",
+                name: "selectedRoles",
+                options: R,
+                control: h,
+                getOptionLabel: (y) => y == null ? void 0 : y.name,
+                dataTestId: "accessrights-select-role"
+              }
+            ) })
+          ] })
+        ]
+      },
+      "specific-section"
+    ),
+    /* @__PURE__ */ a(I, { className: "flex items-center md:pr-5 justify-end", children: /* @__PURE__ */ a(
+      ve,
+      {
+        variant: "contained",
+        size: "small",
+        onClick: A((y) => {
+          var C;
+          J(y), L("", [...D, { userId: (C = y.roles) == null ? void 0 : C.id }]), b();
+        }),
+        children: r("add")
+      }
+    ) })
+  ] });
+}
+Fe.propTypes = {
+  translate: o.any,
+  permissionDetailsList: o.any,
+  getPermissionDetails: o.any,
+  onSubmit: o.any,
+  permissionTypes: o.any,
+  roleList: o.any,
+  featureData: o.any
+};
+function Be({
+  isOpen: r,
+  onClose: J,
+  permissions: g,
+  featureState: D,
+  featureName: _
+}) {
+  const T = () => {
+    J();
+  }, E = D[_] || !1, O = (S, d = 0) => {
+    if (!S) return null;
+    const h = S.child || [], A = S.display_name || S.name || S.id;
+    return /* @__PURE__ */ f("div", { className: "py-2 ", children: [
+      /* @__PURE__ */ f("div", { className: "flex items-center  ", children: [
+        /* @__PURE__ */ a(
+          he,
+          {
+            size: "small",
+            checked: E,
+            onClick: (b) => b.stopPropagation(),
+            sx: {
+              p: 0
+            }
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "top-6.5 w-4 border-t border-gray-300" }),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: `
+            inline-flex items-center 
+            text-[0.8rem]
+            px-2 py-1
+            rounded-full
+            bg-gray-100
+            text-gray-800
+            border border-gray-300
+            hover:bg-gray-200
+            transition-all duration-200 cursor-pointer
+            
+          `,
+            children: A
+          }
+        )
+      ] }),
+      (h == null ? void 0 : h.length) > 0 && /* @__PURE__ */ a("div", { className: "pl-2 ", children: h.map((b, R) => {
+        const L = R === h.length - 1;
+        return /* @__PURE__ */ f("div", { className: "relative pl-3", children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: `
+                    absolute left-0 w-px bg-gray-300
+                    ${L ? "top-0 h-6.5" : "top-[-11px] bottom-0"}
+                  `
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "absolute left-0 top-6.5 w-3 border-t border-gray-300" }),
+          O(b, d + 1)
+        ] }, R);
+      }) })
+    ] });
+  };
+  return /* @__PURE__ */ a(Ae, { open: r, onClose: T, children: /* @__PURE__ */ a(ne, { className: "fixed inset-0 flex items-start justify-center z-50  bg-opacity-10", children: /* @__PURE__ */ f(
+    Le,
+    {
+      className: `
+          relative mt-10  shadow-lg flex flex-col rounded-xl
+          w-[95vw] max-w-md
+          sm:w-[80vw] sm:max-w-lg
+          md:w-[60vw] md:max-w-xl
+          lg:w-[60vw] lg:max-w-2xl
+          xl:w-[30vw] xl:max-w-3xl
+         
+        `,
+      children: [
+        /* @__PURE__ */ f(I, { className: "flex justify-between items-center p-[5px_10px] bg-gray-300 border-b border-black", children: [
+          /* @__PURE__ */ a(B, { variant: "body1", className: "font-bold text-customBlue", children: "Permissions" }),
+          /* @__PURE__ */ a(
+            ge,
+            {
+              size: "small",
+              onClick: T,
+              "data-testid": "flywayquery-close-button",
+              children: /* @__PURE__ */ a(F, { icon: $e })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: " max-h-[75vh] overflow-y-auto", children: g && /* @__PURE__ */ a("div", { className: "w-max pl-6 m-3  rounded px-2 py-1 h-fit ", children: O(g) }) })
+      ]
+    }
+  ) }) });
+}
+Be.propTypes = {
+  isOpen: o.bool,
+  onClose: o.func,
+  permissions: o.any,
+  featureName: o.any,
+  featureState: o.any
+};
+function Ue({ config: r, row: J }) {
+  var g;
+  const [D, _] = p(null), T = !!D, E = (d) => {
+    d.stopPropagation(), _(d.currentTarget), typeof r.menuClick == "function" && r.menuClick(J);
+  }, O = (d) => {
+    d && d.stopPropagation(), _(null);
+  }, S = (d) => (h) => {
+    h.stopPropagation(), typeof d.onClick == "function" && d.onClick(J), _(null);
+  };
+  return /* @__PURE__ */ f(ne, { children: [
+    /* @__PURE__ */ a(
+      ge,
+      {
+        size: "small",
+        disableRipple: !0,
+        sx: {
+          "&:hover": {
+            backgroundColor: "transparent"
+          }
+        },
+        onClick: E,
+        "data-testid": r.dataTestId,
+        children: r.icon
+      }
+    ),
+    /* @__PURE__ */ a(
+      pt,
+      {
+        anchorEl: D,
+        open: T,
+        onClose: O,
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        children: (g = r.menuItems) == null ? void 0 : g.map((d, h) => /* @__PURE__ */ a(ht, { onClick: S(d), children: d.label }, h))
+      }
+    )
+  ] });
+}
+Ue.propTypes = {
+  config: o.any,
+  row: o.any
+};
+function Lt({
+  subMenuId: r,
+  // subMenuGroupName,
+  subMenuFeatureVal: J,
+  // selectedTab,
+  parentLoading: g,
+  onNewAPIChange: D
+}) {
+  const _ = jt(Pt), T = yt(), E = _e(null), O = _e(!1), S = St(), [d, h] = p([]), [A, b] = p([]), [R, L] = p([]), [y, C] = p([]), [j, x] = p([]), [c, N] = p(""), [M, q] = p({}), [le, Y] = p(!1), [se, re] = p(!1), [xe, qe] = p(""), [U, Ye] = p(null), [Ve, We] = p({}), [Ge, V] = p(!1), [ee, we] = p(!1), [He, Ne] = p(null), [W, Qe] = p([]), [Xe, ie] = p(0), [Ke, be] = p(""), { translate: Ie } = Re(), [Ze, oe] = p(""), [et, de] = p([]), [$, G] = p(null);
+  te(() => {
+    let e = E.current;
+    return () => {
+      S("conversion_event", {
+        form: e,
+        form_name: "Access Rights",
+        submit: O.current
+      });
+    };
+  }, []);
+  const ce = (e) => {
+    var n;
+    let s;
+    return s = (n = e.userMenuItemDtos) == null ? void 0 : n.toSorted((t, l) => t.designationId !== void 0 && l.designationId !== void 0 ? t.designationId - l.designationId : t.designationId !== void 0 && l.designationId === void 0 ? -1 : t.designationId === void 0 && l.designationId !== void 0 ? 1 : t.userId !== void 0 && l.userId !== void 0 ? t.userId - l.userId : t.userId !== void 0 && l.userId === void 0 ? -1 : t.userId === void 0 && l.userId !== void 0 ? 1 : 0), s;
+  };
+  o.any;
+  const ue = (e) => (e == null || e.userMenuItemDtos.forEach((n) => {
+    n.featureJson = it(
+      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), tt = async () => {
+    var e, n;
+    try {
+      if (V((s) => !s), ee) {
+        const s = [];
+        Object.entries(JSON.parse(U == null ? void 0 : U.featureJson)).forEach(
+          ([t, l]) => {
+            l === !0 && s.push(t);
+          }
+        );
+        try {
+          await Z({
+            code: "delete_permissions",
+            parameters: {
+              permissionList: s,
+              roleId: parseInt(U == null ? void 0 : U.designationId),
+              userId: parseInt(U == null ? void 0 : U.userId)
+            }
+          }), k({
+            type: "success",
+            message: "Permission Deleted Successfully"
+          });
+          const { data: t } = await K(r);
+          H(t);
+        } catch {
+          k({
+            type: "error",
+            message: "error occurred"
+          });
+        }
+      } else {
+        await xt(xe);
+        let { data: s } = await fe(r);
+        (s == null ? void 0 : s.userMenuItemDtos.length) > 0 && (s = ue(s)), b(s.userMenuItemDtos);
+      }
+      Y(!1), V((s) => !s);
+    } catch (s) {
+      k({
+        type: "error",
+        message: `Error Deleting data: ${(n = (e = s == null ? void 0 : s.response) == null ? void 0 : e.data) == null ? void 0 : n.message}`
+      }), V((t) => !t), Y(!1);
+    }
+  }, at = (e, n) => {
+    const s = new Set(e.map((l) => l.id)), t = [];
+    return Object.entries(n).forEach(([l, m]) => {
+      m === !0 && !s.has(l) && t.push({ id: l, action: "grant" });
+    }), e.forEach((l) => {
+      n[l.id] || t.push({ id: l.id, action: "revoke" });
+    }), t;
+  }, { handleSubmit: nt } = ye({}), me = async (e) => {
+    var n, s, t, l, m, v;
+    try {
+      if (ee) {
+        e = { ...e, featureJson: JSON.parse(e == null ? void 0 : e.featureJson) };
+        const i = at(
+          e.permissions,
+          e == null ? void 0 : e.featureJson
+        );
+        if (((n = i[0]) == null ? void 0 : n.action) === "grant")
+          Ne({
+            ...e,
+            id: (s = i[0]) == null ? void 0 : s.id
+          }), ie(1);
+        else if (((t = i[0]) == null ? void 0 : t.action) === "revoke")
+          try {
+            await Z({
+              code: "revoke_permission",
+              parameters: {
+                featureName: (l = i[0]) == null ? void 0 : l.id,
+                roleId: parseInt(e == null ? void 0 : e.designationId),
+                userId: parseInt(e == null ? void 0 : e.userId)
+              }
+            }), k({
+              type: "success",
+              message: "Permission Revoked Successfully"
+            });
+          } catch {
+            k({
+              type: "error",
+              message: "Error in revoking permission"
+            });
+          }
+        const { data: w } = await K(r);
+        H(w);
+      } else
+        await Nt(e);
+    } catch (i) {
+      k({
+        type: "error",
+        message: `Error Updating data: ${(v = (m = i == null ? void 0 : i.response) == null ? void 0 : m.data) == null ? void 0 : v.message}`
+      });
+    }
+  }, lt = async (e) => {
+    try {
+      if (e = {
+        ...e,
+        featureJson: JSON.parse(e == null ? void 0 : e.featureJson)
+      }, e != null && e.checkAll) {
+        const s = Object.keys(e == null ? void 0 : e.featureJson).filter((t) => (e == null ? void 0 : e.featureJson[t]) === !1).join(",");
+        await Z({
+          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)
+          }
+        }), k({
+          type: "success",
+          message: "Permission granted Successfully"
+        });
+      }
+      const { data: n } = await K(r);
+      H(n);
+    } catch (n) {
+      console.error(n);
+    }
+  }, Se = async (e) => {
+    var n, s, t;
+    if (!(e != null && e.roles || e != null && e.selectedRoles)) {
+      k({
+        message: "Please select either user or role !!",
+        type: "info"
+      });
+      return;
+    }
+    if (ee && d.length < 1) {
+      k({
+        message: "Please add permissions first for this feature !!",
+        type: "info"
+      });
+      return;
+    }
+    try {
+      const l = ((n = e == null ? void 0 : e.selectedRoles) == null ? void 0 : n.map((i) => i == null ? void 0 : i.id)) || [], m = M != null && M.id ? A.some((i) => (i == null ? void 0 : i.userId) === (M == null ? void 0 : M.id)) : !1, v = (l == null ? void 0 : l.length) > 0 ? A.some(
+        (i) => l.includes(i == null ? void 0 : i.designationId)
+      ) : !1;
+      if (m || v)
+        k({
+          message: "Selected User Already found please select another id",
+          type: "warning"
+        });
+      else {
+        const i = l == null ? void 0 : l.join(","), w = {
+          userId: (s = e == null ? void 0 : e.roles) == null ? void 0 : s.id,
+          designationId: i || null
+        }, P = W.filter(
+          (u) => {
+            var z;
+            return (z = u == null ? void 0 : u.id) == null ? void 0 : z.startsWith("view");
+          }
+        );
+        if (ee) {
+          Ne({
+            ...w,
+            id: (P == null ? void 0 : P.filter((z) => z.id.split(".").length === 3).map((z) => z.id)[0]) || ((t = W[0]) == null ? void 0 : t.id)
+          }), ie(1);
+          const { data: u } = await K(r);
+          H(u);
+        } else {
+          await wt(r, w);
+          let { data: u } = await fe(r);
+          (u == null ? void 0 : u.userMenuItemDtos.length) > 0 && (u == null ? void 0 : u.userMenuItemDtos.length) > 0 && (u = ue(u)), N(u == null ? void 0 : u.featureJson);
+          const z = ce(u);
+          b(z);
+          const Q = u.featureJson ? Object.keys(JSON.parse(u.featureJson)) : [];
+          if (Q.length > 0) {
+            const { data: ut } = await Z({
+              code: "retrieve_display_name_for_feature",
+              parameters: {
+                menu_id: r,
+                feature_name_list: Q
+              }
+            });
+            h(ut.result);
+          } else
+            h([]);
+          k({
+            message: "menu item added successfully",
+            type: "success"
+          });
+        }
+        O.current = !0, q({});
+      }
+    } catch (l) {
+      console.error(l), k({
+        message: "cannot add menu item",
+        type: "error"
+      });
+    }
+  }, st = gt(
+    mt((e) => {
+      if (!e)
+        b(R);
+      else {
+        const n = R == null ? void 0 : R.filter(
+          (s) => {
+            var t, l;
+            return s != null && s.designationId ? (t = s.roleName) == null ? void 0 : t.toLowerCase().includes(e) : (l = s.fullName) == null ? void 0 : l.toLowerCase().includes(e);
+          }
+        );
+        S("search_tracking", {
+          searchTerm: e,
+          results_count: n.length,
+          search_type: "Page Search"
+        }), b(n);
+      }
+    }, 500),
+    [d, S]
+  ), rt = (e) => {
+    const n = e.target.value.toLowerCase();
+    be(n), st(n);
+  }, it = (e, n = {}) => {
+    const s = {};
+    return Object.keys(e).forEach((t) => {
+      Object.prototype.hasOwnProperty.call(n, t) ? s[t] = n[t] : s[t] = e[t];
+    }), JSON.stringify(s);
+  }, ot = (e, n) => {
+    const s = new Set(n.map((l) => l.id)), t = {};
+    return e.forEach((l) => {
+      t[l.id] = s.has(l.id);
+    }), JSON.stringify(t);
+  }, H = (e) => {
+    e == null || e.userMenuItemDtos.forEach((t) => {
+      t.id = (t == null ? void 0 : t.designationId) || (t == null ? void 0 : t.userId), t.featureJson = ot(
+        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))
+    ];
+    h(n), Qe(e == null ? void 0 : e.permissions);
+    const s = ce(e);
+    b(s), L(s);
+  };
+  te(() => {
+    (async () => {
+      var e, n, s;
+      try {
+        if (r) {
+          G(null), De(!1), V((i) => !i), be("");
+          let t, l;
+          if (J ? (t = (await K(r)).data, l = !0, we(!0), D({ id: r, val: !0 })) : (t = (await fe(r)).data, l = !1, we(!1), D({ id: r, val: !1 })), l)
+            H(t);
+          else {
+            (t == null ? void 0 : t.userMenuItemDtos.length) > 0 && (t = ue(t)), N(t == null ? void 0 : t.featureJson);
+            const i = ce(t);
+            b(i), L(i);
+          }
+          let m = j;
+          if (!y || y.length === 0) {
+            const { data: i } = await bt();
+            x(i), m = i;
+          }
+          let v;
+          if (l)
+            v = t.permissions.map((i) => i.id), h(v);
+          else if (v = t.featureJson ? Object.keys(JSON.parse(t.featureJson)) : [], v.length > 0) {
+            const [i] = await Promise.all([
+              await Z({
+                code: "retrieve_display_name_for_feature",
+                parameters: {
+                  menu_id: r,
+                  feature_name_list: v
+                }
+              })
+            ]);
+            h((e = i.data) == null ? void 0 : e.result);
+          } else
+            h([]);
+          if (m && m.length > 0)
+            if (t.isDynamicFeature) {
+              const i = JSON.parse(JSON.stringify(m)).filter((w) => {
+                const P = w.roleType;
+                return P === null || t != null && t.isMobileFeature && t != null && t.isWebFeature ? !0 : t.isMobileFeature ? P === "MOBILE" || P === "BOTH" : t.isWebFeature ? P === "WEB" || P === "BOTH" : !1;
+              });
+              C(i);
+            } else
+              C(m);
+          V((i) => !i);
+        }
+      } catch (t) {
+        k({
+          type: "error",
+          message: `Error loading initial data: ${(s = (n = t == null ? void 0 : t.response) == null ? void 0 : n.data) == null ? void 0 : s.message}`
+        }), V((l) => !l);
+      }
+    })();
+  }, [r, D]);
+  function ae(e, n) {
+    for (const s of e)
+      if (String(s.id) === String(n))
+        return s;
+    return null;
+  }
+  const [dt, De] = p(!1), ct = (e) => (n, s) => {
+    De(s ? e : !1);
+  };
+  return /* @__PURE__ */ a(Oe, { children: (Ge || g) && _ ? /* @__PURE__ */ a("div", { className: "w-full flex flex-wrap", children: /* @__PURE__ */ f("div", { className: "w-full flex flex-col px-2", children: [
+    /* @__PURE__ */ a("div", { className: "bg-gray-300 animate-pulse rounded-sm h-[70px] mb-2" }),
+    /* @__PURE__ */ a("div", { className: "bg-gray-300 animate-pulse rounded-sm h-[280px] mb-2" })
+  ] }) }) : /* @__PURE__ */ f(I, { container: !0, sx: { borderTop: `1px solid ${T.palette.divider}` }, children: [
+    /* @__PURE__ */ a(
+      vt,
+      {
+        description: "Are you sure , Do you want to delete this ?",
+        title: "CONFIRM ACTION",
+        open: le && xe === (U == null ? void 0 : U.id),
+        handleClick: tt,
+        handleClose: () => Y((e) => !e),
+        dataTestId: "accessrights-delete-modal"
+      }
+    ),
+    /* @__PURE__ */ a(
+      Be,
+      {
+        isOpen: se && $,
+        onClose: () => {
+          re((e) => !e), G(null), oe(""), de([]);
+        },
+        featureState: et,
+        featureName: Ze,
+        permissions: $
+      }
+    ),
+    /* @__PURE__ */ a(
+      ze,
+      {
+        isOpen: Xe === 1,
+        onClose: () => ie(0),
+        pendingGrant: He,
+        subMenuId: r,
+        newApiData: H
+      }
+    ),
+    /* @__PURE__ */ a(
+      "form",
+      {
+        ref: E,
+        onSubmit: nt(Se),
+        className: "w-full",
+        children: /* @__PURE__ */ f(
+          I,
+          {
+            container: !0,
+            className: "flex flex-col md:flex-row items-center justify-between  p-2 w-full",
+            spacing: 1,
+            children: [
+              /* @__PURE__ */ f(I, { className: "flex-1 flex space-x-10 items-center justify-between", children: [
+                /* @__PURE__ */ a(B, { variant: "body2", children: Ie("Search") }),
+                /* @__PURE__ */ a(ne, { children: /* @__PURE__ */ a(
+                  Pe,
+                  {
+                    id: "searchQuery",
+                    placeholder: "Search Text",
+                    size: "small",
+                    onChange: rt,
+                    value: Ke,
+                    "data-testid": "access-rights-textfield-search",
+                    sx: {
+                      "& .MuiInputBase-root": {
+                        height: "2.6em"
+                      }
+                    }
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ a(I, { className: "flex-3 flex space-x-10 items-center justify-between w-full", children: /* @__PURE__ */ a(
+                Fe,
+                {
+                  translate: Ie,
+                  onSubmit: Se,
+                  roleList: y,
+                  featureData: A
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ a("div", { style: { width: "100%" }, children: A.map((e) => /* @__PURE__ */ a(Oe, { children: /* @__PURE__ */ f(
+      Tt,
+      {
+        expanded: dt === `panel${e == null ? void 0 : e.id}`,
+        onChange: ct(`panel${e == null ? void 0 : e.id}`),
+        children: [
+          /* @__PURE__ */ f(
+            Et,
+            {
+              expandIcon: /* @__PURE__ */ a(F, { icon: Ct }),
+              "aria-controls": "panel1bh-content",
+              id: "panel1bh-header",
+              children: [
+                /* @__PURE__ */ a(
+                  B,
+                  {
+                    component: "span",
+                    sx: { width: "33%", flexShrink: 0 },
+                    children: e.code
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  B,
+                  {
+                    component: "span",
+                    sx: { color: "text.secondary" },
+                    children: e.displayName
+                  }
+                ),
+                /* @__PURE__ */ f("div", { className: "ml-auto mr-4 flex items-center space-x-3", children: [
+                  /* @__PURE__ */ a(
+                    F,
+                    {
+                      icon: Dt,
+                      style: {
+                        cursor: "pointer",
+                        color: T.palette.error.main,
+                        fontSize: "16px",
+                        marginTop: "0.5rem"
+                      },
+                      onClick: (n) => {
+                        n.stopPropagation(), n.preventDefault(), Y(!0), qe(e.id), Ye(e);
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    Ue,
+                    {
+                      config: {
+                        label: "",
+                        icon: /* @__PURE__ */ a(
+                          F,
+                          {
+                            style: {
+                              cursor: "pointer",
+                              // color: theme.palette.error.main,
+                              fontSize: "16px",
+                              marginTop: "0.5rem"
+                            },
+                            icon: Ot
+                          }
+                        ),
+                        dataTestId: "accessrights-edit-icon",
+                        menuClick: (n) => {
+                          We(() => ({
+                            ...n,
+                            code: n.designationId ? "Role" : "User",
+                            menuConfigId: r,
+                            displayName: n.designationId ? n.roleName : n.fullName
+                          }));
+                        },
+                        menuItems: [
+                          {
+                            label: "Check All",
+                            onClick: (n) => {
+                              if (ee)
+                                lt({
+                                  ...n,
+                                  checkAll: !0
+                                });
+                              else {
+                                let s = JSON.parse(c);
+                                const t = (d == null ? void 0 : d.length) > 0 ? d.reduce(
+                                  (l, { feature_name: m }) => (l[m] = !0, l),
+                                  {}
+                                ) : Object.keys(s).reduce(
+                                  (l, m) => (l[m] = !0, l),
+                                  {}
+                                );
+                                b(
+                                  (l) => l.map(
+                                    (m) => m.id === n.id ? {
+                                      ...m,
+                                      featureJson: JSON.stringify(t)
+                                    } : m
+                                  )
+                                ), me({
+                                  ...Ve,
+                                  featureJson: JSON.stringify(t)
+                                });
+                              }
+                            }
+                          }
+                        ]
+                      },
+                      row: e
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ a(Mt, { children: /* @__PURE__ */ a("div", { className: "overflow-x-auto", children: /* @__PURE__ */ a("div", { className: "flex gap-6 w-max", children: /* @__PURE__ */ f("div", { className: "grid grid-cols-3 w-max p-0 m-0", children: [
+            d.length <= 0 && Object.keys(JSON.parse(c || "{}")).length <= 0 && /* @__PURE__ */ a("div", { className: "text-gray-500 px-4 italic", children: "No Data to Display" }),
+            (d == null ? void 0 : d.length) > 0 ? Object.keys(
+              JSON.parse(e.featureJson || "{}")
+            ).map((n, s) => {
+              var t, l;
+              const m = JSON.parse(
+                e.featureJson || "{}"
+              ), v = ((t = d.find(
+                (u) => u.feature_name === n
+              )) == null ? void 0 : t.display_name) || n, i = m[n] || !1, w = ae(
+                W,
+                v
+              ), P = (((l = w == null ? void 0 : w.child) == null ? void 0 : l.length) || 0) > 0;
+              return /* @__PURE__ */ f(
+                Ce,
+                {
+                  className: "p-0 flex  ",
+                  children: [
+                    /* @__PURE__ */ a(
+                      ke,
+                      {
+                        control: /* @__PURE__ */ a(
+                          he,
+                          {
+                            checked: i,
+                            name: n,
+                            onClick: () => {
+                              const u = {
+                                ...m,
+                                [n]: !i
+                              };
+                              b(
+                                (z) => z.map(
+                                  (Q) => Q.id === e.id ? {
+                                    ...Q,
+                                    featureJson: JSON.stringify(
+                                      u
+                                    )
+                                  } : Q
+                                )
+                              ), me({
+                                ...e,
+                                featureJson: JSON.stringify(
+                                  u
+                                ),
+                                code: e.designationId ? "Role" : "User",
+                                menuConfigId: r,
+                                displayName: e.designationId ? e.roleName : e.fullName
+                              });
+                            }
+                          }
+                        ),
+                        label: /* @__PURE__ */ a(B, { variant: "body2", children: (() => {
+                          const u = ae(
+                            W,
+                            v
+                          );
+                          return u ? u.name : v;
+                        })() })
+                      }
+                    ),
+                    P && /* @__PURE__ */ a(
+                      "div",
+                      {
+                        onClick: () => {
+                          if (($ == null ? void 0 : $.id) === (w == null ? void 0 : w.id)) {
+                            G(null), re(!1), oe(""), de([]);
+                            return;
+                          }
+                          oe(n), de(
+                            m
+                          ), re(!0), G(w);
+                        },
+                        className: "cursor-pointer text-gray-600 transition-transform duration-200 hover:scale-[1.2] py-1 pr-3",
+                        children: ($ == null ? void 0 : $.id) === (w == null ? void 0 : w.id) ? /* @__PURE__ */ a(Je, { title: "Close Permissions", children: /* @__PURE__ */ a(
+                          F,
+                          {
+                            color: "primary",
+                            icon: Me
+                          }
+                        ) }) : /* @__PURE__ */ a(Je, { title: "View Permissions", children: /* @__PURE__ */ a(
+                          F,
+                          {
+                            className: " text-[var(--color-primary)] ",
+                            color: "primary",
+                            icon: Ee
+                          }
+                        ) })
+                      }
+                    )
+                  ]
+                },
+                `featureName-${s}`
+              );
+            }) : Object.keys(JSON.parse(c || "{}")).map(
+              (n, s) => {
+                var t;
+                const l = JSON.parse(
+                  e.featureJson || "{}"
+                ), m = l[n] || !1, v = ae(
+                  W,
+                  n
+                ), i = (((t = v == null ? void 0 : v.child) == null ? void 0 : t.length) || 0) > 0;
+                return /* @__PURE__ */ f(
+                  Ce,
+                  {
+                    className: "p-0",
+                    children: [
+                      /* @__PURE__ */ a(
+                        ke,
+                        {
+                          control: /* @__PURE__ */ a(
+                            he,
+                            {
+                              checked: m,
+                              name: n,
+                              onClick: () => {
+                                const w = {
+                                  ...l,
+                                  [n]: !m
+                                };
+                                b(
+                                  (P) => P.map(
+                                    (u) => u.id === e.id ? {
+                                      ...u,
+                                      featureJson: JSON.stringify(
+                                        w
+                                      )
+                                    } : u
+                                  )
+                                ), me({
+                                  ...e,
+                                  featureJson: JSON.stringify(
+                                    w
+                                  ),
+                                  code: e.designationId ? "Role" : "User",
+                                  menuConfigId: r,
+                                  displayName: e.designationId ? e.roleName : e.fullName
+                                });
+                              }
+                            }
+                          ),
+                          label: /* @__PURE__ */ a(B, { variant: "body2", children: (() => {
+                            const w = ae(
+                              W,
+                              n
+                            );
+                            return w ? w.name : n;
+                          })() })
+                        }
+                      ),
+                      i && /* @__PURE__ */ a(
+                        "div",
+                        {
+                          onClick: () => {
+                            if (($ == null ? void 0 : $.id) === (v == null ? void 0 : v.id)) {
+                              G(null);
+                              return;
+                            }
+                            G(v);
+                          },
+                          className: "cursor-pointer text-slate-500 dark:text-slate-400 transition-transform duration-200 hover:scale-[1.2] py-1 pr-3",
+                          children: ($ == null ? void 0 : $.id) === (v == null ? void 0 : v.id) ? /* @__PURE__ */ a(
+                            F,
+                            {
+                              color: "primary",
+                              icon: Me
+                            }
+                          ) : /* @__PURE__ */ a(
+                            F,
+                            {
+                              className: " text-[var(--color-primary)] ",
+                              color: "primary",
+                              icon: Ee
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  },
+                  `featureName-${s}`
+                );
+              }
+            )
+          ] }) }) }) })
+        ]
+      }
+    ) })) })
+  ] }) });
+}
+Lt.propTypes = {
+  subMenuId: o.any,
+  subMenuGroupName: o.any,
+  selectedTab: o.any,
+  parentLoading: o.any,
+  isNewApi: o.any,
+  setIsNewApi: o.any,
+  onNewAPIChange: o.any,
+  subMenuFeatureVal: o.any
+};
+export {
+  Lt as default
+};
+//# sourceMappingURL=AccessRights-sgIhYR30-DWNCTLI6.js.map