@opexa/portal-components 0.0.10 → 0.0.11

package/dist/components/TransactionRecords/TableFilters.mjs

@@ -1,35 +1,35 @@
-import { j as e } from "../../_virtual/jsx-runtime.mjs";
-import { createListCollection as c, Portal as o, parseDate as me } from "@ark-ui/react";
-import { endOfDay as ce, startOfDay as ue } from "date-fns";
-import { useState as he } from "react";
-import { z as m } from "zod";
+import { jsxs as i, jsx as e, Fragment as ue } from "react/jsx-runtime";
+import { createListCollection as h, Portal as m, parseDate as he } from "@ark-ui/react";
+import { endOfDay as se, startOfDay as Ce } from "date-fns";
+import { useState as ge } from "react";
+import { z as u } from "zod";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
-import { capitalize as a } from "../../utils/capitalize.mjs";
+import { capitalize as r } from "../../utils/capitalize.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/toaster.mjs";
-import { useControllableState as d } from "../../hooks/useControllableState.mjs";
+import { useControllableState as c } from "../../hooks/useControllableState.mjs";
 import "lodash-es";
 import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { CheckIcon as u } from "../../icons/CheckIcon.mjs";
-import { ChevronDownIcon as h } from "../../icons/ChevronDownIcon.mjs";
-import { ChevronLeftIcon as xe } from "../../icons/ChevronLeftIcon.mjs";
-import { ChevronRightIcon as je } from "../../icons/ChevronRightIcon.mjs";
+import { CheckIcon as s } from "../../icons/CheckIcon.mjs";
+import { ChevronDownIcon as C } from "../../icons/ChevronDownIcon.mjs";
+import { ChevronLeftIcon as Te } from "../../icons/ChevronLeftIcon.mjs";
+import { ChevronRightIcon as ve } from "../../icons/ChevronRightIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
 import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
-import { Root as Ce, Context as Y, Control as ge, Positioner as Te, Content as ve, View as pe, ViewControl as Ee, PrevTrigger as fe, ViewTrigger as Se, RangeText as De, NextTrigger as Re, Table as Ie, TableHead as Pe, TableRow as ee, TableHeader as Ve, TableBody as we, TableCell as Oe, TableCellTrigger as be } from "../../ui/DatePicker/DatePicker.mjs";
+import { Root as pe, Context as ee, Control as Ee, Positioner as fe, Content as Se, View as De, ViewControl as Re, PrevTrigger as Ie, ViewTrigger as Pe, RangeText as Ve, NextTrigger as we, Table as Oe, TableHead as be, TableRow as te, TableHeader as ye, TableBody as Ne, TableCell as Ae, TableCellTrigger as xe } from "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
@@ -38,11 +38,11 @@ import "../../ui/NumberInput/NumberInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
-import { Root as ye, Item as w, ItemText as O, ItemControl as b, ItemHiddenInput as y, Indicator as Ne } from "../../ui/SegmentGroup/SegmentGroup.mjs";
-import { Root as x, Trigger as j, ValueText as C, Indicator as g, Positioner as T, Content as v, ItemGroup as p, Item as E, ItemText as f, ItemIndicator as S } from "../../ui/Select/Select.mjs";
+import { Root as Fe, Item as y, ItemText as N, ItemControl as A, ItemHiddenInput as x, Indicator as Ue } from "../../ui/SegmentGroup/SegmentGroup.mjs";
+import { Root as g, Trigger as T, ValueText as v, Indicator as p, Positioner as E, Content as f, ItemGroup as S, Item as D, ItemText as R, ItemIndicator as I } from "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-const Ae = m.enum(["all", "today", "custom"]).catch("all"), te = [
+const Le = u.enum(["all", "today", "custom"]).catch("all"), le = [
   "ACCEPTED",
   "APPROVED",
   "CANCELLED",
@@ -50,7 +50,7 @@ const Ae = m.enum(["all", "today", "custom"]).catch("all"), te = [
   "FAILED",
   "PENDING",
   "REJECTED"
-], le = [
+], ie = [
   "ACCEPTED",
   "APPROVED",
   "CANCELLED",
@@ -58,93 +58,93 @@ const Ae = m.enum(["all", "today", "custom"]).catch("all"), te = [
   "FAILED",
   "PENDING",
   "REJECTED"
-], ie = Intl.DateTimeFormat().resolvedOptions().timeZone;
-function Rt(l) {
-  var z, M, G, $, k, H, W, B, J, _, Z, q, K, Q;
-  const N = c({
+], ae = Intl.DateTimeFormat().resolvedOptions().timeZone;
+function wt(l) {
+  var G, $, k, H, W, j, B, J, _, Z, q, K, Q, X;
+  const F = h({
     items: l.gameTypeOptions ?? [],
     itemToValue: (t) => t,
-    itemToString: (t) => a(t, {
-      delimiter: a.delimiters.UNDERSCORE
+    itemToString: (t) => r(t, {
+      delimiter: r.delimiters.UNDERSCORE
     })
-  }), A = c({
+  }), U = h({
     items: l.gameProviderOptions ?? [],
     itemToValue: (t) => t,
-    itemToString: (t) => a(t, {
-      delimiter: a.delimiters.UNDERSCORE
+    itemToString: (t) => r(t, {
+      delimiter: r.delimiters.UNDERSCORE
     })
-  }), F = c({
-    items: te,
+  }), L = h({
+    items: le,
     itemToValue: (t) => t,
-    itemToString: (t) => a(t, {
-      delimiter: a.delimiters.UNDERSCORE
+    itemToString: (t) => r(t, {
+      delimiter: r.delimiters.UNDERSCORE
     })
-  }), U = c({
-    items: le,
+  }), z = h({
+    items: ie,
     itemToValue: (t) => t,
-    itemToString: (t) => a(t, {
-      delimiter: a.delimiters.UNDERSCORE
+    itemToString: (t) => r(t, {
+      delimiter: r.delimiters.UNDERSCORE
     })
-  }), [ae, L] = he("all"), s = (t) => {
-    var r;
-    const i = {
-      timestamp: n,
-      gameType: R,
-      gameProvider: I,
-      depositStatus: P,
-      withdrawalStatus: V
+  }), [re, M] = ge("all"), d = (t) => {
+    var n;
+    const a = {
+      timestamp: o,
+      gameType: V,
+      gameProvider: w,
+      depositStatus: O,
+      withdrawalStatus: b
     };
-    (r = l.onChange) == null || r.call(l, {
-      ...i,
+    (n = l.onChange) == null || n.call(l, {
+      ...a,
       ...t
     });
-  }, [n, D] = d({
-    value: (z = l.value) == null ? void 0 : z.timestamp,
-    defaultValue: ((M = l.defaultValue) == null ? void 0 : M.timestamp) ?? null,
+  }, [o, P] = c({
+    value: (G = l.value) == null ? void 0 : G.timestamp,
+    defaultValue: (($ = l.defaultValue) == null ? void 0 : $.timestamp) ?? null,
     onChange(t) {
-      s({ timestamp: t });
+      d({ timestamp: t });
     }
-  }), [R, re] = d({
-    value: (G = l.value) == null ? void 0 : G.gameType,
-    defaultValue: (($ = l.defaultValue) == null ? void 0 : $.gameType) ?? null,
+  }), [V, ne] = c({
+    value: (k = l.value) == null ? void 0 : k.gameType,
+    defaultValue: ((H = l.defaultValue) == null ? void 0 : H.gameType) ?? null,
     onChange(t) {
-      s({ gameType: t });
+      d({ gameType: t });
     }
-  }), [I, ne] = d({
-    value: (k = l.value) == null ? void 0 : k.gameProvider,
-    defaultValue: ((H = l.defaultValue) == null ? void 0 : H.gameProvider) ?? null,
+  }), [w, oe] = c({
+    value: (W = l.value) == null ? void 0 : W.gameProvider,
+    defaultValue: ((j = l.defaultValue) == null ? void 0 : j.gameProvider) ?? null,
     onChange(t) {
-      s({ gameProvider: t });
+      d({ gameProvider: t });
     }
-  }), [P, se] = d({
-    value: (W = l.value) == null ? void 0 : W.depositStatus,
-    defaultValue: ((B = l.defaultValue) == null ? void 0 : B.depositStatus) ?? null,
+  }), [O, de] = c({
+    value: (B = l.value) == null ? void 0 : B.depositStatus,
+    defaultValue: ((J = l.defaultValue) == null ? void 0 : J.depositStatus) ?? null,
     onChange(t) {
-      s({ depositStatus: t });
+      d({ depositStatus: t });
     }
-  }), [V, oe] = d({
-    value: (J = l.value) == null ? void 0 : J.withdrawalStatus,
-    defaultValue: ((_ = l.defaultValue) == null ? void 0 : _.withdrawalStatus) ?? null,
+  }), [b, me] = c({
+    value: (_ = l.value) == null ? void 0 : _.withdrawalStatus,
+    defaultValue: ((Z = l.defaultValue) == null ? void 0 : Z.withdrawalStatus) ?? null,
     onChange(t) {
-      s({ withdrawalStatus: t });
+      d({ withdrawalStatus: t });
     }
   });
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-lg", children: [
-    /* @__PURE__ */ e.jsxs(
-      Ce,
+  return /* @__PURE__ */ i("div", { className: "flex items-center gap-lg", children: [
+    /* @__PURE__ */ i(
+      pe,
       {
         lazyMount: !0,
         unmountOnExit: !0,
-        value: [n == null ? void 0 : n.start, n == null ? void 0 : n.end].filter(Boolean).map((t) => me(t)),
+        value: [o == null ? void 0 : o.start, o == null ? void 0 : o.end].filter(Boolean).map((t) => he(t)),
         onValueChange: (t) => {
-          var i, r;
-          D({
-            start: (i = t.value.at(0)) == null ? void 0 : i.toDate(ie),
-            end: (r = t.value.at(1)) == null ? void 0 : r.toDate(ie)
+          var a, n;
+          P({
+            start: (a = t.value.at(0)) == null ? void 0 : a.toDate(ae),
+            end: (n = t.value.at(1)) == null ? void 0 : n.toDate(ae)
           });
         },
         onOpenChange: (t) => {
-          t.open || n || L("all");
+          t.open || o || M("all");
         },
         selectionMode: "range",
         closeOnSelect: !1,
@@ -153,160 +153,160 @@ function Rt(l) {
           placement: "bottom"
         },
         children: [
-          /* @__PURE__ */ e.jsxs(
-            ye,
+          /* @__PURE__ */ i(
+            Fe,
             {
-              value: ae,
+              value: re,
               onValueChange: (t) => {
-                const i = Ae.parse(t.value);
-                if (i === "today") {
-                  const r = /* @__PURE__ */ new Date();
-                  D({
-                    start: ue(r),
-                    end: ce(r)
+                const a = Le.parse(t.value);
+                if (a === "today") {
+                  const n = /* @__PURE__ */ new Date();
+                  P({
+                    start: Ce(n),
+                    end: se(n)
                   });
                 } else
-                  D(null);
-                L(i);
+                  P(null);
+                M(a);
               },
               children: [
-                /* @__PURE__ */ e.jsxs(w, { value: "all", children: [
-                  /* @__PURE__ */ e.jsx(O, { children: "All" }),
-                  /* @__PURE__ */ e.jsx(b, {}),
-                  /* @__PURE__ */ e.jsx(y, {})
+                /* @__PURE__ */ i(y, { value: "all", children: [
+                  /* @__PURE__ */ e(N, { children: "All" }),
+                  /* @__PURE__ */ e(A, {}),
+                  /* @__PURE__ */ e(x, {})
                 ] }),
-                /* @__PURE__ */ e.jsxs(w, { value: "today", children: [
-                  /* @__PURE__ */ e.jsx(O, { children: "Today" }),
-                  /* @__PURE__ */ e.jsx(b, {}),
-                  /* @__PURE__ */ e.jsx(y, {})
+                /* @__PURE__ */ i(y, { value: "today", children: [
+                  /* @__PURE__ */ e(N, { children: "Today" }),
+                  /* @__PURE__ */ e(A, {}),
+                  /* @__PURE__ */ e(x, {})
                 ] }),
-                /* @__PURE__ */ e.jsx(Y, { children: (t) => /* @__PURE__ */ e.jsx(
-                  w,
+                /* @__PURE__ */ e(ee, { children: (t) => /* @__PURE__ */ e(
+                  y,
                   {
                     value: "custom",
                     onClick: () => t.setOpen(!0),
-                    children: /* @__PURE__ */ e.jsxs(ge, { children: [
-                      /* @__PURE__ */ e.jsx(O, { children: "Custom" }),
-                      /* @__PURE__ */ e.jsx(b, {}),
-                      /* @__PURE__ */ e.jsx(y, {})
+                    children: /* @__PURE__ */ i(Ee, { children: [
+                      /* @__PURE__ */ e(N, { children: "Custom" }),
+                      /* @__PURE__ */ e(A, {}),
+                      /* @__PURE__ */ e(x, {})
                     ] })
                   }
                 ) }),
-                /* @__PURE__ */ e.jsx(Ne, {})
+                /* @__PURE__ */ e(Ue, {})
               ]
             }
           ),
-          /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(Te, { children: /* @__PURE__ */ e.jsx(ve, { children: /* @__PURE__ */ e.jsx(pe, { view: "day", children: /* @__PURE__ */ e.jsx(Y, { children: (t) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsxs(Ee, { children: [
-              /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsx(xe, {}) }),
-              /* @__PURE__ */ e.jsx(Se, { children: /* @__PURE__ */ e.jsx(De, {}) }),
-              /* @__PURE__ */ e.jsx(Re, { children: /* @__PURE__ */ e.jsx(je, {}) })
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ e(De, { view: "day", children: /* @__PURE__ */ e(ee, { children: (t) => /* @__PURE__ */ i(ue, { children: [
+            /* @__PURE__ */ i(Re, { children: [
+              /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ e(Te, {}) }),
+              /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(Ve, {}) }),
+              /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e(ve, {}) })
             ] }),
-            /* @__PURE__ */ e.jsxs(Ie, { children: [
-              /* @__PURE__ */ e.jsx(Pe, { children: /* @__PURE__ */ e.jsx(ee, { children: t.weekDays.map((i, r) => /* @__PURE__ */ e.jsx(Ve, { children: i.short.substring(0, 2) }, r)) }) }),
-              /* @__PURE__ */ e.jsx(we, { children: t.weeks.map((i, r) => /* @__PURE__ */ e.jsx(ee, { children: i.map((X, de) => /* @__PURE__ */ e.jsx(Oe, { value: X, children: /* @__PURE__ */ e.jsx(be, { children: X.day }) }, de)) }, r)) })
+            /* @__PURE__ */ i(Oe, { children: [
+              /* @__PURE__ */ e(be, { children: /* @__PURE__ */ e(te, { children: t.weekDays.map((a, n) => /* @__PURE__ */ e(ye, { children: a.short.substring(0, 2) }, n)) }) }),
+              /* @__PURE__ */ e(Ne, { children: t.weeks.map((a, n) => /* @__PURE__ */ e(te, { children: a.map((Y, ce) => /* @__PURE__ */ e(Ae, { value: Y, children: /* @__PURE__ */ e(xe, { children: Y.day }) }, ce)) }, n)) })
             ] })
           ] }) }) }) }) }) })
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: "grow" }),
-    ((Z = l.enabledFilters) == null ? void 0 : Z.gameType) && /* @__PURE__ */ e.jsxs(
-      x,
+    /* @__PURE__ */ e("div", { className: "grow" }),
+    ((q = l.enabledFilters) == null ? void 0 : q.gameType) && /* @__PURE__ */ i(
+      g,
       {
-        collection: N,
-        value: R ? [R] : [],
+        collection: F,
+        value: V ? [V] : [],
         onValueChange: (t) => {
-          const i = m.enum(l.gameTypeOptions ?? []).safeParse(t.value.at(0)).data;
-          re(i ?? null);
+          const a = u.enum(l.gameTypeOptions ?? []).safeParse(t.value.at(0)).data;
+          ne(a ?? null);
         },
         lazyMount: !0,
         deselectable: !0,
         children: [
-          /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(C, { placeholder: "Game Type" }),
-            /* @__PURE__ */ e.jsx(g, { asChild: !0, children: /* @__PURE__ */ e.jsx(h, {}) })
+          /* @__PURE__ */ i(T, { children: [
+            /* @__PURE__ */ e(v, { placeholder: "Game Type" }),
+            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
           ] }),
-          /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(T, { children: /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(p, { children: N.items.map((t) => /* @__PURE__ */ e.jsxs(E, { item: t, children: [
-            /* @__PURE__ */ e.jsx(f, { children: a(t, {
-              delimiter: a.delimiters.UNDERSCORE
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(S, { children: F.items.map((t) => /* @__PURE__ */ i(D, { item: t, children: [
+            /* @__PURE__ */ e(R, { children: r(t, {
+              delimiter: r.delimiters.UNDERSCORE
             }) }),
-            /* @__PURE__ */ e.jsx(S, { asChild: !0, children: /* @__PURE__ */ e.jsx(u, {}) })
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(s, {}) })
           ] }, t)) }) }) }) })
         ]
       }
     ),
-    ((q = l.enabledFilters) == null ? void 0 : q.gameProvider) && /* @__PURE__ */ e.jsxs(
-      x,
+    ((K = l.enabledFilters) == null ? void 0 : K.gameProvider) && /* @__PURE__ */ i(
+      g,
       {
-        collection: A,
-        value: I ? [I] : [],
+        collection: U,
+        value: w ? [w] : [],
         onValueChange: (t) => {
-          const i = m.enum(l.gameProviderOptions ?? []).safeParse(t.value.at(0)).data;
-          ne(i ?? null);
+          const a = u.enum(l.gameProviderOptions ?? []).safeParse(t.value.at(0)).data;
+          oe(a ?? null);
         },
         lazyMount: !0,
         deselectable: !0,
         children: [
-          /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(C, { placeholder: "Game Vendor" }),
-            /* @__PURE__ */ e.jsx(g, { asChild: !0, children: /* @__PURE__ */ e.jsx(h, {}) })
+          /* @__PURE__ */ i(T, { children: [
+            /* @__PURE__ */ e(v, { placeholder: "Game Vendor" }),
+            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
           ] }),
-          /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(T, { children: /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(p, { children: A.items.map((t) => /* @__PURE__ */ e.jsxs(E, { item: t, children: [
-            /* @__PURE__ */ e.jsx(f, { children: a(t, {
-              delimiter: a.delimiters.UNDERSCORE
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(S, { children: U.items.map((t) => /* @__PURE__ */ i(D, { item: t, children: [
+            /* @__PURE__ */ e(R, { children: r(t, {
+              delimiter: r.delimiters.UNDERSCORE
             }) }),
-            /* @__PURE__ */ e.jsx(S, { asChild: !0, children: /* @__PURE__ */ e.jsx(u, {}) })
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(s, {}) })
           ] }, t)) }) }) }) })
         ]
       }
     ),
-    ((K = l.enabledFilters) == null ? void 0 : K.depositStatus) && /* @__PURE__ */ e.jsxs(
-      x,
+    ((Q = l.enabledFilters) == null ? void 0 : Q.depositStatus) && /* @__PURE__ */ i(
+      g,
       {
-        collection: F,
-        value: P ? [P] : [],
+        collection: L,
+        value: O ? [O] : [],
         onValueChange: (t) => {
-          const i = m.enum(te).safeParse(t.value.at(0)).data;
-          se(i ?? null);
+          const a = u.enum(le).safeParse(t.value.at(0)).data;
+          de(a ?? null);
         },
         lazyMount: !0,
         deselectable: !0,
         children: [
-          /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(C, { placeholder: "Status" }),
-            /* @__PURE__ */ e.jsx(g, { asChild: !0, children: /* @__PURE__ */ e.jsx(h, {}) })
+          /* @__PURE__ */ i(T, { children: [
+            /* @__PURE__ */ e(v, { placeholder: "Status" }),
+            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
           ] }),
-          /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(T, { children: /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(p, { children: U.items.map((t) => /* @__PURE__ */ e.jsxs(E, { item: t, children: [
-            /* @__PURE__ */ e.jsx(f, { children: a(t, {
-              delimiter: a.delimiters.UNDERSCORE
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(S, { children: z.items.map((t) => /* @__PURE__ */ i(D, { item: t, children: [
+            /* @__PURE__ */ e(R, { children: r(t, {
+              delimiter: r.delimiters.UNDERSCORE
             }) }),
-            /* @__PURE__ */ e.jsx(S, { asChild: !0, children: /* @__PURE__ */ e.jsx(u, {}) })
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(s, {}) })
           ] }, t)) }) }) }) })
         ]
       }
     ),
-    ((Q = l.enabledFilters) == null ? void 0 : Q.withdrawalStatus) && /* @__PURE__ */ e.jsxs(
-      x,
+    ((X = l.enabledFilters) == null ? void 0 : X.withdrawalStatus) && /* @__PURE__ */ i(
+      g,
       {
-        collection: U,
-        value: V ? [V] : [],
+        collection: z,
+        value: b ? [b] : [],
         onValueChange: (t) => {
-          const i = m.enum(le).safeParse(t.value.at(0)).data;
-          oe(i ?? null);
+          const a = u.enum(ie).safeParse(t.value.at(0)).data;
+          me(a ?? null);
         },
         lazyMount: !0,
         deselectable: !0,
         children: [
-          /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(C, { placeholder: "Status" }),
-            /* @__PURE__ */ e.jsx(g, { asChild: !0, children: /* @__PURE__ */ e.jsx(h, {}) })
+          /* @__PURE__ */ i(T, { children: [
+            /* @__PURE__ */ e(v, { placeholder: "Status" }),
+            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
           ] }),
-          /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(T, { children: /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(p, { children: F.items.map((t) => /* @__PURE__ */ e.jsxs(E, { item: t, children: [
-            /* @__PURE__ */ e.jsx(f, { children: a(t, {
-              delimiter: a.delimiters.UNDERSCORE
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(S, { children: L.items.map((t) => /* @__PURE__ */ i(D, { item: t, children: [
+            /* @__PURE__ */ e(R, { children: r(t, {
+              delimiter: r.delimiters.UNDERSCORE
             }) }),
-            /* @__PURE__ */ e.jsx(S, { asChild: !0, children: /* @__PURE__ */ e.jsx(u, {}) })
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(s, {}) })
           ] }, t)) }) }) }) })
         ]
       }
@@ -314,5 +314,5 @@ function Rt(l) {
   ] });
 }
 export {
-  Rt as TableFilters
+  wt as TableFilters
 };

package/dist/components/TransactionRecords/TransactionRecords.d.ts

@@ -4,4 +4,4 @@ export interface TransactionRecordsProps {
     gameProviders: GameProvider[];
     className?: string;
 }
-export declare function TransactionRecords(props: TransactionRecordsProps): import("react/jsx-runtime").JSX.Element;
+export declare function TransactionRecords(props: TransactionRecordsProps): import("react").JSX.Element;

package/dist/components/TransactionRecords/TransactionRecords.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("@ark-ui/react");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");const r=require("../../ui/Tabs/Tabs.js"),t=require("./DepositRecordsTable.js"),i=require("./TransactionRecordsTable.js"),n=require("./WithdrawalRecordsTable.js");function u(s){return e.jsxRuntimeExports.jsxs("div",{className:s.className,children:[e.jsxRuntimeExports.jsx("h2",{className:"text-lg font-semibold",children:"Transaction Records"}),e.jsxRuntimeExports.jsx("p",{className:"text-gray-600 mt-xs text-xs",children:"View your transaction records"}),e.jsxRuntimeExports.jsxs(r.Root,{className:"mt-2xl",defaultValue:"transactions",lazyMount:!0,unmountOnExit:!0,children:[e.jsxRuntimeExports.jsx("div",{className:"pb-2xl",children:e.jsxRuntimeExports.jsxs(r.List,{children:[e.jsxRuntimeExports.jsx(r.Trigger,{value:"transactions",children:"Transactions"}),e.jsxRuntimeExports.jsx(r.Trigger,{value:"deposits",children:"Deposits"}),e.jsxRuntimeExports.jsx(r.Trigger,{value:"withdrawals",children:"Withdrawals"}),e.jsxRuntimeExports.jsx(r.Indicator,{})]})}),e.jsxRuntimeExports.jsx(r.Content,{value:"transactions",className:"mt-4xl",children:e.jsxRuntimeExports.jsx(i.TransactionRecordsTable,{})}),e.jsxRuntimeExports.jsx(r.Content,{value:"deposits",className:"mt-4xl",children:e.jsxRuntimeExports.jsx(t.DepositRecordsTable,{})}),e.jsxRuntimeExports.jsx(r.Content,{value:"withdrawals",className:"mt-4xl",children:e.jsxRuntimeExports.jsx(n.WithdrawalRecordsTable,{})})]})]})}exports.TransactionRecords=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("@ark-ui/react");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");const r=require("../../ui/Tabs/Tabs.js"),i=require("./DepositRecordsTable.js"),a=require("./TransactionRecordsTable.js"),t=require("./WithdrawalRecordsTable.js");function n(s){return e.jsxs("div",{className:s.className,children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Transaction Records"}),e.jsx("p",{className:"text-gray-600 mt-xs text-xs",children:"View your transaction records"}),e.jsxs(r.Root,{className:"mt-2xl",defaultValue:"transactions",lazyMount:!0,unmountOnExit:!0,children:[e.jsx("div",{className:"pb-2xl",children:e.jsxs(r.List,{children:[e.jsx(r.Trigger,{value:"transactions",children:"Transactions"}),e.jsx(r.Trigger,{value:"deposits",children:"Deposits"}),e.jsx(r.Trigger,{value:"withdrawals",children:"Withdrawals"}),e.jsx(r.Indicator,{})]})}),e.jsx(r.Content,{value:"transactions",className:"mt-4xl",children:e.jsx(a.TransactionRecordsTable,{})}),e.jsx(r.Content,{value:"deposits",className:"mt-4xl",children:e.jsx(i.DepositRecordsTable,{})}),e.jsx(r.Content,{value:"withdrawals",className:"mt-4xl",children:e.jsx(t.WithdrawalRecordsTable,{})})]})]})}exports.TransactionRecords=n;

package/dist/components/TransactionRecords/TransactionRecords.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as t } from "../../_virtual/jsx-runtime.mjs";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
@@ -27,36 +27,36 @@ import "tailwind-merge";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
-import { Root as o, List as a, Trigger as r, Indicator as e, Content as s } from "../../ui/Tabs/Tabs.mjs";
-import { DepositRecordsTable as m } from "./DepositRecordsTable.mjs";
-import { TransactionRecordsTable as l } from "./TransactionRecordsTable.mjs";
-import { WithdrawalRecordsTable as n } from "./WithdrawalRecordsTable.mjs";
-function H(i) {
-  return /* @__PURE__ */ t.jsxs("div", { className: i.className, children: [
-    /* @__PURE__ */ t.jsx("h2", { className: "text-lg font-semibold", children: "Transaction Records" }),
-    /* @__PURE__ */ t.jsx("p", { className: "text-gray-600 mt-xs text-xs", children: "View your transaction records" }),
-    /* @__PURE__ */ t.jsxs(
-      o,
+import { Root as e, List as s, Trigger as i, Indicator as m, Content as o } from "../../ui/Tabs/Tabs.mjs";
+import { DepositRecordsTable as l } from "./DepositRecordsTable.mjs";
+import { TransactionRecordsTable as n } from "./TransactionRecordsTable.mjs";
+import { WithdrawalRecordsTable as p } from "./WithdrawalRecordsTable.mjs";
+function J(a) {
+  return /* @__PURE__ */ r("div", { className: a.className, children: [
+    /* @__PURE__ */ t("h2", { className: "text-lg font-semibold", children: "Transaction Records" }),
+    /* @__PURE__ */ t("p", { className: "text-gray-600 mt-xs text-xs", children: "View your transaction records" }),
+    /* @__PURE__ */ r(
+      e,
       {
         className: "mt-2xl",
         defaultValue: "transactions",
         lazyMount: !0,
         unmountOnExit: !0,
         children: [
-          /* @__PURE__ */ t.jsx("div", { className: "pb-2xl", children: /* @__PURE__ */ t.jsxs(a, { children: [
-            /* @__PURE__ */ t.jsx(r, { value: "transactions", children: "Transactions" }),
-            /* @__PURE__ */ t.jsx(r, { value: "deposits", children: "Deposits" }),
-            /* @__PURE__ */ t.jsx(r, { value: "withdrawals", children: "Withdrawals" }),
-            /* @__PURE__ */ t.jsx(e, {})
+          /* @__PURE__ */ t("div", { className: "pb-2xl", children: /* @__PURE__ */ r(s, { children: [
+            /* @__PURE__ */ t(i, { value: "transactions", children: "Transactions" }),
+            /* @__PURE__ */ t(i, { value: "deposits", children: "Deposits" }),
+            /* @__PURE__ */ t(i, { value: "withdrawals", children: "Withdrawals" }),
+            /* @__PURE__ */ t(m, {})
           ] }) }),
-          /* @__PURE__ */ t.jsx(s, { value: "transactions", className: "mt-4xl", children: /* @__PURE__ */ t.jsx(l, {}) }),
-          /* @__PURE__ */ t.jsx(s, { value: "deposits", className: "mt-4xl", children: /* @__PURE__ */ t.jsx(m, {}) }),
-          /* @__PURE__ */ t.jsx(s, { value: "withdrawals", className: "mt-4xl", children: /* @__PURE__ */ t.jsx(n, {}) })
+          /* @__PURE__ */ t(o, { value: "transactions", className: "mt-4xl", children: /* @__PURE__ */ t(n, {}) }),
+          /* @__PURE__ */ t(o, { value: "deposits", className: "mt-4xl", children: /* @__PURE__ */ t(l, {}) }),
+          /* @__PURE__ */ t(o, { value: "withdrawals", className: "mt-4xl", children: /* @__PURE__ */ t(p, {}) })
         ]
       }
     )
   ] });
 }
 export {
-  H as TransactionRecords
+  J as TransactionRecords
 };

package/dist/components/TransactionRecords/TransactionRecordsTable.d.ts

@@ -1 +1 @@
-export declare function TransactionRecordsTable(): import("react/jsx-runtime").JSX.Element;
+export declare function TransactionRecordsTable(): import("react").JSX.Element;

package/dist/components/TransactionRecords/TransactionRecordsTable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),p=require("@ark-ui/react"),c=require("@date-fns/tz"),a=require("date-fns"),N=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const m=require("../../utils/capitalize.js"),d=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");const h=require("../../hooks/useInfiniteQueryHelper.js"),S=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const z=require("../../hooks/useTransactionRecordsQuery.js"),P=require("../../icons/ChevronDownIcon.js"),w=require("../../icons/ChevronLeftIcon.js"),H=require("../../icons/ChevronRightIcon.js"),D=require("../../icons/File02Icon.js"),O=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const j=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");const n=require("../../ui/Select/Select.js"),r=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const F=require("../Empty/Empty.js"),M=require("./TableFilters.js");function B(){const[t,R]=N.useState(),i=S.useLocaleInfo(),{page:q,pageSize:g,hasNextPage:E,hasPrevPage:y,next:f,prev:C,rows:u,setPageSize:I,totalPages:T,loading:o,firstPage:v}=h.useInfiniteQueryHelper(z.useTransactionRecordsQuery,{filter:{...t&&{dateTimeCreated:{...t.start&&{greaterThanOrEqual:new c.TZDateMini(a.startOfDay(t.start),i.timezone).toISOString()},...t.end&&{lesserThanOrEqual:new c.TZDateMini(a.endOfDay(t.end),i.timezone).toISOString()}}}}});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(M.TableFilters,{value:{timestamp:t},onChange:s=>{R(s.timestamp),v()}}),u.length<=0&&e.jsxRuntimeExports.jsx(F.Empty,{icon:o?O.SpinnerIcon:D.File02Icon,title:o?"Just a moment":"No data",message:o?"Fetching latest transaction records...":"No data is currently available.",className:"mt-8 lg:mt-16"}),u.length>=1&&e.jsxRuntimeExports.jsxs("div",{className:"border-gray-200 mt-lg rounded-xl border",children:[e.jsxRuntimeExports.jsx("div",{className:"border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b",children:e.jsxRuntimeExports.jsxs(r.Root,{className:"border-0",children:[e.jsxRuntimeExports.jsx(r.Header,{children:e.jsxRuntimeExports.jsxs(r.Row,{children:[e.jsxRuntimeExports.jsx(r.Heading,{children:"Transaction Type"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Transaction Time"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Amount"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Current Balance"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Reference Number"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Content"})]})}),e.jsxRuntimeExports.jsx(r.Body,{children:u.map(s=>e.jsxRuntimeExports.jsxs(r.Row,{children:[e.jsxRuntimeExports.jsx(r.Cell,{children:m.capitalize(s.type,{delimiter:m.capitalize.delimiters.UNDERSCORE})}),e.jsxRuntimeExports.jsx(r.Cell,{children:a.format(s.dateTimeCreated,"yyyy MMM dd hh:mma",{in:c.tz(i.timezone)})}),e.jsxRuntimeExports.jsx(r.Cell,{children:d.formatNumber(s.amount,{currency:i.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsx(r.Cell,{children:d.formatNumber(s.currentBalance,{currency:i.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsx(r.Cell,{children:s.referenceNumber}),e.jsxRuntimeExports.jsx(r.Cell,{children:s.content})]},s.id))})]})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-lg px-4 py-3",children:[e.jsxRuntimeExports.jsxs("p",{children:["Page ",q," of ",T]}),e.jsxRuntimeExports.jsx("div",{className:"grow"}),e.jsxRuntimeExports.jsx(n.Root,{size:"sm",value:[g.toString()],onValueChange:s=>{const x=parseInt(s.value[0]),b=isNaN(x)?10:x;I(b)},collection:l,lazyMount:!0,children:e.jsxRuntimeExports.jsxs(n.Trigger,{children:[e.jsxRuntimeExports.jsx(n.ValueText,{}),e.jsxRuntimeExports.jsx(n.Indicator,{asChild:!0,children:e.jsxRuntimeExports.jsx(P.ChevronDownIcon,{})}),e.jsxRuntimeExports.jsx(p.Portal,{children:e.jsxRuntimeExports.jsx(n.Positioner,{children:e.jsxRuntimeExports.jsx(n.Content,{children:l.items.map(s=>e.jsxRuntimeExports.jsx(n.Item,{item:s,children:l.stringifyItem(s)},s))})})})]})}),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(j.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",disabled:!y||o,onClick:()=>C(),children:e.jsxRuntimeExports.jsx(w.ChevronLeftIcon,{className:"size-5"})}),e.jsxRuntimeExports.jsx(j.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-l-none",disabled:!E||o,onClick:()=>f(),children:e.jsxRuntimeExports.jsx(H.ChevronRightIcon,{className:"size-5"})})]})]})]})]})}const l=p.createListCollection({items:h.useInfiniteQueryHelper.config.pageSizes,itemToValue:t=>t.toString(),itemToString:t=>`${t} items per page`});exports.TransactionRecordsTable=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("@ark-ui/react"),a=require("@date-fns/tz"),l=require("date-fns"),z=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const m=require("../../utils/capitalize.js"),h=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");const x=require("../../hooks/useInfiniteQueryHelper.js"),R=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const P=require("../../hooks/useTransactionRecordsQuery.js"),w=require("../../icons/ChevronDownIcon.js"),H=require("../../icons/ChevronLeftIcon.js"),D=require("../../icons/ChevronRightIcon.js"),O=require("../../icons/File02Icon.js"),F=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const q=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");const s=require("../../ui/Select/Select.js"),r=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const M=require("../Empty/Empty.js"),B=require("./TableFilters.js");function E(){const[i,j]=z.useState(),t=R.useLocaleInfo(),{page:p,pageSize:y,hasNextPage:f,hasPrevPage:C,next:I,prev:T,rows:c,setPageSize:v,totalPages:b,loading:o,firstPage:N}=x.useInfiniteQueryHelper(P.useTransactionRecordsQuery,{filter:{...i&&{dateTimeCreated:{...i.start&&{greaterThanOrEqual:new a.TZDateMini(l.startOfDay(i.start),t.timezone).toISOString()},...i.end&&{lesserThanOrEqual:new a.TZDateMini(l.endOfDay(i.end),t.timezone).toISOString()}}}}});return e.jsxs(e.Fragment,{children:[e.jsx(B.TableFilters,{value:{timestamp:i},onChange:n=>{j(n.timestamp),N()}}),c.length<=0&&e.jsx(M.Empty,{icon:o?F.SpinnerIcon:O.File02Icon,title:o?"Just a moment":"No data",message:o?"Fetching latest transaction records...":"No data is currently available.",className:"mt-8 lg:mt-16"}),c.length>=1&&e.jsxs("div",{className:"border-gray-200 mt-lg rounded-xl border",children:[e.jsx("div",{className:"border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b",children:e.jsxs(r.Root,{className:"border-0",children:[e.jsx(r.Header,{children:e.jsxs(r.Row,{children:[e.jsx(r.Heading,{children:"Transaction Type"}),e.jsx(r.Heading,{children:"Transaction Time"}),e.jsx(r.Heading,{children:"Amount"}),e.jsx(r.Heading,{children:"Current Balance"}),e.jsx(r.Heading,{children:"Reference Number"}),e.jsx(r.Heading,{children:"Content"})]})}),e.jsx(r.Body,{children:c.map(n=>e.jsxs(r.Row,{children:[e.jsx(r.Cell,{children:m.capitalize(n.type,{delimiter:m.capitalize.delimiters.UNDERSCORE})}),e.jsx(r.Cell,{children:l.format(n.dateTimeCreated,"yyyy MMM dd hh:mma",{in:a.tz(t.timezone)})}),e.jsx(r.Cell,{children:h.formatNumber(n.amount,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{children:h.formatNumber(n.currentBalance,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{children:n.referenceNumber}),e.jsx(r.Cell,{children:n.content})]},n.id))})]})}),e.jsxs("div",{className:"flex items-center gap-lg px-4 py-3",children:[e.jsxs("p",{children:["Page ",p," of ",b]}),e.jsx("div",{className:"grow"}),e.jsx(s.Root,{size:"sm",value:[y.toString()],onValueChange:n=>{const d=parseInt(n.value[0]),S=isNaN(d)?10:d;v(S)},collection:u,lazyMount:!0,children:e.jsxs(s.Trigger,{children:[e.jsx(s.ValueText,{}),e.jsx(s.Indicator,{asChild:!0,children:e.jsx(w.ChevronDownIcon,{})}),e.jsx(g.Portal,{children:e.jsx(s.Positioner,{children:e.jsx(s.Content,{children:u.items.map(n=>e.jsx(s.Item,{item:n,children:u.stringifyItem(n)},n))})})})]})}),e.jsxs("div",{children:[e.jsx(q.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",disabled:!C||o,onClick:()=>T(),children:e.jsx(H.ChevronLeftIcon,{className:"size-5"})}),e.jsx(q.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-l-none",disabled:!f||o,onClick:()=>I(),children:e.jsx(D.ChevronRightIcon,{className:"size-5"})})]})]})]})]})}const u=g.createListCollection({items:x.useInfiniteQueryHelper.config.pageSizes,itemToValue:i=>i.toString(),itemToString:i=>`${i} items per page`});exports.TransactionRecordsTable=E;