@argusoft/medplat-form-engine 1.0.14 → 1.0.16

package/dist/ManageDynamicFeature-C2I7Ho7i-Bbxkpw0S.js

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