@argusoft/medplat-core 1.0.30 → 1.0.32

package/dist/ManageRole-CyfpySt9.js

@@ -0,0 +1,981 @@
+import { jsxs as r, jsx as a, Fragment as ee } from "react/jsx-runtime";
+import { useRef as A, useState as se, useEffect as Z, useCallback as ae } from "react";
+import { Modal as Ee, Box as G, IconButton as ke, Alert as _e, FormControl as C, Tooltip as Be, FormGroup as Fe, Button as me } from "@mui/material";
+import Se from "@/hooks/useTrackEvent";
+import { b as qe, a as Le, c as Ae, e as De } from "./Roles-BoNGJhtR.js";
+import { getRoleList as Oe, getLocationTypes as Pe, execute as te } from "@/common/services/GlobalApis";
+import { showToast as le } from "@/common/toaster/toaster";
+import { useForm as He } from "react-hook-form";
+import { yupResolver as We } from "@hookform/resolvers/yup";
+import "@/assets/scss/scrollBar.scss";
+import { FormItem as g } from "@/views/custom-components/FormItem.jsx";
+import * as R from "yup";
+import V from "@/views/custom-components/CustomTextField";
+import ue from "@/views/custom-components/CustomDropdown";
+import oe from "@/views/custom-components/CustomCheckBox";
+import L from "@/views/custom-components/CustomAutoComplete";
+import { useTranslateProvider as $e } from "@/common/languageTranslator/TranslationContext";
+import { FontAwesomeIcon as he } from "@fortawesome/react-fontawesome";
+import { faXmark as je, faCircleInfo as Ue } from "@fortawesome/free-solid-svg-icons";
+import ze from "@/common/services/util/GeneralUtil";
+import x from "@/common/config/implementationConfig";
+import k from "prop-types";
+import re from "@/views/custom-components/CustomToggleSwitch";
+import { useSelector as Ge } from "react-redux";
+import { getUseSkeleton as Ve } from "@/store/reducers/SkeletonReducer";
+const fe = ({ children: d, isLoading: i }) => !Ge(Ve) || !i ? d : /* @__PURE__ */ r("div", { className: "pt-6 h-[88vh]", children: [
+  /* @__PURE__ */ r("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__ */ r("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((s) => /* @__PURE__ */ r("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" })
+    ] }, s)) }),
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-6 w-full", children: /* @__PURE__ */ r("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__ */ r("div", { className: "space-y-4", children: [
+      [1, 2].map((s) => /* @__PURE__ */ r("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" })
+      ] }, s)),
+      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [1, 2].map((s) => /* @__PURE__ */ r("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" })
+      ] }, s)) }),
+      [1, 2].map((s) => /* @__PURE__ */ r("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" })
+      ] }, s))
+    ] }),
+    /* @__PURE__ */ r("div", { className: "flex items-center gap-6", children: [
+      /* @__PURE__ */ r("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__ */ r("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__ */ r("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((s) => /* @__PURE__ */ r("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" })
+      ] }, s)) })
+    ] })
+  ] }),
+  /* @__PURE__ */ r("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" })
+  ] })
+] });
+fe.propTypes = {
+  children: k.any,
+  isLoading: k.any
+};
+const D = 50, Ze = /^[A-Z]+(_[A-Z]+)*$/, Xe = [
+  "TWO",
+  "THREE",
+  "FOUR",
+  "FIVE",
+  "SIX",
+  "SEVEN",
+  "EIGHT",
+  "NINE",
+  "TEN"
+], ge = 400, Ke = (d = "") => d.toUpperCase().replace(/[^A-Z]+/g, "_").replace(/^_+|_+$/g, "").slice(0, D).replace(/_+$/g, ""), Ye = (d = "") => d.toUpperCase().replace(/[^A-Z_]/g, "").slice(0, D), Je = (d, i) => {
+  const u = D - i.length - 1, s = d.slice(0, Math.max(u, 0)).replace(/_+$/g, "");
+  return s ? `${s}_${i}` : "";
+}, Qe = (d, i, u) => {
+  const s = (f) => {
+    const M = i.get(f);
+    return !M || M.roleId === u;
+  };
+  return s(d) ? d : Xe.map((f) => Je(d, f)).find(
+    (f) => f && s(f)
+  ) ?? "";
+}, ea = ({
+  name: d,
+  code: i,
+  roleId: u,
+  isLocked: s,
+  isOpen: f,
+  setValue: M,
+  trigger: B
+}) => {
+  const E = A(/* @__PURE__ */ new Map()), p = A(!1), S = A(0), [X, v] = se({ state: "idle", message: "" });
+  Z(() => {
+    f || (p.current = !1, E.current = /* @__PURE__ */ new Map(), v({ state: "idle", message: "" }));
+  }, [f]);
+  const w = ae(async (T) => {
+    const t = S.current + 1;
+    S.current = t;
+    const { data: y } = await qe(T);
+    if (t !== S.current)
+      return null;
+    const n = /* @__PURE__ */ new Map();
+    return ((y == null ? void 0 : y.result) ?? []).forEach((F) => {
+      F != null && F.roleCode && n.set(F.roleCode.trim().toUpperCase(), F);
+    }), E.current = n, n;
+  }, []), K = ae(
+    (T) => {
+      const t = E.current.get((T ?? "").toUpperCase());
+      return !t || t.roleId === u;
+    },
+    [u]
+  ), W = ae(() => {
+    p.current = !0;
+  }, []);
+  return Z(() => {
+    if (!f || s || p.current)
+      return;
+    const T = Ke(d);
+    if (!T) {
+      E.current = /* @__PURE__ */ new Map(), M("code", ""), v({ state: "idle", message: "" });
+      return;
+    }
+    v({ state: "checking", message: "Checking availability..." });
+    const t = setTimeout(async () => {
+      try {
+        const y = await w(T);
+        if (!y)
+          return;
+        const n = Qe(T, y, u);
+        M("code", n), v(
+          n ? {
+            state: "available",
+            message: "System generated, you can change it"
+          } : {
+            state: "taken",
+            message: "Could not generate a free code, please enter one"
+          }
+        ), B("code");
+      } catch (y) {
+        console.error(y), v({
+          state: "error",
+          message: "Could not verify Role Code availability"
+        });
+      }
+    }, ge);
+    return () => clearTimeout(t);
+  }, [d, f, s, u, w, M, B]), Z(() => {
+    if (!f || s || !p.current)
+      return;
+    if (!i) {
+      E.current = /* @__PURE__ */ new Map(), v({ state: "idle", message: "" });
+      return;
+    }
+    v({ state: "checking", message: "Checking availability..." });
+    const T = setTimeout(async () => {
+      try {
+        const t = await w(i);
+        if (!t)
+          return;
+        const y = t.get(i.toUpperCase());
+        v(
+          y && y.roleId !== u ? {
+            state: "taken",
+            message: `Already used by "${y.roleName}"`
+          } : { state: "available", message: "Role Code is available" }
+        ), B("code");
+      } catch (t) {
+        console.error(t), v({
+          state: "error",
+          message: "Could not verify Role Code availability"
+        });
+      }
+    }, ge);
+    return () => clearTimeout(T);
+  }, [i, f, s, u, w, B]), { status: X, isCodeAvailable: K, markAsManuallyEdited: W };
+}, aa = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], ta = [
+  { label: "Authenticator App", value: "AUTHENTICATOR_APP" }
+], la = ({
+  selectedId: d,
+  isUpdate: i,
+  open: u,
+  setOpen: s,
+  isRoleListModified: f
+}) => {
+  var de;
+  const M = A(null), B = A(!1), E = Se(), [p, S] = se({}), [X, v] = se(!1), w = !!(i && ((de = p == null ? void 0 : p.roleData) != null && de.code)), K = i && !w, W = A(() => !0), T = R.object().shape({
+    name: R.string().required("Enter Role Name"),
+    code: w ? R.string().notRequired() : R.string().required("Enter Role Code").max(
+      D,
+      `Role Code cannot be longer than ${D} characters`
+    ).test("role-code-format", "Enter a valid Role Code", function(e) {
+      return e ? /[^A-Z_]/.test(e) ? this.createError({
+        message: "Role Code can contain capital letters and underscores only"
+      }) : e.startsWith("_") ? this.createError({
+        message: "Role Code cannot start with an underscore"
+      }) : e.endsWith("_") ? this.createError({
+        message: "Role Code cannot end with an underscore"
+      }) : e.includes("__") ? this.createError({
+        message: "Role Code cannot contain two underscores in a row"
+      }) : Ze.test(e) : !0;
+    }).test(
+      "role-code-available",
+      "This Role Code is already in use",
+      (e) => W.current(e)
+    ),
+    locationTypes: R.array().when("isLocationRequired", {
+      is: !0,
+      then: (e) => e.min(1, "Select Location Type").required("Select Location Type"),
+      otherwise: (e) => e.notRequired()
+    }),
+    roleType: x.role.showRoleType ? R.string().required("Select Role Type") : R.string().notRequired(),
+    isBankDetailsRequired: x.role.showBankDetailsRequired ? R.boolean().nullable().defined("Please Select a Value") : R.boolean().notRequired(),
+    healthInfrastructureIds: R.array().when("isHealthInfraMandatory", {
+      is: !0,
+      then: (e) => e.min(1, "Select Health Infrastructure Type").required("Select Health Infrastructure Type"),
+      otherwise: (e) => e.notRequired()
+    }),
+    twoFactorType: R.string().when("isTwoFactorEnabled", {
+      is: !0,
+      then: (e) => e.required("Select Authentication Method"),
+      otherwise: (e) => e.notRequired().nullable()
+    })
+  }), {
+    control: t,
+    handleSubmit: y,
+    formState: { errors: n, isSubmitting: F },
+    setValue: N,
+    // getValues,
+    watch: _,
+    reset: pe,
+    trigger: ye
+  } = He({
+    defaultValues: {
+      name: "",
+      locationTypes: [],
+      maxPosition: "",
+      maxHealthInfra: "",
+      roleType: "",
+      isLastNameMandatory: !1,
+      isAadharNumMandatory: !1,
+      isEmailMandatory: !1,
+      isContactNumMandatory: !1,
+      isConvoxIdMandatory: !1,
+      isHealthInfraMandatory: !1,
+      isGeolocationMandatory: !1,
+      roleIds: [],
+      canManageRoleIds: [],
+      manageByTeamTypeIds: [],
+      canSelfManage: !1,
+      healthInfrastructureIds: [],
+      categoryIds: [],
+      isBankDetailsRequired: !1,
+      isBankDetailsMandatory: !1,
+      isTwoFactorEnabled: !1,
+      twoFactorType: "",
+      id: "",
+      code: "",
+      description: "",
+      createdBy: "",
+      state: "",
+      createdOn: "",
+      assignedFeatureList: "",
+      assignedFeatures: "",
+      isSmagTrainedMandatory: "",
+      isLocationRequired: !0,
+      isNodalMandatory: !1
+    },
+    resolver: We(T),
+    mode: "onChange",
+    shouldUnregister: !1
+  }), be = _("isBankDetailsRequired"), ve = _("isTwoFactorEnabled"), ne = _("roleType"), we = ne === "WEB" || ne === "BOTH", Y = _("locationTypes"), { translate: J } = $e(), Ne = _("isLocationRequired"), Te = _("isHealthInfraMandatory"), Ie = _("name"), Re = _("code"), {
+    status: ie,
+    isCodeAvailable: Ce,
+    markAsManuallyEdited: xe
+  } = ea({
+    name: Ie,
+    code: Re,
+    roleId: d,
+    isLocked: w,
+    isOpen: u !== 0,
+    setValue: N,
+    trigger: ye
+  });
+  W.current = Ce;
+  const Q = [
+    { label: "Email", value: "isEmailMandatory" },
+    { label: "Aadhar Number", value: "isAadharNumMandatory" },
+    { label: "Contact Number", value: "isContactNumMandatory" },
+    { label: "Convox Id", value: "isConvoxIdMandatory" },
+    { label: "Last Name", value: "isLastNameMandatory" },
+    { label: "Health Infrastructure", value: "isHealthInfraMandatory" },
+    { label: "GeoLocation", value: "isGeolocationMandatory" },
+    { label: "Smag Trained", value: "isSmagTrainedMandatory" },
+    { label: "Nodal", value: "isNodalMandatory" },
+    { label: "PFMS Code", value: "isPfmsCodeMandatory" },
+    { label: "SNA Beneficiary ID", value: "isSnaBeneficiaryIdMandatory" }
+  ].filter((e) => {
+    var l;
+    return ((l = x.role.mandatoryFieldsToExclude) == null ? void 0 : l.length) > 0 ? !x.role.mandatoryFieldsToExclude.includes(e.value) : !0;
+  }), $ = () => {
+    s(0), pe(), E("conversion_event", {
+      form: M.current,
+      form_name: "Manage Role",
+      submit: B.current
+    }), E("button_click", {
+      button_name: "add role close button",
+      button_type: "cancel",
+      button_id: "managerole-close-button"
+    });
+  }, q = (e, l, h) => {
+    N(h, l);
+  }, Me = async (e) => {
+    var l, h, j;
+    try {
+      E("button_click", {
+        button_name: i ? "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, i || (delete e.id, delete e.state, delete e.createdOn, delete e.createdBy, delete e.description, delete e.assignedFeatures, delete e.assignedFeatureList), w || (e.code = (l = e.code) == null ? void 0 : l.trim().toUpperCase()), 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(
+        (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, i ? await Ae(e) : await De(e), le({
+        type: "success",
+        message: `Role ${i ? "Updated" : "Added"} Successfully`
+      }), B.current = !0, $(), f();
+    } catch (o) {
+      le({
+        type: "error",
+        message: `Role Cannot be added: ${(j = (h = o == null ? void 0 : o.response) == null ? void 0 : h.data) == null ? void 0 : j.message}`
+      });
+    }
+  };
+  return Z(() => {
+    (async () => {
+      try {
+        v((h) => !h);
+        const l = ze.getEnv();
+        if (u !== 0) {
+          const [h, j, o, U, z] = await Promise.all([
+            Oe(),
+            Pe(),
+            te({
+              code: "team_all_types_for_roles",
+              parameters: {}
+            }),
+            te({
+              code: "retrieve_field_values_for_form_field",
+              parameters: {
+                form: "WEB",
+                fieldKey: "role_catg"
+              }
+            }),
+            te({
+              code: "retrieve_field_values_for_form_field",
+              parameters: {
+                form: "WEB",
+                fieldKey: "infra_type"
+              }
+            })
+          ]);
+          if (S((I) => {
+            var O, P, H;
+            return {
+              ...I,
+              roles: h.data,
+              locationData: j.data,
+              manageTeam: (O = o == null ? void 0 : o.data) == null ? void 0 : O.result,
+              category: (P = U == null ? void 0 : U.data) == null ? void 0 : P.result,
+              healthInfraType: (H = z == null ? void 0 : z.data) == null ? void 0 : H.result
+            };
+          }), d) {
+            const { data: I } = await Le(d);
+            S((c) => ({ ...c, roleData: I, env: l })), Object.keys(I).map((c) => N(c, I[c])), N("isBankDetailsRequired", I.isBankDetailsRequired), N("isBankDetailsMandatory", I.isBankDetailsMandatory);
+            const {
+              manageByTeamTypeIds: O,
+              healthInfrastructureIds: P,
+              roleIds: H,
+              categoryIds: ce
+            } = I;
+            N(
+              "manageByTeamTypeIds",
+              O ? O.map(
+                (c) => {
+                  var b;
+                  return (b = o.data.result) == null ? void 0 : b.find((m) => (m == null ? void 0 : m.id) === c);
+                }
+              ) : []
+            ), N(
+              "healthInfrastructureIds",
+              P ? P.map(
+                (c) => {
+                  var b;
+                  return (b = z.data.result) == null ? void 0 : b.find(
+                    (m) => (m == null ? void 0 : m.id) === c
+                  );
+                }
+              ).filter((c) => c !== void 0) : []
+            ), N(
+              "categoryIds",
+              ce ? ce.map(
+                (c) => {
+                  var b;
+                  return (b = U.data.result) == null ? void 0 : b.find((m) => (m == null ? void 0 : m.id) === c);
+                }
+              ) : []
+            ), N(
+              "roleIds",
+              H ? H.map((c) => {
+                var b;
+                return (b = h.data) == null ? void 0 : b.find((m) => (m == null ? void 0 : m.id) === c);
+              }).filter((c) => c !== void 0) : []
+            ), N(
+              "canManageRoleIds",
+              I.canManageRoleIds ? I.canManageRoleIds.map((c) => {
+                var b;
+                return (b = h.data) == null ? void 0 : b.find((m) => (m == null ? void 0 : m.id) === c);
+              }).filter((c) => c !== void 0) : []
+            ), I.locationTypes.length > 0 ? N("isLocationRequired", !0) : N("isLocationRequired", !1);
+          }
+        }
+        v((h) => !h);
+      } catch (l) {
+        le({
+          message: `Error in manage role :${l == null ? void 0 : l.message}`,
+          type: "error"
+        }), v((h) => !h);
+      }
+    })();
+  }, [d, u]), /* @__PURE__ */ a(
+    Ee,
+    {
+      open: u !== 0,
+      onClose: $,
+      "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(
+        G,
+        {
+          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__ */ r(fe, { isLoading: X, children: [
+            /* @__PURE__ */ r("div", { className: "px-8 pt-8 pb-4 flex items-center justify-between", children: [
+              /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
+                G,
+                {
+                  component: "h2",
+                  className: "text-2xl font-bold text-customBlue",
+                  sx: { color: "text.primary" },
+                  children: i ? "Update Role" : "Add New Role"
+                }
+              ) }),
+              /* @__PURE__ */ a(
+                ke,
+                {
+                  size: "small",
+                  onClick: $,
+                  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(he, { icon: je, size: "lg" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r(
+              "form",
+              {
+                onSubmit: y(Me),
+                ref: M,
+                className: "px-8 pb-8 space-y-6 overflow-y-auto max-h-[80vh]",
+                children: [
+                  /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+                    K && /* @__PURE__ */ a(
+                      _e,
+                      {
+                        severity: "warning",
+                        "data-testid": "managerole-legacy-code-alert",
+                        children: "This role does not have a Role Code yet. A code has been generated below — review or edit it before saving, as it cannot be changed once this role is saved with a code."
+                      }
+                    ),
+                    /* @__PURE__ */ r("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+                      /* @__PURE__ */ a(C, { variant: "outlined", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(g, { label: "Role Name", children: /* @__PURE__ */ a(
+                        V,
+                        {
+                          placeholder: "Role Name",
+                          name: "name",
+                          id: "name",
+                          errors: n,
+                          control: t,
+                          dataTestId: "managerole-role-name-field"
+                        }
+                      ) }) }) }),
+                      /* @__PURE__ */ a(C, { variant: "outlined", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                        g,
+                        {
+                          label: "Role Code",
+                          required: !w,
+                          additionalLabel: /* @__PURE__ */ a(
+                            Be,
+                            {
+                              arrow: !0,
+                              placement: "top",
+                              title: w ? "This role already has a saved Role Code. Once a Role Code is set it can never be changed, so this field is locked." : "Auto-generated from the Role Name (capital letters and underscores only) as you type. Edit it yourself at any time — once you do, it stops following the Role Name. After you save this role, its Role Code becomes permanent and this field will be locked on every future edit.",
+                              children: /* @__PURE__ */ a(
+                                G,
+                                {
+                                  component: "span",
+                                  className: "cursor-help",
+                                  sx: { color: "info.main", display: "inline-flex" },
+                                  "data-testid": "managerole-role-code-info-icon",
+                                  children: /* @__PURE__ */ a(he, { icon: Ue, size: "sm" })
+                                }
+                              )
+                            }
+                          ),
+                          children: /* @__PURE__ */ a(
+                            V,
+                            {
+                              placeholder: "ROLE_CODE",
+                              name: "code",
+                              id: "code",
+                              errors: n,
+                              control: t,
+                              disabled: w,
+                              successMessage: w ? "" : ie.message,
+                              inputProps: { maxLength: D },
+                              onChange: (e) => {
+                                xe(), N("code", Ye(e.target.value), {
+                                  shouldValidate: !0
+                                });
+                              },
+                              dataTestId: "managerole-role-code-field"
+                            }
+                          )
+                        }
+                      ) }) })
+                    ] }),
+                    /* @__PURE__ */ r("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+                      /* @__PURE__ */ a(C, { variant: "outlined", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                        g,
+                        {
+                          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(
+                            V,
+                            {
+                              name: "maxPosition",
+                              id: "maxPosition",
+                              errors: n,
+                              control: t,
+                              rules: {
+                                maxLength: 3,
+                                pattern: /^\d{1,3}$/
+                              },
+                              inputProps: {
+                                maxLength: 3,
+                                inputMode: "numeric",
+                                pattern: "[0-9]*",
+                                onInput: (e) => {
+                                  e.target.value = e.target.value.replace(/\D/g, "");
+                                }
+                              },
+                              dataTestId: "managerole-max-position-field"
+                            }
+                          )
+                        }
+                      ) }) }),
+                      x.role.showMaxHealthData && /* @__PURE__ */ a(C, { variant: "outlined", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(g, { label: "Max Health Infrastructure", children: /* @__PURE__ */ a(
+                        V,
+                        {
+                          name: "maxHealthInfra",
+                          id: "maxHealthInfra",
+                          control: t,
+                          errors: n,
+                          rules: {
+                            maxLength: 3,
+                            pattern: /^\d{1,3}$/
+                          },
+                          inputProps: {
+                            maxLength: 3,
+                            inputMode: "numeric",
+                            pattern: "[0-9]*",
+                            onInput: (e) => {
+                              e.target.value = e.target.value.replace(
+                                /\D/g,
+                                ""
+                              );
+                            }
+                          },
+                          dataTestId: "managerole-max-health-infra-field"
+                        }
+                      ) }) }) })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-6 w-full", children: /* @__PURE__ */ a(
+                    C,
+                    {
+                      variant: "outlined",
+                      className: "flex flex-row items-center w-full ",
+                      children: /* @__PURE__ */ a(
+                        g,
+                        {
+                          label: "Location Required",
+                          required: !0,
+                          direction: "row",
+                          children: /* @__PURE__ */ a(
+                            re,
+                            {
+                              control: t,
+                              name: "isLocationRequired",
+                              options: [
+                                { label: "Yes", value: !0 },
+                                { label: "No", value: !1 }
+                              ],
+                              errors: n
+                            }
+                          )
+                        }
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+                    (Ne === !0 || F) && /* @__PURE__ */ a(ee, { children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                      g,
+                      {
+                        label: "Location",
+                        required: !0,
+                        tooltip: "The OU level where users of this role perform their job function",
+                        children: /* @__PURE__ */ a(
+                          L,
+                          {
+                            id: "locationTypes",
+                            control: t,
+                            name: "locationTypes",
+                            options: p.locationData,
+                            value: Y == null ? void 0 : Y.map(
+                              (e) => {
+                                var l;
+                                return (l = p.locationData) == null ? void 0 : l.find(
+                                  (h) => h.type === (e == null ? void 0 : e.type)
+                                );
+                              }
+                            ),
+                            errors: n,
+                            getOptionLabel: (e) => e == null ? void 0 : e.name,
+                            dataTestId: "managerole-location-type-select",
+                            checkEquality: "type",
+                            onChange: (e, l) => q(e, l, "locationTypes")
+                          }
+                        )
+                      }
+                    ) }) }),
+                    /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                      g,
+                      {
+                        label: "Can Manage Role",
+                        tooltip: "Please select the roles that shall be managed by this role",
+                        children: /* @__PURE__ */ a(
+                          L,
+                          {
+                            name: "roleIds",
+                            id: "roleIds",
+                            errors: n,
+                            control: t,
+                            dataTestId: "managerole-manage-role-select",
+                            options: p.roles,
+                            onChange: (e, l) => q(e, l, "roleIds"),
+                            getOptionLabel: (e) => e == null ? void 0 : e.name
+                          }
+                        )
+                      }
+                    ) }),
+                    x.role.showManagedFrom && /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                      g,
+                      {
+                        label: "Managed From",
+                        tooltip: "Please select the roles that can manage  this role",
+                        children: /* @__PURE__ */ a(
+                          L,
+                          {
+                            name: "canManageRoleIds",
+                            id: "canManageRoleIds",
+                            errors: n,
+                            control: t,
+                            dataTestId: "managerole-managed-by-role-select",
+                            options: p.roles,
+                            onChange: (e, l) => q(e, l, "canManageRoleIds"),
+                            getOptionLabel: (e) => e == null ? void 0 : e.name
+                          }
+                        )
+                      }
+                    ) }),
+                    /* @__PURE__ */ r("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+                      x.role.showRoleType && /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                        g,
+                        {
+                          label: "Role Type",
+                          tooltip: "Please select Role Type",
+                          required: !0,
+                          children: /* @__PURE__ */ a(
+                            ue,
+                            {
+                              control: t,
+                              id: "roleType",
+                              name: "roleType",
+                              options: aa,
+                              displayName: "name",
+                              optionValue: "name",
+                              errors: n,
+                              dataTestId: "managerole-role-type-dropdown"
+                            }
+                          )
+                        }
+                      ) }),
+                      x.role.showCanManageTeam && /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                        g,
+                        {
+                          label: "Can Manage Team",
+                          tooltip: "Please select the teams that shall be managed by this role",
+                          children: /* @__PURE__ */ a(
+                            L,
+                            {
+                              control: t,
+                              name: "manageByTeamTypeIds",
+                              id: "manageByTeamTypeIds",
+                              errors: n,
+                              options: p.manageTeam,
+                              dataTestId: "managerole-manage-team-select",
+                              onChange: (e, l) => q(e, l, "manageByTeamTypeIds"),
+                              getOptionLabel: (e) => e == null ? void 0 : e.type
+                            }
+                          )
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ a("div", { className: "space-y-4", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                      g,
+                      {
+                        label: "Select Health Infrastructure type",
+                        tooltip: "Please select the institute to be associated with the role",
+                        required: Te,
+                        children: /* @__PURE__ */ a(
+                          L,
+                          {
+                            options: p.healthInfraType,
+                            errors: n,
+                            name: "healthInfrastructureIds",
+                            id: "healthInfrastructureIds",
+                            dataTestId: "managerole-health-infrastructure-select",
+                            control: t,
+                            onChange: (e, l) => q(e, l, "healthInfrastructureIds"),
+                            getOptionLabel: (e) => e == null ? void 0 : e.value
+                          }
+                        )
+                      }
+                    ) }) }),
+                    x.role.showCategoryIds && /* @__PURE__ */ a(ee, { children: /* @__PURE__ */ a("div", { className: "space-y-4", children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: /* @__PURE__ */ a(
+                      g,
+                      {
+                        label: "Category",
+                        tooltip: "Please select the category to be associated with the role",
+                        children: /* @__PURE__ */ a(
+                          L,
+                          {
+                            id: "categoryIds",
+                            name: "categoryIds",
+                            errors: n,
+                            options: p.category,
+                            dataTestId: "managerole-role-category-select",
+                            control: t,
+                            onChange: (e, l) => q(e, l, "categoryIds"),
+                            getOptionLabel: (e) => e == null ? void 0 : e.value
+                          }
+                        )
+                      }
+                    ) }) }) })
+                  ] }),
+                  /* @__PURE__ */ r("div", { className: "flex items-center gap-6", children: [
+                    x.role.showBankDetailsRequired && /* @__PURE__ */ a(
+                      C,
+                      {
+                        variant: "outlined",
+                        className: "flex flex-row items-center w-[60%] ",
+                        children: /* @__PURE__ */ a(
+                          g,
+                          {
+                            label: "Bank Details Required",
+                            tooltip: "Select if bank details are required for this role",
+                            required: !0,
+                            labelWidth: "50%",
+                            childrenWidth: "50%",
+                            direction: "row",
+                            children: /* @__PURE__ */ a(
+                              re,
+                              {
+                                control: t,
+                                name: "isBankDetailsRequired",
+                                options: [
+                                  { label: "Yes", value: !0 },
+                                  { label: "No", value: !1 }
+                                ],
+                                errors: n
+                              }
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    !i && /* @__PURE__ */ a(ee, { children: /* @__PURE__ */ a(C, { variant: "outlined ", className: "w-[40%]", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ a("label", { className: "text-sm font-medium text-gray-700", children: "Self Manage" }),
+                      /* @__PURE__ */ a(
+                        oe,
+                        {
+                          name: "canSelfManage",
+                          control: t,
+                          isFullWidth: !1,
+                          "data-testid": "managerole-self-manage-checkbox"
+                        }
+                      )
+                    ] }) }) })
+                  ] }),
+                  we && /* @__PURE__ */ r("div", { className: "flex items-center gap-6 w-full", children: [
+                    /* @__PURE__ */ a(
+                      C,
+                      {
+                        variant: "outlined",
+                        className: "flex flex-row items-center w-[50%]",
+                        children: /* @__PURE__ */ a(
+                          g,
+                          {
+                            label: "Two-Factor Authentication",
+                            tooltip: "Require users of this role to use a two-factor authentication app",
+                            labelWidth: "60%",
+                            childrenWidth: "40%",
+                            direction: "row",
+                            children: /* @__PURE__ */ a(
+                              re,
+                              {
+                                control: t,
+                                name: "isTwoFactorEnabled",
+                                options: [
+                                  { label: "Yes", value: !0 },
+                                  { label: "No", value: !1 }
+                                ],
+                                errors: n
+                              }
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    ve === !0 && /* @__PURE__ */ a(C, { variant: "outlined", className: "w-[50%]", children: /* @__PURE__ */ a(
+                      g,
+                      {
+                        label: "Authentication Method",
+                        tooltip: "Select which authentication method users of this role will use",
+                        required: !0,
+                        children: /* @__PURE__ */ a(
+                          ue,
+                          {
+                            control: t,
+                            id: "twoFactorType",
+                            name: "twoFactorType",
+                            options: ta,
+                            displayName: "label",
+                            optionValue: "value",
+                            errors: n,
+                            dataTestId: "managerole-two-factor-type-dropdown"
+                          }
+                        )
+                      }
+                    ) })
+                  ] }),
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-6", children: /* @__PURE__ */ a(
+                    C,
+                    {
+                      variant: "outlined",
+                      className: "flex flex-col items-start  justify-between",
+                      children: /* @__PURE__ */ a(
+                        g,
+                        {
+                          label: "Mandatory Fields",
+                          tooltip: "These fields are Mandatory when creating users of this role type",
+                          children: /* @__PURE__ */ r(Fe, { row: !0, children: [
+                            Q == null ? void 0 : Q.map((e) => /* @__PURE__ */ a(
+                              oe,
+                              {
+                                control: t,
+                                name: e.value,
+                                label: e.label,
+                                isFullWidth: !1,
+                                "data-testid": `managerole-mandatory-field-${e.value}`
+                              },
+                              e.value
+                            )),
+                            be === !0 && /* @__PURE__ */ a(
+                              oe,
+                              {
+                                name: "isBankDetailsMandatory",
+                                control: t,
+                                label: "Bank Details",
+                                isFullWidth: !1,
+                                "data-testid": "managerole-bank-details-mandatory-checkbox"
+                              }
+                            )
+                          ] })
+                        }
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ r(
+                    G,
+                    {
+                      className: "flex items-center justify-end gap-3 pt-6 border-t",
+                      sx: { borderColor: "divider" },
+                      children: [
+                        /* @__PURE__ */ a(
+                          me,
+                          {
+                            variant: "contained",
+                            color: "secondary",
+                            size: "small",
+                            onClick: $,
+                            "data-testid": "managerole-close-button",
+                            children: J("Close")
+                          }
+                        ),
+                        /* @__PURE__ */ a(
+                          me,
+                          {
+                            variant: "contained",
+                            color: "primary",
+                            size: "small",
+                            type: "submit",
+                            disabled: ie.state === "checking",
+                            "data-testid": "managerole-submit-button",
+                            children: i ? `${J("Update Role")}` : `${J("Add Role")}`
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        }
+      ) })
+    }
+  );
+};
+la.propTypes = {
+  isUpdate: k.bool,
+  role: k.object,
+  onClose: k.func,
+  open: k.bool,
+  setOpen: k.func,
+  selectedId: k.string,
+  isRoleListModified: k.bool
+};
+export {
+  la as default
+};
+//# sourceMappingURL=ManageRole-CyfpySt9.js.map