@argusoft/medplat-form-engine 1.0.8 → 1.0.10

package/dist/ManageRole-ByqBmjuc-CApL3DJy.js

@@ -0,0 +1,699 @@
+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 { 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 { 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 * as N from "yup";
+import E 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 { 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 Y from "@/views/custom-components/CustomToggleSwitch";
+import { useSelector as Te } 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: [
+  /* @__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__ */ 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__ */ 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))
+    ] }),
+    /* @__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__ */ 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__ */ 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__ */ 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" })
+  ] })
+] });
+J.propTypes = {
+  children: g.any,
+  isLoading: g.any
+};
+const Me = [{ name: "WEB" }, { name: "MOBILE" }, { name: "BOTH" }], Re = ({
+  selectedId: I,
+  isUpdate: f,
+  open: s,
+  setOpen: Q,
+  isRoleListModified: X
+}) => {
+  const O = G(null), W = G(!1), q = ue(), [d, 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()
+    }),
+    roleType: N.string().required("Select Role Type"),
+    isBankDetailsRequired: y.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()
+    })
+  }), {
+    control: o,
+    handleSubmit: ae,
+    formState: { errors: c, isSubmitting: le },
+    setValue: p,
+    // getValues,
+    watch: L,
+    reset: te
+  } = fe({
+    defaultValues: {
+      name: "",
+      locationTypes: [],
+      maxPosition: "",
+      maxHealthInfra: "",
+      roleType: "",
+      isLastNameMandatory: !1,
+      isAadharNumMandatory: !1,
+      isEmailMandatory: !1,
+      isContactNumMandatory: !1,
+      isConvoxIdMandatory: !1,
+      isHealthInfraMandatory: !1,
+      isGeolocationMandatory: !1,
+      roleIds: [],
+      manageByTeamTypeIds: [],
+      canSelfManage: !1,
+      healthInfrastructureIds: [],
+      categoryIds: [],
+      isBankDetailsRequired: !1,
+      isBankDetailsMandatory: !1,
+      id: "",
+      code: "",
+      description: "",
+      createdBy: "",
+      state: "",
+      createdOn: "",
+      assignedFeatureList: "",
+      assignedFeatures: "",
+      isSmagTrainedMandatory: "",
+      isLocationRequired: !0,
+      isNodalMandatory: !1
+    },
+    resolver: ve(ee),
+    mode: "onChange",
+    shouldUnregister: !1
+  }), re = L("isBankDetailsRequired"), $ = L("locationTypes"), { translate: _ } = Ne(), ie = L("isLocationRequired"), oe = L("isHealthInfraMandatory"), z = [
+    { label: "Email", value: "isEmailMandatory" },
+    ...(d == null ? void 0 : d.env) !== "chip" ? [{ label: "Aadhar Number", value: "isAadharNumMandatory" }] : [],
+    { label: "Contact Number", value: "isContactNumMandatory" },
+    ...(d == null ? void 0 : d.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" }] : [],
+    { label: "Nodal", value: "isNodalMandatory" }
+  ].filter((a) => y.isTecho ? ![
+    "isGeolocationMandatory",
+    "isHealthInfraMandatory",
+    "isLastNameMandatory",
+    "isSmagTrainedMandatory"
+  ].includes(a.value) : y.isSewaRural || y.isPhmp || y.isImomcare ? a.value !== "isNodalMandatory" : y.isEkavach ? ![
+    "isGeolocationMandatory",
+    "isHealthInfraMandatory",
+    "isLastNameMandatory",
+    "isNodalMandatory",
+    "isSmagTrainedMandatory"
+  ].includes(a.value) : !0), B = () => {
+    Q(0), te(), q("conversion_event", {
+      form: O.current,
+      form_name: "Manage Role",
+      submit: W.current
+    }), q("button_click", {
+      button_name: "add role close button",
+      button_type: "cancel",
+      button_id: "managerole-close-button"
+    });
+  }, x = (a, l, v) => {
+    p(v, l);
+  }, se = async (a) => {
+    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(
+        (r) => r == null ? void 0 : r.id
+      ), a.healthInfrastructureIds = a.healthInfrastructureIds.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({
+        type: "success",
+        message: `Role ${f ? "Updated" : "Added"} Successfully`
+      }), W.current = !0, B(), X();
+    } catch (r) {
+      F({
+        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(() => {
+    (async () => {
+      try {
+        k((l) => !l);
+        const a = y.getEnv();
+        if (s !== 0) {
+          const [l, v, r, S, C] = await Promise.all([
+            ye(),
+            ge(),
+            H({
+              code: "team_all_types_for_roles",
+              parameters: {}
+            }),
+            H({
+              code: "retrieve_field_values_for_form_field",
+              parameters: {
+                form: "WEB",
+                fieldKey: "role_catg"
+              }
+            }),
+            H({
+              code: "retrieve_field_values_for_form_field",
+              parameters: {
+                form: "WEB",
+                fieldKey: "infra_type"
+              }
+            })
+          ]);
+          if (U((h) => {
+            var T, w, M;
+            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
+            };
+          }), 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);
+            const {
+              manageByTeamTypeIds: T,
+              healthInfrastructureIds: w,
+              roleIds: M,
+              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);
+                }
+              ) : []
+            ), 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
+                  );
+                }
+              ).filter((i) => i !== 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);
+                }
+              ) : []
+            ), 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) : []
+            ), 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}`,
+          type: "error"
+        }), k((l) => !l);
+      }
+    })();
+  }, [I, s]), /* @__PURE__ */ e(
+    de,
+    {
+      open: s !== 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(
+        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 },
+          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(
+                P,
+                {
+                  component: "h2",
+                  className: "text-2xl font-bold text-customBlue",
+                  sx: { color: "text.primary" },
+                  children: f ? "Update Role" : "Add New Role"
+                }
+              ) }),
+              /* @__PURE__ */ e(
+                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" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t(
+              "form",
+              {
+                onSubmit: ae(se),
+                ref: O,
+                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,
+                      {
+                        placeholder: "Role Name",
+                        name: "name",
+                        id: "name",
+                        errors: c,
+                        control: o,
+                        dataTestId: "managerole-role-name-field"
+                      }
+                    ) }) }) }),
+                    /* @__PURE__ */ e(b, { variant: "outlined", children: /* @__PURE__ */ e("div", { className: "space-y-1.5", children: /* @__PURE__ */ e(
+                      n,
+                      {
+                        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,
+                          {
+                            name: "maxPosition",
+                            id: "maxPosition",
+                            errors: c,
+                            control: o,
+                            rules: {
+                              maxLength: 3,
+                              pattern: /^\d{1,3}$/
+                            },
+                            inputProps: {
+                              maxLength: 3,
+                              inputMode: "numeric",
+                              pattern: "[0-9]*",
+                              onInput: (a) => {
+                                a.target.value = a.target.value.replace(/\D/g, "");
+                              }
+                            },
+                            dataTestId: "managerole-max-position-field"
+                          }
+                        )
+                      }
+                    ) }) }),
+                    !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,
+                      {
+                        name: "maxHealthInfra",
+                        id: "maxHealthInfra",
+                        control: o,
+                        errors: c,
+                        rules: {
+                          maxLength: 3,
+                          pattern: /^\d{1,3}$/
+                        },
+                        inputProps: {
+                          maxLength: 3,
+                          inputMode: "numeric",
+                          pattern: "[0-9]*",
+                          onInput: (a) => {
+                            a.target.value = a.target.value.replace(
+                              /\D/g,
+                              ""
+                            );
+                          }
+                        },
+                        dataTestId: "managerole-max-health-infra-field"
+                      }
+                    ) }) }) })
+                  ] }),
+                  /* @__PURE__ */ e("div", { className: "flex items-center gap-6 w-full", children: /* @__PURE__ */ e(
+                    b,
+                    {
+                      variant: "outlined",
+                      className: "flex flex-row items-center w-full ",
+                      children: /* @__PURE__ */ e(
+                        n,
+                        {
+                          label: "Location Required",
+                          required: !0,
+                          direction: "row",
+                          children: /* @__PURE__ */ e(
+                            Y,
+                            {
+                              control: o,
+                              name: "isLocationRequired",
+                              options: [
+                                { label: "Yes", value: !0 },
+                                { label: "No", value: !1 }
+                              ],
+                              errors: c
+                            }
+                          )
+                        }
+                      )
+                    }
+                  ) }),
+                  /* @__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,
+                      {
+                        label: "Location",
+                        required: !0,
+                        tooltip: "The OU level where users of this role perform their job function",
+                        children: /* @__PURE__ */ e(
+                          R,
+                          {
+                            id: "locationTypes",
+                            control: o,
+                            name: "locationTypes",
+                            options: d.locationData,
+                            value: $ == null ? void 0 : $.map(
+                              (a) => {
+                                var l;
+                                return (l = d.locationData) == null ? void 0 : l.find(
+                                  (v) => v.type === (a == null ? void 0 : a.type)
+                                );
+                              }
+                            ),
+                            errors: c,
+                            getOptionLabel: (a) => a == null ? void 0 : a.name,
+                            dataTestId: "managerole-location-type-select",
+                            checkEquality: "type",
+                            onChange: (a, l) => x(a, l, "locationTypes")
+                          }
+                        )
+                      }
+                    ) }) }),
+                    /* @__PURE__ */ e("div", { className: "space-y-1.5", children: /* @__PURE__ */ e(
+                      n,
+                      {
+                        label: "Can Manage Role",
+                        tooltip: "Please select the roles that shall be managed by this role",
+                        children: /* @__PURE__ */ e(
+                          R,
+                          {
+                            name: "roleIds",
+                            id: "roleIds",
+                            errors: c,
+                            control: o,
+                            dataTestId: "managerole-manage-role-select",
+                            options: d.roles,
+                            onChange: (a, l) => x(a, l, "roleIds"),
+                            getOptionLabel: (a) => a == null ? void 0 : a.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,
+                        {
+                          label: "Role Type",
+                          tooltip: "Please select Role Type",
+                          required: !0,
+                          children: /* @__PURE__ */ e(
+                            be,
+                            {
+                              control: o,
+                              id: "roleType",
+                              name: "roleType",
+                              options: Me,
+                              displayName: "name",
+                              optionValue: "name",
+                              errors: c,
+                              dataTestId: "managerole-role-type-dropdown"
+                            }
+                          )
+                        }
+                      ) }),
+                      /* @__PURE__ */ e("div", { className: "space-y-1.5", children: /* @__PURE__ */ e(
+                        n,
+                        {
+                          label: "Can Manage Team",
+                          tooltip: "Please select the teams that shall be managed by this role",
+                          children: /* @__PURE__ */ e(
+                            R,
+                            {
+                              control: o,
+                              name: "manageByTeamTypeIds",
+                              id: "manageByTeamTypeIds",
+                              errors: c,
+                              options: d.manageTeam,
+                              dataTestId: "managerole-manage-team-select",
+                              onChange: (a, l) => x(a, l, "manageByTeamTypeIds"),
+                              getOptionLabel: (a) => a == null ? void 0 : a.type
+                            }
+                          )
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ e("div", { className: "space-y-4", children: /* @__PURE__ */ e("div", { className: "space-y-1.5", children: /* @__PURE__ */ e(
+                      n,
+                      {
+                        label: "Select Health Infrastructure type",
+                        tooltip: "Please select the institute to be associated with the role",
+                        required: oe,
+                        children: /* @__PURE__ */ e(
+                          R,
+                          {
+                            options: d.healthInfraType,
+                            errors: c,
+                            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
+                          }
+                        )
+                      }
+                    ) }) }),
+                    !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,
+                      {
+                        label: "Category",
+                        tooltip: "Please select the category to be associated with the role",
+                        children: /* @__PURE__ */ e(
+                          R,
+                          {
+                            id: "categoryIds",
+                            name: "categoryIds",
+                            errors: c,
+                            options: d.category,
+                            dataTestId: "managerole-role-category-select",
+                            control: o,
+                            onChange: (a, l) => x(a, l, "categoryIds"),
+                            getOptionLabel: (a) => a == null ? void 0 : a.value
+                          }
+                        )
+                      }
+                    ) }) }) })
+                  ] }),
+                  /* @__PURE__ */ t("div", { className: "flex items-center gap-6", children: [
+                    /* @__PURE__ */ e(
+                      b,
+                      {
+                        variant: "outlined",
+                        className: "flex flex-row items-center w-[60%] ",
+                        children: /* @__PURE__ */ e(
+                          n,
+                          {
+                            label: "Bank Details Required",
+                            tooltip: "Select if bank details are required for this role",
+                            required: !0,
+                            labelWidth: "50%",
+                            childrenWidth: "50%",
+                            direction: "row",
+                            children: /* @__PURE__ */ e(
+                              Y,
+                              {
+                                control: o,
+                                name: "isBankDetailsRequired",
+                                options: [
+                                  { label: "Yes", value: !0 },
+                                  { label: "No", value: !1 }
+                                ],
+                                errors: c
+                              }
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    !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,
+                      {
+                        label: "Self Manage",
+                        labelWidth: "60%",
+                        childrenWidth: "40%",
+                        direction: "row",
+                        children: /* @__PURE__ */ e(
+                          j,
+                          {
+                            name: "canSelfManage",
+                            control: o,
+                            isFullWidth: !1,
+                            "data-testid": "managerole-self-manage-checkbox"
+                          }
+                        )
+                      }
+                    ) }) }) })
+                  ] }),
+                  /* @__PURE__ */ e("div", { className: "flex items-center gap-6", children: /* @__PURE__ */ e(
+                    b,
+                    {
+                      variant: "outlined",
+                      className: "flex flex-col items-start  justify-between",
+                      children: /* @__PURE__ */ e(
+                        n,
+                        {
+                          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(
+                              j,
+                              {
+                                control: o,
+                                name: a.value,
+                                label: a.label,
+                                isFullWidth: !1,
+                                "data-testid": `managerole-mandatory-field-${a.value}`
+                              },
+                              a.value
+                            )),
+                            re === !0 && /* @__PURE__ */ e(
+                              j,
+                              {
+                                name: "isBankDetailsMandatory",
+                                control: o,
+                                label: "Bank Details",
+                                isFullWidth: !1,
+                                "data-testid": "managerole-bank-details-mandatory-checkbox"
+                              }
+                            )
+                          ] })
+                        }
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ t(
+                    P,
+                    {
+                      className: "flex items-center justify-end gap-3 pt-6 border-t",
+                      sx: { borderColor: "divider" },
+                      children: [
+                        /* @__PURE__ */ e(
+                          K,
+                          {
+                            variant: "contained",
+                            color: "secondary",
+                            size: "small",
+                            onClick: B,
+                            "data-testid": "managerole-close-button",
+                            children: _("Close")
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          K,
+                          {
+                            variant: "contained",
+                            color: "primary",
+                            size: "small",
+                            type: "submit",
+                            "data-testid": "managerole-submit-button",
+                            children: f ? `${_("Update Role")}` : `${_("Add Role")}`
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        }
+      ) })
+    }
+  );
+};
+Re.propTypes = {
+  isUpdate: g.bool,
+  role: g.object,
+  onClose: g.func,
+  open: g.bool,
+  setOpen: g.func,
+  selectedId: g.string,
+  isRoleListModified: g.bool
+};
+export {
+  Re as default
+};
+//# sourceMappingURL=ManageRole-ByqBmjuc-CApL3DJy.js.map