unifyedx-storybook-new 0.2.73 → 0.2.75

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

@@ -157,8 +157,8 @@ const Dn = {
   iconHeight: d,
   iconColor: g,
   strokeWidth: S,
-  onClick: A,
-  ...F
+  onClick: F,
+  ...E
 }) => {
   const R = h || m, P = u && !y, j = H(
     "btn-base",
@@ -177,10 +177,10 @@ const Dn = {
       type: s,
       className: j,
       disabled: R,
-      onClick: A,
+      onClick: F,
       title: a || P && i || (typeof y == "string" ? y : void 0),
       "aria-label": i || P && a || (typeof y == "string" ? y : void 0),
-      ...F,
+      ...E,
       children: m ? /* @__PURE__ */ e(ja, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(ee, { children: [
         u && /* @__PURE__ */ e(u, { size: N === "large" ? 20 : 16, width: v || 16, height: d || 16, color: g || "#767676", strokeWidth: S || 2 }),
         y,
@@ -645,7 +645,7 @@ const Dn = {
               Fe,
               {
                 className: "dialog-panel",
-                onClick: (A) => A.stopPropagation(),
+                onClick: (F) => F.stopPropagation(),
                 children: [
                   /* @__PURE__ */ e("input", { ...i() }),
                   /* @__PURE__ */ n("form", { onSubmit: y, className: "form-wrapper", children: [
@@ -688,7 +688,7 @@ const Dn = {
                       S && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ n("ul", { className: "file-list", children: [
-                          o.map((A, F) => /* @__PURE__ */ n(
+                          o.map((F, E) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item",
@@ -697,28 +697,28 @@ const Dn = {
                                   /* @__PURE__ */ e(
                                     At,
                                     {
-                                      extension: A.name.split(".").pop()
+                                      extension: F.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ n("div", { children: [
-                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: A.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: Ft(A.size) })
+                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: F.name }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: Ft(F.size) })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => h(F),
+                                    onClick: () => h(E),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Le, { size: 16 })
                                   }
                                 )
                               ]
                             },
-                            `${A.name}-${F}`
+                            `${F.name}-${E}`
                           )),
-                          u.map(({ file: A, message: F }, R) => /* @__PURE__ */ n(
+                          u.map(({ file: F, message: E }, R) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item file-item--rejected",
@@ -727,13 +727,13 @@ const Dn = {
                                   /* @__PURE__ */ e(
                                     At,
                                     {
-                                      extension: A.name.split(".").pop()
+                                      extension: F.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ n("div", { children: [
-                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: A.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: Ft(A.size) }),
-                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: F })
+                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: F.name }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: Ft(F.size) }),
+                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: E })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
@@ -747,7 +747,7 @@ const Dn = {
                                 )
                               ]
                             },
-                            `${A.name}-${R}`
+                            `${F.name}-${R}`
                           ))
                         ] })
                       ] })
@@ -842,7 +842,7 @@ const Dn = {
     startDate: null
   }), [g, S] = B({
     endDate: null
-  }), A = qa({
+  }), F = qa({
     initialValues: JSON.parse(JSON.stringify(m)),
     // Deep copy
     onSubmit: ($) => {
@@ -859,8 +859,8 @@ const Dn = {
       }), a();
     },
     enableReinitialize: !0
-  }), F = ae(() => l.reduce(($, x) => {
-    const f = x.key, z = A.values[f];
+  }), E = ae(() => l.reduce(($, x) => {
+    const f = x.key, z = F.values[f];
     let O = !1;
     if (z)
       switch (x.type) {
@@ -873,15 +873,15 @@ const Dn = {
           break;
       }
     return $[f] = O, $;
-  }, {}), [l, A.values]), R = Object.values(F).filter(Boolean).length, P = ae(() => l.some(($) => {
+  }, {}), [l, F.values]), R = Object.values(E).filter(Boolean).length, P = ae(() => l.some(($) => {
     if ($.type !== "date") return !1;
-    const x = A.values?.[$.key]?.values;
+    const x = F.values?.[$.key]?.values;
     if (!Array.isArray(x) || x.length < 2) return !1;
     const [f, z] = x;
     if (!f || !z) return !1;
     const O = f instanceof Date ? f : new Date(f), I = z instanceof Date ? z : new Date(z);
     return O > I;
-  }), [l, A.values]), j = async ($, x) => {
+  }), [l, F.values]), j = async ($, x) => {
     try {
       r((z) => ({ ...z, [$]: !0 }));
       const f = await u($, x);
@@ -895,11 +895,11 @@ const Dn = {
     const x = l[$].key, f = l[$].url;
     l[$].type === "multiselect-users" && h[x].length === 0 && !y[x] && j(x, f);
   }, Y = () => {
-    A.resetForm(), N({ createdBy: [], updatedBy: [] }), i();
+    F.resetForm(), N({ createdBy: [], updatedBy: [] }), i();
   }, q = ($) => {
     const x = l.find((O) => O.key === $);
     if (!x) return null;
-    const f = A.values[$] || m[$], z = Array.isArray(f.values) ? f.values : [];
+    const f = F.values[$] || m[$], z = Array.isArray(f.values) ? f.values : [];
     switch (x.type) {
       case "multiselect":
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
@@ -909,9 +909,9 @@ const Dn = {
               "select",
               {
                 value: f.operator || "in",
-                onChange: (E) => A.setFieldValue(`${$}.operator`, E.target.value),
+                onChange: (A) => F.setFieldValue(`${$}.operator`, A.target.value),
                 className: "filter-select",
-                children: x.operators.map((E) => /* @__PURE__ */ e("option", { value: E, children: E === "in" ? "Includes" : "Excludes" }, E))
+                children: x.operators.map((A) => /* @__PURE__ */ e("option", { value: A, children: A === "in" ? "Includes" : "Excludes" }, A))
               }
             )
           ] }),
@@ -924,9 +924,9 @@ const Dn = {
                   id: `select-all-${$}`,
                   className: "filter-checkbox-input",
                   checked: x.options.length > 0 && z.length === x.options.length,
-                  onChange: (E) => {
-                    const G = E.target.checked ? x.options.map((W) => W.value) : [];
-                    A.setFieldValue(`${$}.values`, G);
+                  onChange: (A) => {
+                    const G = A.target.checked ? x.options.map((W) => W.value) : [];
+                    F.setFieldValue(`${$}.values`, G);
                   }
                 }
               ),
@@ -939,29 +939,29 @@ const Dn = {
                 }
               )
             ] }),
-            x.options.map((E) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
+            x.options.map((A) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `${$}-${E.value}`,
+                  id: `${$}-${A.value}`,
                   className: "filter-checkbox-input",
-                  checked: z.includes(E.value),
+                  checked: z.includes(A.value),
                   onChange: (G) => {
-                    const W = G.target.checked ? [...z, E.value] : z.filter((pe) => pe !== E.value);
-                    A.setFieldValue(`${$}.values`, W);
+                    const W = G.target.checked ? [...z, A.value] : z.filter((pe) => pe !== A.value);
+                    F.setFieldValue(`${$}.values`, W);
                   }
                 }
               ),
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `${$}-${E.value}`,
+                  htmlFor: `${$}-${A.value}`,
                   className: "filter-checkbox-label",
-                  children: E.label
+                  children: A.label
                 }
               )
-            ] }, E.value))
+            ] }, A.value))
           ] })
         ] });
       case "multiselect-users":
@@ -973,9 +973,9 @@ const Dn = {
               "select",
               {
                 value: f.operator || "in",
-                onChange: (E) => A.setFieldValue(`${$}.operator`, E.target.value),
+                onChange: (A) => F.setFieldValue(`${$}.operator`, A.target.value),
                 className: "filter-select",
-                children: x.operators.map((E) => /* @__PURE__ */ e("option", { value: E, children: E === "in" ? "Includes" : "Excludes" }, E))
+                children: x.operators.map((A) => /* @__PURE__ */ e("option", { value: A, children: A === "in" ? "Includes" : "Excludes" }, A))
               }
             )
           ] }),
@@ -988,9 +988,9 @@ const Dn = {
                   id: `select-all-users-${$}`,
                   className: "filter-checkbox-input",
                   checked: O.length > 0 && z.length === O.length,
-                  onChange: (E) => {
-                    const G = E.target.checked ? O.map((W) => W.email) : [];
-                    A.setFieldValue(
+                  onChange: (A) => {
+                    const G = A.target.checked ? O.map((W) => W.email) : [];
+                    F.setFieldValue(
                       `${$}.values`,
                       G
                     );
@@ -1006,17 +1006,17 @@ const Dn = {
                 }
               )
             ] }),
-            O.map((E) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
+            O.map((A) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `${$}-${E.email}`,
+                  id: `${$}-${A.email}`,
                   className: "filter-checkbox-input",
-                  checked: z.includes(E.email),
+                  checked: z.includes(A.email),
                   onChange: (G) => {
-                    const W = G.target.checked ? [...z, E.email] : z.filter((pe) => pe !== E.email);
-                    A.setFieldValue(
+                    const W = G.target.checked ? [...z, A.email] : z.filter((pe) => pe !== A.email);
+                    F.setFieldValue(
                       `${$}.values`,
                       W
                     );
@@ -1026,15 +1026,15 @@ const Dn = {
               /* @__PURE__ */ n(
                 "label",
                 {
-                  htmlFor: `${$}-${E.email}`,
+                  htmlFor: `${$}-${A.email}`,
                   className: "filter-checkbox-label",
                   children: [
-                    /* @__PURE__ */ e("span", { className: "user-label-name", children: E.name }),
-                    /* @__PURE__ */ e("span", { className: "user-label-email", children: E.email })
+                    /* @__PURE__ */ e("span", { className: "user-label-name", children: A.name }),
+                    /* @__PURE__ */ e("span", { className: "user-label-email", children: A.email })
                   ]
                 }
               )
-            ] }, E.email))
+            ] }, A.email))
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
@@ -1052,17 +1052,17 @@ const Dn = {
           { key: "this_month", label: "This Month" },
           { key: "last_month", label: "Last Month" },
           { key: "custom", label: "Custom" }
-        ], _ = (E) => {
-          if (E === "anytime") {
-            A.setFieldValue(`${$}.values`, []), A.setFieldValue(`${$}.range`, "anytime");
+        ], _ = (A) => {
+          if (A === "anytime") {
+            F.setFieldValue(`${$}.values`, []), F.setFieldValue(`${$}.range`, "anytime");
             return;
           }
-          if (E === "custom") {
-            A.setFieldValue(`${$}.range`, "custom");
+          if (A === "custom") {
+            F.setFieldValue(`${$}.range`, "custom");
             return;
           }
-          const [G, W] = Mn(E);
-          A.setFieldValue(`${$}.values`, G && W ? [G, W] : []), A.setFieldValue(`${$}.range`, E);
+          const [G, W] = Mn(A);
+          F.setFieldValue(`${$}.values`, G && W ? [G, W] : []), F.setFieldValue(`${$}.range`, A);
         };
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -1071,9 +1071,9 @@ const Dn = {
               "select",
               {
                 value: f.operator,
-                onChange: (E) => A.setFieldValue(`${$}.operator`, E.target.value),
+                onChange: (A) => F.setFieldValue(`${$}.operator`, A.target.value),
                 className: "filter-select",
-                children: x.operators.map((E) => /* @__PURE__ */ e("option", { value: E, children: E === "in" ? "Is" : "Is not" }, E))
+                children: x.operators.map((A) => /* @__PURE__ */ e("option", { value: A, children: A === "in" ? "Is" : "Is not" }, A))
               }
             ),
             w && /* @__PURE__ */ e(
@@ -1081,7 +1081,7 @@ const Dn = {
               {
                 type: "button",
                 onClick: () => {
-                  A.setFieldValue(
+                  F.setFieldValue(
                     $,
                     m[$]
                   );
@@ -1091,8 +1091,8 @@ const Dn = {
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: M.map((E) => {
-            const G = f.range === E.key || E.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: M.map((A) => {
+            const G = f.range === A.key || A.key === "anytime" && (!Array.isArray(f.values) || f.values.length === 0);
             return /* @__PURE__ */ n(
               "label",
               {
@@ -1104,15 +1104,15 @@ const Dn = {
                       type: "radio",
                       name: `preset-${$}`,
                       checked: G,
-                      onChange: () => _(E.key),
+                      onChange: () => _(A.key),
                       className: "h-4 w-4"
                     }
                   ),
-                  /* @__PURE__ */ e("span", { className: "text-sm text-[#222]", children: E.label }),
-                  E.key === "anytime" && G && /* @__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: A.label }),
+                  A.key === "anytime" && G && /* @__PURE__ */ e("span", { className: "ml-2 text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded", children: "Default" })
                 ]
               },
-              E.key
+              A.key
             );
           }) }) }),
           /* @__PURE__ */ n("div", { className: "", children: [
@@ -1125,9 +1125,9 @@ const Dn = {
                   asSingle: !0,
                   useRange: !1,
                   value: L,
-                  onChange: (E) => {
-                    const G = E?.startDate ? Ve(new Date(E.startDate)) : null, W = D[1] || null;
-                    G && (A.setFieldValue(`${$}.values`, [G, W]), A.setFieldValue(`${$}.range`, "custom"));
+                  onChange: (A) => {
+                    const G = A?.startDate ? Ve(new Date(A.startDate)) : null, W = D[1] || null;
+                    G && (F.setFieldValue(`${$}.values`, [G, W]), F.setFieldValue(`${$}.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",
@@ -1149,9 +1149,9 @@ const Dn = {
                   asSingle: !0,
                   useRange: !1,
                   value: C,
-                  onChange: (E) => {
-                    const G = E?.startDate ? je(new Date(E.startDate)) : null, W = D[0] || null;
-                    G && (A.setFieldValue(`${$}.values`, [W, G]), A.setFieldValue(`${$}.range`, "custom"));
+                  onChange: (A) => {
+                    const G = A?.startDate ? je(new Date(A.startDate)) : null, W = D[0] || null;
+                    G && (F.setFieldValue(`${$}.values`, [W, G]), F.setFieldValue(`${$}.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",
@@ -1208,7 +1208,7 @@ const Dn = {
               }
             )
           ] }),
-          /* @__PURE__ */ n("form", { onSubmit: A.handleSubmit, className: "filter-form", children: [
+          /* @__PURE__ */ n("form", { onSubmit: F.handleSubmit, className: "filter-form", children: [
             /* @__PURE__ */ e("div", { className: "filter-content-wrapper", children: /* @__PURE__ */ n(
               Br,
               {
@@ -1223,7 +1223,7 @@ const Dn = {
                     /* @__PURE__ */ e("div", { className: "filter-selection-horizontal-indicator" }),
                     /* @__PURE__ */ n("div", { className: "filter-lbl-indicator-wrapper", children: [
                       $.label,
-                      F[$.key] && /* @__PURE__ */ e(
+                      E[$.key] && /* @__PURE__ */ e(
                         "span",
                         {
                           className: "filter-active-indicator",
@@ -1267,7 +1267,7 @@ const Dn = {
                 "button",
                 {
                   type: "submit",
-                  disabled: !A.dirty || P,
+                  disabled: !F.dirty || P,
                   className: "filter-button apply",
                   children: [
                     "Apply Filters",
@@ -1652,6 +1652,9 @@ const Dn = {
             h && /* @__PURE__ */ e("div", { className: "search-input-wrapper", children: /* @__PURE__ */ e(
               ge,
               {
+                onKeyDown: (d) => {
+                  d.stopPropagation();
+                },
                 value: N,
                 onDebouncedChange: y,
                 placeholder: "Search..."
@@ -2663,7 +2666,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   },
   isChanged: u = !1
 }) => {
-  const [h, N] = B(Mt[0]), [y, r] = B(""), v = zt(y, 400), [d, g] = B([]), [S, A] = B(/* @__PURE__ */ new Set()), [F, R] = B(!1), [P, j] = B(Lt[0]), {
+  const [h, N] = B(Mt[0]), [y, r] = B(""), v = zt(y, 400), [d, g] = B([]), [S, F] = B(/* @__PURE__ */ new Set()), [E, R] = B(!1), [P, j] = B(Lt[0]), {
     control: U,
     handleSubmit: Y,
     watch: q,
@@ -2678,17 +2681,17 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   te(() => {
     v.length > 1 ? (R(!0), es(h.name, v).then((C) => {
       g(C);
-    }).catch((C) => console.error("Search failed:", C)).finally(() => R(!1))) : (g([]), A(/* @__PURE__ */ new Set()));
+    }).catch((C) => console.error("Search failed:", C)).finally(() => R(!1))) : (g([]), F(/* @__PURE__ */ new Set()));
   }, [v, h]);
   const b = (C) => {
-    A((M) => {
+    F((M) => {
       const _ = new Set(M);
       return _.has(C) ? _.delete(C) : _.add(C), _;
     });
   }, p = () => {
     d.filter((C) => S.has(C.id)).forEach((C) => {
       f.find((M) => M.id === C.id) || z({ ...C, permission: P.name });
-    }), A(/* @__PURE__ */ new Set()), r("");
+    }), F(/* @__PURE__ */ new Set()), r("");
   }, w = (C) => {
     j(C), f.forEach(
       (M, _) => I(_, { ...f[_], permission: C.name })
@@ -2696,10 +2699,10 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   }, k = async (C) => {
     try {
       if (l === ue.DRIVE) {
-        const M = C.pendingInvites.map((E) => ({
-          id: E.id,
-          permission: E.permission,
-          type: E.type.toLowerCase()
+        const M = C.pendingInvites.map((A) => ({
+          id: A.id,
+          permission: A.permission,
+          type: A.type.toLowerCase()
         }));
         o({
           entity: t,
@@ -2719,10 +2722,10 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
         }));
         o(M, i);
       } else if (l === ue.ARTICLE) {
-        const M = C.pendingInvites.map((E) => ({
-          id: E.id,
-          permission: E.permission,
-          type: E.type.toLowerCase()
+        const M = C.pendingInvites.map((A) => ({
+          id: A.id,
+          permission: A.permission,
+          type: A.type.toLowerCase()
         }));
         o({
           entity: t,
@@ -2833,7 +2836,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
             value: y
           }
         ) }),
-        /* @__PURE__ */ e(Se, { children: (d?.length > 0 || F) && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Se, { children: (d?.length > 0 || E) && /* @__PURE__ */ e(
           ie.div,
           {
             initial: { opacity: 0, y: -10 },
@@ -2841,7 +2844,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
             exit: { opacity: 0, y: -10 },
             transition: { duration: 0.2 },
             className: "absolute top-full mt-2 w-full col-span-3 bg-white border border-gray-300 rounded-lg shadow-lg z-10",
-            children: F ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(ee, { children: [
+            children: E ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(ee, { children: [
               /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: d.map((C) => {
                 const M = T(C);
                 return /* @__PURE__ */ n(
@@ -3159,7 +3162,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
       roles: o.roles.filter((P) => P.permission !== "remove")
     };
     a(R);
-  }, A = ["users", "groups", "roles"], F = ["Users", "Groups", "Roles"];
+  }, F = ["users", "groups", "roles"], E = ["Users", "Groups", "Roles"];
   return (
     // The main structure remains the same...
     /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-gray-50", children: [
@@ -3188,7 +3191,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
       /* @__PURE__ */ n("div", { className: "flex flex-col flex-grow", children: [
         /* @__PURE__ */ n(se.Group, { selectedIndex: h, onChange: N, children: [
           /* @__PURE__ */ n("div", { className: "p-4 bg-white border-b border-gray-300", children: [
-            /* @__PURE__ */ e(se.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: F.map((R) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(se.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: E.map((R) => /* @__PURE__ */ e(
               se,
               {
                 className: ({
@@ -3205,7 +3208,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
               {
                 onDebouncedChange: r,
                 value: y,
-                placeholder: `Search in ${F[h]}...`
+                placeholder: `Search in ${E[h]}...`
               }
             ) })
           ] }),
@@ -3216,7 +3219,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
               animate: { y: 0, opacity: 1 },
               exit: { y: -10, opacity: 0 },
               transition: { duration: 0.2 },
-              children: /* @__PURE__ */ e(se.Panels, { as: Q, children: A.map((R) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(se.Panels, { as: Q, children: F.map((R) => /* @__PURE__ */ e(
                 se.Panel,
                 {
                   className: "space-y-3 focus:outline-none",
@@ -3285,10 +3288,10 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                           /* @__PURE__ */ e(Kt, { className: "h-12 w-12 text-gray-400" }),
                           /* @__PURE__ */ n("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: [
                             "No ",
-                            F[h],
+                            E[h],
                             " Found"
                           ] }),
-                          /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: y ? `No results for "${y}"` : `There are no ${F[h].toLowerCase()} with access.` })
+                          /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: y ? `No results for "${y}"` : `There are no ${E[h].toLowerCase()} with access.` })
                         ]
                       }
                     )
@@ -3445,7 +3448,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   allowedPermissions: u = [],
   ...h
 }) => {
-  const [N, y] = B(be.INVITE), [r, v] = B(t), [d, g] = B(null), [S, A] = B(!1), [F, R] = B([]), [P, j] = B(be.MANAGE), U = () => {
+  const [N, y] = B(be.INVITE), [r, v] = B(t), [d, g] = B(null), [S, F] = B(!1), [E, R] = B([]), [P, j] = B(be.MANAGE), U = () => {
     y(be.INVITE), g(null), m();
   }, Y = () => {
     y(be.MANAGE);
@@ -3464,7 +3467,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
     const z = it.mapValues(t, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id)), O = it.mapValues(f, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id));
     console.log("Existing data:", z), console.log("Changed data:", O);
     const I = !it.isEqual(z, O);
-    console.log("hasPermissionChanged:", I), A(I), y(N === be.MEMBERS ? P : be.INVITE);
+    console.log("hasPermissionChanged:", I), F(I), y(N === be.MEMBERS ? P : be.INVITE);
   };
   return /* @__PURE__ */ e(he, { appear: !0, show: a, as: Q, children: /* @__PURE__ */ n(ye, { as: "div", className: "relative z-50", onClose: U, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
@@ -3511,7 +3514,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                   onClose: U,
                   calledBy: l,
                   existingShares: r,
-                  members: F
+                  members: E
                 }
               )
             },
@@ -3574,18 +3577,18 @@ function at({
   getOptionId: d = (S) => String(S.id),
   getOptionLabel: g = (S) => S.name
 }) {
-  const S = He(), A = He(), [F, R] = B(""), P = fe(""), j = ae(() => {
+  const S = He(), F = He(), [E, R] = B(""), P = fe(""), j = ae(() => {
     const f = /* @__PURE__ */ new Map();
     for (const z of a) f.set(d(z), z);
     return f;
   }, [a, d]), U = ae(() => Array.isArray(s) ? s.map((f) => f && typeof f == "object" ? j.get(d(f)) || null : j.get(String(f))).filter(Boolean) : [], [s, j, d]), Y = ae(() => {
-    if (!F) return a;
-    const f = F.toLowerCase();
+    if (!E) return a;
+    const f = E.toLowerCase();
     return a.filter((z) => g(z).toLowerCase().includes(f));
-  }, [a, F, g]);
+  }, [a, E, g]);
   te(() => {
-    N === "server" && F.length >= v && F !== P.current && (P.current = F, y && y(F));
-  }, [F, N, v, y]);
+    N === "server" && E.length >= v && E !== P.current && (P.current = E, y && y(E));
+  }, [E, N, v, y]);
   const q = N === "client" ? Y : a, $ = () => {
     if (!U.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
@@ -3624,7 +3627,7 @@ function at({
         {
           "aria-labelledby": S,
           "aria-invalid": !!o,
-          "aria-describedby": o ? A : void 0,
+          "aria-describedby": o ? F : void 0,
           onBlur: l,
           className: Ge(
             "relative w-full min-h-[38px] cursor-default rounded-md bg-white py-1.5 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset focus:outline-none focus:ring-2 focus:ring-gray-600 sm:text-sm sm:leading-6",
@@ -3648,13 +3651,13 @@ function at({
             /* @__PURE__ */ e("div", { className: "p-2 sticky top-0 bg-white z-20 shadow-sm", children: /* @__PURE__ */ e(
               ge,
               {
-                value: F,
+                value: E,
                 onDebouncedChange: R,
                 placeholder: N === "server" ? `Search (min ${v})…` : "Search options…"
               }
             ) }),
             N === "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: N === "server" ? F.length < v ? `Type at least ${v} characters to search.` : "No results." : "No options found." }) : q.map((z) => {
+            q.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: N === "server" ? E.length < v ? `Type at least ${v} characters to search.` : "No results." : "No options found." }) : q.map((z) => {
               const O = d(z), I = g(z), D = U.some((p) => d(p) === O), b = h !== -1 && U.length >= h && !D;
               return /* @__PURE__ */ e(
                 Z.Option,
@@ -3694,7 +3697,7 @@ function at({
           ] })
         }
       ),
-      o && /* @__PURE__ */ e("p", { id: A, className: "mt-1 text-sm text-red-600", children: o })
+      o && /* @__PURE__ */ e("p", { id: F, className: "mt-1 text-sm text-red-600", children: o })
     ] })
   ] }) });
 }
@@ -3852,7 +3855,7 @@ function ms({
   dropId: y,
   indent: r = 24
 }) {
-  const { setNodeRef: v, isOver: d } = dr({ id: y }), { attributes: g, listeners: S, setNodeRef: A, transform: F, isDragging: R } = mr({ id: N }), P = F ? { transform: `translate3d(${Math.round(F.x)}px, ${Math.round(F.y)}px, 0)` } : void 0, [j, U] = B(!1), [Y, q] = B(t.name), $ = () => {
+  const { setNodeRef: v, isOver: d } = dr({ id: y }), { attributes: g, listeners: S, setNodeRef: F, transform: E, isDragging: R } = mr({ id: N }), P = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [j, U] = B(!1), [Y, q] = B(t.name), $ = () => {
     const f = Y.trim();
     U(!1), f && f !== t.name ? o?.(t, f) : q(t.name);
   }, x = ae(() => /* @__PURE__ */ e(
@@ -3880,7 +3883,7 @@ function ms({
       children: [
         /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: i, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(Nt, { size: 16 }) : /* @__PURE__ */ e(xe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
         /* @__PURE__ */ e(Be, { size: 16, className: "tv-folder-ic" }),
-        /* @__PURE__ */ e("div", { className: "tv-name", ref: A, children: j ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "tv-name", ref: F, children: j ? /* @__PURE__ */ e(
           "input",
           {
             className: "tv-input",
@@ -3997,7 +4000,7 @@ function Hl({
   const { roots: S } = ae(() => gs(t) ? fs(t, { rootId: a, getId: i, getName: m }) : bs(
     t.map((b) => ({ ...b })),
     { rootId: a, getId: i, getParent: l, getName: m }
-  ), [t, a, i, l, m]), [A, F] = B({}), R = K((b) => {
+  ), [t, a, i, l, m]), [F, E] = B({}), R = K((b) => {
     const p = {};
     return (function w(k) {
       k.forEach((T) => {
@@ -4006,10 +4009,10 @@ function Hl({
     })(b), p;
   }, []);
   re.useEffect(() => {
-    F(R(S));
+    E(R(S));
   }, [S, R]);
   const P = K(
-    (b) => F((p) => ({ ...p, [b]: !p[b] })),
+    (b) => E((p) => ({ ...p, [b]: !p[b] })),
     []
   ), [j, U] = B(() => Me(S));
   re.useEffect(() => U(Me(S)), [S]);
@@ -4042,9 +4045,9 @@ function Hl({
         U(Me(S));
         return;
       }
-      const M = Me(j), { newRoots: _, removed: E } = ys(M, k);
-      if (!E) return;
-      const G = xs(_, L, E);
+      const M = Me(j), { newRoots: _, removed: A } = ys(M, k);
+      if (!A) return;
+      const G = xs(_, L, A);
       U(G), r?.({ sourceId: k, destParentId: L, newTree: G });
     },
     [j, S, a, d, g, r]
@@ -4055,7 +4058,7 @@ function Hl({
         {
           node: w,
           depth: p,
-          expanded: !!A[w.id],
+          expanded: !!F[w.id],
           onToggle: () => P(w.id),
           onSelect: o,
           onCreateChild: h,
@@ -4067,9 +4070,9 @@ function Hl({
           indent: g
         }
       ),
-      A[w.id] && w.children?.length > 0 ? D(w.children, p + 1) : null
+      F[w.id] && w.children?.length > 0 ? D(w.children, p + 1) : null
     ] }, w.id)),
-    [A, g, h, y, N, o, v, P]
+    [F, g, h, y, N, o, v, P]
   );
   return re.useMemo(() => {
     if (!$) return null;
@@ -5049,7 +5052,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           O(D)
         ] });
     }
-  }, A = K(() => {
+  }, F = K(() => {
     console.log("[DataTableRenderer] Adding blank row"), r((x) => {
       console.log("[DataTableRenderer] Current data before add:", x);
       const f = {
@@ -5062,7 +5065,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       const z = [...x, f];
       return console.log("[DataTableRenderer] Updated data:", z), z;
     });
-  }, [l.fields]), F = K((x) => {
+  }, [l.fields]), E = K((x) => {
     r((f) => {
       if (f.length <= 1)
         return f;
@@ -5102,7 +5105,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           "button",
           {
             className: "btn btn-primary text-white px-6 py-2 rounded-2xl cursor-pointer hover:bg-gray-800",
-            onClick: A,
+            onClick: F,
             children: "Add"
           }
         )
@@ -5137,7 +5140,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => F(f),
+                onClick: () => E(f),
                 className: "text-red-500 hover:text-red-700",
                 title: "Delete row",
                 children: /* @__PURE__ */ e(yr, { size: 16 })
@@ -5191,7 +5194,7 @@ function Ss({
   onShowCancelModal: l,
   onCancel: m
 }) {
-  const [o, u] = re.useState(a), [h, N] = re.useState(null), [y, r] = re.useState(null), [v, d] = B(!1), [g, S] = B(!1), [A, F] = B({}), R = `${$e()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, P = R, [j, U] = B(1), Y = () => {
+  const [o, u] = re.useState(a), [h, N] = re.useState(null), [y, r] = re.useState(null), [v, d] = B(!1), [g, S] = B(!1), [F, E] = B({}), R = `${$e()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, P = R, [j, U] = B(1), Y = () => {
     if (!y || !h)
       return console.log("[DynamicConfig] hasUnsavedChanges: false (no data)", { originalData: y, data: h }), !1;
     const b = (T) => {
@@ -5216,16 +5219,15 @@ function Ss({
       if (k.key && k.type === "datatable") {
         const L = (w[k.key] || []).map((C, M) => {
           const _ = { id: C.id || 0 };
-          return k.fields && k.fields.forEach((E) => {
-            if (E.fieldtype === "audience") {
+          return k.fields && k.fields.forEach((A) => {
+            if (A.fieldtype === "audience") {
               let G = { users: [], groups: [], roles: [] };
-              C[E.key] && (Array.isArray(C[E.key]) ? G = { users: [], groups: [], roles: [] } : typeof C[E.key] == "object" && (G = {
-                users: C[E.key].users || [],
-                groups: C[E.key].groups || [],
-                roles: C[E.key].roles || []
-              })), _[E.key] = G;
-            } else
-              _[E.key] = C[E.key] || E.default || "";
+              C[A.key] && (Array.isArray(C[A.key]) ? G = { users: [], groups: [], roles: [] } : typeof C[A.key] == "object" && (G = {
+                users: C[A.key].users || [],
+                groups: C[A.key].groups || [],
+                roles: C[A.key].roles || []
+              })), _[A.key] = G;
+            } else A.fieldtype === "select" ? _[A.key] = C[A.key] !== void 0 && C[A.key] !== "" ? C[A.key] : A.default || "" : _[A.key] = C[A.key] || A.default || "";
           }), _;
         });
         if (L.length === 0) {
@@ -5250,7 +5252,7 @@ function Ss({
           if (p.type === "datatable") {
             const w = { id: 0 };
             p.fields && p.fields.forEach((k) => {
-              k.fieldtype === "audience" ? w[k.key] = { users: [], groups: [], roles: [] } : w[k.key] = k.default || "";
+              k.fieldtype === "audience" ? w[k.key] = { users: [], groups: [], roles: [] } : (k.fieldtype, w[k.key] = k.default || "");
             }), b[p.key] = [w];
           } else if (p.type === "section") {
             const w = {};
@@ -5297,7 +5299,7 @@ function Ss({
         [b]: p
       };
       return console.log("[DynamicConfig] Updated data state:", k), k;
-    }), F((w) => {
+    }), E((w) => {
       const k = { ...w };
       return k[b] && delete k[b], k;
     });
@@ -5340,7 +5342,7 @@ function Ss({
     }
     console.log("[handleSave] Starting save process");
     const b = f();
-    if (F(b), z(b)) {
+    if (E(b), z(b)) {
       let w = [];
       Object.keys(b).forEach((k) => {
         typeof b[k] == "object" && Object.keys(b[k]).forEach((T) => {
@@ -5363,12 +5365,12 @@ function Ss({
             const M = { id: C.id || 0 };
             return L.fields && L.fields.forEach((_) => {
               if (_.fieldtype === "audience") {
-                let E = { users: [], groups: [], roles: [] };
-                C[_.key] && typeof C[_.key] == "object" && !Array.isArray(C[_.key]) && (E = {
+                let A = { users: [], groups: [], roles: [] };
+                C[_.key] && typeof C[_.key] == "object" && !Array.isArray(C[_.key]) && (A = {
                   users: C[_.key].users || [],
                   groups: C[_.key].groups || [],
                   roles: C[_.key].roles || []
-                }), M[_.key] = E;
+                }), M[_.key] = A;
               } else
                 M[_.key] = C[_.key] || "";
             }), M;
@@ -5376,7 +5378,7 @@ function Ss({
         }), (!w.appkey || w.appkey === "") && (w.appkey = t);
         let k = await xt(P, w);
         if (k && k.status != "fail") {
-          F({}), r(JSON.parse(JSON.stringify(h)));
+          E({}), r(JSON.parse(JSON.stringify(h)));
           const T = k.message || "Configuration has been saved successfully";
           qe.success(T), i && typeof i == "function" && i(h);
         } else
@@ -5399,7 +5401,7 @@ function Ss({
     /* @__PURE__ */ n(
       "div",
       {
-        className: "dynamic-config bg-white w-full h-[calc(100vh-450px)] overflow-y-auto",
+        className: "dynamic-config bg-white w-full h-[calc(100vh-500px)] overflow-y-auto",
         style: { padding: "0px 20px 0px 0px" },
         children: [
           v && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(ba, { size: "large" }) }),
@@ -5412,7 +5414,7 @@ function Ss({
                   item: b,
                   data: h,
                   updateHandler: x,
-                  validationErrors: A
+                  validationErrors: F
                 },
                 p
               );
@@ -5504,9 +5506,9 @@ const Kl = ({
     href: f.href || "#"
   })), S = K(() => {
     o(!0);
-  }, []), A = K((f) => {
-    o(!1), f.primary && window.history.back();
   }, []), F = K((f) => {
+    o(!1), f.primary && window.history.back();
+  }, []), E = K((f) => {
     console.log("Configuration changed:", f);
   }, []), R = K(() => {
     window.history.back();
@@ -5555,8 +5557,8 @@ const Kl = ({
     configuration: v
   }), [v]), q = ae(() => [
     { label: "Overview", content: x(U) },
-    { label: "Configuration", content: /* @__PURE__ */ e(Ss, { appid: a, configdata: Y, disableApi: s, onSave: F, onShowCancelModal: S, onCancel: R }) }
-  ], [a, Y, s, F, S, R, U]);
+    { label: "Configuration", content: /* @__PURE__ */ e(Ss, { appid: a, configdata: Y, disableApi: s, onSave: E, onShowCancelModal: S, onCancel: R }) }
+  ], [a, Y, s, E, S, R, U]);
   function $(f) {
     return f ? f.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: f } }) : f : "📱";
   }
@@ -5636,7 +5638,7 @@ const Kl = ({
       Ln,
       {
         isOpen: m,
-        onClose: A,
+        onClose: F,
         variant: "warning",
         title: "Are you sure you want to cancel?",
         primaryButtonText: "Yes",
@@ -5655,7 +5657,7 @@ const Kl = ({
   allowReorder: o = !0,
   initialData: u = null
 }) => {
-  const [h, N] = B(null), [y, r] = B(""), [v, d] = B(() => Array.isArray(u) ? u : []), [g, S] = B(null), [A, F] = B(null), [R, P] = B("");
+  const [h, N] = B(null), [y, r] = B(""), [v, d] = B(() => Array.isArray(u) ? u : []), [g, S] = B(null), [F, E] = B(null), [R, P] = B("");
   te(() => {
     Array.isArray(u) && d(u);
   }, [u]);
@@ -5698,12 +5700,12 @@ const Kl = ({
     if (!o || T === L) return p;
     const C = p.findIndex((G) => Number(G._id) === T), M = p.findIndex((G) => Number(G._id) === L);
     if (C === -1 || M === -1) return p;
-    const _ = [...p], [E] = _.splice(C, 1);
-    return _.splice(M, 0, E), _.map((G, W) => ({ ...G, order: W + 1 }));
+    const _ = [...p], [A] = _.splice(C, 1);
+    return _.splice(M, 0, A), _.map((G, W) => ({ ...G, order: W + 1 }));
   }, f = (p, w) => {
     o && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", String(w)), S(Number(w)));
   }, z = (p) => {
-    g && p !== A && F(p);
+    g && p !== F && E(p);
   }, O = (p) => {
     p.preventDefault();
   }, I = (p, w) => {
@@ -5712,9 +5714,9 @@ const Kl = ({
     T === void 0 || L === void 0 || (d((C) => {
       const M = x(C, T, L);
       return a?.(M), M;
-    }), S(null), F(null));
+    }), S(null), E(null));
   }, D = () => {
-    S(null), F(null);
+    S(null), E(null);
   }, b = Array.isArray(v) ? v.filter(
     (p) => p.categoryName?.toLowerCase().includes(R.toLowerCase())
   ) : [];
@@ -5743,7 +5745,7 @@ const Kl = ({
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: b.map((p) => {
-      const w = h === p._id, k = p?.links?.length ?? 0, T = g === p._id, L = A === p._id && g !== p._id;
+      const w = h === p._id, k = p?.links?.length ?? 0, T = g === p._id, L = F === p._id && g !== p._id;
       return /* @__PURE__ */ e(
         "div",
         {
@@ -5930,8 +5932,8 @@ const Bt = () => {
   showExcel: d = !1,
   showPdf: g = !1,
   showRefresh: S = !1,
-  showAdd: A = !1,
-  iSelectedRecords: F = 0,
+  showAdd: F = !1,
+  iSelectedRecords: E = 0,
   // Additional props
   searchPlaceholder: R = "Search...",
   handleRefreshClick: P = () => {
@@ -5956,8 +5958,8 @@ const Bt = () => {
           return;
         }
         try {
-          const M = L.currentTarget.getBoundingClientRect(), _ = M.left + window.scrollX, E = M.bottom + window.scrollY;
-          let G = _ - 120, W = E - 120;
+          const M = L.currentTarget.getBoundingClientRect(), _ = M.left + window.scrollX, A = M.bottom + window.scrollY;
+          let G = _ - 120, W = A - 120;
           const pe = window.innerWidth, Ne = window.innerHeight;
           G = w(G, window.scrollX + 8, window.scrollX + pe - 340), W = w(W, window.scrollY, window.scrollY + Ne - 120), C.openColumnChooser(G, W);
         } catch (M) {
@@ -6029,7 +6031,7 @@ const Bt = () => {
               icon: Le,
               onClick: () => T("Delete"),
               ariaLabel: "Delete",
-              disabled: F === 0
+              disabled: E === 0
             }
           ),
           y && /* @__PURE__ */ e(
@@ -6081,7 +6083,7 @@ const Bt = () => {
             }
           )
         ] }),
-        A && m && /* @__PURE__ */ e(
+        F && m && /* @__PURE__ */ e(
           le,
           {
             label: u,
@@ -6114,8 +6116,8 @@ function ai(t) {
     allowPdfExport: d = !1,
     showColumnChooser: g = !1,
     enableSearchApi: S = !1,
-    height: A = "600",
-    selectionSettings: F,
+    height: F = "600",
+    selectionSettings: E,
     enableCheckbox: R = !1,
     columns: P = [],
     onGridStateChange: j,
@@ -6129,7 +6131,7 @@ function ai(t) {
     sortSettings: O,
     ...I
   } = x || {}, [D, b] = re.useState(z?.page || l), [p, w] = re.useState(z?.pageSize || m), [k, T] = re.useState(O?.sortKey || "updatedDate"), [L, C] = re.useState(O?.direction || "Descending"), M = ae(() => {
-    const V = F || {
+    const V = E || {
       type: "Multiple",
       mode: "Row"
     };
@@ -6142,9 +6144,9 @@ function ai(t) {
       checkboxOnly: !1,
       enableSimpleMultiRowSelection: !0
     } : V;
-  }, [F, R]), _ = ae(() => {
+  }, [E, R]), _ = ae(() => {
     const V = [ln];
-    return (R || F) && V.push(on), u && V.push(cn), h && V.push(dn), N && V.push(mn), S && V.push(un), v && V.push(hn), d && V.push(pn), g && V.push(gn), r && V.push(bn), y && V.push(fn), V.push(yn), V;
+    return (R || E) && V.push(on), u && V.push(cn), h && V.push(dn), N && V.push(mn), S && V.push(un), v && V.push(hn), d && V.push(pn), g && V.push(gn), r && V.push(bn), y && V.push(fn), V.push(yn), V;
   }, [
     u,
     h,
@@ -6156,8 +6158,8 @@ function ai(t) {
     r,
     y,
     R,
-    F
-  ]), E = ae(() => {
+    E
+  ]), A = ae(() => {
     const V = () => f.current, ne = (J, ce) => {
       !ce && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${J} requested but related service/feature is disabled.`);
     };
@@ -6188,8 +6190,8 @@ function ai(t) {
     };
   }, [S, v, d, g]);
   te(() => {
-    $ && ($.current = E);
-  }, [$, E]), te(() => () => {
+    $ && ($.current = A);
+  }, [$, A]), te(() => () => {
     $ && ($.current = null);
   }, [$]);
   const G = (V) => {
@@ -6296,7 +6298,7 @@ function ai(t) {
         result: a,
         count: s
       },
-      height: A,
+      height: F,
       allowPaging: o,
       allowSorting: u,
       allowFiltering: h,
@@ -6832,7 +6834,7 @@ function _s({
   // optional full embed URL override
   ...v
 }) {
-  const d = de(t), g = me[d], S = Bs[d], A = r || js(N, y);
+  const d = de(t), g = me[d], S = Bs[d], F = r || js(N, y);
   return /* @__PURE__ */ e(
     oe,
     {
@@ -6848,7 +6850,7 @@ function _s({
           "iframe",
           {
             title: "Google Map",
-            src: A,
+            src: F,
             className: "h-full w-full",
             style: { border: 0 },
             loading: "lazy",
@@ -6866,7 +6868,7 @@ function _s({
             /* @__PURE__ */ e("div", { className: "h-8 w-8 rounded-full bg-white/90 border border-zinc-300 flex items-center justify-center", children: "›" })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-14 md:top-12 pointer-events-none mt-2", children: /* @__PURE__ */ e("div", { className: `flex ${S.chipGap} overflow-x-auto scrollbar-none`, children: u.map((F) => /* @__PURE__ */ e(Vs, { label: F, active: F === h, size: d }, F)) }) }),
+        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-14 md:top-12 pointer-events-none mt-2", children: /* @__PURE__ */ e("div", { className: `flex ${S.chipGap} overflow-x-auto scrollbar-none`, children: u.map((E) => /* @__PURE__ */ e(Vs, { label: E, active: E === h, size: d }, E)) }) }),
         /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-28 md:top-24 pointer-events-none", children: /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 px-4 ${S.searchH}`, children: [
           /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", "aria-hidden": "true", className: "opacity-60", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M15.5 14h-.79l-.28-.27a6.471 6.471 0 001.48-4.23C15.91 6.01 13.4 3.5 10.45 3.5S5 6.01 5 9.5 7.5 15.5 10.45 15.5c1.61 0 3.09-.59 4.23-1.48l.27.28v.79l4.25 4.25c.41.41 1.07.41 1.48 0s.41-1.07 0-1.48L15.5 14Zm-5.05 0C8.01 14 6 11.99 6 9.5S8.01 5 10.45 5s4.45 2.01 4.45 4.5-2.01 4.5-4.45 4.5Z" }) }),
           /* @__PURE__ */ e("span", { className: "ml-2 text-zinc-500 dark:text-zinc-400", children: "Search places" })
@@ -7038,9 +7040,9 @@ function Ws({
   selectedIndex: u = 0,
   ...h
 }) {
-  const [N, y] = B(u), r = de(t), v = me[r], d = Gs[r], g = o[N] || o[0], S = (F, R) => {
-    y(R), i?.(F);
-  }, A = r === "lg";
+  const [N, y] = B(u), r = de(t), v = me[r], d = Gs[r], g = o[N] || o[0], S = (E, R) => {
+    y(R), i?.(E);
+  }, F = r === "lg";
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7056,35 +7058,35 @@ function Ws({
           /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: m }),
           /* @__PURE__ */ e("button", { className: "text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" })
         ] }),
-        A ? (
+        F ? (
           // Large: Two-column layout
           /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((F, R) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, R) => /* @__PURE__ */ e(
               _t,
               {
-                ev: F,
+                ev: E,
                 sizeMeta: d,
                 isSelected: R === N,
                 onClick: (P) => S(P, R)
               },
-              F._id || F.id || R
+              E._id || E.id || R
             )) }),
             /* @__PURE__ */ e(Ys, { ev: g, sizeMeta: d })
           ] })
         ) : (
           // Small/Medium: Simple list only
-          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((F, R) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, R) => /* @__PURE__ */ e(
             _t,
             {
-              ev: F,
+              ev: E,
               sizeMeta: d,
               isSelected: R === N,
               onClick: (P) => S(P, R)
             },
-            F._id || F.id || R
+            E._id || E.id || R
           )) })
         ),
-        !A && /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
+        !F && /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
       ]
     }
   );
@@ -7255,9 +7257,9 @@ function Qs({
   onPin: N,
   ...y
 }) {
-  const [r, v] = B(u), d = de(t), g = me[d], S = Xs[d], A = (P, j) => {
+  const [r, v] = B(u), d = de(t), g = me[d], S = Xs[d], F = (P, j) => {
     v(j), i?.(P);
-  }, F = (P) => {
+  }, E = (P) => {
     const j = { ...P, starred: !P.starred };
     h?.(j);
   }, R = (P) => {
@@ -7283,8 +7285,8 @@ function Qs({
             email: P,
             sizeMeta: S,
             isSelected: j === r,
-            onClick: (U) => A(U, j),
-            onStar: F,
+            onClick: (U) => F(U, j),
+            onStar: E,
             onPin: R
           },
           P._id || P.id || j
@@ -7507,9 +7509,9 @@ function al({
   selectedIndex: u = 0,
   ...h
 }) {
-  const [N, y] = B(u), r = de(t), v = me[r], d = Ks[r], g = (F, R) => {
-    y(R), i?.(F);
-  }, S = o[N] || o[0], A = d.layout === "split";
+  const [N, y] = B(u), r = de(t), v = me[r], d = Ks[r], g = (E, R) => {
+    y(R), i?.(E);
+  }, S = o[N] || o[0], F = d.layout === "split";
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7523,16 +7525,16 @@ function al({
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between mb-4", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: m }) }),
         /* @__PURE__ */ e(tl, { sizeMeta: d }),
-        A ? /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0", children: [
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((F, R) => /* @__PURE__ */ e(
+        F ? /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0", children: [
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, R) => /* @__PURE__ */ e(
             Ut,
             {
-              contact: F,
+              contact: E,
               sizeMeta: d,
               isSelected: R === N,
               onClick: (P) => g(P, R)
             },
-            F._id || F.id || R
+            E._id || E.id || R
           )) }),
           /* @__PURE__ */ e(
             el,
@@ -7543,15 +7545,15 @@ function al({
           )
         ] }) : (
           // Single column layout for small screens
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((F, R) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, R) => /* @__PURE__ */ e(
             Ut,
             {
-              contact: F,
+              contact: E,
               sizeMeta: d,
               isSelected: R === N,
               onClick: (P) => g(P, R)
             },
-            F._id || F.id || R
+            E._id || E.id || R
           )) })
         ),
         /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
@@ -7704,16 +7706,16 @@ function sl({
                 /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Te(N) })
               ] })
             ] }),
-            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: y.slice(0, 2).map((S, A) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: y.slice(0, 2).map((S, F) => /* @__PURE__ */ e(
               rl,
               {
-                side: A === 0 ? "left" : "right",
+                side: F === 0 ? "left" : "right",
                 date: S.date,
                 title: S.title,
                 amount: S.amount,
                 kind: S.kind
               },
-              S.id || A
+              S.id || F
             )) })
           ] })
         ] }),
@@ -7832,7 +7834,7 @@ function il({
   term: o = "Fall 2025",
   ...u
 }) {
-  const [h, N] = B("vacation"), [y, r] = B(!1), v = de(t), d = me[v], g = ll[v], S = Ye.find((A) => A.id === h) || Ye[0];
+  const [h, N] = B("vacation"), [y, r] = B(!1), v = de(t), d = me[v], g = ll[v], S = Ye.find((F) => F.id === h) || Ye[0];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7868,18 +7870,18 @@ function il({
             ] })
           ] })
         ] }),
-        g.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: Ye.map((A) => /* @__PURE__ */ e(
+        g.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: Ye.map((F) => /* @__PURE__ */ e(
           "button",
           {
-            className: `flex-1 py-2 px-4 text-center ${g.tab} font-medium border-b-2 transition-colors duration-200 ${h === A.id ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100"}`,
-            onClick: () => N(A.id),
-            children: A.name.split(" ")[0]
+            className: `flex-1 py-2 px-4 text-center ${g.tab} font-medium border-b-2 transition-colors duration-200 ${h === F.id ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100"}`,
+            onClick: () => N(F.id),
+            children: F.name.split(" ")[0]
           },
-          A.id
+          F.id
         )) }),
         /* @__PURE__ */ e("div", { className: "space-y-4 mb-6", children: g.showAllLeave ? (
           // LG: Show all leave types
-          Ye.map((A) => /* @__PURE__ */ e(Gt, { leave: A, sizeMeta: g }, A.id))
+          Ye.map((F) => /* @__PURE__ */ e(Gt, { leave: F, sizeMeta: g }, F.id))
         ) : g.showSingleLeave ? (
           // MD: Show active tab leave type
           /* @__PURE__ */ e(Gt, { leave: S, sizeMeta: g })
@@ -8269,9 +8271,9 @@ function fl({
   showBanner: u = !0,
   ...h
 }) {
-  const [N, y] = B(o), r = de(t), v = me[r], d = hl[r], g = (F) => {
-    y((R) => R.filter((P) => P.id !== F.id));
-  }, S = N.find((F) => F.type === "banner"), A = N.filter((F) => F.type !== "banner");
+  const [N, y] = B(o), r = de(t), v = me[r], d = hl[r], g = (E) => {
+    y((R) => R.filter((P) => P.id !== E.id));
+  }, S = N.find((E) => E.type === "banner"), F = N.filter((E) => E.type !== "banner");
   return /* @__PURE__ */ n(
     oe,
     {
@@ -8291,14 +8293,14 @@ function fl({
             onDismiss: g
           }
         ),
-        /* @__PURE__ */ e("div", { className: "space-y-0.5", children: A.slice(0, 3).map((F) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0.5", children: F.slice(0, 3).map((E) => /* @__PURE__ */ e(
           gl,
           {
-            alert: F,
+            alert: E,
             sizeMeta: d,
             onDismiss: g
           },
-          F.id
+          E.id
         )) }),
         /* @__PURE__ */ e("button", { className: "w-full py-3 px-4 border border-zinc-300 dark:border-zinc-600 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 font-medium rounded-lg transition-colors duration-200", children: "View All" })
       ]