@opexa/portal-components 0.0.17 → 0.0.19

package/dist/components/TransactionRecords/TableFilters.mjs

@@ -1,47 +1,52 @@
-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 { jsxs as a, jsx as e, Fragment as c } from "react/jsx-runtime";
+import { createListCollection as h, Portal as m, parseDate as Se } from "@ark-ui/react";
+import { endOfDay as we, startOfDay as De } from "date-fns";
+import { useState as Re } from "react";
+import { z as s } 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";
 import "../../utils/isMobile.mjs";
-import { useControllableState as c } from "../../client/hooks/useControllableState.mjs";
+import "../../client/services/getSession.mjs";
+import { useControllableState as u } from "../../client/hooks/useControllableState.mjs";
 import "lodash-es";
 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 C } from "../../icons/CheckIcon.mjs";
+import { ChevronDownIcon as g } from "../../icons/ChevronDownIcon.mjs";
+import { ChevronLeftIcon as Pe } from "../../icons/ChevronLeftIcon.mjs";
+import { ChevronRightIcon as Ne } 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 "../../ui/Combobox/Combobox.mjs";
+import { Root as Ie, Context as de, Control as Ve, Positioner as ye, Content as Oe, View as be, ViewControl as Ae, PrevTrigger as xe, ViewTrigger as Fe, RangeText as Ue, NextTrigger as ke, Table as Le, TableHead as We, TableRow as ce, TableHeader as ze, TableBody as Me, TableCell as $e, 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 He, Item as x, ItemText as F, ItemControl as U, ItemHiddenInput as k, Indicator as Be } from "../../ui/SegmentGroup/SegmentGroup.mjs";
+import { Root as T, Trigger as p, ValueText as v, Context as f, ClearTrigger as E, Indicator as S, Positioner as w, Content as D, ItemGroup as R, Item as P, ItemText as N, ItemIndicator as I } 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 _e = s.enum(["all", "today", "custom"]).catch("all"), me = [
   "ACCEPTED",
   "APPROVED",
   "CANCELLED",
@@ -49,7 +54,7 @@ const Le = u.enum(["all", "today", "custom"]).catch("all"), le = [
   "FAILED",
   "PENDING",
   "REJECTED"
-], ie = [
+], ue = [
   "ACCEPTED",
   "APPROVED",
   "CANCELLED",
@@ -57,93 +62,109 @@ 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({
-    items: l.gameTypeOptions ?? [],
-    itemToValue: (t) => t,
-    itemToString: (t) => r(t, {
-      delimiter: r.delimiters.UNDERSCORE
+], se = [
+  "DEPOSIT",
+  "WITHDRAWAL",
+  "BET"
+], he = Intl.DateTimeFormat().resolvedOptions().timeZone;
+function Ml(i) {
+  var B, _, j, J, Y, Z, q, K, Q, X, ee, le, te, ie, ae, ne, re;
+  const L = h({
+    items: i.gameTypeOptions ?? [],
+    itemToValue: (l) => l,
+    itemToString: (l) => n(l, {
+      delimiter: n.delimiters.UNDERSCORE
     })
-  }), U = h({
-    items: l.gameProviderOptions ?? [],
-    itemToValue: (t) => t,
-    itemToString: (t) => r(t, {
-      delimiter: r.delimiters.UNDERSCORE
-    })
-  }), L = h({
-    items: le,
-    itemToValue: (t) => t,
-    itemToString: (t) => r(t, {
-      delimiter: r.delimiters.UNDERSCORE
+  }), W = h({
+    items: i.gameProviderOptions ?? [],
+    itemToValue: (l) => l,
+    itemToString: (l) => n(l, {
+      delimiter: n.delimiters.UNDERSCORE
     })
   }), z = h({
-    items: ie,
-    itemToValue: (t) => t,
-    itemToString: (t) => r(t, {
-      delimiter: r.delimiters.UNDERSCORE
+    items: me,
+    itemToValue: (l) => l,
+    itemToString: (l) => n(l, {
+      delimiter: n.delimiters.UNDERSCORE
+    })
+  }), M = h({
+    items: ue,
+    itemToValue: (l) => l,
+    itemToString: (l) => n(l, {
+      delimiter: n.delimiters.UNDERSCORE
     })
-  }), [re, M] = ge("all"), d = (t) => {
-    var n;
-    const a = {
+  }), $ = h({
+    items: se,
+    itemToValue: (l) => l,
+    itemToString: (l) => n(l, {
+      delimiter: n.delimiters.UNDERSCORE
+    })
+  }), [Ce, G] = Re("all"), d = (l) => {
+    var r;
+    const t = {
       timestamp: o,
-      gameType: V,
-      gameProvider: w,
-      depositStatus: O,
-      withdrawalStatus: b
+      gameType: y,
+      gameProvider: O,
+      depositStatus: b,
+      withdrawalStatus: A
     };
-    (n = l.onChange) == null || n.call(l, {
-      ...a,
-      ...t
+    (r = i.onChange) == null || r.call(i, {
+      ...t,
+      ...l
     });
-  }, [o, P] = c({
-    value: (G = l.value) == null ? void 0 : G.timestamp,
-    defaultValue: (($ = l.defaultValue) == null ? void 0 : $.timestamp) ?? null,
-    onChange(t) {
-      d({ timestamp: t });
+  }, [o, V] = u({
+    value: (B = i.value) == null ? void 0 : B.timestamp,
+    defaultValue: ((_ = i.defaultValue) == null ? void 0 : _.timestamp) ?? null,
+    onChange(l) {
+      d({ timestamp: l });
+    }
+  }), [y, ge] = u({
+    value: (j = i.value) == null ? void 0 : j.gameType,
+    defaultValue: ((J = i.defaultValue) == null ? void 0 : J.gameType) ?? null,
+    onChange(l) {
+      d({ gameType: l });
     }
-  }), [V, ne] = c({
-    value: (k = l.value) == null ? void 0 : k.gameType,
-    defaultValue: ((H = l.defaultValue) == null ? void 0 : H.gameType) ?? null,
-    onChange(t) {
-      d({ gameType: t });
+  }), [O, Te] = u({
+    value: (Y = i.value) == null ? void 0 : Y.gameProvider,
+    defaultValue: ((Z = i.defaultValue) == null ? void 0 : Z.gameProvider) ?? null,
+    onChange(l) {
+      d({ gameProvider: l });
     }
-  }), [w, oe] = c({
-    value: (W = l.value) == null ? void 0 : W.gameProvider,
-    defaultValue: ((j = l.defaultValue) == null ? void 0 : j.gameProvider) ?? null,
-    onChange(t) {
-      d({ gameProvider: t });
+  }), [b, pe] = u({
+    value: (q = i.value) == null ? void 0 : q.depositStatus,
+    defaultValue: ((K = i.defaultValue) == null ? void 0 : K.depositStatus) ?? null,
+    onChange(l) {
+      d({ depositStatus: l });
     }
-  }), [O, de] = c({
-    value: (B = l.value) == null ? void 0 : B.depositStatus,
-    defaultValue: ((J = l.defaultValue) == null ? void 0 : J.depositStatus) ?? null,
-    onChange(t) {
-      d({ depositStatus: t });
+  }), [A, ve] = u({
+    value: (Q = i.value) == null ? void 0 : Q.withdrawalStatus,
+    defaultValue: ((X = i.defaultValue) == null ? void 0 : X.withdrawalStatus) ?? null,
+    onChange(l) {
+      d({ withdrawalStatus: l });
     }
-  }), [b, me] = c({
-    value: (_ = l.value) == null ? void 0 : _.withdrawalStatus,
-    defaultValue: ((Z = l.defaultValue) == null ? void 0 : Z.withdrawalStatus) ?? null,
-    onChange(t) {
-      d({ withdrawalStatus: t });
+  }), [H, fe] = u({
+    value: (ee = i.value) == null ? void 0 : ee.transactionType,
+    defaultValue: ((le = i.defaultValue) == null ? void 0 : le.transactionType) ?? null,
+    onChange(l) {
+      d({ transactionType: l });
     }
   });
-  return /* @__PURE__ */ i("div", { className: "flex items-center gap-lg", children: [
-    /* @__PURE__ */ i(
-      pe,
+  return /* @__PURE__ */ a("div", { className: "flex flex-col gap-lg lg:flex-row lg:items-center", children: [
+    /* @__PURE__ */ a(
+      Ie,
       {
         lazyMount: !0,
         unmountOnExit: !0,
-        value: [o == null ? void 0 : o.start, o == null ? void 0 : o.end].filter(Boolean).map((t) => he(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)
+        value: [o == null ? void 0 : o.start, o == null ? void 0 : o.end].filter(Boolean).map((l) => Se(l)),
+        onValueChange: (l) => {
+          var t, r;
+          V({
+            start: (t = l.value.at(0)) == null ? void 0 : t.toDate(he),
+            end: (r = l.value.at(1)) == null ? void 0 : r.toDate(he)
           });
         },
-        onOpenChange: (t) => {
-          t.open || o || M("all");
+        onOpenChange: (l) => {
+          l.open || o || G("all");
         },
         selectionMode: "range",
         closeOnSelect: !1,
@@ -152,166 +173,248 @@ function Vt(l) {
           placement: "bottom"
         },
         children: [
-          /* @__PURE__ */ i(
-            Fe,
+          /* @__PURE__ */ a(
+            He,
             {
-              value: re,
-              onValueChange: (t) => {
-                const a = Le.parse(t.value);
-                if (a === "today") {
-                  const n = /* @__PURE__ */ new Date();
-                  P({
-                    start: Ce(n),
-                    end: se(n)
+              value: Ce,
+              onValueChange: (l) => {
+                const t = _e.parse(l.value);
+                if (t === "today") {
+                  const r = /* @__PURE__ */ new Date();
+                  V({
+                    start: De(r),
+                    end: we(r)
                   });
                 } else
-                  P(null);
-                M(a);
+                  V(null);
+                G(t);
               },
+              className: "w-full lg:w-fit",
               children: [
-                /* @__PURE__ */ i(y, { value: "all", children: [
-                  /* @__PURE__ */ e(N, { children: "All" }),
-                  /* @__PURE__ */ e(A, {}),
-                  /* @__PURE__ */ e(x, {})
+                /* @__PURE__ */ a(x, { value: "all", className: "w-full lg:w-auto", children: [
+                  /* @__PURE__ */ e(F, { children: "All" }),
+                  /* @__PURE__ */ e(U, {}),
+                  /* @__PURE__ */ e(k, {})
                 ] }),
-                /* @__PURE__ */ i(y, { value: "today", children: [
-                  /* @__PURE__ */ e(N, { children: "Today" }),
-                  /* @__PURE__ */ e(A, {}),
-                  /* @__PURE__ */ e(x, {})
+                /* @__PURE__ */ a(x, { value: "today", className: "w-full lg:w-auto", children: [
+                  /* @__PURE__ */ e(F, { children: "Today" }),
+                  /* @__PURE__ */ e(U, {}),
+                  /* @__PURE__ */ e(k, {})
                 ] }),
-                /* @__PURE__ */ e(ee, { children: (t) => /* @__PURE__ */ e(
-                  y,
+                /* @__PURE__ */ e(de, { children: (l) => /* @__PURE__ */ e(
+                  x,
                   {
                     value: "custom",
-                    onClick: () => t.setOpen(!0),
-                    children: /* @__PURE__ */ i(Ee, { children: [
-                      /* @__PURE__ */ e(N, { children: "Custom" }),
-                      /* @__PURE__ */ e(A, {}),
-                      /* @__PURE__ */ e(x, {})
+                    onClick: () => l.setOpen(!0),
+                    className: "w-full lg:w-auto",
+                    children: /* @__PURE__ */ a(Ve, { children: [
+                      /* @__PURE__ */ e(F, { children: "Custom" }),
+                      /* @__PURE__ */ e(U, {}),
+                      /* @__PURE__ */ e(k, {})
                     ] })
                   }
                 ) }),
-                /* @__PURE__ */ e(Ue, {})
+                /* @__PURE__ */ e(Be, {})
               ]
             }
           ),
-          /* @__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(ye, { children: /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(be, { view: "day", children: /* @__PURE__ */ e(de, { children: (l) => /* @__PURE__ */ a(c, { children: [
+            /* @__PURE__ */ a(Ae, { children: [
+              /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Pe, {}) }),
+              /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(Ue, {}) }),
+              /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(Ne, {}) })
             ] }),
-            /* @__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__ */ a(Le, { children: [
+              /* @__PURE__ */ e(We, { children: /* @__PURE__ */ e(ce, { children: l.weekDays.map((t, r) => /* @__PURE__ */ e(ze, { children: t.short.substring(0, 2) }, r)) }) }),
+              /* @__PURE__ */ e(Me, { children: l.weeks.map((t, r) => /* @__PURE__ */ e(ce, { children: t.map((oe, Ee) => /* @__PURE__ */ e($e, { value: oe, children: /* @__PURE__ */ e(Ge, { children: oe.day }) }, Ee)) }, 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" }),
+    ((te = i.enabledFilters) == null ? void 0 : te.gameType) && /* @__PURE__ */ a(
+      T,
       {
-        collection: F,
-        value: V ? [V] : [],
-        onValueChange: (t) => {
-          const a = u.enum(l.gameTypeOptions ?? []).safeParse(t.value.at(0)).data;
-          ne(a ?? null);
+        collection: L,
+        value: y ? [y] : [],
+        onValueChange: (l) => {
+          const t = s.enum(i.gameTypeOptions ?? []).safeParse(l.value.at(0)).data;
+          ge(t ?? null);
         },
         lazyMount: !0,
         deselectable: !0,
+        positioning: {
+          sameWidth: !0
+        },
         children: [
-          /* @__PURE__ */ i(T, { children: [
+          /* @__PURE__ */ a(p, { className: "w-full lg:w-[14rem]", children: [
             /* @__PURE__ */ e(v, { placeholder: "Game Type" }),
-            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+            /* @__PURE__ */ e(f, { children: (l) => /* @__PURE__ */ e(c, { children: l.value.length ? /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
+              "span",
+              {
+                onClick: (t) => {
+                  t.stopPropagation();
+                },
+                children: "Clear"
+              }
+            ) }) : /* @__PURE__ */ e(S, { 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(w, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(R, { children: L.items.map((l) => /* @__PURE__ */ a(P, { item: l, children: [
+            /* @__PURE__ */ e(N, { children: n(l, {
+              delimiter: n.delimiters.UNDERSCORE
             }) }),
-            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(s, {}) })
-          ] }, t)) }) }) }) })
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+          ] }, l)) }) }) }) })
         ]
       }
     ),
-    ((K = l.enabledFilters) == null ? void 0 : K.gameProvider) && /* @__PURE__ */ i(
-      g,
+    ((ie = i.enabledFilters) == null ? void 0 : ie.gameProvider) && /* @__PURE__ */ a(
+      T,
       {
-        collection: U,
-        value: w ? [w] : [],
-        onValueChange: (t) => {
-          const a = u.enum(l.gameProviderOptions ?? []).safeParse(t.value.at(0)).data;
-          oe(a ?? null);
+        collection: W,
+        value: O ? [O] : [],
+        onValueChange: (l) => {
+          const t = s.enum(i.gameProviderOptions ?? []).safeParse(l.value.at(0)).data;
+          Te(t ?? null);
         },
         lazyMount: !0,
         deselectable: !0,
+        positioning: {
+          sameWidth: !0
+        },
         children: [
-          /* @__PURE__ */ i(T, { children: [
+          /* @__PURE__ */ a(p, { className: "w-full lg:w-[14rem]", children: [
             /* @__PURE__ */ e(v, { placeholder: "Game Vendor" }),
-            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+            /* @__PURE__ */ e(f, { children: (l) => /* @__PURE__ */ e(c, { children: l.value.length ? /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
+              "span",
+              {
+                onClick: (t) => {
+                  t.stopPropagation();
+                },
+                children: "Clear"
+              }
+            ) }) : /* @__PURE__ */ e(S, { 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(w, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(R, { children: W.items.map((l) => /* @__PURE__ */ a(P, { item: l, children: [
+            /* @__PURE__ */ e(N, { children: n(l, {
+              delimiter: n.delimiters.UNDERSCORE
             }) }),
-            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(s, {}) })
-          ] }, t)) }) }) }) })
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+          ] }, l)) }) }) }) })
         ]
       }
     ),
-    ((Q = l.enabledFilters) == null ? void 0 : Q.depositStatus) && /* @__PURE__ */ i(
-      g,
+    ((ae = i.enabledFilters) == null ? void 0 : ae.depositStatus) && /* @__PURE__ */ a(
+      T,
       {
-        collection: L,
-        value: O ? [O] : [],
-        onValueChange: (t) => {
-          const a = u.enum(le).safeParse(t.value.at(0)).data;
-          de(a ?? null);
+        collection: z,
+        value: b ? [b] : [],
+        onValueChange: (l) => {
+          const t = s.enum(me).safeParse(l.value.at(0)).data;
+          pe(t ?? null);
         },
         lazyMount: !0,
         deselectable: !0,
+        positioning: {
+          sameWidth: !0
+        },
         children: [
-          /* @__PURE__ */ i(T, { children: [
+          /* @__PURE__ */ a(p, { className: "w-full lg:w-[14rem]", children: [
             /* @__PURE__ */ e(v, { placeholder: "Status" }),
-            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+            /* @__PURE__ */ e(f, { children: (l) => /* @__PURE__ */ e(c, { children: l.value.length ? /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
+              "span",
+              {
+                onClick: (t) => {
+                  t.stopPropagation();
+                },
+                children: "Clear"
+              }
+            ) }) : /* @__PURE__ */ e(S, { 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(w, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(R, { children: M.items.map((l) => /* @__PURE__ */ a(P, { item: l, children: [
+            /* @__PURE__ */ e(N, { children: n(l, {
+              delimiter: n.delimiters.UNDERSCORE
             }) }),
-            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(s, {}) })
-          ] }, t)) }) }) }) })
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+          ] }, l)) }) }) }) })
         ]
       }
     ),
-    ((X = l.enabledFilters) == null ? void 0 : X.withdrawalStatus) && /* @__PURE__ */ i(
-      g,
+    ((ne = i.enabledFilters) == null ? void 0 : ne.withdrawalStatus) && /* @__PURE__ */ a(
+      T,
       {
-        collection: z,
-        value: b ? [b] : [],
-        onValueChange: (t) => {
-          const a = u.enum(ie).safeParse(t.value.at(0)).data;
-          me(a ?? null);
+        collection: M,
+        value: A ? [A] : [],
+        onValueChange: (l) => {
+          const t = s.enum(ue).safeParse(l.value.at(0)).data;
+          ve(t ?? null);
         },
         lazyMount: !0,
         deselectable: !0,
+        positioning: {
+          sameWidth: !0
+        },
         children: [
-          /* @__PURE__ */ i(T, { children: [
+          /* @__PURE__ */ a(p, { className: "w-full lg:w-[14rem]", children: [
             /* @__PURE__ */ e(v, { placeholder: "Status" }),
-            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+            /* @__PURE__ */ e(f, { children: (l) => /* @__PURE__ */ e(c, { children: l.value.length ? /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
+              "span",
+              {
+                onClick: (t) => {
+                  t.stopPropagation();
+                },
+                children: "Clear"
+              }
+            ) }) : /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(g, {}) }) }) })
+          ] }),
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(R, { children: z.items.map((l) => /* @__PURE__ */ a(P, { item: l, children: [
+            /* @__PURE__ */ e(N, { children: n(l, {
+              delimiter: n.delimiters.UNDERSCORE
+            }) }),
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+          ] }, l)) }) }) }) })
+        ]
+      }
+    ),
+    ((re = i.enabledFilters) == null ? void 0 : re.transactionType) && /* @__PURE__ */ a(
+      T,
+      {
+        collection: $,
+        value: H ? [H] : [],
+        onValueChange: (l) => {
+          const t = s.enum(se).safeParse(l.value.at(0)).data;
+          fe(t ?? null);
+        },
+        lazyMount: !0,
+        deselectable: !0,
+        positioning: {
+          sameWidth: !0
+        },
+        children: [
+          /* @__PURE__ */ a(p, { className: "w-full lg:w-[14rem]", children: [
+            /* @__PURE__ */ e(v, { placeholder: "Type" }),
+            /* @__PURE__ */ e(f, { children: (l) => /* @__PURE__ */ e(c, { children: l.value.length ? /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
+              "span",
+              {
+                onClick: (t) => {
+                  t.stopPropagation();
+                },
+                children: "Clear"
+              }
+            ) }) : /* @__PURE__ */ e(S, { 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(w, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(R, { children: $.items.map((l) => /* @__PURE__ */ a(P, { item: l, children: [
+            /* @__PURE__ */ e(N, { children: n(l, {
+              delimiter: n.delimiters.UNDERSCORE
             }) }),
-            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(s, {}) })
-          ] }, t)) }) }) }) })
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+          ] }, l)) }) }) }) })
         ]
       }
     )
   ] });
 }
 export {
-  Vt as TableFilters
+  Ml 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/Combobox/Combobox.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;