@opexa/portal-components 0.0.18 → 0.0.20

package/dist/components/TransactionRecords/TableFilters.mjs

@@ -1,8 +1,8 @@
-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 { 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";
@@ -12,16 +12,17 @@ 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 h } from "../../icons/CheckIcon.mjs";
+import { CheckIcon as C } 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 { 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";
@@ -29,7 +30,8 @@ import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.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/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";
@@ -40,11 +42,11 @@ import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
 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 { 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 He = u.enum(["all", "today", "custom"]).catch("all"), oe = [
+const _e = s.enum(["all", "today", "custom"]).catch("all"), me = [
   "ACCEPTED",
   "APPROVED",
   "CANCELLED",
@@ -52,7 +54,7 @@ const He = u.enum(["all", "today", "custom"]).catch("all"), oe = [
   "FAILED",
   "PENDING",
   "REJECTED"
-], de = [
+], ue = [
   "ACCEPTED",
   "APPROVED",
   "CANCELLED",
@@ -60,109 +62,109 @@ const He = u.enum(["all", "today", "custom"]).catch("all"), oe = [
   "FAILED",
   "PENDING",
   "REJECTED"
-], me = [
+], se = [
   "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) => n(t, {
+], 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 = s({
-    items: l.gameProviderOptions ?? [],
-    itemToValue: (t) => t,
-    itemToString: (t) => n(t, {
+  }), W = h({
+    items: i.gameProviderOptions ?? [],
+    itemToValue: (l) => l,
+    itemToString: (l) => n(l, {
       delimiter: n.delimiters.UNDERSCORE
     })
-  }), L = s({
-    items: oe,
-    itemToValue: (t) => t,
-    itemToString: (t) => n(t, {
+  }), z = h({
+    items: me,
+    itemToValue: (l) => l,
+    itemToString: (l) => n(l, {
       delimiter: n.delimiters.UNDERSCORE
     })
-  }), W = s({
-    items: de,
-    itemToValue: (t) => t,
-    itemToString: (t) => n(t, {
+  }), M = h({
+    items: ue,
+    itemToValue: (l) => l,
+    itemToString: (l) => n(l, {
       delimiter: n.delimiters.UNDERSCORE
     })
-  }), z = s({
-    items: me,
-    itemToValue: (t) => t,
-    itemToString: (t) => n(t, {
+  }), $ = h({
+    items: se,
+    itemToValue: (l) => l,
+    itemToString: (l) => n(l, {
       delimiter: n.delimiters.UNDERSCORE
     })
-  }), [ue, M] = we("all"), d = (t) => {
+  }), [Ce, G] = Re("all"), d = (l) => {
     var r;
-    const a = {
+    const t = {
       timestamp: o,
-      gameType: I,
-      gameProvider: V,
-      depositStatus: P,
-      withdrawalStatus: y
+      gameType: y,
+      gameProvider: O,
+      depositStatus: b,
+      withdrawalStatus: A
     };
-    (r = l.onChange) == null || r.call(l, {
-      ...a,
-      ...t
+    (r = i.onChange) == null || r.call(i, {
+      ...t,
+      ...l
     });
-  }, [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 });
+  }, [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 });
     }
-  }), [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 });
+  }), [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, 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, 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 });
     }
-  }), [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, 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 });
     }
-  }), [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 });
+  }), [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 });
     }
-  }), [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 });
+  }), [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 flex-col gap-lg lg:flex-row lg:items-center", children: [
-    /* @__PURE__ */ i(
-      Ne,
+  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) => pe(t)),
-        onValueChange: (t) => {
-          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)
+        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,
@@ -171,74 +173,74 @@ function Lt(l) {
           placement: "bottom"
         },
         children: [
-          /* @__PURE__ */ i(
-            $e,
+          /* @__PURE__ */ a(
+            He,
             {
-              value: ue,
-              onValueChange: (t) => {
-                const a = He.parse(t.value);
-                if (a === "today") {
+              value: Ce,
+              onValueChange: (l) => {
+                const t = _e.parse(l.value);
+                if (t === "today") {
                   const r = /* @__PURE__ */ new Date();
-                  N({
-                    start: Se(r),
-                    end: Ee(r)
+                  V({
+                    start: De(r),
+                    end: we(r)
                   });
                 } else
-                  N(null);
-                M(a);
+                  V(null);
+                G(t);
               },
               className: "w-full lg:w-fit",
               children: [
-                /* @__PURE__ */ i(O, { value: "all", className: "w-full lg:w-auto", children: [
-                  /* @__PURE__ */ e(b, { 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(O, { value: "today", className: "w-full lg:w-auto", children: [
-                  /* @__PURE__ */ e(b, { 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(ne, { children: (t) => /* @__PURE__ */ e(
-                  O,
+                /* @__PURE__ */ e(de, { children: (l) => /* @__PURE__ */ e(
+                  x,
                   {
                     value: "custom",
-                    onClick: () => t.setOpen(!0),
+                    onClick: () => l.setOpen(!0),
                     className: "w-full lg:w-auto",
-                    children: /* @__PURE__ */ i(Ie, { children: [
-                      /* @__PURE__ */ e(b, { children: "Custom" }),
-                      /* @__PURE__ */ e(A, {}),
-                      /* @__PURE__ */ e(x, {})
+                    children: /* @__PURE__ */ a(Ve, { children: [
+                      /* @__PURE__ */ e(F, { children: "Custom" }),
+                      /* @__PURE__ */ e(U, {}),
+                      /* @__PURE__ */ e(k, {})
                     ] })
                   }
                 ) }),
-                /* @__PURE__ */ e(ke, {})
+                /* @__PURE__ */ e(Be, {})
               ]
             }
           ),
-          /* @__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(De, {}) }),
-              /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(xe, {}) }),
-              /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(Re, {}) })
+          /* @__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(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__ */ 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: "hidden grow lg:block" }),
-    ((X = l.enabledFilters) == null ? void 0 : X.gameType) && /* @__PURE__ */ i(
-      C,
+    ((te = i.enabledFilters) == null ? void 0 : te.gameType) && /* @__PURE__ */ a(
+      T,
       {
-        collection: F,
-        value: I ? [I] : [],
-        onValueChange: (t) => {
-          const a = u.enum(l.gameTypeOptions ?? []).safeParse(t.value.at(0)).data;
-          se(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,
@@ -246,27 +248,35 @@ function Lt(l) {
           sameWidth: !0
         },
         children: [
-          /* @__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__ */ a(p, { className: "w-full lg:w-[14rem]", children: [
+            /* @__PURE__ */ e(v, { placeholder: "Game 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(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, {
+          /* @__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(R, { asChild: !0, children: /* @__PURE__ */ e(h, {}) })
-          ] }, t)) }) }) }) })
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+          ] }, l)) }) }) }) })
         ]
       }
     ),
-    ((ee = l.enabledFilters) == null ? void 0 : ee.gameProvider) && /* @__PURE__ */ i(
-      C,
+    ((ie = i.enabledFilters) == null ? void 0 : ie.gameProvider) && /* @__PURE__ */ a(
+      T,
       {
-        collection: U,
-        value: V ? [V] : [],
-        onValueChange: (t) => {
-          const a = u.enum(l.gameProviderOptions ?? []).safeParse(t.value.at(0)).data;
-          he(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,
@@ -274,27 +284,35 @@ function Lt(l) {
           sameWidth: !0
         },
         children: [
-          /* @__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__ */ a(p, { className: "w-full lg:w-[14rem]", children: [
+            /* @__PURE__ */ e(v, { placeholder: "Game Vendor" }),
+            /* @__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(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, {
+          /* @__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(R, { asChild: !0, children: /* @__PURE__ */ e(h, {}) })
-          ] }, t)) }) }) }) })
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+          ] }, l)) }) }) }) })
         ]
       }
     ),
-    ((te = l.enabledFilters) == null ? void 0 : te.depositStatus) && /* @__PURE__ */ i(
-      C,
+    ((ae = i.enabledFilters) == null ? void 0 : ae.depositStatus) && /* @__PURE__ */ a(
+      T,
       {
-        collection: L,
-        value: P ? [P] : [],
-        onValueChange: (t) => {
-          const a = u.enum(oe).safeParse(t.value.at(0)).data;
-          ge(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,
@@ -302,27 +320,35 @@ function Lt(l) {
           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__ */ a(p, { className: "w-full lg:w-[14rem]", children: [
+            /* @__PURE__ */ e(v, { placeholder: "Status" }),
+            /* @__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(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, {
+          /* @__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(R, { asChild: !0, children: /* @__PURE__ */ e(h, {}) })
-          ] }, t)) }) }) }) })
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+          ] }, l)) }) }) }) })
         ]
       }
     ),
-    ((le = l.enabledFilters) == null ? void 0 : le.withdrawalStatus) && /* @__PURE__ */ i(
-      C,
+    ((ne = i.enabledFilters) == null ? void 0 : ne.withdrawalStatus) && /* @__PURE__ */ a(
+      T,
       {
-        collection: W,
-        value: y ? [y] : [],
-        onValueChange: (t) => {
-          const a = u.enum(de).safeParse(t.value.at(0)).data;
-          Ce(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,
@@ -330,27 +356,35 @@ function Lt(l) {
           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__ */ a(p, { className: "w-full lg:w-[14rem]", children: [
+            /* @__PURE__ */ e(v, { placeholder: "Status" }),
+            /* @__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(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, {
+          /* @__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(R, { asChild: !0, children: /* @__PURE__ */ e(h, {}) })
-          ] }, t)) }) }) }) })
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+          ] }, l)) }) }) }) })
         ]
       }
     ),
-    ((ie = l.enabledFilters) == null ? void 0 : ie.transactionType) && /* @__PURE__ */ i(
-      C,
+    ((re = i.enabledFilters) == null ? void 0 : re.transactionType) && /* @__PURE__ */ a(
+      T,
       {
-        collection: z,
-        value: G ? [G] : [],
-        onValueChange: (t) => {
-          const a = u.enum(me).safeParse(t.value.at(0)).data;
-          Te(a ?? null);
+        collection: $,
+        value: H ? [H] : [],
+        onValueChange: (l) => {
+          const t = s.enum(se).safeParse(l.value.at(0)).data;
+          fe(t ?? null);
         },
         lazyMount: !0,
         deselectable: !0,
@@ -358,21 +392,29 @@ function Lt(l) {
           sameWidth: !0
         },
         children: [
-          /* @__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__ */ 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(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, {
+          /* @__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(R, { asChild: !0, children: /* @__PURE__ */ e(h, {}) })
-          ] }, t)) }) }) }) })
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
+          ] }, l)) }) }) }) })
         ]
       }
     )
   ] });
 }
 export {
-  Lt 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"),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;
+"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;