@argusoft/medplat-form-engine 1.0.8 → 1.0.10

package/dist/ManageDynamicFeature-CeeqiS3K-D2Se68tC.js

@@ -0,0 +1,4189 @@
+import { jsx as i, jsxs as l, Fragment as pe } from "react/jsx-runtime";
+import { execute as J, executeAll as Pi } from "@/common/services/QueryBuilder";
+import { useDebounceFn as cn } from "@/hooks/useDebounceFn.js";
+import Ee from "@/views/custom-components/CustomDropdown";
+import Mt from "@/views/custom-components/CustomSvgUpload";
+import ie from "@/views/custom-components/CustomTextField";
+import { yupResolver as Nn } from "@hookform/resolvers/yup";
+import { d as $t } from "./index-B4r0wjBD.js";
+import { generateUUID as mn } from "@/utils/UUIDgenerator";
+import { getRoleList as Lt, executeQuery as jt } from "@/common/services/GlobalApis";
+import { useTheme as In, debounce as Jt, Box as d, Step as Qt, Typography as c, FormControl as ee, Accordion as Fi, AccordionSummary as Di, AccordionDetails as Vi, Tooltip as Gt, RadioGroup as pn, FormControlLabel as di, Radio as ui, Divider as Xe, Button as U, Checkbox as fn, FormGroup as Ht, TextField as kn, TableContainer as hn, Table as gn, TableHead as yn, TableRow as ci, TableCell as X, TableBody as bn, IconButton as Be, Dialog as _n, DialogTitle as Tn, DialogContent as Fn, DialogContentText as Yt, Grid2 as ve, Chip as mi, Alert as Zt, DialogActions as Dn, Stack as Vn, Select as Xt, MenuItem as vn, Modal as Kt, Card as er, alpha as ir } from "@mui/material";
+import Q from "@mui/material/Grid2";
+import { D as h } from "./i18next-CTOWN_jH-BKKbdDel.js";
+import nr, { useRef as tr, useMemo as xn, useState as g, useEffect as te, useCallback as rr } from "react";
+import { useForm as fi, useWatch as pi, Controller as $ } from "react-hook-form";
+import { useSelector as ar } from "react-redux";
+import { useLocation as lr, useNavigate as or } from "react-router";
+import * as z from "yup";
+import { showToast as me } from "@/common/toaster/toaster";
+import { FormConfiguratorService as Cn } from "@/common/services/FormConfiguratorService";
+import w from "prop-types";
+import { useDebounceFn as sr } from "@/hooks/useDebounceFn";
+import se from "@/common/fontAwesomeIcons/FontAwesomeIcons";
+import Pe from "@/views/custom-components/CustomAutoComplete.jsx";
+import { u as Sn } from "./Features-CKMmuqcs-ClXAzWGV.js";
+import ke from "@/views/custom-components/CustomSwitch";
+import dr from "@/views/custom-components/CustomTextArea";
+import Ei from "@/views/custom-components/CustomCheckBox";
+import wn from "@/views/custom-components/CustomDatePicker";
+import ye from "@/views/custom-components/FieldDescription";
+import { useTranslateProvider as ur } from "@/common/languageTranslator/TranslationContext";
+import { getFeatureData as cr, updateUserMenuItems as mr } from "@/common/services/Features";
+import pr from "@/views/custom-components/CustomRadioComponent";
+function En({
+  mainFormCtrl: F,
+  openAddFormModal: A,
+  setModal: W,
+  reloadForms: P
+}) {
+  const [f, _] = g(""), [S, K] = g([]), [de, G] = g(!0), B = z.object().shape({
+    formName: z.string().required("Enter form name"),
+    formCode: z.string().required("Enter form code").matches(
+      /^[A-Z_]*$/,
+      "Only uppercase letters and underscores are allowed"
+    ),
+    state: z.string().required("Select state"),
+    formType: z.string().required("Select form type"),
+    description: z.string().required("Enter description")
+  }), I = fi({
+    defaultValues: {
+      formName: "",
+      formCode: "",
+      state: "ACTIVE",
+      description: "",
+      menuConfigId: null,
+      pageParams: "",
+      formType: null,
+      navigationState: "medplat.form"
+    },
+    resolver: Nn(B),
+    mode: "onChange"
+  }), re = () => {
+    if (f.trim() && !S.includes(f)) {
+      const C = [...S, f];
+      K(C), _(""), I.setValue("pageParams", C.join(","));
+    }
+  }, be = (C) => {
+    const k = S.filter((H) => H !== C);
+    K(k), I.setValue("pageParams", k.join(","));
+  }, q = (C) => {
+    const k = C.target.value;
+    /^[a-zA-Z_]*$/.test(k) && _(k);
+  }, T = () => {
+    W(!1);
+  }, x = (C) => {
+    ue(C);
+  }, ue = (C) => {
+    if (!de) {
+      me({ message: "Form Code is already taken!", type: "error" });
+      return;
+    }
+    const k = () => {
+      const H = new FormData();
+      return H.append(
+        "form",
+        new Blob([JSON.stringify(C)], {
+          type: "application/json"
+        })
+      ), console.log(H), H;
+    };
+    C.isSeparateFeature = !0, Cn.saveForm(k()).then(() => {
+      me({
+        message: "Configuration created sucessfully!",
+        type: "success"
+      });
+      let H = [];
+      C.formName && C.formName.length > 0 && H.push({
+        code: "medplat_form_insert_into_translation_master",
+        parameters: {
+          translation_key: C.formName.replaceAll(" ", ""),
+          translation_value: C.formName,
+          form_code: C.formCode
+        },
+        sequence: 1
+      }), H.length > 0 && Pi(H), F.setValue("formCode", C.formCode), F.setValue("version", "DRAFT"), F.setValue("navigationState", C.navigationState), T(), I.reset({
+        formName: "",
+        formCode: "",
+        state: "ACTIVE",
+        description: "",
+        menuConfigId: null,
+        pageParams: "",
+        formType: null,
+        navigationState: "medplat.form"
+      }), P();
+    });
+  }, fe = sr(async (C) => {
+    if (!(C != null && C.trim())) return;
+    const k = (await Cn.checkFormCodeAvailability(C)).data;
+    return G(k), k;
+  }, 500);
+  return /* @__PURE__ */ i(
+    _n,
+    {
+      open: A,
+      fullWidth: !0,
+      maxWidth: "lg",
+      onClose: T,
+      slotProps: {
+        paper: {
+          style: {
+            borderRadius: "8px"
+          }
+        }
+      },
+      children: /* @__PURE__ */ l(
+        "form",
+        {
+          noValidate: !0,
+          onSubmit: (C) => {
+            C.preventDefault(), C.stopPropagation(), I.handleSubmit(x)();
+          },
+          children: [
+            /* @__PURE__ */ i(Tn, { children: "Add new form" }),
+            /* @__PURE__ */ l(Fn, { children: [
+              /* @__PURE__ */ i(Yt, { id: "alert-dialog-slide-description", children: "Please enter all details" }),
+              /* @__PURE__ */ l(ve, { container: !0, spacing: 2, columns: 12, sx: { mt: 1 }, children: [
+                /* @__PURE__ */ i(ve, { size: 12, children: /* @__PURE__ */ i(Xe, { children: /* @__PURE__ */ i(mi, { label: "Basic Details", size: "small" }) }) }),
+                /* @__PURE__ */ i(ve, { size: 4, children: /* @__PURE__ */ i(
+                  ie,
+                  {
+                    control: I.control,
+                    name: "formName",
+                    id: "formName",
+                    fullWidth: !0,
+                    size: "small",
+                    label: "Name",
+                    errors: I.formState.errors,
+                    required: !0
+                  }
+                ) }),
+                /* @__PURE__ */ i(ve, { size: 4, children: /* @__PURE__ */ i(
+                  ie,
+                  {
+                    control: I.control,
+                    name: "formCode",
+                    id: "formCode",
+                    fullWidth: !0,
+                    size: "small",
+                    label: "Code",
+                    errors: {
+                      ...I.formState.errors,
+                      ...de === !1 && {
+                        formCode: { message: "Form Code is already taken!" }
+                      }
+                    },
+                    required: !0,
+                    onChange: (C) => {
+                      const k = C.target.value.toUpperCase().replace(/[^A-Z_]/g, "");
+                      I.setValue("formCode", k), I.setValue(
+                        "navigationState",
+                        `medplat.form.${k}`
+                      ), fe(k);
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ i(ve, { size: 2, children: /* @__PURE__ */ i(ee, { required: !0, fullWidth: !0, size: "small", children: /* @__PURE__ */ i(
+                  Ee,
+                  {
+                    control: I.control,
+                    name: "state",
+                    id: "state",
+                    options: ["ACTIVE", "INACTIVE"],
+                    errors: I.formState.errors,
+                    size: "small",
+                    placeholder: "",
+                    label: "State",
+                    required: !0
+                  }
+                ) }) }),
+                /* @__PURE__ */ i(ve, { size: 2, children: /* @__PURE__ */ i(ee, { required: !0, fullWidth: !0, size: "small", children: /* @__PURE__ */ i(
+                  Ee,
+                  {
+                    control: I.control,
+                    name: "formType",
+                    id: "formType",
+                    options: ["FORM", "SEARCH"],
+                    errors: I.formState.errors,
+                    size: "small",
+                    placeholder: "",
+                    label: "Type",
+                    required: !0
+                  }
+                ) }) }),
+                /* @__PURE__ */ i(ve, { size: 12, children: /* @__PURE__ */ i(
+                  ie,
+                  {
+                    control: I.control,
+                    name: "description",
+                    id: "description",
+                    fullWidth: !0,
+                    multiline: !0,
+                    rows: 2,
+                    size: "small",
+                    label: "Description",
+                    errors: I.formState.errors,
+                    required: !0
+                  }
+                ) }),
+                /* @__PURE__ */ i(ve, { size: 12, children: /* @__PURE__ */ i(Xe, { children: /* @__PURE__ */ i(mi, { label: "Page Param Details", size: "small" }) }) }),
+                /* @__PURE__ */ l(ve, { size: 12, children: [
+                  /* @__PURE__ */ i(
+                    $,
+                    {
+                      name: "pageParams",
+                      control: I.control,
+                      render: ({ field: C }) => /* @__PURE__ */ i(
+                        kn,
+                        {
+                          ...C,
+                          label: "Page Params",
+                          size: "small",
+                          placeholder: "Add Page Params",
+                          value: f,
+                          onChange: q,
+                          onKeyDown: (k) => {
+                            k.key === "Enter" && (k.preventDefault(), re());
+                          },
+                          fullWidth: !0,
+                          slotProps: {
+                            input: {
+                              endAdornment: /* @__PURE__ */ i(Be, { color: "primary", onClick: re, children: /* @__PURE__ */ i(
+                                se,
+                                {
+                                  iconName: "faArrowRightToBracket",
+                                  size: "xs"
+                                }
+                              ) })
+                            }
+                          }
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ i(d, { sx: { display: "flex", flexWrap: "wrap", gap: 1, mt: 2 }, children: S.map((C, k) => /* @__PURE__ */ i(
+                    mi,
+                    {
+                      label: C,
+                      onDelete: () => be(C),
+                      color: "primary"
+                    },
+                    k + 1
+                  )) }),
+                  S.length === 0 && /* @__PURE__ */ i(Zt, { severity: "info", variant: "outlined", children: "No page params added" })
+                ] }),
+                ["FORM", "SEARCH"].includes(I.getValues("formType")) && /* @__PURE__ */ l(pe, { children: [
+                  /* @__PURE__ */ i(ve, { size: 12, children: /* @__PURE__ */ i(Xe, { children: /* @__PURE__ */ i(mi, { label: "Route Details", size: "small" }) }) }),
+                  /* @__PURE__ */ i(
+                    ie,
+                    {
+                      control: I.control,
+                      name: "navigationState",
+                      id: "navigationState",
+                      fullWidth: !0,
+                      size: "small",
+                      label: "Navigation State",
+                      errors: I.formState.errors,
+                      disabled: !0
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ l(Dn, { children: [
+              /* @__PURE__ */ i(U, { type: "submit", color: "success", children: "Create" }),
+              /* @__PURE__ */ i(U, { onClick: T, children: "Close" })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+En.propTypes = {
+  mainFormCtrl: w.any,
+  openAddFormModal: w.any,
+  setModal: w.any,
+  reloadForms: w.any
+};
+const Wi = ({
+  permission: F,
+  index: A,
+  depth: W = 0,
+  onEdit: P,
+  onRemove: f,
+  handleAddChildClick: _,
+  isLastChild: S = !1,
+  isDynamicFeature: K
+}) => {
+  var de;
+  const G = In(), B = (I) => I.replaceAll(".child.", ".");
+  return /* @__PURE__ */ l(d, { sx: { position: "relative", pl: W * 3 }, children: [
+    W > 0 && /* @__PURE__ */ l(pe, { children: [
+      /* @__PURE__ */ i(
+        d,
+        {
+          sx: {
+            position: "absolute",
+            left: 16,
+            top: 0,
+            bottom: S ? "50%" : 0,
+            width: 2,
+            bgcolor: G.palette.divider
+          }
+        }
+      ),
+      /* @__PURE__ */ i(
+        d,
+        {
+          sx: {
+            position: "absolute",
+            left: 16,
+            top: 22,
+            width: 24,
+            height: 2,
+            bgcolor: G.palette.divider
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l(
+      d,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: 1.5,
+          border: `1px solid ${G.palette.divider}`,
+          borderRadius: 2,
+          padding: "8px 12px",
+          backgroundColor: W === 0 ? G.palette.background.paper : ir(G.palette.background.paper, 0.8),
+          ml: W > 0 ? 3 : 0,
+          position: "relative"
+        },
+        children: [
+          W === 0 && /* @__PURE__ */ l(c, { sx: { width: 24, color: "text.secondary" }, children: [
+            A + 1,
+            "."
+          ] }),
+          /* @__PURE__ */ i(c, { sx: { flexGrow: 1, fontWeight: 500 }, children: B(F.permissionId) }),
+          W === 0 && /* @__PURE__ */ i(
+            U,
+            {
+              variant: "outlined",
+              size: "small",
+              startIcon: /* @__PURE__ */ i(se, { iconName: "faPlus" }),
+              onClick: () => _(F),
+              children: "Add Child"
+            }
+          ),
+          (!F.isDefault || F.isDefault && !K) && /* @__PURE__ */ i(
+            Be,
+            {
+              color: "secondary",
+              onClick: () => P(F, A),
+              children: /* @__PURE__ */ i(se, { iconName: "faEdit", size: "sm" })
+            }
+          ),
+          !F.isDefault && /* @__PURE__ */ i(Be, { color: "error", onClick: () => f(F), children: /* @__PURE__ */ i(se, { iconName: "faTrash", size: "sm" }) })
+        ]
+      }
+    ),
+    ((de = F.childPermissions) == null ? void 0 : de.length) > 0 && /* @__PURE__ */ i(Vn, { spacing: 1, sx: { mt: 1 }, children: F.childPermissions.map((I, re) => /* @__PURE__ */ i(
+      Wi,
+      {
+        permission: I,
+        index: re,
+        depth: W + 1,
+        onEdit: P,
+        onRemove: f,
+        handleAddChildClick: _,
+        isLastChild: re === F.childPermissions.length - 1,
+        isDynamicFeature: K
+      },
+      re
+    )) })
+  ] });
+}, Pn = ({
+  permissions: F,
+  onEdit: A,
+  onRemove: W,
+  handleAddChildClick: P,
+  isDynamicFeature: f
+}) => /* @__PURE__ */ i(Vn, { spacing: 1, children: F.map((_, S) => /* @__PURE__ */ i(
+  Wi,
+  {
+    permission: _,
+    index: S,
+    depth: 0,
+    onEdit: A,
+    onRemove: W,
+    handleAddChildClick: P,
+    isLastChild: S === F.length - 1,
+    isDynamicFeature: f
+  },
+  S
+)) }), Wn = ({
+  open: F,
+  onClose: A,
+  onSave: W,
+  formCtrl: P,
+  editData: f,
+  parentPermissionId: _ = null,
+  mode: S = "add-parent",
+  permissionTypes: K,
+  setPermissionTypes: de,
+  existingPermissionIds: G,
+  isDynamicFeature: B = !0
+}) => {
+  var I, re, be;
+  const [q, T] = g(""), [x, ue] = g([]), [fe, C] = g(""), k = {
+    permissionType: "",
+    permissionId: "--",
+    permissionName: "",
+    permissionDesc: "",
+    enabled: !0,
+    permissionSuffix: "",
+    parentPermissionSuffix: ""
+  }, H = {
+    backendUrl: "",
+    urlType: "",
+    queryCodeRequired: f ? (I = f == null ? void 0 : f.backendUrl) != null && I.trim() && (re = f == null ? void 0 : f.urlType) != null && re.trim() ? !1 : (be = f == null ? void 0 : f.queryCode) != null && be.trim() ? !0 : void 0 : void 0,
+    queryCode: ""
+  }, hi = B ? k : { ...k, ...H }, {
+    control: R,
+    watch: ce,
+    handleSubmit: gi,
+    reset: we,
+    setValue: L,
+    getValues: xe,
+    setError: Ce,
+    clearErrors: _e,
+    formState: Te
+  } = fi({
+    mode: "onChange",
+    defaultValues: hi
+  }), j = ce("queryCodeRequired"), M = ce("permissionType"), We = ce("permissionSuffix"), qe = ce("backendUrl"), Ae = ce("queryCode"), Me = [
+    { label: "Query", value: !0 },
+    { label: "API", value: !1 }
+  ], $e = (p = {}) => ({ ...B ? k : { ...k, ...H }, ...p }), Re = ce("parentPermissionSuffix"), Se = (p) => p.trim().toLowerCase().split(/\s+/).map(
+    (b, y) => y === 0 ? b : b.charAt(0).toUpperCase() + b.slice(1)
+  ).join(""), yi = async (p) => {
+    const b = (await J({
+      code: "GET_ALL_QUERY_CODE",
+      parameters: { search: p }
+    })).data;
+    ue((b == null ? void 0 : b.result) || []);
+  };
+  te(() => {
+    !B && (async () => {
+      const p = (await J({
+        code: "GET_ALL_QUERY_CODE",
+        parameters: {
+          search: xe("queryCode") ? xe("queryCode") : ""
+        }
+      })).data;
+      ue((p == null ? void 0 : p.result) || []), C(xe("queryCode"));
+    })();
+  }, [Ae]), te(() => {
+    j === !0 && !qe ? (L("backendUrl", ""), L("urlType", "")) : j === !1 && !Ae && L("queryCode", "");
+  }, [j]), te(() => {
+    var p, b, y;
+    if (F) {
+      if (S === "edit" && f) {
+        const D = {
+          permissionType: f.permissionType || "",
+          permissionId: f.permissionId || "--",
+          permissionName: f.permissionName || "",
+          permissionDesc: f.permissionDesc || "",
+          enabled: !!f.enabled,
+          permissionSuffix: ""
+        };
+        if (B)
+          we(D);
+        else {
+          const ae = ((p = f == null ? void 0 : f.backendUrl) == null ? void 0 : p.trim()) && ((b = f == null ? void 0 : f.urlType) == null ? void 0 : b.trim()), ne = (y = f == null ? void 0 : f.queryCode) == null ? void 0 : y.trim();
+          we({
+            ...D,
+            urlType: f.urlType || "",
+            backendUrl: f.backendUrl || "",
+            queryCode: f.queryCode || "",
+            queryCodeRequired: f ? ae ? !1 : ne ? !0 : void 0 : void 0
+          });
+        }
+        return;
+      }
+      if (S === "add-child" && _) {
+        const D = _.split(".")[0] || "";
+        we(
+          $e({
+            permissionType: D,
+            permissionId: _,
+            permissionName: "",
+            permissionDesc: "",
+            enabled: !0,
+            permissionSuffix: "",
+            urlType: "",
+            backendUrl: "",
+            queryCodeRequired: void 0,
+            queryCode: ""
+          })
+        );
+        return;
+      }
+      we($e());
+    }
+  }, [F, S, f, _, we]), te(() => {
+    if (S === "add-parent") {
+      const p = (M == null ? void 0 : M.type) === "menu" ? "view" : M == null ? void 0 : M.type;
+      if (!p) {
+        L("permissionId", "--");
+        return;
+      }
+      const b = P.getValues("menuType") || "menuType", y = P.getValues("featureConstant") || "feature";
+      let D;
+      if (B)
+        D = `${p}.${b}.${y}`;
+      else {
+        const ae = P.getValues("menuName");
+        D = `${p}.${b}.${Se(ae)}`;
+      }
+      Re != null && Re.trim() && (D = `${D}.${Re.trim()}`), L("permissionId", D);
+    }
+  }, [M, Re, S]), te(() => {
+    j === !0 && !qe ? (L("backendUrl", ""), L("urlType", "")) : j === !1 && !Ae && L("queryCode", "");
+  }, [j]), te(() => {
+    if (S === "add-child" && _ !== null) {
+      const p = _.split(".")[0] || "", b = `${_}.child`, y = We ? `${b}.${We}` : b;
+      L("permissionId", y), L("permissionType", p);
+    }
+  }, [We, S, _, L]);
+  const bi = (p) => {
+    const b = {
+      permissionId: p.permissionId,
+      permissionType: p.permissionType || (_ ? _.split(".")[0] : ""),
+      permissionName: p.permissionName,
+      permissionDesc: p.permissionDesc,
+      enabled: p.enabled,
+      backendUrl: p != null && p.backendUrl && !j ? p.backendUrl : null,
+      urlType: p != null && p.urlType && !j ? p.urlType : null,
+      queryCode: p != null && p.queryCode && j ? p.queryCode : null,
+      childPermissions: [],
+      isDefault: f != null && f.isDefault ? f == null ? void 0 : f.isDefault : !1
+    };
+    W(b), we(), A();
+  }, Ke = async (p) => !p || p === "--" ? void 0 : (await J({
+    code: "CHECK_UNIQUE_PERMISSION_ID",
+    parameters: { permissionId: p }
+  })).data.result[0].exists;
+  return /* @__PURE__ */ l(_n, { open: F, onClose: A, fullWidth: !0, maxWidth: "sm", children: [
+    /* @__PURE__ */ i(Tn, { children: S === "edit" ? "Edit Permission" : "Add Permission" }),
+    /* @__PURE__ */ l(
+      Fn,
+      {
+        sx: { display: "flex", flexDirection: "column", gap: 2, mt: 1 },
+        children: [
+          S !== "add-child" && S !== "edit" && /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ l(
+              c,
+              {
+                sx: { minWidth: 160, fontWeight: 500, color: "text.secondary" },
+                children: [
+                  "Permission Type",
+                  /* @__PURE__ */ i("span", { className: "text-red-500 ml-1", children: "*" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ i(ee, { fullWidth: !0, size: "small", children: /* @__PURE__ */ i(
+              $,
+              {
+                name: "permissionType",
+                control: R,
+                rules: { required: !0 },
+                render: ({ field: p }) => /* @__PURE__ */ i(
+                  Pe,
+                  {
+                    id: "permissionType",
+                    name: "permissionType",
+                    control: R,
+                    singleSelect: !0,
+                    checkEquality: "type",
+                    freeSolo: !0,
+                    disableClearable: !1,
+                    placeholder: "Choose permission type",
+                    options: K ? !q || K.some(
+                      (b) => b.type.toLowerCase() === q.toLowerCase()
+                    ) ? K : [
+                      ...K,
+                      { type: `__add_new__${q}`, isNew: !0 }
+                    ] : [],
+                    getOptionLabel: (b) => b.isNew ? `Add "${b.type.replace("__add_new__", "")}"` : b.type,
+                    onInputChange: (b, y) => T(y),
+                    onChange: (b, y) => {
+                      if (!y) {
+                        p.onChange(null), L("permissionId", "--");
+                        return;
+                      }
+                      if (y.isNew) {
+                        const D = y.type.replace("__add_new__", ""), ae = { type: D };
+                        de(
+                          (ne) => ne.some((ei) => ei.type === D) ? ne : [...ne, ae]
+                        ), p.onChange(ae);
+                        return;
+                      }
+                      p.onChange(y);
+                    }
+                  }
+                )
+              }
+            ) })
+          ] }),
+          S === "add-child" ? /* @__PURE__ */ i(pe, { children: /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ l(
+              c,
+              {
+                sx: {
+                  minWidth: 160,
+                  fontWeight: 500,
+                  color: "text.secondary"
+                },
+                children: [
+                  "Permission ID",
+                  /* @__PURE__ */ i("span", { className: "text-red-500 ml-1", children: "*" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ l(d, { sx: { display: "flex", gap: 1, flexGrow: 1 }, children: [
+              /* @__PURE__ */ i(
+                ie,
+                {
+                  control: R,
+                  name: "parentPermissionDisplay",
+                  value: `${_}.child.`,
+                  disabled: !0,
+                  fullWidth: !0
+                }
+              ),
+              /* @__PURE__ */ i(
+                ie,
+                {
+                  control: R,
+                  name: "permissionSuffix",
+                  placeholder: "Enter child suffix",
+                  errors: Te.errors,
+                  fullWidth: !0,
+                  onChange: async (p) => {
+                    const b = p.target.value.trim();
+                    if (L("permissionSuffix", b), b.toLowerCase() === "child") {
+                      Ce("permissionSuffix", {
+                        type: "manual",
+                        message: "Suffix cannot be 'child'"
+                      });
+                      return;
+                    }
+                    _e("permissionSuffix");
+                    const y = `${_}.child.${b}`;
+                    if (L("permissionId", y), G != null && G.has(y)) {
+                      Ce("permissionSuffix", {
+                        type: "manual",
+                        message: "Permission ID already exists"
+                      });
+                      return;
+                    }
+                    await Ke(y) ? Ce("permissionSuffix", {
+                      type: "manual",
+                      message: "Permission ID already exists in DB"
+                    }) : _e("permissionSuffix");
+                  }
+                }
+              )
+            ] })
+          ] }) }) : S === "add-parent" ? M != null && M.type ? /* @__PURE__ */ i(pe, { children: /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ l(
+              c,
+              {
+                sx: {
+                  minWidth: 160,
+                  fontWeight: 500,
+                  color: "text.secondary"
+                },
+                children: [
+                  "Permission ID",
+                  /* @__PURE__ */ i("span", { className: "text-red-500 ml-1", children: "*" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ i(
+              ie,
+              {
+                control: R,
+                name: "baseId",
+                value: `${(M == null ? void 0 : M.type) === "menu" ? "view" : M == null ? void 0 : M.type}.${P.getValues("menuType")}.${B ? P.getValues("featureConstant") : Se(P.getValues("menuName"))}.`,
+                disabled: !0,
+                fullWidth: !0
+              }
+            ),
+            /* @__PURE__ */ i(
+              ie,
+              {
+                control: R,
+                name: "parentPermissionSuffix",
+                placeholder: "Enter suffix",
+                errors: Te.errors,
+                fullWidth: !0,
+                onChange: async (p) => {
+                  const b = p.target.value.trim();
+                  if (L("parentPermissionSuffix", b), b.toLowerCase() === "child") {
+                    Ce("parentPermissionSuffix", {
+                      type: "manual",
+                      message: "Suffix cannot be 'child'"
+                    });
+                    return;
+                  }
+                  _e("parentPermissionSuffix");
+                  const y = (M == null ? void 0 : M.type) === "menu" ? "view" : (M == null ? void 0 : M.type) || M || "", D = P.getValues("menuType"), ae = P.getValues("featureConstant");
+                  let ne;
+                  if (B ? ne = `${y}.${D}.${ae}.${b}` : ne = `${y}.${D}.${Se(P.getValues("menuName"))}.${b}`, L("permissionId", ne), G != null && G.has(ne)) {
+                    Ce("parentPermissionSuffix", {
+                      type: "manual",
+                      message: "Permission ID already exists"
+                    });
+                    return;
+                  }
+                  await Ke(ne) ? Ce("parentPermissionSuffix", {
+                    type: "manual",
+                    message: "Permission ID already exists in DB"
+                  }) : _e("parentPermissionSuffix");
+                }
+              }
+            )
+          ] }) }) : /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ l(
+              c,
+              {
+                sx: { minWidth: 160, fontWeight: 500, color: "text.secondary" },
+                children: [
+                  "Permission ID",
+                  /* @__PURE__ */ i("span", { className: "text-red-500 ml-1", children: "*" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ i(
+              ie,
+              {
+                control: R,
+                name: "permissionId",
+                value: "--",
+                disabled: !0,
+                fullWidth: !0
+              }
+            )
+          ] }) : /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ l(
+              c,
+              {
+                sx: {
+                  minWidth: 160,
+                  fontWeight: 500,
+                  color: "text.secondary"
+                },
+                children: [
+                  "Permission ID",
+                  /* @__PURE__ */ i("span", { className: "text-red-500 ml-1", children: "*" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ i(
+              ie,
+              {
+                control: R,
+                name: "permissionId",
+                label: "Permission ID",
+                disabled: !0,
+                fullWidth: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ l(
+              c,
+              {
+                sx: { minWidth: 160, fontWeight: 500, color: "text.secondary" },
+                children: [
+                  "Permission Name",
+                  /* @__PURE__ */ i("span", { className: "text-red-500 ml-1", children: "*" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ i(
+              $,
+              {
+                name: "permissionName",
+                control: R,
+                rules: { required: !0 },
+                render: ({ field: p }) => /* @__PURE__ */ i(
+                  ie,
+                  {
+                    control: R,
+                    ...p,
+                    placeholder: "Enter name"
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l(d, { display: "flex", alignItems: "flex-start", gap: 2, children: [
+            /* @__PURE__ */ i(
+              c,
+              {
+                sx: {
+                  minWidth: 160,
+                  fontWeight: 500,
+                  color: "text.secondary",
+                  mt: 1
+                },
+                children: "Description"
+              }
+            ),
+            /* @__PURE__ */ i(
+              $,
+              {
+                name: "permissionDesc",
+                control: R,
+                render: ({ field: p }) => /* @__PURE__ */ i(
+                  dr,
+                  {
+                    control: R,
+                    ...p,
+                    placeholder: "Enter description (optional)",
+                    minRows: 2
+                  }
+                )
+              }
+            )
+          ] }),
+          !B && /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ l(
+              c,
+              {
+                sx: {
+                  minWidth: 160,
+                  fontWeight: 500,
+                  color: "text.secondary"
+                },
+                children: [
+                  "Type",
+                  " "
+                ]
+              }
+            ),
+            /* @__PURE__ */ i(
+              pr,
+              {
+                name: "queryCodeRequired",
+                control: R,
+                options: Me,
+                direction: "row",
+                dataTestId: "queryOrApi"
+              }
+            )
+          ] }),
+          !B && j !== void 0 && /* @__PURE__ */ i(pe, { children: j === !1 ? /* @__PURE__ */ l(pe, { children: [
+            /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+              /* @__PURE__ */ i(
+                c,
+                {
+                  sx: {
+                    minWidth: 160,
+                    fontWeight: 500,
+                    color: "text.secondary"
+                  },
+                  children: "URL Type"
+                }
+              ),
+              /* @__PURE__ */ i(ee, { fullWidth: !0, size: "small", children: /* @__PURE__ */ i(
+                $,
+                {
+                  name: "urlType",
+                  control: R,
+                  render: ({ field: p }) => /* @__PURE__ */ l(Xt, { ...p, displayEmpty: !0, children: [
+                    /* @__PURE__ */ i(vn, { value: "", children: /* @__PURE__ */ i("em", { children: "Select Type" }) }),
+                    ["GET", "POST", "PUT", "DELETE"].map((b) => /* @__PURE__ */ i(vn, { value: b, children: b }, b))
+                  ] })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+              /* @__PURE__ */ i(
+                c,
+                {
+                  sx: {
+                    minWidth: 160,
+                    fontWeight: 500,
+                    color: "text.secondary"
+                  },
+                  children: "Backend URL"
+                }
+              ),
+              /* @__PURE__ */ i(
+                $,
+                {
+                  name: "backendUrl",
+                  control: R,
+                  render: ({ field: p }) => /* @__PURE__ */ i(
+                    ie,
+                    {
+                      control: R,
+                      ...p,
+                      placeholder: "Enter URL"
+                    }
+                  )
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ i(
+              c,
+              {
+                sx: {
+                  minWidth: 160,
+                  fontWeight: 500,
+                  color: "text.secondary"
+                },
+                children: "Query Code"
+              }
+            ),
+            /* @__PURE__ */ i(
+              $,
+              {
+                name: "queryCode",
+                control: R,
+                render: ({ field: p, fieldState: { error: b } }) => /* @__PURE__ */ i(
+                  Pe,
+                  {
+                    id: "queryCode",
+                    name: "queryCode",
+                    control: R,
+                    options: x,
+                    getOptionLabel: (y) => (y == null ? void 0 : y.code) || "",
+                    checkEquality: "code",
+                    inputValue: fe,
+                    disableClearable: !1,
+                    value: (x == null ? void 0 : x.find((y) => y.code === p.value)) || null,
+                    onInputChange: (y, D, ae) => {
+                      ae === "input" && (C(D), yi(D));
+                    },
+                    singleSelect: !0,
+                    onChange: (y, D) => {
+                      p.onChange((D == null ? void 0 : D.code) || ""), C((D == null ? void 0 : D.code) || "");
+                    },
+                    placeholder: "Search Query Code...",
+                    errors: b,
+                    fullWidth: !0,
+                    freeSolo: !1
+                  }
+                )
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ l(
+              c,
+              {
+                sx: { minWidth: 160, fontWeight: 500, color: "text.secondary" },
+                children: [
+                  "Is Active",
+                  /* @__PURE__ */ i("span", { className: "text-red-500 ml-1", children: "*" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ i(
+              $,
+              {
+                name: "enabled",
+                control: R,
+                render: ({ field: p }) => /* @__PURE__ */ i(
+                  ke,
+                  {
+                    ...p,
+                    disabled: (f == null ? void 0 : f.isDefault) && !B,
+                    checked: p.value,
+                    onChange: (b) => p.onChange(b.target.checked)
+                  }
+                )
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ l(Dn, { children: [
+      /* @__PURE__ */ i(U, { onClick: A, children: "Cancel" }),
+      /* @__PURE__ */ i(
+        U,
+        {
+          onClick: gi(bi),
+          variant: "contained",
+          disabled: !Te.isValid || Object.keys(Te.errors).length > 0,
+          children: S === "edit" ? "Update" : S === "add-child" ? "Add Child" : "Add"
+        }
+      )
+    ] })
+  ] });
+}, qn = ({
+  open: F,
+  onClose: A,
+  onSave: W,
+  entityData: P,
+  permissions: f = []
+}) => {
+  const { control: _, watch: S, getValues: K } = fi({
+    defaultValues: {
+      noStartDate: !0,
+      noEndDate: !0,
+      startDate: null,
+      endDate: null,
+      isBackendOnly: !1
+    }
+  }), de = S("noStartDate"), G = S("noEndDate"), B = S("startDate"), I = S("endDate"), re = () => {
+    const q = K();
+    be(q);
+  }, be = (q) => {
+    const T = [];
+    P.forEach((x) => {
+      if (x.type === "user") {
+        const ue = Array.isArray(x.id) ? x.id : [x.id];
+        T.push(
+          ...ue.map((fe) => ({
+            entityType: "user",
+            user_id: fe,
+            name: x.name,
+            startDate: q.noStartDate ? null : q.startDate,
+            endDate: q.noEndDate ? null : q.endDate,
+            isBackendOnly: q.isBackendOnly,
+            permissions: JSON.parse(JSON.stringify(f))
+          }))
+        );
+      }
+      x.type === "role" && x.ids.forEach((ue, fe) => {
+        T.push({
+          entityType: "role",
+          role_id: ue,
+          name: x.names[fe],
+          startDate: q.noStartDate ? null : q.startDate,
+          endDate: q.noEndDate ? null : q.endDate,
+          isBackendOnly: q.isBackendOnly,
+          permissions: JSON.parse(JSON.stringify(f))
+        });
+      });
+    }), T.forEach((x) => W(x)), A();
+  };
+  return /* @__PURE__ */ i(Kt, { open: F, onClose: A, children: /* @__PURE__ */ i(d, { className: "fixed inset-0 flex items-start justify-center z-50 bg-opacity-10 overflow-y-auto", children: /* @__PURE__ */ l(er, { className: "relative mt-10 p-4 shadow-lg flex flex-col rounded-xl", children: [
+    /* @__PURE__ */ l(Q, { className: "flex justify-between items-center mb-4", children: [
+      /* @__PURE__ */ i(c, { variant: "h6", children: "Grant Access" }),
+      /* @__PURE__ */ i(Be, { onClick: A, children: /* @__PURE__ */ i(se, { iconName: "faXmark", size: "sm" }) })
+    ] }),
+    /* @__PURE__ */ i(Q, { container: !0, spacing: 2, children: /* @__PURE__ */ l(Q, { item: !0, xs: 12, display: "flex", gap: 2, children: [
+      /* @__PURE__ */ l(d, { display: "flex", flexDirection: "column", flex: 1, children: [
+        /* @__PURE__ */ i(
+          Ei,
+          {
+            label: "No Start Date",
+            name: "noStartDate",
+            control: _,
+            sx: { mb: 1 }
+          }
+        ),
+        /* @__PURE__ */ i(
+          wn,
+          {
+            name: "startDate",
+            control: _,
+            disabled: de,
+            maxDate: I || void 0
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(d, { display: "flex", flexDirection: "column", flex: 1, children: [
+        /* @__PURE__ */ i(
+          Ei,
+          {
+            label: "No End Date",
+            name: "noEndDate",
+            control: _,
+            sx: { mb: 1 }
+          }
+        ),
+        /* @__PURE__ */ i(
+          wn,
+          {
+            name: "endDate",
+            control: _,
+            disabled: G,
+            minDate: B || void 0
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ i(d, { mt: 2, children: /* @__PURE__ */ i(
+      Ei,
+      {
+        label: "Is Backend Only?",
+        name: "isBackendOnly",
+        control: _
+      }
+    ) }),
+    /* @__PURE__ */ l(Q, { className: "flex justify-end gap-2 mt-4", children: [
+      /* @__PURE__ */ i(U, { type: "button", variant: "outlined", onClick: A, children: "Cancel" }),
+      /* @__PURE__ */ i(U, { variant: "contained", type: "button", onClick: re, children: "Save" })
+    ] })
+  ] }) }) });
+}, qi = ({ permissions: F, onToggle: A, isChild: W = !1 }) => {
+  const P = (f) => f.replaceAll(".child", "");
+  return F.map((f, _) => {
+    var S;
+    return /* @__PURE__ */ l(
+      d,
+      {
+        display: "flex",
+        flexDirection: "column",
+        gap: 1,
+        ml: W ? 2 : 0,
+        children: [
+          /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 1, children: [
+            /* @__PURE__ */ i(
+              ke,
+              {
+                sx: {
+                  transform: "scale(0.75)",
+                  transformOrigin: "left center"
+                },
+                checked: !!f.enabled,
+                disabled: W,
+                onChange: () => {
+                  W || A(f);
+                }
+              }
+            ),
+            /* @__PURE__ */ i(c, { variant: "subtitle1", children: P(f.permissionId) })
+          ] }),
+          ((S = f.childPermissions) == null ? void 0 : S.length) > 0 && /* @__PURE__ */ i(
+            qi,
+            {
+              permissions: f.childPermissions,
+              onToggle: A,
+              isChild: !0
+            }
+          )
+        ]
+      },
+      _
+    );
+  });
+};
+function Jr() {
+  var F, A, W, P, f, _, S, K, de, G, B;
+  const { translate: I } = ur(), re = tr(null), be = lr(), q = or(), { isNew: T } = be.state || {}, x = xn(
+    () => new URLSearchParams(be.search),
+    [be.search]
+  ), ue = In(), [fe, C] = g([]), [k, H] = g(!1), [hi, R] = g([]), [ce, gi] = g([]), [we, L] = g(), [xe, Ce] = g({}), [_e, Te] = g(!1), [j, M] = g(!1), [We, qe] = g(""), [Ae, Me] = g(""), [$e, Re] = g(""), [Se, yi] = g(), [bi, Ke] = g([]), [p, b] = g(!1), [y, D] = g(0), [ae, ne] = g(!1), [ei, Ai] = g([]), [Ri, Oi] = g([]), [Oe, An] = g([]), [Ne, vi] = g([]), [Rn, xi] = g([]), [le, ii] = g({}), [Le, je] = g([]), [ni, On] = g({}), [he, Je] = g([]), [zn, Qe] = g(!1), [Ge, ti] = g("add-parent"), [Ci, ri] = g(null), [Un, ai] = g(null), [Bn, li] = g(null), [Mn, Si] = g(!1), [$n, Ln] = g(null), [Ie, ze] = g([]), [jn, zi] = g(!1), [Fe, oi] = g(!1), [Ui, Jn] = g(!1), [Y, Bi] = g({ value: !1, length: 0 }), [Qn, Gn] = g([
+    { type: "update" },
+    { type: "menu" },
+    { type: "create" },
+    { type: "download" },
+    { type: "execute" }
+  ]), [Ue, Hn] = g([]), [Yn, He] = g(""), [Zn, Ye] = g(""), [wi, Ni] = g({
+    basicConfig: !0,
+    trainingConfig: !1,
+    notificationConfig: !1
+  }), [Mi, Xn] = nr.useState(null), Kn = (e) => ei.includes(e), [et, $i] = g(/* @__PURE__ */ new Set()), it = ar((e) => e.theme.mode), O = [
+    { key: "featureDetails", label: "Feature Details" },
+    { key: "mobileConfig", label: "Mobile Config" },
+    { key: "formLinking", label: "Form Linking" },
+    { key: "additionalPermissions", label: "Permission Management" },
+    { key: "assignFeatures", label: "Assignment" },
+    { key: "submit", label: "Submit" }
+  ], nt = z.object().shape({
+    menuName: z.string().required("Enter Feature Name"),
+    featureConstant: z.string().when("isDynamicFeature", {
+      is: !0,
+      then: (e) => e.required("Enter Feature Constant"),
+      otherwise: (e) => e.notRequired()
+    }),
+    navigationState: z.string().when("isDynamicFeature", {
+      is: !1,
+      then: (e) => e.required("Enter Navigation State").matches(
+        /^(techo\.[a-zA-Z]+\.[a-zA-Z]+|medplat\.form\.[a-zA-Z_]+)$/,
+        "invalid format for state"
+      ),
+      otherwise: (e) => e.notRequired()
+    }),
+    menuType: z.string().required("Enter Feature Type"),
+    icon: z.string().when("$showMobileFields", {
+      is: !0,
+      then: (e) => e.required("Please upload an icon"),
+      otherwise: (e) => e.notRequired()
+    }),
+    conditions: z.string().transform((e) => e ? e.trim() : ""),
+    mobileMode: z.string().when("$showMobileFields", {
+      is: !0,
+      then: (e) => e.required("Please select a mode"),
+      otherwise: (e) => e.notRequired()
+    }),
+    trainingQuery: z.string().when("trainingRequired", {
+      is: !0,
+      then: (e) => e.required("Please select a training query"),
+      otherwise: (e) => e.notRequired()
+    }),
+    notificationBadgeType: z.string().when("notificationBadgeEnabled", {
+      is: !0,
+      then: (e) => e.required("Please select a badge type"),
+      otherwise: (e) => e.notRequired()
+    }),
+    notificationBadgeQuery: z.string().when(
+      ["notificationBadgeEnabled", "notificationBadgeType"],
+      (e, n) => {
+        const [t, r] = e;
+        return t && r ? n.required(
+          r === "COUNT" ? "Please select a count query" : "Please select a nudge query"
+        ) : n.notRequired();
+      }
+    ),
+    updatedFields: z.array().when(
+      ["isDynamicFeature", "isNew", "isUpdate", "showFields"],
+      (e, n) => {
+        const [t, r, o, u] = e;
+        return t === !1 && (r == null ? void 0 : r.val) === !1 && (o == null ? void 0 : o.value) === !0 && u === !0 ? n.of(
+          z.object().shape({
+            value: z.string().required("Right is required")
+          })
+        ) : n.optional();
+      }
+    )
+  }), a = fi({
+    defaultValues: {
+      menuName: "",
+      featureConstant: "",
+      navigationState: "medplat.form",
+      menuType: "",
+      menuGroup: "",
+      isDynamicFeature: !0,
+      isWebFeature: !1,
+      isMobileFeature: !1,
+      accessRights: [],
+      entityName: null,
+      mobileEntitiesSync: [],
+      icon: "",
+      mobileMode: null,
+      conditions: "",
+      formCode: "",
+      version: null,
+      additionalPermissions: [],
+      fields: [],
+      updatedFields: [],
+      trainingRequired: !1,
+      trainingQuery: "",
+      notificationBadgeEnabled: !1,
+      notificationBadgeType: "",
+      notificationBadgeQuery: ""
+    },
+    resolver: Nn(nt),
+    mode: "onChange"
+  }), V = pi({
+    control: a.control,
+    name: "isDynamicFeature"
+  }), Li = pi({
+    control: a.control,
+    name: "isMobileFeature"
+  }), ji = pi({
+    control: a.control,
+    name: "isWebFeature"
+  }), tt = pi({
+    control: a.control,
+    name: at((F = O[y]) == null ? void 0 : F.key)
+  }), rt = a.watch();
+  function at(e) {
+    switch (e) {
+      case "featureDetails":
+        return V ? ["menuName", "featureConstant", "menuType"] : ["menuName", "navigationState", "menuType"];
+      case "mobileConfig":
+        return k ? [
+          "icon",
+          "mobileMode",
+          "trainingRequired",
+          "trainingQuery",
+          "notificationBadgeEnabled",
+          "notificationBadgeType",
+          "notificationBadgeQuery"
+        ] : [];
+      case "formLinking":
+        return V ? ["formCode", "version"] : [];
+      case "additionalPermissions":
+        return !V && (T == null ? void 0 : T.val) === !1 ? ["updatedFields"] : ["additionalPermissions"];
+      default:
+        return [];
+    }
+  }
+  const Ji = xn(() => {
+    var e;
+    switch ((e = O[y]) == null ? void 0 : e.key) {
+      case "featureDetails": {
+        const n = !!a.formState.errors.navigationState, t = !!a.formState.errors.featureConstant;
+        return a.formState.isValid && !!a.getValues("menuName") && (V ? !!a.getValues("featureConstant") && !t : !!a.getValues("navigationState") && !n) && !!a.getValues("menuType");
+      }
+      case "mobileConfig": {
+        if (!k) return !0;
+        const n = !!a.getValues("icon"), t = !!a.getValues("mobileMode"), r = a.getValues("trainingRequired"), o = a.getValues("trainingQuery"), u = a.getValues("notificationBadgeEnabled"), s = a.getValues("notificationBadgeType"), m = a.getValues("notificationBadgeQuery");
+        return n && t && (!r || !!o) && (!u || !!s) && (!u || !s || !!m);
+      }
+      case "formLinking": {
+        if (!V) return !0;
+        const n = a.getValues("formCode"), t = a.getValues("version");
+        return !!n && !!t;
+      }
+      case "additionalPermissions": {
+        if (!V && (T == null ? void 0 : T.val) === !1 && Fe)
+          return (a.getValues("updatedFields") || []).every(
+            (n) => n.value && n.value.trim()
+          );
+        {
+          const n = a.getValues("additionalPermissions") || [];
+          return n.length > 0 && n.every(
+            (t) => {
+              var r, o, u, s;
+              return ((r = t.permissionId) == null ? void 0 : r.trim()) && ((o = t.permissionName) == null ? void 0 : o.trim()) && ((s = (u = t.permissionType) == null ? void 0 : u.type) == null ? void 0 : s.trim());
+            }
+          );
+        }
+      }
+      default:
+        return !0;
+    }
+  }, [
+    tt,
+    a.formState.isValid,
+    y,
+    k
+  ]), Ze = O.filter(
+    (e) => (e.key !== "mobileConfig" || k) && (e.key !== "formLinking" || V)
+  ), Ii = async () => {
+    const e = O[y].key;
+    if (Kn(e)) {
+      Qi();
+      return;
+    }
+    await a.trigger(Gi(e)) && ($i((n) => new Set(n).add(e)), Ai((n) => n.filter((t) => t !== e)), Qi());
+  }, Qi = () => {
+    const e = O[y].key, n = Ze.findIndex(
+      (r) => r.key === e
+    ), t = Ze[n + 1];
+    if (t) {
+      t.key === "additionalPermissions" && he.length === 0 && ut(), e === "additionalPermissions" && t.key === "assignFeatures" && ze(
+        st(he, Ie)
+      );
+      const r = O.findIndex(
+        (o) => o.key === t.key
+      );
+      D(r);
+    }
+  };
+  te(() => {
+    if (j === !0) {
+      const e = a.getValues("mobileMode");
+      Xn(e);
+    }
+  }, [j, a]), te(() => {
+    V ? a.setValue("navigationState", "medplat.form") : (x.get("featureId") === null && a.setValue("navigationState", ""), a.setValue("featureConstant", ""), qe(""), a.clearErrors("featureConstant"));
+  }, [V]);
+  const Gi = (e) => {
+    switch (e) {
+      case "formLinking":
+        return ["formCode", "version"];
+      case "additionalPermissions":
+        return ["permissionId", "permissionName", "permissionType"];
+      default:
+        return [];
+    }
+  }, lt = () => {
+    y === 0 && q("/ui/medplat/manage/menu");
+    const e = O[y].key, n = Ze.findIndex(
+      (r) => r.key === e
+    ), t = Ze[n - 1];
+    if (t) {
+      const r = O.findIndex(
+        (o) => o.key === t.key
+      );
+      D(r);
+    }
+  }, ot = (e) => {
+    const n = O[e].key;
+    return et.has(n);
+  };
+  te(() => {
+    (async () => {
+      var e;
+      if (await ft(), await ht(), await gt(), b(!0), await Xi(), await yt(), await De(), x.get("featureId") && V) {
+        const { data: n } = await Sn(x.get("featureId"));
+        if (n != null && n.permissions) {
+          const t = Hi(
+            n.permissions
+          );
+          if (((e = n == null ? void 0 : n.userMenuItemDtos) == null ? void 0 : e.length) > 0) {
+            const r = Yi(
+              t,
+              n.userMenuItemDtos
+            ).map((o) => ({
+              ...o,
+              permissions: ki(o.permissions)
+            }));
+            ze(r);
+          }
+          Je(t);
+        }
+      }
+    })();
+  }, []), te(() => {
+    if (ni != null && ni.userMenuItemDtos) {
+      const e = a.getValues("updatedFields") || [], n = e == null ? void 0 : e.reduce((r, o) => (r[o.name] = o.enabled, r), {}), t = ni.userMenuItemDtos.map((r) => {
+        let o = {};
+        try {
+          o = r.featureJson ? JSON.parse(r.featureJson) : {};
+        } catch (s) {
+          console.warn("Invalid JSON in featureJson:", s);
+        }
+        const u = {
+          ...n,
+          ...o
+        };
+        return {
+          ...r,
+          featureJson: JSON.stringify(u)
+        };
+      });
+      je(t);
+    }
+  }, [ni]), te(() => {
+    try {
+      const e = x.get("featureId");
+      if (x.get("featureType") && e) {
+        const n = async () => {
+          var t;
+          if (T != null && T.val) {
+            const { data: r } = await Sn(e);
+            if (zi(!0), await Zi(), r != null && r.permissions) {
+              const o = Hi(
+                r.permissions
+              );
+              if (((t = r == null ? void 0 : r.userMenuItemDtos) == null ? void 0 : t.length) > 0) {
+                const u = Yi(
+                  o,
+                  r.userMenuItemDtos
+                ).map((s) => ({
+                  ...s,
+                  permissions: ki(s.permissions)
+                }));
+                ze(u);
+              }
+              Je(o);
+            }
+            Bi((o) => ({ ...o, value: !0, length: 0 }));
+          } else {
+            const { data: r } = await cr(e);
+            On(r), await Zi();
+            const o = JSON.parse(r.featureJson || "{}"), u = Object.keys(o).map((s, m) => ({
+              id: m + 1,
+              value: s,
+              checkbox: o[s],
+              updated: !0
+            }));
+            a.setValue("updatedFields", u), oi(u.length > 0), u.length > 0 && zi(!0), Bi((s) => ({ ...s, value: !0, length: o.length || 0 })), Jn(r == null ? void 0 : r.isSeparateFeature);
+          }
+        };
+        _i(), n();
+      }
+    } catch (e) {
+      me({
+        type: "error",
+        message: `error :${e == null ? void 0 : e.message}`
+      });
+    }
+  }, [x, a.setValue, p, Se]);
+  const Hi = (e) => {
+    const n = a.getValues("menuType"), t = a.getValues("featureConstant"), r = (s) => s.trim().toLowerCase().split(/\s+/).map(
+      (m, v) => v === 0 ? m : m.charAt(0).toUpperCase() + m.slice(1)
+    ).join("");
+    let o;
+    if (!V || (t == null ? void 0 : t.length) === 0) {
+      const s = a.getValues("menuName");
+      o = `view.${n}.${r(s)}`;
+    } else
+      o = `view.${n}.${t}`;
+    const u = (s) => {
+      const m = s.id === o;
+      return {
+        permissionId: s.id,
+        permissionType: { type: s.type },
+        permissionName: s.name,
+        permissionDesc: s.desc || "",
+        enabled: s.is_active,
+        isDefault: m,
+        childPermissions: s.child ? s.child.map((v) => u(v)) : [],
+        urlType: (s == null ? void 0 : s.httpMethod) || "",
+        backendUrl: (s == null ? void 0 : s.url) || "",
+        queryCodeRequired: !(s != null && s.url),
+        queryCode: (s == null ? void 0 : s.queryCodes) || ""
+      };
+    };
+    return e.map(u);
+  }, Yi = (e, n) => {
+    if (!Array.isArray(n)) return [];
+    const t = (r, o) => {
+      var u;
+      const s = ((u = r.childPermissions) == null ? void 0 : u.map(
+        (E) => t(E, o)
+      )) || [], m = s.some((E) => E.enabled), v = o.includes(r.permissionId) || m;
+      return { ...r, enabled: v, childPermissions: s };
+    };
+    return n.map((r) => {
+      var o, u, s, m, v, E, N;
+      const ge = ((o = r.permissions) == null ? void 0 : o.map((Ti) => Ti.id)) || [], Z = !!r.roleName || !!r.designationId || !!r.roleId, oe = !!r.userId || !!r.fullName, Ve = e.map(
+        (Ti) => t(Ti, ge)
+      );
+      return {
+        entityType: Z ? "role" : "user",
+        user_id: oe && r.userId || null,
+        role_id: Z && (r.designationId || r.roleId) || null,
+        name: oe ? r.fullName || "" : r.roleName || "",
+        startDate: ((s = (u = r.permissions) == null ? void 0 : u[0]) == null ? void 0 : s.startDate) || null,
+        endDate: ((v = (m = r.permissions) == null ? void 0 : m[0]) == null ? void 0 : v.endDate) || null,
+        isBackendOnly: ((N = (E = r.permissions) == null ? void 0 : E[0]) == null ? void 0 : N.isBackendOnly) || !1,
+        permissions: Ve
+      };
+    });
+  }, ki = (e) => {
+    const n = (t) => {
+      var r, o;
+      let u = [];
+      if ((r = t.childPermissions) != null && r.length) {
+        u = t.childPermissions.map(n);
+        const s = u.every((m) => m.enabled);
+        t.enabled = t.enabled || s;
+      }
+      return t.enabled && (o = t.childPermissions) != null && o.length && (u = u.map((s) => {
+        var m;
+        return {
+          ...s,
+          enabled: !0,
+          childPermissions: (m = s.childPermissions) != null && m.length ? ki(s.childPermissions) : []
+        };
+      })), {
+        ...t,
+        childPermissions: u
+      };
+    };
+    return e.map(n);
+  }, st = (e, n) => {
+    const t = /* @__PURE__ */ new Map(), r = (u) => {
+      u.forEach((s) => {
+        var m;
+        t.set(s.permissionId, s), (m = s.childPermissions) != null && m.length && r(s.childPermissions);
+      });
+    };
+    r(e);
+    const o = (u, s) => u.map((m) => {
+      const v = (s == null ? void 0 : s.find((N) => N.permissionId === m.permissionId)) || {}, E = o(
+        m.childPermissions || [],
+        v.childPermissions || []
+      );
+      return {
+        ...m,
+        enabled: v.enabled ?? m.enabled,
+        childPermissions: E
+      };
+    });
+    return n.map((u) => ({
+      ...u,
+      permissions: o(e, u.permissions)
+    }));
+  }, dt = async () => {
+    try {
+      const e = (await J({
+        code: "RETREIVE_DYNAMIC_FEATURE_INFO",
+        parameters: {
+          id: parseInt(x.get("featureId")),
+          menuType: x.get("featureType")
+        }
+      })).data;
+      if (e.result) {
+        let n = e.result[0];
+        const t = (() => {
+          try {
+            return n.mobile_config ? JSON.parse(n.mobile_config) : {};
+          } catch {
+            return {};
+          }
+        })(), r = ((t == null ? void 0 : t.mobile_entities_sync) ?? []).map(
+          (s) => ce == null ? void 0 : ce.find((m) => m.tableName === s)
+        ).filter(Boolean);
+        a.reset({
+          menuName: n.menuName ? n.menuName : "",
+          featureConstant: n.featureConstant ? n.featureConstant : "",
+          navigationState: n.navigationState ? n.navigationState : "medplat.form",
+          isDynamicFeature: n.isDynamicFeature !== void 0 && n.isDynamicFeature !== null ? n.isDynamicFeature : !1,
+          menuType: n.menuType ? n.menuType : "",
+          menuGroup: n.group_id ? n.group_id.toString() : "",
+          isWebFeature: n.isWebFeature ? n.isWebFeature : !1,
+          isMobileFeature: n.isMobileFeature ? n.isMobileFeature : !1,
+          entityName: (t == null ? void 0 : t.entity_name) ?? "",
+          mobileMode: (t == null ? void 0 : t.mobile_mode) ?? null,
+          icon: (t == null ? void 0 : t.icon) ?? "",
+          mobileEntitiesSync: t != null && t.mobile_entities_sync ? t.mobile_entities_sync : [],
+          conditions: (t == null ? void 0 : t.conditions) ?? "",
+          formCode: n.formCode ? n.formCode : "",
+          version: n.currentVersion ? n.currentVersion : "",
+          trainingRequired: (t == null ? void 0 : t.training_required) ?? !1,
+          trainingQuery: (t == null ? void 0 : t.training_query) ?? "",
+          notificationBadgeEnabled: (t == null ? void 0 : t.notification_badge_enabled) ?? !1,
+          notificationBadgeType: (t == null ? void 0 : t.notification_badge_type) ?? "",
+          notificationBadgeQuery: (t == null ? void 0 : t.notification_badge_query) ?? ""
+        }), xi(r), n.isMobileFeature && H(!0);
+        const o = (t == null ? void 0 : t.training_query) ?? "", u = (t == null ? void 0 : t.notification_badge_query) ?? "";
+        o && (He(o), De(o)), u && (Ye(u), De(u)), n.formCode && (Me(n.formCode), Re(n.formCode)), _i(), M(!0);
+      }
+    } catch (e) {
+      me({
+        message: e.message,
+        type: "error"
+      });
+    }
+  }, Zi = async () => {
+    try {
+      const e = (await J({
+        code: "RETREIVE_DYNAMIC_FEATURE_INFO",
+        parameters: {
+          id: parseInt(x.get("featureId")),
+          menuType: x.get("featureType")
+        }
+      })).data;
+      if (e.result) {
+        let n = e.result[0];
+        const t = (() => {
+          try {
+            return n.mobile_config ? JSON.parse(n.mobile_config) : {};
+          } catch {
+            return {};
+          }
+        })(), r = (m, v = null) => {
+          try {
+            return !m || typeof m != "string" ? v : JSON.parse(m);
+          } catch {
+            return v;
+          }
+        }, o = ((t == null ? void 0 : t.mobile_entities_sync) ?? []).map(
+          (m) => ce == null ? void 0 : ce.find((v) => v.tableName === m)
+        ).filter(Boolean);
+        a.setValue("menuName", n.menuName ? n.menuName : ""), a.setValue(
+          "navigationState",
+          n.navigationState ? n.navigationState : ""
+        ), a.setValue(
+          "isDynamicFeature",
+          n.isDynamicFeature !== void 0 && n.isDynamicFeature !== null ? n.isDynamicFeature : !1
+        ), a.setValue("menuType", n.menuType ? n.menuType : ""), a.setValue(
+          "menuGroup",
+          n.group_id ? n.group_id.toString() : ""
+        ), a.setValue(
+          "isWebFeature",
+          n.isWebFeature ? n.isWebFeature : !1
+        ), a.setValue(
+          "isMobileFeature",
+          n.isMobileFeature ? n.isMobileFeature : !1
+        ), a.setValue("entityName", (t == null ? void 0 : t.entity_name) ?? ""), a.setValue("mobileMode", (t == null ? void 0 : t.mobile_mode) ?? null), a.setValue("icon", (t == null ? void 0 : t.icon) ?? ""), a.setValue(
+          "mobileEntitiesSync",
+          (t == null ? void 0 : t.mobile_entities_sync) ?? []
+        ), a.setValue("conditions", (t == null ? void 0 : t.conditions) ?? ""), a.setValue(
+          "trainingRequired",
+          (t == null ? void 0 : t.training_required) ?? !1
+        ), a.setValue("trainingQuery", (t == null ? void 0 : t.training_query) ?? ""), a.setValue(
+          "notificationBadgeEnabled",
+          (t == null ? void 0 : t.notification_badge_enabled) ?? !1
+        ), a.setValue(
+          "notificationBadgeType",
+          (t == null ? void 0 : t.notification_badge_type) ?? ""
+        ), a.setValue(
+          "notificationBadgeQuery",
+          (t == null ? void 0 : t.notification_badge_query) ?? ""
+        ), xi(o), n.isMobileFeature && H(!0);
+        const u = (t == null ? void 0 : t.training_query) ?? "", s = (t == null ? void 0 : t.notification_badge_query) ?? "";
+        u && (He(u), De(u)), s && (Ye(s), De(s)), M(!0);
+      }
+    } catch (e) {
+      me({
+        message: e.message,
+        type: "error"
+      });
+    }
+  }, ut = () => {
+    const e = a.getValues("menuType") || "menuType", n = a.getValues("featureConstant") || "feature", t = (u) => u.trim().toLowerCase().split(/\s+/).map(
+      (s, m) => m === 0 ? s : s.charAt(0).toUpperCase() + s.slice(1)
+    ).join("");
+    let r;
+    if (V)
+      r = `view.${e}.${n}`;
+    else {
+      const u = a.getValues("menuName");
+      r = `view.${e}.${t(u)}`;
+    }
+    const o = {
+      permissionId: r,
+      permissionType: { type: "menu" },
+      permissionName: `view ${n}`,
+      permissionDesc: "",
+      enabled: !0,
+      isDefault: !0,
+      childPermissions: [],
+      ...V === !1 && {
+        backendUrl: "",
+        urlType: "",
+        queryCode: ""
+      }
+    };
+    Je([o]);
+  }, ct = (e) => {
+    vi(e);
+  }, mt = (e) => {
+    const n = (e == null ? void 0 : e.map((t) => t == null ? void 0 : t.tableName)) || [];
+    xi(e), a.setValue("mobileEntitiesSync", n);
+  }, pt = (e, n) => {
+    ii(n);
+  };
+  te(() => {
+    const e = (x == null ? void 0 : x.get("staticOrDynamic")) === "STATIC";
+    p && Se && x.get("featureId") && !e && dt();
+  }, [p, Se]);
+  const ft = async () => {
+    const e = (await J({
+      code: "fetch_menu_groups"
+    })).data;
+    Ke(e.result.map((n) => n.menu_type)), yi(e.result);
+  }, ht = async () => {
+    const e = (await J({
+      code: "mfa_retreive_all_table_names"
+    })).data;
+    R(e.result.map((n) => n.table_name));
+  }, gt = async () => {
+    const e = (await J({
+      code: "retrieve_synced_tables"
+    })).data;
+    gi(e == null ? void 0 : e.result);
+  }, Xi = async () => {
+    const e = (await J({
+      code: "mfa_retrieve_separate_feature_forms"
+    })).data;
+    if (e.result) {
+      let n = e.result;
+      L(n);
+      let t = {};
+      return n.forEach((r) => {
+        try {
+          const o = JSON.parse(r.versions);
+          t[r.form_code] = o;
+        } catch (o) {
+          console.error("Invalid JSON in form.versions:", r.versions, o), t[r.form_code] = [];
+        }
+      }), Ce(t), t;
+    }
+  }, yt = async () => {
+    try {
+      const { data: e } = await J({
+        code: "user_search_for_selectize",
+        parameters: {
+          searchString: ""
+        }
+      });
+      Oi(e == null ? void 0 : e.result);
+      const n = await Lt();
+      An(n.data);
+    } catch (e) {
+      console.error("Error fetching users or roles:", e);
+    }
+  }, De = async (e = "") => {
+    try {
+      const n = (await J({
+        code: "GET_ALL_QUERY_CODE",
+        parameters: { search: e }
+      })).data;
+      Hn((n == null ? void 0 : n.result) || []);
+    } catch (n) {
+      console.error("Error fetching query codes:", n);
+    }
+  }, Ki = () => a.getValues("isMobileFeature") && a.getValues("isWebFeature") ? Oe : Oe.filter((e) => {
+    const { roleType: n } = e;
+    return !!(n === null || a.getValues("isMobileFeature") && (n === "MOBILE" || n === "BOTH") || a.getValues("isWebFeature") && (n === "WEB" || n === "BOTH"));
+  });
+  te(() => {
+    if (!(Oe != null && Oe.length)) return;
+    const e = Le.filter((n) => {
+      if (!n.roleName) return !0;
+      const t = Oe.find((o) => o.name === n.roleName);
+      if (!t) return !0;
+      const { roleType: r } = t;
+      return !(!Li && r === "MOBILE" || !ji && r === "WEB");
+    });
+    je(e);
+  }, [Li, ji, Oe]);
+  const bt = (e) => {
+    const { firstName: n, lastName: t, userName: r } = e;
+    return !n && !t && !r ? "" : n && !t && !r ? n : `${n} ${t} (${r})`;
+  }, _i = () => {
+    C(() => {
+      const e = a.getValues("menuType") ? JSON.parse(
+        Se == null ? void 0 : Se.find(
+          (t) => t.menu_type === a.getValues("menuType")
+        ).groupNames
+      ) : null, n = e == null ? void 0 : e.filter((t) => t.id !== null);
+      return n != null && n.length || a.setValue("menuGroup", ""), n;
+    });
+  }, vt = (e) => {
+    a.setValue("menuGroup", e.target.value);
+  }, xt = (e) => {
+    e.target.checked ? H(!0) : (H(!1), a.setValue("entityName", null), a.setValue("icon", null), a.setValue("mobileEntitiesSync", null), a.setValue("conditions", null), a.setValue("mobileMode", null));
+  }, Ct = (e) => {
+    e.target.checked || (a.setValue("formCode", null), a.setValue("version", null));
+  }, St = () => {
+    ti("add-parent"), ri(null), ai(null), li(null), Qe(!0);
+  }, wt = (e) => {
+    ti("add-child"), ri(e.permissionId), ai(null), li(null), Qe(!0);
+  }, Nt = (e) => {
+    ti("edit"), ri(null), ai(e), li(e.permissionId), Qe(!0);
+  }, en = (e, n, t) => e.map((r) => r.permissionId === n ? {
+    ...r,
+    childPermissions: [...r.childPermissions || [], t]
+  } : {
+    ...r,
+    childPermissions: en(
+      r.childPermissions || [],
+      n,
+      t
+    )
+  }), nn = (e, n, t) => e.map((r) => r.permissionId === n ? {
+    ...t,
+    childPermissions: r.childPermissions || []
+  } : {
+    ...r,
+    childPermissions: nn(
+      r.childPermissions || [],
+      n,
+      t
+    )
+  }), tn = (e, n) => e.filter((t) => t.permissionId !== n).map((t) => ({
+    ...t,
+    childPermissions: tn(
+      t.childPermissions || [],
+      n
+    )
+  })), It = (e) => {
+    Je((n) => {
+      let t = [...n];
+      if (Ge === "add-parent")
+        t = [...n, e];
+      else if (Ge === "add-child") {
+        const r = (s, m) => {
+          var v;
+          for (const E of s) {
+            if (E.permissionId === m) return E;
+            if ((v = E.childPermissions) != null && v.length) {
+              const N = r(E.childPermissions, m);
+              if (N) return N;
+            }
+          }
+          return null;
+        }, o = r(n, Ci), u = {
+          ...e,
+          permissionType: typeof o.permissionType == "string" ? { type: o.permissionType } : o.permissionType
+        };
+        t = en(
+          n,
+          Ci,
+          u
+        );
+      } else Ge === "edit" && (t = nn(
+        n,
+        Bn,
+        e
+      ));
+      return t;
+    }), Qe(!1), ti("add-parent"), ri(null), ai(null), li(null);
+  }, kt = (e) => {
+    const n = typeof e == "string" ? e : e.permissionId;
+    Je((t) => tn(t, n));
+  };
+  te(() => {
+    a.setValue("additionalPermissions", he);
+  }, [he, a]);
+  const si = (e, n = null) => {
+    let t = [];
+    return e.forEach((r) => {
+      const {
+        permissionId: o,
+        permissionType: u,
+        permissionName: s,
+        permissionDesc: m,
+        enabled: v,
+        backendUrl: E,
+        urlType: N,
+        queryCode: ge
+      } = r;
+      t.push({
+        permissionId: o,
+        permissionType: u == null ? void 0 : u.type,
+        permissionName: s,
+        permissionDesc: m,
+        parentPermissionId: n,
+        enabled: v,
+        backendUrl: E,
+        urlType: N,
+        queryCode: ge
+      }), r.childPermissions && r.childPermissions.length > 0 && (t = t.concat(
+        si(r.childPermissions, o)
+      ));
+    }), t;
+  }, _t = () => {
+    (async () => {
+      let e = await Xi();
+      Ce(e), Me(a.getValues("formCode"));
+    })();
+  }, rn = JSON.stringify(
+    (A = Y.value ? a.getValues("updatedFields") : a.getValues("fields")) == null ? void 0 : A.reduce((e, n) => {
+      var t;
+      return (t = n.value) != null && t.trim() && (e[n.value.trim()] = n.checkbox), e;
+    }, {})
+  ), Tt = () => {
+    if (!V && (T == null ? void 0 : T.val) === !1)
+      try {
+        const e = [];
+        le != null && le.id && e.push({
+          designationId: null,
+          userId: le.id,
+          fullName: `${le.firstName || ""} ${le.lastName || ""}`.trim(),
+          featureJson: rn
+        }), (Ne == null ? void 0 : Ne.length) > 0 && e.push(
+          ...Ne.map((n) => ({
+            designationId: n.id,
+            roleName: n.name,
+            featureJson: rn
+          }))
+        ), je((n) => [...n, ...e]), me({
+          message: "Menu item added successfully",
+          type: "success"
+        }), vi([]), ii({});
+      } catch (e) {
+        console.error(e), me({
+          message: "Cannot add menu item",
+          type: "error"
+        });
+      }
+    else {
+      const e = [];
+      if (le != null && le.id && e.push({
+        type: "user",
+        id: le.id,
+        name: le.firstName + " " + le.lastName
+      }), Ne.length > 0 && e.push({
+        type: "role",
+        ids: Ne.map((n) => n.id),
+        names: Ne.map((n) => n.name)
+      }), e.length === 0) return;
+      Ln(e), Si(!0), ii(null), vi([]);
+    }
+  }, an = (e) => {
+    const n = [], t = (r, o) => {
+      for (const u of r)
+        u.enabled && n.push({
+          permission_id: u.permissionId,
+          user_id: o.user_id || null,
+          role_id: o.role_id || null,
+          is_backend_only: o.isBackendOnly || !1,
+          start_date: o.startDate || null,
+          end_date: o.endDate || null
+        });
+    };
+    for (const r of e)
+      t(r.permissions || [], r);
+    return n;
+  }, Ft = (e, n) => {
+    ze((t) => {
+      const r = [...t];
+      return r[e] = {
+        ...r[e],
+        permissions: ln(
+          r[e].permissions,
+          n.permissionId,
+          !n.enabled
+        )
+      }, r;
+    });
+  }, ln = (e, n, t) => e.map((r) => {
+    var o, u;
+    if (r.permissionId === n)
+      return {
+        ...r,
+        enabled: t,
+        childPermissions: (o = r.childPermissions) != null && o.length ? on(r.childPermissions, t) : []
+      };
+    if ((u = r.childPermissions) != null && u.length) {
+      const s = ln(
+        r.childPermissions,
+        n,
+        t
+      ), m = s.length > 0 && s.every((v) => v.enabled === !0);
+      return {
+        ...r,
+        enabled: m,
+        childPermissions: s
+      };
+    }
+    return r;
+  }), on = (e, n) => e.map((t) => {
+    var r;
+    return {
+      ...t,
+      enabled: n,
+      childPermissions: (r = t.childPermissions) != null && r.length ? on(t.childPermissions, n) : []
+    };
+  }), Dt = async (e) => {
+    (await J({
+      code: "check_unique_feature_constant",
+      parameters: {
+        featureConstant: e
+      }
+    })).data.result[0].exists ? a.setError("featureConstant", {
+      type: "manual",
+      message: "Feature constant already exists"
+    }) : qe(`${e} Feature constant is available`);
+  }, Vt = async (e) => {
+    (await J({
+      code: "CHECK_UNIQUE_NAVIGATION_STATE",
+      parameters: {
+        featureState: e
+      }
+    })).data.result[0].exists ? a.setError("navigationState", {
+      type: "manual",
+      message: "Feature State already exists"
+    }) : qe(`${e} Feature State is available`);
+  }, Et = cn(Dt, 500), Pt = cn(
+    Vt,
+    500
+  ), sn = Jt(
+    async (e, n, t) => {
+      const { data: r } = await J({
+        code: "user_search_for_selectize",
+        parameters: {
+          searchString: e
+        }
+      });
+      n(r.result), t({ firstName: e, lastName: "", userName: "" });
+    },
+    500
+  ), Wt = async (e) => {
+    const n = si(he);
+    let t = {
+      code: "insert_dynamic_feature_into_menu_config",
+      parameters: {
+        menuName: e.menuName ? e.menuName : null,
+        featureConstant: e.featureConstant ? e.featureConstant : null,
+        formCode: e.formCode && e.formCode !== "" ? e.formCode : null,
+        prevFormCode: $e || null,
+        deLinkPrevForm: $e !== e.formCode,
+        menuType: e.menuType ? e.menuType : null,
+        menuGroup: e.menuGroup ? parseInt(e.menuGroup) : null,
+        navigationState: e.navigationState && e.formCode && e.formCode !== "" ? e.navigationState : null,
+        formVersion: e.version ? e.version : null,
+        isMobileFeature: e.isMobileFeature ? e.isMobileFeature : null,
+        isWebFeature: e.isWebFeature ? e.isWebFeature : null,
+        permissions: JSON.stringify(n),
+        mobileConfig: JSON.stringify({
+          entity_name: e.entityName ?? null,
+          mobile_mode: e.mobileMode ? e.mobileMode.toUpperCase() : null,
+          icon: e.icon ?? null,
+          mobile_entities_sync: e.mobileEntitiesSync ?? [],
+          conditions: e.conditions ?? null,
+          training_required: e.trainingRequired ?? !1,
+          training_query: e.trainingQuery ?? null,
+          notification_badge_enabled: e.notificationBadgeEnabled ?? !1,
+          notification_badge_type: e.notificationBadgeType ?? null,
+          notification_badge_query: e.notificationBadgeQuery ?? null
+        })
+      }
+    };
+    try {
+      if (await J(t)) {
+        let r = [];
+        e.menuName && e.menuName.length > 0 && r.push({
+          code: "medplat_form_insert_into_translation_master",
+          parameters: {
+            translation_key: e.menuName.replaceAll(" ", ""),
+            translation_value: e.menuName,
+            form_code: "General"
+          },
+          sequence: 1
+        }), r.length > 0 && await Pi(r);
+        const o = an(Ie);
+        o && await J({
+          code: "GRANT_PERMISSION_USER_MAP",
+          parameters: {
+            permissionUserMap: JSON.stringify(o)
+          }
+        });
+      }
+      me({
+        message: x.get("featureId") ? "Feature updated successfully" : "New Dynamic feature created successfully!",
+        type: "success"
+      }), ne(!0);
+    } catch (r) {
+      me({
+        message: r.message,
+        type: "error"
+      });
+    }
+  }, qt = async (e) => {
+    var n, t, r, o;
+    try {
+      let u = null, s = null, m = null;
+      const v = mn();
+      (n = e == null ? void 0 : e.menuGroup) != null && n.length && (u = mn());
+      const E = si(he), N = {
+        code: "insert_menu_config",
+        parameters: {
+          UUID: v,
+          featureJson: null,
+          menuGroup: e.menuGroup ? parseInt(e.menuGroup) : null,
+          groupUUID: u,
+          menuName: e.menuName ? e.menuName : null,
+          menuType: e.menuType ? e.menuType : null,
+          navigationState: e.navigationState ? e.navigationState : null,
+          subgroupId: s,
+          subgroupUUID: m,
+          isMobileFeature: e != null && e.isMobileFeature ? e == null ? void 0 : e.isMobileFeature : null,
+          isWebFeature: e != null && e.isWebFeature ? e == null ? void 0 : e.isWebFeature : null,
+          permissions: JSON.stringify(E),
+          isNewFeature: "true",
+          mobileConfig: JSON.stringify({
+            entity_name: (e == null ? void 0 : e.entityName) ?? null,
+            mobile_mode: e != null && e.mobileMode ? e == null ? void 0 : e.mobileMode.toUpperCase() : null,
+            icon: (e == null ? void 0 : e.icon) ?? null,
+            mobile_entities_sync: (e == null ? void 0 : e.mobileEntitiesSync) ?? [],
+            conditions: (e == null ? void 0 : e.conditions) ?? null,
+            training_required: e.trainingRequired ?? !1,
+            training_query: e.trainingQuery ?? null,
+            notification_badge_enabled: e.notificationBadgeEnabled ?? !1,
+            notification_badge_type: e.notificationBadgeType ?? null,
+            notification_badge_query: e.notificationBadgeQuery ?? null
+          })
+        }
+      };
+      if (Y.value && (T == null ? void 0 : T.val) === !1) {
+        N.code = "update_menu_config";
+        const { fields: Z, updatedFields: oe } = e, Ve = Y.value && Fe ? un(oe) : (t = Z[0]) != null && t.value && Fe ? un(Z) : {};
+        a.setValue("featureJson", Ve), delete N.parameters.UUID, delete N.parameters.groupUUID, delete N.parameters.subgroupUUID, delete N.parameters.permissions, delete N.parameters.isNewFeature, N.parameters.featureType = x.get("featureType"), N.parameters.featureId = x.get("featureId"), N.parameters.featureJson = Ve;
+      }
+      let ge;
+      if (Y.value && (T == null ? void 0 : T.val) === !1) {
+        const { data: Z } = await jt(N);
+        ge = Z, await mr((r = Z == null ? void 0 : Z.result[0]) == null ? void 0 : r.id, Le);
+      } else {
+        Y.value && (delete N.parameters.UUID, delete N.parameters.groupUUID, delete N.parameters.subgroupUUID, delete N.parameters.isNewFeature, N.parameters.featureType = x.get("featureType"), N.parameters.featureId = x.get("featureId"));
+        const { data: Z } = await J(N);
+        if (ge = Z, Z) {
+          let oe = [];
+          e.menuName && e.menuName.length > 0 && oe.push({
+            code: "medplat_form_insert_into_translation_master",
+            parameters: {
+              translation_key: e.menuName.replaceAll(" ", ""),
+              translation_value: e.menuName,
+              form_code: "General"
+            },
+            sequence: 1
+          }), oe.length > 0 && await Pi(oe);
+          const Ve = an(Ie);
+          Ve && await J({
+            code: "GRANT_PERMISSION_USER_MAP",
+            parameters: {
+              permissionUserMap: JSON.stringify(Ve)
+            }
+          });
+        }
+      }
+      (o = ge == null ? void 0 : ge.result) != null && o.length ? me({
+        message: Y.value ? "FEATURE EDITED SUCCESFULLY" : "FEATURE ADDED SUCCESFULLY",
+        type: "success"
+      }) : me({
+        message: "FEATURE CONFIGURATION ALREADY EXISTS ",
+        type: "error"
+      }), ne(!0);
+    } catch (u) {
+      me({
+        message: u.message,
+        type: "error"
+      });
+    }
+  }, dn = async (e) => {
+    V ? Wt(e) : qt(e);
+  }, un = (e) => JSON.stringify(
+    e == null ? void 0 : e.reduce((n, t) => (n[t.value] = t.checkbox, n), {})
+  ), At = (e, n) => {
+    e && e.type === "change" && Rt(n);
+  }, Rt = rr(
+    (e) => {
+      sn(e, Oi, ii);
+    },
+    [sn]
+  ), Ot = () => {
+    oi(!Fe), Fe || (Y.value ? a.setValue("updatedFields", [
+      { id: 1, value: "", checkbox: !1 }
+    ]) : a.setValue("fields", [{ id: 1, value: "", checkbox: !1 }]));
+  }, zt = (e) => {
+    const n = (Y.value ? a.getValues("updatedFields") : a.getValues("fields")).map((t) => t.id === e ? { ...t, checkbox: !t.checkbox } : t);
+    Y.value ? a.setValue("updatedFields", n) : a.setValue("fields", n);
+  }, Ut = () => {
+    const e = Y.value ? a.getValues("updatedFields") : a.getValues("fields"), n = e[(e == null ? void 0 : e.length) - 1];
+    if ((n == null ? void 0 : n.value.trim()) === "") {
+      alert("Enter the right name before adding a new one.");
+      return;
+    }
+    const t = {
+      id: e.length + 1,
+      value: "",
+      checkbox: !1
+    };
+    Y.value ? a.setValue("updatedFields", [...e, t]) : a.setValue("fields", [...e, t]);
+  }, Bt = (e) => {
+    const n = (Y.value ? a.getValues("updatedFields") : a.getValues("fields")).filter((t) => t.id !== e);
+    Y.value ? a.setValue("updatedFields", n) : a.setValue("fields", n), (n == null ? void 0 : n.length) === 0 && (Y.value ? oi(!0) : oi(!1));
+  };
+  return /* @__PURE__ */ i(
+    "form",
+    {
+      noValidate: !0,
+      ref: re,
+      onSubmit: a.handleSubmit(dn),
+      method: "POST",
+      children: /* @__PURE__ */ i(d, { sx: { width: "100%", p: 3, borderRadius: 2 }, children: /* @__PURE__ */ l(d, { sx: { display: "flex" }, children: [
+        /* @__PURE__ */ i(
+          d,
+          {
+            sx: {
+              width: "30%",
+              maxHeight: "87vh",
+              background: `linear-gradient(to right, ${ue.palette.custom.featureList || "#3576BA"}, ${ue.palette.custom.black2 || "#1C2128"})`,
+              p: 3,
+              borderTopLeftRadius: 16,
+              borderBottomLeftRadius: 16,
+              borderTopRightRadius: 0,
+              borderBottomRightRadius: 0,
+              display: "flex",
+              flexDirection: "column",
+              justifyContent: "center",
+              gap: 5
+            },
+            children: O.map((e, n) => {
+              const t = n === y, r = ot(n), o = Ze.some((E) => E.key === e.key) && !r && !t, u = !o && !r && !t;
+              let s = "transparent", m = "2px solid rgba(255,255,255,0.5)", v = "white";
+              return t ? (s = "#BEE2FD", v = "#1e3a8a", m = "2px solid #BEE2FD") : r ? (s = "white", v = "#4caf50", m = "2px solid #4caf50") : o ? (s = "transparent", v = "white", m = "2px solid #BEE2FD") : u && (s = "transparent", v = "rgba(255,255,255,0.5)", m = "2px solid rgba(255,255,255,0.2)"), /* @__PURE__ */ i(Qt, { sx: { p: 0, m: 0 }, children: /* @__PURE__ */ l(
+                d,
+                {
+                  sx: {
+                    display: "flex",
+                    alignItems: "center",
+                    position: "relative",
+                    backgroundColor: t ? "custom.gray3" : "transparent",
+                    px: 1,
+                    py: 1,
+                    transition: "all 0.3s ease",
+                    borderRadius: 2,
+                    minHeight: 64
+                  },
+                  children: [
+                    n < (O == null ? void 0 : O.length) - 1 && /* @__PURE__ */ i(
+                      d,
+                      {
+                        sx: {
+                          position: "absolute",
+                          top: "45%",
+                          left: 22,
+                          height: "calc(100% + -10px)",
+                          width: 2,
+                          backgroundColor: "white",
+                          opacity: u ? 0.3 : 1,
+                          zIndex: 0,
+                          transform: "translateY(50%)"
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ i(
+                      d,
+                      {
+                        sx: {
+                          width: 32,
+                          height: 32,
+                          borderRadius: "50%",
+                          backgroundColor: s,
+                          border: m,
+                          color: v,
+                          fontWeight: "bold",
+                          fontSize: 14,
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          zIndex: 1,
+                          flexShrink: 0
+                        },
+                        children: r && !t ? /* @__PURE__ */ i(se, { iconName: "faCheck", size: "lg" }) : n + 1
+                      }
+                    ),
+                    /* @__PURE__ */ l(d, { sx: { ml: 2 }, children: [
+                      /* @__PURE__ */ l(
+                        c,
+                        {
+                          variant: "caption",
+                          sx: {
+                            color: r ? "primary.main" : "white",
+                            fontWeight: "bold",
+                            textTransform: "uppercase",
+                            fontSize: 14,
+                            opacity: u ? 0.5 : 1
+                          },
+                          children: [
+                            "STEP ",
+                            n + 1
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ i(
+                        c,
+                        {
+                          variant: "subtitle2",
+                          sx: {
+                            color: r ? "primary.main" : "white",
+                            fontWeight: "bold",
+                            textTransform: "uppercase",
+                            fontSize: 14,
+                            opacity: u ? 0.5 : 1
+                          },
+                          children: e.label
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              ) }, e.key);
+            })
+          }
+        ),
+        /* @__PURE__ */ l(
+          d,
+          {
+            sx: {
+              width: "80%",
+              backgroundColor: "background.paper",
+              padding: 2,
+              borderRadius: "10px",
+              display: "flex",
+              flexDirection: "column",
+              maxHeight: "87vh",
+              overflowY: "auto"
+            },
+            children: [
+              ((W = O[y]) == null ? void 0 : W.key) === "featureDetails" && /* @__PURE__ */ i(d, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ l(d, { width: "80%", children: [
+                /* @__PURE__ */ i(
+                  c,
+                  {
+                    variant: "h5",
+                    sx: {
+                      fontWeight: "bold",
+                      textAlign: "center",
+                      marginBottom: 1,
+                      marginTop: 2
+                    },
+                    children: h("Feature Details")
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  c,
+                  {
+                    sx: { textAlign: "center", marginBottom: 4, color: "grey" },
+                    children: "Please provide the necessary details for the new feature, including its name, constant, and where it should be linked in the menu."
+                  }
+                ),
+                /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ l(
+                  ee,
+                  {
+                    variant: "outlined",
+                    className: "m-3 flex flex-row items-center w-[80%] justify-between",
+                    children: [
+                      /* @__PURE__ */ l(
+                        c,
+                        {
+                          variant: "subtitle1",
+                          className: "whitespace-nowrap",
+                          children: [
+                            h("Is"),
+                            " ",
+                            h("dynamic"),
+                            " ",
+                            h("feature? "),
+                            ":"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ i(d, { className: "w-[60%]", children: /* @__PURE__ */ i(
+                        $,
+                        {
+                          name: "isDynamicFeature",
+                          control: a.control,
+                          rules: { required: "Required field" },
+                          render: ({ field: e }) => /* @__PURE__ */ i(
+                            ke,
+                            {
+                              checked: e.value,
+                              disabled: !!x.get("featureId"),
+                              onChange: (n) => {
+                                e.onChange(n.target.checked), Ct(n);
+                              }
+                            }
+                          )
+                        }
+                      ) })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ l(
+                  ee,
+                  {
+                    variant: "outlined",
+                    className: " m-3 flex flex-row items-center w-[80%] justify-between",
+                    children: [
+                      /* @__PURE__ */ l(c, { variant: "subtitle1", children: [
+                        h("Feature"),
+                        " ",
+                        h("Name"),
+                        /* @__PURE__ */ i("span", { className: "text-red-500 ml-1", children: "*" }),
+                        " :"
+                      ] }),
+                      /* @__PURE__ */ i(d, { className: "w-[60%]", children: /* @__PURE__ */ i(
+                        ie,
+                        {
+                          control: a.control,
+                          id: "menuName",
+                          name: "menuName",
+                          errors: a.formState.errors,
+                          disabled: Ui,
+                          placeholder: "Feature Name"
+                        }
+                      ) })
+                    ]
+                  }
+                ) }),
+                V ? /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ l(
+                  ee,
+                  {
+                    variant: "outlined",
+                    className: " m-3 flex flex-row items-center w-[80%] justify-between",
+                    children: [
+                      /* @__PURE__ */ l(c, { variant: "subtitle1", children: [
+                        h("Feature"),
+                        " ",
+                        h("Constant"),
+                        /* @__PURE__ */ i("span", { className: "text-red-500 ml-1", children: "*" }),
+                        " :"
+                      ] }),
+                      /* @__PURE__ */ i(d, { className: "w-[60%]", children: /* @__PURE__ */ i(
+                        ie,
+                        {
+                          control: a.control,
+                          id: "featureConstant",
+                          name: "featureConstant",
+                          errors: a.formState.errors,
+                          successMessage: We,
+                          placeholder: "Feature Constant",
+                          disabled: j,
+                          onChange: (e) => Et(e.target.value)
+                        }
+                      ) })
+                    ]
+                  }
+                ) }, "static-feature") : /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ l(
+                  ee,
+                  {
+                    variant: "outlined",
+                    className: " m-2 flex flex-row items-center w-[80%] justify-between",
+                    children: [
+                      /* @__PURE__ */ l(c, { variant: "subtitle1", children: [
+                        h("Feature"),
+                        " ",
+                        h("State"),
+                        /* @__PURE__ */ i("span", { className: "text-red-500 mx-1", children: "*" }),
+                        /* @__PURE__ */ i(
+                          ye,
+                          {
+                            title: /* @__PURE__ */ i(
+                              c,
+                              {
+                                fontSize: 12,
+                                maxWidth: 200,
+                                sx: { whiteSpace: "pre-line" },
+                                children: `Must follow one of these formats:
+• techo.*
+• medplat.form.*`
+                              }
+                            ),
+                            size: "sm"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ i(d, { className: "w-[60%]", children: /* @__PURE__ */ i(
+                        ie,
+                        {
+                          control: a.control,
+                          id: "navigationState",
+                          name: "navigationState",
+                          placeholder: "Feature State",
+                          disabled: Ui || j,
+                          successMessage: We,
+                          dataTestId: "managefeature-textfield-feature-state",
+                          errors: a.formState.errors,
+                          onChange: (e) => Pt(
+                            e.target.value
+                          )
+                        }
+                      ) })
+                    ]
+                  }
+                ) }, "dynamic-feature"),
+                /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ l(
+                  ee,
+                  {
+                    variant: "outlined",
+                    className: " m-3 flex flex-row items-center w-[80%] justify-between",
+                    children: [
+                      /* @__PURE__ */ l(c, { variant: "subtitle1", children: [
+                        h("Link"),
+                        " ",
+                        h("to"),
+                        " ",
+                        h("Menu"),
+                        /* @__PURE__ */ i("span", { className: "text-red-500 ml-1", children: "*" }),
+                        " :"
+                      ] }),
+                      /* @__PURE__ */ i(d, { className: "  w-[60%]", children: /* @__PURE__ */ i(
+                        Ee,
+                        {
+                          control: a.control,
+                          name: "menuType",
+                          options: bi,
+                          errors: a.formState.errors,
+                          disableClearable: !1,
+                          onChange: (e) => {
+                            a.setValue("menuType", e.target.value), _i();
+                          }
+                        }
+                      ) })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ i(Q, { children: (fe == null ? void 0 : fe.length) > 0 && /* @__PURE__ */ l(
+                  ee,
+                  {
+                    variant: "outlined",
+                    className: " m-3 flex flex-row items-center w-[80%] justify-between",
+                    children: [
+                      /* @__PURE__ */ l(c, { variant: "subtitle1", children: [
+                        h("Menu"),
+                        " ",
+                        h("SubGroup"),
+                        " :"
+                      ] }),
+                      /* @__PURE__ */ i(d, { className: "  w-[60%]", children: /* @__PURE__ */ i(
+                        Ee,
+                        {
+                          control: a.control,
+                          name: "menuGroup",
+                          errors: a.formState.errors,
+                          displayName: "name",
+                          optionValue: "id",
+                          options: fe,
+                          disableClearable: !1,
+                          onChange: vt
+                        }
+                      ) })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ l(
+                  ee,
+                  {
+                    variant: "outlined",
+                    className: "m-3 flex flex-row items-center w-[80%] justify-between",
+                    children: [
+                      /* @__PURE__ */ l(
+                        c,
+                        {
+                          variant: "subtitle1",
+                          className: "whitespace-nowrap",
+                          children: [
+                            h("Enable"),
+                            " ",
+                            h("feature"),
+                            " ",
+                            h("for"),
+                            ":"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ l(d, { className: "w-[60%] flex flex-row gap-6 items-center", children: [
+                        /* @__PURE__ */ l(d, { className: "flex items-center gap-1", children: [
+                          /* @__PURE__ */ i(c, { variant: "subtitle1", children: h("Web") }),
+                          /* @__PURE__ */ i(
+                            $,
+                            {
+                              name: "isWebFeature",
+                              control: a.control,
+                              render: ({ field: e }) => /* @__PURE__ */ i(
+                                ke,
+                                {
+                                  ...e,
+                                  checked: e.value,
+                                  onChange: (n) => e.onChange(n.target.checked)
+                                }
+                              )
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ l(d, { className: "flex items-center gap-1", children: [
+                          /* @__PURE__ */ i(c, { variant: "subtitle1", children: h("Mobile") }),
+                          /* @__PURE__ */ i(
+                            $,
+                            {
+                              name: "isMobileFeature",
+                              control: a.control,
+                              render: ({ field: e }) => /* @__PURE__ */ i(
+                                ke,
+                                {
+                                  ...e,
+                                  checked: e.value,
+                                  onChange: (n) => {
+                                    e.onChange(n.target.checked), xt(n);
+                                  }
+                                }
+                              )
+                            }
+                          )
+                        ] })
+                      ] })
+                    ]
+                  }
+                ) })
+              ] }) }),
+              ((P = O[y]) == null ? void 0 : P.key) === "mobileConfig" && k && /* @__PURE__ */ i(d, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ l(d, { width: "95%", children: [
+                /* @__PURE__ */ i(
+                  c,
+                  {
+                    variant: "h5",
+                    sx: { fontWeight: "bold", textAlign: "center", mb: 1 },
+                    children: h("Mobile Setup")
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  c,
+                  {
+                    sx: { textAlign: "center", mb: 3, color: "grey" },
+                    children: "Set up how this feature should behave and appear in the mobile app, including its entity, icon and condition query."
+                  }
+                ),
+                /* @__PURE__ */ l(
+                  Fi,
+                  {
+                    expanded: wi.basicConfig,
+                    onChange: () => Ni((e) => ({
+                      ...e,
+                      basicConfig: !e.basicConfig
+                    })),
+                    sx: {
+                      mb: 1.5,
+                      borderRadius: 2,
+                      boxShadow: "0 2px 8px rgba(0,0,0,0.08)",
+                      border: "1px solid rgba(33, 150, 243, 0.2)",
+                      borderLeft: "4px solid #2196f3",
+                      "&:before": { display: "none" },
+                      overflow: "hidden"
+                    },
+                    children: [
+                      /* @__PURE__ */ i(
+                        Di,
+                        {
+                          expandIcon: /* @__PURE__ */ i(se, { iconName: "faChevronDown", size: "sm" }),
+                          sx: {
+                            backgroundColor: "rgba(33, 150, 243, 0.06)",
+                            "&:hover": {
+                              backgroundColor: "rgba(33, 150, 243, 0.12)"
+                            },
+                            minHeight: 52
+                          },
+                          children: /* @__PURE__ */ i(c, { fontWeight: 700, fontSize: 15, children: "Basic Config" })
+                        }
+                      ),
+                      /* @__PURE__ */ l(
+                        Vi,
+                        {
+                          sx: { display: "flex", flexDirection: "column", gap: 2 },
+                          children: [
+                            /* @__PURE__ */ l(
+                              d,
+                              {
+                                display: "flex",
+                                flexDirection: "row",
+                                alignItems: "center",
+                                children: [
+                                  /* @__PURE__ */ l(
+                                    d,
+                                    {
+                                      display: "flex",
+                                      alignItems: "center",
+                                      gap: 2,
+                                      sx: { width: "50%" },
+                                      children: [
+                                        /* @__PURE__ */ l(
+                                          c,
+                                          {
+                                            variant: "subtitle1",
+                                            sx: { minWidth: "140px", flexShrink: 0 },
+                                            children: [
+                                              h("Feature Icon"),
+                                              " ",
+                                              /* @__PURE__ */ i("span", { style: { color: "#d32f2f" }, children: "* " }),
+                                              /* @__PURE__ */ i(
+                                                ye,
+                                                {
+                                                  title: /* @__PURE__ */ i(c, { fontSize: 12, maxWidth: 200, children: "Upload Feature Icon" }),
+                                                  size: "sm"
+                                                }
+                                              )
+                                            ]
+                                          }
+                                        ),
+                                        /* @__PURE__ */ i(Gt, { title: "Upload Icon", children: /* @__PURE__ */ i(
+                                          d,
+                                          {
+                                            sx: {
+                                              transform: "scale(0.55)",
+                                              transformOrigin: "left center",
+                                              "& svg": {
+                                                fontSize: "2.5rem"
+                                              }
+                                            },
+                                            children: /* @__PURE__ */ i(
+                                              Mt,
+                                              {
+                                                onUpload: (e) => a.setValue("icon", e),
+                                                formControl: a,
+                                                name: "icon",
+                                                accept: "image/svg+xml, image/svg",
+                                                errors: k ? a.formState.errors : null,
+                                                triggerType: "icon"
+                                              }
+                                            )
+                                          }
+                                        ) })
+                                      ]
+                                    }
+                                  ),
+                                  /* @__PURE__ */ l(
+                                    d,
+                                    {
+                                      display: "flex",
+                                      alignItems: "center",
+                                      gap: 2,
+                                      my: 4,
+                                      sx: { width: "50%" },
+                                      children: [
+                                        /* @__PURE__ */ l(
+                                          c,
+                                          {
+                                            variant: "subtitle1",
+                                            sx: { minWidth: "140px", flexShrink: 0 },
+                                            children: [
+                                              h("Mode"),
+                                              " ",
+                                              /* @__PURE__ */ i("span", { style: { color: "#d32f2f" }, children: "* " }),
+                                              /* @__PURE__ */ i(
+                                                ye,
+                                                {
+                                                  title: /* @__PURE__ */ i(c, { fontSize: 12, maxWidth: 200, children: "Choose whether this feature should work online or offline" }),
+                                                  size: "sm"
+                                                }
+                                              )
+                                            ]
+                                          }
+                                        ),
+                                        /* @__PURE__ */ i(d, { sx: { display: "flex", flex: 1 }, children: /* @__PURE__ */ i(
+                                          $,
+                                          {
+                                            name: "mobileMode",
+                                            control: a.control,
+                                            render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ l(pe, { children: [
+                                              /* @__PURE__ */ l(
+                                                pn,
+                                                {
+                                                  value: e.value ?? "",
+                                                  row: !0,
+                                                  ...e,
+                                                  children: [
+                                                    /* @__PURE__ */ i(
+                                                      di,
+                                                      {
+                                                        value: "ONLINE",
+                                                        control: /* @__PURE__ */ i(
+                                                          ui,
+                                                          {
+                                                            disabled: j && Mi !== null
+                                                          }
+                                                        ),
+                                                        label: "Online"
+                                                      }
+                                                    ),
+                                                    /* @__PURE__ */ i(
+                                                      di,
+                                                      {
+                                                        value: "OFFLINE",
+                                                        control: /* @__PURE__ */ i(
+                                                          ui,
+                                                          {
+                                                            disabled: j && Mi !== null
+                                                          }
+                                                        ),
+                                                        label: "Offline"
+                                                      }
+                                                    )
+                                                  ]
+                                                }
+                                              ),
+                                              (n == null ? void 0 : n.message) && /* @__PURE__ */ i(
+                                                c,
+                                                {
+                                                  variant: "caption",
+                                                  color: "error",
+                                                  sx: { mt: 0.5 },
+                                                  children: n.message
+                                                }
+                                              )
+                                            ] })
+                                          }
+                                        ) })
+                                      ]
+                                    }
+                                  )
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+                              /* @__PURE__ */ l(
+                                c,
+                                {
+                                  variant: "subtitle1",
+                                  sx: { minWidth: "140px", flexShrink: 0 },
+                                  children: [
+                                    h("Entity Name"),
+                                    " ",
+                                    /* @__PURE__ */ i(
+                                      ye,
+                                      {
+                                        title: /* @__PURE__ */ i(c, { fontSize: 12, maxWidth: 200, children: "Select Entity Name" }),
+                                        size: "sm"
+                                      }
+                                    )
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ i(
+                                d,
+                                {
+                                  sx: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: 2,
+                                    flex: 1
+                                  },
+                                  children: /* @__PURE__ */ i(
+                                    Ee,
+                                    {
+                                      control: a.control,
+                                      name: "entityName",
+                                      options: hi || [],
+                                      errors: k ? a.formState.errors : null,
+                                      size: "small",
+                                      disableClearable: !1,
+                                      sx: { flex: 1 }
+                                    }
+                                  )
+                                }
+                              )
+                            ] }),
+                            a.getValues("entityName") && ((f = a.getValues("entityName")) == null ? void 0 : f.trim().length) > 0 && /* @__PURE__ */ l(
+                              d,
+                              {
+                                display: "flex",
+                                alignItems: "flex-start",
+                                gap: 2,
+                                my: 2,
+                                children: [
+                                  /* @__PURE__ */ l(
+                                    c,
+                                    {
+                                      variant: "subtitle1",
+                                      sx: {
+                                        minWidth: "140px",
+                                        flexShrink: 0,
+                                        pt: 0.5
+                                      },
+                                      children: [
+                                        h("Condition Query"),
+                                        " :",
+                                        " ",
+                                        /* @__PURE__ */ i(
+                                          ye,
+                                          {
+                                            title: /* @__PURE__ */ i(c, { fontSize: 12, maxWidth: 200, children: "Write Condition Query in the editor" }),
+                                            size: "sm"
+                                          }
+                                        )
+                                      ]
+                                    }
+                                  ),
+                                  /* @__PURE__ */ i(
+                                    d,
+                                    {
+                                      flex: 1,
+                                      sx: {
+                                        border: "1px solid #bdbdbd",
+                                        borderRadius: 2,
+                                        height: "20vh",
+                                        overflow: "hidden",
+                                        boxShadow: "0 1px 6px rgba(0, 0, 0, 0.08)"
+                                      },
+                                      children: /* @__PURE__ */ i(
+                                        $,
+                                        {
+                                          name: "conditions",
+                                          control: a.control,
+                                          render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ l(pe, { children: [
+                                            /* @__PURE__ */ i(
+                                              $t,
+                                              {
+                                                height: "100%",
+                                                defaultLanguage: "sql",
+                                                theme: it == "light" ? "light" : "vs-dark",
+                                                options: {
+                                                  fontSize: 13,
+                                                  minimap: { enabled: !1 },
+                                                  automaticLayout: !0,
+                                                  scrollBeyondLastLine: !1,
+                                                  wordWrap: "on",
+                                                  occurrencesHighlight: !1,
+                                                  selectionHighlight: !1
+                                                },
+                                                value: e.value || "",
+                                                onChange: e.onChange,
+                                                editorProps: { $blockScrolling: !0 }
+                                              }
+                                            ),
+                                            (n == null ? void 0 : n.message) && /* @__PURE__ */ i(
+                                              c,
+                                              {
+                                                variant: "caption",
+                                                color: "error",
+                                                sx: { mt: 0.75, ml: 1 },
+                                                children: n.message
+                                              }
+                                            )
+                                          ] })
+                                        }
+                                      )
+                                    }
+                                  )
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+                              /* @__PURE__ */ l(
+                                c,
+                                {
+                                  variant: "subtitle1",
+                                  sx: { minWidth: "140px", flexShrink: 0 },
+                                  children: [
+                                    h("Tables to sync"),
+                                    " ",
+                                    /* @__PURE__ */ i(
+                                      ye,
+                                      {
+                                        title: /* @__PURE__ */ i(c, { fontSize: 12, maxWidth: 200, children: "Select at least one table to sync" }),
+                                        size: "sm"
+                                      }
+                                    )
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ i(
+                                d,
+                                {
+                                  sx: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: 2,
+                                    flex: 1
+                                  },
+                                  children: /* @__PURE__ */ i(
+                                    Pe,
+                                    {
+                                      id: "mobileEntitiesSync",
+                                      name: "mobileEntitiesSync",
+                                      control: a.control,
+                                      options: ce,
+                                      onChange: (e, n) => mt(n),
+                                      getOptionLabel: (e) => e == null ? void 0 : e.tableName,
+                                      checkEquality: "tableName",
+                                      errors: k ? a.formState.errors : null,
+                                      dataTestId: "syncentities-select-table",
+                                      value: Rn,
+                                      fullWidth: !0
+                                    }
+                                  )
+                                }
+                              )
+                            ] })
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ l(
+                  Fi,
+                  {
+                    expanded: wi.trainingConfig,
+                    onChange: () => Ni((e) => ({
+                      ...e,
+                      trainingConfig: !e.trainingConfig
+                    })),
+                    sx: {
+                      mb: 1.5,
+                      borderRadius: 2,
+                      boxShadow: "0 2px 8px rgba(0,0,0,0.08)",
+                      border: "1px solid rgba(76, 175, 80, 0.2)",
+                      borderLeft: "4px solid #4caf50",
+                      "&:before": { display: "none" },
+                      overflow: "hidden"
+                    },
+                    children: [
+                      /* @__PURE__ */ i(
+                        Di,
+                        {
+                          expandIcon: /* @__PURE__ */ i(se, { iconName: "faChevronDown", size: "sm" }),
+                          sx: {
+                            backgroundColor: "rgba(76, 175, 80, 0.06)",
+                            "&:hover": {
+                              backgroundColor: "rgba(76, 175, 80, 0.12)"
+                            },
+                            minHeight: 52
+                          },
+                          children: /* @__PURE__ */ i(c, { fontWeight: 700, fontSize: 15, children: "Training Config" })
+                        }
+                      ),
+                      /* @__PURE__ */ l(
+                        Vi,
+                        {
+                          sx: { display: "flex", flexDirection: "column", gap: 2 },
+                          children: [
+                            /* @__PURE__ */ l(
+                              d,
+                              {
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "space-between",
+                                children: [
+                                  /* @__PURE__ */ l(
+                                    c,
+                                    {
+                                      variant: "subtitle1",
+                                      sx: { minWidth: "200px", flexShrink: 0 },
+                                      children: [
+                                        h("Training Required"),
+                                        " ",
+                                        /* @__PURE__ */ i(
+                                          ye,
+                                          {
+                                            title: /* @__PURE__ */ i(c, { fontSize: 12, maxWidth: 220, children: h(
+                                              "Enable if the user must complete training before accessing this feature"
+                                            ) }),
+                                            size: "sm"
+                                          }
+                                        )
+                                      ]
+                                    }
+                                  ),
+                                  /* @__PURE__ */ i(d, { sx: { flex: 1 }, children: /* @__PURE__ */ i(
+                                    $,
+                                    {
+                                      name: "trainingRequired",
+                                      control: a.control,
+                                      render: ({ field: e }) => /* @__PURE__ */ i(
+                                        ke,
+                                        {
+                                          ...e,
+                                          checked: !!e.value,
+                                          onChange: (n) => {
+                                            e.onChange(n.target.checked), n.target.checked || (a.setValue("trainingQuery", ""), He(""));
+                                          }
+                                        }
+                                      )
+                                    }
+                                  ) })
+                                ]
+                              }
+                            ),
+                            a.watch("trainingRequired") && /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+                              /* @__PURE__ */ l(
+                                c,
+                                {
+                                  variant: "subtitle1",
+                                  sx: { minWidth: "200px", flexShrink: 0 },
+                                  children: [
+                                    h("Training Query"),
+                                    " ",
+                                    /* @__PURE__ */ i(
+                                      ye,
+                                      {
+                                        title: /* @__PURE__ */ i(c, { fontSize: 12, maxWidth: 220, children: h(
+                                          "Select a query that returns a boolean — true if training is completed, false otherwise"
+                                        ) }),
+                                        size: "sm"
+                                      }
+                                    )
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ i(d, { sx: { flex: 1 }, children: /* @__PURE__ */ i(
+                                $,
+                                {
+                                  name: "trainingQuery",
+                                  control: a.control,
+                                  render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ i(
+                                    Pe,
+                                    {
+                                      id: "trainingQuery",
+                                      name: "trainingQuery",
+                                      control: a.control,
+                                      options: Ue,
+                                      getOptionLabel: (t) => (t == null ? void 0 : t.code) || "",
+                                      checkEquality: "code",
+                                      inputValue: Yn,
+                                      disableClearable: !1,
+                                      singleSelect: !0,
+                                      value: (Ue == null ? void 0 : Ue.find(
+                                        (t) => t.code === e.value
+                                      )) || null,
+                                      onInputChange: (t, r, o) => {
+                                        o === "input" && (He(r), De(r));
+                                      },
+                                      onChange: (t, r) => {
+                                        e.onChange((r == null ? void 0 : r.code) || ""), He((r == null ? void 0 : r.code) || "");
+                                      },
+                                      placeholder: "Search training query code...",
+                                      errors: n,
+                                      fullWidth: !0,
+                                      freeSolo: !1
+                                    }
+                                  )
+                                }
+                              ) })
+                            ] })
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ l(
+                  Fi,
+                  {
+                    expanded: wi.notificationConfig,
+                    onChange: () => Ni((e) => ({
+                      ...e,
+                      notificationConfig: !e.notificationConfig
+                    })),
+                    sx: {
+                      mb: 1.5,
+                      borderRadius: 2,
+                      boxShadow: "0 2px 8px rgba(0,0,0,0.08)",
+                      border: "1px solid rgba(255, 152, 0, 0.2)",
+                      borderLeft: "4px solid #ff9800",
+                      "&:before": { display: "none" },
+                      overflow: "hidden"
+                    },
+                    children: [
+                      /* @__PURE__ */ i(
+                        Di,
+                        {
+                          expandIcon: /* @__PURE__ */ i(se, { iconName: "faChevronDown", size: "sm" }),
+                          sx: {
+                            backgroundColor: "rgba(255, 152, 0, 0.06)",
+                            "&:hover": {
+                              backgroundColor: "rgba(255, 152, 0, 0.12)"
+                            },
+                            minHeight: 52
+                          },
+                          children: /* @__PURE__ */ l(c, { fontWeight: 700, fontSize: 15, children: [
+                            h("Notification Config"),
+                            " "
+                          ] })
+                        }
+                      ),
+                      /* @__PURE__ */ l(
+                        Vi,
+                        {
+                          sx: { display: "flex", flexDirection: "column", gap: 2 },
+                          children: [
+                            /* @__PURE__ */ l(
+                              d,
+                              {
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "space-between",
+                                children: [
+                                  /* @__PURE__ */ l(
+                                    c,
+                                    {
+                                      variant: "subtitle1",
+                                      sx: { minWidth: "200px", flexShrink: 0 },
+                                      children: [
+                                        h("Enable Notification Badge"),
+                                        " ",
+                                        /* @__PURE__ */ i(
+                                          ye,
+                                          {
+                                            title: /* @__PURE__ */ i(c, { fontSize: 12, maxWidth: 220, children: h(
+                                              "Show a count or nudge badge on this feature's icon in the mobile app"
+                                            ) }),
+                                            size: "sm"
+                                          }
+                                        )
+                                      ]
+                                    }
+                                  ),
+                                  /* @__PURE__ */ i(d, { sx: { flex: 1 }, children: /* @__PURE__ */ i(
+                                    $,
+                                    {
+                                      name: "notificationBadgeEnabled",
+                                      control: a.control,
+                                      render: ({ field: e }) => /* @__PURE__ */ i(
+                                        ke,
+                                        {
+                                          ...e,
+                                          checked: !!e.value,
+                                          onChange: (n) => {
+                                            e.onChange(n.target.checked), n.target.checked || (a.setValue(
+                                              "notificationBadgeType",
+                                              ""
+                                            ), a.setValue(
+                                              "notificationBadgeQuery",
+                                              ""
+                                            ), Ye(""));
+                                          }
+                                        }
+                                      )
+                                    }
+                                  ) })
+                                ]
+                              }
+                            ),
+                            a.watch("notificationBadgeEnabled") && /* @__PURE__ */ l(pe, { children: [
+                              /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+                                /* @__PURE__ */ l(
+                                  c,
+                                  {
+                                    variant: "subtitle1",
+                                    sx: { minWidth: "200px", flexShrink: 0 },
+                                    children: [
+                                      h("Badge Type"),
+                                      " ",
+                                      /* @__PURE__ */ i(
+                                        ye,
+                                        {
+                                          title: /* @__PURE__ */ i(c, { fontSize: 12, maxWidth: 220, children: h(
+                                            `Count Based: query returns a number.
+
+                                      Nudge Based: query returns true/false.`
+                                          ) }),
+                                          size: "sm"
+                                        }
+                                      )
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ i(d, { sx: { flex: 1 }, children: /* @__PURE__ */ i(
+                                  $,
+                                  {
+                                    name: "notificationBadgeType",
+                                    control: a.control,
+                                    render: ({ field: e }) => /* @__PURE__ */ l(pn, { row: !0, ...e, children: [
+                                      /* @__PURE__ */ i(
+                                        di,
+                                        {
+                                          value: "COUNT",
+                                          control: /* @__PURE__ */ i(ui, {}),
+                                          label: "Count Based"
+                                        }
+                                      ),
+                                      /* @__PURE__ */ i(
+                                        di,
+                                        {
+                                          value: "NUDGE",
+                                          control: /* @__PURE__ */ i(ui, {}),
+                                          label: "Nudge Based"
+                                        }
+                                      )
+                                    ] })
+                                  }
+                                ) })
+                              ] }),
+                              a.watch("notificationBadgeType") && /* @__PURE__ */ l(d, { display: "flex", alignItems: "center", gap: 2, children: [
+                                /* @__PURE__ */ l(
+                                  c,
+                                  {
+                                    variant: "subtitle1",
+                                    sx: { minWidth: "200px", flexShrink: 0 },
+                                    children: [
+                                      a.watch("notificationBadgeType") === "COUNT" ? "Count Query" : "Nudge Query",
+                                      " ",
+                                      /* @__PURE__ */ i(
+                                        ye,
+                                        {
+                                          title: /* @__PURE__ */ i(c, { fontSize: 12, maxWidth: 220, children: a.watch(
+                                            "notificationBadgeType"
+                                          ) === "COUNT" ? "Select a query that returns a numeric count for the badge" : "Select a query that returns true/false to show or hide the badge" }),
+                                          size: "sm"
+                                        }
+                                      )
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ i(d, { sx: { flex: 1 }, children: /* @__PURE__ */ i(
+                                  $,
+                                  {
+                                    name: "notificationBadgeQuery",
+                                    control: a.control,
+                                    render: ({
+                                      field: e,
+                                      fieldState: { error: n }
+                                    }) => /* @__PURE__ */ i(
+                                      Pe,
+                                      {
+                                        id: "notificationBadgeQuery",
+                                        name: "notificationBadgeQuery",
+                                        control: a.control,
+                                        options: Ue,
+                                        getOptionLabel: (t) => (t == null ? void 0 : t.code) || "",
+                                        checkEquality: "code",
+                                        inputValue: Zn,
+                                        disableClearable: !1,
+                                        singleSelect: !0,
+                                        value: (Ue == null ? void 0 : Ue.find(
+                                          (t) => t.code === e.value
+                                        )) || null,
+                                        onInputChange: (t, r, o) => {
+                                          o === "input" && (Ye(r), De(r));
+                                        },
+                                        onChange: (t, r) => {
+                                          e.onChange((r == null ? void 0 : r.code) || ""), Ye(
+                                            (r == null ? void 0 : r.code) || ""
+                                          );
+                                        },
+                                        placeholder: a.watch(
+                                          "notificationBadgeType"
+                                        ) === "COUNT" ? "Search count query code..." : "Search nudge query code...",
+                                        errors: n,
+                                        fullWidth: !0,
+                                        freeSolo: !1
+                                      }
+                                    )
+                                  }
+                                ) })
+                              ] })
+                            ] })
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] }) }),
+              ((_ = O[y]) == null ? void 0 : _.key) === "formLinking" && V && /* @__PURE__ */ i(d, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ l(d, { width: "80%", children: [
+                /* @__PURE__ */ i(
+                  c,
+                  {
+                    variant: "h5",
+                    sx: {
+                      fontWeight: "bold",
+                      textAlign: "center",
+                      marginBottom: 1,
+                      marginTop: 2
+                    },
+                    children: h("Form Linking")
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  c,
+                  {
+                    sx: { textAlign: "center", mb: 4, color: "grey" },
+                    children: "Link this feature to an existing form, or create a new form to be associated with it."
+                  }
+                ),
+                /* @__PURE__ */ l(Q, { container: !0, mt: 3, className: "flex flex-col w-[98%]", children: [
+                  /* @__PURE__ */ i(
+                    c,
+                    {
+                      variant: "subtitle1",
+                      sx: {
+                        marginLeft: 1,
+                        marginBottom: "0.5rem",
+                        fontWeight: 600
+                      },
+                      children: "Use Existing Form"
+                    }
+                  ),
+                  /* @__PURE__ */ i(Q, { container: !0, sx: { alignItems: "center" }, children: /* @__PURE__ */ l(
+                    ee,
+                    {
+                      variant: "outlined",
+                      className: "m-3 flex flex-row items-center w-[80%] justify-between",
+                      children: [
+                        /* @__PURE__ */ l(c, { variant: "subtitle1", children: [
+                          h("Select"),
+                          " ",
+                          h("Form"),
+                          ":"
+                        ] }),
+                        /* @__PURE__ */ i(d, { className: "w-[60%]", children: /* @__PURE__ */ i(
+                          Ee,
+                          {
+                            control: a.control,
+                            name: "formCode",
+                            options: we || [],
+                            getOptionDisabled: (e) => e.menu_config_id && e.menu_config_id !== parseInt(x.get("featureId")),
+                            displayName: "form_name",
+                            optionValue: "form_code",
+                            errors: a.formState.errors,
+                            size: "small",
+                            disableClearable: !1,
+                            onChange: (e) => {
+                              e.target.value ? (a.setValue(
+                                "navigationState",
+                                `medplat.form.${e.target.value}`
+                              ), Me(e.target.value)) : (a.setValue("version", null), a.setValue(
+                                "navigationState",
+                                "medplat.form."
+                              ));
+                            }
+                          }
+                        ) })
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ l(
+                    ee,
+                    {
+                      variant: "outlined",
+                      className: "m-3 flex flex-row items-center w-[80%] justify-between",
+                      children: [
+                        /* @__PURE__ */ l(c, { variant: "subtitle1", children: [
+                          h("Select"),
+                          " ",
+                          h("Version"),
+                          ":"
+                        ] }),
+                        /* @__PURE__ */ i(d, { className: "w-[60%]", children: /* @__PURE__ */ i(
+                          Ee,
+                          {
+                            control: a.control,
+                            name: "version",
+                            options: Array.isArray(xe == null ? void 0 : xe[Ae]) ? xe[Ae].map(
+                              (e) => e.version
+                            ) : [],
+                            errors: a.formState.errors,
+                            disableClearable: !1,
+                            size: "small"
+                          }
+                        ) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ i(
+                    Xe,
+                    {
+                      sx: {
+                        width: "80%",
+                        margin: "1rem auto",
+                        position: "relative"
+                      },
+                      children: /* @__PURE__ */ i(
+                        c,
+                        {
+                          variant: "caption",
+                          sx: {
+                            position: "absolute",
+                            top: "-0.6rem",
+                            left: "50%",
+                            transform: "translateX(-50%)",
+                            backgroundColor: "background.paper",
+                            padding: "0 0.5rem"
+                          },
+                          children: "OR"
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ l(d, { className: "flex justify-center", children: [
+                    /* @__PURE__ */ i(
+                      U,
+                      {
+                        variant: "outlined",
+                        size: "small",
+                        onClick: () => {
+                          a.setValue("formCode", null), Te(!0);
+                        },
+                        children: "Add New Form"
+                      }
+                    ),
+                    _e && /* @__PURE__ */ i(
+                      En,
+                      {
+                        mainFormCtrl: a,
+                        openAddFormModal: _e,
+                        setModal: (e) => {
+                          Te(e);
+                        },
+                        reloadForms: _t
+                      }
+                    )
+                  ] })
+                ] })
+              ] }) }),
+              ((S = O[y]) == null ? void 0 : S.key) === "additionalPermissions" && /* @__PURE__ */ i(Q, { item: !0, xs: 12, md: 6, children: /* @__PURE__ */ l(d, { mt: 3, className: "flex flex-col w-full", children: [
+                /* @__PURE__ */ i(
+                  c,
+                  {
+                    variant: "h5",
+                    sx: { fontWeight: "bold", textAlign: "center", mb: 1 },
+                    children: "Additional Permissions"
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  c,
+                  {
+                    sx: { textAlign: "center", mb: 4, color: "grey" },
+                    children: "Define custom permissions for this feature. These will be used to control fine-grained permissions beyond default roles."
+                  }
+                ),
+                !V && (T == null ? void 0 : T.val) === !1 ? /* @__PURE__ */ l(pe, { children: [
+                  /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ l(
+                    ee,
+                    {
+                      variant: "outlined",
+                      className: "flex flex-row items-center ml-3 ",
+                      children: [
+                        /* @__PURE__ */ i(c, { variant: "body2", children: I("Add feature JSON access rights") }),
+                        /* @__PURE__ */ i(
+                          fn,
+                          {
+                            disabled: jn,
+                            checked: Fe,
+                            onChange: Ot,
+                            "data-testid": "managefeature-checkbox-access-rights"
+                          }
+                        )
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ i(Q, { children: Y.value && Fe && /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ i(Ht, { className: "ml-2", children: (K = a.getValues("updatedFields")) == null ? void 0 : K.map((e, n) => {
+                    var t;
+                    return /* @__PURE__ */ l(
+                      Q,
+                      {
+                        className: " mb-2.5 flex flex-row items-center ",
+                        children: [
+                          /* @__PURE__ */ i(ee, { children: /* @__PURE__ */ i(
+                            $,
+                            {
+                              name: `updatedFields[${n}].value`,
+                              control: a.control,
+                              render: ({ field: r }) => /* @__PURE__ */ i(
+                                kn,
+                                {
+                                  ...r,
+                                  label: `${I("Right")} ${n + 1}`,
+                                  value: r.value || "",
+                                  sx: {
+                                    "& .MuiInputLabel-root": {
+                                      fontSize: "14px"
+                                    },
+                                    "& .MuiInputBase-input": {
+                                      fontSize: "14px"
+                                    }
+                                  }
+                                }
+                              )
+                            }
+                          ) }),
+                          /* @__PURE__ */ i(
+                            fn,
+                            {
+                              disabled: e.updated,
+                              checked: e.checkbox,
+                              onChange: () => zt(e.id),
+                              className: " mr-2.5",
+                              "data-testid": `managefeature-checkbox-updated-right-${n + 1}`
+                            }
+                          ),
+                          n + 1 === ((t = a.getValues("updatedFields")) == null ? void 0 : t.length) && /* @__PURE__ */ i(
+                            U,
+                            {
+                              variant: "contained",
+                              color: "primary",
+                              onClick: Ut,
+                              size: "small",
+                              className: " mr-2.5",
+                              disabled: !rt.updatedFields.some(
+                                (r) => r.id === (e == null ? void 0 : e.id) && r.value
+                              ),
+                              "data-testid": "managefeature-button-add-updated",
+                              children: I("Add")
+                            }
+                          ),
+                          !e.updated && /* @__PURE__ */ i(
+                            U,
+                            {
+                              variant: "contained",
+                              size: "small",
+                              color: "secondary",
+                              onClick: () => Bt(e.id),
+                              "data-testid": `managefeature-button-delete-updated-${n + 1}`,
+                              children: I("Delete")
+                            }
+                          )
+                        ]
+                      },
+                      e.id
+                    );
+                  }) }) }) })
+                ] }) : /* @__PURE__ */ l(pe, { children: [
+                  (he == null ? void 0 : he.length) === 0 ? /* @__PURE__ */ i(
+                    c,
+                    {
+                      variant: "subtitle1",
+                      color: "text.secondary",
+                      align: "center",
+                      sx: { py: 2 },
+                      children: "No permissions added yet."
+                    }
+                  ) : /* @__PURE__ */ i(
+                    Pn,
+                    {
+                      permissions: he,
+                      onEdit: (e) => Nt(e),
+                      onRemove: (e) => kt(e),
+                      handleAddChildClick: (e) => wt(e),
+                      isDynamicFeature: V
+                    }
+                  ),
+                  /* @__PURE__ */ i(
+                    d,
+                    {
+                      sx: {
+                        display: "flex",
+                        justifyContent: "flex-end",
+                        mt: 2
+                      },
+                      children: /* @__PURE__ */ i(
+                        U,
+                        {
+                          variant: "outlined",
+                          size: "small",
+                          startIcon: /* @__PURE__ */ i(se, { iconName: "faPlus" }),
+                          onClick: St,
+                          sx: {
+                            textTransform: "none",
+                            fontWeight: 500,
+                            borderRadius: 2,
+                            px: 2,
+                            py: 0.75,
+                            minWidth: 120
+                          },
+                          children: "Add Parent Permission"
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ i(
+                    Wn,
+                    {
+                      open: zn,
+                      onClose: () => Qe(!1),
+                      onSave: It,
+                      formCtrl: a,
+                      editData: Un,
+                      parentPermissionId: Ge === "add-child" ? Ci : null,
+                      mode: Ge,
+                      permissionTypes: Qn,
+                      setPermissionTypes: Gn,
+                      existingPermissionIds: new Set(
+                        si(he).map(
+                          (e) => e.permissionId
+                        )
+                      ),
+                      isDynamicFeature: V
+                    }
+                  )
+                ] })
+              ] }) }),
+              ((de = O[y]) == null ? void 0 : de.key) === "assignFeatures" && /* @__PURE__ */ l(d, { mt: 3, className: "flex flex-col w-full", children: [
+                /* @__PURE__ */ i(
+                  c,
+                  {
+                    variant: "h5",
+                    sx: { fontWeight: "bold", textAlign: "center", mb: 1 },
+                    children: h("Assign Features")
+                  }
+                ),
+                /* @__PURE__ */ i(c, { sx: { textAlign: "center", mb: 4, color: "grey" }, children: "Assign this feature to specific users or roles. You can toggle individual permissions below after assigning." }),
+                /* @__PURE__ */ l(d, { display: "flex", gap: 2, flexWrap: "wrap", mb: 3, children: [
+                  /* @__PURE__ */ l(d, { flex: "1 1 300px", minWidth: 300, children: [
+                    /* @__PURE__ */ i(c, { variant: "subtitle1", sx: { mb: 1 }, children: h("User") }),
+                    /* @__PURE__ */ i(
+                      Pe,
+                      {
+                        id: "roles",
+                        name: "roles",
+                        control: a.control,
+                        options: !V && (T == null ? void 0 : T.val) === !1 ? Ri.filter(
+                          (e) => !Ie.some(
+                            (n) => n.entityType === "user" && n.user_id === e.id
+                          )
+                        ) : Ri,
+                        value: le,
+                        singleSelect: !0,
+                        onChange: pt,
+                        onInputChange: At,
+                        getOptionLabel: bt,
+                        "data-testid": "accessrights-autocomplete-user",
+                        fullWidth: !0
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ l(d, { flex: "1 1 300px", minWidth: 300, children: [
+                    /* @__PURE__ */ i(c, { variant: "subtitle1", sx: { mb: 1 }, children: h("Role") }),
+                    /* @__PURE__ */ i(
+                      Pe,
+                      {
+                        id: "selectedRoles",
+                        name: "selectedRoles",
+                        control: a.control,
+                        options: !V && (T == null ? void 0 : T.val) === !1 ? Ki().filter(
+                          (e) => !Ie.some(
+                            (n) => n.entityType === "role" && n.role_id === e.id
+                          )
+                        ) : Ki(),
+                        onChange: (e, n) => ct(n),
+                        getOptionLabel: (e) => e == null ? void 0 : e.name,
+                        dataTestId: "accessrights-select-role",
+                        value: Ne,
+                        fullWidth: !0
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ i(
+                    d,
+                    {
+                      display: "flex",
+                      alignItems: "flex-end",
+                      flexShrink: 0,
+                      sx: { minWidth: 120 },
+                      children: /* @__PURE__ */ i(
+                        U,
+                        {
+                          variant: "contained",
+                          size: "medium",
+                          fullWidth: !0,
+                          disabled: !(Ne.length > 0 || le != null && le.id),
+                          "data-testid": "accessrights-add-button",
+                          onClick: Tt,
+                          sx: { minWidth: 120, marginBottom: "10px" },
+                          children: h("Add")
+                        }
+                      )
+                    }
+                  )
+                ] }),
+                !V && (T == null ? void 0 : T.val) === !1 ? /* @__PURE__ */ i(hn, { sx: { maxHeight: 360, overflowY: "auto" }, children: /* @__PURE__ */ l(gn, { size: "small", children: [
+                  /* @__PURE__ */ i(yn, { children: /* @__PURE__ */ l(ci, { children: [
+                    /* @__PURE__ */ i(X, { sx: { fontWeight: "bold" }, children: h("Type") }),
+                    /* @__PURE__ */ i(X, { sx: { fontWeight: "bold" }, children: h("Name") }),
+                    /* @__PURE__ */ i(X, { sx: { fontWeight: "bold" }, children: h("Access Right") }),
+                    /* @__PURE__ */ i(X, { sx: { fontWeight: "bold" }, children: h("Actions") })
+                  ] }) }),
+                  /* @__PURE__ */ i(bn, { children: Le.map((e, n) => /* @__PURE__ */ l(ci, { children: [
+                    /* @__PURE__ */ i(X, { children: e.designationId ? "Role" : "User" }),
+                    /* @__PURE__ */ i(X, { children: e.roleName || e.fullName }),
+                    /* @__PURE__ */ i(X, { children: /* @__PURE__ */ i(
+                      d,
+                      {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: 1,
+                        children: (() => {
+                          const t = Y.value ? a.getValues("updatedFields") : a.getValues("fields"), r = t == null ? void 0 : t.reduce((m, v) => (m[v.value] = v.checkbox, m), {}), o = e.featureJson ? JSON.parse(e.featureJson) : {}, u = Object.fromEntries(
+                            Object.entries(o).map(
+                              ([m, v]) => [
+                                m,
+                                v === !0 || v === "true"
+                              ]
+                            )
+                          ), s = {
+                            ...u,
+                            ...Object.fromEntries(
+                              Object.entries(
+                                r || {}
+                              ).filter(
+                                ([m]) => !(m in u)
+                              )
+                            )
+                          };
+                          return Object.entries(s).map(
+                            ([m, v]) => /* @__PURE__ */ l(
+                              d,
+                              {
+                                display: "flex",
+                                alignItems: "center",
+                                gap: 1,
+                                children: [
+                                  /* @__PURE__ */ i(
+                                    ke,
+                                    {
+                                      sx: {
+                                        transform: "scale(0.75)",
+                                        transformOrigin: "left center"
+                                      },
+                                      checked: !!v,
+                                      onChange: () => {
+                                        const E = [
+                                          ...Le
+                                        ];
+                                        let N = {};
+                                        try {
+                                          N = e.featureJson ? JSON.parse(
+                                            e.featureJson
+                                          ) : {};
+                                        } catch (Z) {
+                                          console.warn(
+                                            "Invalid JSON in featureJson:",
+                                            Z
+                                          );
+                                        }
+                                        const ge = (Y.value ? a.getValues(
+                                          "updatedFields"
+                                        ) : a.getValues(
+                                          "fields"
+                                        ) || []).reduce(
+                                          (Z, oe) => (Z[oe.value] = oe.value in N ? N[oe.value] : oe.checkbox, Z),
+                                          {}
+                                        );
+                                        ge[m] = !v, E[n] = {
+                                          ...e,
+                                          featureJson: JSON.stringify(
+                                            ge
+                                          )
+                                        }, je(E);
+                                      }
+                                    }
+                                  ),
+                                  /* @__PURE__ */ i(c, { variant: "subtitle1", children: m })
+                                ]
+                              },
+                              m
+                            )
+                          );
+                        })()
+                      }
+                    ) }),
+                    /* @__PURE__ */ i(X, { children: /* @__PURE__ */ i(
+                      Be,
+                      {
+                        size: "small",
+                        color: "error",
+                        onClick: () => {
+                          const t = Le.filter(
+                            (r, o) => o !== n
+                          );
+                          je(t);
+                        },
+                        children: /* @__PURE__ */ i(
+                          se,
+                          {
+                            iconName: "faTrashAlt",
+                            size: "sm"
+                          }
+                        )
+                      }
+                    ) })
+                  ] }, n)) })
+                ] }) }) : /* @__PURE__ */ i(pe, { children: Ie.length > 0 && /* @__PURE__ */ i(
+                  hn,
+                  {
+                    sx: { maxHeight: 360, overflowY: "auto" },
+                    children: /* @__PURE__ */ l(gn, { size: "small", children: [
+                      /* @__PURE__ */ i(yn, { children: /* @__PURE__ */ l(ci, { children: [
+                        /* @__PURE__ */ i(X, { sx: { fontWeight: "bold" }, children: h("Type") }),
+                        /* @__PURE__ */ i(X, { sx: { fontWeight: "bold" }, children: h("Name") }),
+                        /* @__PURE__ */ i(X, { sx: { fontWeight: "bold" }, children: h("Permissions") }),
+                        /* @__PURE__ */ i(X, { sx: { fontWeight: "bold" }, children: h("Actions") })
+                      ] }) }),
+                      /* @__PURE__ */ i(bn, { children: Ie.map((e, n) => /* @__PURE__ */ l(ci, { children: [
+                        /* @__PURE__ */ i(X, { children: e.entityType === "role" ? "Role" : "User" }),
+                        /* @__PURE__ */ i(X, { children: e.name }),
+                        /* @__PURE__ */ i(X, { children: /* @__PURE__ */ i(
+                          qi,
+                          {
+                            permissions: e.permissions,
+                            onToggle: (t) => Ft(n, t)
+                          }
+                        ) }),
+                        /* @__PURE__ */ i(X, { children: /* @__PURE__ */ i(
+                          Be,
+                          {
+                            size: "small",
+                            color: "error",
+                            onClick: () => {
+                              const t = Ie.filter(
+                                (r, o) => o !== n
+                              );
+                              ze(t);
+                            },
+                            children: /* @__PURE__ */ i(
+                              se,
+                              {
+                                iconName: "faTrashAlt",
+                                size: "sm"
+                              }
+                            )
+                          }
+                        ) })
+                      ] }, n)) })
+                    ] })
+                  }
+                ) }),
+                /* @__PURE__ */ i(
+                  qn,
+                  {
+                    open: Mn,
+                    onClose: () => Si(!1),
+                    permissions: he,
+                    entityData: $n,
+                    onSave: (e) => {
+                      ze((n) => [...n, e]), Si(!1);
+                    }
+                  }
+                )
+              ] }),
+              ((G = O[y]) == null ? void 0 : G.key) === "submit" && ae && /* @__PURE__ */ l(
+                d,
+                {
+                  sx: {
+                    mt: 4,
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    textAlign: "center",
+                    minHeight: "300px",
+                    px: 3,
+                    mx: "auto",
+                    maxWidth: 500,
+                    backgroundColor: "background.default",
+                    borderRadius: 3,
+                    boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
+                    border: `1px solid ${ue.palette.divider}`,
+                    p: 6
+                  },
+                  children: [
+                    /* @__PURE__ */ i(d, { sx: { color: "success.main", fontSize: 40, mb: 2 }, children: /* @__PURE__ */ i(se, { iconName: "faCheckCircle" }) }),
+                    /* @__PURE__ */ l(
+                      c,
+                      {
+                        variant: "h6",
+                        gutterBottom: !0,
+                        sx: { fontWeight: "bold" },
+                        children: [
+                          "Feature was successfully",
+                          x.get("featureId") ? "updated" : "created",
+                          "!"
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ i(Xe, { sx: { my: 2, width: "100%" } }),
+                    /* @__PURE__ */ l(c, { variant: "subtitle1", gutterBottom: !0, children: [
+                      /* @__PURE__ */ i("strong", { children: "Feature Name:" }),
+                      " ",
+                      a.getValues("menuName")
+                    ] }),
+                    V && /* @__PURE__ */ l(c, { variant: "subtitle1", gutterBottom: !0, children: [
+                      /* @__PURE__ */ i("strong", { children: "Feature Constant:" }),
+                      " ",
+                      a.getValues("featureConstant")
+                    ] }),
+                    /* @__PURE__ */ i(d, { mt: 5, width: "100%", display: "flex", justifyContent: "center", children: a.getValues("formCode") && a.getValues("version") ? /* @__PURE__ */ i(
+                      U,
+                      {
+                        variant: "contained",
+                        color: "primary",
+                        onClick: () => {
+                          var e;
+                          const n = a.getValues("formCode"), t = a.getValues("version"), r = (e = xe == null ? void 0 : xe[n]) == null ? void 0 : e.find(
+                            (o) => o.version === t
+                          );
+                          r != null && r.uuid ? q(
+                            `/ui/medplat/admin/medplatForms/form/${r.uuid}`
+                          ) : console.warn("Could not find matching version UUID");
+                        },
+                        children: "Configure Form"
+                      }
+                    ) : /* @__PURE__ */ i(
+                      U,
+                      {
+                        variant: "outlined",
+                        color: "primary",
+                        onClick: () => q("/ui/medplat/manage/menu"),
+                        children: "Go Back to Menu"
+                      }
+                    ) })
+                  ]
+                }
+              ),
+              !ae && /* @__PURE__ */ l(
+                d,
+                {
+                  mt: "auto",
+                  display: "flex",
+                  justifyContent: "flex-end",
+                  gap: 2,
+                  sx: { paddingTop: 4 },
+                  children: [
+                    /* @__PURE__ */ i(
+                      U,
+                      {
+                        variant: "outlined",
+                        sx: { color: "text.secondary" },
+                        onClick: lt,
+                        children: "Back"
+                      }
+                    ),
+                    ((B = O[y]) == null ? void 0 : B.key) !== "submit" && (() => {
+                      var e;
+                      const n = (e = O[y]) == null ? void 0 : e.key, t = ["formLinking"].includes(n), r = ei.includes(n), [o, u] = a.getValues(Gi(n)), s = n === "formLinking" ? !!(o != null && o.trim()) || !!(u != null && u.trim()) : n === "additionalPermissions" ? Array.isArray(o) && o.length > 0 : !1, m = a.handleSubmit(
+                        (v) => {
+                          dn(v);
+                          const E = O.findIndex(
+                            (N) => N.key === "submit"
+                          );
+                          $i((N) => new Set(N).add(n)), D(E);
+                        }
+                      );
+                      return n === "assignFeatures" || n === "accessRights" ? /* @__PURE__ */ i(
+                        U,
+                        {
+                          variant: "contained",
+                          onClick: m,
+                          children: "Save"
+                        }
+                      ) : t ? Ji ? /* @__PURE__ */ i(U, { variant: "contained", onClick: Ii, children: "Next" }) : s ? /* @__PURE__ */ i(U, { variant: "contained", disabled: !0, children: "Next" }) : /* @__PURE__ */ i(
+                        U,
+                        {
+                          variant: "outlined",
+                          color: "secondary",
+                          onClick: () => {
+                            r || Ai((v) => [...v, n]), Ii();
+                          },
+                          children: "Skip for now"
+                        }
+                      ) : /* @__PURE__ */ i(
+                        U,
+                        {
+                          variant: "contained",
+                          onClick: Ii,
+                          disabled: !Ji,
+                          children: "Next"
+                        }
+                      );
+                    })()
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ] }) })
+    }
+  );
+}
+Pn.propTypes = {
+  permissions: w.any,
+  onEdit: w.any,
+  onRemove: w.any,
+  handleAddChildClick: w.any,
+  isDynamicFeature: w.any
+};
+Wn.propTypes = {
+  open: w.any,
+  onClose: w.any,
+  onSave: w.any,
+  formCtrl: w.any,
+  editData: w.any,
+  parentPermissionId: w.any,
+  mode: w.any,
+  permissionTypes: w.any,
+  setPermissionTypes: w.any,
+  isDynamicFeature: w.any,
+  existingPermissionIds: w.any
+};
+Wi.propTypes = {
+  permission: w.any,
+  index: w.any,
+  depth: w.any,
+  onEdit: w.any,
+  onRemove: w.any,
+  handleAddChildClick: w.any,
+  isLastChild: w.any,
+  isDynamicFeature: w.any
+};
+qi.propTypes = {
+  permissions: w.any,
+  onToggle: w.any,
+  isChild: w.any
+};
+qn.propTypes = {
+  open: w.any,
+  onClose: w.any,
+  onSave: w.any,
+  entityData: w.any,
+  permissions: w.any
+};
+export {
+  Jr as default
+};
+//# sourceMappingURL=ManageDynamicFeature-CeeqiS3K-D2Se68tC.js.map