@argusoft/medplat-core 1.0.24 → 1.0.25

package/dist/{ManageRole-CZAk-IlM.js → ManageRole-B9bs_T00.js}

@@ -1,114 +1,119 @@
-import { jsxs as o, jsx as a, Fragment as A } from "react/jsx-runtime";
+import { jsxs as l, jsx as a, Fragment as P } from "react/jsx-runtime";
 import { useRef as X, useState as J, useEffect as he } from "react";
 import { Modal as ge, Box as H, IconButton as fe, FormControl as y, FormGroup as pe, Button as Q } from "@mui/material";
 import ye from "@/hooks/useTrackEvent";
-import { g as be, a as ve, b as we } from "./RoleManagement-B9WgZGEj.js";
+import { g as be, a as ve, b as we } from "./RoleManagement-BIiW9uTq.js";
 import { getRoleList as Ne, getLocationTypes as Te, execute as O } from "@/common/services/GlobalApis";
-import { showToast as W } from "@/common/toaster/toaster";
+import { showToast as j } from "@/common/toaster/toaster";
 import { useForm as Ie } from "react-hook-form";
 import { yupResolver as xe } from "@hookform/resolvers/yup";
 import "@/assets/scss/scrollBar.scss";
 import { FormItem as d } from "@/views/custom-components/FormItem.jsx";
-import * as v from "yup";
-import j from "@/views/custom-components/CustomTextField";
+import * as b from "yup";
+import W from "@/views/custom-components/CustomTextField";
 import Z from "@/views/custom-components/CustomDropdown";
 import $ from "@/views/custom-components/CustomCheckBox";
 import x from "@/views/custom-components/CustomAutoComplete";
 import { useTranslateProvider as Re } from "@/common/languageTranslator/TranslationContext";
 import { FontAwesomeIcon as Me } from "@fortawesome/react-fontawesome";
 import { faXmark as Be } from "@fortawesome/free-solid-svg-icons";
-import Ce from "@/common/services/util/GeneralUtil";
+import qe from "@/common/services/util/GeneralUtil";
 import f from "@/common/config/implementationConfig";
-import b from "prop-types";
+import v from "prop-types";
 import z from "@/views/custom-components/CustomToggleSwitch";
-import { useSelector as ke } from "react-redux";
-import { getUseSkeleton as qe } from "@/store/reducers/SkeletonReducer";
-const ee = ({ children: N, isLoading: p }) => !ke(qe) || !p ? N : /* @__PURE__ */ o("div", { className: "pt-6 h-[88vh]", children: [
-  /* @__PURE__ */ o("div", { className: "px-8 pt-2 pb-4 flex items-center justify-between", children: [
+import { useSelector as Fe } from "react-redux";
+import { getUseSkeleton as Ce } from "@/store/reducers/SkeletonReducer";
+const ee = ({ children: N, isLoading: p }) => !Fe(Ce) || !p ? N : /* @__PURE__ */ l("div", { className: "pt-6 h-[88vh]", children: [
+  /* @__PURE__ */ l("div", { className: "px-8 pt-2 pb-4 flex items-center justify-between", children: [
     /* @__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__ */ o("div", { className: "px-8 pb-8 space-y-6 overflow-y-auto max-h-[80vh]", children: [
-    /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [1, 2, 3].map((u) => /* @__PURE__ */ o("div", { className: "space-y-1.5", children: [
+  /* @__PURE__ */ l("div", { className: "px-8 pb-8 space-y-6 overflow-y-auto max-h-[80vh]", children: [
+    /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [1, 2, 3].map((u) => /* @__PURE__ */ l("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" })
     ] }, u)) }),
-    /* @__PURE__ */ a("div", { className: "flex items-center gap-6 w-full", children: /* @__PURE__ */ o("div", { className: "w-full", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-6 w-full", children: /* @__PURE__ */ l("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__ */ o("div", { className: "space-y-4", children: [
-      [1, 2].map((u) => /* @__PURE__ */ o("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+      [1, 2].map((u) => /* @__PURE__ */ l("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" })
       ] }, u)),
-      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [1, 2].map((u) => /* @__PURE__ */ o("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [1, 2].map((u) => /* @__PURE__ */ l("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" })
       ] }, u)) }),
-      [1, 2].map((u) => /* @__PURE__ */ o("div", { className: "space-y-1.5", children: [
+      [1, 2].map((u) => /* @__PURE__ */ l("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" })
       ] }, u))
     ] }),
-    /* @__PURE__ */ o("div", { className: "flex items-center gap-6", children: [
-      /* @__PURE__ */ o("div", { className: "w-[60%]", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-6", children: [
+      /* @__PURE__ */ l("div", { className: "w-[60%]", children: [
         /* @__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__ */ o("div", { className: "w-[40%] flex items-center gap-2", children: [
+      /* @__PURE__ */ l("div", { className: "w-[40%] 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 bg-gray-300 rounded w-1/3 animate-pulse" })
       ] })
     ] }),
-    /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ l("div", { className: "space-y-2", children: [
       /* @__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((u) => /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-4", children: [1, 2, 3, 4].map((u) => /* @__PURE__ */ l("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" })
       ] }, u)) })
     ] })
   ] }),
-  /* @__PURE__ */ o("div", { className: "flex items-center justify-end gap-3 pt-6 px-8 pb-4 border-t border-slate-100", children: [
+  /* @__PURE__ */ l("div", { className: "flex items-center justify-end gap-3 pt-6 px-8 pb-4 border-t border-slate-100", children: [
     /* @__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" })
   ] })
 ] });
 ee.propTypes = {
-  children: b.any,
-  isLoading: b.any
+  children: v.any,
+  isLoading: v.any
 };
-const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
+const ke = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
   { label: "Authenticator App", value: "AUTHENTICATOR_APP" }
 ], De = ({
   selectedId: N,
   isUpdate: p,
-  open: C,
+  open: q,
   setOpen: u,
   isRoleListModified: ae
 }) => {
-  const G = X(null), V = X(!1), D = ye(), [w, U] = J({}), [te, S] = J(!1), le = v.object().shape({
-    name: v.string().required("Enter Role Name"),
-    locationTypes: v.array().when("isLocationRequired", {
+  const G = X(null), V = X(!1), D = ye(), [w, U] = J({}), [te, S] = J(!1), le = b.object().shape({
+    name: b.string().required("Enter Role Name"),
+    locationTypes: b.array().when("isLocationRequired", {
       is: !0,
       then: (e) => e.min(1, "Select Location Type").required("Select Location Type"),
       otherwise: (e) => e.notRequired()
     }),
-    roleType: f.role.showRoleType ? v.string().required("Select Role Type") : v.string().notRequired(),
-    isBankDetailsRequired: f.role.showBankDetailsRequired ? v.boolean().nullable().defined("Please Select a Value") : v.boolean().notRequired(),
-    healthInfrastructureIds: v.array().when("isHealthInfraMandatory", {
+    roleType: f.role.showRoleType ? b.string().required("Select Role Type") : b.string().notRequired(),
+    isBankDetailsRequired: f.role.showBankDetailsRequired ? b.boolean().nullable().defined("Please Select a Value") : b.boolean().notRequired(),
+    healthInfrastructureIds: b.array().when("isHealthInfraMandatory", {
       is: !0,
       then: (e) => e.min(1, "Select Health Infrastructure Type").required("Select Health Infrastructure Type"),
       otherwise: (e) => e.notRequired()
+    }),
+    twoFactorType: b.string().when("isTwoFactorEnabled", {
+      is: !0,
+      then: (e) => e.required("Select Authentication Method"),
+      otherwise: (e) => e.notRequired().nullable()
     })
   }), {
     control: n,
     handleSubmit: oe,
-    formState: { errors: c, isSubmitting: se },
+    formState: { errors: c, isSubmitting: re },
     setValue: h,
     // getValues,
     watch: T,
-    reset: re
+    reset: se
   } = Ie({
     defaultValues: {
       name: "",
@@ -148,7 +153,7 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
     resolver: xe(le),
     mode: "onChange",
     shouldUnregister: !1
-  }), ne = T("isBankDetailsRequired"), ie = T("isTwoFactorEnabled"), Y = T("roleType"), de = Y === "WEB" || Y === "BOTH", _ = T("locationTypes"), { translate: E } = Re(), ce = T("isLocationRequired"), me = T("isHealthInfraMandatory"), P = [
+  }), ne = T("isBankDetailsRequired"), ie = T("isTwoFactorEnabled"), Y = T("roleType"), de = Y === "WEB" || Y === "BOTH", _ = T("locationTypes"), { translate: E } = Re(), ce = T("isLocationRequired"), me = T("isHealthInfraMandatory"), A = [
     { label: "Email", value: "isEmailMandatory" },
     { label: "Aadhar Number", value: "isAadharNumMandatory" },
     { label: "Contact Number", value: "isContactNumMandatory" },
@@ -161,8 +166,8 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
   ].filter((e) => {
     var t;
     return ((t = f.role.mandatoryFieldsToExclude) == null ? void 0 : t.length) > 0 ? !f.role.mandatoryFieldsToExclude.includes(e.value) : !0;
-  }), k = () => {
-    u(0), re(), D("conversion_event", {
+  }), F = () => {
+    u(0), se(), D("conversion_event", {
       form: G.current,
       form_name: "Manage Role",
       submit: V.current
@@ -180,18 +185,18 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
         button_name: p ? "update role  button" : "add role  button",
         button_type: "submit",
         button_id: "managerole-add-button"
-      }), delete e.bankDetailsRequired, delete e.bankDetailsMandatory, e.roleType !== "WEB" && e.roleType !== "BOTH" && (e.isTwoFactorEnabled = !1), e.isTwoFactorEnabled ? e.twoFactorType || (e.twoFactorType = "AUTHENTICATOR_APP") : e.twoFactorType = null, p || (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((l) => l == null ? void 0 : l.id), e.canManageRoleIds = e.canManageRoleIds.map((l) => l == null ? void 0 : l.id), e.manageByTeamTypeIds = e.manageByTeamTypeIds.map(
-        (l) => l == null ? void 0 : l.id
+      }), delete e.bankDetailsRequired, delete e.bankDetailsMandatory, e.roleType !== "WEB" && e.roleType !== "BOTH" && (e.isTwoFactorEnabled = !1), e.isTwoFactorEnabled ? e.twoFactorType || (e.twoFactorType = "AUTHENTICATOR_APP") : e.twoFactorType = null, p || (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((o) => o == null ? void 0 : o.id), e.canManageRoleIds = e.canManageRoleIds.map((o) => o == null ? void 0 : o.id), e.manageByTeamTypeIds = e.manageByTeamTypeIds.map(
+        (o) => o == null ? void 0 : o.id
       ), e.healthInfrastructureIds = e.healthInfrastructureIds.map(
-        (l) => l == null ? void 0 : l.id
-      ), e.categoryIds = e.categoryIds.map((l) => l == null ? void 0 : l.id), e.locationTypes = e.isLocationRequired === !0 ? e.locationTypes : [], delete e.isLocationRequired, e.manageByRoleIds = e.roleIds, p ? await ve(e) : await we(e), W({
+        (o) => o == null ? void 0 : o.id
+      ), e.categoryIds = e.categoryIds.map((o) => o == null ? void 0 : o.id), e.locationTypes = e.isLocationRequired === !0 ? e.locationTypes : [], delete e.isLocationRequired, e.manageByRoleIds = e.roleIds, p ? await ve(e) : await we(e), j({
         type: "success",
         message: `Role ${p ? "Updated" : "Added"} Successfully`
-      }), V.current = !0, k(), ae();
-    } catch (l) {
-      W({
+      }), V.current = !0, F(), ae();
+    } catch (o) {
+      j({
         type: "error",
-        message: `Role Cannot be added: ${(i = (t = l == null ? void 0 : l.response) == null ? void 0 : t.data) == null ? void 0 : i.message}`
+        message: `Role Cannot be added: ${(i = (t = o == null ? void 0 : o.response) == null ? void 0 : t.data) == null ? void 0 : i.message}`
       });
     }
   };
@@ -199,9 +204,9 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
     (async () => {
       try {
         S((i) => !i);
-        const t = Ce.getEnv();
-        if (C !== 0) {
-          const [i, l, q, F, L] = await Promise.all([
+        const t = qe.getEnv();
+        if (q !== 0) {
+          const [i, o, C, k, L] = await Promise.all([
             Ne(),
             Te(),
             O({
@@ -228,14 +233,14 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
             return {
               ...g,
               roles: i.data,
-              locationData: l.data,
-              manageTeam: (R = q == null ? void 0 : q.data) == null ? void 0 : R.result,
-              category: (M = F == null ? void 0 : F.data) == null ? void 0 : M.result,
+              locationData: o.data,
+              manageTeam: (R = C == null ? void 0 : C.data) == null ? void 0 : R.result,
+              category: (M = k == null ? void 0 : k.data) == null ? void 0 : M.result,
               healthInfraType: (B = L == null ? void 0 : L.data) == null ? void 0 : B.result
             };
           }), N) {
             const { data: g } = await be(N);
-            U((s) => ({ ...s, roleData: g, env: t })), Object.keys(g).map((s) => h(s, g[s])), h("isBankDetailsRequired", g.isBankDetailsRequired), h("isBankDetailsMandatory", g.isBankDetailsMandatory);
+            U((r) => ({ ...r, roleData: g, env: t })), Object.keys(g).map((r) => h(r, g[r])), h("isBankDetailsRequired", g.isBankDetailsRequired), h("isBankDetailsMandatory", g.isBankDetailsMandatory);
             const {
               manageByTeamTypeIds: R,
               healthInfrastructureIds: M,
@@ -245,65 +250,65 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
             h(
               "manageByTeamTypeIds",
               R ? R.map(
-                (s) => {
+                (r) => {
                   var m;
-                  return (m = q.data.result) == null ? void 0 : m.find((r) => (r == null ? void 0 : r.id) === s);
+                  return (m = C.data.result) == null ? void 0 : m.find((s) => (s == null ? void 0 : s.id) === r);
                 }
               ) : []
             ), h(
               "healthInfrastructureIds",
               M ? M.map(
-                (s) => {
+                (r) => {
                   var m;
                   return (m = L.data.result) == null ? void 0 : m.find(
-                    (r) => (r == null ? void 0 : r.id) === s
+                    (s) => (s == null ? void 0 : s.id) === r
                   );
                 }
-              ).filter((s) => s !== void 0) : []
+              ).filter((r) => r !== void 0) : []
             ), h(
               "categoryIds",
               K ? K.map(
-                (s) => {
+                (r) => {
                   var m;
-                  return (m = F.data.result) == null ? void 0 : m.find((r) => (r == null ? void 0 : r.id) === s);
+                  return (m = k.data.result) == null ? void 0 : m.find((s) => (s == null ? void 0 : s.id) === r);
                 }
               ) : []
             ), h(
               "roleIds",
-              B ? B.map((s) => {
+              B ? B.map((r) => {
                 var m;
-                return (m = i.data) == null ? void 0 : m.find((r) => (r == null ? void 0 : r.id) === s);
-              }).filter((s) => s !== void 0) : []
+                return (m = i.data) == null ? void 0 : m.find((s) => (s == null ? void 0 : s.id) === r);
+              }).filter((r) => r !== void 0) : []
             ), h(
               "canManageRoleIds",
-              g.canManageRoleIds ? g.canManageRoleIds.map((s) => {
+              g.canManageRoleIds ? g.canManageRoleIds.map((r) => {
                 var m;
-                return (m = i.data) == null ? void 0 : m.find((r) => (r == null ? void 0 : r.id) === s);
-              }).filter((s) => s !== void 0) : []
+                return (m = i.data) == null ? void 0 : m.find((s) => (s == null ? void 0 : s.id) === r);
+              }).filter((r) => r !== void 0) : []
             ), g.locationTypes.length > 0 ? h("isLocationRequired", !0) : h("isLocationRequired", !1);
           }
         }
         S((i) => !i);
       } catch (t) {
-        W({
+        j({
           message: `Error in manage role :${t == null ? void 0 : t.message}`,
           type: "error"
         }), S((i) => !i);
       }
     })();
-  }, [N, C]), /* @__PURE__ */ a(
+  }, [N, q]), /* @__PURE__ */ a(
     ge,
     {
-      open: C !== 0,
-      onClose: k,
+      open: q !== 0,
+      onClose: F,
       "data-testid": "managerole-modal",
       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(
         H,
         {
           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: (e) => e.palette.custom.customBackground },
-          children: /* @__PURE__ */ o(ee, { isLoading: te, children: [
-            /* @__PURE__ */ o("div", { className: "px-8 pt-8 pb-4 flex items-center justify-between", children: [
+          children: /* @__PURE__ */ l(ee, { isLoading: te, children: [
+            /* @__PURE__ */ l("div", { className: "px-8 pt-8 pb-4 flex items-center justify-between", children: [
               /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
                 H,
                 {
@@ -317,23 +322,23 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
                 fe,
                 {
                   size: "small",
-                  onClick: k,
+                  onClick: F,
                   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__ */ a(Me, { icon: Be, size: "lg" })
                 }
               )
             ] }),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ l(
               "form",
               {
                 onSubmit: oe(ue),
                 ref: G,
                 className: "px-8 pb-8 space-y-6 overflow-y-auto max-h-[80vh]",
                 children: [
-                  /* @__PURE__ */ o("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+                  /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
                     /* @__PURE__ */ a(y, { variant: "outlined", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(d, { label: "Role Name", children: /* @__PURE__ */ a(
-                      j,
+                      W,
                       {
                         placeholder: "Role Name",
                         name: "name",
@@ -349,7 +354,7 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
                         label: "Max Position",
                         tooltip: "This is the maximum no of users that can be created at one location of this role type",
                         children: /* @__PURE__ */ a(
-                          j,
+                          W,
                           {
                             name: "maxPosition",
                             id: "maxPosition",
@@ -373,7 +378,7 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
                       }
                     ) }) }),
                     f.role.showMaxHealthData && /* @__PURE__ */ a(y, { variant: "outlined", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(d, { label: "Max Health Infrastructure", children: /* @__PURE__ */ a(
-                      j,
+                      W,
                       {
                         name: "maxHealthInfra",
                         id: "maxHealthInfra",
@@ -425,8 +430,8 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
                       )
                     }
                   ) }),
-                  /* @__PURE__ */ o("div", { className: "space-y-4", children: [
-                    (ce === !0 || se) && /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                  /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+                    (ce === !0 || re) && /* @__PURE__ */ a(P, { children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
                       d,
                       {
                         label: "Location",
@@ -496,7 +501,7 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
                         )
                       }
                     ) }),
-                    /* @__PURE__ */ o("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+                    /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
                       f.role.showRoleType && /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
                         d,
                         {
@@ -509,7 +514,7 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
                               control: n,
                               id: "roleType",
                               name: "roleType",
-                              options: Fe,
+                              options: ke,
                               displayName: "name",
                               optionValue: "name",
                               errors: c,
@@ -560,7 +565,7 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
                         )
                       }
                     ) }) }),
-                    f.role.showCategoryIds && /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a("div", { className: "space-y-4", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                    f.role.showCategoryIds && /* @__PURE__ */ a(P, { children: /* @__PURE__ */ a("div", { className: "space-y-4", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
                       d,
                       {
                         label: "Category",
@@ -581,7 +586,7 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
                       }
                     ) }) }) })
                   ] }),
-                  /* @__PURE__ */ o("div", { className: "flex items-center gap-6", children: [
+                  /* @__PURE__ */ l("div", { className: "flex items-center gap-6", children: [
                     f.role.showBankDetailsRequired && /* @__PURE__ */ a(
                       y,
                       {
@@ -612,26 +617,20 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
                         )
                       }
                     ),
-                    !p && /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(y, { 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__ */ a(
-                          $,
-                          {
-                            name: "canSelfManage",
-                            control: n,
-                            isFullWidth: !1,
-                            "data-testid": "managerole-self-manage-checkbox"
-                          }
-                        )
-                      }
-                    ) }) }) })
+                    !p && /* @__PURE__ */ a(P, { children: /* @__PURE__ */ a(y, { variant: "outlined ", className: "w-[40%]", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ a("label", { className: "text-sm font-medium text-gray-700", children: "Self Manage" }),
+                      /* @__PURE__ */ a(
+                        $,
+                        {
+                          name: "canSelfManage",
+                          control: n,
+                          isFullWidth: !1,
+                          "data-testid": "managerole-self-manage-checkbox"
+                        }
+                      )
+                    ] }) }) })
                   ] }),
-                  de && /* @__PURE__ */ o("div", { className: "flex items-center gap-6 w-full", children: [
+                  de && /* @__PURE__ */ l("div", { className: "flex items-center gap-6 w-full", children: [
                     /* @__PURE__ */ a(
                       y,
                       {
@@ -666,6 +665,7 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
                       {
                         label: "Authentication Method",
                         tooltip: "Select which authentication method users of this role will use",
+                        required: !0,
                         children: /* @__PURE__ */ a(
                           Z,
                           {
@@ -692,8 +692,8 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
                         {
                           label: "Mandatory Fields",
                           tooltip: "These fields are Mandatory when creating users of this role type",
-                          children: /* @__PURE__ */ o(pe, { row: !0, children: [
-                            P == null ? void 0 : P.map((e) => /* @__PURE__ */ a(
+                          children: /* @__PURE__ */ l(pe, { row: !0, children: [
+                            A == null ? void 0 : A.map((e) => /* @__PURE__ */ a(
                               $,
                               {
                                 control: n,
@@ -719,7 +719,7 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
                       )
                     }
                   ) }),
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ l(
                     H,
                     {
                       className: "flex items-center justify-end gap-3 pt-6 border-t",
@@ -731,7 +731,7 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
                             variant: "contained",
                             color: "secondary",
                             size: "small",
-                            onClick: k,
+                            onClick: F,
                             "data-testid": "managerole-close-button",
                             children: E("Close")
                           }
@@ -760,15 +760,15 @@ const Fe = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Le = [
   );
 };
 De.propTypes = {
-  isUpdate: b.bool,
-  role: b.object,
-  onClose: b.func,
-  open: b.bool,
-  setOpen: b.func,
-  selectedId: b.string,
-  isRoleListModified: b.bool
+  isUpdate: v.bool,
+  role: v.object,
+  onClose: v.func,
+  open: v.bool,
+  setOpen: v.func,
+  selectedId: v.string,
+  isRoleListModified: v.bool
 };
 export {
   De as default
 };
-//# sourceMappingURL=ManageRole-CZAk-IlM.js.map
+//# sourceMappingURL=ManageRole-B9bs_T00.js.map