@argusoft/medplat-core 1.0.0

package/dist/ManageDynamicFeature-CeeqiS3K.js

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