@argusoft/medplat-core 1.0.0

package/dist/AccessRights-sgIhYR30.js

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