@argusoft/medplat-form-engine 1.0.10 → 1.0.11

package/dist/{ManageRole-ByqBmjuc-CApL3DJy.js → ManageRole-CuXmWQyp-ELNs9emF.js}

@@ -1,107 +1,107 @@
-import { jsx as e, jsxs as t, Fragment as D } from "react/jsx-runtime";
-import { useRef as G, useState as V, useEffect as ne } from "react";
+import { jsx as a, jsxs as t, Fragment as D } from "react/jsx-runtime";
+import { useRef as G, useState as V, useEffect as se } from "react";
 import { Modal as de, Box as P, IconButton as ce, FormControl as b, FormGroup as me, Button as K } from "@mui/material";
 import ue from "@/hooks/useTrackEvent";
-import { g as pe, a as he } from "./RoleManagement-CLaEJ90J-BW0tG5t9.js";
-import { getRoleList as ye, getLocationTypes as ge, execute as H } from "@/common/services/GlobalApis";
-import { showToast as F } from "@/common/toaster/toaster";
+import { g as pe, a as he } from "./RoleManagement-C0feJCuq-CsxaM0rI.js";
+import { getRoleList as ge, getLocationTypes as ye, execute as F } from "@/common/services/GlobalApis";
+import { showToast as H } from "@/common/toaster/toaster";
 import { useForm as fe } from "react-hook-form";
 import { yupResolver as ve } from "@hookform/resolvers/yup";
 import "@/assets/scss/scrollBar.scss";
-import { FormItem as n } from "@/views/custom-components/FormItem.jsx";
+import { FormItem as d } from "@/views/custom-components/FormItem.jsx";
 import * as N from "yup";
-import E from "@/views/custom-components/CustomTextField";
+import O from "@/views/custom-components/CustomTextField";
 import be from "@/views/custom-components/CustomDropdown";
 import j from "@/views/custom-components/CustomCheckBox";
-import R from "@/views/custom-components/CustomAutoComplete";
+import T from "@/views/custom-components/CustomAutoComplete";
 import { useTranslateProvider as Ne } from "@/common/languageTranslator/TranslationContext";
 import { FontAwesomeIcon as Ie } from "@fortawesome/react-fontawesome";
-import { faXmark as xe } from "@fortawesome/free-solid-svg-icons";
-import y from "@/common/services/util/GeneralUtil";
-import g from "prop-types";
+import { faXmark as Te } from "@fortawesome/free-solid-svg-icons";
+import g from "@/common/services/util/GeneralUtil";
+import y from "prop-types";
 import Y from "@/views/custom-components/CustomToggleSwitch";
-import { useSelector as Te } from "react-redux";
+import { useSelector as xe } from "react-redux";
 import { getUseSkeleton as we } from "@/store/reducers/SkeletonReducer";
-const J = ({ children: I, isLoading: f }) => !Te(we) || !f ? I : /* @__PURE__ */ t("div", { className: "pt-6 h-[88vh]", children: [
+const J = ({ children: x, isLoading: f }) => !xe(we) || !f ? x : /* @__PURE__ */ t("div", { className: "pt-6 h-[88vh]", children: [
   /* @__PURE__ */ t("div", { className: "px-8 pt-2 pb-4 flex items-center justify-between", children: [
-    /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-md w-32 h-8" }),
-    /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-full w-10 h-10" })
+    /* @__PURE__ */ a("div", { className: "bg-gray-300 animate-pulse rounded-md w-32 h-8" }),
+    /* @__PURE__ */ a("div", { className: "bg-gray-300 animate-pulse rounded-full w-10 h-10" })
   ] }),
   /* @__PURE__ */ t("div", { className: "px-8 pb-8 space-y-6 overflow-y-auto max-h-[80vh]", children: [
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [1, 2, 3].map((s) => /* @__PURE__ */ t("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ e("div", { className: "h-4 bg-gray-300 rounded w-1/3 mb-2 animate-pulse" }),
-      /* @__PURE__ */ e("div", { className: "h-10 bg-gray-300 rounded animate-pulse w-full" })
-    ] }, s)) }),
-    /* @__PURE__ */ e("div", { className: "flex items-center gap-6 w-full", children: /* @__PURE__ */ t("div", { className: "w-full", children: [
-      /* @__PURE__ */ e("div", { className: "h-4 bg-gray-300 rounded w-1/4 mb-2 animate-pulse" }),
-      /* @__PURE__ */ e("div", { className: "h-8 bg-gray-300 rounded-full w-16 animate-pulse" })
+    /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [1, 2, 3].map((c) => /* @__PURE__ */ t("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ a("div", { className: "h-4 bg-gray-300 rounded w-1/3 mb-2 animate-pulse" }),
+      /* @__PURE__ */ a("div", { className: "h-10 bg-gray-300 rounded animate-pulse w-full" })
+    ] }, c)) }),
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-6 w-full", children: /* @__PURE__ */ t("div", { className: "w-full", children: [
+      /* @__PURE__ */ a("div", { className: "h-4 bg-gray-300 rounded w-1/4 mb-2 animate-pulse" }),
+      /* @__PURE__ */ a("div", { className: "h-8 bg-gray-300 rounded-full w-16 animate-pulse" })
     ] }) }),
     /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-      [1, 2].map((s) => /* @__PURE__ */ t("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ e("div", { className: "h-4 bg-gray-300 rounded w-1/4 mb-2 animate-pulse" }),
-        /* @__PURE__ */ e("div", { className: "h-10 bg-gray-300 rounded animate-pulse w-full" })
-      ] }, s)),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [1, 2].map((s) => /* @__PURE__ */ t("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ e("div", { className: "h-4 bg-gray-300 rounded w-1/3 mb-2 animate-pulse" }),
-        /* @__PURE__ */ e("div", { className: "h-10 bg-gray-300 rounded animate-pulse w-full" })
-      ] }, s)) }),
-      [1, 2].map((s) => /* @__PURE__ */ t("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ e("div", { className: "h-4 bg-gray-300 rounded w-1/3 mb-2 animate-pulse" }),
-        /* @__PURE__ */ e("div", { className: "h-10 bg-gray-300 rounded animate-pulse w-full" })
-      ] }, s))
+      [1, 2].map((c) => /* @__PURE__ */ t("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ a("div", { className: "h-4 bg-gray-300 rounded w-1/4 mb-2 animate-pulse" }),
+        /* @__PURE__ */ a("div", { className: "h-10 bg-gray-300 rounded animate-pulse w-full" })
+      ] }, c)),
+      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [1, 2].map((c) => /* @__PURE__ */ t("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ a("div", { className: "h-4 bg-gray-300 rounded w-1/3 mb-2 animate-pulse" }),
+        /* @__PURE__ */ a("div", { className: "h-10 bg-gray-300 rounded animate-pulse w-full" })
+      ] }, c)) }),
+      [1, 2].map((c) => /* @__PURE__ */ t("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ a("div", { className: "h-4 bg-gray-300 rounded w-1/3 mb-2 animate-pulse" }),
+        /* @__PURE__ */ a("div", { className: "h-10 bg-gray-300 rounded animate-pulse w-full" })
+      ] }, c))
     ] }),
     /* @__PURE__ */ t("div", { className: "flex items-center gap-6", children: [
       /* @__PURE__ */ t("div", { className: "w-[60%]", children: [
-        /* @__PURE__ */ e("div", { className: "h-4 bg-gray-300 rounded w-1/3 mb-2 animate-pulse" }),
-        /* @__PURE__ */ e("div", { className: "h-8 bg-gray-300 rounded-full w-16 animate-pulse" })
+        /* @__PURE__ */ a("div", { className: "h-4 bg-gray-300 rounded w-1/3 mb-2 animate-pulse" }),
+        /* @__PURE__ */ a("div", { className: "h-8 bg-gray-300 rounded-full w-16 animate-pulse" })
       ] }),
       /* @__PURE__ */ t("div", { className: "w-[40%] flex items-center gap-2", children: [
-        /* @__PURE__ */ e("div", { className: "h-5 w-5 bg-gray-300 rounded animate-pulse" }),
-        /* @__PURE__ */ e("div", { className: "h-4 bg-gray-300 rounded w-1/3 animate-pulse" })
+        /* @__PURE__ */ a("div", { className: "h-5 w-5 bg-gray-300 rounded animate-pulse" }),
+        /* @__PURE__ */ a("div", { className: "h-4 bg-gray-300 rounded w-1/3 animate-pulse" })
       ] })
     ] }),
     /* @__PURE__ */ t("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e("div", { className: "h-4 bg-gray-300 rounded w-1/4 mb-2 animate-pulse" }),
-      /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4", children: [1, 2, 3, 4].map((s) => /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e("div", { className: "h-5 w-5 bg-gray-300 rounded animate-pulse" }),
-        /* @__PURE__ */ e("div", { className: "h-4 w-16 bg-gray-300 rounded animate-pulse" })
-      ] }, s)) })
+      /* @__PURE__ */ a("div", { className: "h-4 bg-gray-300 rounded w-1/4 mb-2 animate-pulse" }),
+      /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-4", children: [1, 2, 3, 4].map((c) => /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a("div", { className: "h-5 w-5 bg-gray-300 rounded animate-pulse" }),
+        /* @__PURE__ */ a("div", { className: "h-4 w-16 bg-gray-300 rounded animate-pulse" })
+      ] }, c)) })
     ] })
   ] }),
   /* @__PURE__ */ t("div", { className: "flex items-center justify-end gap-3 pt-6 px-8 pb-4 border-t border-slate-100", children: [
-    /* @__PURE__ */ e("div", { className: "h-9 w-20 bg-gray-300 rounded animate-pulse" }),
-    /* @__PURE__ */ e("div", { className: "h-9 w-24 bg-gray-300 rounded animate-pulse" })
+    /* @__PURE__ */ a("div", { className: "h-9 w-20 bg-gray-300 rounded animate-pulse" }),
+    /* @__PURE__ */ a("div", { className: "h-9 w-24 bg-gray-300 rounded animate-pulse" })
   ] })
 ] });
 J.propTypes = {
-  children: g.any,
-  isLoading: g.any
+  children: y.any,
+  isLoading: y.any
 };
 const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
-  selectedId: I,
+  selectedId: x,
   isUpdate: f,
-  open: s,
+  open: c,
   setOpen: Q,
   isRoleListModified: X
 }) => {
-  const O = G(null), W = G(!1), q = ue(), [d, U] = V({}), [Z, k] = V(!1), ee = N.object().shape({
+  const E = G(null), W = G(!1), q = ue(), [m, U] = V({}), [Z, k] = V(!1), ee = N.object().shape({
     name: N.string().required("Enter Role Name"),
     locationTypes: N.array().when("isLocationRequired", {
       is: !0,
-      then: (a) => a.min(1, "Select Location Type").required("Select Location Type"),
-      otherwise: (a) => a.notRequired()
+      then: (e) => e.min(1, "Select Location Type").required("Select Location Type"),
+      otherwise: (e) => e.notRequired()
     }),
     roleType: N.string().required("Select Role Type"),
-    isBankDetailsRequired: y.isTecho ? N.boolean().notRequired() : N.boolean().nullable().defined("Please Select a Value"),
+    isBankDetailsRequired: g.isTecho ? N.boolean().notRequired() : N.boolean().nullable().defined("Please Select a Value"),
     healthInfrastructureIds: N.array().when("isHealthInfraMandatory", {
       is: !0,
-      then: (a) => a.min(1, "Select Health Infrastructure Type").required("Select Health Infrastructure Type"),
-      otherwise: (a) => a.notRequired()
+      then: (e) => e.min(1, "Select Health Infrastructure Type").required("Select Health Infrastructure Type"),
+      otherwise: (e) => e.notRequired()
     })
   }), {
-    control: o,
+    control: i,
     handleSubmit: ae,
-    formState: { errors: c, isSubmitting: le },
+    formState: { errors: u, isSubmitting: le },
     setValue: p,
     // getValues,
     watch: L,
@@ -121,6 +121,7 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
       isHealthInfraMandatory: !1,
       isGeolocationMandatory: !1,
       roleIds: [],
+      canManageRoleIds: [],
       manageByTeamTypeIds: [],
       canSelfManage: !1,
       healthInfrastructureIds: [],
@@ -142,30 +143,30 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
     resolver: ve(ee),
     mode: "onChange",
     shouldUnregister: !1
-  }), re = L("isBankDetailsRequired"), $ = L("locationTypes"), { translate: _ } = Ne(), ie = L("isLocationRequired"), oe = L("isHealthInfraMandatory"), z = [
+  }), re = L("isBankDetailsRequired"), $ = L("locationTypes"), { translate: _ } = Ne(), oe = L("isLocationRequired"), ie = L("isHealthInfraMandatory"), z = [
     { label: "Email", value: "isEmailMandatory" },
-    ...(d == null ? void 0 : d.env) !== "chip" ? [{ label: "Aadhar Number", value: "isAadharNumMandatory" }] : [],
+    ...(m == null ? void 0 : m.env) !== "chip" ? [{ label: "Aadhar Number", value: "isAadharNumMandatory" }] : [],
     { label: "Contact Number", value: "isContactNumMandatory" },
-    ...(d == null ? void 0 : d.env) !== "chip" ? [{ label: "Convox Id", value: "isConvoxIdMandatory" }] : [],
+    ...(m == null ? void 0 : m.env) !== "chip" ? [{ label: "Convox Id", value: "isConvoxIdMandatory" }] : [],
     { label: "Last Name", value: "isLastNameMandatory" },
     { label: "Health Infrastructure", value: "isHealthInfraMandatory" },
     { label: "GeoLocation", value: "isGeolocationMandatory" },
-    ...(d == null ? void 0 : d.env) !== "chip" ? [{ label: "Smag Trained", value: "isSmagTrainedMandatory" }] : [],
+    ...(m == null ? void 0 : m.env) !== "chip" ? [{ label: "Smag Trained", value: "isSmagTrainedMandatory" }] : [],
     { label: "Nodal", value: "isNodalMandatory" }
-  ].filter((a) => y.isTecho ? ![
+  ].filter((e) => g.isTecho ? ![
     "isGeolocationMandatory",
     "isHealthInfraMandatory",
     "isLastNameMandatory",
     "isSmagTrainedMandatory"
-  ].includes(a.value) : y.isSewaRural || y.isPhmp || y.isImomcare ? a.value !== "isNodalMandatory" : y.isEkavach ? ![
+  ].includes(e.value) : g.isSewaRural || g.isPhmp || g.isImomcare ? e.value !== "isNodalMandatory" : g.isEkavach ? ![
     "isGeolocationMandatory",
     "isHealthInfraMandatory",
     "isLastNameMandatory",
     "isNodalMandatory",
     "isSmagTrainedMandatory"
-  ].includes(a.value) : !0), B = () => {
+  ].includes(e.value) : !0), B = () => {
     Q(0), te(), q("conversion_event", {
-      form: O.current,
+      form: E.current,
       form_name: "Manage Role",
       submit: W.current
     }), q("button_click", {
@@ -173,51 +174,53 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
       button_type: "cancel",
       button_id: "managerole-close-button"
     });
-  }, x = (a, l, v) => {
+  }, I = (e, l, v) => {
     p(v, l);
-  }, se = async (a) => {
+  }, ne = async (e) => {
     var l, v;
     try {
       q("button_click", {
         button_name: f ? "update role  button" : "add role  button",
         button_type: "submit",
         button_id: "managerole-add-button"
-      }), delete a.bankDetailsRequired, delete a.bankDetailsMandatory, f || (delete a.id, delete a.state, delete a.createdOn, delete a.createdBy, delete a.code, delete a.description, delete a.assignedFeatures, delete a.assignedFeatureList), a.roleIds = a.roleIds.map((r) => r == null ? void 0 : r.id), a.manageByTeamTypeIds = a.manageByTeamTypeIds.map(
+      }), delete e.bankDetailsRequired, delete e.bankDetailsMandatory, f || (delete e.id, delete e.state, delete e.createdOn, delete e.createdBy, delete e.code, delete e.description, delete e.assignedFeatures, delete e.assignedFeatureList), e.roleIds = e.roleIds.map((r) => r == null ? void 0 : r.id), e.canManageRoleIds = e.canManageRoleIds.map(
         (r) => r == null ? void 0 : r.id
-      ), a.healthInfrastructureIds = a.healthInfrastructureIds.map(
+      ), e.manageByTeamTypeIds = e.manageByTeamTypeIds.map(
         (r) => r == null ? void 0 : r.id
-      ), a.categoryIds = a.categoryIds.map((r) => r == null ? void 0 : r.id), a.locationTypes = a.isLocationRequired === !0 ? a.locationTypes : [], delete a.isLocationRequired, a.manageByRoleIds = a.roleIds, await he(a), F({
+      ), e.healthInfrastructureIds = e.healthInfrastructureIds.map(
+        (r) => r == null ? void 0 : r.id
+      ), e.categoryIds = e.categoryIds.map((r) => r == null ? void 0 : r.id), e.locationTypes = e.isLocationRequired === !0 ? e.locationTypes : [], delete e.isLocationRequired, e.manageByRoleIds = e.roleIds, await he(e), H({
         type: "success",
         message: `Role ${f ? "Updated" : "Added"} Successfully`
       }), W.current = !0, B(), X();
     } catch (r) {
-      F({
+      H({
         type: "error",
         message: `Role Cannot be added: ${(v = (l = r == null ? void 0 : r.response) == null ? void 0 : l.data) == null ? void 0 : v.message}`
       });
     }
   };
-  return ne(() => {
+  return se(() => {
     (async () => {
       try {
         k((l) => !l);
-        const a = y.getEnv();
-        if (s !== 0) {
+        const e = g.getEnv();
+        if (c !== 0) {
           const [l, v, r, S, C] = await Promise.all([
-            ye(),
             ge(),
-            H({
+            ye(),
+            F({
               code: "team_all_types_for_roles",
               parameters: {}
             }),
-            H({
+            F({
               code: "retrieve_field_values_for_form_field",
               parameters: {
                 form: "WEB",
                 fieldKey: "role_catg"
               }
             }),
-            H({
+            F({
               code: "retrieve_field_values_for_form_field",
               parameters: {
                 form: "WEB",
@@ -226,81 +229,87 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
             })
           ]);
           if (U((h) => {
-            var T, w, M;
+            var w, M, R;
             return {
               ...h,
               roles: l.data,
               locationData: v.data,
-              manageTeam: (T = r == null ? void 0 : r.data) == null ? void 0 : T.result,
-              category: (w = S == null ? void 0 : S.data) == null ? void 0 : w.result,
-              healthInfraType: (M = C == null ? void 0 : C.data) == null ? void 0 : M.result
+              manageTeam: (w = r == null ? void 0 : r.data) == null ? void 0 : w.result,
+              category: (M = S == null ? void 0 : S.data) == null ? void 0 : M.result,
+              healthInfraType: (R = C == null ? void 0 : C.data) == null ? void 0 : R.result
             };
-          }), I) {
-            const { data: h } = await pe(I);
-            U((i) => ({ ...i, roleData: h, env: a })), Object.keys(h).map((i) => p(i, h[i])), p("isBankDetailsRequired", h.isBankDetailsRequired), p("isBankDetailsMandatory", h.isBankDetailsMandatory);
+          }), x) {
+            const { data: h } = await pe(x);
+            U((o) => ({ ...o, roleData: h, env: e })), Object.keys(h).map((o) => p(o, h[o])), p("isBankDetailsRequired", h.isBankDetailsRequired), p("isBankDetailsMandatory", h.isBankDetailsMandatory);
             const {
-              manageByTeamTypeIds: T,
-              healthInfrastructureIds: w,
-              roleIds: M,
+              manageByTeamTypeIds: w,
+              healthInfrastructureIds: M,
+              roleIds: R,
               categoryIds: A
             } = h;
             p(
               "manageByTeamTypeIds",
-              T ? T.map(
-                (i) => {
-                  var m;
-                  return (m = r.data.result) == null ? void 0 : m.find((u) => (u == null ? void 0 : u.id) === i);
+              w ? w.map(
+                (o) => {
+                  var n;
+                  return (n = r.data.result) == null ? void 0 : n.find((s) => (s == null ? void 0 : s.id) === o);
                 }
               ) : []
             ), p(
               "healthInfrastructureIds",
-              w ? w.map(
-                (i) => {
-                  var m;
-                  return (m = C.data.result) == null ? void 0 : m.find(
-                    (u) => (u == null ? void 0 : u.id) === i
+              M ? M.map(
+                (o) => {
+                  var n;
+                  return (n = C.data.result) == null ? void 0 : n.find(
+                    (s) => (s == null ? void 0 : s.id) === o
                   );
                 }
-              ).filter((i) => i !== void 0) : []
+              ).filter((o) => o !== void 0) : []
             ), p(
               "categoryIds",
               A ? A.map(
-                (i) => {
-                  var m;
-                  return (m = S.data.result) == null ? void 0 : m.find((u) => (u == null ? void 0 : u.id) === i);
+                (o) => {
+                  var n;
+                  return (n = S.data.result) == null ? void 0 : n.find((s) => (s == null ? void 0 : s.id) === o);
                 }
               ) : []
             ), p(
               "roleIds",
-              M ? M.map((i) => {
-                var m;
-                return (m = l.data) == null ? void 0 : m.find((u) => (u == null ? void 0 : u.id) === i);
-              }).filter((i) => i !== void 0) : []
+              R ? R.map((o) => {
+                var n;
+                return (n = l.data) == null ? void 0 : n.find((s) => (s == null ? void 0 : s.id) === o);
+              }).filter((o) => o !== void 0) : []
+            ), p(
+              "canManageRoleIds",
+              h.canManageRoleIds ? h.canManageRoleIds.map((o) => {
+                var n;
+                return (n = l.data) == null ? void 0 : n.find((s) => (s == null ? void 0 : s.id) === o);
+              }).filter((o) => o !== void 0) : []
             ), h.locationTypes.length > 0 ? p("isLocationRequired", !0) : p("isLocationRequired", !1);
           }
         }
         k((l) => !l);
-      } catch (a) {
-        F({
-          message: `Error in manage role :${a == null ? void 0 : a.message}`,
+      } catch (e) {
+        H({
+          message: `Error in manage role :${e == null ? void 0 : e.message}`,
           type: "error"
         }), k((l) => !l);
       }
     })();
-  }, [I, s]), /* @__PURE__ */ e(
+  }, [x, c]), /* @__PURE__ */ a(
     de,
     {
-      open: s !== 0,
+      open: c !== 0,
       onClose: B,
       "data-testid": "managerole-modal",
-      children: /* @__PURE__ */ e("div", { className: "mt-10 fixed inset-0 z-[100] flex items-center justify-center p-4 animate-in fade-in duration-200", children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ a("div", { className: "mt-10 fixed inset-0 z-[100] flex items-center justify-center p-4 animate-in fade-in duration-200", children: /* @__PURE__ */ a(
         P,
         {
           className: "w-full max-w-2xl rounded-[2.5rem] shadow-2xl shadow-blue-900/10 overflow-hidden flex flex-col animate-in zoom-in-95 duration-300",
-          sx: { bgcolor: (a) => a.palette.custom.customBackground },
+          sx: { bgcolor: (e) => e.palette.custom.customBackground },
           children: /* @__PURE__ */ t(J, { isLoading: Z, children: [
             /* @__PURE__ */ t("div", { className: "px-8 pt-8 pb-4 flex items-center justify-between", children: [
-              /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+              /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
                 P,
                 {
                   component: "h2",
@@ -309,48 +318,48 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
                   children: f ? "Update Role" : "Add New Role"
                 }
               ) }),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ a(
                 ce,
                 {
                   size: "small",
                   onClick: B,
                   className: "w-10 h-10 rounded-full bg-slate-100 flex items-center justify-center text-slate-400 hover:bg-slate-200 hover:text-slate-600 transition-all",
                   "data-testid": "managerole-close-icon",
-                  children: /* @__PURE__ */ e(Ie, { icon: xe, size: "lg" })
+                  children: /* @__PURE__ */ a(Ie, { icon: Te, size: "lg" })
                 }
               )
             ] }),
             /* @__PURE__ */ t(
               "form",
               {
-                onSubmit: ae(se),
-                ref: O,
+                onSubmit: ae(ne),
+                ref: E,
                 className: "px-8 pb-8 space-y-6 overflow-y-auto max-h-[80vh]",
                 children: [
                   /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-                    /* @__PURE__ */ e(b, { variant: "outlined", children: /* @__PURE__ */ e("div", { className: "space-y-1.5", children: /* @__PURE__ */ e(n, { label: "Role Name", children: /* @__PURE__ */ e(
-                      E,
+                    /* @__PURE__ */ a(b, { variant: "outlined", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(d, { label: "Role Name", children: /* @__PURE__ */ a(
+                      O,
                       {
                         placeholder: "Role Name",
                         name: "name",
                         id: "name",
-                        errors: c,
-                        control: o,
+                        errors: u,
+                        control: i,
                         dataTestId: "managerole-role-name-field"
                       }
                     ) }) }) }),
-                    /* @__PURE__ */ e(b, { variant: "outlined", children: /* @__PURE__ */ e("div", { className: "space-y-1.5", children: /* @__PURE__ */ e(
-                      n,
+                    /* @__PURE__ */ a(b, { variant: "outlined", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                      d,
                       {
                         label: "Max Position",
                         tooltip: "This is the maximum no of users that can be created at one location of this role type",
-                        children: /* @__PURE__ */ e(
-                          E,
+                        children: /* @__PURE__ */ a(
+                          O,
                           {
                             name: "maxPosition",
                             id: "maxPosition",
-                            errors: c,
-                            control: o,
+                            errors: u,
+                            control: i,
                             rules: {
                               maxLength: 3,
                               pattern: /^\d{1,3}$/
@@ -359,8 +368,8 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
                               maxLength: 3,
                               inputMode: "numeric",
                               pattern: "[0-9]*",
-                              onInput: (a) => {
-                                a.target.value = a.target.value.replace(/\D/g, "");
+                              onInput: (e) => {
+                                e.target.value = e.target.value.replace(/\D/g, "");
                               }
                             },
                             dataTestId: "managerole-max-position-field"
@@ -368,13 +377,13 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
                         )
                       }
                     ) }) }),
-                    !y.isTecho && /* @__PURE__ */ e(b, { variant: "outlined", children: /* @__PURE__ */ e("div", { className: "space-y-1.5", children: /* @__PURE__ */ e(n, { label: "Max Health Infrastructure", children: /* @__PURE__ */ e(
-                      E,
+                    !g.isTecho && /* @__PURE__ */ a(b, { variant: "outlined", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(d, { label: "Max Health Infrastructure", children: /* @__PURE__ */ a(
+                      O,
                       {
                         name: "maxHealthInfra",
                         id: "maxHealthInfra",
-                        control: o,
-                        errors: c,
+                        control: i,
+                        errors: u,
                         rules: {
                           maxLength: 3,
                           pattern: /^\d{1,3}$/
@@ -383,8 +392,8 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
                           maxLength: 3,
                           inputMode: "numeric",
                           pattern: "[0-9]*",
-                          onInput: (a) => {
-                            a.target.value = a.target.value.replace(
+                          onInput: (e) => {
+                            e.target.value = e.target.value.replace(
                               /\D/g,
                               ""
                             );
@@ -394,27 +403,27 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
                       }
                     ) }) }) })
                   ] }),
-                  /* @__PURE__ */ e("div", { className: "flex items-center gap-6 w-full", children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-6 w-full", children: /* @__PURE__ */ a(
                     b,
                     {
                       variant: "outlined",
                       className: "flex flex-row items-center w-full ",
-                      children: /* @__PURE__ */ e(
-                        n,
+                      children: /* @__PURE__ */ a(
+                        d,
                         {
                           label: "Location Required",
                           required: !0,
                           direction: "row",
-                          children: /* @__PURE__ */ e(
+                          children: /* @__PURE__ */ a(
                             Y,
                             {
-                              control: o,
+                              control: i,
                               name: "isLocationRequired",
                               options: [
                                 { label: "Yes", value: !0 },
                                 { label: "No", value: !1 }
                               ],
-                              errors: c
+                              errors: u
                             }
                           )
                         }
@@ -422,149 +431,169 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
                     }
                   ) }),
                   /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-                    (ie === !0 || le) && /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e("div", { className: "space-y-1.5", children: /* @__PURE__ */ e(
-                      n,
+                    (oe === !0 || le) && /* @__PURE__ */ a(D, { children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                      d,
                       {
                         label: "Location",
                         required: !0,
                         tooltip: "The OU level where users of this role perform their job function",
-                        children: /* @__PURE__ */ e(
-                          R,
+                        children: /* @__PURE__ */ a(
+                          T,
                           {
                             id: "locationTypes",
-                            control: o,
+                            control: i,
                             name: "locationTypes",
-                            options: d.locationData,
+                            options: m.locationData,
                             value: $ == null ? void 0 : $.map(
-                              (a) => {
+                              (e) => {
                                 var l;
-                                return (l = d.locationData) == null ? void 0 : l.find(
-                                  (v) => v.type === (a == null ? void 0 : a.type)
+                                return (l = m.locationData) == null ? void 0 : l.find(
+                                  (v) => v.type === (e == null ? void 0 : e.type)
                                 );
                               }
                             ),
-                            errors: c,
-                            getOptionLabel: (a) => a == null ? void 0 : a.name,
+                            errors: u,
+                            getOptionLabel: (e) => e == null ? void 0 : e.name,
                             dataTestId: "managerole-location-type-select",
                             checkEquality: "type",
-                            onChange: (a, l) => x(a, l, "locationTypes")
+                            onChange: (e, l) => I(e, l, "locationTypes")
                           }
                         )
                       }
                     ) }) }),
-                    /* @__PURE__ */ e("div", { className: "space-y-1.5", children: /* @__PURE__ */ e(
-                      n,
+                    /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                      d,
                       {
                         label: "Can Manage Role",
                         tooltip: "Please select the roles that shall be managed by this role",
-                        children: /* @__PURE__ */ e(
-                          R,
+                        children: /* @__PURE__ */ a(
+                          T,
                           {
                             name: "roleIds",
                             id: "roleIds",
-                            errors: c,
-                            control: o,
+                            errors: u,
+                            control: i,
                             dataTestId: "managerole-manage-role-select",
-                            options: d.roles,
-                            onChange: (a, l) => x(a, l, "roleIds"),
-                            getOptionLabel: (a) => a == null ? void 0 : a.name
+                            options: m.roles,
+                            onChange: (e, l) => I(e, l, "roleIds"),
+                            getOptionLabel: (e) => e == null ? void 0 : e.name
+                          }
+                        )
+                      }
+                    ) }),
+                    /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                      d,
+                      {
+                        label: "Managed From",
+                        tooltip: "Please select the roles that can manage  this role",
+                        children: /* @__PURE__ */ a(
+                          T,
+                          {
+                            name: "canManageRoleIds",
+                            id: "canManageRoleIds",
+                            errors: u,
+                            control: i,
+                            dataTestId: "managerole-managed-by-role-select",
+                            options: m.roles,
+                            onChange: (e, l) => I(e, l, "canManageRoleIds"),
+                            getOptionLabel: (e) => e == null ? void 0 : e.name
                           }
                         )
                       }
                     ) }),
                     /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-                      /* @__PURE__ */ e("div", { className: "space-y-1.5", children: /* @__PURE__ */ e(
-                        n,
+                      /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                        d,
                         {
                           label: "Role Type",
                           tooltip: "Please select Role Type",
                           required: !0,
-                          children: /* @__PURE__ */ e(
+                          children: /* @__PURE__ */ a(
                             be,
                             {
-                              control: o,
+                              control: i,
                               id: "roleType",
                               name: "roleType",
                               options: Me,
                               displayName: "name",
                               optionValue: "name",
-                              errors: c,
+                              errors: u,
                               dataTestId: "managerole-role-type-dropdown"
                             }
                           )
                         }
                       ) }),
-                      /* @__PURE__ */ e("div", { className: "space-y-1.5", children: /* @__PURE__ */ e(
-                        n,
+                      /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                        d,
                         {
                           label: "Can Manage Team",
                           tooltip: "Please select the teams that shall be managed by this role",
-                          children: /* @__PURE__ */ e(
-                            R,
+                          children: /* @__PURE__ */ a(
+                            T,
                             {
-                              control: o,
+                              control: i,
                               name: "manageByTeamTypeIds",
                               id: "manageByTeamTypeIds",
-                              errors: c,
-                              options: d.manageTeam,
+                              errors: u,
+                              options: m.manageTeam,
                               dataTestId: "managerole-manage-team-select",
-                              onChange: (a, l) => x(a, l, "manageByTeamTypeIds"),
-                              getOptionLabel: (a) => a == null ? void 0 : a.type
+                              onChange: (e, l) => I(e, l, "manageByTeamTypeIds"),
+                              getOptionLabel: (e) => e == null ? void 0 : e.type
                             }
                           )
                         }
                       ) })
                     ] }),
-                    /* @__PURE__ */ e("div", { className: "space-y-4", children: /* @__PURE__ */ e("div", { className: "space-y-1.5", children: /* @__PURE__ */ e(
-                      n,
+                    /* @__PURE__ */ a("div", { className: "space-y-4", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                      d,
                       {
                         label: "Select Health Infrastructure type",
                         tooltip: "Please select the institute to be associated with the role",
-                        required: oe,
-                        children: /* @__PURE__ */ e(
-                          R,
+                        required: ie,
+                        children: /* @__PURE__ */ a(
+                          T,
                           {
-                            options: d.healthInfraType,
-                            errors: c,
+                            options: m.healthInfraType,
+                            errors: u,
                             name: "healthInfrastructureIds",
                             id: "healthInfrastructureIds",
                             dataTestId: "managerole-health-infrastructure-select",
-                            control: o,
-                            onChange: (a, l) => x(a, l, "healthInfrastructureIds"),
-                            getOptionLabel: (a) => a == null ? void 0 : a.value
+                            control: i,
+                            onChange: (e, l) => I(e, l, "healthInfrastructureIds"),
+                            getOptionLabel: (e) => e == null ? void 0 : e.value
                           }
                         )
                       }
                     ) }) }),
-                    !y.isBahaar && /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e("div", { className: "space-y-4", children: /* @__PURE__ */ e("div", { className: "space-y-1.5", children: /* @__PURE__ */ e(
-                      n,
+                    !g.isBahaar && /* @__PURE__ */ a(D, { children: /* @__PURE__ */ a("div", { className: "space-y-4", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                      d,
                       {
                         label: "Category",
                         tooltip: "Please select the category to be associated with the role",
-                        children: /* @__PURE__ */ e(
-                          R,
+                        children: /* @__PURE__ */ a(
+                          T,
                           {
                             id: "categoryIds",
                             name: "categoryIds",
-                            errors: c,
-                            options: d.category,
+                            errors: u,
+                            options: m.category,
                             dataTestId: "managerole-role-category-select",
-                            control: o,
-                            onChange: (a, l) => x(a, l, "categoryIds"),
-                            getOptionLabel: (a) => a == null ? void 0 : a.value
+                            control: i,
+                            onChange: (e, l) => I(e, l, "categoryIds"),
+                            getOptionLabel: (e) => e == null ? void 0 : e.value
                           }
                         )
                       }
                     ) }) }) })
                   ] }),
                   /* @__PURE__ */ t("div", { className: "flex items-center gap-6", children: [
-                    /* @__PURE__ */ e(
+                    /* @__PURE__ */ a(
                       b,
                       {
                         variant: "outlined",
                         className: "flex flex-row items-center w-[60%] ",
-                        children: /* @__PURE__ */ e(
-                          n,
+                        children: /* @__PURE__ */ a(
+                          d,
                           {
                             label: "Bank Details Required",
                             tooltip: "Select if bank details are required for this role",
@@ -572,34 +601,34 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
                             labelWidth: "50%",
                             childrenWidth: "50%",
                             direction: "row",
-                            children: /* @__PURE__ */ e(
+                            children: /* @__PURE__ */ a(
                               Y,
                               {
-                                control: o,
+                                control: i,
                                 name: "isBankDetailsRequired",
                                 options: [
                                   { label: "Yes", value: !0 },
                                   { label: "No", value: !1 }
                                 ],
-                                errors: c
+                                errors: u
                               }
                             )
                           }
                         )
                       }
                     ),
-                    !f && /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(b, { variant: "outlined ", className: "w-[40%]", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(
-                      n,
+                    !f && /* @__PURE__ */ a(D, { children: /* @__PURE__ */ a(b, { variant: "outlined ", className: "w-[40%]", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ a(
+                      d,
                       {
                         label: "Self Manage",
                         labelWidth: "60%",
                         childrenWidth: "40%",
                         direction: "row",
-                        children: /* @__PURE__ */ e(
+                        children: /* @__PURE__ */ a(
                           j,
                           {
                             name: "canSelfManage",
-                            control: o,
+                            control: i,
                             isFullWidth: !1,
                             "data-testid": "managerole-self-manage-checkbox"
                           }
@@ -607,33 +636,33 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
                       }
                     ) }) }) })
                   ] }),
-                  /* @__PURE__ */ e("div", { className: "flex items-center gap-6", children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-6", children: /* @__PURE__ */ a(
                     b,
                     {
                       variant: "outlined",
                       className: "flex flex-col items-start  justify-between",
-                      children: /* @__PURE__ */ e(
-                        n,
+                      children: /* @__PURE__ */ a(
+                        d,
                         {
                           label: "Mandatory Fields",
                           tooltip: "These fields are Mandatory when creating users of this role type",
                           children: /* @__PURE__ */ t(me, { row: !0, children: [
-                            z == null ? void 0 : z.map((a) => /* @__PURE__ */ e(
+                            z == null ? void 0 : z.map((e) => /* @__PURE__ */ a(
                               j,
                               {
-                                control: o,
-                                name: a.value,
-                                label: a.label,
+                                control: i,
+                                name: e.value,
+                                label: e.label,
                                 isFullWidth: !1,
-                                "data-testid": `managerole-mandatory-field-${a.value}`
+                                "data-testid": `managerole-mandatory-field-${e.value}`
                               },
-                              a.value
+                              e.value
                             )),
-                            re === !0 && /* @__PURE__ */ e(
+                            re === !0 && /* @__PURE__ */ a(
                               j,
                               {
                                 name: "isBankDetailsMandatory",
-                                control: o,
+                                control: i,
                                 label: "Bank Details",
                                 isFullWidth: !1,
                                 "data-testid": "managerole-bank-details-mandatory-checkbox"
@@ -650,7 +679,7 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
                       className: "flex items-center justify-end gap-3 pt-6 border-t",
                       sx: { borderColor: "divider" },
                       children: [
-                        /* @__PURE__ */ e(
+                        /* @__PURE__ */ a(
                           K,
                           {
                             variant: "contained",
@@ -661,7 +690,7 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
                             children: _("Close")
                           }
                         ),
-                        /* @__PURE__ */ e(
+                        /* @__PURE__ */ a(
                           K,
                           {
                             variant: "contained",
@@ -685,15 +714,15 @@ const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
   );
 };
 Re.propTypes = {
-  isUpdate: g.bool,
-  role: g.object,
-  onClose: g.func,
-  open: g.bool,
-  setOpen: g.func,
-  selectedId: g.string,
-  isRoleListModified: g.bool
+  isUpdate: y.bool,
+  role: y.object,
+  onClose: y.func,
+  open: y.bool,
+  setOpen: y.func,
+  selectedId: y.string,
+  isRoleListModified: y.bool
 };
 export {
   Re as default
 };
-//# sourceMappingURL=ManageRole-ByqBmjuc-CApL3DJy.js.map
+//# sourceMappingURL=ManageRole-CuXmWQyp-ELNs9emF.js.map