@opexa/portal-components 0.0.16 → 0.0.18

package/dist/components/TransactionRecords/TableFilters.mjs

@@ -1,13 +1,13 @@
-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 { jsxs as i, jsx as e, Fragment as ve } from "react/jsx-runtime";
+import { createListCollection as s, Portal as m, parseDate as pe } from "@ark-ui/react";
+import { endOfDay as Ee, startOfDay as Se } from "date-fns";
+import { useState as we } 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 r } from "../../utils/capitalize.mjs";
+import { capitalize as n } from "../../utils/capitalize.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
@@ -18,30 +18,33 @@ import "@opexa/portal-sdk-core/object-id";
 import "../../client/hooks/useGlobalStore.mjs";
 import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-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 { CheckIcon as h } from "../../icons/CheckIcon.mjs";
+import { ChevronDownIcon as g } from "../../icons/ChevronDownIcon.mjs";
+import { ChevronLeftIcon as De } from "../../icons/ChevronLeftIcon.mjs";
+import { ChevronRightIcon as Re } 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 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/Collapsible/Collapsible.mjs";
+import { Root as Ne, Context as ne, Control as Ie, Positioner as Ve, Content as Pe, View as ye, ViewControl as Oe, PrevTrigger as be, ViewTrigger as Ae, RangeText as xe, NextTrigger as Fe, Table as Ue, TableHead as Le, TableRow as re, TableHeader as We, TableBody as ze, TableCell as Me, TableCellTrigger as Ge } from "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
-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/Progress/Progress.mjs";
+import { Root as $e, Item as O, ItemText as b, ItemControl as A, ItemHiddenInput as x, Indicator as ke } from "../../ui/SegmentGroup/SegmentGroup.mjs";
+import { Root as C, Trigger as T, ValueText as f, Indicator as v, Positioner as p, Content as E, ItemGroup as S, Item as w, ItemText as D, ItemIndicator as R } from "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-const Le = u.enum(["all", "today", "custom"]).catch("all"), le = [
+const He = u.enum(["all", "today", "custom"]).catch("all"), oe = [
   "ACCEPTED",
   "APPROVED",
   "CANCELLED",
@@ -49,7 +52,7 @@ const Le = u.enum(["all", "today", "custom"]).catch("all"), le = [
   "FAILED",
   "PENDING",
   "REJECTED"
-], ie = [
+], de = [
   "ACCEPTED",
   "APPROVED",
   "CANCELLED",
@@ -57,89 +60,105 @@ const Le = u.enum(["all", "today", "custom"]).catch("all"), le = [
   "FAILED",
   "PENDING",
   "REJECTED"
-], ae = Intl.DateTimeFormat().resolvedOptions().timeZone;
-function Vt(l) {
-  var G, $, k, H, W, j, B, J, _, Z, q, K, Q, X;
-  const F = h({
+], me = [
+  "DEPOSIT",
+  "WITHDRAWAL",
+  "BET"
+], ce = Intl.DateTimeFormat().resolvedOptions().timeZone;
+function Lt(l) {
+  var $, k, H, B, _, j, J, Y, Z, q, K, Q, X, ee, te, le, ie;
+  const F = s({
     items: l.gameTypeOptions ?? [],
     itemToValue: (t) => t,
-    itemToString: (t) => r(t, {
-      delimiter: r.delimiters.UNDERSCORE
+    itemToString: (t) => n(t, {
+      delimiter: n.delimiters.UNDERSCORE
     })
-  }), U = h({
+  }), U = s({
     items: l.gameProviderOptions ?? [],
     itemToValue: (t) => t,
-    itemToString: (t) => r(t, {
-      delimiter: r.delimiters.UNDERSCORE
+    itemToString: (t) => n(t, {
+      delimiter: n.delimiters.UNDERSCORE
     })
-  }), L = h({
-    items: le,
+  }), L = s({
+    items: oe,
     itemToValue: (t) => t,
-    itemToString: (t) => r(t, {
-      delimiter: r.delimiters.UNDERSCORE
+    itemToString: (t) => n(t, {
+      delimiter: n.delimiters.UNDERSCORE
     })
-  }), z = h({
-    items: ie,
+  }), W = s({
+    items: de,
     itemToValue: (t) => t,
-    itemToString: (t) => r(t, {
-      delimiter: r.delimiters.UNDERSCORE
+    itemToString: (t) => n(t, {
+      delimiter: n.delimiters.UNDERSCORE
     })
-  }), [re, M] = ge("all"), d = (t) => {
-    var n;
+  }), z = s({
+    items: me,
+    itemToValue: (t) => t,
+    itemToString: (t) => n(t, {
+      delimiter: n.delimiters.UNDERSCORE
+    })
+  }), [ue, M] = we("all"), d = (t) => {
+    var r;
     const a = {
       timestamp: o,
-      gameType: V,
-      gameProvider: w,
-      depositStatus: O,
-      withdrawalStatus: b
+      gameType: I,
+      gameProvider: V,
+      depositStatus: P,
+      withdrawalStatus: y
     };
-    (n = l.onChange) == null || n.call(l, {
+    (r = l.onChange) == null || r.call(l, {
       ...a,
       ...t
     });
-  }, [o, P] = c({
-    value: (G = l.value) == null ? void 0 : G.timestamp,
-    defaultValue: (($ = l.defaultValue) == null ? void 0 : $.timestamp) ?? null,
+  }, [o, N] = c({
+    value: ($ = l.value) == null ? void 0 : $.timestamp,
+    defaultValue: ((k = l.defaultValue) == null ? void 0 : k.timestamp) ?? null,
     onChange(t) {
       d({ timestamp: t });
     }
-  }), [V, ne] = c({
-    value: (k = l.value) == null ? void 0 : k.gameType,
-    defaultValue: ((H = l.defaultValue) == null ? void 0 : H.gameType) ?? null,
+  }), [I, se] = c({
+    value: (H = l.value) == null ? void 0 : H.gameType,
+    defaultValue: ((B = l.defaultValue) == null ? void 0 : B.gameType) ?? null,
     onChange(t) {
       d({ gameType: t });
     }
-  }), [w, oe] = c({
-    value: (W = l.value) == null ? void 0 : W.gameProvider,
+  }), [V, he] = c({
+    value: (_ = l.value) == null ? void 0 : _.gameProvider,
     defaultValue: ((j = l.defaultValue) == null ? void 0 : j.gameProvider) ?? null,
     onChange(t) {
       d({ gameProvider: t });
     }
-  }), [O, de] = c({
-    value: (B = l.value) == null ? void 0 : B.depositStatus,
-    defaultValue: ((J = l.defaultValue) == null ? void 0 : J.depositStatus) ?? null,
+  }), [P, ge] = c({
+    value: (J = l.value) == null ? void 0 : J.depositStatus,
+    defaultValue: ((Y = l.defaultValue) == null ? void 0 : Y.depositStatus) ?? null,
     onChange(t) {
       d({ depositStatus: t });
     }
-  }), [b, me] = c({
-    value: (_ = l.value) == null ? void 0 : _.withdrawalStatus,
-    defaultValue: ((Z = l.defaultValue) == null ? void 0 : Z.withdrawalStatus) ?? null,
+  }), [y, Ce] = c({
+    value: (Z = l.value) == null ? void 0 : Z.withdrawalStatus,
+    defaultValue: ((q = l.defaultValue) == null ? void 0 : q.withdrawalStatus) ?? null,
     onChange(t) {
       d({ withdrawalStatus: t });
     }
+  }), [G, Te] = c({
+    value: (K = l.value) == null ? void 0 : K.transactionType,
+    defaultValue: ((Q = l.defaultValue) == null ? void 0 : Q.transactionType) ?? null,
+    onChange(t) {
+      d({ transactionType: t });
+    }
   });
-  return /* @__PURE__ */ i("div", { className: "flex items-center gap-lg", children: [
+  return /* @__PURE__ */ i("div", { className: "flex flex-col gap-lg lg:flex-row lg:items-center", children: [
     /* @__PURE__ */ i(
-      pe,
+      Ne,
       {
         lazyMount: !0,
         unmountOnExit: !0,
-        value: [o == null ? void 0 : o.start, o == null ? void 0 : o.end].filter(Boolean).map((t) => he(t)),
+        value: [o == null ? void 0 : o.start, o == null ? void 0 : o.end].filter(Boolean).map((t) => pe(t)),
         onValueChange: (t) => {
-          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)
+          var a, r;
+          N({
+            start: (a = t.value.at(0)) == null ? void 0 : a.toDate(ce),
+            end: (r = t.value.at(1)) == null ? void 0 : r.toDate(ce)
           });
         },
         onOpenChange: (t) => {
@@ -153,159 +172,201 @@ function Vt(l) {
         },
         children: [
           /* @__PURE__ */ i(
-            Fe,
+            $e,
             {
-              value: re,
+              value: ue,
               onValueChange: (t) => {
-                const a = Le.parse(t.value);
+                const a = He.parse(t.value);
                 if (a === "today") {
-                  const n = /* @__PURE__ */ new Date();
-                  P({
-                    start: Ce(n),
-                    end: se(n)
+                  const r = /* @__PURE__ */ new Date();
+                  N({
+                    start: Se(r),
+                    end: Ee(r)
                   });
                 } else
-                  P(null);
+                  N(null);
                 M(a);
               },
+              className: "w-full lg:w-fit",
               children: [
-                /* @__PURE__ */ i(y, { value: "all", children: [
-                  /* @__PURE__ */ e(N, { children: "All" }),
+                /* @__PURE__ */ i(O, { value: "all", className: "w-full lg:w-auto", children: [
+                  /* @__PURE__ */ e(b, { children: "All" }),
                   /* @__PURE__ */ e(A, {}),
                   /* @__PURE__ */ e(x, {})
                 ] }),
-                /* @__PURE__ */ i(y, { value: "today", children: [
-                  /* @__PURE__ */ e(N, { children: "Today" }),
+                /* @__PURE__ */ i(O, { value: "today", className: "w-full lg:w-auto", children: [
+                  /* @__PURE__ */ e(b, { children: "Today" }),
                   /* @__PURE__ */ e(A, {}),
                   /* @__PURE__ */ e(x, {})
                 ] }),
-                /* @__PURE__ */ e(ee, { children: (t) => /* @__PURE__ */ e(
-                  y,
+                /* @__PURE__ */ e(ne, { children: (t) => /* @__PURE__ */ e(
+                  O,
                   {
                     value: "custom",
                     onClick: () => t.setOpen(!0),
-                    children: /* @__PURE__ */ i(Ee, { children: [
-                      /* @__PURE__ */ e(N, { children: "Custom" }),
+                    className: "w-full lg:w-auto",
+                    children: /* @__PURE__ */ i(Ie, { children: [
+                      /* @__PURE__ */ e(b, { children: "Custom" }),
                       /* @__PURE__ */ e(A, {}),
                       /* @__PURE__ */ e(x, {})
                     ] })
                   }
                 ) }),
-                /* @__PURE__ */ e(Ue, {})
+                /* @__PURE__ */ e(ke, {})
               ]
             }
           ),
-          /* @__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(m, { children: /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(ye, { view: "day", children: /* @__PURE__ */ e(ne, { children: (t) => /* @__PURE__ */ i(ve, { children: [
             /* @__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(be, { children: /* @__PURE__ */ e(De, {}) }),
+              /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(xe, {}) }),
+              /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(Re, {}) })
+            ] }),
+            /* @__PURE__ */ i(Ue, { children: [
+              /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(re, { children: t.weekDays.map((a, r) => /* @__PURE__ */ e(We, { children: a.short.substring(0, 2) }, r)) }) }),
+              /* @__PURE__ */ e(ze, { children: t.weeks.map((a, r) => /* @__PURE__ */ e(re, { children: a.map((ae, fe) => /* @__PURE__ */ e(Me, { value: ae, children: /* @__PURE__ */ e(Ge, { children: ae.day }) }, fe)) }, r)) })
             ] })
           ] }) }) }) }) }) })
         ]
       }
     ),
-    /* @__PURE__ */ e("div", { className: "grow" }),
-    ((q = l.enabledFilters) == null ? void 0 : q.gameType) && /* @__PURE__ */ i(
-      g,
+    /* @__PURE__ */ e("div", { className: "hidden grow lg:block" }),
+    ((X = l.enabledFilters) == null ? void 0 : X.gameType) && /* @__PURE__ */ i(
+      C,
       {
         collection: F,
-        value: V ? [V] : [],
+        value: I ? [I] : [],
         onValueChange: (t) => {
           const a = u.enum(l.gameTypeOptions ?? []).safeParse(t.value.at(0)).data;
-          ne(a ?? null);
+          se(a ?? null);
         },
         lazyMount: !0,
         deselectable: !0,
+        positioning: {
+          sameWidth: !0
+        },
         children: [
-          /* @__PURE__ */ i(T, { children: [
-            /* @__PURE__ */ e(v, { placeholder: "Game Type" }),
-            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+          /* @__PURE__ */ i(T, { className: "w-full lg:w-[14rem]", children: [
+            /* @__PURE__ */ e(f, { placeholder: "Game Type" }),
+            /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(g, {}) })
           ] }),
-          /* @__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(m, { children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(S, { children: F.items.map((t) => /* @__PURE__ */ i(w, { item: t, children: [
+            /* @__PURE__ */ e(D, { children: n(t, {
+              delimiter: n.delimiters.UNDERSCORE
             }) }),
-            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(s, {}) })
+            /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(h, {}) })
           ] }, t)) }) }) }) })
         ]
       }
     ),
-    ((K = l.enabledFilters) == null ? void 0 : K.gameProvider) && /* @__PURE__ */ i(
-      g,
+    ((ee = l.enabledFilters) == null ? void 0 : ee.gameProvider) && /* @__PURE__ */ i(
+      C,
       {
         collection: U,
-        value: w ? [w] : [],
+        value: V ? [V] : [],
         onValueChange: (t) => {
           const a = u.enum(l.gameProviderOptions ?? []).safeParse(t.value.at(0)).data;
-          oe(a ?? null);
+          he(a ?? null);
         },
         lazyMount: !0,
         deselectable: !0,
+        positioning: {
+          sameWidth: !0
+        },
         children: [
-          /* @__PURE__ */ i(T, { children: [
-            /* @__PURE__ */ e(v, { placeholder: "Game Vendor" }),
-            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+          /* @__PURE__ */ i(T, { className: "w-full lg:w-[14rem]", children: [
+            /* @__PURE__ */ e(f, { placeholder: "Game Vendor" }),
+            /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(g, {}) })
           ] }),
-          /* @__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(m, { children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(S, { children: U.items.map((t) => /* @__PURE__ */ i(w, { item: t, children: [
+            /* @__PURE__ */ e(D, { children: n(t, {
+              delimiter: n.delimiters.UNDERSCORE
             }) }),
-            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(s, {}) })
+            /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(h, {}) })
           ] }, t)) }) }) }) })
         ]
       }
     ),
-    ((Q = l.enabledFilters) == null ? void 0 : Q.depositStatus) && /* @__PURE__ */ i(
-      g,
+    ((te = l.enabledFilters) == null ? void 0 : te.depositStatus) && /* @__PURE__ */ i(
+      C,
       {
         collection: L,
-        value: O ? [O] : [],
+        value: P ? [P] : [],
+        onValueChange: (t) => {
+          const a = u.enum(oe).safeParse(t.value.at(0)).data;
+          ge(a ?? null);
+        },
+        lazyMount: !0,
+        deselectable: !0,
+        positioning: {
+          sameWidth: !0
+        },
+        children: [
+          /* @__PURE__ */ i(T, { className: "w-full lg:w-[14rem]", children: [
+            /* @__PURE__ */ e(f, { placeholder: "Status" }),
+            /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(g, {}) })
+          ] }),
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(S, { children: W.items.map((t) => /* @__PURE__ */ i(w, { item: t, children: [
+            /* @__PURE__ */ e(D, { children: n(t, {
+              delimiter: n.delimiters.UNDERSCORE
+            }) }),
+            /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(h, {}) })
+          ] }, t)) }) }) }) })
+        ]
+      }
+    ),
+    ((le = l.enabledFilters) == null ? void 0 : le.withdrawalStatus) && /* @__PURE__ */ i(
+      C,
+      {
+        collection: W,
+        value: y ? [y] : [],
         onValueChange: (t) => {
-          const a = u.enum(le).safeParse(t.value.at(0)).data;
-          de(a ?? null);
+          const a = u.enum(de).safeParse(t.value.at(0)).data;
+          Ce(a ?? null);
         },
         lazyMount: !0,
         deselectable: !0,
+        positioning: {
+          sameWidth: !0
+        },
         children: [
-          /* @__PURE__ */ i(T, { children: [
-            /* @__PURE__ */ e(v, { placeholder: "Status" }),
-            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+          /* @__PURE__ */ i(T, { className: "w-full lg:w-[14rem]", children: [
+            /* @__PURE__ */ e(f, { placeholder: "Status" }),
+            /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(g, {}) })
           ] }),
-          /* @__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(m, { children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(S, { children: L.items.map((t) => /* @__PURE__ */ i(w, { item: t, children: [
+            /* @__PURE__ */ e(D, { children: n(t, {
+              delimiter: n.delimiters.UNDERSCORE
             }) }),
-            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(s, {}) })
+            /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(h, {}) })
           ] }, t)) }) }) }) })
         ]
       }
     ),
-    ((X = l.enabledFilters) == null ? void 0 : X.withdrawalStatus) && /* @__PURE__ */ i(
-      g,
+    ((ie = l.enabledFilters) == null ? void 0 : ie.transactionType) && /* @__PURE__ */ i(
+      C,
       {
         collection: z,
-        value: b ? [b] : [],
+        value: G ? [G] : [],
         onValueChange: (t) => {
-          const a = u.enum(ie).safeParse(t.value.at(0)).data;
-          me(a ?? null);
+          const a = u.enum(me).safeParse(t.value.at(0)).data;
+          Te(a ?? null);
         },
         lazyMount: !0,
         deselectable: !0,
+        positioning: {
+          sameWidth: !0
+        },
         children: [
-          /* @__PURE__ */ i(T, { children: [
-            /* @__PURE__ */ e(v, { placeholder: "Status" }),
-            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+          /* @__PURE__ */ i(T, { className: "w-full lg:w-[14rem]", children: [
+            /* @__PURE__ */ e(f, { placeholder: "Type" }),
+            /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(g, {}) })
           ] }),
-          /* @__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(m, { children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(S, { children: z.items.map((t) => /* @__PURE__ */ i(w, { item: t, children: [
+            /* @__PURE__ */ e(D, { children: n(t, {
+              delimiter: n.delimiters.UNDERSCORE
             }) }),
-            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(s, {}) })
+            /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(h, {}) })
           ] }, t)) }) }) }) })
         ]
       }
@@ -313,5 +374,5 @@ function Vt(l) {
   ] });
 }
 export {
-  Vt as TableFilters
+  Lt as TableFilters
 };

package/dist/components/TransactionRecords/TransactionRecords.js

@@ -1 +1 @@
-"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("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("tailwind-merge");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("@ark-ui/react");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.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/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/Progress/Progress.js");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"),n=require("./WithdrawalRecordsTable.js");function l(s){return e.jsxs("div",{className:t.twMerge("px-4 pb-3xl pt-4",s.className),children:[e.jsx("h2",{className:"text-text-secondary-700 text-sm font-semibold leading-tight",children:"Transaction Records"}),e.jsx("p",{className:"text-text-tertiary-600 mt-xs text-sm leading-tight",children:"View your transaction records"}),e.jsxs(r.Root,{className:"mt-lg",defaultValue:"transactions",lazyMount:!0,unmountOnExit:!0,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("h3",{className:"text-text-secondary-700 mt-3xl text-sm font-semibold",children:"Table"}),e.jsx(r.Content,{value:"transactions",className:"mt-xl",children:e.jsx(a.TransactionRecordsTable,{})}),e.jsx(r.Content,{value:"deposits",className:"mt-xl",children:e.jsx(i.DepositRecordsTable,{})}),e.jsx(r.Content,{value:"withdrawals",className:"mt-xl",children:e.jsx(n.WithdrawalRecordsTable,{})})]})]})}exports.TransactionRecords=l;

package/dist/components/TransactionRecords/TransactionRecords.mjs

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { twMerge as a } from "tailwind-merge";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
@@ -13,48 +14,51 @@ import "../../utils/isMobile.mjs";
 import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
-import "tailwind-merge";
+import "../../ui/Progress/Progress.mjs";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
-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 { Root as m, List as s, Trigger as i, Indicator as l, Content as o } from "../../ui/Tabs/Tabs.mjs";
+import { DepositRecordsTable as n } from "./DepositRecordsTable.mjs";
+import { TransactionRecordsTable as p } from "./TransactionRecordsTable.mjs";
 import { WithdrawalRecordsTable as c } from "./WithdrawalRecordsTable.mjs";
-function G(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" }),
+function P(e) {
+  return /* @__PURE__ */ r("div", { className: a("px-4 pb-3xl pt-4", e.className), children: [
+    /* @__PURE__ */ t("h2", { className: "text-text-secondary-700 text-sm font-semibold leading-tight", children: "Transaction Records" }),
+    /* @__PURE__ */ t("p", { className: "text-text-tertiary-600 mt-xs text-sm leading-tight", children: "View your transaction records" }),
     /* @__PURE__ */ r(
-      e,
+      m,
       {
-        className: "mt-2xl",
+        className: "mt-lg",
         defaultValue: "transactions",
         lazyMount: !0,
         unmountOnExit: !0,
         children: [
-          /* @__PURE__ */ t("div", { className: "pb-2xl", children: /* @__PURE__ */ r(s, { 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(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(c, {}) })
+            /* @__PURE__ */ t(l, {})
+          ] }),
+          /* @__PURE__ */ t("h3", { className: "text-text-secondary-700 mt-3xl text-sm font-semibold", children: "Table" }),
+          /* @__PURE__ */ t(o, { value: "transactions", className: "mt-xl", children: /* @__PURE__ */ t(p, {}) }),
+          /* @__PURE__ */ t(o, { value: "deposits", className: "mt-xl", children: /* @__PURE__ */ t(n, {}) }),
+          /* @__PURE__ */ t(o, { value: "withdrawals", className: "mt-xl", children: /* @__PURE__ */ t(c, {}) })
         ]
       }
     )
   ] });
 }
 export {
-  G as TransactionRecords
+  P as TransactionRecords
 };