@argusoft/medplat-core 1.0.29 → 1.0.31

package/dist/ManageDynamicFeature-BU0I45dd.js

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