unifyedx-storybook-new 0.2.92 → 0.2.94

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

@@ -1,14 +1,14 @@
 import { jsxs as n, jsx as e, Fragment as re } from "react/jsx-runtime";
 import ne, { useState as B, useMemo as ae, useId as Ze, Fragment as ee, useEffect as te, useCallback as K, useRef as ge } from "react";
-import { a as Z, U as ct, X as Ne, P as c, L as Ra, C as ve, b as tt, D as dt, f as Ct, d as Wt, F as Ia, e as Oa, h as Ma, T as Be, u as Pa, I as Jt, i as Xt, j as La, k as Ba, l as Va, m as Qt, S as yt, n as Ht, M as ja, o as _a, p as xt, q as Ga, A as Ua, E as Zt, r as qa, s as Ya, t as Wa, v as Ja, w as Kt, x as Xa, y as Qa, z as Ha, B as Za, G as Ka, H as er, J as Ve, K as zt, N as St, O as tr, Q as ea, R as ar, V as vt, W as rr, Y as nr, Z as je, _ as sr, $ as lr, a0 as ir, a1 as or, a2 as cr, a3 as dr, a4 as Dt, a5 as mr, a6 as ur, a7 as hr, a8 as pr, a9 as gr, aa as br, ab as fr, ac as yr, ad as Te, ae as ta, af as xr, ag as vr, ah as Nr, ai as wr, aj as kr, ak as aa, al as Cr, am as zr, an as ra, ao as Sr, ap as mt, aq as na, ar as Dr } from "./vendor-DPyu0wpu.js";
+import { c as Z, U as ct, X as Ne, P as c, L as Ra, C as ve, a as tt, D as dt, f as Ct, b as Wt, F as Ia, d as Oa, e as Ma, T as Be, u as Pa, I as Jt, g as Xt, h as La, i as Ba, j as Va, k as Qt, S as yt, l as Ht, M as ja, m as _a, n as xt, o as Ga, A as Ua, E as Zt, p as qa, q as Ya, r as Wa, s as Ja, t as Kt, v as Xa, w as Qa, x as Ha, y as Za, z as Ka, B as er, G as Ve, H as zt, J as St, K as tr, N as ea, O as ar, Q as vt, R as rr, V as nr, W as je, Y as sr, Z as lr, _ as ir, $ as or, a0 as cr, a1 as dr, a2 as Dt, a3 as mr, a4 as ur, a5 as hr, a6 as pr, a7 as gr, a8 as br, a9 as fr, aa as yr, ab as Te, ac as ta, ad as xr, ae as vr, af as Nr, ag as wr, ah as kr, ai as aa, aj as Cr, ak as zr, al as ra, am as Sr, an as mt, ao as na, ap as Dr } from "./vendor-j6TpyJEY.js";
 import { Popover as $r, PopoverButton as Ar, PopoverPanel as Tr, Transition as fe, Dialog as xe, TransitionChild as ke, DialogPanel as Fe, DialogTitle as at, TabGroup as Fr, TabList as Er, Tab as le, TabPanels as Rr, RadioGroup as qe, Listbox as oe, ListboxButton as Ir, ListboxOptions as Or, ListboxOption as Mr, SwitchGroup as Pr, Switch as it, Menu as Lr, MenuButton as Br, Portal as Vr, MenuItems as jr, MenuItem as _r, DialogBackdrop as Gr } from "@headlessui/react";
 import { motion as ce, AnimatePresence as De } from "framer-motion";
-import { d as Ur } from "./vendor-lodash-C6XpDdXw.js";
+import Ur from "lodash/debounce";
 import { useFloating as qr, offset as Yr, flip as Wr, shift as Jr, autoUpdate as Xr } from "@floating-ui/react";
 import ot, { debounce as Qr } from "lodash";
 import { ToastContainer as Hr, Slide as Zr, toast as Me } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
-import { P as Kr, S as en, a as tn, F as an, G as rn, b as nn, E as sn, c as ln, C as on, R as cn, d as dn, e as mn, f as un, g as hn, I as pn, h as $t } from "./vendor-syncfusion-BHkXI8Em.js";
+import { Page as Kr, Selection as en, Sort as tn, Filter as an, Group as rn, Search as nn, ExcelExport as sn, PdfExport as ln, ColumnChooser as on, Resize as cn, Reorder as dn, Print as mn, GridComponent as un, ColumnsDirective as hn, Inject as pn, ColumnDirective as $t } from "@syncfusion/ej2-react-grids";
 const gn = (t) => {
   let a = 2166136261;
   for (let s = 0; s < t.length; s++)
@@ -910,9 +910,9 @@ const vn = {
               "select",
               {
                 value: F.operator || "in",
-                onChange: (D) => T.setFieldValue(`${E}.operator`, D.target.value),
+                onChange: (z) => T.setFieldValue(`${E}.operator`, z.target.value),
                 className: "filter-select",
-                children: U.operators.map((D) => /* @__PURE__ */ e("option", { value: D, children: D === "in" ? "Includes" : "Excludes" }, D))
+                children: U.operators.map((z) => /* @__PURE__ */ e("option", { value: z, children: z === "in" ? "Includes" : "Excludes" }, z))
               }
             )
           ] }),
@@ -925,8 +925,8 @@ const vn = {
                   id: `select-all-${E}`,
                   className: "filter-checkbox-input",
                   checked: U.options.length > 0 && m.length === U.options.length,
-                  onChange: (D) => {
-                    const M = D.target.checked ? U.options.map((q) => q.value) : [];
+                  onChange: (z) => {
+                    const M = z.target.checked ? U.options.map((q) => q.value) : [];
                     T.setFieldValue(`${E}.values`, M);
                   }
                 }
@@ -940,16 +940,16 @@ const vn = {
                 }
               )
             ] }),
-            U.options.map((D) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
+            U.options.map((z) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `${E}-${D.value}`,
+                  id: `${E}-${z.value}`,
                   className: "filter-checkbox-input",
-                  checked: m.includes(D.value),
+                  checked: m.includes(z.value),
                   onChange: (M) => {
-                    const q = M.target.checked ? [...m, D.value] : m.filter((X) => X !== D.value);
+                    const q = M.target.checked ? [...m, z.value] : m.filter((X) => X !== z.value);
                     T.setFieldValue(`${E}.values`, q);
                   }
                 }
@@ -957,12 +957,12 @@ const vn = {
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `${E}-${D.value}`,
+                  htmlFor: `${E}-${z.value}`,
                   className: "filter-checkbox-label",
-                  children: D.label
+                  children: z.label
                 }
               )
-            ] }, D.value))
+            ] }, z.value))
           ] })
         ] });
       case "multiselect-users":
@@ -974,9 +974,9 @@ const vn = {
               "select",
               {
                 value: F.operator || "in",
-                onChange: (D) => T.setFieldValue(`${E}.operator`, D.target.value),
+                onChange: (z) => T.setFieldValue(`${E}.operator`, z.target.value),
                 className: "filter-select",
-                children: U.operators.map((D) => /* @__PURE__ */ e("option", { value: D, children: D === "in" ? "Includes" : "Excludes" }, D))
+                children: U.operators.map((z) => /* @__PURE__ */ e("option", { value: z, children: z === "in" ? "Includes" : "Excludes" }, z))
               }
             )
           ] }),
@@ -989,8 +989,8 @@ const vn = {
                   id: `select-all-users-${E}`,
                   className: "filter-checkbox-input",
                   checked: k.length > 0 && m.length === k.length,
-                  onChange: (D) => {
-                    const M = D.target.checked ? k.map((q) => q.email) : [];
+                  onChange: (z) => {
+                    const M = z.target.checked ? k.map((q) => q.email) : [];
                     T.setFieldValue(
                       `${E}.values`,
                       M
@@ -1007,16 +1007,16 @@ const vn = {
                 }
               )
             ] }),
-            k.map((D) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
+            k.map((z) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `${E}-${D.email}`,
+                  id: `${E}-${z.email}`,
                   className: "filter-checkbox-input",
-                  checked: m.includes(D.email),
+                  checked: m.includes(z.email),
                   onChange: (M) => {
-                    const q = M.target.checked ? [...m, D.email] : m.filter((X) => X !== D.email);
+                    const q = M.target.checked ? [...m, z.email] : m.filter((X) => X !== z.email);
                     T.setFieldValue(
                       `${E}.values`,
                       q
@@ -1027,19 +1027,19 @@ const vn = {
               /* @__PURE__ */ n(
                 "label",
                 {
-                  htmlFor: `${E}-${D.email}`,
+                  htmlFor: `${E}-${z.email}`,
                   className: "filter-checkbox-label",
                   children: [
-                    /* @__PURE__ */ e("span", { className: "user-label-name", children: D.name }),
-                    /* @__PURE__ */ e("span", { className: "user-label-email", children: D.email })
+                    /* @__PURE__ */ e("span", { className: "user-label-name", children: z.name }),
+                    /* @__PURE__ */ e("span", { className: "user-label-email", children: z.email })
                   ]
                 }
               )
-            ] }, D.email))
+            ] }, z.email))
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const P = F.values || [], [$, p] = P, z = $ && p, I = P[0] || null, w = P[1] || null, S = {
+        const P = F.values || [], [$, p] = P, S = $ && p, I = P[0] || null, w = P[1] || null, D = {
           startDate: I instanceof Date ? I.toISOString().slice(0, 10) : null,
           endDate: I instanceof Date ? I.toISOString().slice(0, 10) : null
         }, y = {
@@ -1053,17 +1053,17 @@ const vn = {
           { key: "this_month", label: "This Month" },
           { key: "last_month", label: "Last Month" },
           { key: "custom", label: "Custom" }
-        ], R = (D) => {
-          if (D === "anytime") {
+        ], R = (z) => {
+          if (z === "anytime") {
             T.setFieldValue(`${E}.values`, []), T.setFieldValue(`${E}.range`, "anytime");
             return;
           }
-          if (D === "custom") {
+          if (z === "custom") {
             T.setFieldValue(`${E}.range`, "custom");
             return;
           }
-          const [M, q] = Tn(D);
-          T.setFieldValue(`${E}.values`, M && q ? [M, q] : []), T.setFieldValue(`${E}.range`, D);
+          const [M, q] = Tn(z);
+          T.setFieldValue(`${E}.values`, M && q ? [M, q] : []), T.setFieldValue(`${E}.range`, z);
         };
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -1072,12 +1072,12 @@ const vn = {
               "select",
               {
                 value: F.operator,
-                onChange: (D) => T.setFieldValue(`${E}.operator`, D.target.value),
+                onChange: (z) => T.setFieldValue(`${E}.operator`, z.target.value),
                 className: "filter-select",
-                children: U.operators.map((D) => /* @__PURE__ */ e("option", { value: D, children: D === "in" ? "Is" : "Is not" }, D))
+                children: U.operators.map((z) => /* @__PURE__ */ e("option", { value: z, children: z === "in" ? "Is" : "Is not" }, z))
               }
             ),
-            z && /* @__PURE__ */ e(
+            S && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -1092,8 +1092,8 @@ const vn = {
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: N.map((D) => {
-            const M = F.range === D.key || D.key === "anytime" && (!Array.isArray(F.values) || F.values.length === 0);
+          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: N.map((z) => {
+            const M = F.range === z.key || z.key === "anytime" && (!Array.isArray(F.values) || F.values.length === 0);
             return /* @__PURE__ */ n(
               "label",
               {
@@ -1105,15 +1105,15 @@ const vn = {
                       type: "radio",
                       name: `preset-${E}`,
                       checked: M,
-                      onChange: () => R(D.key),
+                      onChange: () => R(z.key),
                       className: "h-4 w-4"
                     }
                   ),
-                  /* @__PURE__ */ e("span", { className: "text-sm text-[#222]", children: D.label }),
-                  D.key === "anytime" && M && /* @__PURE__ */ e("span", { className: "ml-2 text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded", children: "Default" })
+                  /* @__PURE__ */ e("span", { className: "text-sm text-[#222]", children: z.label }),
+                  z.key === "anytime" && M && /* @__PURE__ */ e("span", { className: "ml-2 text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded", children: "Default" })
                 ]
               },
-              D.key
+              z.key
             );
           }) }) }),
           /* @__PURE__ */ n("div", { className: "", children: [
@@ -1125,9 +1125,9 @@ const vn = {
                 {
                   asSingle: !0,
                   useRange: !1,
-                  value: S,
-                  onChange: (D) => {
-                    const M = D?.startDate ? _e(new Date(D.startDate)) : null, q = P[1] || null;
+                  value: D,
+                  onChange: (z) => {
+                    const M = z?.startDate ? _e(new Date(z.startDate)) : null, q = P[1] || null;
                     M && (T.setFieldValue(`${E}.values`, [M, q]), T.setFieldValue(`${E}.range`, "custom"));
                   },
                   inputClassName: "w-full rounded-xl border border-[#767676] px-4 py-2 text-sm font-normal text-[#101112] focus:border-violet-500 focus:outline-none focus:ring-1 focus:ring-violet-500",
@@ -1150,8 +1150,8 @@ const vn = {
                   asSingle: !0,
                   useRange: !1,
                   value: y,
-                  onChange: (D) => {
-                    const M = D?.startDate ? Ge(new Date(D.startDate)) : null, q = P[0] || null;
+                  onChange: (z) => {
+                    const M = z?.startDate ? Ge(new Date(z.startDate)) : null, q = P[0] || null;
                     M && (T.setFieldValue(`${E}.values`, [q, M]), T.setFieldValue(`${E}.range`, "custom"));
                   },
                   inputClassName: "w-full rounded-xl border border-[#767676] px-4 py-2 text-sm font-normal text-[#101112] focus:border-violet-500 focus:outline-none focus:ring-1 focus:ring-violet-500",
@@ -2694,17 +2694,17 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
     d.filter((y) => C.has(y.id)).forEach((y) => {
       F.find((N) => N.id === y.id) || m({ ...y, permission: V.name });
     }), T(/* @__PURE__ */ new Set()), r("");
-  }, z = (y) => {
+  }, S = (y) => {
     _(y), F.forEach(
       (N, R) => L(R, { ...F[R], permission: y.name })
     );
   }, I = async (y) => {
     try {
       if (l === pe.DRIVE) {
-        const N = y.pendingInvites.map((D) => ({
-          id: D.id,
-          permission: D.permission,
-          type: D.type.toLowerCase()
+        const N = y.pendingInvites.map((z) => ({
+          id: z.id,
+          permission: z.permission,
+          type: z.type.toLowerCase()
         }));
         o({
           entity: t,
@@ -2724,10 +2724,10 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
         }));
         o(N, i);
       } else if (l === pe.ARTICLE) {
-        const N = y.pendingInvites.map((D) => ({
-          id: D.id,
-          permission: D.permission,
-          type: D.type.toLowerCase()
+        const N = y.pendingInvites.map((z) => ({
+          id: z.id,
+          permission: z.permission,
+          type: z.type.toLowerCase()
         }));
         o({
           entity: t,
@@ -2745,7 +2745,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
   }, w = (y) => {
     const N = i[f.code].find((R) => R.name === y.name && R.permission !== "remove") || P.find((R) => R.name === y.name);
     return N ? `${N.permission}` : "";
-  }, S = () => {
+  }, D = () => {
     switch (l) {
       case pe.DRIVE:
         return "Share with others";
@@ -2759,7 +2759,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
   };
   return ae(() => (console.log("InviteFlow - isChanged:", h, "pendingInvites.length:", P.length), P.length === 0 && !h), [P.length, h]), /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-white", children: [
     /* @__PURE__ */ n("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
-      /* @__PURE__ */ e(xe.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: S() }),
+      /* @__PURE__ */ e(xe.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: D() }),
       /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
         l === pe.DRIVE && /* @__PURE__ */ n("button", { className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 font-semibold hover:cursor-pointer", children: [
           /* @__PURE__ */ e(er, { className: "h-5 w-5" }),
@@ -2919,7 +2919,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
                 oe,
                 {
                   value: V,
-                  onChange: z,
+                  onChange: S,
                   children: /* @__PURE__ */ n("div", { className: "relative", children: [
                     /* @__PURE__ */ n(oe.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__ */ n("span", { className: "flex items-center", children: [
@@ -3361,7 +3361,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
     b({ id: F, type: k, name: m }), _(v), g(be.MEMBERS);
   }, E = (F, m = !1) => {
     console.log("changedExistingShares", F), x(F);
-    const k = ot.mapValues(t, ($) => $.map((p) => ({ id: p.id, permission: p.permission })).sort((p, z) => p.id - z.id)), L = ot.mapValues(F, ($) => $.map((p) => ({ id: p.id, permission: p.permission })).sort((p, z) => p.id - z.id));
+    const k = ot.mapValues(t, ($) => $.map((p) => ({ id: p.id, permission: p.permission })).sort((p, S) => p.id - S.id)), L = ot.mapValues(F, ($) => $.map((p) => ({ id: p.id, permission: p.permission })).sort((p, S) => p.id - S.id));
     console.log("Existing data:", k), console.log("Changed data:", L);
     const P = !ot.isEqual(k, L);
     console.log("hasPermissionChanged:", P), T(P), P && (console.log("[AddUserGroupsRolesModal] Immediately syncing changes with parent"), s({ pendingInvites: [] }, F)), m && v === be.MANAGE ? console.log("[AddUserGroupsRolesModal] Staying in ManageFlow after removal") : g(v === be.MEMBERS ? V : be.INVITE);
@@ -3565,7 +3565,7 @@ function rt({
                     $ ? " text-gray-400  bg-white  cursor-not-allowed" : p ? " bg-gray-200  text-gray-900" : " text-gray-900",
                     " relative  cursor-default  select-none  py-2  pl-3  pr-9"
                   ),
-                  children: ({ selected: p, active: z }) => /* @__PURE__ */ n(re, { children: [
+                  children: ({ selected: p, active: S }) => /* @__PURE__ */ n(re, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
@@ -3580,7 +3580,7 @@ function rt({
                       "span",
                       {
                         className: Ye(
-                          z ? " text-gray-900" : " text-gray-600",
+                          S ? " text-gray-900" : " text-gray-600",
                           " absolute  inset-y-0  right-0  flex  items-center  pr-4"
                         ),
                         children: /* @__PURE__ */ e(tt, { className: "w-5 h-5", "aria-hidden": "true" })
@@ -3899,9 +3899,9 @@ function jl({
     { rootId: a, getId: i, getParent: l, getName: u }
   ), [t, a, i, l, u]), [T, A] = B({}), O = K(($) => {
     const p = {};
-    return (function z(I) {
+    return (function S(I) {
       I.forEach((w) => {
-        p[w.id] = !0, w.children?.length && z(w.children);
+        p[w.id] = !0, w.children?.length && S(w.children);
       });
     })($), p;
   }, []);
@@ -3920,62 +3920,62 @@ function jl({
     F.current = $?.x ?? 0;
   }, L = K(
     ({ active: $, over: p }) => {
-      const z = F.current;
+      const S = F.current;
       if (F.current = 0, U(null), !$ || !p) return;
       const I = String($.id).replace(/^drag-/, ""), w = String(p.id).replace(/^drop-/, "");
       if (!I || !w || I === w) return;
-      let S = w;
-      const y = Math.max(0, Math.floor(-z / b));
+      let D = w;
+      const y = Math.max(0, Math.floor(-S / b));
       if (y > 0) {
         let q = w;
         for (let X = 0; X < y; X++) {
           const Y = xa(_, q, null);
           if (!Y) break;
           if (!Y.parentId) {
-            S = a;
+            D = a;
             break;
           }
-          S = Y.parentId, q = Y.parentId;
+          D = Y.parentId, q = Y.parentId;
         }
       }
-      if (d && S === a) {
+      if (d && D === a) {
         G(Le(C));
         return;
       }
-      const N = Le(_), { newRoots: R, removed: D } = cs(N, I);
-      if (!D) return;
-      const M = ds(R, S, D);
-      G(M), r?.({ sourceId: I, destParentId: S, newTree: M });
+      const N = Le(_), { newRoots: R, removed: z } = cs(N, I);
+      if (!z) return;
+      const M = ds(R, D, z);
+      G(M), r?.({ sourceId: I, destParentId: D, newTree: M });
     },
     [_, C, a, d, b, r]
   ), P = K(
-    ($, p = 0) => $.map((z) => /* @__PURE__ */ n(ne.Fragment, { children: [
+    ($, p = 0) => $.map((S) => /* @__PURE__ */ n(ne.Fragment, { children: [
       /* @__PURE__ */ e(
         as,
         {
-          node: z,
+          node: S,
           depth: p,
-          expanded: !!T[z.id],
-          onToggle: () => V(z.id),
+          expanded: !!T[S.id],
+          onToggle: () => V(S.id),
           onSelect: o,
           onCreateChild: f,
           onRename: v,
           onDelete: g,
           renderActions: x,
-          dragId: `drag-${z.id}`,
-          dropId: `drop-${z.id}`,
+          dragId: `drag-${S.id}`,
+          dropId: `drop-${S.id}`,
           indent: b
         }
       ),
-      T[z.id] && z.children?.length > 0 ? P(z.children, p + 1) : null
-    ] }, z.id)),
+      T[S.id] && S.children?.length > 0 ? P(S.children, p + 1) : null
+    ] }, S.id)),
     [T, b, f, g, v, o, x, V]
   );
   return ne.useMemo(() => {
     if (!E) return null;
     const $ = String(E).replace(/^drag-/, "");
-    function p(z) {
-      for (const I of z) {
+    function p(S) {
+      for (const I of S) {
         if (I.id === $) return I;
         const w = I.children?.length ? p(I.children) : null;
         if (w) return w;
@@ -4249,7 +4249,7 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             name: r.key,
             defaultValue: r.default,
-            value: o[r.key] || "",
+            value: o[r.key] !== void 0 && o[r.key] !== null ? o[r.key] : r.default !== void 0 ? r.default : "",
             onChange: (d) => {
               const b = { ...o, [r.key]: d };
               h(b);
@@ -4604,8 +4604,8 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   }, []);
   const A = (m) => {
     const k = ($, p) => {
-      r((z) => {
-        const I = [...z];
+      r((S) => {
+        const I = [...S];
         return I[$][m.key] = p, I;
       });
     }, L = ($) => i[l.key]?.[$]?.[m.key], P = ($) => {
@@ -4619,7 +4619,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             H,
             {
               value: $[m.key] || "",
-              onChange: (z) => k(p, z.target.value),
+              onChange: (S) => k(p, S.target.value),
               placeholder: m.placeholder || `Enter ${m.label}`,
               required: m.required,
               className: `w-full ${L(p) ? "border-red-500" : ""}`
@@ -4633,7 +4633,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             da,
             {
               value: $[m.key] || "",
-              onChange: (z) => k(p, z.target.value),
+              onChange: (S) => k(p, S.target.value),
               placeholder: m.placeholder || `Enter ${m.label}`,
               required: m.required,
               className: `w-full ${L(p) ? "border-red-500" : ""}`,
@@ -4652,12 +4652,12 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               min: m.min,
               max: m.max,
               step: m.step,
-              onChange: (z) => k(p, z.target.value),
-              onBlur: (z) => {
-                const I = z.target.value;
+              onChange: (S) => k(p, S.target.value),
+              onBlur: (S) => {
+                const I = S.target.value;
                 if (I !== "" && I !== null && I !== void 0) {
                   const w = Number(I);
-                  isNaN(w) || (m.min !== void 0 && w < m.min ? (z.target.setCustomValidity(`${m.label} must be at least ${m.min}`), z.target.reportValidity()) : m.max !== void 0 && w > m.max ? (z.target.setCustomValidity(`${m.label} must not exceed ${m.max}`), z.target.reportValidity()) : z.target.setCustomValidity(""));
+                  isNaN(w) || (m.min !== void 0 && w < m.min ? (S.target.setCustomValidity(`${m.label} must be at least ${m.min}`), S.target.reportValidity()) : m.max !== void 0 && w > m.max ? (S.target.setCustomValidity(`${m.label} must not exceed ${m.max}`), S.target.reportValidity()) : S.target.setCustomValidity(""));
                 }
               },
               placeholder: m.placeholder || `Enter ${m.label}`,
@@ -4682,7 +4682,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "email",
               value: $[m.key] || "",
-              onChange: (z) => k(p, z.target.value),
+              onChange: (S) => k(p, S.target.value),
               placeholder: m.placeholder || "Enter email address",
               required: m.required,
               className: `w-full ${L(p) ? "border-red-500" : ""}`
@@ -4697,7 +4697,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "url",
               value: $[m.key] || "",
-              onChange: (z) => k(p, z.target.value),
+              onChange: (S) => k(p, S.target.value),
               placeholder: m.placeholder || "Enter URL",
               required: m.required,
               className: `w-full ${L(p) ? "border-red-500" : ""}`
@@ -4712,7 +4712,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "password",
               value: $[m.key] || "",
-              onChange: (z) => k(p, z.target.value),
+              onChange: (S) => k(p, S.target.value),
               placeholder: m.placeholder || "Enter password",
               required: m.required,
               className: `w-full ${L(p) ? "border-red-500" : ""}`
@@ -4726,8 +4726,8 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           /* @__PURE__ */ e(
             gt,
             {
-              value: $[m.key] || "",
-              onChange: (z) => k(p, z),
+              value: $[m.key] !== void 0 && $[m.key] !== null && $[m.key] !== "" ? $[m.key] : m.default || "",
+              onChange: (S) => k(p, S),
               options: m.options || [],
               placeholder: m.placeholder || `Select ${m.label}`,
               required: m.required,
@@ -4738,14 +4738,14 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         ] });
       case "selectDynamic":
         return ($, p) => {
-          const z = () => {
+          const S = () => {
             if (m.optionsFrom && a) {
-              const { config: I, valueField: w, labelField: S } = m.optionsFrom, y = a[I] || [];
+              const { config: I, valueField: w, labelField: D } = m.optionsFrom, y = a[I] || [];
               if (Array.isArray(y))
                 return y.map((N) => ({
                   id: N[w] || "",
                   value: N[w] || "",
-                  label: N[S] || ""
+                  label: N[D] || ""
                 }));
             }
             return m.options || [];
@@ -4757,7 +4757,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
                 index: p,
                 value: $[m.key] || "",
                 onChange: (I) => k(p, I),
-                options: z(),
+                options: S(),
                 placeholder: m.placeholder || `Select ${m.label}`,
                 required: m.required,
                 className: `w-full ${L(p) ? "border-red-500" : ""}`
@@ -4769,11 +4769,11 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         };
       case "multiselect":
         return ($, p) => {
-          const z = $[m.key] || [];
+          const S = $[m.key] || [];
           return /* @__PURE__ */ e(
             rt,
             {
-              selectedItems: z,
+              selectedItems: S,
               onSelectionChange: (I) => k(p, I),
               options: m.options || [],
               placeholder: m.placeholder || `Select ${m.label}`,
@@ -4787,7 +4787,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           ut,
           {
             checked: !!$[m.key],
-            onChange: (z) => k(p, z),
+            onChange: (S) => k(p, S),
             label: m.placeholder || m.label,
             className: "w-full"
           }
@@ -4798,7 +4798,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           ma,
           {
             isOn: !!$[m.key],
-            onToggle: (z) => k(p, z),
+            onToggle: (S) => k(p, S),
             label: m.placeholder || m.label,
             className: "w-full"
           }
@@ -4808,7 +4808,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           la,
           {
             selectedDate: $[m.key] ? new Date($[m.key]) : null,
-            onDateChange: (z) => k(p, z ? z.toISOString().split("T")[0] : ""),
+            onDateChange: (S) => k(p, S ? S.toISOString().split("T")[0] : ""),
             placeholder: m.placeholder || "Select date",
             className: "w-full"
           }
@@ -4819,7 +4819,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "datetime-local",
             value: $[m.key] || "",
-            onChange: (z) => k(p, z.target.value),
+            onChange: (S) => k(p, S.target.value),
             placeholder: m.placeholder || "Select date and time",
             required: m.required,
             className: "w-full"
@@ -4831,7 +4831,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "time",
             value: $[m.key] || "",
-            onChange: (z) => k(p, z.target.value),
+            onChange: (S) => k(p, S.target.value),
             placeholder: m.placeholder || "Select time",
             required: m.required,
             className: "w-full"
@@ -4842,7 +4842,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           ia,
           {
             selectedValue: $[m.key] || "",
-            onValueChange: (z) => k(p, z),
+            onValueChange: (S) => k(p, S),
             options: m.options || [],
             className: "w-full"
           }
@@ -4852,27 +4852,27 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           ye,
           {
             value: $[m.key] || "",
-            onChange: (z) => k(p, z),
+            onChange: (S) => k(p, S),
             placeholder: m.placeholder || `Search ${m.label}`,
             className: "w-full"
           }
         );
       case "audience":
         return ($, p) => {
-          const z = $[m.key] || { users: [], groups: [], roles: [] }, I = [
-            ...z.users || [],
-            ...z.groups || [],
-            ...z.roles || []
+          const S = $[m.key] || { users: [], groups: [], roles: [] }, I = [
+            ...S.users || [],
+            ...S.groups || [],
+            ...S.roles || []
           ];
           return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(us, { children: I.length > 0 ? I.slice(0, 3).map((w, S) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(us, { children: I.length > 0 ? I.slice(0, 3).map((w, D) => /* @__PURE__ */ e(
               we,
               {
                 size: "small",
                 name: w.name || w.displayName || w.id,
                 src: w.avatarUrl
               },
-              S
+              D
             )) : null }),
             /* @__PURE__ */ e(
               "button",
@@ -4892,7 +4892,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "color",
             value: $[m.key] || "#000000",
-            onChange: (z) => k(p, z.target.value),
+            onChange: (S) => k(p, S.target.value),
             className: "w-full h-10"
           }
         );
@@ -4903,7 +4903,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "range",
               value: $[m.key] || m.min || 0,
-              onChange: (z) => k(p, z.target.value),
+              onChange: (S) => k(p, S.target.value),
               min: m.min || 0,
               max: m.max || 100,
               step: m.step || 1,
@@ -4917,8 +4917,8 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           H,
           {
             type: "file",
-            onChange: (z) => {
-              const I = z.target.files[0];
+            onChange: (S) => {
+              const I = S.target.files[0];
               k(p, I ? I.name : "");
             },
             accept: m.accept,
@@ -4931,7 +4931,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "hidden",
             value: $[m.key] || "",
-            onChange: (z) => k(p, z.target.value)
+            onChange: (S) => k(p, S.target.value)
           }
         );
       // Default fallback for unknown field types
@@ -4941,7 +4941,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             H,
             {
               value: $[m.key] || "",
-              onChange: (z) => k(p, z.target.value),
+              onChange: (S) => k(p, S.target.value),
               placeholder: m.placeholder || `Enter ${m.label}`,
               required: m.required,
               className: `w-full ${L(p) ? "border-red-500" : ""}`
@@ -4984,11 +4984,11 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       if (o !== null && f && $[o]) {
         const p = m?.pendingInvites || [];
         if (p.length > 0) {
-          const z = p.filter((y) => y.type === "User"), I = p.filter((y) => y.type === "Group"), w = p.filter((y) => y.type === "Role"), S = $[o][f] || { users: [], groups: [], roles: [] };
+          const S = p.filter((y) => y.type === "User"), I = p.filter((y) => y.type === "Group"), w = p.filter((y) => y.type === "Role"), D = $[o][f] || { users: [], groups: [], roles: [] };
           $[o][f] = {
-            users: [...S.users || [], ...z],
-            groups: [...S.groups || [], ...I],
-            roles: [...S.roles || [], ...w]
+            users: [...D.users || [], ...S],
+            groups: [...D.groups || [], ...I],
+            roles: [...D.roles || [], ...w]
           };
         } else k && ($[o][f] = {
           users: k.users || [],
@@ -5105,13 +5105,13 @@ function fs({
     const w = (R) => {
       if (R == null || typeof R != "object") return R;
       if (Array.isArray(R)) return R.map(w);
-      const D = {};
+      const z = {};
       return Object.keys(R).sort().forEach((M) => {
-        D[M] = w(R[M]);
-      }), D;
-    }, S = w(x), y = w(g), N = JSON.stringify(S) !== JSON.stringify(y);
+        z[M] = w(R[M]);
+      }), z;
+    }, D = w(x), y = w(g), N = JSON.stringify(D) !== JSON.stringify(y);
     return console.log("[DynamicConfig] hasUnsavedChanges:", N, {
-      originalData: S,
+      originalData: D,
       currentData: y,
       originalRaw: x,
       currentRaw: g
@@ -5119,10 +5119,10 @@ function fs({
   }, m = (w) => {
     if (!a || !a.configuration)
       return w;
-    const S = {}, y = w?.configuration || {};
+    const D = {}, y = w?.configuration || {};
     return a.configuration.forEach((N) => {
       if (N.key && N.type === "datatable") {
-        const D = (y[N.key] || []).map((M, q) => {
+        const z = (y[N.key] || []).map((M, q) => {
           const X = { id: M.id || 0 };
           return N.fields && N.fields.forEach((Y) => {
             if (Y.fieldtype === "audience") {
@@ -5135,37 +5135,37 @@ function fs({
             } else Y.fieldtype === "select" ? X[Y.key] = M[Y.key] !== void 0 && M[Y.key] !== "" ? M[Y.key] : Y.default || "" : X[Y.key] = M[Y.key] || Y.default || "";
           }), X;
         });
-        if (D.length === 0) {
+        if (z.length === 0) {
           const M = { id: 0 };
           N.fields && N.fields.forEach((q) => {
             q.fieldtype === "audience" ? M[q.key] = { users: [], groups: [], roles: [] } : M[q.key] = q.default || "";
-          }), D.push(M);
+          }), z.push(M);
         }
-        S[N.key] = D;
+        D[N.key] = z;
       } else if (N.key) {
         const R = y[N.key] || {};
-        N.type === "section" && N.fields && N.fields.forEach((D) => {
-          D.fieldtype === "managecollectionlist" && D.key && (!R[D.key] || !Array.isArray(R[D.key])) && (R[D.key] = D.initialData || []);
-        }), S[N.key] = R;
+        N.type === "section" && N.fields && N.fields.forEach((z) => {
+          z.key && (z.fieldtype === "managecollectionlist" ? (!R[z.key] || !Array.isArray(R[z.key])) && (R[z.key] = z.initialData || []) : (R[z.key] === void 0 || R[z.key] === null) && (R[z.key] = z.default !== void 0 ? z.default : z.value !== void 0 ? z.value : ""));
+        }), D[N.key] = R;
       }
-    }), S;
+    }), D;
   }, k = () => {
     if (a && a.configuration) {
       const w = {};
-      a.configuration.forEach((S) => {
-        if (S.key)
-          if (S.type === "datatable") {
+      a.configuration.forEach((D) => {
+        if (D.key)
+          if (D.type === "datatable") {
             const y = { id: 0 };
-            S.fields && S.fields.forEach((N) => {
+            D.fields && D.fields.forEach((N) => {
               N.fieldtype === "audience" ? y[N.key] = { users: [], groups: [], roles: [] } : (N.fieldtype, y[N.key] = N.default || "");
-            }), w[S.key] = [y];
-          } else if (S.type === "section") {
+            }), w[D.key] = [y];
+          } else if (D.type === "section") {
             const y = {};
-            S.fields && Array.isArray(S.fields) && S.fields.forEach((N) => {
+            D.fields && Array.isArray(D.fields) && D.fields.forEach((N) => {
               N.key && (N.fieldtype === "managecollectionlist" ? y[N.key] = N.initialData || [] : y[N.key] = N.default || "");
-            }), w[S.key] = y;
+            }), w[D.key] = y;
           } else
-            w[S.key] = {};
+            w[D.key] = {};
       }), r(w), d(w);
     }
   };
@@ -5177,19 +5177,19 @@ function fs({
     const w = async () => {
       try {
         C(!0);
-        let S = await Ke(W);
-        if (S) {
-          const y = m(S);
+        let D = await Ke(W);
+        if (D) {
+          const y = m(D);
           r(y), d(y);
         } else
           k();
-      } catch (S) {
-        console.error("Error fetching configuration:", S);
+      } catch (D) {
+        console.error("Error fetching configuration:", D);
         let y = "Failed to load configuration";
-        if (S.response) {
-          const N = S.response.status, R = S.response.data?.message || S.response.data?.error;
+        if (D.response) {
+          const N = D.response.status, R = D.response.data?.message || D.response.data?.error;
           N === 400 ? y = R || "Invalid request. Please check the application ID." : N === 401 ? y = "You are not authorized to access this configuration." : N === 403 ? y = "Access denied. You don't have permission to view this configuration." : N === 404 ? y = "Configuration not found. It may not exist yet or the application ID is incorrect." : N >= 500 ? y = R || "Server error. Please try again later." : y = R || `Failed to load configuration (Error ${N})`;
-        } else S.request ? y = "Network error. Please check your connection and try again." : y = S.message || "An unexpected error occurred while loading configuration.";
+        } else D.request ? y = "Network error. Please check your connection and try again." : y = D.message || "An unexpected error occurred while loading configuration.";
         We.error(y), k();
       } finally {
         C(!1);
@@ -5197,41 +5197,41 @@ function fs({
     };
     a && (v(a), t ? w() : k());
   }, [a, E, t, s]);
-  const L = (w, S) => {
+  const L = (w, D) => {
     r((y) => ({
       ...y,
-      [w]: S
+      [w]: D
     })), V((y) => {
       const N = { ...y };
       return N[w] && delete N[w], N;
     });
   }, P = () => {
     const w = {};
-    return !f || !g || f.configuration.forEach((S) => {
-      if (S.type === "section")
-        S.fields.forEach((y) => {
-          const N = g[S.key]?.[y.key];
+    return !f || !g || f.configuration.forEach((D) => {
+      if (D.type === "section")
+        D.fields.forEach((y) => {
+          const N = g[D.key]?.[y.key];
           if (y.required && (!N || typeof N == "string" && N.trim() === "")) {
-            w[S.key] || (w[S.key] = {}), w[S.key][y.key] = `${y.label} is required`;
+            w[D.key] || (w[D.key] = {}), w[D.key][y.key] = `${y.label} is required`;
             return;
           }
           if (y.fieldtype === "number" && N !== "" && N !== null && N !== void 0) {
             const R = Number(N);
-            isNaN(R) ? (w[S.key] || (w[S.key] = {}), w[S.key][y.key] = `${y.label} must be a valid number`) : (y.min !== void 0 && R < y.min && (w[S.key] || (w[S.key] = {}), w[S.key][y.key] = `${y.label} must be at least ${y.min}`), y.max !== void 0 && R > y.max && (w[S.key] || (w[S.key] = {}), w[S.key][y.key] = `${y.label} must not exceed ${y.max}`));
+            isNaN(R) ? (w[D.key] || (w[D.key] = {}), w[D.key][y.key] = `${y.label} must be a valid number`) : (y.min !== void 0 && R < y.min && (w[D.key] || (w[D.key] = {}), w[D.key][y.key] = `${y.label} must be at least ${y.min}`), y.max !== void 0 && R > y.max && (w[D.key] || (w[D.key] = {}), w[D.key][y.key] = `${y.label} must not exceed ${y.max}`));
           }
         });
-      else if (S.type === "datatable") {
-        const y = g[S.key];
+      else if (D.type === "datatable") {
+        const y = g[D.key];
         Array.isArray(y) && y.forEach((N, R) => {
-          S.fields.forEach((D) => {
-            const M = N[D.key];
-            if (D.required && (!M || typeof M == "string" && M.trim() === "")) {
-              w[S.key] || (w[S.key] = {}), w[S.key][R] || (w[S.key][R] = {}), w[S.key][R][D.key] = `${D.label} is required`;
+          D.fields.forEach((z) => {
+            const M = N[z.key];
+            if (z.required && (!M || typeof M == "string" && M.trim() === "")) {
+              w[D.key] || (w[D.key] = {}), w[D.key][R] || (w[D.key][R] = {}), w[D.key][R][z.key] = `${z.label} is required`;
               return;
             }
-            if (D.fieldtype === "number" && M !== "" && M !== null && M !== void 0) {
+            if (z.fieldtype === "number" && M !== "" && M !== null && M !== void 0) {
               const q = Number(M);
-              isNaN(q) ? (w[S.key] || (w[S.key] = {}), w[S.key][R] || (w[S.key][R] = {}), w[S.key][R][D.key] = `${D.label} must be a valid number`) : (D.min !== void 0 && q < D.min && (w[S.key] || (w[S.key] = {}), w[S.key][R] || (w[S.key][R] = {}), w[S.key][R][D.key] = `${D.label} must be at least ${D.min}`), D.max !== void 0 && q > D.max && (w[S.key] || (w[S.key] = {}), w[S.key][R] || (w[S.key][R] = {}), w[S.key][R][D.key] = `${D.label} must not exceed ${D.max}`));
+              isNaN(q) ? (w[D.key] || (w[D.key] = {}), w[D.key][R] || (w[D.key][R] = {}), w[D.key][R][z.key] = `${z.label} must be a valid number`) : (z.min !== void 0 && q < z.min && (w[D.key] || (w[D.key] = {}), w[D.key][R] || (w[D.key][R] = {}), w[D.key][R][z.key] = `${z.label} must be at least ${z.min}`), z.max !== void 0 && q > z.max && (w[D.key] || (w[D.key] = {}), w[D.key][R] || (w[D.key][R] = {}), w[D.key][R][z.key] = `${z.label} must not exceed ${z.max}`));
             }
           });
         });
@@ -5245,8 +5245,8 @@ function fs({
       let y = [];
       Object.keys(w).forEach((N) => {
         typeof w[N] == "object" && Object.keys(w[N]).forEach((R) => {
-          typeof w[N][R] == "object" ? Object.keys(w[N][R]).forEach((D) => {
-            y.push(`${N} row ${parseInt(R) + 1}: ${w[N][R][D]}`);
+          typeof w[N][R] == "object" ? Object.keys(w[N][R]).forEach((z) => {
+            y.push(`${N} row ${parseInt(R) + 1}: ${w[N][R][z]}`);
           }) : y.push(`${N}: ${w[N][R]}`);
         });
       });
@@ -5257,12 +5257,12 @@ function fs({
         A(!0);
         const y = {};
         g && Object.keys(g).forEach((R) => {
-          const D = a?.configuration?.find(
+          const z = a?.configuration?.find(
             (M) => M.key === R && M.type === "datatable"
           );
-          D && Array.isArray(g[R]) ? y[R] = g[R].map((M) => {
+          z && Array.isArray(g[R]) ? y[R] = g[R].map((M) => {
             const q = { id: M.id || 0 };
-            return D.fields && D.fields.forEach((X) => {
+            return z.fields && z.fields.forEach((X) => {
               if (X.fieldtype === "audience") {
                 let Y = { users: [], groups: [], roles: [] };
                 M[X.key] && typeof M[X.key] == "object" && !Array.isArray(M[X.key]) && (Y = {
@@ -5288,7 +5288,7 @@ function fs({
         A(!1);
       }
     })();
-  }, z = () => {
+  }, S = () => {
     F() ? l ? l() : console.warn("[DynamicConfig] onShowCancelModal not provided, cannot show modal") : u ? u() : window.history.back();
   };
   if (!f?.configuration && !a?.configuration)
@@ -5304,7 +5304,7 @@ function fs({
         style: { padding: "0px 20px 0px 0px" },
         children: [
           b && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(ca, { size: "large" }) }),
-          !b && I?.map((w, S) => {
+          !b && I?.map((w, D) => {
             const y = {
               ...w,
               fields: Array.isArray(w.fields) ? w.fields.filter((R) => !R.hidden) : w.fields
@@ -5318,7 +5318,7 @@ function fs({
                   updateHandler: L,
                   validationErrors: O
                 },
-                S
+                D
               );
           })
         ]
@@ -5329,7 +5329,7 @@ function fs({
         ie,
         {
           category: "secondary",
-          onClick: z,
+          onClick: S,
           label: "Cancel",
           disabled: T,
           type: "button"
@@ -5373,11 +5373,11 @@ const Ul = ({
           placeholder: a,
           disabled: !1
         }, k.some((p) => p.key === "displayname")) {
-          const p = k.findIndex((I) => I.key === "displayname"), z = k[p] || {};
+          const p = k.findIndex((I) => I.key === "displayname"), S = k[p] || {};
           k[p] = {
-            ...z,
-            default: z.default || z.value || a,
-            placeholder: z.placeholder || "Enter display name"
+            ...S,
+            default: S.default || S.value || a,
+            placeholder: S.placeholder || "Enter display name"
           };
         } else {
           const p = {
@@ -5567,18 +5567,18 @@ const Ul = ({
     l && (v(p._id), r(p.categoryName || ""));
   }, G = () => {
     if (!i || f !== null) return;
-    const z = (x.length > 0 ? Math.max(...x.map((I) => typeof I._id == "number" ? I._id : 0)) : 0) + 1;
+    const S = (x.length > 0 ? Math.max(...x.map((I) => typeof I._id == "number" ? I._id : 0)) : 0) + 1;
     d((I) => [
       ...I,
       {
-        _id: z,
+        _id: S,
         categoryName: "",
         links: [],
         order: (I.at(-1)?.order ?? 0) + 1,
         protected: !1,
         _class: "com.unifyed.model.Collection"
       }
-    ]), v(z), r("");
+    ]), v(S), r("");
   }, W = () => {
     f != null && (d((p) => {
       const I = !Array.isArray(h) || !h.some((w) => w._id === f) ? p.filter((w) => w._id !== f) : p;
@@ -5586,35 +5586,35 @@ const Ul = ({
     }), v(null), r(""));
   }, J = () => {
     f == null || !g.trim() || (d((p) => {
-      const z = p.map((I) => I._id === f ? {
+      const S = p.map((I) => I._id === f ? {
         ...I,
         categoryName: g.trim()
       } : I);
-      return a?.(z), z;
+      return a?.(S), S;
     }), v(null), r(""));
   }, E = (p) => {
-    u && d((z) => {
-      const I = z.filter((w) => w._id !== p._id);
+    u && d((S) => {
+      const I = S.filter((w) => w._id !== p._id);
       return a?.(I), I;
     });
-  }, U = (p, z, I) => {
-    const w = Number(z), S = Number(I);
-    if (!o || w === S) return p;
-    const y = p.findIndex((M) => Number(M._id) === w), N = p.findIndex((M) => Number(M._id) === S);
+  }, U = (p, S, I) => {
+    const w = Number(S), D = Number(I);
+    if (!o || w === D) return p;
+    const y = p.findIndex((M) => Number(M._id) === w), N = p.findIndex((M) => Number(M._id) === D);
     if (y === -1 || N === -1) return p;
-    const R = [...p], [D] = R.splice(y, 1);
-    return R.splice(N, 0, D), R.map((M, q) => ({ ...M, order: q + 1 }));
-  }, F = (p, z) => {
-    o && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", String(z)), C(Number(z)));
+    const R = [...p], [z] = R.splice(y, 1);
+    return R.splice(N, 0, z), R.map((M, q) => ({ ...M, order: q + 1 }));
+  }, F = (p, S) => {
+    o && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", String(S)), C(Number(S)));
   }, m = (p) => {
     b && p !== T && A(p);
   }, k = (p) => {
     p.preventDefault();
-  }, L = (p, z) => {
+  }, L = (p, S) => {
     p.preventDefault();
-    const I = p.dataTransfer.getData("text/plain"), w = I === "0" ? 0 : Number(I), S = z === "0" ? 0 : Number(z);
-    w === void 0 || S === void 0 || (d((y) => {
-      const N = U(y, w, S);
+    const I = p.dataTransfer.getData("text/plain"), w = I === "0" ? 0 : Number(I), D = S === "0" ? 0 : Number(S);
+    w === void 0 || D === void 0 || (d((y) => {
+      const N = U(y, w, D);
       return a?.(N), N;
     }), C(null), A(null));
   }, P = () => {
@@ -5647,7 +5647,7 @@ const Ul = ({
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: $.map((p) => {
-      const z = f === p._id, I = p?.links?.length ?? 0, w = b === p._id, S = T === p._id && b !== p._id;
+      const S = f === p._id, I = p?.links?.length ?? 0, w = b === p._id, D = T === p._id && b !== p._id;
       return /* @__PURE__ */ e(
         "div",
         {
@@ -5658,10 +5658,10 @@ const Ul = ({
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
-            S ? "ring-2 ring-gray-800/20" : "",
+            D ? "ring-2 ring-gray-800/20" : "",
             w ? "opacity-60" : ""
           ].join(" "),
-          children: z ? /* @__PURE__ */ n(re, { children: [
+          children: S ? /* @__PURE__ */ n(re, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
               "input",
               {
@@ -5851,19 +5851,19 @@ const Bt = () => {
   searchIconClass: U,
   inputStyle: F
 }) => {
-  const m = () => l?.current || i?.current, [k, L] = ne.useState(""), P = (t || "export").toString().trim() || "export", $ = `${W || P}.xlsx`, p = `${J || P}.pdf`, z = (S, y, N) => Math.max(y, Math.min(S, N)), I = K(
-    (S) => {
+  const m = () => l?.current || i?.current, [k, L] = ne.useState(""), P = (t || "export").toString().trim() || "export", $ = `${W || P}.xlsx`, p = `${J || P}.pdf`, S = (D, y, N) => Math.max(y, Math.min(D, N)), I = K(
+    (D) => {
       const y = m();
       if (y?.openColumnChooser) {
-        if (typeof window > "u" || !S?.currentTarget) {
+        if (typeof window > "u" || !D?.currentTarget) {
           y.openColumnChooser();
           return;
         }
         try {
-          const N = S.currentTarget.getBoundingClientRect(), R = N.left + window.scrollX, D = N.bottom + window.scrollY;
-          let M = R - 120, q = D - 120;
+          const N = D.currentTarget.getBoundingClientRect(), R = N.left + window.scrollX, z = N.bottom + window.scrollY;
+          let M = R - 120, q = z - 120;
           const X = window.innerWidth, Y = window.innerHeight;
-          M = z(M, window.scrollX + 8, window.scrollX + X - 340), q = z(q, window.scrollY, window.scrollY + Y - 120), y.openColumnChooser(M, q);
+          M = S(M, window.scrollX + 8, window.scrollX + X - 340), q = S(q, window.scrollY, window.scrollY + Y - 120), y.openColumnChooser(M, q);
         } catch (N) {
           console.log("coloumn choose error", N);
         }
@@ -5872,10 +5872,10 @@ const Bt = () => {
     []
     // no external deps; reads ref at call time
   ), w = K(
-    (S, y) => {
+    (D, y) => {
       const N = m();
       if (N)
-        switch (S) {
+        switch (D) {
           case "Delete": {
             if (v) {
               const R = N.getSelectedRecords();
@@ -5917,8 +5917,8 @@ const Bt = () => {
         {
           placeholder: O,
           value: k,
-          onDebouncedChange: (S) => {
-            L(S), _(S);
+          onDebouncedChange: (D) => {
+            L(D), _(D);
           },
           searchIconSize: E || 16,
           searchIconClass: U || "",
@@ -5940,7 +5940,7 @@ const Bt = () => {
             ze,
             {
               icon: hr,
-              onClick: (S) => w("ColumnChooser", S),
+              onClick: (D) => w("ColumnChooser", D),
               ariaLabel: "Column Chooser"
             }
           ),
@@ -6031,7 +6031,7 @@ function Wl(t) {
     pageSettings: m,
     sortSettings: k,
     ...L
-  } = U || {}, [P, $] = ne.useState(m?.page || l), [p, z] = ne.useState(m?.pageSize || u), [I, w] = ne.useState(k?.sortKey || "updatedDate"), [S, y] = ne.useState(k?.direction || "Descending"), N = ae(() => {
+  } = U || {}, [P, $] = ne.useState(m?.page || l), [p, S] = ne.useState(m?.pageSize || u), [I, w] = ne.useState(k?.sortKey || "updatedDate"), [D, y] = ne.useState(k?.direction || "Descending"), N = ae(() => {
     const j = A || {
       type: "Multiple",
       mode: "Row"
@@ -6060,7 +6060,7 @@ function Wl(t) {
     g,
     O,
     A
-  ]), D = ae(() => {
+  ]), z = ae(() => {
     const j = () => F.current, se = (Q, me) => {
       !me && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${Q} requested but related service/feature is disabled.`);
     };
@@ -6091,8 +6091,8 @@ function Wl(t) {
     };
   }, [C, x, d, b]);
   te(() => {
-    E && (E.current = D);
-  }, [E, D]), te(() => () => {
+    E && (E.current = z);
+  }, [E, z]), te(() => () => {
     E && (E.current = null);
   }, [E]);
   const M = (j) => {
@@ -6119,7 +6119,7 @@ function Wl(t) {
   }, X = (j) => {
     setTimeout(() => {
       F?.current?.hideSpinner();
-    }, 1e3), j.requestType === "paging" && ($(j.currentPage), z(j.pageSize)), j.requestType === "sorting" && (w(j.columnName || "updatedDate"), y(j.direction)), _?.(q(j), j);
+    }, 1e3), j.requestType === "paging" && ($(j.currentPage), S(j.pageSize)), j.requestType === "sorting" && (w(j.columnName || "updatedDate"), y(j.direction)), _?.(q(j), j);
   }, Y = (j) => {
     J?.(j?.rowData, j);
   }, Re = () => {
@@ -6187,9 +6187,9 @@ function Wl(t) {
     pageSizes: m?.pageSizes ?? [10, 20, 40, 60, 80, 100],
     totalCount: s
   }), [P, p, m?.pageSizes, s]), ka = ae(() => k ?? {
-    columns: [{ field: I, direction: M(S) }],
+    columns: [{ field: I, direction: M(D) }],
     allowUnsort: !1
-  }, [k, I, S]);
+  }, [k, I, D]);
   return /* @__PURE__ */ n(
     un,
     {