@argusoft/medplat-core 1.0.20 → 1.0.21

package/dist/{RoleManagement-Cg8-EiVr.js → RoleManagement-B9WgZGEj.js}

@@ -1,35 +1,36 @@
-import { jsxs as r, jsx as t, Fragment as L } from "react/jsx-runtime";
+import { jsxs as l, jsx as t, Fragment as R } from "react/jsx-runtime";
 import g from "@/common/services/util/GeneralUtil";
-import { useState as m, useEffect as de, Suspense as H, lazy as X } from "react";
-import { Box as p, Card as C, Typography as d, Button as S, TextField as K, Switch as me, Chip as $ } from "@mui/material";
-import { alpha as T } from "@mui/material/styles";
-import { useTranslateProvider as ue } from "@/common/languageTranslator/TranslationContext";
-import V from "@/common/config/implementationConfig";
+import { useState as d, useEffect as ue, Suspense as K, lazy as Z } from "react";
+import fe from "@/views/custom-components/CustomConfirmationModal";
+import { Box as p, Card as C, Typography as m, Button as T, TextField as X, Switch as pe, Chip as _ } from "@mui/material";
+import { alpha as S } from "@mui/material/styles";
+import { useTranslateProvider as he } from "@/common/languageTranslator/TranslationContext";
+import O from "@/common/config/implementationConfig";
 import { api as f } from "@/common/interceptors/AxiosInterceptor";
-import { getRoleList as _ } from "@/common/services/GlobalApis.js";
-import { getAssignedFeatures as fe } from "@/utils/feature.js";
+import { getRoleList as z } from "@/common/services/GlobalApis.js";
+import { getAssignedFeatures as ge } from "@/utils/feature.js";
 import { showToast as x } from "@/common/toaster/toaster";
-import { FontAwesomeIcon as pe } from "@fortawesome/react-fontawesome";
-import { faTrash as he } from "@fortawesome/free-solid-svg-icons";
-import ge from "@/hooks/useTrackEvent";
-import z from "prop-types";
-import { useSelector as Z } from "react-redux";
-import { getUseSkeleton as xe } from "@/store/reducers/SkeletonReducer";
-const j = () => f.get("/role"), ve = (l) => f.delete(V.api.useQueryParamStyle ? `/menuconfig/usermenuitem/delete?empMenuItemId=${l}` : `/menuconfig/usermenuitem/${l}`), ye = (l) => f.get(V.api.useQueryParamStyle ? `/role/retrieveById?id=${l}` : `/role/${l}`), Be = (l) => f.post("/role", { ...l }), De = (l) => V.api.useQueryParamStyle ? f.put("/role/update", { ...l }) : f.post("/role", { ...l }), be = (l) => f.put(`role/?is_active=${l.state === "INACTIVE" ? "true" : "false"}`, {
-  ...l
-}), Ue = (l, n) => f.post(`/menuconfig/assignnewfeature?roleId=${n}`, { ...l }), ee = ({ children: l, isLoading: n = !0 }) => !Z(xe) || !n ? l : /* @__PURE__ */ r("div", { className: "pt-6 relative h-[90vh]", children: [
-  /* @__PURE__ */ r("div", { className: "flex flex-row  h-[80vh] ", children: [
-    /* @__PURE__ */ r("div", { className: "flex flex-col border border-gray-300 w-[20%] p-2 mr-3 rounded-md", children: [
+import { FontAwesomeIcon as xe } from "@fortawesome/react-fontawesome";
+import { faTrash as ve } from "@fortawesome/free-solid-svg-icons";
+import ye from "@/hooks/useTrackEvent";
+import j from "prop-types";
+import { useSelector as ee } from "react-redux";
+import { getUseSkeleton as be } from "@/store/reducers/SkeletonReducer";
+const V = () => f.get("/role"), we = (o) => f.delete(O.api.useQueryParamStyle ? `/menuconfig/usermenuitem/delete?empMenuItemId=${o}` : `/menuconfig/usermenuitem/${o}`), Ne = (o) => f.get(O.api.useQueryParamStyle ? `/role/retrieveById?id=${o}` : `/role/${o}`), Ye = (o) => f.post("/role", { ...o }), Qe = (o) => O.api.useQueryParamStyle ? f.put("/role/update", { ...o }) : f.post("/role", { ...o }), Ie = (o) => f.put(`role/?is_active=${o.state === "INACTIVE" ? "true" : "false"}`, {
+  ...o
+}), Je = (o, n) => f.post(`/menuconfig/assignnewfeature?roleId=${n}`, { ...o }), te = ({ children: o, isLoading: n = !0 }) => !ee(be) || !n ? o : /* @__PURE__ */ l("div", { className: "pt-6 relative h-[90vh]", children: [
+  /* @__PURE__ */ l("div", { className: "flex flex-row  h-[80vh] ", children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-col border border-gray-300 w-[20%] p-2 mr-3 rounded-md", children: [
       " ",
-      /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
+      /* @__PURE__ */ l("div", { className: "flex justify-between", children: [
         /* @__PURE__ */ t("div", { className: "bg-gray-300 animate-pulse rounded-sm w-23 h-[40px] mr-3" }),
         /* @__PURE__ */ t("div", { className: "bg-gray-300 animate-pulse rounded-sm w-40 h-[40px]" })
       ] }),
       /* @__PURE__ */ t("div", { className: "bg-gray-300 animate-pulse rounded-sm mt-2 w-full h-[50px]" }),
       /* @__PURE__ */ t("div", { className: "bg-gray-300 animate-pulse rounded-sm mt-2 w-full h-full" })
     ] }),
-    /* @__PURE__ */ r("div", { className: "flex flex-col border border-gray-300 w-[80%] p-2 rounded-md", children: [
-      /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-col border border-gray-300 w-[80%] p-2 rounded-md", children: [
+      /* @__PURE__ */ l("div", { className: "flex justify-between", children: [
         /* @__PURE__ */ t("div", { className: "bg-gray-300 animate-pulse rounded-sm w-24 h-[40px]" }),
         /* @__PURE__ */ t("div", { className: "bg-gray-300 animate-pulse rounded-sm w-21 h-[40px]" })
       ] }),
@@ -39,100 +40,101 @@ const j = () => f.get("/role"), ve = (l) => f.delete(V.api.useQueryParamStyle ?
   ] }),
   /* @__PURE__ */ t("div", { className: "absolute bottom-20 right-[10px] ", children: /* @__PURE__ */ t("div", { className: "bg-gray-300 animate-pulse rounded-full w-[40px] h-[40px]" }) })
 ] });
-ee.propTypes = {
-  children: z.any,
-  loading: z.any,
-  isLoading: z.any
+te.propTypes = {
+  children: j.any,
+  loading: j.any,
+  isLoading: j.any
 };
-const we = X(() => import("./AddFeatures-CiZZZ0GL.js")), Ne = X(() => import("./ManageRole-tdzAiCOE.js"));
-function Ie() {
-  var q;
-  const { translate: l } = ue(), [n, y] = m(""), [o, b] = m(n[0]), [A, te] = m(!1), [O, u] = m(!1), [P, B] = m(!1), [F, D] = m(0), [U, k] = m(""), [w, W] = m(""), [c, ae] = m({}), Y = ge(), Q = Z((e) => e.Authenticate.user.roleId), [E, se] = m([]), N = async (e = !1) => {
-    var a;
+const Ce = Z(() => import("./AddFeatures-CTVs_Gr9.js")), Te = Z(() => import("./ManageRole-CZAk-IlM.js"));
+function Se() {
+  var H;
+  const { translate: o } = he(), [n, y] = d(""), [a, b] = d(n[0]), [A, ae] = d(!1), [P, u] = d(!1), [B, D] = d(!1), [F, U] = d(0), [W, k] = d(""), [w, Y] = d(""), [c, re] = d({}), [se, E] = d(!1), Q = ye(), J = ee((e) => e.Authenticate.user.roleId), [M, le] = d([]), N = async (e = !1) => {
+    var r;
     try {
       u(!0);
-      const s = A ? j() : _();
+      const s = A ? V() : z();
       let i, h = [];
-      if (Q) {
-        const [{ data: v }, M] = await Promise.all([
+      if (J) {
+        const [{ data: v }, $] = await Promise.all([
           s,
-          ye(Q)
+          Ne(J)
         ]);
-        i = v, h = ((a = M == null ? void 0 : M.data) == null ? void 0 : a.roleIds) || [];
+        i = v, h = ((r = $ == null ? void 0 : $.data) == null ? void 0 : r.roleIds) || [];
       } else {
         const { data: v } = await s;
         i = v;
       }
-      se(h);
-      const R = h.length > 0 ? i.filter((v) => h.includes(v.id)) : i;
-      y(R), !e && R.length > 0 && b(R[0]);
+      le(h);
+      const L = h.length > 0 ? i.filter((v) => h.includes(v.id)) : i;
+      y(L), !e && L.length > 0 && b(L[0]);
     } catch (s) {
       console.error(s), x({ message: "Error in getting role data", type: "error" });
     } finally {
       u(!1);
     }
   };
-  de(function() {
+  ue(function() {
     (async () => {
-      const { data: a } = await fe("techo.manage.role");
-      a && ae(JSON.parse(a));
+      const { data: r } = await ge("techo.manage.role");
+      r && re(JSON.parse(r));
     })(), N();
   }, []);
-  const re = async (e) => {
-    let a = e.target.checked;
-    te(e.target.checked);
+  const oe = async (e) => {
+    let r = e.target.checked;
+    ae(e.target.checked);
     try {
       u((i) => !i);
       let s;
-      a ? { data: s } = await j() : { data: s } = await _(), E && E.length > 0 && (s = s.filter(
-        (i) => E.includes(i.id)
+      r ? { data: s } = await V() : { data: s } = await z(), M && M.length > 0 && (s = s.filter(
+        (i) => M.includes(i.id)
       )), y(s), b(s[0]), u((i) => !i), k("");
     } catch (s) {
       console.error(s), x({ message: "Error in getting role data", type: "error" }), u((i) => !i);
     }
-  }, J = n ? n == null ? void 0 : n.filter(
-    (e) => e.name.toLowerCase().includes(U.toLowerCase())
-  ) : [], le = (e) => {
+  }, G = n ? n == null ? void 0 : n.filter(
+    (e) => e.name.toLowerCase().includes(W.toLowerCase())
+  ) : [], ne = (e) => {
     if (!e) return "";
-    const a = new Date(Number(e)), s = String(a.getDate()).padStart(2, "0"), i = String(a.getMonth() + 1).padStart(2, "0"), h = a.getFullYear();
+    const r = new Date(Number(e)), s = String(r.getDate()).padStart(2, "0"), i = String(r.getMonth() + 1).padStart(2, "0"), h = r.getFullYear();
     return `${s}/${i}/${h}`;
-  }, oe = async () => {
+  }, ie = async () => {
+    E(!1);
     try {
-      const e = n == null ? void 0 : n.find((s) => s.id === o.id);
-      await be(e), x({
+      const e = n == null ? void 0 : n.find((s) => s.id === a.id);
+      await Ie(e), x({
         message: `State succesfully changed from  ${(e == null ? void 0 : e.state) === "INACTIVE" ? "inactive" : "active"} to ${(e == null ? void 0 : e.state) === "INACTIVE" ? "active" : "inactive"}`,
         type: "success"
       });
-      let a;
-      u((s) => !s), A ? a = await j() : a = await _(), y(a.data), b(a.data[0]), u((s) => !s);
+      let r;
+      u((s) => !s), A ? r = await V() : r = await z(), y(r.data), b(r.data[0]), u((s) => !s);
     } catch (e) {
-      console.error(e), x({ message: "Error in handle active", type: "error" }), u((a) => !a);
+      console.error(e), x({ message: "Error in handle active", type: "error" }), u((r) => !r);
     }
-  }, I = n ? (q = n.find((e) => e.id === o.id)) == null ? void 0 : q.assignedFeatureList.filter(
+  }, I = n ? (H = n.find((e) => e.id === a.id)) == null ? void 0 : H.assignedFeatureList.filter(
     (e) => {
-      var a;
-      return (a = e.featureName) == null ? void 0 : a.toLowerCase().includes(w == null ? void 0 : w.toLowerCase());
+      var r;
+      return (r = e.featureName) == null ? void 0 : r.toLowerCase().includes(w == null ? void 0 : w.toLowerCase());
     }
-  ).sort((e, a) => {
+  ).sort((e, r) => {
     var s;
-    return (s = e.featureName) == null ? void 0 : s.localeCompare(a.featureName);
-  }) : [], ne = async (e) => {
+    return (s = e.featureName) == null ? void 0 : s.localeCompare(r.featureName);
+  }) : [], ce = async (e) => {
     try {
-      await ve(e.userMenuItemId), await N(!0), W(""), x({ message: "Feature deleted successfully!", type: "success" });
-    } catch (a) {
-      x({ message: a, type: "error" });
+      await we(e.userMenuItemId), await N(!0), Y(""), x({ message: "Feature deleted successfully!", type: "success" });
+    } catch (r) {
+      x({ message: r, type: "error" });
     }
-  }, G = (e) => {
-    D(e), Y("button_click", {
+  }, q = (e) => {
+    U(e), Q("button_click", {
       button_name: `${e === 1 ? "add" : "edit"} role modal button`,
       button_type: "navigate",
       button_id: `roles-${e === 1 ? "add" : "edit"}-button`
     });
-  }, ie = () => {
+  }, de = () => {
     N(), k("");
-  }, ce = async () => {
+  }, me = async () => {
     try {
-      B(!0), await Y("button_click", {
+      D(!0), await Q("button_click", {
         button_name: "add feature button",
         button_type: "navigate",
         button_id: "roles-addfeatures-button-add"
@@ -141,22 +143,22 @@ function Ie() {
       console.error(e);
     }
   };
-  return g.isTecho && !O && !(c != null && c["view.manage.role"]) ? /* @__PURE__ */ t(p, { className: "flex justify-center items-center w-full h-[80vh]", children: /* @__PURE__ */ t(
+  return g.isTecho && !P && !(c != null && c["view.manage.role"]) ? /* @__PURE__ */ t(p, { className: "flex justify-center items-center w-full h-[80vh]", children: /* @__PURE__ */ t(
     C,
     {
       className: "h-80 w-150 flex justify-center items-center",
-      children: /* @__PURE__ */ t(d, { variant: "h5", className: "text-customBlue", children: "You dont have permission to view Roles" })
+      children: /* @__PURE__ */ t(m, { variant: "h5", className: "text-customBlue", children: "You dont have permission to view Roles" })
     }
-  ) }) : /* @__PURE__ */ t(ee, { isLoading: O, children: /* @__PURE__ */ r(p, { className: "flex flex-col gap-4 p-4 min-[900px]:flex-row min-[900px]:h-[calc(100vh-80px)]", children: [
-    /* @__PURE__ */ r(
+  ) }) : /* @__PURE__ */ t(te, { isLoading: P, children: /* @__PURE__ */ l(p, { className: "flex flex-col gap-4 p-4 min-[900px]:flex-row min-[900px]:h-[calc(100vh-80px)]", children: [
+    /* @__PURE__ */ l(
       C,
       {
         variant: "outlined",
         className: "w-full min-[900px]:w-[300px] flex flex-col p-4",
         children: [
-          /* @__PURE__ */ r("div", { className: "flex justify-between items-center mb-3", children: [
+          /* @__PURE__ */ l("div", { className: "flex justify-between items-center mb-3", children: [
             /* @__PURE__ */ t(
-              d,
+              m,
               {
                 variant: "h6",
                 fontWeight: 600,
@@ -165,57 +167,57 @@ function Ie() {
               }
             ),
             (!g.isTecho || (c == null ? void 0 : c["create.manage.role"])) && /* @__PURE__ */ t(
-              S,
+              T,
               {
                 size: "small",
                 variant: "contained",
                 color: "primary",
-                onClick: () => G(1),
+                onClick: () => q(1),
                 "data-testid": "managerole-add-button",
-                children: l("+ Add Role")
+                children: o("+ Add Role")
               }
             )
           ] }),
           /* @__PURE__ */ t(
-            K,
+            X,
             {
               size: "small",
               variant: "outlined",
               placeholder: "Search roles...",
               fullWidth: !0,
-              value: U,
+              value: W,
               onChange: (e) => k(e.target.value),
               "data-testid": "listofroles-search-input"
             }
           ),
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mt-3", children: [
+          /* @__PURE__ */ l("div", { className: "flex items-center gap-2 mt-3", children: [
             /* @__PURE__ */ t(
-              me,
+              pe,
               {
                 size: "small",
                 checked: A,
-                onChange: re
+                onChange: oe
               }
             ),
-            /* @__PURE__ */ t(d, { variant: "body2", children: "Include Inactive" })
+            /* @__PURE__ */ t(m, { variant: "body2", children: "Include Inactive" })
           ] }),
-          /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto mt-4", children: J.length > 0 && /* @__PURE__ */ t(L, { children: J.map((e) => /* @__PURE__ */ r(
+          /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto mt-4", children: G.length > 0 && /* @__PURE__ */ t(R, { children: G.map((e) => /* @__PURE__ */ l(
             C,
             {
               variant: "outlined",
               onClick: () => b(e),
               className: `p-3 cursor-pointer transition
-                  ${o.id === e.id ? "border-b-2" : "border-b-2 border-0"}`,
-              sx: o.id === e.id ? {
-                bgcolor: (a) => T(a.palette.primary.main, 0.08)
+                  ${a.id === e.id ? "border-b-2" : "border-b-2 border-0"}`,
+              sx: a.id === e.id ? {
+                bgcolor: (r) => S(r.palette.primary.main, 0.08)
               } : {},
               children: [
-                /* @__PURE__ */ r(d, { fontWeight: 600, children: [
+                /* @__PURE__ */ l(m, { fontWeight: 600, children: [
                   e.name,
                   "     ",
-                  (e == null ? void 0 : e.state) === "INACTIVE" && /* @__PURE__ */ t($, { label: "INACTIVE", color: "disabled", size: "small" })
+                  (e == null ? void 0 : e.state) === "INACTIVE" && /* @__PURE__ */ t(_, { label: "INACTIVE", color: "disabled", size: "small" })
                 ] }),
-                /* @__PURE__ */ r(d, { variant: "body2", color: "text.secondary", children: [
+                /* @__PURE__ */ l(m, { variant: "body2", color: "text.secondary", children: [
                   e.assignedFeatureList.length,
                   " Features"
                 ] })
@@ -226,102 +228,102 @@ function Ie() {
         ]
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ l(
       C,
       {
         variant: "outlined",
         className: "w-full min-[900px]:flex-1 flex flex-col p-5",
         children: [
-          /* @__PURE__ */ r("div", { className: "flex flex-col sm:flex-row justify-between items-start border-b pb-4 gap-4", children: [
-            /* @__PURE__ */ r("div", { className: "flex flex-col gap-1 w-full sm:w-auto", children: [
-              /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ l("div", { className: "flex flex-col sm:flex-row justify-between items-start border-b pb-4 gap-4", children: [
+            /* @__PURE__ */ l("div", { className: "flex flex-col gap-1 w-full sm:w-auto", children: [
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ t(
-                  d,
+                  m,
                   {
                     variant: "h5",
                     fontWeight: 600,
                     className: "text-customBlue",
-                    children: (o == null ? void 0 : o.name) || "Select Role"
+                    children: (a == null ? void 0 : a.name) || "Select Role"
                   }
                 ),
-                (o == null ? void 0 : o.state) === "ACTIVE" && /* @__PURE__ */ t($, { label: "ACTIVE", color: "success", size: "small" }),
-                (o == null ? void 0 : o.state) === "INACTIVE" && /* @__PURE__ */ t($, { label: "INACTIVE", color: "disabled", size: "small" })
+                (a == null ? void 0 : a.state) === "ACTIVE" && /* @__PURE__ */ t(_, { label: "ACTIVE", color: "success", size: "small" }),
+                (a == null ? void 0 : a.state) === "INACTIVE" && /* @__PURE__ */ t(_, { label: "INACTIVE", color: "disabled", size: "small" })
               ] }),
-              /* @__PURE__ */ r(
-                d,
+              /* @__PURE__ */ l(
+                m,
                 {
                   variant: "body2",
                   color: "text.secondary",
                   className: "mt-1",
                   children: [
                     "Created on ",
-                    le(o == null ? void 0 : o.createdOn)
+                    ne(a == null ? void 0 : a.createdOn)
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ r("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
               (!g.isTecho || (c == null ? void 0 : c["update.manage.role.toggleActive"])) && /* @__PURE__ */ t(
-                S,
+                T,
                 {
                   variant: "outlined",
                   size: "small",
-                  onClick: () => oe(),
-                  children: (o == null ? void 0 : o.state) === "ACTIVE" ? "Deactivate" : "Activate"
+                  onClick: () => E(!0),
+                  children: (a == null ? void 0 : a.state) === "ACTIVE" ? "Deactivate" : "Activate"
                 }
               ),
               (!g.isTecho || (c == null ? void 0 : c["update.manage.role"])) && /* @__PURE__ */ t(
-                S,
+                T,
                 {
                   variant: "contained",
                   size: "small",
-                  onClick: () => G(2),
+                  onClick: () => q(2),
                   children: "✏️ Edit Role"
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ r("div", { className: "mt-5 flex flex-col flex-1 overflow-hidden", children: [
-            /* @__PURE__ */ r("div", { className: "flex flex-col sm:flex-row justify-between items-start sm:items-center mb-4 gap-4", children: [
-              /* @__PURE__ */ r("div", { className: "flex flex-row items-center gap-2 w-full sm:w-auto", children: [
-                /* @__PURE__ */ t(d, { fontWeight: 600, children: l("Assigned Features") }),
-                /* @__PURE__ */ r(d, { variant: "body2", color: "text.secondary", children: [
+          /* @__PURE__ */ l("div", { className: "mt-5 flex flex-col flex-1 overflow-hidden", children: [
+            /* @__PURE__ */ l("div", { className: "flex flex-col sm:flex-row justify-between items-start sm:items-center mb-4 gap-4", children: [
+              /* @__PURE__ */ l("div", { className: "flex flex-row items-center gap-2 w-full sm:w-auto", children: [
+                /* @__PURE__ */ t(m, { fontWeight: 600, children: o("Assigned Features") }),
+                /* @__PURE__ */ l(m, { variant: "body2", color: "text.secondary", children: [
                   "(",
                   I.length,
                   " ",
-                  l("features active for this role"),
+                  o("features active for this role"),
                   ")"
                 ] })
               ] }),
               /* @__PURE__ */ t(
-                K,
+                X,
                 {
                   size: "small",
                   sx: { width: { xs: "100%", sm: "60%" } },
                   placeholder: "Search Feature Name",
                   variant: "outlined",
                   value: w,
-                  onChange: (e) => W(e.target.value),
+                  onChange: (e) => Y(e.target.value),
                   "data-testid": "assignedfeatures-search-input"
                 }
               )
             ] }),
-            /* @__PURE__ */ r(p, { className: "overflow-x-auto w-full", children: [
-              /* @__PURE__ */ r(
+            /* @__PURE__ */ l(p, { className: "overflow-x-auto w-full", children: [
+              /* @__PURE__ */ l(
                 p,
                 {
                   className: "grid grid-cols-[minmax(340px,1.5fr)_120px] px-4 py-2 text-[15px] font-semibold border-b min-w-[500px]",
                   sx: {
                     color: "text.secondary",
-                    bgcolor: (e) => T(e.palette.action.hover, 0.04)
+                    bgcolor: (e) => S(e.palette.action.hover, 0.04)
                   },
                   children: [
-                    /* @__PURE__ */ t("div", { children: l("FEATURE NAME") }),
-                    /* @__PURE__ */ t("div", { className: "text-center", children: l("ACTIONS") })
+                    /* @__PURE__ */ t("div", { children: o("FEATURE NAME") }),
+                    /* @__PURE__ */ t("div", { className: "text-center", children: o("ACTIONS") })
                   ]
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ l(
                 p,
                 {
                   className: "h-[calc(100vh-440px)] overflow-y-auto min-w-[500px]",
@@ -329,35 +331,35 @@ function Ie() {
                     bgcolor: "background.paper"
                   },
                   children: [
-                    I.length > 0 && /* @__PURE__ */ t(L, { children: I.map((e, a) => /* @__PURE__ */ r(
+                    I.length > 0 && /* @__PURE__ */ t(R, { children: I.map((e, r) => /* @__PURE__ */ l(
                       p,
                       {
                         className: "grid grid-cols-[minmax(340px,1.5fr)_120px] px-4 py-3 items-center border-b last:border-b-0 transition",
                         sx: {
                           "&:hover": {
-                            bgcolor: (s) => T(s.palette.action.hover, 0.04)
+                            bgcolor: (s) => S(s.palette.action.hover, 0.04)
                           }
                         },
                         children: [
-                          /* @__PURE__ */ t("div", { className: "flex flex-col", children: /* @__PURE__ */ t(d, { sx: { fontSize: "13px", fontWeight: 600 }, children: e.featureName }) }),
+                          /* @__PURE__ */ t("div", { className: "flex flex-col", children: /* @__PURE__ */ t(m, { sx: { fontSize: "13px", fontWeight: 600 }, children: e.featureName }) }),
                           /* @__PURE__ */ t("div", { className: "flex justify-center", children: (!g.isTecho || (c == null ? void 0 : c["view.manage.role.unassignFeature"])) && /* @__PURE__ */ t(
-                            pe,
+                            xe,
                             {
-                              icon: he,
+                              icon: ve,
                               onClick: () => {
-                                ne(e);
+                                ce(e);
                               },
                               color: "error",
                               className: "text-red-400 cursor-pointer",
-                              "data-testid": `assignedfeatures-delete-icon-${a}`
+                              "data-testid": `assignedfeatures-delete-icon-${r}`
                             }
                           ) })
                         ]
                       },
                       e.id
                     )) }),
-                    I.length === 0 && /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t(
-                      d,
+                    I.length === 0 && /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(
+                      m,
                       {
                         className: "p-4",
                         sx: { fontSize: "13px", fontStyle: "italic" },
@@ -374,50 +376,61 @@ function Ie() {
             {
               className: "border-t p-4",
               sx: {
-                bgcolor: (e) => T(e.palette.primary.main, 0.06)
+                bgcolor: (e) => S(e.palette.primary.main, 0.06)
               },
-              children: (!g.isTecho || (c == null ? void 0 : c["view.manage.role.assignFeature"])) && /* @__PURE__ */ t(S, { variant: "outlined", size: "small", onClick: ce, children: "+ Add More Features" })
+              children: (!g.isTecho || (c == null ? void 0 : c["view.manage.role.assignFeature"])) && /* @__PURE__ */ t(T, { variant: "outlined", size: "small", onClick: me, children: "+ Add More Features" })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(
-      Ne,
+    /* @__PURE__ */ t(
+      fe,
+      {
+        open: se,
+        handleClose: () => E(!1),
+        handleClick: ie,
+        title: (a == null ? void 0 : a.state) === "ACTIVE" ? "Deactivate Role" : "Activate Role",
+        description: `Are you sure you want to ${(a == null ? void 0 : a.state) === "ACTIVE" ? "deactivate" : "activate"} the role "${a == null ? void 0 : a.name}"?`,
+        dataTestId: "toggle-role-confirm-modal"
+      }
+    ),
+    /* @__PURE__ */ t(K, { children: /* @__PURE__ */ t(
+      Te,
       {
         isUpdate: F !== 1,
-        selectedId: F === 2 ? o.id : null,
+        selectedId: F === 2 ? a.id : null,
         "data-testid": "roles-managerole-add-button",
         open: F,
-        setOpen: D,
-        isRoleListModified: ie
+        setOpen: U,
+        isRoleListModified: de
       }
     ) }),
-    /* @__PURE__ */ t(H, { fallback: /* @__PURE__ */ t("div", { className: "animate-pulse w-80 h-20 " }), children: P === !0 && /* @__PURE__ */ t(
-      we,
+    /* @__PURE__ */ t(K, { fallback: /* @__PURE__ */ t("div", { className: "animate-pulse w-80 h-20 " }), children: B === !0 && /* @__PURE__ */ t(
+      Ce,
       {
-        open: P,
-        setOpenModal: B,
-        selectedId: o.id,
+        open: B,
+        setOpenModal: D,
+        selectedId: a.id,
         setData: () => N(!0),
         assignedFeatureList: n ? (() => {
-          var e, a, s;
-          return (e = n == null ? void 0 : n.find((i) => (i == null ? void 0 : i.id) === o.id)) != null && e.assignedFeatureList ? (a = n == null ? void 0 : n.find((i) => (i == null ? void 0 : i.id) === o.id)) == null ? void 0 : a.assignedFeatureList : (s = n[0]) == null ? void 0 : s.assignedFeatureList;
+          var e, r, s;
+          return (e = n == null ? void 0 : n.find((i) => (i == null ? void 0 : i.id) === a.id)) != null && e.assignedFeatureList ? (r = n == null ? void 0 : n.find((i) => (i == null ? void 0 : i.id) === a.id)) == null ? void 0 : r.assignedFeatureList : (s = n[0]) == null ? void 0 : s.assignedFeatureList;
         })() : [],
         "data-testid": "roles-addfeatures-component"
       }
     ) })
   ] }) });
 }
-const We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ie
+  default: Se
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  We as R,
-  De as a,
-  Be as b,
-  ye as g,
-  Ue as p
+  Ge as R,
+  Qe as a,
+  Ye as b,
+  Ne as g,
+  Je as p
 };
-//# sourceMappingURL=RoleManagement-Cg8-EiVr.js.map
+//# sourceMappingURL=RoleManagement-B9WgZGEj.js.map