@opexa/portal-components 0.0.8 → 0.0.9

package/dist/components/TransactionRecords/TableFilters.mjs

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

package/dist/components/TransactionRecords/TransactionRecords.js

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

package/dist/components/TransactionRecords/TransactionRecords.mjs

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