@argusoft/medplat-core 1.0.28 → 1.0.29

package/dist/AccessRights-Zm8Obm4N.js

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