unifyedx-storybook-new 0.2.29 → 0.2.30

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

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as e, Fragment as te } from "react/jsx-runtime";
 import se, { useState as M, useMemo as ue, useId as Qe, Fragment as Q, useEffect as Z, useCallback as ae, useRef as xe } from "react";
-import { a as H, U as mt, X as ge, P as c, L as Ua, C as ve, b as tt, f as Ze, d as yt, D as Yt, F as qa, e as Ga, h as Ya, T as Ke, u as Wa, i as zt, I as Wt, j as Jt, k as Ja, l as Xa, m as Ha, n as Xt, S as vt, o as Ht, M as Qa, p as Za, q as wt, r as Ka, A as er, E as Qt, s as tr, t as ar, v as rr, w as nr, x as Zt, y as sr, z as Kt, B as ea, G as lr, H as ir, J as or, K as et, N as ut, O as ht, Q as cr, R as dr, V as ta, W as mr, Y as Nt, Z as ur, _ as hr, $ as Me, a0 as pr, a1 as gr, a2 as br, a3 as fr, a4 as xr, a5 as yr, a6 as St, a7 as vr, a8 as wr, a9 as Nr, aa as kr, ab as Cr, ac as zr, ad as Sr, ae as Dr, af as $r, ag as Fe, ah as aa, ai as Tr, aj as Ar, ak as Fr, al as Er, am as Rr, an as ra, ao as Ir, ap as Or, aq as na, ar as Pr, as as pt, at as sa, au as Lr } from "./vendor-wRQnjUYv.js";
+import { a as H, U as mt, X as ge, P as c, L as Ua, C as ve, b as tt, f as Ze, d as yt, D as Yt, F as qa, e as Ga, h as Ya, T as Ke, u as Wa, i as zt, I as Wt, j as Jt, k as Ja, l as Xa, m as Ha, n as Xt, S as vt, o as Ht, M as Qa, p as Za, q as wt, r as Ka, A as er, E as Qt, s as tr, t as ar, v as rr, w as nr, x as Zt, y as sr, z as Kt, B as ea, G as lr, H as ir, J as or, K as et, N as ut, O as ht, Q as cr, R as dr, V as ta, W as mr, Y as Nt, Z as ur, _ as hr, $ as Me, a0 as pr, a1 as gr, a2 as br, a3 as fr, a4 as xr, a5 as yr, a6 as St, a7 as vr, a8 as wr, a9 as Nr, aa as kr, ab as Cr, ac as zr, ad as Sr, ae as Dr, af as $r, ag as Fe, ah as aa, ai as Tr, aj as Ar, ak as Fr, al as Er, am as Rr, an as ra, ao as Ir, ap as Pr, aq as na, ar as Or, as as pt, at as sa, au as Lr } from "./vendor-wRQnjUYv.js";
 import { Popover as Mr, PopoverButton as Br, PopoverPanel as jr, Transition as he, Dialog as ye, TransitionChild as Ne, DialogPanel as Ee, DialogTitle as at, TabGroup as Vr, TabList as _r, Tab as ne, TabPanels as Ur, RadioGroup as qe, Listbox as K, ListboxButton as qr, ListboxOptions as Gr, ListboxOption as Yr, SwitchGroup as Wr, Switch as ot, Menu as Jr, MenuButton as Xr, Portal as Hr, MenuItems as Qr, MenuItem as Zr, DialogBackdrop as Kr } from "@headlessui/react";
 import { motion as le, AnimatePresence as Ce } from "framer-motion";
 import { d as en } from "./vendor-lodash-C6Pmit-j.js";
@@ -825,7 +825,7 @@ const $n = {
 }, Et = (t) => {
   const a = new Date(t);
   return je(new Date(a.getFullYear(), a.getMonth() + 1, 0));
-}, On = (t) => {
+}, Pn = (t) => {
   const a = /* @__PURE__ */ new Date();
   switch (t) {
     case "anytime":
@@ -871,13 +871,13 @@ const $n = {
   }), T = Wa({
     initialValues: JSON.parse(JSON.stringify(m)),
     // Deep copy
-    onSubmit: (C) => {
+    onSubmit: (k) => {
       const g = {};
-      Object.keys(C).forEach((v) => {
+      Object.keys(k).forEach((v) => {
         g[v] = {
-          operator: C[v].operator || "in",
-          values: Array.isArray(C[v].values) ? C[v].values : [],
-          range: C[v].range || null
+          operator: k[v].operator || "in",
+          values: Array.isArray(k[v].values) ? k[v].values : [],
+          range: k[v].range || null
         };
       }), console.log("[storybook filter] Applied Filters:", g), typeof s == "function" && s({
         filters: g,
@@ -885,7 +885,7 @@ const $n = {
       }), a();
     },
     enableReinitialize: !0
-  }), A = ue(() => l.reduce((C, g) => {
+  }), A = ue(() => l.reduce((k, g) => {
     const v = g.key, w = T.values[v];
     let z = !1;
     if (w)
@@ -898,34 +898,34 @@ const $n = {
           (w.range && w.range !== "" || Array.isArray(w.values) && w.values.length > 0) && (z = !0);
           break;
       }
-    return C[v] = z, C;
-  }, {}), [l, T.values]), E = Object.values(A).filter(Boolean).length, I = ue(() => l.some((C) => {
-    if (C.type !== "date") return !1;
-    const g = T.values?.[C.key]?.values;
+    return k[v] = z, k;
+  }, {}), [l, T.values]), E = Object.values(A).filter(Boolean).length, I = ue(() => l.some((k) => {
+    if (k.type !== "date") return !1;
+    const g = T.values?.[k.key]?.values;
     if (!Array.isArray(g) || g.length < 2) return !1;
     const [v, w] = g;
     if (!v || !w) return !1;
     const z = v instanceof Date ? v : new Date(v), N = w instanceof Date ? w : new Date(w);
     return z > N;
-  }), [l, T.values]), j = async (C, g) => {
+  }), [l, T.values]), j = async (k, g) => {
     try {
-      r((w) => ({ ...w, [C]: !0 }));
-      const v = await u(C, g);
-      b((w) => ({ ...w, [C]: v }));
+      r((w) => ({ ...w, [k]: !0 }));
+      const v = await u(k, g);
+      b((w) => ({ ...w, [k]: v }));
     } catch (v) {
-      console.error(`Error fetching ${C} users:`, v);
+      console.error(`Error fetching ${k} users:`, v);
     } finally {
-      r((v) => ({ ...v, [C]: !1 }));
+      r((v) => ({ ...v, [k]: !1 }));
     }
-  }, _ = (C) => {
-    const g = l[C].key, v = l[C].url;
-    l[C].type === "multiselect-users" && p[g].length === 0 && !f[g] && j(g, v);
+  }, _ = (k) => {
+    const g = l[k].key, v = l[k].url;
+    l[k].type === "multiselect-users" && p[g].length === 0 && !f[g] && j(g, v);
   }, G = () => {
     T.resetForm(), b({ createdBy: [], updatedBy: [] }), i();
-  }, q = (C) => {
-    const g = l.find((z) => z.key === C);
+  }, q = (k) => {
+    const g = l.find((z) => z.key === k);
     if (!g) return null;
-    const v = T.values[C] || m[C], w = Array.isArray(v.values) ? v.values : [];
+    const v = T.values[k] || m[k], w = Array.isArray(v.values) ? v.values : [];
     switch (g.type) {
       case "multiselect":
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
@@ -935,7 +935,7 @@ const $n = {
               "select",
               {
                 value: v.operator || "in",
-                onChange: (R) => T.setFieldValue(`${C}.operator`, R.target.value),
+                onChange: (R) => T.setFieldValue(`${k}.operator`, R.target.value),
                 className: "filter-select",
                 children: g.operators.map((R) => /* @__PURE__ */ e("option", { value: R, children: R === "in" ? "Includes" : "Excludes" }, R))
               }
@@ -947,19 +947,19 @@ const $n = {
                 "input",
                 {
                   type: "checkbox",
-                  id: `select-all-${C}`,
+                  id: `select-all-${k}`,
                   className: "filter-checkbox-input",
                   checked: g.options.length > 0 && w.length === g.options.length,
                   onChange: (R) => {
                     const Y = R.target.checked ? g.options.map((W) => W.value) : [];
-                    T.setFieldValue(`${C}.values`, Y);
+                    T.setFieldValue(`${k}.values`, Y);
                   }
                 }
               ),
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `select-all-${C}`,
+                  htmlFor: `select-all-${k}`,
                   className: "filter-checkbox-label",
                   children: "Select All"
                 }
@@ -970,19 +970,19 @@ const $n = {
                 "input",
                 {
                   type: "checkbox",
-                  id: `${C}-${R.value}`,
+                  id: `${k}-${R.value}`,
                   className: "filter-checkbox-input",
                   checked: w.includes(R.value),
                   onChange: (Y) => {
                     const W = Y.target.checked ? [...w, R.value] : w.filter((pe) => pe !== R.value);
-                    T.setFieldValue(`${C}.values`, W);
+                    T.setFieldValue(`${k}.values`, W);
                   }
                 }
               ),
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `${C}-${R.value}`,
+                  htmlFor: `${k}-${R.value}`,
                   className: "filter-checkbox-label",
                   children: R.label
                 }
@@ -991,7 +991,7 @@ const $n = {
           ] })
         ] });
       case "multiselect-users":
-        const z = p[C] || [], N = f[C];
+        const z = p[k] || [], N = f[k];
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
             /* @__PURE__ */ e("label", { className: "filter-label", children: "Operator:" }),
@@ -999,7 +999,7 @@ const $n = {
               "select",
               {
                 value: v.operator || "in",
-                onChange: (R) => T.setFieldValue(`${C}.operator`, R.target.value),
+                onChange: (R) => T.setFieldValue(`${k}.operator`, R.target.value),
                 className: "filter-select",
                 children: g.operators.map((R) => /* @__PURE__ */ e("option", { value: R, children: R === "in" ? "Includes" : "Excludes" }, R))
               }
@@ -1011,13 +1011,13 @@ const $n = {
                 "input",
                 {
                   type: "checkbox",
-                  id: `select-all-users-${C}`,
+                  id: `select-all-users-${k}`,
                   className: "filter-checkbox-input",
                   checked: z.length > 0 && w.length === z.length,
                   onChange: (R) => {
                     const Y = R.target.checked ? z.map((W) => W.email) : [];
                     T.setFieldValue(
-                      `${C}.values`,
+                      `${k}.values`,
                       Y
                     );
                   }
@@ -1026,7 +1026,7 @@ const $n = {
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `select-all-users-${C}`,
+                  htmlFor: `select-all-users-${k}`,
                   className: "filter-checkbox-label",
                   children: "Select All Users"
                 }
@@ -1037,13 +1037,13 @@ const $n = {
                 "input",
                 {
                   type: "checkbox",
-                  id: `${C}-${R.email}`,
+                  id: `${k}-${R.email}`,
                   className: "filter-checkbox-input",
                   checked: w.includes(R.email),
                   onChange: (Y) => {
                     const W = Y.target.checked ? [...w, R.email] : w.filter((pe) => pe !== R.email);
                     T.setFieldValue(
-                      `${C}.values`,
+                      `${k}.values`,
                       W
                     );
                   }
@@ -1052,7 +1052,7 @@ const $n = {
               /* @__PURE__ */ n(
                 "label",
                 {
-                  htmlFor: `${C}-${R.email}`,
+                  htmlFor: `${k}-${R.email}`,
                   className: "filter-checkbox-label",
                   children: [
                     /* @__PURE__ */ e("span", { className: "user-label-name", children: R.name }),
@@ -1064,13 +1064,13 @@ const $n = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const x = v.values || [], [k, F] = x, L = k && F, U = x[0] || null, S = x[1] || null, O = {
+        const x = v.values || [], [C, F] = x, L = C && F, U = x[0] || null, S = x[1] || null, P = {
           startDate: U instanceof Date ? U.toISOString().slice(0, 10) : null,
           endDate: U instanceof Date ? U.toISOString().slice(0, 10) : null
         }, D = {
           startDate: S instanceof Date ? S.toISOString().slice(0, 10) : null,
           endDate: S instanceof Date ? S.toISOString().slice(0, 10) : null
-        }, P = [
+        }, O = [
           { key: "anytime", label: "Anytime" },
           { key: "today", label: "Today" },
           { key: "this_week", label: "This Week" },
@@ -1080,15 +1080,15 @@ const $n = {
           { key: "custom", label: "Custom" }
         ], V = (R) => {
           if (R === "anytime") {
-            T.setFieldValue(`${C}.values`, []), T.setFieldValue(`${C}.range`, "anytime");
+            T.setFieldValue(`${k}.values`, []), T.setFieldValue(`${k}.range`, "anytime");
             return;
           }
           if (R === "custom") {
-            T.setFieldValue(`${C}.range`, "custom");
+            T.setFieldValue(`${k}.range`, "custom");
             return;
           }
-          const [Y, W] = On(R);
-          T.setFieldValue(`${C}.values`, Y && W ? [Y, W] : []), T.setFieldValue(`${C}.range`, R);
+          const [Y, W] = Pn(R);
+          T.setFieldValue(`${k}.values`, Y && W ? [Y, W] : []), T.setFieldValue(`${k}.range`, R);
         };
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -1097,7 +1097,7 @@ const $n = {
               "select",
               {
                 value: v.operator,
-                onChange: (R) => T.setFieldValue(`${C}.operator`, R.target.value),
+                onChange: (R) => T.setFieldValue(`${k}.operator`, R.target.value),
                 className: "filter-select",
                 children: g.operators.map((R) => /* @__PURE__ */ e("option", { value: R, children: R === "in" ? "Is" : "Is not" }, R))
               }
@@ -1108,8 +1108,8 @@ const $n = {
                 type: "button",
                 onClick: () => {
                   T.setFieldValue(
-                    C,
-                    m[C]
+                    k,
+                    m[k]
                   );
                 },
                 className: "filter-clear-selection-button",
@@ -1117,7 +1117,7 @@ const $n = {
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: P.map((R) => {
+          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: O.map((R) => {
             const Y = v.range === R.key || R.key === "anytime" && (!Array.isArray(v.values) || v.values.length === 0);
             return /* @__PURE__ */ n(
               "label",
@@ -1128,7 +1128,7 @@ const $n = {
                     "input",
                     {
                       type: "radio",
-                      name: `preset-${C}`,
+                      name: `preset-${k}`,
                       checked: Y,
                       onChange: () => V(R.key),
                       className: "h-4 w-4"
@@ -1150,10 +1150,10 @@ const $n = {
                 {
                   asSingle: !0,
                   useRange: !1,
-                  value: O,
+                  value: P,
                   onChange: (R) => {
                     const Y = R?.startDate ? Be(new Date(R.startDate)) : null, W = x[1] || null;
-                    Y && (T.setFieldValue(`${C}.values`, [Y, W]), T.setFieldValue(`${C}.range`, "custom"));
+                    Y && (T.setFieldValue(`${k}.values`, [Y, W]), T.setFieldValue(`${k}.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",
                   primaryColor: "violet",
@@ -1177,7 +1177,7 @@ const $n = {
                   value: D,
                   onChange: (R) => {
                     const Y = R?.startDate ? je(new Date(R.startDate)) : null, W = x[0] || null;
-                    Y && (T.setFieldValue(`${C}.values`, [W, Y]), T.setFieldValue(`${C}.range`, "custom"));
+                    Y && (T.setFieldValue(`${k}.values`, [W, Y]), T.setFieldValue(`${k}.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",
                   primaryColor: "violet",
@@ -1245,11 +1245,11 @@ const $n = {
                   flexGrow: 1
                 },
                 children: [
-                  /* @__PURE__ */ e(_r, { className: "filter-tabs-list", children: l.map((C) => /* @__PURE__ */ n(ne, { className: "filter-tab-item", children: [
+                  /* @__PURE__ */ e(_r, { className: "filter-tabs-list", children: l.map((k) => /* @__PURE__ */ n(ne, { className: "filter-tab-item", children: [
                     /* @__PURE__ */ e("div", { className: "filter-selection-horizontal-indicator" }),
                     /* @__PURE__ */ n("div", { className: "filter-lbl-indicator-wrapper", children: [
-                      C.label,
-                      A[C.key] && /* @__PURE__ */ e(
+                      k.label,
+                      A[k.key] && /* @__PURE__ */ e(
                         "span",
                         {
                           className: "filter-active-indicator",
@@ -1257,8 +1257,8 @@ const $n = {
                         }
                       )
                     ] })
-                  ] }, C.key)) }),
-                  /* @__PURE__ */ e(Ur, { className: "filter-tabs-panels", children: l.map((C) => /* @__PURE__ */ e(
+                  ] }, k.key)) }),
+                  /* @__PURE__ */ e(Ur, { className: "filter-tabs-panels", children: l.map((k) => /* @__PURE__ */ e(
                     ne.Panel,
                     {
                       className: "filter-tab-panel",
@@ -1269,12 +1269,12 @@ const $n = {
                           animate: { opacity: 1, x: 0 },
                           transition: { duration: 0.3 },
                           className: "h-full",
-                          children: q(C.key)
+                          children: q(k.key)
                         },
-                        C.key
+                        k.key
                       )
                     },
-                    C.key
+                    k.key
                   )) })
                 ]
               }
@@ -1358,7 +1358,7 @@ const $n = {
     iconClass: "icon--info",
     primaryButtonCategory: "primary"
   }
-}, Pn = ({
+}, On = ({
   isOpen: t,
   onClose: a,
   title: s,
@@ -1434,7 +1434,7 @@ const $n = {
       }
     ) })
   ] }) });
-}, Ol = ({
+}, Pl = ({
   currentPage: t,
   totalItems: a,
   itemsPerPage: s,
@@ -1786,7 +1786,7 @@ const $n = {
       ]
     }
   );
-}, Pl = ({
+}, Ol = ({
   navItems: t = [],
   isCollapsed: a = !1,
   onToggleCollapse: s,
@@ -2541,7 +2541,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
     type: "User",
     avatarUrl: a?.profileImage || Je(l)
   };
-}), Ot = (t) => {
+}), Pt = (t) => {
   try {
     const a = JSON.parse(t);
     return Array.isArray(a) ? a : [];
@@ -2592,10 +2592,10 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
     if (Array.isArray(s))
       i = s;
     else if (typeof s == "string")
-      i = Ot(s.trim());
+      i = Pt(s.trim());
     else if (s && typeof s == "object") {
       const l = s.data;
-      Array.isArray(l) ? i = l : typeof l == "string" && (i = Ot(l.trim()));
+      Array.isArray(l) ? i = l : typeof l == "string" && (i = Pt(l.trim()));
     }
     return es(i);
   }
@@ -2652,7 +2652,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
       ]
     }
   );
-}, Pt = [
+}, Ot = [
   { id: 1, name: Te.USER, icon: nr, code: "users" },
   { id: 2, name: Te.GROUP, icon: Zt, code: "groups" },
   { id: 3, name: Te.ROLE, icon: sr, code: "roles" }
@@ -2672,11 +2672,11 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
   },
   isChanged: u = !1
 }) => {
-  const [p, b] = M(Pt[0]), [f, r] = M(""), y = Ct(f, 400), [d, h] = M([]), [$, T] = M(/* @__PURE__ */ new Set()), [A, E] = M(!1), [I, j] = M(Lt[0]), {
+  const [p, b] = M(Ot[0]), [f, r] = M(""), y = Ct(f, 400), [d, h] = M([]), [$, T] = M(/* @__PURE__ */ new Set()), [A, E] = M(!1), [I, j] = M(Lt[0]), {
     control: _,
     handleSubmit: G,
     watch: q,
-    formState: { errors: C, isSubmitting: g }
+    formState: { errors: k, isSubmitting: g }
   } = lr({
     defaultValues: { pendingInvites: [] },
     resolver: cr(as)
@@ -2689,35 +2689,35 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
       h(D);
     }).catch((D) => console.error("Search failed:", D)).finally(() => E(!1))) : (h([]), T(/* @__PURE__ */ new Set()));
   }, [y, p]);
-  const k = (D) => {
-    T((P) => {
-      const V = new Set(P);
+  const C = (D) => {
+    T((O) => {
+      const V = new Set(O);
       return V.has(D) ? V.delete(D) : V.add(D), V;
     });
   }, F = () => {
     d.filter((D) => $.has(D.id)).forEach((D) => {
-      v.find((P) => P.id === D.id) || w({ ...D, permission: I.name });
+      v.find((O) => O.id === D.id) || w({ ...D, permission: I.name });
     }), T(/* @__PURE__ */ new Set()), r("");
   }, L = (D) => {
     j(D), v.forEach(
-      (P, V) => N(V, { ...v[V], permission: D.name })
+      (O, V) => N(V, { ...v[V], permission: D.name })
     );
   }, U = async (D) => {
     try {
       if (l === de.DRIVE) {
-        const P = D.pendingInvites.map((R) => ({
+        const O = D.pendingInvites.map((R) => ({
           id: R.id,
           permission: R.permission,
           type: R.type.toLowerCase()
         }));
         o({
           entity: t,
-          userGroupRolesObj: P,
+          userGroupRolesObj: O,
           existingShares: i
           // Always send updated existing shares
         }, i);
       } else if (l === de.INTEREST) {
-        const P = D.pendingInvites.map((V) => ({
+        const O = D.pendingInvites.map((V) => ({
           identity: V.id,
           type: V.type.toLowerCase(),
           opt: !0,
@@ -2726,16 +2726,16 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
           userName: V.name,
           interestId: t?.data?.id
         }));
-        o(P, i);
+        o(O, i);
       } else if (l === de.ARTICLE) {
-        const P = D.pendingInvites.map((R) => ({
+        const O = D.pendingInvites.map((R) => ({
           id: R.id,
           permission: R.permission,
           type: R.type.toLowerCase()
         }));
         o({
           entity: t,
-          userGroupRolesObj: P,
+          userGroupRolesObj: O,
           existingShares: i
         }, i);
       } else
@@ -2743,13 +2743,13 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
       setTimeout(() => {
         s();
       }, 1e3);
-    } catch (P) {
-      throw console.error("Failed to submit invites:", P), P;
+    } catch (O) {
+      throw console.error("Failed to submit invites:", O), O;
     }
   }, S = (D) => {
-    const P = i[p.code].find((V) => V.name === D.name && V.permission !== "remove") || x.find((V) => V.name === D.name);
-    return P ? `${P.permission}` : "";
-  }, O = () => {
+    const O = i[p.code].find((V) => V.name === D.name && V.permission !== "remove") || x.find((V) => V.name === D.name);
+    return O ? `${O.permission}` : "";
+  }, P = () => {
     switch (l) {
       case de.DRIVE:
         return "Share with others";
@@ -2763,7 +2763,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
   };
   return ue(() => (console.log("InviteFlow - isChanged:", u, "pendingInvites.length:", x.length), x.length === 0 && !u), [x.length, u]), /* @__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(ye.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: O() }),
+      /* @__PURE__ */ e(ye.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: P() }),
       /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
         l === de.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(or, { className: "h-5 w-5" }),
@@ -2805,28 +2805,28 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ e(K.Options, { className: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: Pt.map((D) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(K.Options, { className: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: Ot.map((D) => /* @__PURE__ */ e(
                 K.Option,
                 {
                   value: D,
-                  className: ({ active: P }) => `${P ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                  children: ({ selected: P }) => /* @__PURE__ */ n(te, { children: [
+                  className: ({ active: O }) => `${O ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
+                  children: ({ selected: O }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `${P ? "font-medium" : "font-normal"} flex items-center`,
+                        className: `${O ? "font-medium" : "font-normal"} flex items-center`,
                         children: [
                           /* @__PURE__ */ e(
                             D.icon,
                             {
-                              className: `h-5 w-5 mr-2 ${P ? "text-white" : "text-gray-400"}`
+                              className: `h-5 w-5 mr-2 ${O ? "text-white" : "text-gray-400"}`
                             }
                           ),
                           D.name
                         ]
                       }
                     ),
-                    P && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-white", children: /* @__PURE__ */ e(ht, { className: "h-5 w-5" }) })
+                    O && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-white", children: /* @__PURE__ */ e(ht, { className: "h-5 w-5" }) })
                   ] })
                 },
                 D.id
@@ -2852,12 +2852,12 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
             className: "absolute top-full mt-2 w-full col-span-3 bg-white border border-gray-300 rounded-lg shadow-lg z-10",
             children: A ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(te, { children: [
               /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: d.map((D) => {
-                const P = S(D);
+                const O = S(D);
                 return /* @__PURE__ */ n(
                   "div",
                   {
-                    onClick: () => P ? null : k(D.id),
-                    className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${P ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
+                    onClick: () => O ? null : C(D.id),
+                    className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${O ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
                     children: [
                       /* @__PURE__ */ e(
                         "input",
@@ -2866,7 +2866,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                           checked: $.has(D.id),
                           readOnly: !0,
                           className: "h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500",
-                          disabled: !!P
+                          disabled: !!O
                         }
                       ),
                       /* @__PURE__ */ e(
@@ -2878,8 +2878,8 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                         }
                       ),
                       /* @__PURE__ */ e("span", { className: "text-md font-medium text-gray-800 truncate", children: D.name }),
-                      P ? /* @__PURE__ */ n(te, { children: [
-                        /* @__PURE__ */ e("span", { className: "text-sm px-[12px] py-[2px] border border-dashed rounded-xl bg-teal-100 text-teal-700", children: P }),
+                      O ? /* @__PURE__ */ n(te, { children: [
+                        /* @__PURE__ */ e("span", { className: "text-sm px-[12px] py-[2px] border border-dashed rounded-xl bg-teal-100 text-teal-700", children: O }),
                         /* @__PURE__ */ e("span", { className: "text-sm text-gray-400", children: "Already added" })
                       ] }) : ""
                     ]
@@ -2950,12 +2950,12 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                           K.Option,
                           {
                             value: D,
-                            className: ({ active: P }) => `${P ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                            children: ({ selected: P, active: V }) => /* @__PURE__ */ n(te, { children: [
+                            className: ({ active: O }) => `${O ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
+                            children: ({ selected: O, active: V }) => /* @__PURE__ */ n(te, { children: [
                               /* @__PURE__ */ n(
                                 "span",
                                 {
-                                  className: `${P ? "font-medium" : "font-normal"} flex items-center`,
+                                  className: `${O ? "font-medium" : "font-normal"} flex items-center`,
                                   children: [
                                     /* @__PURE__ */ e(
                                       D.icon,
@@ -2968,7 +2968,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                                   ]
                                 }
                               ),
-                              P && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(
+                              O && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(
                                 ht,
                                 {
                                   className: "h-5 w-5",
@@ -2985,7 +2985,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(Ce, { children: v.map((D, P) => /* @__PURE__ */ n(
+            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(Ce, { children: v.map((D, O) => /* @__PURE__ */ n(
               le.div,
               {
                 layout: !0,
@@ -3013,7 +3013,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                     /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => z(P),
+                        onClick: () => z(O),
                         className: "text-gray-400 hover:text-red-500 hover:cursor-pointer",
                         children: /* @__PURE__ */ e(et, { className: "h-5 w-5" })
                       }
@@ -3163,7 +3163,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
     u((q) => ({
       ...q,
       [j]: q[j].map(
-        (C) => C.id === E.id ? { ...C, permission: G } : C
+        (k) => k.id === E.id ? { ...k, permission: G } : k
       )
     }));
   }, $ = () => {
@@ -3473,9 +3473,9 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
       E(resp);
     }
     h({ id: v, type: z, name: w }), j(b), f(fe.MEMBERS);
-  }, C = (v) => {
+  }, k = (v) => {
     console.log("changedExistingShares", v), y(v);
-    const w = ct.mapValues(t, (x) => x.map((k) => ({ id: k.id, permission: k.permission })).sort((k, F) => k.id - F.id)), z = ct.mapValues(v, (x) => x.map((k) => ({ id: k.id, permission: k.permission })).sort((k, F) => k.id - F.id));
+    const w = ct.mapValues(t, (x) => x.map((C) => ({ id: C.id, permission: C.permission })).sort((C, F) => C.id - F.id)), z = ct.mapValues(v, (x) => x.map((C) => ({ id: C.id, permission: C.permission })).sort((C, F) => C.id - F.id));
     console.log("Existing data:", w), console.log("Changed data:", z);
     const N = !ct.isEqual(w, z);
     console.log("hasPermissionChanged:", N), T(N), f(b === fe.MEMBERS ? I : fe.INVITE);
@@ -3497,7 +3497,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                 ss,
                 {
                   entity: i,
-                  onBack: C,
+                  onBack: k,
                   onClose: _,
                   onOpenMembers: q,
                   existingShares: r,
@@ -3521,7 +3521,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                 is,
                 {
                   entity: d,
-                  onBack: C,
+                  onBack: k,
                   onClose: _,
                   calledBy: l,
                   existingShares: r,
@@ -3600,7 +3600,7 @@ function nt({
   Z(() => {
     b === "server" && A.length >= y && A !== I.current && (I.current = A, f && f(A));
   }, [A, b, y, f]);
-  const q = b === "client" ? G : a, C = () => {
+  const q = b === "client" ? G : a, k = () => {
     if (!_.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
     const v = _.slice(0, u), w = _.length - u;
@@ -3645,7 +3645,7 @@ function nt({
             o ? "ring-red-500" : "ring-gray-300"
           ),
           children: [
-            /* @__PURE__ */ e("span", { className: "block truncate", children: C() }),
+            /* @__PURE__ */ e("span", { className: "block truncate", children: k() }),
             /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(Ht, { className: "w-5 h-5 text-gray-400", "aria-hidden": "true" }) })
           ]
         }
@@ -3669,14 +3669,14 @@ function nt({
             ) }),
             b === "server" && r && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
             q.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: b === "server" ? A.length < y ? `Type at least ${y} characters to search.` : "No results." : "No options found." }) : q.map((w) => {
-              const z = d(w), N = h(w), x = _.some((F) => d(F) === z), k = p !== -1 && _.length >= p && !x;
+              const z = d(w), N = h(w), x = _.some((F) => d(F) === z), C = p !== -1 && _.length >= p && !x;
               return /* @__PURE__ */ e(
                 K.Option,
                 {
                   value: w,
-                  disabled: k,
+                  disabled: C,
                   className: ({ active: F }) => Ge(
-                    k ? " text-gray-400  bg-white  cursor-not-allowed" : F ? " bg-gray-200  text-gray-900" : " text-gray-900",
+                    C ? " 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: L }) => /* @__PURE__ */ n(te, { children: [
@@ -3866,7 +3866,7 @@ function ds({
   dropId: f,
   indent: r = 24
 }) {
-  const { setNodeRef: y, isOver: d } = ur({ id: f }), { attributes: h, listeners: $, setNodeRef: T, transform: A, isDragging: E } = hr({ id: b }), I = A ? { transform: `translate3d(${Math.round(A.x)}px, ${Math.round(A.y)}px, 0)` } : void 0, [j, _] = M(!1), [G, q] = M(t.name), C = () => {
+  const { setNodeRef: y, isOver: d } = ur({ id: f }), { attributes: h, listeners: $, setNodeRef: T, transform: A, isDragging: E } = hr({ id: b }), I = A ? { transform: `translate3d(${Math.round(A.x)}px, ${Math.round(A.y)}px, 0)` } : void 0, [j, _] = M(!1), [G, q] = M(t.name), k = () => {
     const v = G.trim();
     _(!1), v && v !== t.name ? o?.(t, v) : q(t.name);
   }, g = ue(() => /* @__PURE__ */ e(
@@ -3900,9 +3900,9 @@ function ds({
             className: "tv-input",
             value: G,
             onChange: (v) => q(v.target.value),
-            onBlur: C,
+            onBlur: k,
             onKeyDown: (v) => {
-              v.key === "Enter" && C(), v.key === "Escape" && (_(!1), q(t.name));
+              v.key === "Enter" && k(), v.key === "Escape" && (_(!1), q(t.name));
             },
             autoFocus: !0
           }
@@ -4009,36 +4009,36 @@ function Jl({
   indentUnit: h = 24
 }) {
   const { roots: $ } = ue(() => ps(t) ? bs(t, { rootId: a, getId: i, getName: m }) : gs(
-    t.map((k) => ({ ...k })),
+    t.map((C) => ({ ...C })),
     { rootId: a, getId: i, getParent: l, getName: m }
-  ), [t, a, i, l, m]), [T, A] = M({}), E = ae((k) => {
+  ), [t, a, i, l, m]), [T, A] = M({}), E = ae((C) => {
     const F = {};
     return (function L(U) {
       U.forEach((S) => {
         F[S.id] = !0, S.children?.length && L(S.children);
       });
-    })(k), F;
+    })(C), F;
   }, []);
   se.useEffect(() => {
     A(E($));
   }, [$, E]);
   const I = ae(
-    (k) => A((F) => ({ ...F, [k]: !F[k] })),
+    (C) => A((F) => ({ ...F, [C]: !F[C] })),
     []
   ), [j, _] = M(() => Le($));
   se.useEffect(() => _(Le($)), [$]);
   const G = pr(
     gr(yr, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), q = xe(null), [C, g] = M(null), v = xe(0), w = () => {
-  }, z = ({ delta: k }) => {
-    v.current = k?.x ?? 0;
+  ), q = xe(null), [k, g] = M(null), v = xe(0), w = () => {
+  }, z = ({ delta: C }) => {
+    v.current = C?.x ?? 0;
   }, N = ae(
-    ({ active: k, over: F }) => {
+    ({ active: C, over: F }) => {
       const L = v.current;
-      if (v.current = 0, g(null), !k || !F) return;
-      const U = String(k.id).replace(/^drag-/, ""), S = String(F.id).replace(/^drop-/, "");
+      if (v.current = 0, g(null), !C || !F) return;
+      const U = String(C.id).replace(/^drag-/, ""), S = String(F.id).replace(/^drop-/, "");
       if (!U || !S || U === S) return;
-      let O = S;
+      let P = S;
       const D = Math.max(0, Math.floor(-L / h));
       if (D > 0) {
         let W = S;
@@ -4046,24 +4046,24 @@ function Jl({
           const B = Ta(j, W, null);
           if (!B) break;
           if (!B.parentId) {
-            O = a;
+            P = a;
             break;
           }
-          O = B.parentId, W = B.parentId;
+          P = B.parentId, W = B.parentId;
         }
       }
-      if (d && O === a) {
+      if (d && P === a) {
         _(Le($));
         return;
       }
-      const P = Le(j), { newRoots: V, removed: R } = fs(P, U);
+      const O = Le(j), { newRoots: V, removed: R } = fs(O, U);
       if (!R) return;
-      const Y = xs(V, O, R);
-      _(Y), r?.({ sourceId: U, destParentId: O, newTree: Y });
+      const Y = xs(V, P, R);
+      _(Y), r?.({ sourceId: U, destParentId: P, newTree: Y });
     },
     [j, $, a, d, h, r]
   ), x = ae(
-    (k, F = 0) => k.map((L) => /* @__PURE__ */ n(se.Fragment, { children: [
+    (C, F = 0) => C.map((L) => /* @__PURE__ */ n(se.Fragment, { children: [
       /* @__PURE__ */ e(
         ds,
         {
@@ -4086,18 +4086,18 @@ function Jl({
     [T, h, p, f, b, o, y, I]
   );
   return se.useMemo(() => {
-    if (!C) return null;
-    const k = String(C).replace(/^drag-/, "");
+    if (!k) return null;
+    const C = String(k).replace(/^drag-/, "");
     function F(L) {
       for (const U of L) {
-        if (U.id === k) return U;
+        if (U.id === C) return U;
         const S = U.children?.length ? F(U.children) : null;
         if (S) return S;
       }
       return null;
     }
     return F(j);
-  }, [C, j]), /* @__PURE__ */ n("div", { className: "tv", children: [
+  }, [k, j]), /* @__PURE__ */ n("div", { className: "tv", children: [
     s !== !1 && /* @__PURE__ */ n("div", { className: "tv-header", children: [
       /* @__PURE__ */ e("div", { className: "tv-title", children: s }),
       /* @__PURE__ */ e("button", { className: "tv-btn", onClick: u, children: "+ New folder" })
@@ -4660,8 +4660,8 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   }, []);
   const $ = (g) => {
     const v = (N, x) => {
-      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: N, value: x, type: typeof x }), r((k) => {
-        const F = [...k];
+      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: N, value: x, type: typeof x }), r((C) => {
+        const F = [...C];
         return F[N][g.key] = x, F;
       });
     }, w = (N) => i[l.key]?.[N]?.[g.key], z = (N) => {
@@ -4675,7 +4675,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             X,
             {
               value: N[g.key] || "",
-              onChange: (k) => v(x, k.target.value),
+              onChange: (C) => v(x, C.target.value),
               placeholder: g.placeholder || `Enter ${g.label}`,
               required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`
@@ -4689,7 +4689,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             ya,
             {
               value: N[g.key] || "",
-              onChange: (k) => v(x, k.target.value),
+              onChange: (C) => v(x, C.target.value),
               placeholder: g.placeholder || `Enter ${g.label}`,
               required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`,
@@ -4705,7 +4705,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "number",
               value: N[g.key] || "",
-              onChange: (k) => v(x, k.target.value),
+              onChange: (C) => v(x, C.target.value),
               placeholder: g.placeholder || `Enter ${g.label}`,
               required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`
@@ -4720,7 +4720,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "email",
               value: N[g.key] || "",
-              onChange: (k) => v(x, k.target.value),
+              onChange: (C) => v(x, C.target.value),
               placeholder: g.placeholder || "Enter email address",
               required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`
@@ -4735,7 +4735,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "url",
               value: N[g.key] || "",
-              onChange: (k) => v(x, k.target.value),
+              onChange: (C) => v(x, C.target.value),
               placeholder: g.placeholder || "Enter URL",
               required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`
@@ -4750,7 +4750,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "password",
               value: N[g.key] || "",
-              onChange: (k) => v(x, k.target.value),
+              onChange: (C) => v(x, C.target.value),
               placeholder: g.placeholder || "Enter password",
               required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`
@@ -4765,7 +4765,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             ft,
             {
               value: N[g.key] || "",
-              onChange: (k) => v(x, k),
+              onChange: (C) => v(x, C),
               options: g.options || [],
               placeholder: g.placeholder || `Select ${g.label}`,
               required: g.required,
@@ -4776,14 +4776,14 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         ] });
       case "selectDynamic":
         return (N, x) => {
-          const k = () => {
+          const C = () => {
             if (g.optionsFrom && a) {
               const { config: F, valueField: L, labelField: U } = g.optionsFrom, S = a[F] || [];
               if (Array.isArray(S))
-                return S.map((O) => ({
-                  id: O[L] || "",
-                  value: O[L] || "",
-                  label: O[U] || ""
+                return S.map((P) => ({
+                  id: P[L] || "",
+                  value: P[L] || "",
+                  label: P[U] || ""
                 }));
             }
             return g.options || [];
@@ -4795,7 +4795,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
                 index: x,
                 value: N[g.key] || "",
                 onChange: (F) => v(x, F),
-                options: k(),
+                options: C(),
                 placeholder: g.placeholder || `Select ${g.label}`,
                 required: g.required,
                 className: `w-full ${w(x) ? "border-red-500" : ""}`
@@ -4807,11 +4807,11 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         };
       case "multiselect":
         return (N, x) => {
-          const k = N[g.key] || [];
+          const C = N[g.key] || [];
           return /* @__PURE__ */ e(
             nt,
             {
-              selectedItems: k,
+              selectedItems: C,
               onSelectionChange: (F) => v(x, F),
               options: g.options || [],
               placeholder: g.placeholder || `Select ${g.label}`,
@@ -4825,7 +4825,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           ma,
           {
             checked: !!N[g.key],
-            onChange: (k) => v(x, k),
+            onChange: (C) => v(x, C),
             label: g.placeholder || g.label,
             className: "w-full"
           }
@@ -4836,7 +4836,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           va,
           {
             isOn: !!N[g.key],
-            onToggle: (k) => v(x, k),
+            onToggle: (C) => v(x, C),
             label: g.placeholder || g.label,
             className: "w-full"
           }
@@ -4846,7 +4846,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           ga,
           {
             selectedDate: N[g.key] ? new Date(N[g.key]) : null,
-            onDateChange: (k) => v(x, k ? k.toISOString().split("T")[0] : ""),
+            onDateChange: (C) => v(x, C ? C.toISOString().split("T")[0] : ""),
             placeholder: g.placeholder || "Select date",
             className: "w-full"
           }
@@ -4857,7 +4857,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "datetime-local",
             value: N[g.key] || "",
-            onChange: (k) => v(x, k.target.value),
+            onChange: (C) => v(x, C.target.value),
             placeholder: g.placeholder || "Select date and time",
             required: g.required,
             className: "w-full"
@@ -4869,7 +4869,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "time",
             value: N[g.key] || "",
-            onChange: (k) => v(x, k.target.value),
+            onChange: (C) => v(x, C.target.value),
             placeholder: g.placeholder || "Select time",
             required: g.required,
             className: "w-full"
@@ -4880,7 +4880,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           ba,
           {
             selectedValue: N[g.key] || "",
-            onValueChange: (k) => v(x, k),
+            onValueChange: (C) => v(x, C),
             options: g.options || [],
             className: "w-full"
           }
@@ -4890,17 +4890,17 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           be,
           {
             value: N[g.key] || "",
-            onChange: (k) => v(x, k),
+            onChange: (C) => v(x, C),
             placeholder: g.placeholder || `Search ${g.label}`,
             className: "w-full"
           }
         );
       case "audience":
         return (N, x) => {
-          const k = N[g.key] || { users: [], groups: [], roles: [] }, F = [
-            ...k.users || [],
-            ...k.groups || [],
-            ...k.roles || []
+          const C = N[g.key] || { users: [], groups: [], roles: [] }, F = [
+            ...C.users || [],
+            ...C.groups || [],
+            ...C.roles || []
           ];
           return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(vs, { children: F.length > 0 ? F.slice(0, 3).map((L, U) => /* @__PURE__ */ e(
@@ -4930,7 +4930,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "color",
             value: N[g.key] || "#000000",
-            onChange: (k) => v(x, k.target.value),
+            onChange: (C) => v(x, C.target.value),
             className: "w-full h-10"
           }
         );
@@ -4941,7 +4941,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "range",
               value: N[g.key] || g.min || 0,
-              onChange: (k) => v(x, k.target.value),
+              onChange: (C) => v(x, C.target.value),
               min: g.min || 0,
               max: g.max || 100,
               step: g.step || 1,
@@ -4955,8 +4955,8 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           X,
           {
             type: "file",
-            onChange: (k) => {
-              const F = k.target.files[0];
+            onChange: (C) => {
+              const F = C.target.files[0];
               v(x, F ? F.name : "");
             },
             accept: g.accept,
@@ -4969,7 +4969,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "hidden",
             value: N[g.key] || "",
-            onChange: (k) => v(x, k.target.value)
+            onChange: (C) => v(x, C.target.value)
           }
         );
       // Default fallback for unknown field types
@@ -4979,7 +4979,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             X,
             {
               value: N[g.key] || "",
-              onChange: (k) => v(x, k.target.value),
+              onChange: (C) => v(x, C.target.value),
               placeholder: g.placeholder || `Enter ${g.label}`,
               required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`
@@ -5019,15 +5019,15 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     }), I(null));
   }, [E]), q = ae(() => {
     I(null);
-  }, []), C = ae((g) => {
+  }, []), k = ae((g) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", g), r((v) => {
       const w = [...v];
       if (o !== null && p && w[o]) {
-        const z = g.pendingInvites || [], N = z.filter((F) => F.type === "User"), x = z.filter((F) => F.type === "Group"), k = z.filter((F) => F.type === "Role");
+        const z = g.pendingInvites || [], N = z.filter((F) => F.type === "User"), x = z.filter((F) => F.type === "Group"), C = z.filter((F) => F.type === "Role");
         w[o][p] = {
           users: [...w[o][p]?.users || [], ...N],
           groups: [...w[o][p]?.groups || [], ...x],
-          roles: [...w[o][p]?.roles || [], ...k]
+          roles: [...w[o][p]?.roles || [], ...C]
         }, console.log("[DataTableRenderer] Updated audience data:", w[o][p]);
       }
       return w;
@@ -5100,7 +5100,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           onClose: () => {
             u(null), b(null);
           },
-          onFinalSubmit: C,
+          onFinalSubmit: k,
           existingShares: g,
           allowedPermissions: ["view", "remove"]
         }
@@ -5108,7 +5108,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     })()
   ] });
 }
-const Pe = {
+const Oe = {
   containerId: "ui-toast",
   position: "bottom-right",
   autoClose: 3500,
@@ -5122,12 +5122,12 @@ const Mt = () => {
 }, Bt = () => {
   typeof document > "u" || (He = Math.max(0, He - 1), He === 0 && document.body.classList.remove("toast-backdrop"));
 }, De = {
-  success: (t, a) => me.success(t, { ...Pe, ...a }),
-  info: (t, a) => me.info(t, { ...Pe, ...a }),
-  warn: (t, a) => me.warn(t, { ...Pe, ...a }),
+  success: (t, a) => me.success(t, { ...Oe, ...a }),
+  info: (t, a) => me.info(t, { ...Oe, ...a }),
+  warn: (t, a) => me.warn(t, { ...Oe, ...a }),
   // Error: no autoClose + modal-like behavior via backdrop
   error: (t, a) => me.error(t, {
-    ...Pe,
+    ...Oe,
     autoClose: !1,
     closeOnClick: !1,
     draggable: !1,
@@ -5150,7 +5150,7 @@ const Mt = () => {
         onClose: Bt
       }
     },
-    { ...Pe, ...s }
+    { ...Oe, ...s }
   )
 }, Ye = (t) => {
   try {
@@ -5179,11 +5179,11 @@ const Mt = () => {
     try {
       const S = await Ve(t.collectionList);
       if (S) {
-        const O = S.map((D, P) => ({
+        const P = S.map((D, O) => ({
           ...D,
-          order: typeof D.order == "number" ? D.order : P + 1
+          order: typeof D.order == "number" ? D.order : O + 1
         }));
-        O.sort((D, P) => (D.order ?? 0) - (P.order ?? 0)), h(O), s?.(O);
+        P.sort((D, O) => (D.order ?? 0) - (O.order ?? 0)), h(P), s?.(P);
       }
     } catch (S) {
       console.log("Error loading collections:", S), typeof window < "u" && !window.location.pathname.includes("iframe.html") && me.error("Failed to load collections");
@@ -5199,19 +5199,19 @@ const Mt = () => {
   }, q = () => {
     if (!l || b !== null) return;
     const S = `temp-${Date.now()}`;
-    h((O) => [
-      ...O,
+    h((P) => [
+      ...P,
       {
         id: S,
         categoryName: "",
         links: [],
-        order: (O.at(-1)?.order ?? 0) + 1,
+        order: (P.at(-1)?.order ?? 0) + 1,
         _temp: !0
       }
     ]), f(S), y("");
-  }, C = () => {
+  }, k = () => {
     b != null && (h((S) => {
-      const O = S.find((P) => P.id === b), D = O && O._temp ? S.filter((P) => P.id !== b) : S;
+      const P = S.find((O) => O.id === b), D = P && P._temp ? S.filter((O) => O.id !== b) : S;
       return s?.(D), D;
     }), f(null), y(""));
   }, g = async () => {
@@ -5219,64 +5219,64 @@ const Mt = () => {
     const S = typeof b == "string" && b.startsWith("temp-");
     try {
       if (S) {
-        const O = await _e(t.collectionCreate, {
+        const P = await _e(t.collectionCreate, {
           categoryName: r.trim(),
           order: (Array.isArray(d) && d.length > 0 ? d.at(-1)?.order ?? 0 : 0) + 1
         });
-        O && (h((D) => {
-          const P = D.map((V) => V.id === b ? O : V);
-          return s?.(P), P;
+        P && (h((D) => {
+          const O = D.map((V) => V.id === b ? P : V);
+          return s?.(O), O;
         }), De.success("Collection created successfully"));
       } else {
-        const O = await Zn(
+        const P = await Zn(
           `${t.collectionUpdate}/${b}?newName=${r.trim()}`
         );
         h((D) => {
-          const P = D.map(
-            (V) => V.id === b ? O && O.id ? { ...V, ...O } : { ...V, categoryName: r.trim() } : V
+          const O = D.map(
+            (V) => V.id === b ? P && P.id ? { ...V, ...P } : { ...V, categoryName: r.trim() } : V
           );
-          return s?.(P), P;
+          return s?.(O), O;
         }), me.success("Collection updated successfully");
       }
       f(null), y("");
-    } catch (O) {
-      console.log(O), me.error("Failed to save collection");
+    } catch (P) {
+      console.log(P), me.error("Failed to save collection");
     }
   }, v = async (S) => {
     if (o)
       try {
         await Qn(`${t.collectionUpdate}/${S.id}`) && (me.success("Deleted successfully", { autoClose: 3e3 }), _());
-      } catch (O) {
-        console.log(O), me.error("Failed to delete collection");
+      } catch (P) {
+        console.log(P), me.error("Failed to delete collection");
       }
-  }, w = (S, O, D) => {
-    if (!u || !O || !D || O === D) return S;
-    const P = S.findIndex((W) => W.id === O), V = S.findIndex((W) => W.id === D);
-    if (P === -1 || V === -1) return S;
-    const R = [...S], [Y] = R.splice(P, 1);
+  }, w = (S, P, D) => {
+    if (!u || !P || !D || P === D) return S;
+    const O = S.findIndex((W) => W.id === P), V = S.findIndex((W) => W.id === D);
+    if (O === -1 || V === -1) return S;
+    const R = [...S], [Y] = R.splice(O, 1);
     return R.splice(V, 0, Y), R.map((W, pe) => ({ ...W, order: pe + 1 }));
   }, z = async (S) => {
-    const O = S.map((D) => ({
+    const P = S.map((D) => ({
       id: D.id,
       order: D.order,
       categoryName: D.categoryName
     }));
     try {
-      await _e(t.updateCollection, O);
+      await _e(t.updateCollection, P);
     } catch (D) {
       console.log(D), me.error("Failed to save order", { autoClose: 2500 });
     }
-  }, N = (S, O) => {
-    u && (S.dataTransfer.effectAllowed = "move", S.dataTransfer.setData("text/plain", String(O)), T(O));
+  }, N = (S, P) => {
+    u && (S.dataTransfer.effectAllowed = "move", S.dataTransfer.setData("text/plain", String(P)), T(P));
   }, x = (S) => {
     $ && S !== A && E(S);
-  }, k = (S) => {
+  }, C = (S) => {
     S.preventDefault();
-  }, F = async (S, O) => {
+  }, F = async (S, P) => {
     S.preventDefault();
     const D = S.dataTransfer.getData("text/plain");
-    D && (h((P) => {
-      const V = w(P, D, O);
+    D && (h((O) => {
+      const V = w(O, D, P);
       return console.log("Reordered", V), z(V), s?.(V), V;
     }), T(null), E(null));
   }, L = () => {
@@ -5309,21 +5309,21 @@ const Mt = () => {
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: U.map((S) => {
-      const O = b === S.id, D = S?.links?.length ?? 0, P = $ === S.id, V = A === S.id && $ !== S.id;
+      const P = b === S.id, D = S?.links?.length ?? 0, O = $ === S.id, V = A === S.id && $ !== S.id;
       return /* @__PURE__ */ e(
         "div",
         {
           onDragEnter: () => x(S.id),
-          onDragOver: k,
+          onDragOver: C,
           onDrop: (R) => F(R, S.id),
           onDragEnd: L,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
             V ? "ring-2 ring-gray-800/20" : "",
-            P ? "opacity-60" : ""
+            O ? "opacity-60" : ""
           ].join(" "),
-          children: O ? /* @__PURE__ */ n(te, { children: [
+          children: P ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
               "input",
               {
@@ -5333,7 +5333,7 @@ const Mt = () => {
                 placeholder: S._temp ? "New collection name" : "Edit collection name",
                 onChange: (R) => y(R.target.value),
                 onKeyDown: (R) => {
-                  R.key === "Enter" && g(), R.key === "Escape" && C();
+                  R.key === "Enter" && g(), R.key === "Escape" && k();
                 },
                 autoFocus: !0
               }
@@ -5343,7 +5343,7 @@ const Mt = () => {
                 "button",
                 {
                   className: "cursor-pointer border border-gray-300 p-2 rounded-2xl",
-                  onClick: C,
+                  onClick: k,
                   "aria-label": "Cancel edit",
                   children: /* @__PURE__ */ e(ge, { color: "#767676" })
                 }
@@ -5471,16 +5471,16 @@ function Ss({
       if (x.key && x.type === "datatable") {
         const F = (N[x.key] || []).map((L, U) => {
           const S = { id: L.id || 0 };
-          return x.fields && x.fields.forEach((O) => {
-            if (O.fieldtype === "audience") {
+          return x.fields && x.fields.forEach((P) => {
+            if (P.fieldtype === "audience") {
               let D = { users: [], groups: [], roles: [] };
-              L[O.key] && (Array.isArray(L[O.key]) ? D = { users: [], groups: [], roles: [] } : typeof L[O.key] == "object" && (D = {
-                users: L[O.key].users || [],
-                groups: L[O.key].groups || [],
-                roles: L[O.key].roles || []
-              })), S[O.key] = D;
+              L[P.key] && (Array.isArray(L[P.key]) ? D = { users: [], groups: [], roles: [] } : typeof L[P.key] == "object" && (D = {
+                users: L[P.key].users || [],
+                groups: L[P.key].groups || [],
+                roles: L[P.key].roles || []
+              })), S[P.key] = D;
             } else
-              S[O.key] = L[O.key] || O.default || "";
+              S[P.key] = L[P.key] || P.default || "";
           }), S;
         });
         if (F.length === 0) {
@@ -5530,8 +5530,8 @@ function Ss({
         console.error("Error fetching configuration:", z);
         let N = "Failed to load configuration";
         if (z.response) {
-          const x = z.response.status, k = z.response.data?.message || z.response.data?.error;
-          x === 400 ? N = k || "Invalid request. Please check the application ID." : x === 401 ? N = "You are not authorized to access this configuration." : x === 403 ? N = "Access denied. You don't have permission to view this configuration." : x === 404 ? N = "Configuration not found. It may not exist yet or the application ID is incorrect." : x >= 500 ? N = k || "Server error. Please try again later." : N = k || `Failed to load configuration (Error ${x})`;
+          const x = z.response.status, C = z.response.data?.message || z.response.data?.error;
+          x === 400 ? N = C || "Invalid request. Please check the application ID." : x === 401 ? N = "You are not authorized to access this configuration." : x === 403 ? N = "Access denied. You don't have permission to view this configuration." : x === 404 ? N = "Configuration not found. It may not exist yet or the application ID is incorrect." : x >= 500 ? N = C || "Server error. Please try again later." : N = C || `Failed to load configuration (Error ${x})`;
         } else z.request ? N = "Network error. Please check your connection and try again." : N = z.message || "An unexpected error occurred while loading configuration.";
         De.error(N), j();
       } finally {
@@ -5560,25 +5560,25 @@ function Ss({
         });
       else if (z.type === "datatable") {
         const N = u[z.key];
-        Array.isArray(N) && N.forEach((x, k) => {
+        Array.isArray(N) && N.forEach((x, C) => {
           z.fields.forEach((F) => {
             if (F.required) {
               const L = x[F.key];
-              (!L || typeof L == "string" && L.trim() === "") && (w[z.key] || (w[z.key] = {}), w[z.key][k] || (w[z.key][k] = {}), w[z.key][k][F.key] = `${F.label} is required`);
+              (!L || typeof L == "string" && L.trim() === "") && (w[z.key] || (w[z.key] = {}), w[z.key][C] || (w[z.key][C] = {}), w[z.key][C][F.key] = `${F.label} is required`);
             }
           });
         });
       }
     }), w;
-  }, q = (w) => Object.keys(w).length > 0, C = () => {
+  }, q = (w) => Object.keys(w).length > 0, k = () => {
     const w = G();
     if (h(w), q(w)) {
       let N = [];
       Object.keys(w).forEach((x) => {
-        typeof w[x] == "object" && Object.keys(w[x]).forEach((k) => {
-          typeof w[x][k] == "object" ? Object.keys(w[x][k]).forEach((F) => {
-            N.push(`${x} row ${parseInt(k) + 1}: ${w[x][k][F]}`);
-          }) : N.push(`${x}: ${w[x][k]}`);
+        typeof w[x] == "object" && Object.keys(w[x]).forEach((C) => {
+          typeof w[x][C] == "object" ? Object.keys(w[x][C]).forEach((F) => {
+            N.push(`${x} row ${parseInt(C) + 1}: ${w[x][C][F]}`);
+          }) : N.push(`${x}: ${w[x][C]}`);
         });
       });
       return;
@@ -5587,30 +5587,30 @@ function Ss({
       try {
         y(!0);
         const N = {};
-        u && Object.keys(u).forEach((k) => {
+        u && Object.keys(u).forEach((C) => {
           const F = a?.configuration?.find(
-            (L) => L.key === k && L.type === "datatable"
+            (L) => L.key === C && L.type === "datatable"
           );
-          F && Array.isArray(u[k]) ? N[k] = u[k].map((L) => {
+          F && Array.isArray(u[C]) ? N[C] = u[C].map((L) => {
             const U = { id: L.id || 0 };
             return F.fields && F.fields.forEach((S) => {
               if (S.fieldtype === "audience") {
-                let O = { users: [], groups: [], roles: [] };
-                L[S.key] && typeof L[S.key] == "object" && !Array.isArray(L[S.key]) && (O = {
+                let P = { users: [], groups: [], roles: [] };
+                L[S.key] && typeof L[S.key] == "object" && !Array.isArray(L[S.key]) && (P = {
                   users: L[S.key].users || [],
                   groups: L[S.key].groups || [],
                   roles: L[S.key].roles || []
-                }), U[S.key] = O;
+                }), U[S.key] = P;
               } else
                 U[S.key] = L[S.key] || "";
             }), U;
-          }) : N[k] = u[k];
+          }) : N[C] = u[C];
         });
         let x = await _e(T, N);
         if (console.log(), x && x.status != "fail") {
           h({});
-          const k = x.message || "Configuration has been saved successfully";
-          De.success(k), l && typeof l == "function" && l(u);
+          const C = x.message || "Configuration has been saved successfully";
+          De.success(C), l && typeof l == "function" && l(u);
         } else
           throw De.error(x?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (N) {
@@ -5672,7 +5672,7 @@ function Ss({
         ee,
         {
           category: "primary",
-          onClick: C,
+          onClick: k,
           disabled: r,
           label: r ? "Saving..." : "Apply",
           type: "submit"
@@ -5692,9 +5692,9 @@ const Ql = ({
     breadcrumb: b = [],
     overview: f = {},
     configuration: r = []
-  } = t, y = r.map((C) => {
-    if (C.type === "section" && C.fields) {
-      const g = [...C.fields], v = g.findIndex((w) => w.key === "appkey");
+  } = t, y = r.map((k) => {
+    if (k.type === "section" && k.fields) {
+      const g = [...k.fields], v = g.findIndex((w) => w.key === "appkey");
       if (v !== -1) {
         const w = g[v];
         if (g[v] = {
@@ -5704,7 +5704,7 @@ const Ql = ({
           disabled: !0,
           placeholder: a
         }, g.some((N) => N.key === "displayname")) {
-          const N = g.findIndex((k) => k.key === "displayname"), x = g[N] || {};
+          const N = g.findIndex((C) => C.key === "displayname"), x = g[N] || {};
           g[N] = {
             ...x,
             default: x.default || x.value || a,
@@ -5724,31 +5724,39 @@ const Ql = ({
         }
       }
       return {
-        ...C,
+        ...k,
         fields: g
       };
     }
-    return C;
+    return k;
   }), d = {
     heading: "App Details",
     subHeading: "View app details and customize configurations to align with institutional requirements.",
     isLeftArrow: !0,
     onBackClick: () => window.history.back(),
     ...u
-  }, h = b.map((C) => ({
-    label: C.text,
-    href: C.href || "#"
+  }, h = b.map((k) => ({
+    label: k.text,
+    href: k.href || "#"
   })), $ = ae(() => {
     console.log("handleCancelRequest called - showing modal"), o(!0);
-  }, []), T = ae((C) => {
-    o(!1), C.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
-  }, []), A = ae((C) => {
-    console.log("Configuration changed:", C);
+  }, []), T = ae((k) => {
+    o(!1), k.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
+  }, []), A = ae((k) => {
+    console.log("Configuration changed:", k);
   }, []), E = (() => {
+    if (p.headingKey && Array.isArray(r)) {
+      const k = p.headingKey.split("."), g = k[0], v = k[1], w = r.find((z) => z && z.key === g);
+      if (w && w.fields) {
+        const z = w.fields.find((N) => N && N.key === v);
+        if (z)
+          return z.default ?? z.value ?? p.heading ?? a;
+      }
+    }
     if (Array.isArray(r)) {
-      for (const C of r)
-        if (C && C.fields) {
-          const g = C.fields.find((v) => v && v.key === "displayname");
+      for (const k of r)
+        if (k && k.fields) {
+          const g = k.fields.find((v) => v && v.key === "displayname");
           if (g) return g.default ?? g.value ?? a;
         }
     }
@@ -5781,20 +5789,20 @@ const Ql = ({
     { label: "Overview", content: q(j) },
     { label: "Configuration", content: /* @__PURE__ */ e(Ss, { appid: a, configdata: { configuration: y }, disableApi: s, onCancel: $, onSave: A }) }
   ];
-  function G(C) {
-    return C ? C.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: C } }) : C : "📱";
+  function G(k) {
+    return k ? k.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: k } }) : k : "📱";
   }
-  function q(C) {
+  function q(k) {
     return /* @__PURE__ */ n("div", { className: "bg-white rounded-2xl p-1", children: [
       /* @__PURE__ */ n("section", { className: "mb-8", children: [
         /* @__PURE__ */ e("h2", { className: "text-xl font-semibold mb-2", children: "About" }),
-        /* @__PURE__ */ e("p", { className: "text-gray-700 text-base", children: C.about })
+        /* @__PURE__ */ e("p", { className: "text-gray-700 text-base", children: k.about })
       ] }),
       /* @__PURE__ */ n("section", { className: "flex flex-row gap-6 justify-center items-center mb-8", children: [
         /* @__PURE__ */ e(
           "img",
           {
-            src: C.images.desktop,
+            src: k.images.desktop,
             alt: "Desktop View",
             className: "rounded-xl border border-gray-200 w-[340px] h-[220px] object-cover"
           }
@@ -5802,7 +5810,7 @@ const Ql = ({
         /* @__PURE__ */ e(
           "img",
           {
-            src: C.images.mobile1,
+            src: k.images.mobile1,
             alt: "Mobile View 1",
             className: "rounded-2xl border border-gray-200 w-[120px] h-[220px] object-cover"
           }
@@ -5810,7 +5818,7 @@ const Ql = ({
         /* @__PURE__ */ e(
           "img",
           {
-            src: C.images.mobile2,
+            src: k.images.mobile2,
             alt: "Mobile View 2",
             className: "rounded-2xl border border-gray-200 w-[120px] h-[220px] object-cover"
           }
@@ -5818,7 +5826,7 @@ const Ql = ({
       ] }),
       /* @__PURE__ */ n("section", { children: [
         /* @__PURE__ */ e("h3", { className: "text-lg font-semibold mb-4", children: "Key Features" }),
-        /* @__PURE__ */ e("ul", { className: "space-y-3", children: C.features.map((g, v) => /* @__PURE__ */ n("li", { children: [
+        /* @__PURE__ */ e("ul", { className: "space-y-3", children: k.features.map((g, v) => /* @__PURE__ */ n("li", { children: [
           /* @__PURE__ */ e("span", { className: "font-semibold", children: g.title }),
           /* @__PURE__ */ e("br", {}),
           /* @__PURE__ */ e("span", { className: "text-gray-700", children: g.description })
@@ -5842,30 +5850,30 @@ const Ql = ({
       /* @__PURE__ */ n("div", { className: "flex flex-col min-w-0", children: [
         /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: I.heading }),
         /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: I.subHeading }),
-        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: I.tags && I.tags.map((C, g) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: I.tags && I.tags.map((k, g) => /* @__PURE__ */ e(
           "span",
           {
             className: "pill inline-block px-[10px] py-[6px] rounded-[14px] text-[11px] border border-[#e6e9ee] text-[#767676] font-semibold mt-1",
-            children: C
+            children: k
           },
           g
         )) })
       ] })
     ] }),
     /* @__PURE__ */ n("div", { className: "bg-white border border-gray-300 rounded-2xl w-full mt-5 ", children: [
-      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: _.map((C, g) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: _.map((k, g) => /* @__PURE__ */ e(
         "button",
         {
           onClick: () => l(g),
           className: `${i === g ? "border-black text-black" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"} whitespace-nowrap py-3 px-6 border-b-2 font-medium text-sm transition-colors duration-200`,
-          children: C.label
+          children: k.label
         },
         g
       )) }) }),
       /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: _[i].content })
     ] }),
     /* @__PURE__ */ e(
-      Pn,
+      On,
       {
         isOpen: m,
         onClose: T,
@@ -5934,19 +5942,19 @@ const Kl = ({
   excelFileName: I,
   pdfFileName: j
 }) => {
-  const _ = () => l?.current || i?.current, [G, q] = se.useState(""), C = (t || "export").toString().trim() || "export", g = `${I || C}.xlsx`, v = `${j || C}.pdf`, w = (x, k, F) => Math.max(k, Math.min(x, F)), z = ae(
+  const _ = () => l?.current || i?.current, [G, q] = se.useState(""), k = (t || "export").toString().trim() || "export", g = `${I || k}.xlsx`, v = `${j || k}.pdf`, w = (x, C, F) => Math.max(C, Math.min(x, F)), z = ae(
     (x) => {
-      const k = _();
-      if (console.log("openColumnChooserNear", k), !!k?.openColumnChooser) {
+      const C = _();
+      if (console.log("openColumnChooserNear", C), !!C?.openColumnChooser) {
         if (typeof window > "u" || !x?.currentTarget) {
-          k.openColumnChooser();
+          C.openColumnChooser();
           return;
         }
         try {
           const F = x.currentTarget.getBoundingClientRect(), L = F.left + window.scrollX, U = F.bottom + window.scrollY;
-          let S = L - 120, O = U - 120;
-          const D = window.innerWidth, P = window.innerHeight;
-          S = w(S, window.scrollX + 8, window.scrollX + D - 340), O = w(O, window.scrollY, window.scrollY + P - 120), console.log("openColumnChooserNear", S, O), k.openColumnChooser(S, O);
+          let S = L - 120, P = U - 120;
+          const D = window.innerWidth, O = window.innerHeight;
+          S = w(S, window.scrollX + 8, window.scrollX + D - 340), P = w(P, window.scrollY, window.scrollY + O - 120), console.log("openColumnChooserNear", S, P), C.openColumnChooser(S, P);
         } catch (F) {
           console.log("coloumn choose error", F);
         }
@@ -5955,12 +5963,12 @@ const Kl = ({
     []
     // no external deps; reads ref at call time
   ), N = ae(
-    (x, k) => {
+    (x, C) => {
       const F = _();
       if (F)
         switch (x) {
           case "ColumnChooser":
-            b && (console.log("openColumnChooser", k), k ? z(k) : F.openColumnChooser?.()), console.log("openColumnChooser out", k);
+            b && (console.log("openColumnChooser", C), C ? z(C) : F.openColumnChooser?.()), console.log("openColumnChooser out", C);
             break;
           case "Print":
             r && F.print?.();
@@ -6109,15 +6117,15 @@ function ei(t) {
     onRowDeselected: _,
     onRowDoubleClick: G,
     apiRef: q,
-    gridProps: C = {}
+    gridProps: k = {}
   } = t, g = xe(null), {
     pageSettings: v,
     sortSettings: w,
     ...z
-  } = C || {}, [N, x] = se.useState(v?.page || 1), [k, F] = se.useState(w?.pageSize || 20), [L, U] = se.useState(w?.sortKey || "updatedDate"), [S, O] = se.useState(w?.direction || "Descending"), D = ue(() => {
+  } = k || {}, [N, x] = se.useState(v?.page || 1), [C, F] = se.useState(w?.pageSize || 20), [L, U] = se.useState(w?.sortKey || "updatedDate"), [S, P] = se.useState(w?.direction || "Descending"), D = ue(() => {
     const B = [cn];
     return o && B.push(dn), u && B.push(mn), p && B.push(un), h && B.push(hn), r && B.push(pn), y && B.push(gn), d && B.push(bn), f && B.push(fn), b && B.push(xn), B.push(yn), B;
-  }, [o, u, p, h, r, y, d, f, b]), P = ue(() => {
+  }, [o, u, p, h, r, y, d, f, b]), O = ue(() => {
     const B = () => g.current, re = (J, we) => {
       !we && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${J} requested but related service/feature is disabled.`);
     };
@@ -6144,17 +6152,17 @@ function ei(t) {
     };
   }, []);
   Z(() => {
-    q && (q.current = P);
-  }, [q, P]), Z(() => () => {
+    q && (q.current = O);
+  }, [q, O]), Z(() => () => {
     q && (q.current = null);
   }, []);
   const V = (B) => {
     const re = String(B || "");
     return re === "Ascending" || re === "Descending" ? re : re.toLowerCase() === "ascending" ? "Ascending" : "Descending";
   }, R = (B) => {
-    const re = g.current, J = B?.requestType, we = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Ie = B?.pageSize ?? re?.pageSettings?.pageSize ?? k, Ue = B?.currentPage ?? re?.pageSettings?.currentPage ?? l, st = B?.columnName && B?.direction ? [{ field: B.columnName, dir: V(B.direction) }] : (re?.sortSettings?.columns || []).map((Oe) => ({
-      field: Oe.field,
-      dir: V(Oe.direction ?? Oe.dir)
+    const re = g.current, J = B?.requestType, we = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Ie = B?.pageSize ?? re?.pageSettings?.pageSize ?? C, Ue = B?.currentPage ?? re?.pageSettings?.currentPage ?? l, st = B?.columnName && B?.direction ? [{ field: B.columnName, dir: V(B.direction) }] : (re?.sortSettings?.columns || []).map((Pe) => ({
+      field: Pe.field,
+      dir: V(Pe.direction ?? Pe.dir)
     })), lt = B?.searchString ?? "", it = B?.columns ?? re?.filterSettings?.columns ?? [];
     return {
       reason: we,
@@ -6168,7 +6176,7 @@ function ei(t) {
   }, Y = (B) => {
     setTimeout(() => {
       g?.current?.hideSpinner();
-    }, 1e3), B.requestType === "paging" && (x(B.currentPage), F(B.pageSize)), B.requestType === "sorting" && (U(B.columnName || "updatedDate"), O(B.direction === "Ascending" ? "ASC" : "DESC")), I && I(R(B), B);
+    }, 1e3), B.requestType === "paging" && (x(B.currentPage), F(B.pageSize)), B.requestType === "sorting" && (U(B.columnName || "updatedDate"), P(B.direction === "Ascending" ? "ASC" : "DESC")), I && I(R(B), B);
   }, W = (B) => {
     typeof G == "function" && G(B?.rowData, B);
   }, pe = () => {
@@ -6181,10 +6189,10 @@ function ei(t) {
         textAlign: st = "Left",
         template: lt,
         isPrimaryKey: it,
-        showInColumnChooser: Oe = !0,
+        showInColumnChooser: Pe = !0,
         allowFiltering: Ia = !0,
-        allowSorting: Oa = !0,
-        type: Pa,
+        allowSorting: Pa = !0,
+        type: Oa,
         format: La,
         visible: Ma = !0,
         minWidth: Ba,
@@ -6202,10 +6210,10 @@ function ei(t) {
             textAlign: st,
             template: lt,
             isPrimaryKey: it,
-            showInColumnChooser: Oe,
+            showInColumnChooser: Pe,
             allowFiltering: Ia,
-            allowSorting: Oa,
-            type: Pa,
+            allowSorting: Pa,
+            type: Oa,
             format: La,
             visible: Ma,
             minWidth: Ba,
@@ -6607,7 +6615,7 @@ const Is = [
     thumb: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=640&auto=format&fit=crop",
     excerpt: "Community and business partners joined KCC leadership to recognize outstanding collaborations and celebrate student success…"
   }
-], Os = {
+], Ps = {
   sm: {
     wrap: "max-w-md",
     itemThumb: "h-14 w-20",
@@ -6632,7 +6640,7 @@ const Is = [
     excerpt: "text-sm text-zinc-600 dark:text-zinc-300 line-clamp-2"
   }
 }, jt = ({ label: t }) => /* @__PURE__ */ e("span", { className: "mt-1 inline-flex items-center rounded-full border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-900 px-2 py-0.5 text-[11px] font-semibold tracking-wide", children: t });
-function Ps({
+function Os({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
@@ -6643,7 +6651,7 @@ function Ps({
   // spread for identity fields: _id / id / instanceId etc.
   ...u
 }) {
-  const p = oe(t), b = ce[p], f = Os[p];
+  const p = oe(t), b = ce[p], f = Ps[p];
   return /* @__PURE__ */ n(
     ie,
     {
@@ -6700,7 +6708,7 @@ function Ps({
     }
   );
 }
-Ps.propTypes = {
+Os.propTypes = {
   size: c.string,
   showCheckbox: c.bool,
   checkboxPosition: c.oneOf(["top-left", "top-right"]),
@@ -7659,7 +7667,7 @@ function nl({
             "aria-label": "View Transactions (mock)",
             children: [
               "View Transactions",
-              /* @__PURE__ */ e(Or, { className: "h-4 w-4" })
+              /* @__PURE__ */ e(Pr, { className: "h-4 w-4" })
             ]
           }
         )
@@ -7988,7 +7996,7 @@ function dl({
                 "Download All"
               ] }),
               /* @__PURE__ */ n("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left flex items-center gap-2", children: [
-                /* @__PURE__ */ e(Pr, { className: "h-4 w-4" }),
+                /* @__PURE__ */ e(Or, { className: "h-4 w-4" }),
                 "Share Drive"
               ] })
             ] })
@@ -8477,19 +8485,19 @@ export {
   X as Input,
   ll as LeaveBalanceMock,
   Aa as ManageCollectionList,
-  Pn as Modal,
+  On as Modal,
   nt as MultiSelect,
-  Ps as NewsMock,
+  Os as NewsMock,
   Hs as O365MailsMock,
   _n as OptionsMenu,
   Vn as PageHeader,
   Vl as PageLayout,
-  Ol as Pagination,
+  Pl as Pagination,
   ba as RadioGroup,
   be as SearchBar,
   ft as Select,
   ie as SelectableCard,
-  Pl as Sidebar,
+  Ol as Sidebar,
   xa as Spinner,
   ya as Textarea,
   Zl as ToastProvider,