@argusoft/medplat-core 1.0.23 → 1.0.25

package/dist/AddMenuConfiguration-DsnY0Rws.js

@@ -1,2237 +0,0 @@
-import { jsxs as p, jsx as e, Fragment as Ze } from "react/jsx-runtime";
-import { execute as Ie } from "@/common/services/QueryBuilder";
-import { showToast as ie } from "@/common/toaster/toaster";
-import { useDroppable as rt, DndContext as Nt, useDraggable as Mt, DragOverlay as ir, rectIntersection as At, closestCenter as ar } from "@dnd-kit/core";
-import { SortableContext as De, verticalListSortingStrategy as Ue, arrayMove as Pe, useSortable as nt } from "@dnd-kit/sortable";
-import { Box as U, Typography as v, FormControl as Ve, InputLabel as sr, Select as lr, MenuItem as Tt, Tooltip as cr, Paper as xe, IconButton as dr, Divider as ot, Button as Ge, Switch as Ot, TextField as Qe, InputAdornment as ur, Accordion as Ye, AccordionSummary as Je, AccordionDetails as Xe, Grid2 as pr, Autocomplete as mr } from "@mui/material";
-import I from "@mui/material/Grid2";
-import { Grid as ye, Box as N } from "@mui/system";
-import K, { createContext as hr, useState as _, useCallback as Re, useMemo as Fe, useEffect as Ke } from "react";
-import { useForm as gr } from "react-hook-form";
-import { useSelector as fr } from "react-redux";
-import { useLocation as xr, useNavigate as yr } from "react-router";
-import br from "@/views/custom-components/CustomDropdown";
-import h from "prop-types";
-import { FontAwesomeIcon as z } from "@fortawesome/react-fontawesome";
-import { faWifi as vr, faSignal as Sr, faBatteryFull as Cr, faLocationDot as Ir, faRotate as Rr, faBell as wr, faCircleUser as Er, faChevronDown as kt, faMagnifyingGlass as _t, faTimes as Ar, faTrashCan as Tr } from "@fortawesome/free-solid-svg-icons";
-import Or from "@/assets/img/home.svg";
-import Nr from "@/assets/img/programs.svg";
-import Mr from "@/assets/img/analytics.svg";
-import kr from "@/assets/img/family-management.svg";
-import { CSS as _r } from "@dnd-kit/utilities";
-import X from "@/common/fontAwesomeIcons/FontAwesomeIcons";
-import { generateUUID as fe } from "@/utils/UUIDgenerator";
-import Fr from "@/views/custom-components/CustomConfirmationModal";
-import './AddMenuConfiguration.css';const Pr = hr(), Gr = ({ id: o, children: c, componentType: d }) => {
-  const { attributes: b, listeners: E, setNodeRef: u, isDragging: y } = nt({
-    id: o,
-    data: { sortable: !0, type: d }
-  }), R = {
-    opacity: y ? 0.3 : 1
-  };
-  return K.cloneElement(c, {
-    ref: u,
-    style: { ...c.props.style, ...R },
-    dnd: { listeners: E, attributes: b }
-  });
-}, Dr = ({ id: o, children: c, componentType: d }) => {
-  const { attributes: b, listeners: E, setNodeRef: u, isDragging: y } = Mt({
-    id: o,
-    data: {
-      type: d,
-      deletable: !0
-    }
-  }), R = {
-    opacity: y ? 0.3 : 1
-  };
-  return K.cloneElement(c, {
-    ref: u,
-    style: { ...c.props.style, ...R },
-    ...E,
-    ...b
-  });
-}, Ft = ({ id: o, children: c, sectionId: d, featureName: b }) => {
-  const { attributes: E, listeners: u, setNodeRef: y, isDragging: R } = nt({
-    id: o,
-    data: {
-      sortable: !0,
-      type: "FEATURE_TILE",
-      sectionId: d,
-      name: b
-    }
-  }), F = {
-    opacity: R ? 0.3 : 1
-  };
-  return K.cloneElement(c, {
-    ref: y,
-    style: { ...c.props.style, ...F },
-    ...E,
-    ...u
-  });
-}, it = K.forwardRef(({ id: o, style: c, handleSectionClick: d, ...b }, E) => /* @__PURE__ */ p(
-  U,
-  {
-    id: o,
-    ref: E,
-    onContextMenu: (y) => {
-      y.preventDefault(), d(o);
-    },
-    sx: {
-      ...c,
-      width: "100%",
-      minHeight: "50px",
-      p: 1.5,
-      border: "1px solid #ccc",
-      borderRadius: "8px",
-      backgroundColor: "var(--color-background2)",
-      display: "flex",
-      alignItems: "center",
-      mt: 1,
-      boxShadow: "0 1px 3px rgba(0,0,0,0.05)",
-      mb: 3
-    },
-    ...b,
-    children: [
-      /* @__PURE__ */ e(z, { icon: _t, style: { marginRight: "8px", color: "#888" } }),
-      /* @__PURE__ */ e(v, { variant: "body2", color: "textSecondary", sx: { flexGrow: 1 }, children: "Search..." })
-    ]
-  }
-));
-it.displayName = "MobileSearchBar";
-it.propTypes = {
-  id: h.any,
-  style: h.any,
-  handleSectionClick: h.any
-};
-const at = K.forwardRef(
-  ({
-    id: o,
-    arrayIndex: c,
-    sectionTitle: d,
-    handleSectionClick: b,
-    dnd: E,
-    sectionFeatures: u,
-    SvgIconBox: y,
-    onGroupClick: R,
-    activeGroupId: F,
-    ...Q
-  }, ee) => {
-    const { listeners: de, attributes: T } = E || {}, te = (A) => {
-      A.preventDefault(), b(o);
-    }, M = (A) => {
-      A.stopPropagation();
-    }, re = (A, j) => {
-      A.preventDefault(), A.stopPropagation(), R && R(A, j);
-    }, { setNodeRef: ae, isOver: ue } = rt({
-      id: `section-drop-zone-${o}`,
-      data: {
-        type: "SECTION_DROP_ZONE",
-        sectionId: o
-      }
-    });
-    return /* @__PURE__ */ p(
-      U,
-      {
-        id: o,
-        ref: ee,
-        ...de,
-        ...T,
-        onContextMenu: te,
-        sx: {
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "flex-start",
-          justifyContent: "flex-start",
-          p: 1,
-          border: ue ? "1px dashed var(--color-tableHeader)" : "0.1px solid #A9BCCD",
-          cursor: "pointer",
-          backgroundColor: "#e6f0ff",
-          borderRadius: "14px",
-          mt: 1
-        },
-        ...Q,
-        children: [
-          /* @__PURE__ */ e(
-            U,
-            {
-              sx: {
-                display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center",
-                width: "100%",
-                mb: 0.5
-              },
-              children: /* @__PURE__ */ e(v, { variant: "body2", sx: { fontWeight: "bold", color: "var(--color-text)", flexGrow: 1 }, children: d || `Section ${c + 1}` })
-            }
-          ),
-          /* @__PURE__ */ e(
-            U,
-            {
-              ref: ae,
-              sx: {
-                width: "100%",
-                minHeight: "40px",
-                border: `${ue ? "1px dashed var(--color-tableHeader)" : ""}`,
-                borderRadius: "4px",
-                textAlign: "center",
-                display: "flex",
-                flexDirection: "column",
-                alignItems: "center",
-                justifyContent: (u == null ? void 0 : u.length) > 0 ? "flex-start" : "center",
-                transition: "background-color 0.1s"
-              },
-              children: (u == null ? void 0 : u.length) > 0 ? /* @__PURE__ */ e(De, { items: u.map((A) => A.instanceId), strategy: Ue, children: /* @__PURE__ */ e(ye, { container: !0, spacing: 1, sx: { width: "100%", m: 0 }, children: u.map((A) => {
-                const j = A.type === "GROUP", be = j && F === A.instanceId;
-                return /* @__PURE__ */ e(
-                  Ft,
-                  {
-                    id: A.instanceId,
-                    sectionId: o,
-                    featureName: A.name,
-                    children: /* @__PURE__ */ e(
-                      ye,
-                      {
-                        item: !0,
-                        xs: 3,
-                        sm: 3,
-                        sx: {
-                          flexBasis: "calc(25% - 8px)",
-                          maxWidth: "calc(25% - 8px)",
-                          flexGrow: 0,
-                          flexShrink: 0,
-                          minWidth: 0
-                        },
-                        children: /* @__PURE__ */ p(
-                          U,
-                          {
-                            onClick: (P) => A.type === "FEATURE" && M(P),
-                            onContextMenu: (P) => A.type === "GROUP" && re(P, A),
-                            sx: {
-                              display: "flex",
-                              flexDirection: "column",
-                              alignItems: "center",
-                              justifyContent: "flex-start",
-                              p: 0.5,
-                              height: "100%",
-                              backgroundColor: "transparent",
-                              cursor: j ? "pointer" : "grab",
-                              minWidth: 0,
-                              overflow: "hidden",
-                              "&:hover": {
-                                backgroundColor: "var(--color-gray4)"
-                              }
-                            },
-                            children: [
-                              Ut(
-                                Object.prototype.hasOwnProperty.call(A, "icon") ? A.icon : null,
-                                y
-                              ),
-                              /* @__PURE__ */ e(
-                                v,
-                                {
-                                  variant: "body2",
-                                  sx: {
-                                    mt: 0.5,
-                                    textAlign: "center",
-                                    lineHeight: 1.2,
-                                    width: "100%",
-                                    fontSize: "0.7rem",
-                                    color: "var(--color-text)",
-                                    fontWeight: "bold",
-                                    letterSpacing: 0.2,
-                                    whiteSpace: "normal",
-                                    wordBreak: "break-word",
-                                    overflowWrap: "break-word"
-                                  },
-                                  children: Dt(A.name)
-                                }
-                              ),
-                              j && /* @__PURE__ */ e(U, { sx: { ml: 0.5, display: "flex", alignItems: "center" }, children: /* @__PURE__ */ e(
-                                z,
-                                {
-                                  icon: kt,
-                                  sx: {
-                                    fontSize: "0.7rem",
-                                    color: "var(--color-text)",
-                                    transition: "transform 0.2s",
-                                    transform: be ? "rotate(180deg)" : "rotate(0deg)"
-                                  }
-                                }
-                              ) })
-                            ]
-                          }
-                        )
-                      }
-                    )
-                  },
-                  A.instanceId
-                );
-              }) }) }) : /* @__PURE__ */ e(v, { variant: "caption", color: "textSecondary", children: ue ? "Drop Feature Here" : "Drag features here later." })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-at.displayName = "MobileSection";
-at.propTypes = {
-  id: h.any,
-  arrayIndex: h.any,
-  sectionTitle: h.any,
-  handleSectionClick: h.any,
-  dnd: h.any,
-  sectionFeatures: h.any,
-  SvgIconBox: h.any,
-  onGroupClick: h.any,
-  activeGroupId: h.any
-};
-const Pt = ({ feature: o, SvgIconBox: c, handleFeatureClick: d }) => {
-  const { attributes: b, listeners: E, setNodeRef: u, transform: y, transition: R, isDragging: F } = nt({
-    id: o.uuid || o.id
-  }), Q = {
-    transform: _r.Transform.toString(y),
-    transition: R,
-    zIndex: F ? 2e3 : 1,
-    opacity: F ? 0.8 : 1,
-    boxShadow: F ? "0px 4px 10px rgba(0,0,0,0.1)" : "none"
-  };
-  return /* @__PURE__ */ e(
-    ye,
-    {
-      item: !0,
-      xs: 4,
-      ref: u,
-      style: Q,
-      sx: {
-        flexBasis: "calc(33.3333% - 8px)",
-        maxWidth: "calc(33.3333% - 8px)",
-        flexGrow: 0,
-        flexShrink: 0,
-        minWidth: 0,
-        p: 0.5
-      },
-      children: /* @__PURE__ */ p(
-        U,
-        {
-          onClick: (T) => {
-            T.stopPropagation(), d && d();
-          },
-          ...E,
-          ...b,
-          sx: {
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            justifyContent: "flex-start",
-            p: 0.5,
-            height: "100%",
-            backgroundColor: "transparent",
-            cursor: "grab",
-            minWidth: 0,
-            overflow: "hidden",
-            borderRadius: "8px",
-            "&:hover": {
-              backgroundColor: "var(--color-gray4)"
-            }
-          },
-          children: [
-            /* @__PURE__ */ e(U, { sx: { mt: 0.5, mb: 0.5, display: "flex", alignItems: "center" }, children: ((T, te) => {
-              let M = null;
-              if (typeof T == "object" && T !== null ? T.type === "svg" && typeof T.content == "string" ? M = T.content : typeof T.svg == "string" && (M = T.svg) : typeof T == "string" ? M = T : typeof o.icon == "object" && o.icon !== null && (M = o.icon.content || o.icon.svg), typeof M == "string" && M.includes("<svg")) {
-                const re = M.match(/<svg[\s\S]*<\/svg>/i);
-                re && (M = re[0]);
-              }
-              return M ? /* @__PURE__ */ e(U, { sx: { height: "24px", width: "24px", display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(te, { svg: M }) }) : /* @__PURE__ */ e(
-                U,
-                {
-                  sx: {
-                    height: "24px",
-                    width: "24px",
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    color: "var(--color-gray3)",
-                    border: "1px solid",
-                    borderRadius: "4px",
-                    fontSize: "0.8rem"
-                  },
-                  children: "?"
-                }
-              );
-            })(o.icon, c) }),
-            /* @__PURE__ */ e(
-              v,
-              {
-                variant: "body2",
-                sx: {
-                  mt: 0.5,
-                  textAlign: "center",
-                  lineHeight: 1.2,
-                  width: "100%",
-                  fontSize: "0.7rem",
-                  color: "var(--color-text)",
-                  fontWeight: "bold",
-                  letterSpacing: 0.2,
-                  whiteSpace: "normal",
-                  wordBreak: "break-word",
-                  overflowWrap: "break-word",
-                  p: "0 4px"
-                },
-                children: o.name
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-Pt.propTypes = {
-  feature: h.any,
-  SvgIconBox: h.any,
-  handleFeatureClick: h.any
-};
-function Gt({
-  tabStatus: o,
-  layoutComponents: c,
-  componentTypes: d,
-  handleSectionClick: b,
-  activeElementId: E,
-  activeTabId: u,
-  handleTabSwitch: y,
-  formList: R,
-  selectedForm: F,
-  onFormSelect: Q,
-  SvgIconBox: ee,
-  setCurrentLayoutComponents: de,
-  programFeatures: T
-}) {
-  const te = "mobile-content", M = u === "programs" ? "PROGRAMS_ROOT_DROP_ZONE" : "LAYOUT_ROOT_DROP_ZONE", { setNodeRef: re, isOver: ae } = rt({
-    id: te,
-    data: {
-      type: M,
-      sectionId: te
-    }
-  }), A = [
-    { id: "home", label: "Home", icon: Or, alt: "Home" },
-    { id: "programs", label: "Programs", icon: Nr, alt: "Programs" },
-    { id: "analytics", label: "Analytics", icon: Mr, alt: "Analytics" },
-    { id: "familyManagement", label: "Family Management", icon: kr, alt: "Family Management" }
-  ].filter((m) => o[m.id]), j = c.find((m) => m.type === d.SEARCH_BAR), be = c.filter((m) => m.type === d.SECTION), [P, se] = _({
-    anchorEl: null,
-    groupData: null
-  }), $ = Re(
-    (m, G) => {
-      var W;
-      const q = m.currentTarget;
-      ((W = P.groupData) == null ? void 0 : W.instanceId) === G.instanceId ? ve() : se({
-        anchorEl: q,
-        groupData: G
-      });
-    },
-    [P.groupData]
-  ), ve = Re(() => {
-    se({ anchorEl: null, groupData: null });
-  }, []), Be = (m) => {
-    var W;
-    const G = m.type === "GROUP", q = G && ((W = P.groupData) == null ? void 0 : W.instanceId) === m.instanceId;
-    return /* @__PURE__ */ e(
-      Ft,
-      {
-        id: m.instanceId,
-        sectionId: null,
-        featureName: m.name,
-        children: /* @__PURE__ */ e(
-          ye,
-          {
-            item: !0,
-            xs: 4,
-            sm: 4,
-            sx: {
-              flexBasis: "calc(33.3333% - 8px)",
-              maxWidth: "calc(33.3333% - 8px)",
-              flexGrow: 0,
-              flexShrink: 0,
-              minWidth: 0
-            },
-            children: /* @__PURE__ */ p(
-              U,
-              {
-                onClick: (L) => m.type === "FEATURE" && L.stopPropagation(),
-                onContextMenu: (L) => m.type === "GROUP" && $(L, m),
-                sx: {
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "center",
-                  justifyContent: "flex-start",
-                  p: 0.5,
-                  height: "100%",
-                  backgroundColor: "transparent",
-                  cursor: G ? "pointer" : "grab",
-                  minWidth: 0,
-                  overflow: "hidden",
-                  "&:hover": {
-                    backgroundColor: "var(--color-gray4)"
-                  }
-                },
-                children: [
-                  Ut(Object.prototype.hasOwnProperty.call(m, "icon") ? m.icon : null, ee),
-                  /* @__PURE__ */ e(
-                    v,
-                    {
-                      variant: "body2",
-                      sx: {
-                        mt: 0.5,
-                        textAlign: "center",
-                        lineHeight: 1.2,
-                        width: "100%",
-                        fontSize: "0.7rem",
-                        color: "var(--color-text)",
-                        fontWeight: "bold",
-                        letterSpacing: 0.2,
-                        whiteSpace: "normal",
-                        wordBreak: "break-word",
-                        overflowWrap: "break-word"
-                      },
-                      children: Dt(m.name)
-                    }
-                  ),
-                  G && /* @__PURE__ */ e(U, { sx: { ml: 0.5, display: "flex", alignItems: "center" }, children: /* @__PURE__ */ e(
-                    z,
-                    {
-                      icon: kt,
-                      sx: {
-                        fontSize: "0.7rem",
-                        color: "var(--color-text)",
-                        transition: "transform 0.2s",
-                        transform: q ? "rotate(180deg)" : "rotate(0deg)"
-                      }
-                    }
-                  ) })
-                ]
-              }
-            )
-          }
-        )
-      },
-      m.instanceId
-    );
-  }, He = (m) => {
-    const { active: G, over: q } = m;
-    if (!q || G.id === q.id || !P.groupData)
-      return;
-    const W = P.groupData.instanceId;
-    let L = null;
-    de((Se) => Se.map((pe) => pe.features ? {
-      ...pe,
-      features: pe.features.map((B) => {
-        if (B.instanceId === W && B.type === "GROUP" && B.menus) {
-          const me = B.menus.findIndex((Y) => (Y.uuid || Y.instanceId) === G.id), Ce = B.menus.findIndex((Y) => (Y.uuid || Y.instanceId) === q.id);
-          if (me !== -1 && Ce !== -1) {
-            const Y = Pe(B.menus, me, Ce);
-            return L = { ...B, menus: Y }, L;
-          }
-        }
-        return B;
-      })
-    } : pe)), L && se((Se) => ({
-      ...Se,
-      groupData: L
-    }));
-  }, Ae = () => {
-    ve();
-  }, Te = (m, G) => {
-    var W;
-    const q = m.id === E;
-    return /* @__PURE__ */ e(Gr, { id: m.id, componentType: d.SECTION, isSortable: !0, children: /* @__PURE__ */ e(
-      at,
-      {
-        id: m.id,
-        arrayIndex: G,
-        sectionTitle: m.title,
-        handleSectionClick: b,
-        sectionFeatures: m.features,
-        isActive: q,
-        SvgIconBox: ee,
-        onGroupClick: $,
-        activeGroupId: (W = P.groupData) == null ? void 0 : W.instanceId
-      }
-    ) }, m.id);
-  };
-  return /* @__PURE__ */ p("div", { className: "mobile-screen-v2", id: "mobile-screen", children: [
-    /* @__PURE__ */ p("div", { className: "status-bar-v2", children: [
-      /* @__PURE__ */ e("span", { className: "time-v2", children: "12:16" }),
-      /* @__PURE__ */ e("div", { className: "notch-v2" }),
-      /* @__PURE__ */ p("div", { className: "right-status-icons-v2", children: [
-        /* @__PURE__ */ e("span", { "aria-label": "wifi", children: /* @__PURE__ */ e(z, { icon: vr }) }),
-        /* @__PURE__ */ e("span", { "aria-label": "signal", children: /* @__PURE__ */ e(z, { icon: Sr }) }),
-        /* @__PURE__ */ e("span", { "aria-label": "battery", className: "battery-icon", children: /* @__PURE__ */ e(z, { icon: Cr }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ p("div", { className: "header-v2", children: [
-      /* @__PURE__ */ p("div", { className: "location-v2", children: [
-        /* @__PURE__ */ e(z, { icon: Ir }),
-        /* @__PURE__ */ e("span", { className: "location-text-v2", children: "પાલડી-કાંકજ" })
-      ] }),
-      /* @__PURE__ */ p("div", { className: "header-actions-v2", children: [
-        /* @__PURE__ */ e("span", { className: "action-icon-v2 rotate-icon", role: "button", "aria-label": "refresh", children: /* @__PURE__ */ e(z, { icon: Rr }) }),
-        /* @__PURE__ */ e("span", { className: "action-icon-v2 notification-outline", role: "button", "aria-label": "notifications", children: /* @__PURE__ */ e(z, { icon: wr }) }),
-        /* @__PURE__ */ e("span", { className: "action-icon-v2 profile-icon", role: "button", "aria-label": "profile", children: /* @__PURE__ */ e(z, { icon: Er }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: "content-v2",
-        id: "mobile-content",
-        ref: u !== "familyManagement" ? re : null,
-        style: {
-          border: u !== "familyManagement" && ae ? "2px dashed var(--color-tableHeader)" : "none",
-          backgroundColor: u !== "familyManagement" && ae ? "var(--color-gray4)" : "transparent",
-          minHeight: "300px",
-          maxHeight: "calc(100% - 110px)",
-          overflowY: "auto",
-          padding: "8px",
-          marginTop: u === "programs" ? 20 : 0,
-          marginLeft: u === "programs" ? 3 : 0
-        },
-        children: u === "familyManagement" ? /* @__PURE__ */ p(
-          U,
-          {
-            sx: {
-              p: 2,
-              width: "100%",
-              display: "flex",
-              flexDirection: "column",
-              alignItems: "center",
-              justifyContent: "center",
-              height: "100%"
-            },
-            children: [
-              /* @__PURE__ */ e(v, { variant: "body1", sx: { mb: 2, fontWeight: "bold" }, children: "Select Form for Family Management" }),
-              /* @__PURE__ */ p(Ve, { fullWidth: !0, sx: { maxWidth: "90%", mb: 2 }, children: [
-                /* @__PURE__ */ e(sr, { id: "form-selector-label", children: "Form Name" }),
-                /* @__PURE__ */ p(
-                  lr,
-                  {
-                    labelId: "form-selector-label",
-                    id: "form-selector",
-                    value: (F == null ? void 0 : F.code) || "",
-                    label: "Form Name",
-                    onChange: Q,
-                    MenuProps: {
-                      PaperProps: {
-                        style: {
-                          maxHeight: 240
-                        }
-                      }
-                    },
-                    children: [
-                      R == null ? void 0 : R.map((m) => /* @__PURE__ */ e(Tt, { value: m.code, children: m.name }, m.code)),
-                      (R == null ? void 0 : R.length) === 0 && /* @__PURE__ */ e(Tt, { disabled: !0, children: "No Forms Available" })
-                    ]
-                  }
-                )
-              ] })
-            ]
-          }
-        ) : u === "programs" ? /* @__PURE__ */ e(Ze, { children: T && T.length > 0 ? /* @__PURE__ */ e(De, { items: T.map((m) => m.instanceId), strategy: Ue, children: /* @__PURE__ */ e(ye, { container: !0, spacing: 1, sx: { width: "100%", m: 0 }, children: T.map((m) => Be(m)) }) }) : /* @__PURE__ */ e(v, { variant: "body2", color: "textSecondary", sx: { mt: 5, textAlign: "center" }, children: ae ? "Drop features here (Groups are not allowed)." : "Drag features directly onto the screen." }) }) : /* @__PURE__ */ p(Ze, { children: [
-          j && /* @__PURE__ */ e(Dr, { id: j.id, componentType: d.SEARCH_BAR, children: /* @__PURE__ */ e(
-            it,
-            {
-              id: j.id,
-              style: { marginBottom: "8px" },
-              handleSectionClick: b
-            }
-          ) }),
-          be.map((m, G) => Te(m, G)),
-          c.length === 0 && /* @__PURE__ */ e(v, { variant: "body2", color: "textSecondary", sx: { mt: 5, textAlign: "center" }, children: "Drag components here to build the layout." })
-        ] })
-      }
-    ),
-    P.groupData && P.anchorEl && /* @__PURE__ */ e("div", { onPointerDown: (m) => m.stopPropagation(), children: /* @__PURE__ */ e(Nt, { onDragEnd: He, children: /* @__PURE__ */ e(
-      Bt,
-      {
-        groupData: P.groupData,
-        anchorEl: P.anchorEl,
-        onClose: ve,
-        SvgIconBox: ee,
-        handleFeatureClick: Ae
-      }
-    ) }) }),
-    /* @__PURE__ */ p("div", { className: "bottom-nav-v2", children: [
-      /* @__PURE__ */ e("div", { className: "nav-bar-v2", children: A.map((m) => /* @__PURE__ */ e(cr, { title: m.label, placement: "bottom", arrow: !0, children: /* @__PURE__ */ e(
-        "div",
-        {
-          className: `nav-item-v2 ${u === m.id ? "active-v2" : ""}`,
-          role: "button",
-          "aria-label": m.label,
-          onClick: () => y(m.id),
-          children: /* @__PURE__ */ e("img", { src: m.icon, alt: m.alt })
-        },
-        m.id
-      ) }, m.id)) }),
-      /* @__PURE__ */ e("div", { className: "home-indicator-v2" })
-    ] })
-  ] });
-}
-Gt.propTypes = {
-  tabStatus: h.any.isRequired,
-  layoutComponents: h.any,
-  componentTypes: h.any,
-  handleSectionClick: h.any,
-  activeElementId: h.any,
-  activeTabId: h.any,
-  handleTabSwitch: h.any,
-  formList: h.any,
-  selectedForm: h.any,
-  onFormSelect: h.any,
-  SvgIconBox: h.any,
-  setCurrentLayoutComponents: h.any,
-  programFeatures: h.any
-};
-const Dt = (o) => {
-  const c = o.split(" ");
-  return c.map((d, b) => /* @__PURE__ */ p(K.Fragment, { children: [
-    d,
-    b < c.length - 1 && /* @__PURE__ */ e("br", {})
-  ] }, b));
-}, Ut = (o, c) => {
-  let d = null;
-  if (typeof o == "object" && o !== null ? o.type === "svg" && typeof o.content == "string" ? d = o.content : typeof o.svg == "string" && (d = o.svg) : typeof o == "string" && (d = o), typeof d == "string" && d.includes("<svg")) {
-    const b = d.match(/<svg[\s\S]*<\/svg>/i);
-    b && (d = b[0]);
-  }
-  return d ? /* @__PURE__ */ e(
-    U,
-    {
-      sx: {
-        height: "36px",
-        width: "36px",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center"
-      },
-      children: /* @__PURE__ */ e(c, { svg: d })
-    }
-  ) : /* @__PURE__ */ e(
-    U,
-    {
-      sx: {
-        fontSize: "1.2rem",
-        color: "var(--color-gray3)",
-        border: "1px solid",
-        borderRadius: "50%",
-        height: "36px",
-        width: "36px",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        marginBottom: "4px"
-      },
-      children: "?"
-    }
-  );
-}, Bt = ({ groupData: o, anchorEl: c, onClose: d, SvgIconBox: b, handleFeatureClick: E }) => {
-  if (!o || !c) return null;
-  const u = o.menus || [], y = c.getBoundingClientRect();
-  return /* @__PURE__ */ p(
-    xe,
-    {
-      elevation: 8,
-      sx: {
-        position: "fixed",
-        top: y.bottom,
-        left: y.left + y.width + 65,
-        minWidth: "320px",
-        maxWidth: "100%",
-        p: 2,
-        borderRadius: "12px",
-        boxShadow: "0 8px 30px rgba(0,0,0,0.25)",
-        backgroundColor: "var(--color-gray4)",
-        zIndex: 1500,
-        maxHeight: "400px",
-        overflowY: "auto",
-        transform: "translateX(-50%)"
-      },
-      children: [
-        /* @__PURE__ */ p(U, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 1 }, children: [
-          /* @__PURE__ */ e(v, { variant: "h6", sx: { color: "var(--color-text)", fontWeight: "bold", fontSize: "1rem" }, children: o.name }),
-          /* @__PURE__ */ e(dr, { onClick: d, size: "small", sx: { color: "var(--color-text)", p: 0.5 }, children: /* @__PURE__ */ e(z, { icon: Ar }) })
-        ] }),
-        /* @__PURE__ */ e(ot, {}),
-        u.length > 0 ? /* @__PURE__ */ e(De, { items: u.map((R) => R.uuid || R.instanceId), strategy: Ue, children: /* @__PURE__ */ e(ye, { container: !0, spacing: 1, children: u.map((R) => /* @__PURE__ */ e(
-          Pt,
-          {
-            feature: R,
-            SvgIconBox: b,
-            handleFeatureClick: E
-          },
-          R.uuid || R.instanceId
-        )) }) }) : /* @__PURE__ */ e(v, { variant: "body2", color: "textSecondary", sx: { fontStyle: "italic", p: 1 }, children: "This menu is empty." })
-      ]
-    }
-  );
-};
-Bt.propTypes = {
-  groupData: h.any,
-  anchorEl: h.any,
-  onClose: h.any,
-  SvgIconBox: h.any,
-  handleFeatureClick: h.any
-};
-function cn() {
-  var gt, ft;
-  const o = xr(), c = o.state, d = Fe(() => new URLSearchParams(o.search), [o.search]), b = yr(), [E, u] = _([]), [y, R] = _(!1), [F, Q] = _([]), [ee, de] = _([]), [T, te] = _({}), [M, re] = _([]), [ae, ue] = _(!0), [A, j] = _(!0), [be, P] = _(!1), { user: se } = fr((t) => t.Authenticate), $ = gr({
-    defaultValues: {
-      role: "",
-      isAttendanceRequired: !1
-    },
-    mode: "onChange"
-  });
-  Ke(() => {
-    (async () => (await He(), await ve(), await Be(), d.get("id") && (c != null && c.mobileMenuList) ? (R(!0), $.setValue("role", c.roleId), await Ae(c.roleId)) : R(!1)))();
-  }, []), Ke(() => {
-    var t;
-    if (Object.keys(T).length > 0 && d.get("id") && (c != null && c.mobileMenuList)) {
-      const { appConfiguration: r, tabStatus: n, selectedForm: a, isAttendanceRequired: i } = q(
-        (t = c == null ? void 0 : c.mobileMenuList) == null ? void 0 : t.configJson
-      );
-      J(r), Ce(n), ct(a), $.setValue("isAttendanceRequired", i);
-    }
-  }, [T]);
-  const ve = async () => {
-    const n = (await Ie({
-      code: "medplat_form_get_all_form_details",
-      parameters: {}
-    })).data.result.map((a, i) => ({
-      id: a.form_code,
-      name: a.form_name,
-      code: a.form_code,
-      uuid: a.uuid || `temp-uuid-${i}`
-    }));
-    Q(n);
-  }, Be = async () => {
-    const r = (await Ie({
-      code: "get_all_mobile_query",
-      parameters: {}
-    })).data.result;
-    de(r);
-  }, He = async () => {
-    try {
-      const t = (await Ie({
-        code: "RETRIEVE_MENU_CONFIG_ROLE_V2"
-      })).data;
-      t.result && u(t.result);
-    } catch (t) {
-      ie({
-        message: t,
-        type: "error"
-      });
-    }
-  }, Ae = async (t) => {
-    if (t)
-      try {
-        const r = (await Ie({
-          code: "fetch_linked_menus_by_role_id",
-          parameters: {
-            id: t
-          }
-        })).data;
-        r.result && W(r.result);
-      } catch (r) {
-        ie({
-          message: r,
-          type: "error"
-        });
-      }
-  }, Te = (t, r, n) => {
-    const a = r[t];
-    if (a) return a;
-    const i = n.find((s) => s.type === "GROUP" && s.id === t);
-    return i || null;
-  }, m = (t, r, n, a) => {
-    const i = Te(t.id, n, a);
-    if (!i) return null;
-    const s = fe();
-    if (i.type === "GROUP") {
-      const l = t.menus.map((S) => {
-        const Z = Te(S.id, n, a);
-        return Z ? {
-          ...Z,
-          uuid: fe(),
-          isGroupMember: !0,
-          groupId: t.id
-        } : null;
-      }).filter((S) => S !== null);
-      return l.length === 0 ? null : {
-        ...i,
-        id: s,
-        instanceId: `${r}_GROUP_${s}`,
-        menus: l
-      };
-    } else if (i.type === "FEATURE") {
-      const l = r === "PROGRAMS_ROOT" ? r : `${r}_${i.id}`;
-      return {
-        ...i,
-        id: i.id,
-        uuid: s,
-        instanceId: `${l}_${s}`
-      };
-    }
-    return null;
-  }, G = (t, r, n, a) => {
-    if (!t || !Array.isArray(t)) return [];
-    if (t.every((i) => i.id && !i.type && !i.features)) {
-      const i = r === "programs" ? "PROGRAMS_ROOT" : r;
-      return t.map((s) => m(s, i, n, a)).filter((s) => s !== null);
-    }
-    return t.map((i) => {
-      const s = fe();
-      if (i.type === "SEARCH_BAR")
-        return { ...i, id: s };
-      if (i.type === "SECTION") {
-        const l = `comp-${s}`, S = i.features.map((Z) => m(Z, l, n, a)).filter((Z) => Z !== null);
-        return { type: i.type, title: i.title, id: l, features: S };
-      }
-      return null;
-    }).filter((i) => i !== null);
-  }, q = (t) => {
-    var s;
-    const r = {}, n = {};
-    let a = null;
-    const i = ((s = t == null ? void 0 : t.isAttendanceRequired) == null ? void 0 : s.value) || !1;
-    for (const l in t) {
-      const S = t[l];
-      if (n[l] = S.active, S.active)
-        if (l === "home" && S.layout)
-          r[l] = G(S.layout, l, T, M);
-        else if (l === "programs" && (S != null && S.features)) {
-          const Z = G(S.features, l, T, M);
-          r[l] = {
-            features: Z
-          };
-        } else S != null && S.features ? r[l] = G(S == null ? void 0 : S.features, l, T, M) : l === "familyManagement" && S.formCode && (a = {
-          formName: `Form for ${S.formCode}`,
-          code: S.formCode,
-          formUuid: fe()
-        });
-      else
-        l === "programs" ? r[l] = { features: [] } : r[l] = [];
-    }
-    return {
-      appConfiguration: r,
-      tabStatus: n,
-      selectedForm: a,
-      isAttendanceRequired: i
-    };
-  }, W = (t) => {
-    const r = [], n = {};
-    t.forEach((a) => {
-      const s = JSON.parse(a.menus || "[]").map((l) => {
-        const S = {
-          uuid: fe(),
-          id: l.id ? parseInt(l.id) : null,
-          name: l.name || "",
-          icon: l.icon || "",
-          type: "FEATURE",
-          isGroupMember: a.id != null,
-          groupId: a.id || null
-        };
-        return n[S.id] = S, S;
-      });
-      a.id != null ? r.push({
-        uuid: fe(),
-        id: a.id,
-        name: a.name,
-        icon: a.icon || "",
-        type: "GROUP",
-        menus: s
-      }) : r.push(...s);
-    }), te(n), re(r);
-  }, L = (t) => {
-    var r, n;
-    if (t.type === "GROUP") {
-      const a = (n = (r = t.menus) == null ? void 0 : r[0]) == null ? void 0 : n.groupId;
-      return a ? {
-        id: a,
-        menus: t.menus.map((i) => ({
-          id: i.id
-        }))
-      } : null;
-    } else if (t.type === "FEATURE")
-      return {
-        id: t.id
-      };
-    return null;
-  }, Se = (t) => !t || !Array.isArray(t) ? [] : t.map((r) => {
-    if (r.type === "SEARCH_BAR")
-      return {
-        type: r.type,
-        queryName: r.queryName
-      };
-    if (r.type === "SECTION") {
-      const n = r == null ? void 0 : r.features.map(L).filter((a) => a !== null);
-      return {
-        type: r.type,
-        title: r.title,
-        features: n
-      };
-    }
-    return null;
-  }).filter((r) => r !== null), lt = () => {
-    const t = {
-      isAttendanceRequired: { value: $.getValues("isAttendanceRequired") }
-    };
-    return B.forEach((r) => {
-      var s;
-      const n = r.id, a = me[n], i = {
-        active: a
-      };
-      if (a) {
-        if (n === "familyManagement" && ze)
-          i.formCode = ze.code;
-        else if (n === "home") {
-          const l = ge[n] || [];
-          i.layout = Se(l);
-        } else if (n === "programs") {
-          const l = ((s = ge[n]) == null ? void 0 : s.features) || [];
-          l.length > 0 && (i.features = l.map(L).filter((S) => S !== null));
-        } else if (n !== "analytics") {
-          const l = ge[n] || [];
-          Array.isArray(l) && (i.features = l.map(L).filter((S) => S !== null));
-        }
-      }
-      t[n] = i;
-    }), t;
-  }, pe = async (t) => {
-    const r = lt(), n = JSON.stringify(r), a = {
-      roleId: t.role,
-      userId: se == null ? void 0 : se.id,
-      config_json: n
-    };
-    try {
-      (await Ie({
-        code: "save_mobile_menu_role_relation",
-        parameters: a
-      })).data.result && (ie({
-        message: "Menu configuration saved successfully",
-        type: "success"
-      }), b("/ui/medplat/admin/mobileMenuManagement"));
-    } catch (i) {
-      ie({
-        message: i,
-        type: "error"
-      });
-    }
-  }, B = [
-    { id: "home", name: "Home" },
-    { id: "programs", name: "Programs" },
-    { id: "analytics", name: "Analytics" },
-    { id: "familyManagement", name: "Family Management" }
-  ], [me, Ce] = _({
-    home: !0,
-    programs: !0,
-    analytics: !0,
-    familyManagement: !0
-  }), Y = (t) => {
-    Ce((r) => {
-      const n = {
-        ...r,
-        [t]: !r[t]
-      };
-      if (t === H && !n[t]) {
-        const i = B.find((s) => s.id !== t && n[s.id] === !0);
-        i ? Oe(i.id) : n.home ? Oe("home") : Oe(B[0].id);
-      }
-      return n;
-    });
-  }, w = {
-    SEARCH_BAR: "SEARCH_BAR",
-    SECTION: "SECTION",
-    FEATURE: "FEATURE",
-    SECTION_DROP_ZONE: "SECTION_DROP_ZONE",
-    GROUP: "GROUP"
-  }, [ze, ct] = _(null), Wt = (t) => {
-    const r = t.target.value, n = F.find((a) => a.code === r);
-    ct(n);
-  }, [he, We] = _(null), [dt, ut] = _(null), [H, Oe] = _("home"), [ge, J] = _(() => {
-    const t = {};
-    return B.forEach((r) => {
-      t[r.id] = [];
-    }), t;
-  }), [Le, Lt] = _(""), [jt, $t] = _(null), le = ((gt = ge.programs) == null ? void 0 : gt.features) || [], qt = (t) => {
-    $t((r) => r === t ? null : t);
-  }, pt = ge[H], ne = Array.isArray(pt) ? pt : [], je = Fe(() => {
-    const t = Le.toLowerCase();
-    return M.map((r) => {
-      if (r.type === "GROUP") {
-        const n = r.menus.filter((a) => a.name.toLowerCase().includes(t));
-        return r.name.toLowerCase().includes(t) || n.length > 0 ? { ...r, menus: n } : null;
-      }
-      return r.name.toLowerCase().includes(t) ? r : null;
-    }).filter(Boolean);
-  }, [M, Le]), { separatedGroups: Ne, separatedFeatures: Me } = Fe(() => {
-    const t = je.filter((n) => n.type === "GROUP"), r = je.filter((n) => n.type !== "GROUP");
-    return { separatedGroups: t, separatedFeatures: r };
-  }, [je]), oe = Re(
-    (t) => {
-      J((r) => ({
-        ...r,
-        [H]: typeof t == "function" ? t(r[H] || []) : t
-      }));
-    },
-    [H]
-  ), Zt = Re((t) => {
-    Oe(t);
-  }, []), Vt = (t, r, n) => {
-    oe((a) => a.map((i) => i.id === t ? { ...i, [r]: n } : i));
-  }, Qt = (t) => {
-    We(t.active.id);
-  }, Yt = Re(
-    (t) => {
-      var S, Z, xt, yt, bt, vt, St, Ct, It, Rt, wt, Et;
-      const { active: r, over: n } = t;
-      if (!r || !r.data.current) {
-        We(null);
-        return;
-      }
-      const a = (S = n == null ? void 0 : n.data.current) == null ? void 0 : S.type, i = (Z = n == null ? void 0 : n.data.current) == null ? void 0 : Z.sectionId, s = (xt = r.data.current) == null ? void 0 : xt.sectionId, l = (yt = r.data.current) == null ? void 0 : yt.type;
-      if (We(null), !n && H === "programs" && l === w.FEATURE) {
-        const f = r.data.current.data;
-        if (!f) return;
-        J((g) => {
-          const x = g.programs || {}, C = (x == null ? void 0 : x.features) || [], O = {
-            id: f.id,
-            name: f.name,
-            instanceId: `PROGRAMS_ROOT_${f.id}_${crypto.randomUUID()}`,
-            type: "FEATURE",
-            icon: {
-              id: `svg-icon-${f.id}`,
-              content: f.icon,
-              type: "svg"
-            }
-          };
-          return {
-            ...g,
-            programs: {
-              ...x,
-              features: [...C, O]
-            }
-          };
-        });
-        return;
-      }
-      if ((n == null ? void 0 : n.id) === "trash-zone") {
-        const f = r.id, g = r.data.current.sectionId;
-        l === "FEATURE_TILE" ? g ? oe(
-          (x) => x.map((C) => {
-            if (C.id === g && (C != null && C.features)) {
-              const O = C == null ? void 0 : C.features.filter((k) => k.instanceId !== f);
-              return { ...C, features: O };
-            }
-            return C;
-          })
-        ) : H === "programs" && J((x) => {
-          const C = x.programs || {}, k = ((C == null ? void 0 : C.features) || []).filter((D) => D.instanceId !== f);
-          return {
-            ...x,
-            programs: {
-              ...C,
-              features: k
-            }
-          };
-        }) : (l === w.SECTION || l === w.SEARCH_BAR) && oe((x) => x.filter((C) => C.id !== r.id));
-        return;
-      }
-      if (l === "FEATURE_TILE" && a === "FEATURE_TILE") {
-        if (!s && H === "programs") {
-          J((f) => {
-            const g = f.programs || {}, x = (g == null ? void 0 : g.features) || [], C = x.findIndex((D) => D.instanceId === r.id), O = x.findIndex((D) => D.instanceId === n.id);
-            if (C === -1 || O === -1)
-              return f;
-            const k = Pe(x, C, O);
-            return {
-              ...f,
-              programs: {
-                ...g,
-                features: k
-              }
-            };
-          });
-          return;
-        }
-        s === i && r.id !== n.id && oe(
-          (f) => f.map((g) => {
-            if (g.id === s) {
-              const x = g == null ? void 0 : g.features, C = x.findIndex((D) => D.instanceId === r.id), O = x.findIndex((D) => D.instanceId === n.id);
-              if (C === -1 || O === -1) return g;
-              const k = Pe(x, C, O);
-              return { ...g, features: k };
-            }
-            return g;
-          })
-        );
-        return;
-      }
-      if (l === w.GROUP && a === w.SECTION_DROP_ZONE) {
-        const f = r.data.current.data, g = (bt = n == null ? void 0 : n.data.current) == null ? void 0 : bt.sectionId;
-        f && g && J((x) => {
-          const C = x[H] || [], O = C.findIndex((_e) => _e.id === g);
-          if (O === -1) return x;
-          const k = C[O], D = String(f.uuid);
-          if (k == null ? void 0 : k.features.some((_e) => _e.type === "GROUP" && String(_e.uuid) === D))
-            return ie({
-              type: "warn",
-              message: `Group ${f.name} is already in this section.`
-            }), x;
-          const qe = {
-            id: f.uuid,
-            name: f.name,
-            instanceId: `${g}_GROUP_${f.uuid}_${crypto.randomUUID()}`,
-            type: "GROUP",
-            menus: f.menus || [],
-            icon: f.icon
-          }, ke = {
-            ...k,
-            features: [...k.features, qe]
-          }, ce = [...C];
-          return ce[O] = ke, { ...x, [H]: ce };
-        });
-        return;
-      }
-      if (l === w.FEATURE && a === w.SECTION_DROP_ZONE) {
-        const f = r.data.current.data, g = (vt = n == null ? void 0 : n.data.current) == null ? void 0 : vt.sectionId;
-        f && g && J((x) => {
-          const C = x[H] || [], O = C.findIndex((ce) => ce.id === g);
-          if (O === -1) return x;
-          const k = C[O];
-          if (k == null ? void 0 : k.features.some((ce) => ce.id === f.id && ce.type === "FEATURE"))
-            return ie({
-              type: "warn",
-              message: `Feature ${f.name} is already in this section.`
-            }), x;
-          const V = {
-            id: f.id,
-            name: f.name,
-            instanceId: `${g}_${f.id}_${crypto.randomUUID()}`,
-            type: "FEATURE",
-            icon: {
-              id: `svg-icon-${f.id}`,
-              content: f.icon,
-              type: "svg"
-            }
-          }, qe = {
-            ...k,
-            features: [...k.features, V]
-          }, ke = [...C];
-          return ke[O] = qe, { ...x, [H]: ke };
-        });
-        return;
-      }
-      if (!((St = r.data.current) != null && St.sortable && !((Ct = n == null ? void 0 : n.data.current) != null && Ct.sortable) && (n == null ? void 0 : n.id) === "mobile-content")) {
-        if ((It = n == null ? void 0 : n.data.current) != null && It.sortable && ((Rt = r.data.current) == null ? void 0 : Rt.type) === w.SECTION && r.id !== n.id) {
-          oe((f) => {
-            const g = f.find((V) => V.type === w.SEARCH_BAR), x = f.filter((V) => V.type !== w.SEARCH_BAR), C = x.findIndex((V) => V.id === r.id), O = x.findIndex((V) => V.id === n.id);
-            if (C === -1 || O === -1)
-              return f;
-            let D = Pe(x, C, O);
-            return g && (D = [g, ...D]), D;
-          });
-          return;
-        }
-        if ((n == null ? void 0 : n.id) === "mobile-content" && l) {
-          const f = (wt = n.data.current) == null ? void 0 : wt.type;
-          if (f === "PROGRAMS_ROOT_DROP_ZONE") {
-            if (l === w.GROUP) {
-              ie({
-                type: "warn",
-                message: "Groups cannot be dropped directly onto the Programs tab."
-              });
-              return;
-            }
-            if (l === w.FEATURE) {
-              const g = r.data.current.data;
-              if (!g) return;
-              J((x) => ({
-                ...x,
-                programs: {
-                  ...x.programs,
-                  features: [
-                    ...x.programs.features,
-                    {
-                      id: g.id,
-                      name: g.name,
-                      instanceId: `PROGRAMS_ROOT_${g.id}_${crypto.randomUUID()}`,
-                      type: "FEATURE",
-                      icon: {
-                        id: `svg-icon-${g.id}`,
-                        content: g.icon,
-                        type: "svg"
-                      }
-                    }
-                  ]
-                }
-              }));
-              return;
-            }
-          }
-          if ((Et = r.data.current) != null && Et.sortable && f === "LAYOUT_ROOT_DROP_ZONE")
-            return;
-          if (f === "LAYOUT_ROOT_DROP_ZONE") {
-            oe((g) => {
-              if (l === w.SEARCH_BAR)
-                return g.some((O) => O.type === w.SEARCH_BAR) ? (ie({
-                  type: "info",
-                  message: "Only one Search Bar is allowed."
-                }), g) : [{
-                  id: `comp-${Date.now()}`,
-                  type: w.SEARCH_BAR,
-                  queryName: "Query Name"
-                }, ...g];
-              if (l === w.SECTION) {
-                const x = {
-                  id: `comp-${Date.now()}`,
-                  type: l,
-                  title: "Section",
-                  features: []
-                };
-                return [...g, x];
-              }
-              return g;
-            });
-            return;
-          }
-        }
-      }
-    },
-    [oe, J, H, w]
-  ), mt = "350px", Jt = () => /* @__PURE__ */ p(
-    N,
-    {
-      sx: {
-        width: mt,
-        p: 1.5,
-        border: "1px solid #ccc",
-        borderRadius: "8px",
-        backgroundColor: "var(--color-background2)",
-        display: "flex",
-        alignItems: "center",
-        boxShadow: "0 1px 10px rgba(0,0,0,0.3)"
-      },
-      children: [
-        /* @__PURE__ */ e(z, { icon: _t, style: { marginRight: "8px", color: "#888" } }),
-        /* @__PURE__ */ e(v, { variant: "body2", color: "textSecondary", sx: { flexGrow: 1 }, children: "Search..." })
-      ]
-    }
-  ), Xt = () => /* @__PURE__ */ e(
-    N,
-    {
-      sx: {
-        width: mt,
-        minHeight: "100px",
-        backgroundColor: "#e6f0ff",
-        border: "1px dashed var(--color-tableHeader)",
-        borderRadius: "4px",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        boxShadow: "0 1px 10px rgba(0,0,0,0.3)",
-        color: "var(--color-text)"
-      },
-      children: /* @__PURE__ */ e(v, { variant: "caption", sx: { fontWeight: "bold" }, children: "Section Dragging" })
-    }
-  ), $e = ({ feature: t }) => /* @__PURE__ */ e(I, { item: !0, xs: 4, sm: 4, children: /* @__PURE__ */ p(
-    N,
-    {
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        p: 0.5,
-        height: "100%",
-        backgroundColor: "transparent",
-        cursor: "grab"
-      },
-      children: [
-        Ee(t.icon),
-        /* @__PURE__ */ e(
-          v,
-          {
-            variant: "caption",
-            sx: {
-              mt: 1,
-              textAlign: "center",
-              lineHeight: 1.2,
-              width: "100%",
-              fontSize: "0.65rem"
-            },
-            children: t.name
-          }
-        )
-      ]
-    }
-  ) });
-  $e.propTypes = {
-    feature: h.any
-  };
-  const ht = ({ feature: t }) => /* @__PURE__ */ p(
-    N,
-    {
-      sx: {
-        width: "fit-content",
-        p: "10px",
-        pl: "10px",
-        backgroundColor: "var(--color-background2)",
-        border: "1px solid var(--color-gray3)",
-        borderRadius: "4px",
-        boxShadow: "0 1px 2px rgba(0, 0, 0, 0.05)",
-        cursor: "grab",
-        display: "flex",
-        alignItems: "center",
-        transition: "all 0.1s",
-        mt: "4px",
-        "&:hover": {
-          backgroundColor: "var(--color-gray4)",
-          borderColor: "var(--color-gray3)"
-        }
-      },
-      children: [
-        ((n, a) => {
-          const i = Ee(t.icon, "18px");
-          return i && i.type === N ? K.cloneElement(i, {
-            sx: {
-              ...i.props.sx,
-              height: "18px",
-              width: "18px",
-              marginRight: "8px"
-            }
-          }) : /* @__PURE__ */ e(N, { sx: { mr: "8px", display: "flex", alignItems: "center" }, children: Ee(n, a) });
-        })(t.icon, "18px"),
-        /* @__PURE__ */ e(v, { variant: "body2", sx: { fontWeight: "normal", color: "#333" }, children: t == null ? void 0 : t.name })
-      ]
-    }
-  );
-  ht.propTypes = {
-    feature: h.any
-  };
-  const Kt = (t) => {
-    const n = M.flatMap((s) => s.type === w.GROUP ? [s, ...s.menus] : [s]).find((s) => (s.uuid || s.id) === t);
-    if (n) {
-      let s;
-      return n.type ? s = n.type : n.menus ? s = w.GROUP : s = w.FEATURE, {
-        type: s,
-        data: n
-      };
-    }
-    const a = le == null ? void 0 : le.find((s) => s.instanceId === t);
-    if (a)
-      return { type: "FEATURE_TILE", data: a };
-    const i = ne.find((s) => s.id === t);
-    if (i) return { type: i.type, data: i };
-    for (const s of ne)
-      if (s != null && s.features) {
-        const l = s == null ? void 0 : s.features.find((S) => S.instanceId === t);
-        if (l)
-          return { type: "FEATURE_TILE", data: l };
-      }
-    return null;
-  }, er = ne.find((t) => t.id === dt), tr = (t) => {
-    const r = Kt(t);
-    return r ? r.type === w.SEARCH_BAR ? /* @__PURE__ */ e(Jt, {}) : r.type === w.SECTION ? /* @__PURE__ */ e(Xt, {}) : r.type === w.FEATURE ? /* @__PURE__ */ e(ht, { feature: r.data }) : r.type === w.GROUP ? /* @__PURE__ */ e($e, { feature: r.data }) : r.type === "FEATURE_TILE" ? /* @__PURE__ */ e($e, { feature: r.data }) : null : null;
-  }, rr = Fe(() => {
-    if (!he) return !1;
-    const t = ne.some((a) => a.id === he), r = ne.some((a) => {
-      var i;
-      return (i = a == null ? void 0 : a.features) == null ? void 0 : i.some((s) => s.instanceId === he);
-    }), n = le == null ? void 0 : le.some((a) => a.instanceId === he);
-    return t || r || n;
-  }, [he, ne, le]), nr = ne.filter((t) => t.type === w.SECTION).map((t) => t.id), or = (t) => {
-    var n, a;
-    const r = (a = (n = t.active) == null ? void 0 : n.data.current) == null ? void 0 : a.type;
-    if (r === w.FEATURE) {
-      const i = t.droppableContainers.filter(
-        (s) => {
-          var l;
-          return ((l = s.data.current) == null ? void 0 : l.type) === "SECTION_DROP_ZONE";
-        }
-      );
-      return At({
-        ...t,
-        droppableContainers: i
-      });
-    }
-    if (r === w.SECTION) {
-      const i = t.droppableContainers.filter((s) => {
-        var l;
-        return !(s.id === t.active.id || ((l = s.data.current) == null ? void 0 : l.type) === "SECTION_DROP_ZONE");
-      });
-      return At({
-        ...t,
-        droppableContainers: i
-      });
-    }
-    return ar(t);
-  };
-  return /* @__PURE__ */ p(Ze, { children: [
-    /* @__PURE__ */ e(Pr.Provider, { children: /* @__PURE__ */ e("form", { noValidate: !0, onSubmit: $.handleSubmit(pe), children: /* @__PURE__ */ p(
-      Nt,
-      {
-        onDragStart: Qt,
-        onDragEnd: Yt,
-        collisionDetection: or,
-        children: [
-          /* @__PURE__ */ p(I, { container: !0, spacing: 1, children: [
-            /* @__PURE__ */ e(I, { size: 1 }),
-            /* @__PURE__ */ e(I, { size: 6, children: /* @__PURE__ */ p(
-              I,
-              {
-                sx: {
-                  padding: "2px",
-                  margin: "6px 0px"
-                },
-                children: [
-                  /* @__PURE__ */ p(I, { container: !0, sx: { justifyContent: "space-between" }, children: [
-                    /* @__PURE__ */ e(I, { size: 2 }),
-                    /* @__PURE__ */ e(v, { variant: "subtitle1", sx: { fontWeight: "bold", marginLeft: "5px", mb: 1 }, children: "Mobile View" }),
-                    /* @__PURE__ */ p(I, { container: !0, spacing: 1, children: [
-                      /* @__PURE__ */ e(
-                        Ge,
-                        {
-                          variant: "contained",
-                          color: "gray",
-                          sx: { fontSize: "0.8rem", height: "30px" },
-                          type: "submit",
-                          onClick: () => {
-                            P(!0);
-                          },
-                          children: "Back"
-                        }
-                      ),
-                      /* @__PURE__ */ e(
-                        Ge,
-                        {
-                          variant: "contained",
-                          color: "primary",
-                          sx: { fontSize: "0.8rem", height: "30px" },
-                          type: "submit",
-                          children: "Save"
-                        }
-                      )
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ e(I, { sx: { height: "100%", maxHeight: "100%", overflowY: "auto" }, children: /* @__PURE__ */ e(De, { items: nr, strategy: Ue, children: /* @__PURE__ */ e(
-                    Gt,
-                    {
-                      tabStatus: me,
-                      layoutComponents: ne,
-                      componentTypes: w,
-                      handleSectionClick: ut,
-                      activeElementId: dt,
-                      activeTabId: H,
-                      handleTabSwitch: Zt,
-                      formList: F,
-                      selectedForm: ze,
-                      onFormSelect: Wt,
-                      SvgIconBox: st,
-                      setCurrentLayoutComponents: oe,
-                      programFeatures: ((ft = ge.programs) == null ? void 0 : ft.features) || []
-                    }
-                  ) }) }),
-                  /* @__PURE__ */ e(I, { container: !0, spacing: 2, justifyContent: "space-around", sx: { my: "1.25rem" }, children: B.map((t) => /* @__PURE__ */ e(I, { item: !0, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ p(I, { container: !0, alignItems: "center", justifyContent: "space-between", children: [
-                    /* @__PURE__ */ e(v, { variant: "body2", sx: { fontWeight: "bolder" }, children: t.name }),
-                    /* @__PURE__ */ e(
-                      Ot,
-                      {
-                        checked: me[t.id],
-                        onChange: () => Y(t.id),
-                        name: t.name,
-                        sx: {
-                          "& .MuiSwitch-switchBase.Mui-checked": {
-                            color: "var(--color-text)",
-                            "&:hover": {
-                              backgroundColor: "rgba(7, 49, 73, 0.08)"
-                            }
-                          },
-                          "& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track": {
-                            backgroundColor: "var(--color-tableHeader)",
-                            opacity: 0.7
-                          }
-                        }
-                      }
-                    )
-                  ] }) }, t.id)) })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ e(I, { size: 1 }),
-            /* @__PURE__ */ p(I, { size: 4, children: [
-              /* @__PURE__ */ e(I, { size: 12, children: /* @__PURE__ */ p(xe, { sx: { padding: "2px", margin: "6px 0px" }, children: [
-                /* @__PURE__ */ e(I, { className: "justify-between items-center", container: !0, children: /* @__PURE__ */ e(v, { variant: "subtitle1", sx: { fontWeight: "bold", marginLeft: "5px" }, children: "Menu Relation" }) }),
-                /* @__PURE__ */ p(I, { container: !0, children: [
-                  /* @__PURE__ */ e(I, { size: 12, children: /* @__PURE__ */ p(
-                    Ve,
-                    {
-                      variant: "outlined",
-                      className: "ml-3 mb-1 flex flex-row items-center align-items w-[90%]",
-                      children: [
-                        /* @__PURE__ */ p(v, { variant: "body2", children: [
-                          "Select Role",
-                          /* @__PURE__ */ e("span", { className: "text-red-500 ml-1", children: "*" }),
-                          " :"
-                        ] }),
-                        /* @__PURE__ */ e(N, { className: "w-[60%] ms-3", children: /* @__PURE__ */ e(
-                          br,
-                          {
-                            control: $.control,
-                            size: "small",
-                            id: "role",
-                            name: "role",
-                            options: E || [],
-                            disabled: y,
-                            displayName: "name",
-                            optionValue: "id",
-                            errors: $.formState.errors,
-                            sx: { height: "50px", mt: 2 },
-                            disableClearable: !!y,
-                            placeholder: "Select role",
-                            onChange: (t) => Ae(t.target.value)
-                          }
-                        ) })
-                      ]
-                    }
-                  ) }),
-                  /* @__PURE__ */ e(I, { size: 12, children: /* @__PURE__ */ p(
-                    Ve,
-                    {
-                      variant: "standard",
-                      className: "ml-3 mb-3 flex flex-row items-center align-items w-[90%]",
-                      children: [
-                        /* @__PURE__ */ e(v, { variant: "body2", children: "Attendance Required? :" }),
-                        /* @__PURE__ */ e(N, { className: "w-[60%] ms-3", children: /* @__PURE__ */ e(
-                          Ot,
-                          {
-                            checked: $.watch("isAttendanceRequired"),
-                            onChange: (t) => $.setValue("isAttendanceRequired", t.target.checked),
-                            sx: {
-                              "& .MuiSwitch-switchBase.Mui-checked": {
-                                color: "var(--color-text)",
-                                "&:hover": {
-                                  backgroundColor: "rgba(7, 49, 73, 0.08)"
-                                }
-                              },
-                              "& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track": {
-                                backgroundColor: "var(--color-tableHeader)",
-                                opacity: 0.7
-                              }
-                            }
-                          }
-                        ) })
-                      ]
-                    }
-                  ) })
-                ] })
-              ] }) }),
-              /* @__PURE__ */ e(I, { size: 12, children: /* @__PURE__ */ p(
-                xe,
-                {
-                  sx: {
-                    padding: "5px",
-                    margin: "2px 0px",
-                    height: "595px",
-                    transition: "height 0.3s ease-in-out"
-                  },
-                  children: [
-                    /* @__PURE__ */ e(v, { variant: "subtitle1", sx: { fontWeight: "bold", marginLeft: "5px", mb: 1 }, children: "Draggable Components" }),
-                    /* @__PURE__ */ p(I, { container: !0, spacing: 2, justifyContent: "space-around", sx: { p: 1 }, children: [
-                      /* @__PURE__ */ e(we, { id: "draggable-search", componentType: w.SEARCH_BAR, children: /* @__PURE__ */ e(I, { item: !0, xs: 6, sm: 4, size: 6, children: /* @__PURE__ */ p(
-                        N,
-                        {
-                          sx: {
-                            width: "100%",
-                            height: "50px",
-                            p: "8px 10px",
-                            backgroundColor: "var(--color-gray4)",
-                            border: "1px solid var(--color-gray3)",
-                            borderRadius: "8px",
-                            boxShadow: "0 1px 3px rgba(0, 0, 0, 0.1)",
-                            cursor: "grab",
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "flex-start",
-                            color: "var(--color-text)",
-                            transition: "all 0.2s ease-in-out",
-                            "&:hover": {
-                              backgroundColor: "#e0eaf1",
-                              borderColor: "var(--color-gray3)",
-                              boxShadow: "0 2px 5px rgba(0, 0, 0, 0.15)"
-                            }
-                          },
-                          children: [
-                            /* @__PURE__ */ e(
-                              X,
-                              {
-                                iconName: "faMagnifyingGlass",
-                                style: { fontSize: "1.2rem", marginRight: "8px" }
-                              }
-                            ),
-                            /* @__PURE__ */ e(v, { variant: "body2", sx: { fontWeight: "bold", lineHeight: 1 }, children: "Search Bar" })
-                          ]
-                        }
-                      ) }) }),
-                      /* @__PURE__ */ e(we, { id: "draggable-section", componentType: w.SECTION, children: /* @__PURE__ */ e(I, { item: !0, xs: 6, sm: 4, size: 6, children: /* @__PURE__ */ p(
-                        N,
-                        {
-                          sx: {
-                            width: "100%",
-                            height: "50px",
-                            p: "8px 10px",
-                            backgroundColor: "var(--color-gray4)",
-                            border: "1px solid var(--color-gray3)",
-                            borderRadius: "8px",
-                            boxShadow: "0 1px 3px rgba(0, 0, 0, 0.1)",
-                            cursor: "grab",
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "flex-start",
-                            color: "var(--color-text)",
-                            transition: "all 0.2s ease-in-out",
-                            "&:hover": {
-                              backgroundColor: "#c5e1ff",
-                              borderColor: "var(--color-tableHeader)",
-                              boxShadow: "0 2px 5px rgba(0, 0, 0, 0.15)"
-                            }
-                          },
-                          children: [
-                            /* @__PURE__ */ e(X, { iconName: "faBox", style: { fontSize: "1.2rem", marginRight: "8px" } }),
-                            /* @__PURE__ */ e(v, { variant: "body2", sx: { fontWeight: "bold", lineHeight: 1 }, children: "Section" })
-                          ]
-                        }
-                      ) }) })
-                    ] }),
-                    /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(Ht, { isDraggingSortable: rr }) }),
-                    /* @__PURE__ */ e(ot, { sx: { mt: 2 } }),
-                    /* @__PURE__ */ e(I, { size: 12, children: /* @__PURE__ */ p(
-                      N,
-                      {
-                        sx: {
-                          padding: "0px",
-                          margin: "10px 0px",
-                          height: "450px",
-                          overflowY: "auto",
-                          transition: "height 0.3s ease-in-out"
-                        },
-                        children: [
-                          /* @__PURE__ */ e(v, { variant: "subtitle1", sx: { fontWeight: "bold", marginLeft: "5px", mb: 1 }, children: "Available Features" }),
-                          /* @__PURE__ */ e(
-                            Qe,
-                            {
-                              fullWidth: !0,
-                              size: "small",
-                              placeholder: "Search Feature...",
-                              variant: "outlined",
-                              sx: { mb: 2, px: 1 },
-                              value: Le,
-                              onChange: (t) => Lt(t.target.value),
-                              InputProps: {
-                                startAdornment: /* @__PURE__ */ e(ur, { position: "start", children: /* @__PURE__ */ e(X, { iconName: "faMagnifyingGlass" }) })
-                              }
-                            }
-                          ),
-                          /* @__PURE__ */ e(
-                            N,
-                            {
-                              sx: {
-                                flexGrow: 1,
-                                overflowY: "auto",
-                                padding: "0 8px"
-                              },
-                              children: /* @__PURE__ */ p(I, { container: !0, direction: "column", spacing: 0, sx: { px: 1 }, children: [
-                                Ne.length > 0 && /* @__PURE__ */ e(
-                                  I,
-                                  {
-                                    item: !0,
-                                    xs: 12,
-                                    sx: {
-                                      mb: 1
-                                    },
-                                    children: /* @__PURE__ */ p(
-                                      Ye,
-                                      {
-                                        sx: {
-                                          "&:before": { display: "none" },
-                                          boxShadow: "0 2px 4px rgba(0,0,0,0.05)",
-                                          border: "1px solid #c5e1ff",
-                                          borderRadius: "4px!important",
-                                          backgroundColor: "var(--color-background2)"
-                                        },
-                                        expanded: ae,
-                                        onChange: () => ue((t) => !t),
-                                        disableGutters: !0,
-                                        children: [
-                                          /* @__PURE__ */ e(
-                                            Je,
-                                            {
-                                              expandIcon: /* @__PURE__ */ e(X, { iconName: "faChevronDown", style: { color: "#3f51b5" } }),
-                                              sx: {
-                                                minHeight: "40px",
-                                                backgroundColor: "#e3f2fd",
-                                                "&:hover": { backgroundColor: "#c5e3f8" },
-                                                "& .MuiAccordionSummary-content": { margin: "0" },
-                                                p: "0 10px"
-                                              },
-                                              children: /* @__PURE__ */ p(v, { variant: "subtitle2", sx: { fontWeight: "bold", color: "#3f51b5" }, children: [
-                                                /* @__PURE__ */ e(X, { iconName: "faLayerGroup", style: { marginRight: "6px" } }),
-                                                "Menu Groups (",
-                                                Ne.length,
-                                                ")"
-                                              ] })
-                                            }
-                                          ),
-                                          /* @__PURE__ */ e(Xe, { sx: { p: "8px", pt: 1, backgroundColor: "var(--color-gray4)" }, children: /* @__PURE__ */ e(I, { container: !0, spacing: 0.5, direction: "column", children: Ne.map((t) => /* @__PURE__ */ e(
-                                            tt,
-                                            {
-                                              item: t,
-                                              COMPONENT_TYPES: w,
-                                              activeGroupId: jt,
-                                              onGroupToggle: qt
-                                            },
-                                            t.uuid
-                                          )) }) })
-                                        ]
-                                      }
-                                    )
-                                  }
-                                ),
-                                Me.length > 0 && /* @__PURE__ */ e(I, { item: !0, xs: 12, children: /* @__PURE__ */ p(
-                                  Ye,
-                                  {
-                                    sx: {
-                                      mt: 0.5,
-                                      "&:before": { display: "none" },
-                                      boxShadow: "0 2px 4px rgba(0,0,0,0.05)",
-                                      border: "1px solid #c8e6c9",
-                                      mb: 1,
-                                      borderRadius: "4px!important",
-                                      backgroundColor: "var(--color-background2)"
-                                    },
-                                    expanded: A,
-                                    onChange: () => j((t) => !t),
-                                    disableGutters: !0,
-                                    children: [
-                                      /* @__PURE__ */ e(
-                                        Je,
-                                        {
-                                          expandIcon: /* @__PURE__ */ e(X, { iconName: "faChevronDown", style: { color: "#009688" } }),
-                                          sx: {
-                                            minHeight: "40px",
-                                            backgroundColor: "#e8f5e9",
-                                            "&:hover": { backgroundColor: "#cbe6cc" },
-                                            "& .MuiAccordionSummary-content": { margin: "0" },
-                                            p: "0 10px"
-                                          },
-                                          children: /* @__PURE__ */ p(v, { variant: "subtitle2", sx: { fontWeight: "bold", color: "#009688" }, children: [
-                                            /* @__PURE__ */ e(X, { iconName: "faPuzzlePiece", style: { marginRight: "6px" } }),
-                                            "Standalone Features (",
-                                            Me.length,
-                                            ")"
-                                          ] })
-                                        }
-                                      ),
-                                      /* @__PURE__ */ e(Xe, { sx: { p: "8px", pt: 1, backgroundColor: "var(--color-background2)" }, children: /* @__PURE__ */ e(I, { container: !0, spacing: 0.5, direction: "column", children: Me.map((t) => /* @__PURE__ */ e(
-                                        tt,
-                                        {
-                                          item: t,
-                                          COMPONENT_TYPES: w
-                                        },
-                                        t.uuid
-                                      )) }) })
-                                    ]
-                                  }
-                                ) }),
-                                Ne.length === 0 && Me.length === 0 && /* @__PURE__ */ e(v, { variant: "body2", sx: { p: 2, color: "var(--color-gray1)", textAlign: "center" }, children: "No groups or features match your search criteria." })
-                              ] })
-                            }
-                          )
-                        ]
-                      }
-                    ) })
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ e(I, { size: 12, sx: { mt: 1 }, children: /* @__PURE__ */ e(
-                zt,
-                {
-                  activeComponent: er,
-                  onUpdate: Vt,
-                  onDeselect: () => ut(null),
-                  mobileQueries: ee
-                }
-              ) })
-            ] })
-          ] }),
-          /* @__PURE__ */ e(ir, { children: tr(he) })
-        ]
-      }
-    ) }) }),
-    /* @__PURE__ */ e(
-      Fr,
-      {
-        open: be,
-        handleClose: () => {
-          P(!1);
-        },
-        handleClick: () => {
-          b("/ui/medplat/admin/mobileMenuManagement");
-        },
-        title: "Leave Page",
-        description: "Changes you made will be discarded. Do you want to continue?",
-        dataTestId: "delete-auth-confirmation"
-      }
-    )
-  ] });
-}
-function we({ id: o, children: c, componentType: d, dragData: b = null }) {
-  const { attributes: E, listeners: u, setNodeRef: y, transform: R } = Mt({
-    id: o,
-    data: { type: d, ...b && { data: b } }
-  }), F = R ? {
-    transform: `translate3d(${R.x}px, ${R.y}px, 0)`,
-    zIndex: 1e3,
-    opacity: 0.9
-  } : void 0;
-  return K.cloneElement(c, {
-    ref: y,
-    style: { ...c.props.style, ...F },
-    ...u,
-    ...E
-  });
-}
-h.node, h.number.isRequired, h.number.isRequired;
-const Ht = ({ isDraggingSortable: o }) => {
-  const { setNodeRef: c, isOver: d } = rt({
-    id: "trash-zone"
-  });
-  return o ? /* @__PURE__ */ p(
-    N,
-    {
-      ref: c,
-      sx: {
-        position: "fixed",
-        bottom: 20,
-        left: "50%",
-        transform: "translateX(-50%)",
-        width: 250,
-        height: 50,
-        p: 2,
-        borderRadius: "8px",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        backgroundColor: d ? "#d32f2f" : "#ef5350",
-        color: "white",
-        zIndex: 3e3,
-        transition: "background-color 0.2s"
-      },
-      children: [
-        /* @__PURE__ */ e(z, { icon: Tr, style: { marginRight: "10px" } }),
-        /* @__PURE__ */ e(v, { variant: "body1", children: d ? "Release to Delete" : "Drag Here to Delete" })
-      ]
-    }
-  ) : null;
-};
-Ht.propTypes = {
-  isDraggingSortable: h.any
-};
-const zt = ({ activeComponent: o, onUpdate: c, onDeselect: d, mobileQueries: b }) => {
-  if (!o)
-    return /* @__PURE__ */ p(
-      xe,
-      {
-        sx: {
-          p: 1,
-          backgroundColor: "var(--color-gray4)",
-          textAlign: "center"
-        },
-        children: [
-          /* @__PURE__ */ e(v, { variant: "subtitle1", sx: { fontWeight: "bold", mb: 1, color: "var(--color-text)" }, children: "Component Configuration" }),
-          /* @__PURE__ */ e(ot, { sx: { mb: 1 } }),
-          /* @__PURE__ */ p(v, { variant: "body1", children: [
-            "To add or edit ",
-            /* @__PURE__ */ e("b", { children: "Section Title" }),
-            " or ",
-            /* @__PURE__ */ e("b", { children: "Search Bar Query Name" }),
-            ":"
-          ] }),
-          /* @__PURE__ */ p(N, { sx: { display: "flex", alignItems: "center", justifyContent: "center", mb: 1 }, children: [
-            /* @__PURE__ */ e(v, { variant: "body1", color: "primary", children: "Right-Click" }),
-            /* @__PURE__ */ e(v, { variant: "body1", sx: { ml: 1 }, children: "on the selected component card" })
-          ] }),
-          /* @__PURE__ */ e(v, { variant: "caption", color: "textSecondary", children: "This will open the menu to access the **Configuration Panel**." })
-        ]
-      }
-    );
-  if (o.type === "SEARCH_BAR") {
-    const E = b.map((u) => u.code);
-    if (o.type === "SEARCH_BAR")
-      return /* @__PURE__ */ p(xe, { sx: { p: 2, height: "100%" }, children: [
-        /* @__PURE__ */ e(v, { variant: "h6", sx: { mb: 2 }, children: "Search Bar Configuration" }),
-        /* @__PURE__ */ e(
-          mr,
-          {
-            disablePortal: !0,
-            id: "query-name-autocomplete",
-            options: E,
-            size: "small",
-            fullWidth: !0,
-            sx: { mb: 2 },
-            value: o.queryName || null,
-            onChange: (u, y) => {
-              c(o.id, "queryName", y || "");
-            },
-            renderInput: (u) => /* @__PURE__ */ e(Qe, { ...u, label: "Query Code", variant: "outlined", placeholder: "Select or search query code" })
-          }
-        ),
-        /* @__PURE__ */ e(Ge, { onClick: d, variant: "outlined", color: "gray", children: "Close" })
-      ] });
-  }
-  return o.type === "SECTION" ? /* @__PURE__ */ p(xe, { sx: { p: 2, height: "100%" }, children: [
-    /* @__PURE__ */ e(v, { variant: "h6", sx: { mb: 2 }, children: "Section Configuration" }),
-    /* @__PURE__ */ e(
-      Qe,
-      {
-        label: "Section Title",
-        variant: "outlined",
-        fullWidth: !0,
-        value: o.title || "",
-        onChange: (E) => c(o.id, "title", E.target.value),
-        sx: { mb: 2 }
-      }
-    ),
-    /* @__PURE__ */ e(Ge, { onClick: d, variant: "outlined", color: "gray", children: "Close" })
-  ] }) : null;
-};
-zt.propTypes = {
-  activeComponent: h.any,
-  onUpdate: h.any,
-  onDeselect: h.any,
-  mobileQueries: h.any
-};
-function st({ svg: o }) {
-  const [c, d] = _("");
-  return Ke(() => {
-    if (o) {
-      const u = new DOMParser().parseFromString(o, "image/svg+xml").documentElement;
-      if (!u.getAttribute("viewBox")) {
-        const F = u.getAttribute("width") || "512", Q = u.getAttribute("height") || "512";
-        u.setAttribute("viewBox", `0 0 ${F} ${Q}`);
-      }
-      u.removeAttribute("width"), u.removeAttribute("height"), u.setAttribute("style", "width: 100%; height: 100%;");
-      const R = new XMLSerializer().serializeToString(u);
-      d(R);
-    }
-  }, [o]), /* @__PURE__ */ e(
-    pr,
-    {
-      size: 2,
-      sx: {
-        alignItems: "center",
-        alignSelf: "center",
-        height: "40px",
-        width: "40px",
-        display: "flex",
-        justifyContent: "center",
-        textAlign: "center",
-        backgroundColor: "",
-        borderRadius: "3%",
-        transition: "background-color 0.3s ease",
-        "&:hover": {
-          backgroundColor: "var(--color-gray3)",
-          cursor: "pointer"
-        },
-        overflow: "hidden"
-      },
-      children: /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: c } })
-    }
-  );
-}
-st.propTypes = {
-  svg: h.string.isRequired
-};
-const Ee = (o, c = "36px") => {
-  let d = null;
-  if (typeof o == "object" && o !== null ? o.type === "svg" && typeof o.content == "string" ? d = o.content : typeof o.svg == "string" && (d = o.svg) : typeof o == "string" && (d = o), typeof d == "string" && d.includes("<svg")) {
-    const b = d.match(/<svg[\s\S]*<\/svg>/i);
-    b && (d = b[0]);
-  }
-  return d ? /* @__PURE__ */ e(
-    N,
-    {
-      sx: {
-        height: c,
-        width: c,
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center"
-      },
-      children: /* @__PURE__ */ e(st, { svg: d })
-    }
-  ) : /* @__PURE__ */ e(
-    N,
-    {
-      sx: {
-        fontSize: "1.2rem",
-        color: "var(--color-gray3)",
-        border: "1px solid",
-        borderRadius: "50%",
-        height: "36px",
-        width: "36px",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        marginBottom: "4px"
-      },
-      children: "?"
-    }
-  );
-}, et = ({ feature: o, isGroupMember: c = !1 }) => /* @__PURE__ */ p(
-  N,
-  {
-    sx: {
-      width: "fit-content",
-      p: "10px",
-      pl: c ? "20px" : "10px",
-      backgroundColor: "var(--color-background2)",
-      border: "1px solid var(--color-gray3)",
-      borderRadius: "4px",
-      boxShadow: "0 1px 2px rgba(0, 0, 0, 0.05)",
-      cursor: "grab",
-      display: "flex",
-      alignItems: "center",
-      transition: "all 0.1s",
-      mt: "4px",
-      "&:hover": {
-        backgroundColor: "var(--color-gray4)",
-        borderColor: "var(--color-gray3)"
-      }
-    },
-    children: [
-      ((b, E) => {
-        const u = Ee(o.icon, "18px");
-        return u && u.type === N ? K.cloneElement(u, {
-          sx: {
-            ...u.props.sx,
-            height: "18px",
-            width: "18px",
-            marginRight: "8px"
-          }
-        }) : /* @__PURE__ */ e(N, { sx: { mr: "8px", display: "flex", alignItems: "center" }, children: Ee(b, E) });
-      })(o.icon, "18px"),
-      /* @__PURE__ */ e(v, { variant: "body2", sx: { fontWeight: "normal", color: "#333" }, children: o == null ? void 0 : o.name })
-    ]
-  }
-);
-et.propTypes = {
-  feature: h.any,
-  isGroupMember: h.any
-};
-const tt = ({ item: o, COMPONENT_TYPES: c, activeGroupId: d, onGroupToggle: b }) => {
-  const E = d === o.uuid, u = (y) => {
-    y.stopPropagation();
-  };
-  return o.type !== "GROUP" ? /* @__PURE__ */ e(we, { id: o.uuid, componentType: c.FEATURE, dragData: o, children: /* @__PURE__ */ e(I, { item: !0, xs: 12, children: /* @__PURE__ */ e(et, { feature: o }) }, o.id) }, o.uuid) : /* @__PURE__ */ p(
-    Ye,
-    {
-      sx: {
-        m: 0,
-        "&:before": { display: "none" },
-        boxShadow: "none",
-        border: "1px solid var(--color-gray3)",
-        mb: 1,
-        borderRadius: "4px!important"
-      },
-      expanded: E,
-      onChange: () => b(o.uuid),
-      disableGutters: !0,
-      children: [
-        /* @__PURE__ */ e(
-          Je,
-          {
-            expandIcon: /* @__PURE__ */ e(N, { sx: { p: 1 }, onMouseDown: u, onTouchStart: u, children: /* @__PURE__ */ e(
-              X,
-              {
-                iconName: "faChevronDown",
-                style: {
-                  fontSize: "1rem",
-                  color: "var(--color-text)",
-                  transform: E ? "rotate(360deg)" : "rotate(0deg)",
-                  transition: "transform 0.2s"
-                }
-              }
-            ) }),
-            sx: {
-              minHeight: "15px",
-              backgroundColor: "#e3f2fd",
-              borderBottom: "1px solid #bbdefb",
-              cursor: "grab",
-              "&:hover": { backgroundColor: "#c5e3f8" },
-              "& .MuiAccordionSummary-content": { margin: "0" },
-              p: "0 10px"
-            },
-            children: /* @__PURE__ */ p(N, { sx: { display: "flex", alignItems: "center", width: "100%" }, children: [
-              /* @__PURE__ */ e(
-                we,
-                {
-                  id: o.uuid,
-                  componentType: c.GROUP,
-                  dragData: o,
-                  children: /* @__PURE__ */ e(
-                    N,
-                    {
-                      component: "span",
-                      sx: { cursor: "grab", mr: 1, px: 0.5, "&:hover": { color: "#007bff" } },
-                      onClick: (y) => y.stopPropagation(),
-                      onMouseDown: (y) => y.stopPropagation(),
-                      onTouchStart: (y) => y.stopPropagation(),
-                      children: /* @__PURE__ */ e(X, { iconName: "faBars", style: { fontSize: "0.8rem", color: "var(--color-text)" } })
-                    }
-                  )
-                },
-                `drag-handle-${o.uuid}`
-              ),
-              /* @__PURE__ */ p(v, { variant: "subtitle2", sx: { fontWeight: "bold", color: "var(--color-text)", flexGrow: 1 }, children: [
-                o.name,
-                " (",
-                o.menus.length,
-                ")"
-              ] })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ e(Xe, { sx: { p: "8px", pt: 1, backgroundColor: "var(--color-gray4)" }, children: /* @__PURE__ */ e(I, { container: !0, spacing: 0.5, children: o.menus.map((y) => /* @__PURE__ */ e(
-          we,
-          {
-            id: y.uuid,
-            componentType: c.FEATURE,
-            dragData: y,
-            children: /* @__PURE__ */ e(I, { item: !0, xs: 12, children: /* @__PURE__ */ e(et, { feature: y, isGroupMember: !0 }) }, y.id)
-          },
-          y.uuid
-        )) }) })
-      ]
-    },
-    o.uuid
-  );
-};
-tt.propTypes = {
-  item: h.any,
-  COMPONENT_TYPES: h.any,
-  activeGroupId: h.any,
-  onGroupToggle: h.any
-};
-export {
-  cn as default
-};
-//# sourceMappingURL=AddMenuConfiguration-DsnY0Rws.js.map