unifyedx-storybook-new 0.2.12 → 0.2.14

package/dist/unifyedx-storybook-new.es.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as e, Fragment as ee } from "react/jsx-runtime";
-import ae, { useState as O, useMemo as ce, useId as ea, Fragment as Q, useEffect as X, useCallback as K, useRef as ue } from "react";
-import { a as J, U as ut, X as ye, P as _, L as mt, C as je, b as Ge, f as Ve, d as va, D as Na, F as ht, e as pt, h as gt, T as Ue, u as yt, i as ft, I as bt, j as vt, k as Nt, l as xt, m as kt, n as wt, S as xa, o as ka, M as Ct, p as St, q as wa, r as Dt, A as $t, E as Ft, s as Tt, t as At, v as Et, w as Rt, x as Ca, y as It, z as Sa, B as Da, G as zt, H as Pt, J as Bt, K as qe, N as aa, O as ta, Q as Lt, R as Ot, V as $a, W as Mt, Y as sa, Z as Vt, _ as Ut, $ as Fa, a0 as qt, a1 as jt, a2 as Gt, a3 as _t, a4 as Wt, a5 as Yt, a6 as Jt, a7 as Qt, a8 as Xt, a9 as Zt, aa as Ht, ab as Kt, ac as er, ad as ar, ae as tr } from "./vendor-zgKTz69B.js";
+import ae, { useState as B, useMemo as ce, useId as ea, Fragment as Q, useEffect as X, useCallback as K, useRef as ue } from "react";
+import { a as J, U as ut, X as ye, P as _, L as mt, C as je, b as Ge, f as Ue, d as va, D as Na, F as ht, e as pt, h as gt, T as Ve, u as yt, i as ft, I as bt, j as vt, k as Nt, l as xt, m as kt, n as wt, S as xa, o as ka, M as Ct, p as St, q as wa, r as Dt, A as $t, E as Ft, s as Tt, t as At, v as Et, w as Rt, x as Ca, y as It, z as Sa, B as Da, G as zt, H as Pt, J as Bt, K as qe, N as aa, O as ta, Q as Lt, R as Ot, V as $a, W as Mt, Y as sa, Z as Ut, _ as Vt, $ as Fa, a0 as qt, a1 as jt, a2 as Gt, a3 as _t, a4 as Wt, a5 as Yt, a6 as Jt, a7 as Qt, a8 as Xt, a9 as Zt, aa as Ht, ab as Kt, ac as er, ad as ar, ae as tr } from "./vendor-zgKTz69B.js";
 import { Popover as rr, PopoverButton as nr, PopoverPanel as sr, Transition as oe, Dialog as me, TransitionChild as ge, DialogPanel as Se, DialogTitle as _e, TabGroup as lr, TabList as or, Tab as re, TabPanels as ir, RadioGroup as ze, Listbox as Z, ListboxButton as cr, ListboxOptions as dr, ListboxOption as ur, SwitchGroup as mr, Switch as Ze, Menu as hr, MenuButton as pr, Portal as gr, MenuItems as yr, MenuItem as fr, DialogBackdrop as br } from "@headlessui/react";
 import { motion as ne, AnimatePresence as be } from "framer-motion";
 import { d as vr } from "./vendor-lodash-BD0xlZyL.js";
@@ -8,14 +8,14 @@ import { useFloating as Ta, offset as Aa, flip as Ea, shift as Ra, autoUpdate as
 import He, { debounce as Cr } from "lodash";
 import { toast as le, ToastContainer as Sr, Slide as Dr } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
-import { P as $r, S as Fr, F as Tr, G as Ar, a as Er, E as Rr, b as Ir, C as zr, R as Pr, c as Br, d as Lr, e as Or, f as Mr, I as Vr, g as ia } from "./vendor-syncfusion-DGcZfoFG.js";
-const Ur = (t) => {
+import { P as $r, S as Fr, F as Tr, G as Ar, a as Er, E as Rr, b as Ir, C as zr, R as Pr, c as Br, d as Lr, e as Or, f as Mr, I as Ur, g as ia } from "./vendor-syncfusion-DGcZfoFG.js";
+const Vr = (t) => {
   let r = 2166136261;
   for (let s = 0; s < t.length; s++)
     r ^= t.charCodeAt(s), r += (r << 1) + (r << 4) + (r << 7) + (r << 8) + (r << 24);
   return r >>> 0;
 }, qr = (t) => {
-  const r = (t ?? "").trim().toLowerCase(), s = parseInt((r.match(/\d+$/) ?? [0])[0], 10) || 0, o = Ur(r), n = (o % 360 + 37 * s) % 360, u = 55 + (o >>> 8) % 20, i = 30 + (o >>> 16) % 10, d = 86 + (o >>> 24) % 8, y = `hsl(${n}, ${u}%, ${d}%)`, b = `hsl(${n}, ${u}%, ${i}%)`;
+  const r = (t ?? "").trim().toLowerCase(), s = parseInt((r.match(/\d+$/) ?? [0])[0], 10) || 0, o = Vr(r), n = (o % 360 + 37 * s) % 360, u = 55 + (o >>> 8) % 20, i = 30 + (o >>> 16) % 10, d = 86 + (o >>> 24) % 8, y = `hsl(${n}, ${u}%, ${d}%)`, b = `hsl(${n}, ${u}%, ${i}%)`;
   return { bg: y, text: b };
 }, jr = (t = "") => t.split(" ").map((r) => r[0]).slice(0, 2).join("").toUpperCase(), za = ({
   src: t,
@@ -29,7 +29,7 @@ const Ur = (t) => {
   className: u,
   ...i
 }) => {
-  const [d, y] = O(!1), b = ce(() => qr(r), []), N = t && !d, a = !N && r, k = !N && !r, m = J(
+  const [d, y] = B(!1), b = ce(() => qr(r), []), N = t && !d, a = !N && r, k = !N && !r, m = J(
     "avatar-container",
     `avatar--size-${s}`,
     u
@@ -276,10 +276,10 @@ const _r = {
               "datepicker-trigger--disabled": i
             }),
             disabled: i,
-            "aria-label": t ? `Selected date is ${Ve(t, "PPP")}` : o,
+            "aria-label": t ? `Selected date is ${Ue(t, "PPP")}` : o,
             children: [
               /* @__PURE__ */ e(va, { className: "datepicker-icon" }),
-              t ? /* @__PURE__ */ e("span", { className: "datepicker-value", children: Ve(t, "PPP") }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o })
+              t ? /* @__PURE__ */ e("span", { className: "datepicker-value", children: Ue(t, "PPP") }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o })
             ]
           }
         ),
@@ -322,9 +322,9 @@ const _r = {
   const b = t?.from, N = t?.to, a = (m) => {
     m.stopPropagation(), m.preventDefault(), s?.();
   }, k = b && N ? /* @__PURE__ */ l(ee, { children: [
-    Ve(b, "MMM d, y"),
+    Ue(b, "MMM d, y"),
     " - ",
-    Ve(N, "MMM d, y")
+    Ue(N, "MMM d, y")
   ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o });
   return /* @__PURE__ */ l("div", { className: J("datepicker-wrapper", d), children: [
     n && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "daterangepicker-input", children: n }),
@@ -714,7 +714,7 @@ const _r = {
                       $ && /* @__PURE__ */ l("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ l("ul", { className: "file-list", children: [
-                          i.map((L, E) => /* @__PURE__ */ l(
+                          i.map((L, O) => /* @__PURE__ */ l(
                             "li",
                             {
                               className: "file-item",
@@ -735,16 +735,16 @@ const _r = {
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => y(E),
+                                    onClick: () => y(O),
                                     className: "remove-file-button",
-                                    children: /* @__PURE__ */ e(Ue, { size: 16 })
+                                    children: /* @__PURE__ */ e(Ve, { size: 16 })
                                   }
                                 )
                               ]
                             },
-                            `${L.name}-${E}`
+                            `${L.name}-${O}`
                           )),
-                          d.map(({ file: L, message: E }, C) => /* @__PURE__ */ l(
+                          d.map(({ file: L, message: O }, C) => /* @__PURE__ */ l(
                             "li",
                             {
                               className: "file-item file-item--rejected",
@@ -759,7 +759,7 @@ const _r = {
                                   /* @__PURE__ */ l("div", { children: [
                                     /* @__PURE__ */ e("p", { className: "file-item-name", children: L.name }),
                                     /* @__PURE__ */ e("p", { className: "file-item-size", children: ua(L.size) }),
-                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: E })
+                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: O })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
@@ -768,7 +768,7 @@ const _r = {
                                     type: "button",
                                     onClick: () => b(C),
                                     className: "remove-file-button",
-                                    children: /* @__PURE__ */ e(Ue, { size: 16 })
+                                    children: /* @__PURE__ */ e(Ve, { size: 16 })
                                   }
                                 )
                               ]
@@ -817,63 +817,63 @@ const _r = {
   fetchCreatedOrUpdatedByUsers: i = async () => []
   // Mockable fetcher
 }) => {
-  const [d, y] = O({
+  const [d, y] = B({
     createdBy: [],
     updatedBy: []
-  }), [b, N] = O({
+  }), [b, N] = B({
     createdBy: !1,
     updatedBy: !1
   }), a = yt({
     initialValues: JSON.parse(JSON.stringify(u)),
     // Deep copy
     onSubmit: (C) => {
-      const I = {};
-      Object.keys(C).forEach((P) => {
-        I[P] = {
-          operator: C[P].operator || "in",
-          values: Array.isArray(C[P].values) ? C[P].values : [],
-          range: C[P].range || null
+      const T = {};
+      Object.keys(C).forEach((E) => {
+        T[E] = {
+          operator: C[E].operator || "in",
+          values: Array.isArray(C[E].values) ? C[E].values : [],
+          range: C[E].range || null
         };
-      }), console.log("[storybook filter] Applied Filters:", I), typeof s == "function" && s({
-        filters: I,
+      }), console.log("[storybook filter] Applied Filters:", T), typeof s == "function" && s({
+        filters: T,
         activeCount: m
       }), r();
     },
     enableReinitialize: !0
-  }), k = ce(() => n.reduce((C, I) => {
-    const P = I.key, A = a.values[P];
-    let U = !1;
-    if (A)
-      switch (I.type) {
+  }), k = ce(() => n.reduce((C, T) => {
+    const E = T.key, R = a.values[E];
+    let V = !1;
+    if (R)
+      switch (T.type) {
         case "multiselect":
         case "multiselect-users":
-          U = Array.isArray(A.values) && A.values.length > 0;
+          V = Array.isArray(R.values) && R.values.length > 0;
           break;
         case "date":
-          (A.range && A.range !== "" || Array.isArray(A.values) && A.values.length > 0) && (U = !0);
+          (R.range && R.range !== "" || Array.isArray(R.values) && R.values.length > 0) && (V = !0);
           break;
       }
-    return C[P] = U, C;
-  }, {}), [n, a.values]), m = Object.values(k).filter(Boolean).length, g = async (C, I) => {
+    return C[E] = V, C;
+  }, {}), [n, a.values]), m = Object.values(k).filter(Boolean).length, g = async (C, T) => {
     try {
-      N((A) => ({ ...A, [C]: !0 }));
-      const P = await i(C, I);
-      y((A) => ({ ...A, [C]: P }));
-    } catch (P) {
-      console.error(`Error fetching ${C} users:`, P);
+      N((R) => ({ ...R, [C]: !0 }));
+      const E = await i(C, T);
+      y((R) => ({ ...R, [C]: E }));
+    } catch (E) {
+      console.error(`Error fetching ${C} users:`, E);
     } finally {
-      N((P) => ({ ...P, [C]: !1 }));
+      N((E) => ({ ...E, [C]: !1 }));
     }
   }, $ = (C) => {
-    const I = n[C].key, P = n[C].url;
-    n[C].type === "multiselect-users" && d[I].length === 0 && !b[I] && g(I, P);
+    const T = n[C].key, E = n[C].url;
+    n[C].type === "multiselect-users" && d[T].length === 0 && !b[T] && g(T, E);
   }, L = () => {
     a.resetForm(), y({ createdBy: [], updatedBy: [] }), o();
-  }, E = (C) => {
-    const I = n.find((U) => U.key === C);
-    if (!I) return null;
-    const P = a.values[C] || u[C], A = Array.isArray(P.values) ? P.values : [];
-    switch (I.type) {
+  }, O = (C) => {
+    const T = n.find((V) => V.key === C);
+    if (!T) return null;
+    const E = a.values[C] || u[C], R = Array.isArray(E.values) ? E.values : [];
+    switch (T.type) {
       case "multiselect":
         return /* @__PURE__ */ l("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ l("div", { className: "filter-operator-group", children: [
@@ -881,10 +881,10 @@ const _r = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: P.operator || "in",
+                value: E.operator || "in",
                 onChange: (c) => a.setFieldValue(`${C}.operator`, c.target.value),
                 className: "filter-select",
-                children: I.operators.map((c) => /* @__PURE__ */ e("option", { value: c, children: c === "in" ? "Includes" : "Excludes" }, c))
+                children: T.operators.map((c) => /* @__PURE__ */ e("option", { value: c, children: c === "in" ? "Includes" : "Excludes" }, c))
               }
             )
           ] }),
@@ -896,9 +896,9 @@ const _r = {
                   type: "checkbox",
                   id: `select-all-${C}`,
                   className: "filter-checkbox-input",
-                  checked: I.options.length > 0 && A.length === I.options.length,
+                  checked: T.options.length > 0 && R.length === T.options.length,
                   onChange: (c) => {
-                    const h = c.target.checked ? I.options.map((x) => x.value) : [];
+                    const h = c.target.checked ? T.options.map((x) => x.value) : [];
                     a.setFieldValue(`${C}.values`, h);
                   }
                 }
@@ -912,16 +912,16 @@ const _r = {
                 }
               )
             ] }),
-            I.options.map((c) => /* @__PURE__ */ l("div", { className: "filter-checkbox-item", children: [
+            T.options.map((c) => /* @__PURE__ */ l("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
                   id: `${C}-${c.value}`,
                   className: "filter-checkbox-input",
-                  checked: A.includes(c.value),
+                  checked: R.includes(c.value),
                   onChange: (h) => {
-                    const x = h.target.checked ? [...A, c.value] : A.filter((F) => F !== c.value);
+                    const x = h.target.checked ? [...R, c.value] : R.filter((F) => F !== c.value);
                     a.setFieldValue(`${C}.values`, x);
                   }
                 }
@@ -938,21 +938,21 @@ const _r = {
           ] })
         ] });
       case "multiselect-users":
-        const U = d[C] || [], q = b[C];
+        const V = d[C] || [], q = b[C];
         return /* @__PURE__ */ l("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ l("div", { className: "filter-operator-group", children: [
             /* @__PURE__ */ e("label", { className: "filter-label", children: "Operator:" }),
             /* @__PURE__ */ e(
               "select",
               {
-                value: P.operator || "in",
+                value: E.operator || "in",
                 onChange: (c) => a.setFieldValue(`${C}.operator`, c.target.value),
                 className: "filter-select",
-                children: I.operators.map((c) => /* @__PURE__ */ e("option", { value: c, children: c === "in" ? "Includes" : "Excludes" }, c))
+                children: T.operators.map((c) => /* @__PURE__ */ e("option", { value: c, children: c === "in" ? "Includes" : "Excludes" }, c))
               }
             )
           ] }),
-          q ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: U.length > 0 ? /* @__PURE__ */ l(ee, { children: [
+          q ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: V.length > 0 ? /* @__PURE__ */ l(ee, { children: [
             /* @__PURE__ */ l("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
@@ -960,9 +960,9 @@ const _r = {
                   type: "checkbox",
                   id: `select-all-users-${C}`,
                   className: "filter-checkbox-input",
-                  checked: U.length > 0 && A.length === U.length,
+                  checked: V.length > 0 && R.length === V.length,
                   onChange: (c) => {
-                    const h = c.target.checked ? U.map((x) => x.email) : [];
+                    const h = c.target.checked ? V.map((x) => x.email) : [];
                     a.setFieldValue(
                       `${C}.values`,
                       h
@@ -979,16 +979,16 @@ const _r = {
                 }
               )
             ] }),
-            U.map((c) => /* @__PURE__ */ l("div", { className: "filter-checkbox-item createdby", children: [
+            V.map((c) => /* @__PURE__ */ l("div", { className: "filter-checkbox-item createdby", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
                   id: `${C}-${c.email}`,
                   className: "filter-checkbox-input",
-                  checked: A.includes(c.email),
+                  checked: R.includes(c.email),
                   onChange: (h) => {
-                    const x = h.target.checked ? [...A, c.email] : A.filter((F) => F !== c.email);
+                    const x = h.target.checked ? [...R, c.email] : R.filter((F) => F !== c.email);
                     a.setFieldValue(
                       `${C}.values`,
                       x
@@ -1011,7 +1011,7 @@ const _r = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const G = P.values || [], [v, p] = G, f = v && p, w = {
+        const G = E.values || [], [v, p] = G, f = v && p, w = {
           startDate: v instanceof Date ? v : /* @__PURE__ */ new Date(),
           // Fallback to today
           endDate: p instanceof Date ? p : /* @__PURE__ */ new Date(),
@@ -1024,10 +1024,10 @@ const _r = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: P.operator,
+                value: E.operator,
                 onChange: (c) => a.setFieldValue(`${C}.operator`, c.target.value),
                 className: "filter-select",
-                children: I.operators.map((c) => /* @__PURE__ */ e("option", { value: c, children: c === "in" ? "Is" : "Is not" }, c))
+                children: T.operators.map((c) => /* @__PURE__ */ e("option", { value: c, children: c === "in" ? "Is" : "Is not" }, c))
               }
             ),
             f && /* @__PURE__ */ e(
@@ -1140,7 +1140,7 @@ const _r = {
                           animate: { opacity: 1, x: 0 },
                           transition: { duration: 0.3 },
                           className: "h-full",
-                          children: E(C.key)
+                          children: O(C.key)
                         },
                         C.key
                       )
@@ -1213,7 +1213,7 @@ const _r = {
   ] });
 }, ma = {
   delete: {
-    icon: Ue,
+    icon: Ve,
     iconClass: "icon--delete",
     primaryButtonCategory: "danger"
     // Assuming you add a 'danger' category to your Button
@@ -1313,7 +1313,7 @@ const _r = {
   onItemsPerPageChange: n,
   itemsPerPageOptions: u = [10, 15, 20]
 }) => {
-  const i = Math.ceil(r / s), [d, y] = O(t);
+  const i = Math.ceil(r / s), [d, y] = B(t);
   X(() => {
     y(t);
   }, [t]);
@@ -1401,7 +1401,7 @@ const _r = {
       )
     ] })
   ] });
-}, Va = ({
+}, Ua = ({
   label: t,
   value: r,
   // The currently selected option's value (e.g., 'work')
@@ -1457,7 +1457,7 @@ const _r = {
   customClass: u = "",
   ...i
 }) => {
-  const [d, y] = O(t);
+  const [d, y] = B(t);
   X(() => {
     y(t);
   }, [t]);
@@ -1504,7 +1504,7 @@ const _r = {
   // From RHF's <Controller>
   showSearch: y = !0
 }) => {
-  const [b, N] = O(""), a = b === "" ? o : o.filter(
+  const [b, N] = B(""), a = b === "" ? o : o.filter(
     (m) => m.label.toLowerCase().includes(b.toLowerCase())
   ), k = o.find((m) => r?.id ? m.id === r.id : m.id === r || m.value === r);
   return /* @__PURE__ */ e(Z, { value: r, onChange: s, disabled: u, children: /* @__PURE__ */ l("div", { className: "select-wrapper", ref: d, children: [
@@ -1571,7 +1571,7 @@ const _r = {
     i && /* @__PURE__ */ e("p", { className: "select-error-message", children: i })
   ] }) });
 }, Hr = () => {
-  const [t, r] = O(window.location.pathname);
+  const [t, r] = B(window.location.pathname);
   return X(() => {
     const s = () => {
       r(window.location.pathname);
@@ -1585,8 +1585,8 @@ const _r = {
     if ((s.href || s.url || s.path) === r || s.children && na(s.children, r))
       return s;
   return null;
-}, Ua = ({ item: t, isCollapsed: r, level: s = 0 }) => {
-  const { pathname: o } = Hr(), n = t.href || t.url || t.path, [u, i] = O(!1), d = t.icon;
+}, Va = ({ item: t, isCollapsed: r, level: s = 0 }) => {
+  const { pathname: o } = Hr(), n = t.href || t.url || t.path, [u, i] = B(!1), d = t.icon;
   X(() => {
     na([t], o) && i(!0);
   }, [t, o]);
@@ -1644,7 +1644,7 @@ const _r = {
             }),
             "aria-hidden": !u || r,
             children: t.children.map((a) => /* @__PURE__ */ e(
-              Ua,
+              Va,
               {
                 item: a,
                 isCollapsed: r,
@@ -1708,7 +1708,7 @@ const _r = {
             }
           )
         ] }),
-        /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((y) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(Ua, { item: y, isCollapsed: r }) }, y.label || y.name)) }) }),
+        /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((y) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(Va, { item: y, isCollapsed: r }) }, y.label || y.name)) }) }),
         /* @__PURE__ */ l("div", { className: "sidebar-footer", children: [
           /* @__PURE__ */ e(za, { src: d.avatar, name: d.name, size: "medium" }),
           /* @__PURE__ */ l("div", { className: "user-info", children: [
@@ -1776,7 +1776,7 @@ const _r = {
   // ✅ New prop to control visibility
   ...d
 }) => {
-  const y = r || d.name, [b, N] = O(
+  const y = r || d.name, [b, N] = B(
     d.value?.length || d.defaultValue?.length || 0
   ), a = (m) => {
     N(m.target.value.length), d.onChange && d.onChange(m);
@@ -2425,7 +2425,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
     return pn(o);
   }
 }, oa = (t, r) => {
-  const [s, o] = O(t);
+  const [s, o] = B(t);
   return X(
     () => {
       const n = Cr(() => {
@@ -2497,16 +2497,16 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
   },
   isChanged: d = !1
 }) => {
-  const [y, b] = O(ga[0]), [N, a] = O(""), k = oa(N, 400), [m, g] = O([]), [$, L] = O(/* @__PURE__ */ new Set()), [E, C] = O(!1), [I, P] = O(ya[0]), {
-    control: A,
-    handleSubmit: U,
+  const [y, b] = B(ga[0]), [N, a] = B(""), k = oa(N, 400), [m, g] = B([]), [$, L] = B(/* @__PURE__ */ new Set()), [O, C] = B(!1), [T, E] = B(ya[0]), {
+    control: R,
+    handleSubmit: V,
     watch: q,
     formState: { errors: G, isSubmitting: v }
   } = zt({
     defaultValues: { pendingInvites: [] },
     resolver: Lt(yn)
   }), { fields: p, append: f, remove: w, update: c } = Pt({
-    control: A,
+    control: R,
     name: "pendingInvites"
   }), h = q("pendingInvites");
   X(() => {
@@ -2516,47 +2516,47 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
   }, [k, y]);
   const x = (D) => {
     L((z) => {
-      const V = new Set(z);
-      return V.has(D) ? V.delete(D) : V.add(D), V;
+      const U = new Set(z);
+      return U.has(D) ? U.delete(D) : U.add(D), U;
     });
   }, F = () => {
     m.filter((D) => $.has(D.id)).forEach((D) => {
-      p.find((z) => z.id === D.id) || f({ ...D, permission: I.name });
+      p.find((z) => z.id === D.id) || f({ ...D, permission: T.name });
     }), L(/* @__PURE__ */ new Set()), a("");
-  }, R = (D) => {
-    P(D), p.forEach(
-      (z, V) => c(V, { ...p[V], permission: D.name })
+  }, I = (D) => {
+    E(D), p.forEach(
+      (z, U) => c(U, { ...p[U], permission: D.name })
     );
   }, j = async (D) => {
     try {
       if (n === se.DRIVE) {
         const z = {
           entity: t,
-          userGroupRolesObj: D.pendingInvites.map((V) => ({
-            id: V.id,
-            permission: V.permission,
-            type: V.type.toLowerCase()
+          userGroupRolesObj: D.pendingInvites.map((U) => ({
+            id: U.id,
+            permission: U.permission,
+            type: U.type.toLowerCase()
           }))
         };
         i(z, o);
       } else if (n === se.INTEREST) {
-        const z = D.pendingInvites.map((V) => ({
-          identity: V.id,
-          type: V.type.toLowerCase(),
+        const z = D.pendingInvites.map((U) => ({
+          identity: U.id,
+          type: U.type.toLowerCase(),
           opt: !0,
           lock: !1,
           moderator: !1,
-          userName: V.name,
+          userName: U.name,
           interestId: t?.data?.id
         }));
         i(z, o);
       } else if (n === se.ARTICLE) {
         const z = {
           entity: t,
-          userGroupRolesObj: D.pendingInvites.map((V) => ({
-            id: V.id,
-            permission: V.permission,
-            type: V.type.toLowerCase()
+          userGroupRolesObj: D.pendingInvites.map((U) => ({
+            id: U.id,
+            permission: U.permission,
+            type: U.type.toLowerCase()
           }))
         };
         i(z, o);
@@ -2569,9 +2569,9 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
       throw console.error("Failed to submit invites:", z), z;
     }
   }, S = (D) => {
-    const z = o[y.code].find((V) => V.name === D.name) || h.find((V) => V.name === D.name);
+    const z = o[y.code].find((U) => U.name === D.name) || h.find((U) => U.name === D.name);
     return z ? `${z.permission}` : "";
-  }, T = () => {
+  }, A = () => {
     switch (n) {
       case se.DRIVE:
         return "Share with others";
@@ -2585,7 +2585,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
   }, M = ce(() => $.size === 0 && !d, [$, d]);
   return /* @__PURE__ */ l("div", { className: "flex flex-col h-full bg-white", children: [
     /* @__PURE__ */ l("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
-      /* @__PURE__ */ e(me.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: T() }),
+      /* @__PURE__ */ e(me.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: A() }),
       /* @__PURE__ */ l("div", { className: "flex items-center gap-4", children: [
         n === se.DRIVE && /* @__PURE__ */ l("button", { className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 font-semibold hover:cursor-pointer", children: [
           /* @__PURE__ */ e(Bt, { className: "h-5 w-5" }),
@@ -2664,7 +2664,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
             value: N
           }
         ) }),
-        /* @__PURE__ */ e(be, { children: (m?.length > 0 || E) && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(be, { children: (m?.length > 0 || O) && /* @__PURE__ */ e(
           ne.div,
           {
             initial: { opacity: 0, y: -10 },
@@ -2672,7 +2672,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
             exit: { opacity: 0, y: -10 },
             transition: { duration: 0.2 },
             className: "absolute top-full mt-2 w-full col-span-3 bg-white border border-gray-300 rounded-lg shadow-lg z-10",
-            children: E ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ l(ee, { children: [
+            children: O ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ l(ee, { children: [
               /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: m.map((D) => {
                 const z = S(D);
                 return /* @__PURE__ */ l(
@@ -2748,15 +2748,15 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
               n === se.DRIVE && /* @__PURE__ */ e(
                 Z,
                 {
-                  value: I,
-                  onChange: R,
+                  value: T,
+                  onChange: I,
                   children: /* @__PURE__ */ l("div", { className: "relative", children: [
                     /* @__PURE__ */ l(Z.Button, { className: "relative w-full border border-gray-300 bg-white rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
                       /* @__PURE__ */ l("span", { className: "flex items-center", children: [
-                        /* @__PURE__ */ e(I.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
+                        /* @__PURE__ */ e(T.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
                         /* @__PURE__ */ l("span", { className: "truncate", children: [
                           "Can ",
-                          I.name
+                          T.name
                         ] })
                       ] }),
                       /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(aa, { className: "h-5 w-5 text-gray-400" }) })
@@ -2773,7 +2773,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
                           {
                             value: D,
                             className: ({ active: z }) => `${z ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                            children: ({ selected: z, active: V }) => /* @__PURE__ */ l(ee, { children: [
+                            children: ({ selected: z, active: U }) => /* @__PURE__ */ l(ee, { children: [
                               /* @__PURE__ */ l(
                                 "span",
                                 {
@@ -2782,7 +2782,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
                                     /* @__PURE__ */ e(
                                       D.icon,
                                       {
-                                        className: `h-5 w-5 mr-2 ${V ? "text-white" : "text-gray-400"}`
+                                        className: `h-5 w-5 mr-2 ${U ? "text-white" : "text-gray-400"}`
                                       }
                                     ),
                                     "Can ",
@@ -2868,7 +2868,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: U(j),
+            onClick: V(j),
             disabled: v || h.length === 0 && M,
             className: "px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md shadow-sm hover:bg-blue-700 hover:cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:bg-blue-300 disabled:cursor-not-allowed",
             children: v ? "Inviting..." : n === se.DRIVE ? "Send Invites" : "Add"
@@ -2882,7 +2882,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
   { name: "Can manage", icon: Da, value: "edit" },
   { name: "Remove", icon: Ot, isDestructive: !0, value: "remove" }
 ], bn = ({ item: t, allowedPermissions: r, onPermissionChange: s }) => {
-  const [o, n] = O(!1), { refs: u, floatingStyles: i, context: d } = Ta({
+  const [o, n] = B(!1), { refs: u, floatingStyles: i, context: d } = Ta({
     open: o,
     onOpenChange: n,
     middleware: [Aa(8), Ea(), Ra({ padding: 8 })],
@@ -2970,28 +2970,34 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
   existingShares: n,
   allowedPermissions: u
 }) => {
-  const [i, d] = O(n), [y, b] = O(0), [N, a] = O(""), k = oa(N, 300), m = {
+  const [i, d] = B(n), [y, b] = B(0), [N, a] = B(""), k = oa(N, 300), m = {
     users: i.users.filter(
-      (E) => E.name.toLowerCase().includes(k.toLowerCase())
+      (C) => C.name.toLowerCase().includes(k.toLowerCase())
     ),
     groups: i.groups.filter(
-      (E) => E.name.toLowerCase().includes(k.toLowerCase())
+      (C) => C.name.toLowerCase().includes(k.toLowerCase())
     ),
     roles: i.roles.filter(
-      (E) => E.name.toLowerCase().includes(k.toLowerCase())
+      (C) => C.name.toLowerCase().includes(k.toLowerCase())
     )
-  }, g = async (E, C, I, P) => {
-    const A = C.value;
-    d(A === "Remove" ? (U) => ({
-      ...U,
-      [I]: U[I].filter((q) => q.id !== E.id)
-    }) : (U) => ({
-      ...U,
-      [I]: U[I].map(
-        (q) => q.id === E.id ? { ...q, permission: A } : q
+  }, g = async (C, T, E, R) => {
+    const V = T.value;
+    d((q) => ({
+      ...q,
+      [E]: q[E].map(
+        (G) => G.id === C.id ? { ...G, permission: V } : G
       )
     }));
-  }, $ = ["users", "groups", "roles"], L = ["Users", "Groups", "Roles"];
+  }, $ = () => {
+    d((C) => {
+      const T = {
+        users: C.users.filter((E) => E.permission !== "remove"),
+        groups: C.groups.filter((E) => E.permission !== "remove"),
+        roles: C.roles.filter((E) => E.permission !== "remove")
+      };
+      return r(T), T;
+    });
+  }, L = ["users", "groups", "roles"], O = ["Users", "Groups", "Roles"];
   return (
     // The main structure remains the same...
     /* @__PURE__ */ l("div", { className: "flex flex-col h-full bg-gray-50", children: [
@@ -3017,120 +3023,130 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex flex-col flex-grow", children: /* @__PURE__ */ l(re.Group, { selectedIndex: y, onChange: b, children: [
-        /* @__PURE__ */ l("div", { className: "p-4 bg-white border-b border-gray-300", children: [
-          /* @__PURE__ */ e(re.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: L.map((E) => /* @__PURE__ */ e(
-            re,
-            {
-              className: ({
-                selected: C
-              }) => `w-full py-2 text-sm font-medium leading-5 rounded-md
+      /* @__PURE__ */ l("div", { className: "flex flex-col flex-grow", children: [
+        /* @__PURE__ */ l(re.Group, { selectedIndex: y, onChange: b, children: [
+          /* @__PURE__ */ l("div", { className: "p-4 bg-white border-b border-gray-300", children: [
+            /* @__PURE__ */ e(re.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: O.map((C) => /* @__PURE__ */ e(
+              re,
+              {
+                className: ({
+                  selected: T
+                }) => `w-full py-2 text-sm font-medium leading-5 rounded-md
                                        focus:outline-none focus:ring-2 ring-offset-2 ring-offset-blue-400 ring-white ring-opacity-60
-                                       ${C ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
-              children: E
-            },
-            E
-          )) }),
-          /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
-            he,
-            {
-              onDebouncedChange: a,
-              value: N,
-              placeholder: `Search in ${L[y]}...`
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto p-4 h-[calc(100vh-330px)]", children: /* @__PURE__ */ e(be, { mode: "wait", children: /* @__PURE__ */ e(
-          ne.div,
-          {
-            initial: { y: 10, opacity: 0 },
-            animate: { y: 0, opacity: 1 },
-            exit: { y: -10, opacity: 0 },
-            transition: { duration: 0.2 },
-            children: /* @__PURE__ */ e(re.Panels, { as: Q, children: $.map((E) => /* @__PURE__ */ e(
-              re.Panel,
+                                       ${T ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
+                children: C
+              },
+              C
+            )) }),
+            /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
+              he,
               {
-                className: "space-y-3 focus:outline-none",
-                children: /* @__PURE__ */ e(be, { children: m[E].length > 0 ? m[E].map((C) => /* @__PURE__ */ l(
-                  ne.div,
-                  {
-                    layout: !0,
-                    initial: { opacity: 0, y: 20 },
-                    animate: { opacity: 1, y: 0 },
-                    exit: {
-                      opacity: 0,
-                      x: -20,
-                      transition: { duration: 0.2 }
-                    },
-                    className: "flex items-center justify-between p-3 bg-white border border-gray-300 rounded-lg shadow-sm",
-                    children: [
-                      /* @__PURE__ */ l("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-                        /* @__PURE__ */ e(
-                          "img",
-                          {
-                            src: C.avatarUrl || `https://avatar.vercel.sh/${C.name}.svg?text=${C.name.charAt(0)}`,
-                            alt: C.name,
-                            className: "w-10 h-10 rounded-full flex-shrink-0"
-                          }
-                        ),
-                        /* @__PURE__ */ l("div", { className: "overflow-hidden", children: [
-                          /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: C.name }),
-                          E !== "users" && /* @__PURE__ */ e(
-                            "button",
-                            {
-                              onClick: () => o({
-                                id: C.id,
-                                type: E,
-                                name: C.name
-                              }),
-                              className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
-                              children: "View Members"
-                            }
-                          )
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ e(
-                        bn,
-                        {
-                          item: C,
-                          allowedPermissions: u,
-                          onPermissionChange: (I) => g(
-                            C,
-                            I,
-                            E
-                          )
-                        }
-                      )
-                    ]
-                  },
-                  C.id
-                )) : (
-                  // Empty state is unchanged
-                  /* @__PURE__ */ l(
+                onDebouncedChange: a,
+                value: N,
+                placeholder: `Search in ${O[y]}...`
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto p-4 h-[calc(100vh-330px)]", children: /* @__PURE__ */ e(be, { mode: "wait", children: /* @__PURE__ */ e(
+            ne.div,
+            {
+              initial: { y: 10, opacity: 0 },
+              animate: { y: 0, opacity: 1 },
+              exit: { y: -10, opacity: 0 },
+              transition: { duration: 0.2 },
+              children: /* @__PURE__ */ e(re.Panels, { as: Q, children: L.map((C) => /* @__PURE__ */ e(
+                re.Panel,
+                {
+                  className: "space-y-3 focus:outline-none",
+                  children: /* @__PURE__ */ e(be, { children: m[C].length > 0 ? m[C].map((T) => /* @__PURE__ */ l(
                     ne.div,
                     {
-                      initial: { opacity: 0 },
-                      animate: { opacity: 1 },
-                      className: "flex flex-col items-center justify-center text-center p-8 mt-10 bg-white rounded-lg border border-gray-300",
+                      layout: !0,
+                      initial: { opacity: 0, y: 20 },
+                      animate: { opacity: 1, y: 0 },
+                      exit: {
+                        opacity: 0,
+                        x: -20,
+                        transition: { duration: 0.2 }
+                      },
+                      className: "flex items-center justify-between p-3 bg-white border border-gray-300 rounded-lg shadow-sm",
                       children: [
-                        /* @__PURE__ */ e(Ca, { className: "h-12 w-12 text-gray-400" }),
-                        /* @__PURE__ */ l("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: [
-                          "No ",
-                          L[y],
-                          " Found"
+                        /* @__PURE__ */ l("div", { className: "flex items-center gap-3 overflow-hidden", children: [
+                          /* @__PURE__ */ e(
+                            "img",
+                            {
+                              src: T.avatarUrl || `https://avatar.vercel.sh/${T.name}.svg?text=${T.name.charAt(0)}`,
+                              alt: T.name,
+                              className: "w-10 h-10 rounded-full flex-shrink-0"
+                            }
+                          ),
+                          /* @__PURE__ */ l("div", { className: "overflow-hidden", children: [
+                            /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: T.name }),
+                            C !== "users" && /* @__PURE__ */ e(
+                              "button",
+                              {
+                                onClick: () => o({
+                                  id: T.id,
+                                  type: C,
+                                  name: T.name
+                                }),
+                                className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
+                                children: "View Members"
+                              }
+                            )
+                          ] })
                         ] }),
-                        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: N ? `No results for "${N}"` : `There are no ${L[y].toLowerCase()} with access.` })
+                        /* @__PURE__ */ e(
+                          bn,
+                          {
+                            item: T,
+                            allowedPermissions: u,
+                            onPermissionChange: (E) => g(
+                              T,
+                              E,
+                              C
+                            )
+                          }
+                        )
                       ]
-                    }
-                  )
-                ) })
-              },
-              E
-            )) })
-          },
-          y
-        ) }) })
-      ] }) })
+                    },
+                    T.id
+                  )) : (
+                    // Empty state is unchanged
+                    /* @__PURE__ */ l(
+                      ne.div,
+                      {
+                        initial: { opacity: 0 },
+                        animate: { opacity: 1 },
+                        className: "flex flex-col items-center justify-center text-center p-8 mt-10 bg-white rounded-lg border border-gray-300",
+                        children: [
+                          /* @__PURE__ */ e(Ca, { className: "h-12 w-12 text-gray-400" }),
+                          /* @__PURE__ */ l("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: [
+                            "No ",
+                            O[y],
+                            " Found"
+                          ] }),
+                          /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: N ? `No results for "${N}"` : `There are no ${O[y].toLowerCase()} with access.` })
+                        ]
+                      }
+                    )
+                  ) })
+                },
+                C
+              )) })
+            },
+            y
+          ) }) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "p-4 bg-white border-t border-gray-300 flex justify-end", children: /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: $,
+            className: "px-4 py-2 bg-blue-600 text-white rounded-md shadow hover:bg-blue-700",
+            children: "Update"
+          }
+        ) })
+      ] })
     ] })
   );
 }, Nn = () => /* @__PURE__ */ l("div", { className: "flex items-center gap-4 p-4", children: [
@@ -3146,7 +3162,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
   onClose: s,
   members: o
 }) => {
-  const [n, u] = O(!0), [i, d] = O(""), y = oa(i, 300), b = o.filter(
+  const [n, u] = B(!0), [i, d] = B(""), y = oa(i, 300), b = o.filter(
     (m) => m.name.toLowerCase().includes(y.toLowerCase())
   ), N = {
     hidden: { opacity: 0 },
@@ -3267,9 +3283,9 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
   allowedPermissions: d = [],
   ...y
 }) => {
-  const [b, N] = O(de.INVITE), [a, k] = O(t), [m, g] = O(null), [$, L] = O(!1), [E, C] = O([]), [I, P] = O(de.MANAGE), A = () => {
+  const [b, N] = B(de.INVITE), [a, k] = B(t), [m, g] = B(null), [$, L] = B(!1), [O, C] = B([]), [T, E] = B(de.MANAGE), R = () => {
     N(de.INVITE), g(null), u();
-  }, U = () => {
+  }, V = () => {
     N(de.MANAGE);
   }, q = async ({ id: p, name: f, type: w }) => {
     if (w === "groups") {
@@ -3280,16 +3296,16 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
       }
       C(resp);
     }
-    g({ id: p, type: w, name: f }), P(b), N(de.MEMBERS);
+    g({ id: p, type: w, name: f }), E(b), N(de.MEMBERS);
   }, G = (p) => {
     k(p);
     const f = !He.isEqual(
       He.mapValues(t, (w) => w.map((c) => ({ id: c.id, permission: c.permission }))),
       He.mapValues(p, (w) => w.map((c) => ({ id: c.id, permission: c.permission })))
     );
-    L(f), N(b === de.MEMBERS ? I : de.INVITE);
+    L(f), N(b === de.MEMBERS ? T : de.INVITE);
   };
-  return /* @__PURE__ */ e(oe, { appear: !0, show: r, as: Q, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: A, children: [
+  return /* @__PURE__ */ e(oe, { appear: !0, show: r, as: Q, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: R, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
     /* @__PURE__ */ e("div", { className: "filter-modal-container", children: /* @__PURE__ */ e("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ e(Se, { className: "filter-modal-panel", style: { background: "white" }, children: (() => {
       switch (b) {
@@ -3307,7 +3323,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
                 {
                   entity: o,
                   onBack: G,
-                  onClose: A,
+                  onClose: R,
                   onOpenMembers: q,
                   existingShares: a,
                   calledBy: n,
@@ -3331,10 +3347,10 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
                 {
                   entity: m,
                   onBack: G,
-                  onClose: A,
+                  onClose: R,
                   calledBy: n,
                   existingShares: a,
-                  members: E
+                  members: O
                 }
               )
             },
@@ -3353,8 +3369,8 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
                 fn,
                 {
                   entity: o,
-                  onManage: U,
-                  onClose: A,
+                  onManage: V,
+                  onClose: R,
                   existingShares: a,
                   calledBy: n,
                   showExistingShares: i,
@@ -3397,22 +3413,22 @@ function Ye({
   getOptionId: m = ($) => String($.id),
   getOptionLabel: g = ($) => $.name
 }) {
-  const $ = ea(), L = ea(), [E, C] = O(""), I = ue(""), P = ce(() => {
+  const $ = ea(), L = ea(), [O, C] = B(""), T = ue(""), E = ce(() => {
     const p = /* @__PURE__ */ new Map();
     for (const f of r) p.set(m(f), f);
     return p;
-  }, [r, m]), A = ce(() => Array.isArray(s) ? s.map((p) => p && typeof p == "object" ? P.get(m(p)) || null : P.get(String(p))).filter(Boolean) : [], [s, P, m]), U = ce(() => {
-    if (!E) return r;
-    const p = E.toLowerCase();
+  }, [r, m]), R = ce(() => Array.isArray(s) ? s.map((p) => p && typeof p == "object" ? E.get(m(p)) || null : E.get(String(p))).filter(Boolean) : [], [s, E, m]), V = ce(() => {
+    if (!O) return r;
+    const p = O.toLowerCase();
     return r.filter((f) => g(f).toLowerCase().includes(p));
-  }, [r, E, g]);
+  }, [r, O, g]);
   X(() => {
-    b === "server" && E.length >= k && E !== I.current && (I.current = E, N && N(E));
-  }, [E, b, k, N]);
-  const q = b === "client" ? U : r, G = () => {
-    if (!A.length)
+    b === "server" && O.length >= k && O !== T.current && (T.current = O, N && N(O));
+  }, [O, b, k, N]);
+  const q = b === "client" ? V : r, G = () => {
+    if (!R.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: u });
-    const p = A.slice(0, d), f = A.length - d;
+    const p = R.slice(0, d), f = R.length - d;
     return /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-2", children: [
       p.map((w) => /* @__PURE__ */ e(
         "span",
@@ -3429,7 +3445,7 @@ function Ye({
       ] })
     ] });
   };
-  return /* @__PURE__ */ e(Z, { value: A, onChange: (p) => {
+  return /* @__PURE__ */ e(Z, { value: R, onChange: (p) => {
     const f = Array.from(new Set(p.map((w) => m(w))));
     y !== -1 && f.length > y || o(f);
   }, multiple: !0, by: "id", children: ({ open: p }) => /* @__PURE__ */ l("div", { children: [
@@ -3471,14 +3487,14 @@ function Ye({
             /* @__PURE__ */ e("div", { className: "p-2 sticky top-0 bg-white z-20 shadow-sm", children: /* @__PURE__ */ e(
               he,
               {
-                value: E,
+                value: O,
                 onDebouncedChange: C,
                 placeholder: b === "server" ? `Search (min ${k})…` : "Search options…"
               }
             ) }),
             b === "server" && a && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
-            q.length === 0 && !a ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: b === "server" ? E.length < k ? `Type at least ${k} characters to search.` : "No results." : "No options found." }) : q.map((f) => {
-              const w = m(f), c = g(f), h = A.some((F) => m(F) === w), x = y !== -1 && A.length >= y && !h;
+            q.length === 0 && !a ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: b === "server" ? O.length < k ? `Type at least ${k} characters to search.` : "No results." : "No options found." }) : q.map((f) => {
+              const w = m(f), c = g(f), h = R.some((F) => m(F) === w), x = y !== -1 && R.length >= y && !h;
               return /* @__PURE__ */ e(
                 Z.Option,
                 {
@@ -3488,7 +3504,7 @@ function Ye({
                     x ? " text-gray-400  bg-white  cursor-not-allowed" : F ? " bg-gray-200  text-gray-900" : " text-gray-900",
                     " relative  cursor-default  select-none  py-2  pl-3  pr-9"
                   ),
-                  children: ({ selected: F, active: R }) => /* @__PURE__ */ l(ee, { children: [
+                  children: ({ selected: F, active: I }) => /* @__PURE__ */ l(ee, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
@@ -3503,7 +3519,7 @@ function Ye({
                       "span",
                       {
                         className: Pe(
-                          R ? " text-gray-900" : " text-gray-600",
+                          I ? " text-gray-900" : " text-gray-600",
                           " absolute  inset-y-0  right-0  flex  items-center  pr-4"
                         ),
                         children: /* @__PURE__ */ e(Ge, { className: "w-5 h-5", "aria-hidden": "true" })
@@ -3675,9 +3691,9 @@ function Cn({
   dropId: N,
   indent: a = 24
 }) {
-  const { setNodeRef: k, isOver: m } = Vt({ id: N }), { attributes: g, listeners: $, setNodeRef: L, transform: E, isDragging: C } = Ut({ id: b }), I = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [P, A] = O(!1), [U, q] = O(t.name), G = () => {
-    const p = U.trim();
-    A(!1), p && p !== t.name ? i?.(t, p) : q(t.name);
+  const { setNodeRef: k, isOver: m } = Ut({ id: N }), { attributes: g, listeners: $, setNodeRef: L, transform: O, isDragging: C } = Vt({ id: b }), T = O ? { transform: `translate3d(${Math.round(O.x)}px, ${Math.round(O.y)}px, 0)` } : void 0, [E, R] = B(!1), [V, q] = B(t.name), G = () => {
+    const p = V.trim();
+    R(!1), p && p !== t.name ? i?.(t, p) : q(t.name);
   }, v = ce(() => /* @__PURE__ */ e(
     an,
     {
@@ -3687,7 +3703,7 @@ function Cn({
         { action: "delete", label: "Delete" }
       ],
       onSelect: (f) => {
-        f.action === "create" ? u?.(t) : f.action === "rename" ? A(!0) : f.action === "delete" && d?.(t);
+        f.action === "create" ? u?.(t) : f.action === "rename" ? R(!0) : f.action === "delete" && d?.(t);
       }
     }
   ), [t, u, d]);
@@ -3696,30 +3712,30 @@ function Cn({
     {
       ref: k,
       className: `tv-row ${m ? "tv-drop-over" : ""} ${C ? "dragging" : ""}`,
-      style: { ...I, paddingLeft: 8 + r * a },
+      style: { ...T, paddingLeft: 8 + r * a },
       onClick: (p) => {
         p.target.closest(".tv-toggle") || p.target.tagName === "INPUT" || n?.(t);
       },
       children: [
         /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: o, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(wa, { size: 16 }) : /* @__PURE__ */ e(je, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
         /* @__PURE__ */ e(Fa, { size: 16, className: "tv-folder-ic" }),
-        /* @__PURE__ */ e("div", { className: "tv-name", ref: L, children: P ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "tv-name", ref: L, children: E ? /* @__PURE__ */ e(
           "input",
           {
             className: "tv-input",
-            value: U,
+            value: V,
             onChange: (p) => q(p.target.value),
             onBlur: G,
             onKeyDown: (p) => {
-              p.key === "Enter" && G(), p.key === "Escape" && (A(!1), q(t.name));
+              p.key === "Enter" && G(), p.key === "Escape" && (R(!1), q(t.name));
             },
             autoFocus: !0
           }
-        ) : /* @__PURE__ */ e("span", { onDoubleClick: () => A(!0), children: t.name }) }),
+        ) : /* @__PURE__ */ e("span", { onDoubleClick: () => R(!0), children: t.name }) }),
         /* @__PURE__ */ e(wn, { listeners: $, attributes: g }),
         /* @__PURE__ */ e("div", { className: "tv-actions", children: y ? y(t, {
           onCreateChild: () => u?.(t),
-          onRename: () => A(!0),
+          onRename: () => R(!0),
           onDelete: () => d?.(t)
         }) : v })
       ]
@@ -3820,93 +3836,93 @@ function ps({
   const { roots: $ } = ce(() => Fn(t) ? An(t, { rootId: r, getId: o, getName: u }) : Tn(
     t.map((x) => ({ ...x })),
     { rootId: r, getId: o, getParent: n, getName: u }
-  ), [t, r, o, n, u]), [L, E] = O({}), C = K((x) => {
+  ), [t, r, o, n, u]), [L, O] = B({}), C = K((x) => {
     const F = {};
-    return (function R(j) {
+    return (function I(j) {
       j.forEach((S) => {
-        F[S.id] = !0, S.children?.length && R(S.children);
+        F[S.id] = !0, S.children?.length && I(S.children);
       });
     })(x), F;
   }, []);
   ae.useEffect(() => {
-    E(C($));
+    O(C($));
   }, [$, C]);
-  const I = K(
-    (x) => E((F) => ({ ...F, [x]: !F[x] })),
+  const T = K(
+    (x) => O((F) => ({ ...F, [x]: !F[x] })),
     []
-  ), [P, A] = O(() => Ae($));
-  ae.useEffect(() => A(Ae($)), [$]);
-  const U = qt(
+  ), [E, R] = B(() => Ae($));
+  ae.useEffect(() => R(Ae($)), [$]);
+  const V = qt(
     jt(Yt, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), q = ue(null), [G, v] = O(null), p = ue(0), f = () => {
+  ), q = ue(null), [G, v] = B(null), p = ue(0), f = () => {
   }, w = ({ delta: x }) => {
     p.current = x?.x ?? 0;
   }, c = K(
     ({ active: x, over: F }) => {
-      const R = p.current;
+      const I = p.current;
       if (p.current = 0, v(null), !x || !F) return;
       const j = String(x.id).replace(/^drag-/, ""), S = String(F.id).replace(/^drop-/, "");
       if (!j || !S || j === S) return;
-      let T = S;
-      const M = Math.max(0, Math.floor(-R / g));
+      let A = S;
+      const M = Math.max(0, Math.floor(-I / g));
       if (M > 0) {
         let ie = S;
         for (let xe = 0; xe < M; xe++) {
-          const B = Ka(P, ie, null);
-          if (!B) break;
-          if (!B.parentId) {
-            T = r;
+          const P = Ka(E, ie, null);
+          if (!P) break;
+          if (!P.parentId) {
+            A = r;
             break;
           }
-          T = B.parentId, ie = B.parentId;
+          A = P.parentId, ie = P.parentId;
         }
       }
-      if (m && T === r) {
-        A(Ae($));
+      if (m && A === r) {
+        R(Ae($));
         return;
       }
-      const D = Ae(P), { newRoots: z, removed: V } = En(D, j);
-      if (!V) return;
-      const Ne = Rn(z, T, V);
-      A(Ne), a?.({ sourceId: j, destParentId: T, newTree: Ne });
+      const D = Ae(E), { newRoots: z, removed: U } = En(D, j);
+      if (!U) return;
+      const Ne = Rn(z, A, U);
+      R(Ne), a?.({ sourceId: j, destParentId: A, newTree: Ne });
     },
-    [P, $, r, m, g, a]
+    [E, $, r, m, g, a]
   ), h = K(
-    (x, F = 0) => x.map((R) => /* @__PURE__ */ l(ae.Fragment, { children: [
+    (x, F = 0) => x.map((I) => /* @__PURE__ */ l(ae.Fragment, { children: [
       /* @__PURE__ */ e(
         Cn,
         {
-          node: R,
+          node: I,
           depth: F,
-          expanded: !!L[R.id],
-          onToggle: () => I(R.id),
+          expanded: !!L[I.id],
+          onToggle: () => T(I.id),
           onSelect: i,
           onCreateChild: y,
           onRename: b,
           onDelete: N,
           renderActions: k,
-          dragId: `drag-${R.id}`,
-          dropId: `drop-${R.id}`,
+          dragId: `drag-${I.id}`,
+          dropId: `drop-${I.id}`,
           indent: g
         }
       ),
-      L[R.id] && R.children?.length > 0 ? h(R.children, F + 1) : null
-    ] }, R.id)),
-    [L, g, y, N, b, i, k, I]
+      L[I.id] && I.children?.length > 0 ? h(I.children, F + 1) : null
+    ] }, I.id)),
+    [L, g, y, N, b, i, k, T]
   );
   return ae.useMemo(() => {
     if (!G) return null;
     const x = String(G).replace(/^drag-/, "");
-    function F(R) {
-      for (const j of R) {
+    function F(I) {
+      for (const j of I) {
         if (j.id === x) return j;
         const S = j.children?.length ? F(j.children) : null;
         if (S) return S;
       }
       return null;
     }
-    return F(P);
-  }, [G, P]), /* @__PURE__ */ l("div", { className: "tv", children: [
+    return F(E);
+  }, [G, E]), /* @__PURE__ */ l("div", { className: "tv", children: [
     s !== !1 && /* @__PURE__ */ l("div", { className: "tv-header", children: [
       /* @__PURE__ */ e("div", { className: "tv-title", children: s }),
       /* @__PURE__ */ e("button", { className: "tv-btn", onClick: d, children: "+ New folder" })
@@ -3920,12 +3936,12 @@ function ps({
       Gt,
       {
         collisionDetection: Wt,
-        sensors: U,
+        sensors: V,
         onDragStart: f,
         onDragMove: w,
         onDragEnd: c,
         modifiers: [_t],
-        children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: h(P, 0) })
+        children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: h(E, 0) })
       }
     )
   ] });
@@ -4251,7 +4267,7 @@ function In({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ) }),
       a.fieldtype === "radio" && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          Va,
+          Ua,
           {
             selectedValue: typeof i[a.key] < "u" ? i[a.key] : a.default || "",
             onValueChange: (m) => {
@@ -4440,9 +4456,9 @@ function In({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
 const zn = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
 function Pn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
   console.log(`[DynamicConfig/DataTableRenderer] Component loaded for section: ${t.key}`);
-  const [n, u] = O(t), [i, d] = O(null), [y, b] = O(null);
+  const [n, u] = B(t), [i, d] = B(null), [y, b] = B(null);
   console.log(`[DataTableRenderer] ${n.key} - Received props:`, { item: t, initialData: r });
-  const [N, a] = O(() => {
+  const [N, a] = B(() => {
     const v = r && r[n.key] || [], p = v.length > 0 ? v : [{ id: 0 }];
     return console.log(`[DataTableRenderer] ${n.key} - Initial data:`, p), p;
   }), k = ue(r);
@@ -4581,12 +4597,12 @@ function Pn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         return (c, h) => {
           const x = () => {
             if (v.optionsFrom && r) {
-              const { config: F, valueField: R, labelField: j } = v.optionsFrom, S = r[F] || [];
+              const { config: F, valueField: I, labelField: j } = v.optionsFrom, S = r[F] || [];
               if (Array.isArray(S))
-                return S.map((T) => ({
-                  id: T[R] || "",
-                  value: T[R] || "",
-                  label: T[j] || ""
+                return S.map((A) => ({
+                  id: A[I] || "",
+                  value: A[I] || "",
+                  label: A[j] || ""
                 }));
             }
             return v.options || [];
@@ -4680,7 +4696,7 @@ function Pn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         );
       case "radio":
         return (c, h) => /* @__PURE__ */ e(
-          Va,
+          Ua,
           {
             selectedValue: c[v.key] || "",
             onValueChange: (x) => p(h, x),
@@ -4706,12 +4722,12 @@ function Pn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             ...x.roles || []
           ];
           return /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(zn, { children: F.length > 0 ? F.slice(0, 3).map((R, j) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(zn, { children: F.length > 0 ? F.slice(0, 3).map((I, j) => /* @__PURE__ */ e(
               za,
               {
                 size: "small",
-                name: R.name || R.displayName || R.id,
-                src: R.avatarUrl
+                name: I.name || I.displayName || I.id,
+                src: I.avatarUrl
               },
               j
             )) : null }),
@@ -4804,24 +4820,24 @@ function Pn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       const f = [...v, p];
       return console.log("[DataTableRenderer] Updated data:", f), f;
     });
-  }, [n.fields]), E = K((v) => {
+  }, [n.fields]), O = K((v) => {
     a((p) => {
       if (p.length <= 1)
         return p;
       const f = [...p];
       return f.splice(v, 1), f;
     });
-  }, []), [C, I] = O(null), P = K((v, p) => {
-    I(p), v.dataTransfer.effectAllowed = "move", v.dataTransfer.setData("text/html", "");
-  }, []), A = K((v) => {
+  }, []), [C, T] = B(null), E = K((v, p) => {
+    T(p), v.dataTransfer.effectAllowed = "move", v.dataTransfer.setData("text/html", "");
+  }, []), R = K((v) => {
     v.preventDefault(), v.dataTransfer.dropEffect = "move";
-  }, []), U = K((v, p) => {
+  }, []), V = K((v, p) => {
     v.preventDefault(), !(C === null || C === p) && (a((f) => {
       const w = [...f], c = w[C];
       return w.splice(C, 1), w.splice(p, 0, c), w;
-    }), I(null));
+    }), T(null));
   }, [C]), q = K(() => {
-    I(null);
+    T(null);
   }, []), G = K((v) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", v), a((p) => {
       const f = [...p];
@@ -4869,9 +4885,9 @@ function Pn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         {
           className: `hover:bg-gray-50 ${C === p ? "opacity-50" : ""}`,
           draggable: !0,
-          onDragStart: (f) => P(f, p),
-          onDragOver: A,
-          onDrop: (f) => U(f, p),
+          onDragStart: (f) => E(f, p),
+          onDragOver: R,
+          onDrop: (f) => V(f, p),
           onDragEnd: q,
           children: [
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e("div", { className: "cursor-move text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ e(sa, { size: 16 }) }) }),
@@ -4879,7 +4895,7 @@ function Pn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => E(p),
+                onClick: () => O(p),
                 className: "text-red-500 hover:text-red-700",
                 title: "Delete row",
                 children: /* @__PURE__ */ e(Jt, { size: 16 })
@@ -4978,43 +4994,43 @@ const fa = () => {
   initialData: y = null
   // Add prop for initial demo data
 }) => {
-  const [b, N] = O(null), [a, k] = O(""), [m, g] = O(() => Array.isArray(y) ? y : []), [$, L] = O(null), [E, C] = O(null), [I, P] = O(""), A = async () => {
+  const [b, N] = B(null), [a, k] = B(""), [m, g] = B(() => Array.isArray(y) ? y : []), [$, L] = B(null), [O, C] = B(null), [T, E] = B(""), R = async () => {
     try {
       const S = await Ee(t.collectionList);
       if (S) {
-        const T = S.map((M, D) => ({
+        const A = S.map((M, D) => ({
           ...M,
           order: typeof M.order == "number" ? M.order : D + 1
         }));
-        T.sort((M, D) => (M.order ?? 0) - (D.order ?? 0)), g(T), s?.(T);
+        A.sort((M, D) => (M.order ?? 0) - (D.order ?? 0)), g(A), s?.(A);
       }
     } catch (S) {
       console.log("Error loading collections:", S), typeof window < "u" && !window.location.pathname.includes("iframe.html") && le.error("Failed to load collections");
     }
   };
   X(() => {
-    (!y || y.length === 0) && A();
+    (!y || y.length === 0) && R();
   }, [y]), X(() => {
     Array.isArray(y) && g(y);
   }, [y]);
-  const U = (S) => {
+  const V = (S) => {
     u && (N(S.id), k(S.categoryName || ""));
   }, q = () => {
     if (!n || b !== null) return;
     const S = `temp-${Date.now()}`;
-    g((T) => [
-      ...T,
+    g((A) => [
+      ...A,
       {
         id: S,
         categoryName: "",
         links: [],
-        order: (T.at(-1)?.order ?? 0) + 1,
+        order: (A.at(-1)?.order ?? 0) + 1,
         _temp: !0
       }
     ]), N(S), k("");
   }, G = () => {
     b != null && (g((S) => {
-      const T = S.find((D) => D.id === b), M = T && T._temp ? S.filter((D) => D.id !== b) : S;
+      const A = S.find((D) => D.id === b), M = A && A._temp ? S.filter((D) => D.id !== b) : S;
       return s?.(M), M;
     }), N(null), k(""));
   }, v = async () => {
@@ -5022,78 +5038,78 @@ const fa = () => {
     const S = typeof b == "string" && b.startsWith("temp-");
     try {
       if (S) {
-        const T = await Re(t.collectionCreate, {
+        const A = await Re(t.collectionCreate, {
           categoryName: a.trim(),
           order: (Array.isArray(m) && m.length > 0 ? m.at(-1)?.order ?? 0 : 0) + 1
         });
-        T && (g((M) => {
-          const D = M.map((z) => z.id === b ? T : z);
+        A && (g((M) => {
+          const D = M.map((z) => z.id === b ? A : z);
           return s?.(D), D;
         }), ke.success("Collection created successfully"));
       } else {
-        const T = await mn(
+        const A = await mn(
           `${t.collectionUpdate}/${b}?newName=${a.trim()}`
         );
         g((M) => {
           const D = M.map(
-            (z) => z.id === b ? T && T.id ? { ...z, ...T } : { ...z, categoryName: a.trim() } : z
+            (z) => z.id === b ? A && A.id ? { ...z, ...A } : { ...z, categoryName: a.trim() } : z
           );
           return s?.(D), D;
         }), le.success("Collection updated successfully");
       }
       N(null), k("");
-    } catch (T) {
-      console.log(T), le.error("Failed to save collection");
+    } catch (A) {
+      console.log(A), le.error("Failed to save collection");
     }
   }, p = async (S) => {
     if (i)
       try {
-        await un(`${t.collectionUpdate}/${S.id}`) && (le.success("Deleted successfully", { autoClose: 3e3 }), A());
-      } catch (T) {
-        console.log(T), le.error("Failed to delete collection");
+        await un(`${t.collectionUpdate}/${S.id}`) && (le.success("Deleted successfully", { autoClose: 3e3 }), R());
+      } catch (A) {
+        console.log(A), le.error("Failed to delete collection");
       }
-  }, f = (S, T, M) => {
-    if (!d || !T || !M || T === M) return S;
-    const D = S.findIndex((ie) => ie.id === T), z = S.findIndex((ie) => ie.id === M);
+  }, f = (S, A, M) => {
+    if (!d || !A || !M || A === M) return S;
+    const D = S.findIndex((ie) => ie.id === A), z = S.findIndex((ie) => ie.id === M);
     if (D === -1 || z === -1) return S;
-    const V = [...S], [Ne] = V.splice(D, 1);
-    return V.splice(z, 0, Ne), V.map((ie, xe) => ({ ...ie, order: xe + 1 }));
+    const U = [...S], [Ne] = U.splice(D, 1);
+    return U.splice(z, 0, Ne), U.map((ie, xe) => ({ ...ie, order: xe + 1 }));
   }, w = async (S) => {
-    const T = S.map((M) => ({
+    const A = S.map((M) => ({
       id: M.id,
       order: M.order,
       categoryName: M.categoryName
     }));
     try {
-      await Re(t.updateCollection, T);
+      await Re(t.updateCollection, A);
     } catch (M) {
       console.log(M), le.error("Failed to save order", { autoClose: 2500 });
     }
-  }, c = (S, T) => {
-    d && (S.dataTransfer.effectAllowed = "move", S.dataTransfer.setData("text/plain", String(T)), L(T));
+  }, c = (S, A) => {
+    d && (S.dataTransfer.effectAllowed = "move", S.dataTransfer.setData("text/plain", String(A)), L(A));
   }, h = (S) => {
-    $ && S !== E && C(S);
+    $ && S !== O && C(S);
   }, x = (S) => {
     S.preventDefault();
-  }, F = async (S, T) => {
+  }, F = async (S, A) => {
     S.preventDefault();
     const M = S.dataTransfer.getData("text/plain");
     M && (g((D) => {
-      const z = f(D, M, T);
+      const z = f(D, M, A);
       return console.log("Reordered", z), w(z), s?.(z), z;
     }), L(null), C(null));
-  }, R = () => {
+  }, I = () => {
     L(null), C(null);
   }, j = Array.isArray(m) ? m.filter(
-    (S) => S.categoryName?.toLowerCase().includes(I.toLowerCase())
+    (S) => S.categoryName?.toLowerCase().includes(T.toLowerCase())
   ) : [];
   return /* @__PURE__ */ l("div", { className: `manage-collection-list ${r}`, children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ l("div", { className: "w-1/2 flex justify-end", children: [
       o && /* @__PURE__ */ e(
         he,
         {
-          value: I,
-          onDebouncedChange: P,
+          value: T,
+          onDebouncedChange: E,
           placeholder: "Search Collection",
           customClass: "mr-4 searchmanagecollection"
         }
@@ -5112,21 +5128,21 @@ const fa = () => {
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: j.map((S) => {
-      const T = b === S.id, M = S?.links?.length ?? 0, D = $ === S.id, z = E === S.id && $ !== S.id;
+      const A = b === S.id, M = S?.links?.length ?? 0, D = $ === S.id, z = O === S.id && $ !== S.id;
       return /* @__PURE__ */ e(
         "div",
         {
           onDragEnter: () => h(S.id),
           onDragOver: x,
-          onDrop: (V) => F(V, S.id),
-          onDragEnd: R,
+          onDrop: (U) => F(U, S.id),
+          onDragEnd: I,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
             z ? "ring-2 ring-gray-800/20" : "",
             D ? "opacity-60" : ""
           ].join(" "),
-          children: T ? /* @__PURE__ */ l(ee, { children: [
+          children: A ? /* @__PURE__ */ l(ee, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
               "input",
               {
@@ -5134,9 +5150,9 @@ const fa = () => {
                 className: "flex-1 h-10 px-3 max-w-[200px] border border-gray-300 rounded-2xl outline-none focus:ring-2 focus:ring-gray-800/20",
                 value: a,
                 placeholder: S._temp ? "New collection name" : "Edit collection name",
-                onChange: (V) => k(V.target.value),
-                onKeyDown: (V) => {
-                  V.key === "Enter" && v(), V.key === "Escape" && G();
+                onChange: (U) => k(U.target.value),
+                onKeyDown: (U) => {
+                  U.key === "Enter" && v(), U.key === "Escape" && G();
                 },
                 autoFocus: !0
               }
@@ -5175,7 +5191,7 @@ const fa = () => {
                   "aria-label": "Drag to reorder",
                   className: "cursor-grab active:cursor-grabbing p-1 -m-1 rounded-md hover:bg-gray-50",
                   draggable: !0,
-                  onDragStart: (V) => c(V, S.id),
+                  onDragStart: (U) => c(U, S.id),
                   children: /* @__PURE__ */ e(sa, {})
                 }
               ),
@@ -5187,7 +5203,7 @@ const fa = () => {
                 "button",
                 {
                   className: "cursor-pointer",
-                  onClick: () => U(S),
+                  onClick: () => V(S),
                   "aria-label": `Edit ${S.categoryName}`,
                   children: /* @__PURE__ */ e(Qt, { color: "#767676" })
                 }
@@ -5198,7 +5214,7 @@ const fa = () => {
                   className: M === 0 && !S.protected ? "cursor-pointer" : "cursor-not-allowed",
                   title: M === 0 && !S.protected ? "Delete" : "Cannot delete this collection",
                   onClick: M === 0 ? () => p(S) : null,
-                  children: /* @__PURE__ */ e(Ue, { color: M === 0 ? "#767676" : "#C2C2C2" })
+                  children: /* @__PURE__ */ e(Ve, { color: M === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
             ] })
@@ -5259,43 +5275,43 @@ function Mn(t) {
   const r = On(t);
   return Ce[r] || Ce[r.toLowerCase?.()] || Ln;
 }
-function Vn({
+function Un({
   appid: t,
   configdata: r = null,
   disableApi: s = !1,
   onCancel: o,
   onSave: n
 }) {
-  const [u, i] = ae.useState(r), [d, y] = ae.useState(null), [b, N] = O(!1), [a, k] = O(!1), [m, g] = O({}), $ = `${ve()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, L = $, [E, C] = O(1), I = (f) => {
+  const [u, i] = ae.useState(r), [d, y] = ae.useState(null), [b, N] = B(!1), [a, k] = B(!1), [m, g] = B({}), $ = `${ve()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, L = $, [O, C] = B(1), T = (f) => {
     if (!r || !r.configuration)
       return f;
     const w = {}, c = f?.configuration || {};
     return r.configuration.forEach((h) => {
       if (h.key && h.type === "datatable") {
-        const F = (c[h.key] || []).map((R, j) => {
-          const S = { id: R.id || 0 };
-          return h.fields && h.fields.forEach((T) => {
-            if (T.fieldtype === "audience") {
+        const F = (c[h.key] || []).map((I, j) => {
+          const S = { id: I.id || 0 };
+          return h.fields && h.fields.forEach((A) => {
+            if (A.fieldtype === "audience") {
               let M = { users: [], groups: [], roles: [] };
-              R[T.key] && (Array.isArray(R[T.key]) ? M = { users: [], groups: [], roles: [] } : typeof R[T.key] == "object" && (M = {
-                users: R[T.key].users || [],
-                groups: R[T.key].groups || [],
-                roles: R[T.key].roles || []
-              })), S[T.key] = M;
+              I[A.key] && (Array.isArray(I[A.key]) ? M = { users: [], groups: [], roles: [] } : typeof I[A.key] == "object" && (M = {
+                users: I[A.key].users || [],
+                groups: I[A.key].groups || [],
+                roles: I[A.key].roles || []
+              })), S[A.key] = M;
             } else
-              S[T.key] = R[T.key] || T.default || "";
+              S[A.key] = I[A.key] || A.default || "";
           }), S;
         });
         if (F.length === 0) {
-          const R = { id: 0 };
+          const I = { id: 0 };
           h.fields && h.fields.forEach((j) => {
-            j.fieldtype === "audience" ? R[j.key] = { users: [], groups: [], roles: [] } : R[j.key] = j.default || "";
-          }), F.push(R);
+            j.fieldtype === "audience" ? I[j.key] = { users: [], groups: [], roles: [] } : I[j.key] = j.default || "";
+          }), F.push(I);
         }
         w[h.key] = F;
       } else h.key && (w[h.key] = c[h.key] || {});
     }), w;
-  }, P = () => {
+  }, E = () => {
     if (r && r.configuration) {
       const f = {};
       r.configuration.forEach((w) => {
@@ -5325,10 +5341,10 @@ function Vn({
         N(!0);
         let w = await Ee($);
         if (w) {
-          const c = I(w);
+          const c = T(w);
           y(c);
         } else
-          P();
+          E();
       } catch (w) {
         console.error("Error fetching configuration:", w);
         let c = "Failed to load configuration";
@@ -5336,14 +5352,14 @@ function Vn({
           const h = w.response.status, x = w.response.data?.message || w.response.data?.error;
           h === 400 ? c = x || "Invalid request. Please check the application ID." : h === 401 ? c = "You are not authorized to access this configuration." : h === 403 ? c = "Access denied. You don't have permission to view this configuration." : h === 404 ? c = "Configuration not found. It may not exist yet or the application ID is incorrect." : h >= 500 ? c = x || "Server error. Please try again later." : c = x || `Failed to load configuration (Error ${h})`;
         } else w.request ? c = "Network error. Please check your connection and try again." : c = w.message || "An unexpected error occurred while loading configuration.";
-        ke.error(c), P();
+        ke.error(c), E();
       } finally {
         N(!1);
       }
     };
-    r && (i(r), t ? f() : P());
-  }, [r, E, t, s]);
-  const A = (f, w) => {
+    r && (i(r), t ? f() : E());
+  }, [r, O, t, s]);
+  const R = (f, w) => {
     y((c) => ({
       ...c,
       [f]: w
@@ -5351,7 +5367,7 @@ function Vn({
       const h = { ...c };
       return h[f] && delete h[f], h;
     });
-  }, U = () => {
+  }, V = () => {
     const f = {};
     return !u || !d || u.configuration.forEach((w) => {
       if (w.type === "section")
@@ -5366,15 +5382,15 @@ function Vn({
         Array.isArray(c) && c.forEach((h, x) => {
           w.fields.forEach((F) => {
             if (F.required) {
-              const R = h[F.key];
-              (!R || typeof R == "string" && R.trim() === "") && (f[w.key] || (f[w.key] = {}), f[w.key][x] || (f[w.key][x] = {}), f[w.key][x][F.key] = `${F.label} is required`);
+              const I = h[F.key];
+              (!I || typeof I == "string" && I.trim() === "") && (f[w.key] || (f[w.key] = {}), f[w.key][x] || (f[w.key][x] = {}), f[w.key][x][F.key] = `${F.label} is required`);
             }
           });
         });
       }
     }), f;
   }, q = (f) => Object.keys(f).length > 0, G = () => {
-    const f = U();
+    const f = V();
     if (g(f), q(f)) {
       let c = [];
       Object.keys(f).forEach((h) => {
@@ -5392,20 +5408,20 @@ function Vn({
         const c = {};
         d && Object.keys(d).forEach((x) => {
           const F = r?.configuration?.find(
-            (R) => R.key === x && R.type === "datatable"
+            (I) => I.key === x && I.type === "datatable"
           );
-          F && Array.isArray(d[x]) ? c[x] = d[x].map((R) => {
-            const j = { id: R.id || 0 };
+          F && Array.isArray(d[x]) ? c[x] = d[x].map((I) => {
+            const j = { id: I.id || 0 };
             return F.fields && F.fields.forEach((S) => {
               if (S.fieldtype === "audience") {
-                let T = { users: [], groups: [], roles: [] };
-                R[S.key] && typeof R[S.key] == "object" && !Array.isArray(R[S.key]) && (T = {
-                  users: R[S.key].users || [],
-                  groups: R[S.key].groups || [],
-                  roles: R[S.key].roles || []
-                }), j[S.key] = T;
+                let A = { users: [], groups: [], roles: [] };
+                I[S.key] && typeof I[S.key] == "object" && !Array.isArray(I[S.key]) && (A = {
+                  users: I[S.key].users || [],
+                  groups: I[S.key].groups || [],
+                  roles: I[S.key].roles || []
+                }), j[S.key] = A;
               } else
-                j[S.key] = R[S.key] || "";
+                j[S.key] = I[S.key] || "";
             }), j;
           }) : c[x] = d[x];
         });
@@ -5435,7 +5451,7 @@ function Vn({
     return /* @__PURE__ */ e("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "text-gray-500", children: "No configuration available" }) });
   const p = r?.configuration || u?.configuration;
   return X(() => {
-    s && r ? (!d || Object.keys(d).length === 0) && P() : s && !r && P();
+    s && r ? (!d || Object.keys(d).length === 0) && E() : s && !r && E();
   }, [s, r]), /* @__PURE__ */ l("div", { children: [
     /* @__PURE__ */ l(
       "div",
@@ -5452,7 +5468,7 @@ function Vn({
                 {
                   item: f,
                   data: d,
-                  updateHandler: A,
+                  updateHandler: R,
                   validationErrors: m
                 },
                 w
@@ -5489,7 +5505,7 @@ const ys = ({
   appid: r = "Configuration-Page",
   disableApi: s = !1
 }) => {
-  const [o, n] = O(0), [u, i] = O(!1), [d, y] = O(r), {
+  const [o, n] = B(0), [u, i] = B(!1), [d, y] = B(r), {
     pageHeader: b = {},
     appletHeader: N = {},
     breadcrumb: a = [],
@@ -5541,11 +5557,11 @@ const ys = ({
   }, L = a.map((p) => ({
     label: p.text,
     href: p.href || "#"
-  })), E = K(() => {
+  })), O = K(() => {
     console.log("handleCancelRequest called - showing modal"), i(!0);
   }, []), C = K((p) => {
     i(!1), p.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
-  }, []), I = () => {
+  }, []), T = () => {
     for (const p of g)
       if (p.type === "section" && p.fields) {
         const f = p.fields.find((w) => w.key === "displayname");
@@ -5555,20 +5571,20 @@ const ys = ({
     return r;
   };
   ae.useEffect(() => {
-    y(I());
+    y(T());
   }, [g]);
-  const P = K((p) => {
+  const E = K((p) => {
     console.log("Config saved with data:", p), Object.keys(p).forEach((f) => {
       const w = p[f];
       console.log(`Checking section ${f}:`, w), w && w.displayname && (console.log("Found displayname:", w.displayname), y(w.displayname));
     });
-  }, []), A = {
+  }, []), R = {
     subHeading: "Application configuration and details",
     tags: [],
     ...N,
     heading: d
     // Ensure displayname always overrides config heading
-  }, U = {
+  }, V = {
     about: "This application provides comprehensive functionality for your organization.",
     images: {
       desktop: "https://via.placeholder.com/600x400?text=Desktop+View",
@@ -5587,8 +5603,8 @@ const ys = ({
     ],
     ...k
   }, q = [
-    { label: "Overview", content: v(U) },
-    { label: "Configuration", content: /* @__PURE__ */ e(Vn, { appid: r, configdata: { configuration: g }, disableApi: s, onCancel: E, onSave: P }) }
+    { label: "Overview", content: v(V) },
+    { label: "Configuration", content: /* @__PURE__ */ e(Un, { appid: r, configdata: { configuration: g }, disableApi: s, onCancel: O, onSave: E }) }
   ];
   function G(p) {
     return p ? p.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: p } }) : p : "📱";
@@ -5647,11 +5663,11 @@ const ys = ({
       }
     ),
     /* @__PURE__ */ l("div", { className: "bg-[#ffffff] border border-[#eef2f6] rounded-[12px] px-6 py-5 flex gap-4 items-start mb-4 shadow-sm", children: [
-      /* @__PURE__ */ e("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: G(A.icon) }),
+      /* @__PURE__ */ e("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: G(R.icon) }),
       /* @__PURE__ */ l("div", { className: "flex flex-col min-w-0", children: [
-        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: A.heading }),
-        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: A.subHeading }),
-        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: A.tags && A.tags.map((p, f) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: R.heading }),
+        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: R.subHeading }),
+        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: R.tags && R.tags.map((p, f) => /* @__PURE__ */ e(
           "span",
           {
             className: "pill inline-block px-[10px] py-[6px] rounded-[14px] text-[11px] border border-[#e6e9ee] text-[#767676] font-semibold mt-1",
@@ -5735,27 +5751,27 @@ const bs = ({
   showAdd: $ = !1,
   // Additional props
   searchPlaceholder: L = "Search...",
-  handleRefreshClick: E = () => {
+  handleRefreshClick: O = () => {
   },
   handleSearchChange: C = () => {
   },
   // Optional: override export file names
-  excelFileName: I,
-  pdfFileName: P
+  excelFileName: T,
+  pdfFileName: E
 }) => {
-  const A = () => n?.current || o?.current, [U, q] = ae.useState(""), G = (t || "export").toString().trim() || "export", v = `${I || G}.xlsx`, p = `${P || G}.pdf`, f = (h, x, F) => Math.max(x, Math.min(h, F)), w = K(
+  const R = () => n?.current || o?.current, [V, q] = ae.useState(""), G = (t || "export").toString().trim() || "export", v = `${T || G}.xlsx`, p = `${E || G}.pdf`, f = (h, x, F) => Math.max(x, Math.min(h, F)), w = K(
     (h) => {
-      const x = A();
+      const x = R();
       if (console.log("openColumnChooserNear", x), !!x?.openColumnChooser) {
         if (typeof window > "u" || !h?.currentTarget) {
           x.openColumnChooser();
           return;
         }
         try {
-          const F = h.currentTarget.getBoundingClientRect(), R = F.left + window.scrollX, j = F.bottom + window.scrollY;
-          let S = R - 120, T = j - 120;
+          const F = h.currentTarget.getBoundingClientRect(), I = F.left + window.scrollX, j = F.bottom + window.scrollY;
+          let S = I - 120, A = j - 120;
           const M = window.innerWidth, D = window.innerHeight;
-          S = f(S, window.scrollX + 8, window.scrollX + M - 340), T = f(T, window.scrollY, window.scrollY + D - 120), console.log("openColumnChooserNear", S, T), x.openColumnChooser(S, T);
+          S = f(S, window.scrollX + 8, window.scrollX + M - 340), A = f(A, window.scrollY, window.scrollY + D - 120), console.log("openColumnChooserNear", S, A), x.openColumnChooser(S, A);
         } catch (F) {
           console.log("coloumn choose error", F);
         }
@@ -5765,7 +5781,7 @@ const bs = ({
     // no external deps; reads ref at call time
   ), c = K(
     (h, x) => {
-      const F = A();
+      const F = R();
       if (F)
         switch (h) {
           case "ColumnChooser":
@@ -5781,11 +5797,11 @@ const bs = ({
             m && F.pdfExport?.({ fileName: p });
             break;
           case "Refresh":
-            g && E();
+            g && O();
             break;
         }
     },
-    [b, a, k, m, g, v, p, E, w]
+    [b, a, k, m, g, v, p, O, w]
   );
   return /* @__PURE__ */ l("div", { className: "flex items-center flex-wrap justify-between w-full px-4 py-2 bg-white border border-gray-200 rounded-t-2xl mb-0", children: [
     /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
@@ -5801,7 +5817,7 @@ const bs = ({
         he,
         {
           placeholder: L,
-          value: U,
+          value: V,
           onDebouncedChange: (h) => {
             q(h), C(h);
           }
@@ -5911,44 +5927,44 @@ function vs(t) {
     enableSearchApi: g = !1,
     height: $ = "600",
     selectionSettings: L = { type: "Multiple", mode: "Row" },
-    enableCheckbox: E = !1,
+    enableCheckbox: O = !1,
     columns: C = [],
-    onGridStateChange: I,
-    onRowSelected: P,
-    onRowDeselected: A,
-    onRowDoubleClick: U,
+    onGridStateChange: T,
+    onRowSelected: E,
+    onRowDeselected: R,
+    onRowDoubleClick: V,
     apiRef: q,
     gridProps: G = {}
   } = t, v = ue(null), {
     pageSettings: p,
     sortSettings: f,
     ...w
-  } = G || {}, [c, h] = ae.useState(p?.page || 1), [x, F] = ae.useState(f?.pageSize || 20), [R, j] = ae.useState(f?.sortKey || "updatedDate"), [S, T] = ae.useState(f?.direction || "Descending"), M = ce(() => {
-    const B = [$r];
-    return i && B.push(Fr), d && B.push(Tr), y && B.push(Ar), g && B.push(Er), a && B.push(Rr), k && B.push(Ir), m && B.push(zr), N && B.push(Pr), b && B.push(Br), B.push(Lr), B;
+  } = G || {}, [c, h] = ae.useState(p?.page || 1), [x, F] = ae.useState(f?.pageSize || 20), [I, j] = ae.useState(f?.sortKey || "updatedDate"), [S, A] = ae.useState(f?.direction || "Descending"), M = ce(() => {
+    const P = [$r];
+    return i && P.push(Fr), d && P.push(Tr), y && P.push(Ar), g && P.push(Er), a && P.push(Rr), k && P.push(Ir), m && P.push(zr), N && P.push(Pr), b && P.push(Br), P.push(Lr), P;
   }, [i, d, y, g, a, k, m, N, b]), D = ce(() => {
-    const B = () => v.current, te = (W, pe) => {
+    const P = () => v.current, te = (W, pe) => {
       !pe && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${W} requested but related service/feature is disabled.`);
     };
     return {
-      getInstance: () => B(),
-      refresh: () => B()?.refresh?.(),
-      getSelectedRecords: () => B()?.getSelectedRecords?.() ?? [],
-      clearSelection: () => B()?.clearSelection?.(),
-      selectRow: (W) => B()?.selectRow?.(W),
-      selectRows: (W) => B()?.selectRows?.(W),
+      getInstance: () => P(),
+      refresh: () => P()?.refresh?.(),
+      getSelectedRecords: () => P()?.getSelectedRecords?.() ?? [],
+      clearSelection: () => P()?.clearSelection?.(),
+      selectRow: (W) => P()?.selectRow?.(W),
+      selectRows: (W) => P()?.selectRows?.(W),
       search: (W) => {
-        te("search()", g), B()?.search?.(W);
+        te("search()", g), P()?.search?.(W);
       },
-      print: () => B()?.print?.(),
+      print: () => P()?.print?.(),
       excelExport: (W) => {
-        te("excelExport()", a), B()?.excelExport?.(W);
+        te("excelExport()", a), P()?.excelExport?.(W);
       },
       pdfExport: (W) => {
-        te("pdfExport()", k), B()?.pdfExport?.(W);
+        te("pdfExport()", k), P()?.pdfExport?.(W);
       },
       openColumnChooser: (W, pe) => {
-        te("openColumnChooser()", m), B()?.columnChooserModule?.openColumnChooser?.(W, pe);
+        te("openColumnChooser()", m), P()?.columnChooserModule?.openColumnChooser?.(W, pe);
       }
     };
   }, []);
@@ -5957,14 +5973,14 @@ function vs(t) {
   }, [q, D]), X(() => () => {
     q && (q.current = null);
   }, []);
-  const z = (B) => {
-    const te = String(B || "");
+  const z = (P) => {
+    const te = String(P || "");
     return te === "Ascending" || te === "Descending" ? te : te.toLowerCase() === "ascending" ? "Ascending" : "Descending";
-  }, V = (B) => {
-    const te = v.current, W = B?.requestType, pe = W === "paging" ? "paging" : W === "sorting" ? "sorting" : W === "searching" ? "searching" : W === "filtering" ? "filtering" : W === "grouping" ? "grouping" : W === "reorder" ? "reorder" : W === "columnstate" ? "columnstate" : "other", $e = B?.pageSize ?? te?.pageSettings?.pageSize ?? x, Ie = B?.currentPage ?? te?.pageSettings?.currentPage ?? n, Je = B?.columnName && B?.direction ? [{ field: B.columnName, dir: z(B.direction) }] : (te?.sortSettings?.columns || []).map((Fe) => ({
+  }, U = (P) => {
+    const te = v.current, W = P?.requestType, pe = W === "paging" ? "paging" : W === "sorting" ? "sorting" : W === "searching" ? "searching" : W === "filtering" ? "filtering" : W === "grouping" ? "grouping" : W === "reorder" ? "reorder" : W === "columnstate" ? "columnstate" : "other", $e = P?.pageSize ?? te?.pageSettings?.pageSize ?? x, Ie = P?.currentPage ?? te?.pageSettings?.currentPage ?? n, Je = P?.columnName && P?.direction ? [{ field: P.columnName, dir: z(P.direction) }] : (te?.sortSettings?.columns || []).map((Fe) => ({
       field: Fe.field,
       dir: z(Fe.direction ?? Fe.dir)
-    })), Qe = B?.searchString ?? "", Xe = B?.columns ?? te?.filterSettings?.columns ?? [];
+    })), Qe = P?.searchString ?? "", Xe = P?.columns ?? te?.filterSettings?.columns ?? [];
     return {
       reason: pe,
       page: { index: Ie, size: $e, skip: (Ie - 1) * $e, take: $e },
@@ -5972,17 +5988,17 @@ function vs(t) {
       // [{ field, dir: 'Ascending'|'Descending' }]
       search: Qe,
       filters: Xe,
-      rawEvent: B
+      rawEvent: P
     };
-  }, Ne = (B) => {
+  }, Ne = (P) => {
     setTimeout(() => {
       v?.current?.hideSpinner();
-    }, 1e3), B.requestType === "paging" && (h(B.currentPage), F(B.pageSize)), B.requestType === "sorting" && (j(B.columnName || "updatedDate"), T(B.direction === "Ascending" ? "ASC" : "DESC")), I && I(V(B), B);
-  }, ie = (B) => {
-    typeof U == "function" && U(B?.rowData, B);
+    }, 1e3), P.requestType === "paging" && (h(P.currentPage), F(P.pageSize)), P.requestType === "sorting" && (j(P.columnName || "updatedDate"), A(P.direction === "Ascending" ? "ASC" : "DESC")), T && T(U(P), P);
+  }, ie = (P) => {
+    typeof V == "function" && V(P?.rowData, P);
   }, xe = () => {
-    const B = [];
-    return E && B.push(/* @__PURE__ */ e(ia, { type: "checkbox", width: "50" }, "__checkbox__")), C.forEach((te, W) => {
+    const P = [];
+    return O && P.push(/* @__PURE__ */ e(ia, { type: "checkbox", width: "50" }, "__checkbox__")), C.forEach((te, W) => {
       const {
         field: pe,
         headerText: $e,
@@ -6001,7 +6017,7 @@ function vs(t) {
         customAttributes: ct,
         ...dt
       } = te || {};
-      B.push(
+      P.push(
         /* @__PURE__ */ e(
           ia,
           {
@@ -6025,7 +6041,7 @@ function vs(t) {
           pe || `col-${W}`
         )
       );
-    }), B;
+    }), P;
   };
   return /* @__PURE__ */ l(
     Or,
@@ -6047,17 +6063,17 @@ function vs(t) {
       selectionSettings: L,
       pageSettings: { pageSize: 10, pageSizes: p?.pageSizes ?? [20, 40, 60, 80, 100] },
       sortSettings: f ?? {
-        columns: [{ field: R, direction: z(S) }],
+        columns: [{ field: I, direction: z(S) }],
         allowUnsort: !1
       },
       actionBegin: Ne,
-      rowSelected: P,
-      rowDeselected: A,
+      rowSelected: E,
+      rowDeselected: R,
       recordDoubleClick: ie,
       ...w,
       children: [
         /* @__PURE__ */ e(Mr, { children: xe() }),
-        /* @__PURE__ */ e(Vr, { services: M })
+        /* @__PURE__ */ e(Ur, { services: M })
       ]
     }
   );
@@ -6076,7 +6092,7 @@ export {
   gs as CustomTab,
   Ma as DatePicker,
   Jr as DateRangePicker,
-  Vn as DynamicConfig,
+  Un as DynamicConfig,
   es as FileUploadModal,
   ys as FullConfigPage,
   ns as FullScreenLoader,
@@ -6089,7 +6105,7 @@ export {
   en as PageHeader,
   os as PageLayout,
   ts as Pagination,
-  Va as RadioGroup,
+  Ua as RadioGroup,
   he as SearchBar,
   ra as Select,
   rs as Sidebar,