unifyedx-storybook-new 0.2.64 → 0.2.65

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

@@ -153,16 +153,20 @@ const wn = {
   label: y,
   children: r,
   // ✅ Add children to the props list
-  onClick: v,
-  ...d
+  iconWidth: v,
+  iconHeight: d,
+  iconColor: g,
+  strokeWidth: z,
+  onClick: A,
+  ...E
 }) => {
-  const g = h || m, z = u && !y, A = H(
+  const I = h || m, O = u && !y, j = H(
     "btn-base",
     wn[N],
     kn[o],
     {
       "is-loading": m,
-      "btn-icon-only": z
+      "btn-icon-only": O
     },
     l
   );
@@ -171,14 +175,14 @@ const wn = {
     {
       "data-testid": t,
       type: s,
-      className: A,
-      disabled: g,
-      onClick: v,
-      title: a || z && i || (typeof y == "string" ? y : void 0),
-      "aria-label": i || z && a || (typeof y == "string" ? y : void 0),
-      ...d,
+      className: j,
+      disabled: I,
+      onClick: A,
+      title: a || O && i || (typeof y == "string" ? y : void 0),
+      "aria-label": i || O && a || (typeof y == "string" ? y : void 0),
+      ...E,
       children: m ? /* @__PURE__ */ e(Ma, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(ee, { children: [
-        u && /* @__PURE__ */ e(u, { size: N === "large" ? 20 : 16 }),
+        u && /* @__PURE__ */ e(u, { size: N === "large" ? 20 : 16, width: v || 16, height: d || 16, color: g || "#767676", strokeWidth: z || 2 }),
         y,
         r,
         " "
@@ -857,27 +861,27 @@ const wn = {
     enableReinitialize: !0
   }), E = se(() => l.reduce((T, x) => {
     const f = x.key, C = A.values[f];
-    let O = !1;
+    let P = !1;
     if (C)
       switch (x.type) {
         case "multiselect":
         case "multiselect-users":
-          O = Array.isArray(C.values) && C.values.length > 0;
+          P = Array.isArray(C.values) && C.values.length > 0;
           break;
         case "date":
-          (C.range && C.range !== "" || Array.isArray(C.values) && C.values.length > 0) && (O = !0);
+          (C.range && C.range !== "" || Array.isArray(C.values) && C.values.length > 0) && (P = !0);
           break;
       }
-    return T[f] = O, T;
-  }, {}), [l, A.values]), I = Object.values(E).filter(Boolean).length, M = se(() => l.some((T) => {
+    return T[f] = P, T;
+  }, {}), [l, A.values]), I = Object.values(E).filter(Boolean).length, O = se(() => l.some((T) => {
     if (T.type !== "date") return !1;
     const x = A.values?.[T.key]?.values;
     if (!Array.isArray(x) || x.length < 2) return !1;
     const [f, C] = x;
     if (!f || !C) return !1;
-    const O = f instanceof Date ? f : new Date(f), R = C instanceof Date ? C : new Date(C);
-    return O > R;
-  }), [l, A.values]), _ = async (T, x) => {
+    const P = f instanceof Date ? f : new Date(f), R = C instanceof Date ? C : new Date(C);
+    return P > R;
+  }), [l, A.values]), j = async (T, x) => {
     try {
       r((C) => ({ ...C, [T]: !0 }));
       const f = await u(T, x);
@@ -889,11 +893,11 @@ const wn = {
     }
   }, U = (T) => {
     const x = l[T].key, f = l[T].url;
-    l[T].type === "multiselect-users" && h[x].length === 0 && !y[x] && _(x, f);
+    l[T].type === "multiselect-users" && h[x].length === 0 && !y[x] && j(x, f);
   }, Y = () => {
     A.resetForm(), N({ createdBy: [], updatedBy: [] }), i();
   }, q = (T) => {
-    const x = l.find((O) => O.key === T);
+    const x = l.find((P) => P.key === T);
     if (!x) return null;
     const f = A.values[T] || m[T], C = Array.isArray(f.values) ? f.values : [];
     switch (x.type) {
@@ -961,7 +965,7 @@ const wn = {
           ] })
         ] });
       case "multiselect-users":
-        const O = h[T] || [], R = y[T];
+        const P = h[T] || [], R = y[T];
         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:" }),
@@ -975,7 +979,7 @@ const wn = {
               }
             )
           ] }),
-          R ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: O.length > 0 ? /* @__PURE__ */ n(ee, { children: [
+          R ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: P.length > 0 ? /* @__PURE__ */ n(ee, { children: [
             /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
@@ -983,9 +987,9 @@ const wn = {
                   type: "checkbox",
                   id: `select-all-users-${T}`,
                   className: "filter-checkbox-input",
-                  checked: O.length > 0 && C.length === O.length,
+                  checked: P.length > 0 && C.length === P.length,
                   onChange: (F) => {
-                    const G = F.target.checked ? O.map((W) => W.email) : [];
+                    const G = F.target.checked ? P.map((W) => W.email) : [];
                     A.setFieldValue(
                       `${T}.values`,
                       G
@@ -1002,7 +1006,7 @@ const wn = {
                 }
               )
             ] }),
-            O.map((F) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
+            P.map((F) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
@@ -1034,7 +1038,7 @@ const wn = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const D = f.values || [], [b, p] = D, k = b && p, w = D[0] || null, $ = D[1] || null, P = {
+        const D = f.values || [], [b, p] = D, k = b && p, w = D[0] || null, $ = D[1] || null, M = {
           startDate: w instanceof Date ? w.toISOString().slice(0, 10) : null,
           endDate: w instanceof Date ? w.toISOString().slice(0, 10) : null
         }, S = {
@@ -1048,7 +1052,7 @@ const wn = {
           { key: "this_month", label: "This Month" },
           { key: "last_month", label: "Last Month" },
           { key: "custom", label: "Custom" }
-        ], j = (F) => {
+        ], _ = (F) => {
           if (F === "anytime") {
             A.setFieldValue(`${T}.values`, []), A.setFieldValue(`${T}.range`, "anytime");
             return;
@@ -1100,7 +1104,7 @@ const wn = {
                       type: "radio",
                       name: `preset-${T}`,
                       checked: G,
-                      onChange: () => j(F.key),
+                      onChange: () => _(F.key),
                       className: "h-4 w-4"
                     }
                   ),
@@ -1120,7 +1124,7 @@ const wn = {
                 {
                   asSingle: !0,
                   useRange: !1,
-                  value: P,
+                  value: M,
                   onChange: (F) => {
                     const G = F?.startDate ? Be(new Date(F.startDate)) : null, W = D[1] || null;
                     G && (A.setFieldValue(`${T}.values`, [G, W]), A.setFieldValue(`${T}.range`, "custom"));
@@ -1263,7 +1267,7 @@ const wn = {
                 "button",
                 {
                   type: "submit",
-                  disabled: !A.dirty || M,
+                  disabled: !A.dirty || O,
                   className: "filter-button apply",
                   children: [
                     "Apply Filters",
@@ -2658,7 +2662,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
   },
   isChanged: u = !1
 }) => {
-  const [h, N] = B(Pt[0]), [y, r] = B(""), v = Ct(y, 400), [d, g] = B([]), [z, A] = B(/* @__PURE__ */ new Set()), [E, I] = B(!1), [M, _] = B(Mt[0]), {
+  const [h, N] = B(Pt[0]), [y, r] = B(""), v = Ct(y, 400), [d, g] = B([]), [z, A] = B(/* @__PURE__ */ new Set()), [E, I] = B(!1), [O, j] = B(Mt[0]), {
     control: U,
     handleSubmit: Y,
     watch: q,
@@ -2666,7 +2670,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
   } = er({
     defaultValues: { pendingInvites: [] },
     resolver: rr(Zn)
-  }), { fields: f, append: C, remove: O, update: R } = tr({
+  }), { fields: f, append: C, remove: P, update: R } = tr({
     control: U,
     name: "pendingInvites"
   }), D = q("pendingInvites");
@@ -2677,16 +2681,16 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
   }, [v, h]);
   const b = (S) => {
     A((L) => {
-      const j = new Set(L);
-      return j.has(S) ? j.delete(S) : j.add(S), j;
+      const _ = new Set(L);
+      return _.has(S) ? _.delete(S) : _.add(S), _;
     });
   }, p = () => {
     d.filter((S) => z.has(S.id)).forEach((S) => {
-      f.find((L) => L.id === S.id) || C({ ...S, permission: M.name });
+      f.find((L) => L.id === S.id) || C({ ...S, permission: O.name });
     }), A(/* @__PURE__ */ new Set()), r("");
   }, k = (S) => {
-    _(S), f.forEach(
-      (L, j) => R(j, { ...f[j], permission: S.name })
+    j(S), f.forEach(
+      (L, _) => R(_, { ...f[_], permission: S.name })
     );
   }, w = async (S) => {
     try {
@@ -2703,13 +2707,13 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
           // Always send updated existing shares
         }, i);
       } else if (l === me.INTEREST) {
-        const L = S.pendingInvites.map((j) => ({
-          identity: j.id,
-          type: j.type.toLowerCase(),
+        const L = S.pendingInvites.map((_) => ({
+          identity: _.id,
+          type: _.type.toLowerCase(),
           opt: !0,
           lock: !1,
           moderator: !1,
-          userName: j.name,
+          userName: _.name,
           interestId: t?.data?.id
         }));
         o(L, i);
@@ -2733,9 +2737,9 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
       throw console.error("Failed to submit invites:", L), L;
     }
   }, $ = (S) => {
-    const L = i[h.code].find((j) => j.name === S.name && j.permission !== "remove") || D.find((j) => j.name === S.name);
+    const L = i[h.code].find((_) => _.name === S.name && _.permission !== "remove") || D.find((_) => _.name === S.name);
     return L ? `${L.permission}` : "";
-  }, P = () => {
+  }, M = () => {
     switch (l) {
       case me.DRIVE:
         return "Share with others";
@@ -2749,7 +2753,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
   };
   return se(() => (console.log("InviteFlow - isChanged:", u, "pendingInvites.length:", D.length), D.length === 0 && !u), [D.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(be.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: P() }),
+      /* @__PURE__ */ e(be.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: M() }),
       /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
         l === me.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(ar, { className: "h-5 w-5" }),
@@ -2912,15 +2916,15 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
               l === me.DRIVE && /* @__PURE__ */ e(
                 Z,
                 {
-                  value: M,
+                  value: O,
                   onChange: k,
                   children: /* @__PURE__ */ n("div", { className: "relative", children: [
                     /* @__PURE__ */ n(Z.Button, { className: "relative w-full border border-gray-300 bg-white rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
                       /* @__PURE__ */ n("span", { className: "flex items-center", children: [
-                        /* @__PURE__ */ e(M.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
+                        /* @__PURE__ */ e(O.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
                         /* @__PURE__ */ n("span", { className: "truncate", children: [
                           "Can ",
-                          M.name
+                          O.name
                         ] })
                       ] }),
                       /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(dt, { className: "h-5 w-5 text-gray-400" }) })
@@ -2937,7 +2941,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                           {
                             value: S,
                             className: ({ active: L }) => `${L ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                            children: ({ selected: L, active: j }) => /* @__PURE__ */ n(ee, { children: [
+                            children: ({ selected: L, active: _ }) => /* @__PURE__ */ n(ee, { children: [
                               /* @__PURE__ */ n(
                                 "span",
                                 {
@@ -2946,7 +2950,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                                     /* @__PURE__ */ e(
                                       S.icon,
                                       {
-                                        className: `h-5 w-5 mr-2 ${j ? "text-white" : "text-gray-400"}`
+                                        className: `h-5 w-5 mr-2 ${_ ? "text-white" : "text-gray-400"}`
                                       }
                                     ),
                                     "Can ",
@@ -2999,7 +3003,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                     /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => O(L),
+                        onClick: () => P(L),
                         className: "text-gray-400 hover:text-red-500 hover:cursor-pointer",
                         children: /* @__PURE__ */ e(He, { className: "h-5 w-5" })
                       }
@@ -3144,19 +3148,19 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
     roles: o.roles.filter(
       (I) => I.name.toLowerCase().includes(v.toLowerCase())
     )
-  }, g = async (I, M, _, U) => {
-    const Y = M.value;
+  }, g = async (I, O, j, U) => {
+    const Y = O.value;
     u((q) => ({
       ...q,
-      [_]: q[_].map(
+      [j]: q[j].map(
         (T) => T.id === I.id ? { ...T, permission: Y } : T
       )
     }));
   }, z = () => {
     const I = {
-      users: o.users.filter((M) => M.permission !== "remove"),
-      groups: o.groups.filter((M) => M.permission !== "remove"),
-      roles: o.roles.filter((M) => M.permission !== "remove")
+      users: o.users.filter((O) => O.permission !== "remove"),
+      groups: o.groups.filter((O) => O.permission !== "remove"),
+      roles: o.roles.filter((O) => O.permission !== "remove")
     };
     a(I);
   }, A = ["users", "groups", "roles"], E = ["Users", "Groups", "Roles"];
@@ -3192,10 +3196,10 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
               ne,
               {
                 className: ({
-                  selected: M
+                  selected: O
                 }) => `w-full py-2 text-sm font-medium leading-5 rounded-md
                                        focus:outline-none focus:ring-2 ring-offset-2 ring-offset-blue-400 ring-white ring-opacity-60
-                                       ${M ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
+                                       ${O ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
                 children: I
               },
               I
@@ -3220,7 +3224,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                 ne.Panel,
                 {
                   className: "space-y-3 focus:outline-none",
-                  children: /* @__PURE__ */ e(Ce, { children: d[I].length > 0 ? d[I].map((M) => /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ e(Ce, { children: d[I].length > 0 ? d[I].map((O) => /* @__PURE__ */ n(
                     le.div,
                     {
                       layout: !0,
@@ -3237,20 +3241,20 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                           /* @__PURE__ */ e(
                             "img",
                             {
-                              src: M.avatarUrl || `https://avatar.vercel.sh/${M.name}.svg?text=${M.name.charAt(0)}`,
-                              alt: M.name,
+                              src: O.avatarUrl || `https://avatar.vercel.sh/${O.name}.svg?text=${O.name.charAt(0)}`,
+                              alt: O.name,
                               className: "w-10 h-10 rounded-full flex-shrink-0"
                             }
                           ),
                           /* @__PURE__ */ n("div", { className: "overflow-hidden", children: [
-                            /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: M.name }),
+                            /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: O.name }),
                             I !== "users" && /* @__PURE__ */ e(
                               "button",
                               {
                                 onClick: () => i({
-                                  id: M.id,
+                                  id: O.id,
                                   type: I,
-                                  name: M.name
+                                  name: O.name
                                 }),
                                 className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
                                 children: "View Members"
@@ -3261,18 +3265,18 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                         /* @__PURE__ */ e(
                           es,
                           {
-                            item: M,
+                            item: O,
                             allowedPermissions: m,
-                            onPermissionChange: (_) => g(
-                              M,
-                              _,
+                            onPermissionChange: (j) => g(
+                              O,
+                              j,
                               I
                             )
                           }
                         )
                       ]
                     },
-                    M.id
+                    O.id
                   )) : (
                     // Empty state is unchanged
                     /* @__PURE__ */ n(
@@ -3445,12 +3449,12 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
   allowedPermissions: u = [],
   ...h
 }) => {
-  const [N, y] = B(pe.INVITE), [r, v] = B(t), [d, g] = B(null), [z, A] = B(!1), [E, I] = B([]), [M, _] = B(pe.MANAGE), U = () => {
+  const [N, y] = B(pe.INVITE), [r, v] = B(t), [d, g] = B(null), [z, A] = B(!1), [E, I] = B([]), [O, j] = B(pe.MANAGE), U = () => {
     y(pe.INVITE), g(null), m();
   }, Y = () => {
     y(pe.MANAGE);
-  }, q = async ({ id: f, name: C, type: O }) => {
-    if (O === "groups") {
+  }, q = async ({ id: f, name: C, type: P }) => {
+    if (P === "groups") {
       try {
         const R = await Qe(`${We.getMembersForGroup(C)}`);
       } catch (R) {
@@ -3458,13 +3462,13 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
       }
       I(resp);
     }
-    g({ id: f, type: O, name: C }), _(N), y(pe.MEMBERS);
+    g({ id: f, type: P, name: C }), j(N), y(pe.MEMBERS);
   }, T = (f) => {
     console.log("changedExistingShares", f), v(f);
-    const C = lt.mapValues(t, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id)), O = lt.mapValues(f, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id));
-    console.log("Existing data:", C), console.log("Changed data:", O);
-    const R = !lt.isEqual(C, O);
-    console.log("hasPermissionChanged:", R), A(R), y(N === pe.MEMBERS ? M : pe.INVITE);
+    const C = lt.mapValues(t, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id)), P = lt.mapValues(f, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id));
+    console.log("Existing data:", C), console.log("Changed data:", P);
+    const R = !lt.isEqual(C, P);
+    console.log("hasPermissionChanged:", R), A(R), y(N === pe.MEMBERS ? O : pe.INVITE);
   };
   return /* @__PURE__ */ e(ue, { appear: !0, show: a, as: Q, children: /* @__PURE__ */ n(be, { as: "div", className: "relative z-50", onClose: U, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
@@ -3574,30 +3578,30 @@ function tt({
   getOptionId: d = (z) => String(z.id),
   getOptionLabel: g = (z) => z.name
 }) {
-  const z = Xe(), A = Xe(), [E, I] = B(""), M = ge(""), _ = se(() => {
+  const z = Xe(), A = Xe(), [E, I] = B(""), O = ge(""), j = se(() => {
     const f = /* @__PURE__ */ new Map();
     for (const C of a) f.set(d(C), C);
     return f;
-  }, [a, d]), U = se(() => Array.isArray(s) ? s.map((f) => f && typeof f == "object" ? _.get(d(f)) || null : _.get(String(f))).filter(Boolean) : [], [s, _, d]), Y = se(() => {
+  }, [a, d]), U = se(() => 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 = se(() => {
     if (!E) return a;
     const f = E.toLowerCase();
     return a.filter((C) => g(C).toLowerCase().includes(f));
   }, [a, E, g]);
   te(() => {
-    N === "server" && E.length >= v && E !== M.current && (M.current = E, y && y(E));
+    N === "server" && E.length >= v && E !== O.current && (O.current = E, y && y(E));
   }, [E, N, v, y]);
   const q = N === "client" ? Y : a, T = () => {
     if (!U.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
     const f = U.slice(0, u), C = U.length - u;
     return /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
-      f.map((O) => /* @__PURE__ */ e(
+      f.map((P) => /* @__PURE__ */ e(
         "span",
         {
           className: "px-2 py-1 text-xs font-medium text-white bg-gray-800 rounded-full",
-          children: g(O)
+          children: g(P)
         },
-        d(O)
+        d(P)
       )),
       C > 0 && /* @__PURE__ */ n("span", { className: "px-2 py-1 text-xs font-medium text-gray-600 bg-gray-200 rounded-full", children: [
         "+",
@@ -3607,7 +3611,7 @@ function tt({
     ] });
   };
   return /* @__PURE__ */ e(Z, { value: U, onChange: (f) => {
-    const C = Array.from(new Set(f.map((O) => d(O))));
+    const C = Array.from(new Set(f.map((P) => d(P))));
     h !== -1 && C.length > h || i(C);
   }, multiple: !0, by: "id", children: ({ open: f }) => /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ e(
@@ -3655,7 +3659,7 @@ function tt({
             ) }),
             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" ? E.length < v ? `Type at least ${v} characters to search.` : "No results." : "No options found." }) : q.map((C) => {
-              const O = d(C), R = g(C), D = U.some((p) => d(p) === O), b = h !== -1 && U.length >= h && !D;
+              const P = d(C), R = g(C), D = U.some((p) => d(p) === P), b = h !== -1 && U.length >= h && !D;
               return /* @__PURE__ */ e(
                 Z.Option,
                 {
@@ -3688,7 +3692,7 @@ function tt({
                     )
                   ] })
                 },
-                O
+                P
               );
             })
           ] })
@@ -3852,7 +3856,7 @@ function ls({
   dropId: y,
   indent: r = 24
 }) {
-  const { setNodeRef: v, isOver: d } = lr({ id: y }), { attributes: g, listeners: z, setNodeRef: A, transform: E, isDragging: I } = ir({ id: N }), M = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [_, U] = B(!1), [Y, q] = B(t.name), T = () => {
+  const { setNodeRef: v, isOver: d } = lr({ id: y }), { attributes: g, listeners: z, setNodeRef: A, transform: E, isDragging: I } = ir({ id: N }), O = 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), T = () => {
     const f = Y.trim();
     U(!1), f && f !== t.name ? o?.(t, f) : q(t.name);
   }, x = se(() => /* @__PURE__ */ e(
@@ -3873,14 +3877,14 @@ function ls({
     {
       ref: v,
       className: `tv-row ${d ? "tv-drop-over" : ""} ${I ? "dragging" : ""}`,
-      style: { ...M, paddingLeft: 8 + a * r },
+      style: { ...O, paddingLeft: 8 + a * r },
       onClick: (f) => {
         f.target.closest(".tv-toggle") || f.target.tagName === "INPUT" || l?.(t);
       },
       children: [
         /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: i, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(vt, { size: 16 }) : /* @__PURE__ */ e(fe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
         /* @__PURE__ */ e(Le, { size: 16, className: "tv-folder-ic" }),
-        /* @__PURE__ */ e("div", { className: "tv-name", ref: A, children: _ ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "tv-name", ref: A, children: j ? /* @__PURE__ */ e(
           "input",
           {
             className: "tv-input",
@@ -4008,15 +4012,15 @@ function ql({
   ae.useEffect(() => {
     E(I(z));
   }, [z, I]);
-  const M = K(
+  const O = K(
     (b) => E((p) => ({ ...p, [b]: !p[b] })),
     []
-  ), [_, U] = B(() => Pe(z));
+  ), [j, U] = B(() => Pe(z));
   ae.useEffect(() => U(Pe(z)), [z]);
   const Y = or(
     cr(hr, { activationConstraint: { delay: 250, tolerance: 5 } })
   ), q = ge(null), [T, x] = B(null), f = ge(0), C = () => {
-  }, O = ({ delta: b }) => {
+  }, P = ({ delta: b }) => {
     f.current = b?.x ?? 0;
   }, R = K(
     ({ active: b, over: p }) => {
@@ -4024,30 +4028,30 @@ function ql({
       if (f.current = 0, x(null), !b || !p) return;
       const w = String(b.id).replace(/^drag-/, ""), $ = String(p.id).replace(/^drop-/, "");
       if (!w || !$ || w === $) return;
-      let P = $;
+      let M = $;
       const S = Math.max(0, Math.floor(-k / g));
       if (S > 0) {
         let W = $;
         for (let xe = 0; xe < S; xe++) {
-          const V = za(_, W, null);
+          const V = za(j, W, null);
           if (!V) break;
           if (!V.parentId) {
-            P = a;
+            M = a;
             break;
           }
-          P = V.parentId, W = V.parentId;
+          M = V.parentId, W = V.parentId;
         }
       }
-      if (d && P === a) {
+      if (d && M === a) {
         U(Pe(z));
         return;
       }
-      const L = Pe(_), { newRoots: j, removed: F } = hs(L, w);
+      const L = Pe(j), { newRoots: _, removed: F } = hs(L, w);
       if (!F) return;
-      const G = ps(j, P, F);
-      U(G), r?.({ sourceId: w, destParentId: P, newTree: G });
+      const G = ps(_, M, F);
+      U(G), r?.({ sourceId: w, destParentId: M, newTree: G });
     },
-    [_, z, a, d, g, r]
+    [j, z, a, d, g, r]
   ), D = K(
     (b, p = 0) => b.map((k) => /* @__PURE__ */ n(ae.Fragment, { children: [
       /* @__PURE__ */ e(
@@ -4056,7 +4060,7 @@ function ql({
           node: k,
           depth: p,
           expanded: !!A[k.id],
-          onToggle: () => M(k.id),
+          onToggle: () => O(k.id),
           onSelect: o,
           onCreateChild: h,
           onRename: N,
@@ -4069,7 +4073,7 @@ function ql({
       ),
       A[k.id] && k.children?.length > 0 ? D(k.children, p + 1) : null
     ] }, k.id)),
-    [A, g, h, y, N, o, v, M]
+    [A, g, h, y, N, o, v, O]
   );
   return ae.useMemo(() => {
     if (!T) return null;
@@ -4082,8 +4086,8 @@ function ql({
       }
       return null;
     }
-    return p(_);
-  }, [T, _]), /* @__PURE__ */ n("div", { className: "tv", children: [
+    return p(j);
+  }, [T, 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" })
@@ -4099,10 +4103,10 @@ function ql({
         collisionDetection: ur,
         sensors: Y,
         onDragStart: C,
-        onDragMove: O,
+        onDragMove: P,
         onDragEnd: R,
         modifiers: [mr],
-        children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: D(_, 0) })
+        children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: D(j, 0) })
       }
     )
   ] });
@@ -4707,7 +4711,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         const p = [...b];
         return p[R][x.key] = D, p;
       });
-    }, C = (R) => i[l.key]?.[R]?.[x.key], O = (R) => {
+    }, C = (R) => i[l.key]?.[R]?.[x.key], P = (R) => {
       const D = C(R);
       return D ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: D }) : null;
     };
@@ -4724,7 +4728,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               className: `w-full ${C(D) ? "border-red-500" : ""}`
             }
           ),
-          O(D)
+          P(D)
         ] });
       case "textarea":
         return (R, D) => /* @__PURE__ */ n("div", { children: [
@@ -4739,7 +4743,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               rows: 3
             }
           ),
-          O(D)
+          P(D)
         ] });
       case "number":
         return (R, D) => /* @__PURE__ */ n("div", { children: [
@@ -4772,7 +4776,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             "Max: ",
             x.max
           ] }),
-          O(D)
+          P(D)
         ] });
       case "email":
         return (R, D) => /* @__PURE__ */ n("div", { children: [
@@ -4787,7 +4791,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               className: `w-full ${C(D) ? "border-red-500" : ""}`
             }
           ),
-          O(D)
+          P(D)
         ] });
       case "url":
         return (R, D) => /* @__PURE__ */ n("div", { children: [
@@ -4802,7 +4806,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               className: `w-full ${C(D) ? "border-red-500" : ""}`
             }
           ),
-          O(D)
+          P(D)
         ] });
       case "password":
         return (R, D) => /* @__PURE__ */ n("div", { children: [
@@ -4817,7 +4821,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               className: `w-full ${C(D) ? "border-red-500" : ""}`
             }
           ),
-          O(D)
+          P(D)
         ] });
       case "select":
       case "dropdown":
@@ -4833,7 +4837,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               className: `w-full ${C(D) ? "border-red-500" : ""}`
             }
           ),
-          O(D)
+          P(D)
         ] });
       case "selectDynamic":
         return (R, D) => {
@@ -4841,10 +4845,10 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             if (x.optionsFrom && a) {
               const { config: p, valueField: k, labelField: w } = x.optionsFrom, $ = a[p] || [];
               if (Array.isArray($))
-                return $.map((P) => ({
-                  id: P[k] || "",
-                  value: P[k] || "",
-                  label: P[w] || ""
+                return $.map((M) => ({
+                  id: M[k] || "",
+                  value: M[k] || "",
+                  label: M[w] || ""
                 }));
             }
             return x.options || [];
@@ -4863,7 +4867,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               },
               Math.random()
             ),
-            O(D)
+            P(D)
           ] });
         };
       case "multiselect":
@@ -5046,7 +5050,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               className: `w-full ${C(D) ? "border-red-500" : ""}`
             }
           ),
-          O(D)
+          P(D)
         ] });
     }
   }, A = K(() => {
@@ -5056,8 +5060,8 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         id: x.length
         // Assign next available ID
       };
-      l.fields.forEach((O) => {
-        O.fieldtype === "audience" ? f[O.key] = { users: [], groups: [], roles: [] } : f[O.key] = O.default || "";
+      l.fields.forEach((P) => {
+        P.fieldtype === "audience" ? f[P.key] = { users: [], groups: [], roles: [] } : f[P.key] = P.default || "";
       }), console.log("[DataTableRenderer] New blank row:", f);
       const C = [...x, f];
       return console.log("[DataTableRenderer] Updated data:", C), C;
@@ -5069,22 +5073,22 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       const C = [...f];
       return C.splice(x, 1), C;
     });
-  }, []), [I, M] = B(null), _ = K((x, f) => {
-    M(f), x.dataTransfer.effectAllowed = "move", x.dataTransfer.setData("text/html", "");
+  }, []), [I, O] = B(null), j = K((x, f) => {
+    O(f), x.dataTransfer.effectAllowed = "move", x.dataTransfer.setData("text/html", "");
   }, []), U = K((x) => {
     x.preventDefault(), x.dataTransfer.dropEffect = "move";
   }, []), Y = K((x, f) => {
     x.preventDefault(), !(I === null || I === f) && (r((C) => {
-      const O = [...C], R = O[I];
-      return O.splice(I, 1), O.splice(f, 0, R), O;
-    }), M(null));
+      const P = [...C], R = P[I];
+      return P.splice(I, 1), P.splice(f, 0, R), P;
+    }), O(null));
   }, [I]), q = K(() => {
-    M(null);
+    O(null);
   }, []), T = K((x) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", x), r((f) => {
       const C = [...f];
       if (o !== null && h && C[o]) {
-        const O = x.pendingInvites || [], R = O.filter((p) => p.type === "User"), D = O.filter((p) => p.type === "Group"), b = O.filter((p) => p.type === "Role");
+        const P = x.pendingInvites || [], R = P.filter((p) => p.type === "User"), D = P.filter((p) => p.type === "Group"), b = P.filter((p) => p.type === "Role");
         C[o][h] = {
           users: [...C[o][h]?.users || [], ...R],
           groups: [...C[o][h]?.groups || [], ...D],
@@ -5127,13 +5131,13 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         {
           className: `hover:bg-gray-50 ${I === f ? "opacity-50" : ""}`,
           draggable: !0,
-          onDragStart: (C) => _(C, f),
+          onDragStart: (C) => j(C, f),
           onDragOver: U,
           onDrop: (C) => Y(C, f),
           onDragEnd: q,
           children: [
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e("div", { className: "cursor-move text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ e(Nt, { size: 16 }) }) }),
-            l.fields.map((C, O) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: z(C)(x, f) }, O)),
+            l.fields.map((C, P) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: z(C)(x, f) }, P)),
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
@@ -5191,16 +5195,16 @@ function Ns({
   onShowCancelModal: l,
   onCancel: m
 }) {
-  const [o, u] = ae.useState(a), [h, N] = ae.useState(null), [y, r] = ae.useState(null), [v, d] = B(!1), [g, z] = B(!1), [A, E] = B({}), I = `${Se()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, M = I, [_, U] = B(1), Y = () => {
+  const [o, u] = ae.useState(a), [h, N] = ae.useState(null), [y, r] = ae.useState(null), [v, d] = B(!1), [g, z] = B(!1), [A, E] = B({}), I = `${Se()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, O = I, [j, U] = B(1), Y = () => {
     if (!y || !h)
       return console.log("[DynamicConfig] hasUnsavedChanges: false (no data)", { originalData: y, data: h }), !1;
     const b = ($) => {
       if ($ == null || typeof $ != "object") return $;
       if (Array.isArray($)) return $.map(b);
-      const P = {};
+      const M = {};
       return Object.keys($).sort().forEach((S) => {
-        P[S] = b($[S]);
-      }), P;
+        M[S] = b($[S]);
+      }), M;
     }, p = b(y), k = b(h), w = JSON.stringify(p) !== JSON.stringify(k);
     return console.log("[DynamicConfig] hasUnsavedChanges:", w, {
       originalData: p,
@@ -5214,8 +5218,8 @@ function Ns({
     const p = {}, k = b?.configuration || {};
     return a.configuration.forEach((w) => {
       if (w.key && w.type === "datatable") {
-        const P = (k[w.key] || []).map((S, L) => {
-          const j = { id: S.id || 0 };
+        const M = (k[w.key] || []).map((S, L) => {
+          const _ = { id: S.id || 0 };
           return w.fields && w.fields.forEach((F) => {
             if (F.fieldtype === "audience") {
               let G = { users: [], groups: [], roles: [] };
@@ -5223,22 +5227,22 @@ function Ns({
                 users: S[F.key].users || [],
                 groups: S[F.key].groups || [],
                 roles: S[F.key].roles || []
-              })), j[F.key] = G;
+              })), _[F.key] = G;
             } else
-              j[F.key] = S[F.key] || F.default || "";
-          }), j;
+              _[F.key] = S[F.key] || F.default || "";
+          }), _;
         });
-        if (P.length === 0) {
+        if (M.length === 0) {
           const S = { id: 0 };
           w.fields && w.fields.forEach((L) => {
             L.fieldtype === "audience" ? S[L.key] = { users: [], groups: [], roles: [] } : S[L.key] = L.default || "";
-          }), P.push(S);
+          }), M.push(S);
         }
-        p[w.key] = P;
+        p[w.key] = M;
       } else if (w.key) {
         const $ = k[w.key] || {};
-        w.type === "section" && w.fields && w.fields.forEach((P) => {
-          P.fieldtype === "managecollectionlist" && P.key && (!$[P.key] || !Array.isArray($[P.key])) && ($[P.key] = P.initialData || []);
+        w.type === "section" && w.fields && w.fields.forEach((M) => {
+          M.fieldtype === "managecollectionlist" && M.key && (!$[M.key] || !Array.isArray($[M.key])) && ($[M.key] = M.initialData || []);
         }), p[w.key] = $;
       }
     }), p;
@@ -5289,7 +5293,7 @@ function Ns({
       }
     };
     a && (u(a), t ? b() : T());
-  }, [a, _, t, s]);
+  }, [a, j, t, s]);
   const x = (b, p) => {
     console.log(`[DynamicConfig] handleSectionChange called for ${b}:`, p), N((k) => {
       const w = {
@@ -5319,21 +5323,21 @@ function Ns({
       else if (p.type === "datatable") {
         const k = h[p.key];
         Array.isArray(k) && k.forEach((w, $) => {
-          p.fields.forEach((P) => {
-            const S = w[P.key];
-            if (P.required && (!S || typeof S == "string" && S.trim() === "")) {
-              b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][P.key] = `${P.label} is required`;
+          p.fields.forEach((M) => {
+            const S = w[M.key];
+            if (M.required && (!S || typeof S == "string" && S.trim() === "")) {
+              b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][M.key] = `${M.label} is required`;
               return;
             }
-            if (P.fieldtype === "number" && S !== "" && S !== null && S !== void 0) {
+            if (M.fieldtype === "number" && S !== "" && S !== null && S !== void 0) {
               const L = Number(S);
-              isNaN(L) ? (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][P.key] = `${P.label} must be a valid number`) : (P.min !== void 0 && L < P.min && (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][P.key] = `${P.label} must be at least ${P.min}`), P.max !== void 0 && L > P.max && (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][P.key] = `${P.label} must not exceed ${P.max}`));
+              isNaN(L) ? (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][M.key] = `${M.label} must be a valid number`) : (M.min !== void 0 && L < M.min && (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][M.key] = `${M.label} must be at least ${M.min}`), M.max !== void 0 && L > M.max && (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][M.key] = `${M.label} must not exceed ${M.max}`));
             }
           });
         });
       }
     }), b;
-  }, C = (b) => Object.keys(b).length > 0, O = () => {
+  }, C = (b) => Object.keys(b).length > 0, P = () => {
     if (g) {
       console.log("[handleSave] Already saving, ignoring duplicate call");
       return;
@@ -5344,8 +5348,8 @@ function Ns({
       let k = [];
       Object.keys(b).forEach((w) => {
         typeof b[w] == "object" && Object.keys(b[w]).forEach(($) => {
-          typeof b[w][$] == "object" ? Object.keys(b[w][$]).forEach((P) => {
-            k.push(`${w} row ${parseInt($) + 1}: ${b[w][$][P]}`);
+          typeof b[w][$] == "object" ? Object.keys(b[w][$]).forEach((M) => {
+            k.push(`${w} row ${parseInt($) + 1}: ${b[w][$][M]}`);
           }) : k.push(`${w}: ${b[w][$]}`);
         });
       });
@@ -5356,25 +5360,25 @@ function Ns({
         z(!0);
         const k = {};
         h && Object.keys(h).forEach(($) => {
-          const P = a?.configuration?.find(
+          const M = a?.configuration?.find(
             (S) => S.key === $ && S.type === "datatable"
           );
-          P && Array.isArray(h[$]) ? k[$] = h[$].map((S) => {
+          M && Array.isArray(h[$]) ? k[$] = h[$].map((S) => {
             const L = { id: S.id || 0 };
-            return P.fields && P.fields.forEach((j) => {
-              if (j.fieldtype === "audience") {
+            return M.fields && M.fields.forEach((_) => {
+              if (_.fieldtype === "audience") {
                 let F = { users: [], groups: [], roles: [] };
-                S[j.key] && typeof S[j.key] == "object" && !Array.isArray(S[j.key]) && (F = {
-                  users: S[j.key].users || [],
-                  groups: S[j.key].groups || [],
-                  roles: S[j.key].roles || []
-                }), L[j.key] = F;
+                S[_.key] && typeof S[_.key] == "object" && !Array.isArray(S[_.key]) && (F = {
+                  users: S[_.key].users || [],
+                  groups: S[_.key].groups || [],
+                  roles: S[_.key].roles || []
+                }), L[_.key] = F;
               } else
-                L[j.key] = S[j.key] || "";
+                L[_.key] = S[_.key] || "";
             }), L;
           }) : k[$] = h[$];
         }), (!k.appkey || k.appkey === "") && (k.appkey = t);
-        let w = await yt(M, k);
+        let w = await yt(O, k);
         if (w && w.status != "fail") {
           E({}), r(JSON.parse(JSON.stringify(h)));
           const $ = w.message || "Configuration has been saved successfully";
@@ -5435,7 +5439,7 @@ function Ns({
         oe,
         {
           category: "primary",
-          onClick: O,
+          onClick: P,
           disabled: g,
           label: g ? "Saving..." : "Save",
           type: "submit"
@@ -5457,10 +5461,10 @@ const Jl = ({
     configuration: r = []
   } = t, v = se(() => r.map((f) => {
     if (f.type === "section" && f.fields) {
-      const C = [...f.fields], O = C.findIndex((R) => R && R.key === "appkey");
-      if (O !== -1) {
-        const R = C[O];
-        if (C[O] = {
+      const C = [...f.fields], P = C.findIndex((R) => R && R.key === "appkey");
+      if (P !== -1) {
+        const R = C[P];
+        if (C[P] = {
           ...R,
           default: a,
           value: a,
@@ -5484,7 +5488,7 @@ const Jl = ({
             placeholder: "Enter display name",
             required: !1
           };
-          C.splice(O + 1, 0, b);
+          C.splice(P + 1, 0, b);
         }
       }
       return {
@@ -5510,11 +5514,11 @@ const Jl = ({
     console.log("Configuration changed:", f);
   }, []), I = K(() => {
     window.history.back();
-  }, []), M = (() => {
+  }, []), O = (() => {
     if (h.headingKey && Array.isArray(r)) {
-      const f = h.headingKey.split("."), C = f[0], O = f[1], R = r.find((D) => D && D.key === C);
+      const f = h.headingKey.split("."), C = f[0], P = f[1], R = r.find((D) => D && D.key === C);
       if (R && R.fields) {
-        const D = R.fields.find((b) => b && b.key === O);
+        const D = R.fields.find((b) => b && b.key === P);
         if (D)
           return D.default ?? D.value ?? h.heading ?? a;
       }
@@ -5522,16 +5526,16 @@ const Jl = ({
     if (Array.isArray(r)) {
       for (const f of r)
         if (f && f.fields) {
-          const C = f.fields.find((O) => O && O.key === "displayname");
+          const C = f.fields.find((P) => P && P.key === "displayname");
           if (C) return C.default ?? C.value ?? a;
         }
     }
     return h.heading || a;
-  })(), _ = {
+  })(), j = {
     subHeading: "Application configuration and details",
     tags: [],
     ...h,
-    heading: M
+    heading: O
     // Use resolvedDisplayName only
   }, U = {
     about: "This application provides comprehensive functionality for your organization.",
@@ -5586,11 +5590,11 @@ const Jl = ({
       ] }),
       /* @__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: f.features.map((C, O) => /* @__PURE__ */ n("li", { children: [
+        /* @__PURE__ */ e("ul", { className: "space-y-3", children: f.features.map((C, P) => /* @__PURE__ */ n("li", { children: [
           /* @__PURE__ */ e("span", { className: "font-semibold", children: C.title }),
           /* @__PURE__ */ e("br", {}),
           /* @__PURE__ */ e("span", { className: "text-gray-700", children: C.description })
-        ] }, O)) })
+        ] }, P)) })
       ] })
     ] });
   }
@@ -5606,11 +5610,11 @@ const Jl = ({
       }
     ),
     /* @__PURE__ */ n("div", { className: "bg-[#ffffff] border border-[#eef2f6] rounded-[12px] px-6 py-5 flex gap-4 items-start mb-4 shadow-sm", children: [
-      /* @__PURE__ */ e("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: T(_.icon) }),
+      /* @__PURE__ */ e("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: T(j.icon) }),
       /* @__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: _.heading }),
-        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: _.subHeading }),
-        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: _.tags && _.tags.map((f, C) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: j.heading }),
+        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: j.subHeading }),
+        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: j.tags && j.tags.map((f, C) => /* @__PURE__ */ e(
           "span",
           {
             className: "pill inline-block px-[10px] py-[6px] rounded-[14px] text-[11px] border border-[#e6e9ee] text-[#767676] font-semibold mt-1",
@@ -5655,11 +5659,11 @@ const Jl = ({
   allowReorder: o = !0,
   initialData: u = null
 }) => {
-  const [h, N] = B(null), [y, r] = B(""), [v, d] = B(() => Array.isArray(u) ? u : []), [g, z] = B(null), [A, E] = B(null), [I, M] = B("");
+  const [h, N] = B(null), [y, r] = B(""), [v, d] = B(() => Array.isArray(u) ? u : []), [g, z] = B(null), [A, E] = B(null), [I, O] = B("");
   te(() => {
     Array.isArray(u) && d(u);
   }, [u]);
-  const _ = (p) => {
+  const j = (p) => {
     l && (N(p._id), r(p.categoryName || ""));
   }, U = () => {
     if (!i || h !== null) return;
@@ -5694,23 +5698,23 @@ const Jl = ({
       return a?.(w), w;
     });
   }, x = (p, k, w) => {
-    const $ = Number(k), P = Number(w);
-    if (!o || $ === P) return p;
-    const S = p.findIndex((G) => Number(G._id) === $), L = p.findIndex((G) => Number(G._id) === P);
+    const $ = Number(k), M = Number(w);
+    if (!o || $ === M) return p;
+    const S = p.findIndex((G) => Number(G._id) === $), L = p.findIndex((G) => Number(G._id) === M);
     if (S === -1 || L === -1) return p;
-    const j = [...p], [F] = j.splice(S, 1);
-    return j.splice(L, 0, F), j.map((G, W) => ({ ...G, order: W + 1 }));
+    const _ = [...p], [F] = _.splice(S, 1);
+    return _.splice(L, 0, F), _.map((G, W) => ({ ...G, order: W + 1 }));
   }, f = (p, k) => {
     o && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", String(k)), z(Number(k)));
   }, C = (p) => {
     g && p !== A && E(p);
-  }, O = (p) => {
+  }, P = (p) => {
     p.preventDefault();
   }, R = (p, k) => {
     p.preventDefault();
-    const w = p.dataTransfer.getData("text/plain"), $ = w === "0" ? 0 : Number(w), P = k === "0" ? 0 : Number(k);
-    $ === void 0 || P === void 0 || (d((S) => {
-      const L = x(S, $, P);
+    const w = p.dataTransfer.getData("text/plain"), $ = w === "0" ? 0 : Number(w), M = k === "0" ? 0 : Number(k);
+    $ === void 0 || M === void 0 || (d((S) => {
+      const L = x(S, $, M);
       return a?.(L), L;
     }), z(null), E(null));
   }, D = () => {
@@ -5724,7 +5728,7 @@ const Jl = ({
         he,
         {
           value: I,
-          onDebouncedChange: M,
+          onDebouncedChange: O,
           placeholder: "Search Collection",
           customClass: "mr-4 searchmanagecollection"
         }
@@ -5743,18 +5747,18 @@ const Jl = ({
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: b.map((p) => {
-      const k = h === p._id, w = p?.links?.length ?? 0, $ = g === p._id, P = A === p._id && g !== p._id;
+      const k = h === p._id, w = p?.links?.length ?? 0, $ = g === p._id, M = A === p._id && g !== p._id;
       return /* @__PURE__ */ e(
         "div",
         {
           onDragEnter: () => C(p._id),
-          onDragOver: O,
+          onDragOver: P,
           onDrop: (S) => R(S, p._id),
           onDragEnd: D,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
-            P ? "ring-2 ring-gray-800/20" : "",
+            M ? "ring-2 ring-gray-800/20" : "",
             $ ? "opacity-60" : ""
           ].join(" "),
           children: k ? /* @__PURE__ */ n(ee, { children: [
@@ -5818,7 +5822,7 @@ const Jl = ({
                 "button",
                 {
                   className: "cursor-pointer",
-                  onClick: () => _(p),
+                  onClick: () => j(p),
                   "aria-label": `Edit ${p.categoryName}`,
                   children: /* @__PURE__ */ e(gr, { color: "#767676" })
                 }
@@ -5935,16 +5939,16 @@ const Lt = () => {
   searchPlaceholder: E = "Search...",
   handleRefreshClick: I = () => {
   },
-  handleSearchChange: M = () => {
+  handleSearchChange: O = () => {
   },
   // Optional: override export file names
-  excelFileName: _,
+  excelFileName: j,
   pdfFileName: U,
   searchIconSize: Y,
   searchIconClass: q,
   inputStyle: T
 }) => {
-  const x = () => l?.current || i?.current, [f, C] = ae.useState(""), O = (t || "export").toString().trim() || "export", R = `${_ || O}.xlsx`, D = `${U || O}.pdf`, b = (w, $, P) => Math.max($, Math.min(w, P)), p = K(
+  const x = () => l?.current || i?.current, [f, C] = ae.useState(""), P = (t || "export").toString().trim() || "export", R = `${j || P}.xlsx`, D = `${U || P}.pdf`, b = (w, $, M) => Math.max($, Math.min(w, M)), p = K(
     (w) => {
       const $ = x();
       if ($?.openColumnChooser) {
@@ -5953,12 +5957,12 @@ const Lt = () => {
           return;
         }
         try {
-          const P = w.currentTarget.getBoundingClientRect(), S = P.left + window.scrollX, L = P.bottom + window.scrollY;
-          let j = S - 120, F = L - 120;
+          const M = w.currentTarget.getBoundingClientRect(), S = M.left + window.scrollX, L = M.bottom + window.scrollY;
+          let _ = S - 120, F = L - 120;
           const G = window.innerWidth, W = window.innerHeight;
-          j = b(j, window.scrollX + 8, window.scrollX + G - 340), F = b(F, window.scrollY, window.scrollY + W - 120), $.openColumnChooser(j, F);
-        } catch (P) {
-          console.log("coloumn choose error", P);
+          _ = b(_, window.scrollX + 8, window.scrollX + G - 340), F = b(F, window.scrollY, window.scrollY + W - 120), $.openColumnChooser(_, F);
+        } catch (M) {
+          console.log("coloumn choose error", M);
         }
       }
     },
@@ -5966,23 +5970,23 @@ const Lt = () => {
     // no external deps; reads ref at call time
   ), k = K(
     (w, $) => {
-      const P = x();
-      if (P)
+      const M = x();
+      if (M)
         switch (w) {
           case "Delete":
-            N && P.deleteRecords?.();
+            N && M.deleteRecords?.();
             break;
           case "ColumnChooser":
-            y && ($ ? p($) : P.openColumnChooser?.());
+            y && ($ ? p($) : M.openColumnChooser?.());
             break;
           case "Print":
-            v && P.print?.();
+            v && M.print?.();
             break;
           case "Excel":
-            d && P.excelExport?.({ fileName: R });
+            d && M.excelExport?.({ fileName: R });
             break;
           case "Pdf":
-            g && P.pdfExport?.({ fileName: D });
+            g && M.pdfExport?.({ fileName: D });
             break;
           case "Refresh":
             z && I();
@@ -6007,7 +6011,7 @@ const Lt = () => {
           placeholder: E,
           value: f,
           onDebouncedChange: (w) => {
-            C(w), M(w);
+            C(w), O(w);
           },
           searchIconSize: Y || 16,
           searchIconClass: q || "",
@@ -6110,8 +6114,8 @@ function Ql(t) {
     selectionSettings: A = { type: "Multiple", mode: "Row" },
     enableCheckbox: E = !1,
     columns: I = [],
-    onGridStateChange: M,
-    onRowSelected: _,
+    onGridStateChange: O,
+    onRowSelected: j,
     onRowDeselected: U,
     onRowDoubleClick: Y,
     apiRef: q,
@@ -6119,8 +6123,8 @@ function Ql(t) {
   } = t, x = ge(null), {
     pageSettings: f,
     sortSettings: C,
-    ...O
-  } = T || {}, [R, D] = ae.useState(f?.page || 1), [b, p] = ae.useState(C?.pageSize || 20), [k, w] = ae.useState(C?.sortKey || "updatedDate"), [$, P] = ae.useState(C?.direction || "Descending"), S = se(() => {
+    ...P
+  } = T || {}, [R, D] = ae.useState(f?.page || 1), [b, p] = ae.useState(C?.pageSize || 20), [k, w] = ae.useState(C?.sortKey || "updatedDate"), [$, M] = ae.useState(C?.direction || "Descending"), S = se(() => {
     const V = [an];
     return o && V.push(rn), u && V.push(nn), h && V.push(sn), g && V.push(ln), r && V.push(on), v && V.push(cn), d && V.push(dn), y && V.push(mn), N && V.push(un), V.push(hn), V;
   }, [o, u, h, g, r, v, d, y, N]), L = se(() => {
@@ -6154,13 +6158,13 @@ function Ql(t) {
   }, [q, L]), te(() => () => {
     q && (q.current = null);
   }, []);
-  const j = (V) => {
+  const _ = (V) => {
     const re = String(V || "");
     return re === "Ascending" || re === "Descending" ? re : re.toLowerCase() === "ascending" ? "Ascending" : "Descending";
   }, F = (V) => {
-    const re = x.current, J = V?.requestType, ve = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Ee = V?.pageSize ?? re?.pageSettings?.pageSize ?? b, je = V?.currentPage ?? re?.pageSettings?.currentPage ?? l, at = V?.columnName && V?.direction ? [{ field: V.columnName, dir: j(V.direction) }] : (re?.sortSettings?.columns || []).map((Re) => ({
+    const re = x.current, J = V?.requestType, ve = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Ee = V?.pageSize ?? re?.pageSettings?.pageSize ?? b, je = V?.currentPage ?? re?.pageSettings?.currentPage ?? l, at = V?.columnName && V?.direction ? [{ field: V.columnName, dir: _(V.direction) }] : (re?.sortSettings?.columns || []).map((Re) => ({
       field: Re.field,
-      dir: j(Re.direction ?? Re.dir)
+      dir: _(Re.direction ?? Re.dir)
     })), rt = V?.searchString ?? "", nt = V?.columns ?? re?.filterSettings?.columns ?? [];
     return {
       reason: ve,
@@ -6174,7 +6178,7 @@ function Ql(t) {
   }, G = (V) => {
     setTimeout(() => {
       x?.current?.hideSpinner();
-    }, 1e3), V.requestType === "paging" && (D(V.currentPage), p(V.pageSize)), V.requestType === "sorting" && (w(V.columnName || "updatedDate"), P(V.direction === "Ascending" ? "ASC" : "DESC")), M && M(F(V), V);
+    }, 1e3), V.requestType === "paging" && (D(V.currentPage), p(V.pageSize)), V.requestType === "sorting" && (w(V.columnName || "updatedDate"), M(V.direction === "Ascending" ? "ASC" : "DESC")), O && O(F(V), V);
   }, W = (V) => {
     typeof Y == "function" && Y(V?.rowData, V);
   }, xe = () => {
@@ -6244,14 +6248,14 @@ function Ql(t) {
       selectionSettings: A,
       pageSettings: { pageSize: 10, pageSizes: f?.pageSizes ?? [20, 40, 60, 80, 100] },
       sortSettings: C ?? {
-        columns: [{ field: k, direction: j($) }],
+        columns: [{ field: k, direction: _($) }],
         allowUnsort: !1
       },
       actionBegin: G,
-      rowSelected: _,
+      rowSelected: j,
       rowDeselected: U,
       recordDoubleClick: W,
-      ...O,
+      ...P,
       children: [
         /* @__PURE__ */ e(gn, { children: xe() }),
         /* @__PURE__ */ e(bn, { services: S })
@@ -7004,7 +7008,7 @@ function _s({
                 ev: E,
                 sizeMeta: d,
                 isSelected: I === N,
-                onClick: (M) => z(M, I)
+                onClick: (O) => z(O, I)
               },
               E._id || E.id || I
             )) }),
@@ -7018,7 +7022,7 @@ function _s({
               ev: E,
               sizeMeta: d,
               isSelected: I === N,
-              onClick: (M) => z(M, I)
+              onClick: (O) => z(O, I)
             },
             E._id || E.id || I
           )) })
@@ -7194,14 +7198,14 @@ function Ys({
   onPin: N,
   ...y
 }) {
-  const [r, v] = B(u), d = ce(t), g = de[d], z = Gs[d], A = (M, _) => {
-    v(_), i?.(M);
-  }, E = (M) => {
-    const _ = { ...M, starred: !M.starred };
-    h?.(_);
-  }, I = (M) => {
-    const _ = { ...M, pinned: !M.pinned };
-    N?.(_);
+  const [r, v] = B(u), d = ce(t), g = de[d], z = Gs[d], A = (O, j) => {
+    v(j), i?.(O);
+  }, E = (O) => {
+    const j = { ...O, starred: !O.starred };
+    h?.(j);
+  }, I = (O) => {
+    const j = { ...O, pinned: !O.pinned };
+    N?.(j);
   };
   return /* @__PURE__ */ n(
     ie,
@@ -7216,17 +7220,17 @@ function Ys({
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${g.title}`, children: m }) }),
         /* @__PURE__ */ e(he, { placeholder: "Type to search..." }),
-        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((M, _) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((O, j) => /* @__PURE__ */ e(
           qs,
           {
-            email: M,
+            email: O,
             sizeMeta: z,
-            isSelected: _ === r,
-            onClick: (U) => A(U, _),
+            isSelected: j === r,
+            onClick: (U) => A(U, j),
             onStar: E,
             onPin: I
           },
-          M._id || M.id || _
+          O._id || O.id || j
         )) }),
         /* @__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" }) })
       ]
@@ -7469,7 +7473,7 @@ function Qs({
               contact: E,
               sizeMeta: d,
               isSelected: I === N,
-              onClick: (M) => g(M, I)
+              onClick: (O) => g(O, I)
             },
             E._id || E.id || I
           )) }),
@@ -7488,7 +7492,7 @@ function Qs({
               contact: E,
               sizeMeta: d,
               isSelected: I === N,
-              onClick: (M) => g(M, I)
+              onClick: (O) => g(O, I)
             },
             E._id || E.id || I
           )) })
@@ -8209,7 +8213,7 @@ function ul({
   ...h
 }) {
   const [N, y] = B(o), r = ce(t), v = de[r], d = ol[r], g = (E) => {
-    y((I) => I.filter((M) => M.id !== E.id));
+    y((I) => I.filter((O) => O.id !== E.id));
   }, z = N.find((E) => E.type === "banner"), A = N.filter((E) => E.type !== "banner");
   return /* @__PURE__ */ n(
     ie,