@opexa/portal-components 0.0.10 → 0.0.12

package/dist/components/BetRecords/BetRecords.mjs

@@ -1,162 +1,162 @@
 "use client";
-import { j as e } from "../../_virtual/jsx-runtime.mjs";
-import { createListCollection as P, Portal as h, parseDate as he } from "@ark-ui/react";
-import { TZDateMini as M, tz as k } from "@date-fns/tz";
-import { endOfDay as $, startOfDay as _, format as A } from "date-fns";
-import { useState as je, useReducer as ue } from "react";
-import { z as y } from "zod";
+import { jsxs as r, jsx as e, Fragment as pe } from "react/jsx-runtime";
+import { createListCollection as w, Portal as p, parseDate as ge } from "@ark-ui/react";
+import { TZDateMini as $, tz as _ } from "@date-fns/tz";
+import { endOfDay as A, startOfDay as H, format as L } from "date-fns";
+import { useState as ve, useReducer as ye } from "react";
+import { z as T } from "zod";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
-import { capitalize as a } from "../../utils/capitalize.mjs";
-import { formatNumber as j } from "../../utils/formatNumber.mjs";
+import { capitalize as c } from "../../utils/capitalize.mjs";
+import { formatNumber as g } from "../../utils/formatNumber.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/toaster.mjs";
-import { useBetRecordsQuery as pe } from "../../hooks/useBetRecordsQuery.mjs";
+import { useBetRecordsQuery as fe } from "../../hooks/useBetRecordsQuery.mjs";
 import "lodash-es";
-import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import "@opexa/portal-sdk-core/object-id";
 import "../../hooks/useGlobalStore.mjs";
-import { useInfiniteQueryHelper as te } from "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as ge } from "../../hooks/useLocaleInfo.mjs";
+import { useInfiniteQueryHelper as re } from "../../hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as Ce } from "../../hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
-import { CheckIcon as H } from "../../icons/CheckIcon.mjs";
-import { ChevronDownIcon as C } from "../../icons/ChevronDownIcon.mjs";
-import { ChevronLeftIcon as L } from "../../icons/ChevronLeftIcon.mjs";
-import { ChevronRightIcon as U } from "../../icons/ChevronRightIcon.mjs";
-import { File02Icon as ve } from "../../icons/File02Icon.mjs";
-import { SpinnerIcon as ye } from "../../icons/SpinnerIcon.mjs";
+import { CheckIcon as U } from "../../icons/CheckIcon.mjs";
+import { ChevronDownIcon as I } from "../../icons/ChevronDownIcon.mjs";
+import { ChevronLeftIcon as q } from "../../icons/ChevronLeftIcon.mjs";
+import { ChevronRightIcon as j } from "../../icons/ChevronRightIcon.mjs";
+import { File02Icon as Te } from "../../icons/File02Icon.mjs";
+import { SpinnerIcon as Se } from "../../icons/SpinnerIcon.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 fe, Context as q, Control as Ce, Positioner as Te, Content as Se, View as Ie, ViewControl as be, PrevTrigger as Ne, ViewTrigger as Re, RangeText as Ee, NextTrigger as De, Table as Pe, TableHead as ze, TableRow as F, TableHeader as we, TableBody as Oe, TableCell as Ve, TableCellTrigger as Be } from "../../ui/DatePicker/DatePicker.mjs";
+import { Root as Ie, Context as F, Control as be, Positioner as Ne, Content as Re, View as xe, ViewControl as De, PrevTrigger as Ee, ViewTrigger as Pe, RangeText as ze, NextTrigger as we, Table as Oe, TableHead as Ve, TableRow as G, TableHeader as Be, TableBody as Me, TableCell as ke, TableCellTrigger as $e } from "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
-import { IconButton as G } from "../../ui/IconButton/IconButton.mjs";
+import { IconButton as J } from "../../ui/IconButton/IconButton.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
-import { Root as J, Item as u, ItemText as p, ItemControl as g, ItemHiddenInput as v, Indicator as Z } from "../../ui/SegmentGroup/SegmentGroup.mjs";
-import { Root as T, Trigger as S, ValueText as I, Indicator as b, Positioner as N, Content as R, ItemGroup as Q, Item as E, ItemText as K, ItemIndicator as W } from "../../ui/Select/Select.mjs";
-import { Root as Me, Header as ke, Row as X, Heading as n, Body as $e, Cell as l } from "../../ui/Table/Table.mjs";
+import { Root as Z, Item as v, ItemText as y, ItemControl as f, ItemHiddenInput as C, Indicator as Q } from "../../ui/SegmentGroup/SegmentGroup.mjs";
+import { Root as b, Trigger as N, ValueText as R, Indicator as x, Positioner as D, Content as E, ItemGroup as K, Item as P, ItemText as W, ItemIndicator as X } from "../../ui/Select/Select.mjs";
+import { Root as _e, Header as Ae, Row as Y, Heading as o, Body as He, Cell as a } from "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { Empty as _e } from "../Empty/Empty.mjs";
-function kt(i) {
-  var O, V;
-  const [se, z] = je("all"), [s, c] = ue(
-    (t, r) => ({
+import { Empty as Le } from "../Empty/Empty.mjs";
+function At(l) {
+  var B, M;
+  const [ne, O] = ve("all"), [n, s] = ye(
+    (t, i) => ({
       ...t,
-      ...r
+      ...i
     }),
     {
       page: 1,
       pageSize: 10,
-      type: i.gameTypes[0]
+      type: l.gameTypes[0]
     }
-  ), m = ge(), w = P({
-    items: i.gameProviders,
+  ), d = Ce(), V = w({
+    items: l.gameProviders,
     itemToValue: (t) => t,
-    itemToString: (t) => a(t, {
-      delimiter: a.delimiters.UNDERSCORE
+    itemToString: (t) => c(t, {
+      delimiter: c.delimiters.UNDERSCORE
     })
   }), {
-    page: ie,
-    pageSize: ne,
-    hasNextPage: le,
-    hasPrevPage: oe,
-    next: ae,
-    prev: me,
-    rows: f,
-    setPageSize: ce,
-    totalPages: de,
-    loading: d,
-    firstPage: x
-  } = te(pe, {
+    page: le,
+    pageSize: oe,
+    hasNextPage: ae,
+    hasPrevPage: me,
+    next: ce,
+    prev: de,
+    rows: S,
+    setPageSize: se,
+    totalPages: he,
+    loading: h,
+    firstPage: u
+  } = re(fe, {
     filter: {
-      ...s.type && {
+      ...n.type && {
         game__type: {
-          equal: s.type
+          equal: n.type
         }
       },
-      ...s.provider && {
+      ...n.provider && {
         game__provider: {
-          equal: s.provider
+          equal: n.provider
         }
       },
-      ...s.status && {
+      ...n.status && {
         status: {
-          equal: s.status
+          equal: n.status
         }
       },
-      ...s.timestamp && {
+      ...n.timestamp && {
         dateTimeCreated: {
-          ...s.timestamp.start && {
-            greaterThanOrEqual: new M(
-              _(s.timestamp.start),
-              m.timezone
+          ...n.timestamp.start && {
+            greaterThanOrEqual: new $(
+              H(n.timestamp.start),
+              d.timezone
             ).toISOString()
           },
-          ...s.timestamp.end && {
-            lesserThanOrEqual: new M(
-              $(s.timestamp.end),
-              m.timezone
+          ...n.timestamp.end && {
+            lesserThanOrEqual: new $(
+              A(n.timestamp.end),
+              d.timezone
             ).toISOString()
           }
         }
       }
     }
   });
-  return /* @__PURE__ */ e.jsxs("div", { className: i.className, children: [
-    /* @__PURE__ */ e.jsx("h2", { className: "text-lg font-semibold", children: "Bet Records" }),
-    /* @__PURE__ */ e.jsx("p", { className: "text-gray-600 mt-xs text-xs", children: "View your bet records" }),
-    /* @__PURE__ */ e.jsx("div", { className: "mt-2xl pb-2xl", children: /* @__PURE__ */ e.jsxs(
-      J,
+  return /* @__PURE__ */ r("div", { className: l.className, children: [
+    /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: "Bet Records" }),
+    /* @__PURE__ */ e("p", { className: "text-gray-600 mt-xs text-xs", children: "View your bet records" }),
+    /* @__PURE__ */ e("div", { className: "mt-2xl pb-2xl", children: /* @__PURE__ */ r(
+      Z,
       {
-        value: s.type,
+        value: n.type,
         onValueChange: (t) => {
-          x(), c({
-            type: y.enum(i.gameTypes ?? []).safeParse(t.value).data ?? null
+          u(), s({
+            type: T.enum(l.gameTypes ?? []).safeParse(t.value).data ?? null
           });
         },
         children: [
-          i.gameTypes.map((t) => /* @__PURE__ */ e.jsxs(u, { value: t, children: [
-            /* @__PURE__ */ e.jsx(p, { children: a(t, {
-              delimiter: a.delimiters.UNDERSCORE
+          l.gameTypes.map((t) => /* @__PURE__ */ r(v, { value: t, children: [
+            /* @__PURE__ */ e(y, { children: c(t, {
+              delimiter: c.delimiters.UNDERSCORE
             }) }),
-            /* @__PURE__ */ e.jsx(g, {}),
-            /* @__PURE__ */ e.jsx(v, {})
+            /* @__PURE__ */ e(f, {}),
+            /* @__PURE__ */ e(C, {})
           ] }, t)),
-          /* @__PURE__ */ e.jsx(Z, {})
+          /* @__PURE__ */ e(Q, {})
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsxs("div", { className: "mt-4xl", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-lg", children: [
-        /* @__PURE__ */ e.jsxs(
-          fe,
+    /* @__PURE__ */ r("div", { className: "mt-4xl", children: [
+      /* @__PURE__ */ r("div", { className: "flex items-center gap-lg", children: [
+        /* @__PURE__ */ r(
+          Ie,
           {
             lazyMount: !0,
             unmountOnExit: !0,
-            value: [(O = s.timestamp) == null ? void 0 : O.start, (V = s.timestamp) == null ? void 0 : V.end].filter(Boolean).map((t) => he(t)),
+            value: [(B = n.timestamp) == null ? void 0 : B.start, (M = n.timestamp) == null ? void 0 : M.end].filter(Boolean).map((t) => ge(t)),
             onValueChange: (t) => {
-              var r, o;
-              x(), c({
+              var i, m;
+              u(), s({
                 timestamp: {
-                  start: (r = t.value.at(0)) == null ? void 0 : r.toDate(ee),
-                  end: (o = t.value.at(1)) == null ? void 0 : o.toDate(ee)
+                  start: (i = t.value.at(0)) == null ? void 0 : i.toDate(te),
+                  end: (m = t.value.at(1)) == null ? void 0 : m.toDate(te)
                 }
               });
             },
             onOpenChange: (t) => {
-              t.open || s.timestamp || z("all");
+              t.open || n.timestamp || O("all");
             },
             selectionMode: "range",
             closeOnSelect: !1,
@@ -165,231 +165,231 @@ function kt(i) {
               placement: "bottom"
             },
             children: [
-              /* @__PURE__ */ e.jsxs(
-                J,
+              /* @__PURE__ */ r(
+                Z,
                 {
-                  value: se,
+                  value: ne,
                   onValueChange: (t) => {
-                    const r = Ae.parse(t.value);
-                    if (r === "today") {
-                      const o = /* @__PURE__ */ new Date();
-                      c({
+                    const i = Ue.parse(t.value);
+                    if (i === "today") {
+                      const m = /* @__PURE__ */ new Date();
+                      s({
                         timestamp: {
-                          start: _(o),
-                          end: $(o)
+                          start: H(m),
+                          end: A(m)
                         }
                       });
                     } else
-                      c({
+                      s({
                         timestamp: null
                       });
-                    x(), z(r);
+                    u(), O(i);
                   },
                   children: [
-                    /* @__PURE__ */ e.jsxs(u, { value: "all", children: [
-                      /* @__PURE__ */ e.jsx(p, { children: "All" }),
-                      /* @__PURE__ */ e.jsx(g, {}),
-                      /* @__PURE__ */ e.jsx(v, {})
+                    /* @__PURE__ */ r(v, { value: "all", children: [
+                      /* @__PURE__ */ e(y, { children: "All" }),
+                      /* @__PURE__ */ e(f, {}),
+                      /* @__PURE__ */ e(C, {})
                     ] }),
-                    /* @__PURE__ */ e.jsxs(u, { value: "today", children: [
-                      /* @__PURE__ */ e.jsx(p, { children: "Today" }),
-                      /* @__PURE__ */ e.jsx(g, {}),
-                      /* @__PURE__ */ e.jsx(v, {})
+                    /* @__PURE__ */ r(v, { value: "today", children: [
+                      /* @__PURE__ */ e(y, { children: "Today" }),
+                      /* @__PURE__ */ e(f, {}),
+                      /* @__PURE__ */ e(C, {})
                     ] }),
-                    /* @__PURE__ */ e.jsx(q, { children: (t) => /* @__PURE__ */ e.jsx(
-                      u,
+                    /* @__PURE__ */ e(F, { children: (t) => /* @__PURE__ */ e(
+                      v,
                       {
                         value: "custom",
                         onClick: () => t.setOpen(!0),
-                        children: /* @__PURE__ */ e.jsxs(Ce, { children: [
-                          /* @__PURE__ */ e.jsx(p, { children: "Custom" }),
-                          /* @__PURE__ */ e.jsx(g, {}),
-                          /* @__PURE__ */ e.jsx(v, {})
+                        children: /* @__PURE__ */ r(be, { children: [
+                          /* @__PURE__ */ e(y, { children: "Custom" }),
+                          /* @__PURE__ */ e(f, {}),
+                          /* @__PURE__ */ e(C, {})
                         ] })
                       }
                     ) }),
-                    /* @__PURE__ */ e.jsx(Z, {})
+                    /* @__PURE__ */ e(Q, {})
                   ]
                 }
               ),
-              /* @__PURE__ */ e.jsx(h, { children: /* @__PURE__ */ e.jsx(Te, { children: /* @__PURE__ */ e.jsx(Se, { children: /* @__PURE__ */ e.jsx(Ie, { view: "day", children: /* @__PURE__ */ e.jsx(q, { children: (t) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                /* @__PURE__ */ e.jsxs(be, { children: [
-                  /* @__PURE__ */ e.jsx(Ne, { children: /* @__PURE__ */ e.jsx(L, {}) }),
-                  /* @__PURE__ */ e.jsx(Re, { children: /* @__PURE__ */ e.jsx(Ee, {}) }),
-                  /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsx(U, {}) })
+              /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(xe, { view: "day", children: /* @__PURE__ */ e(F, { children: (t) => /* @__PURE__ */ r(pe, { children: [
+                /* @__PURE__ */ r(De, { children: [
+                  /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(q, {}) }),
+                  /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(ze, {}) }),
+                  /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e(j, {}) })
                 ] }),
-                /* @__PURE__ */ e.jsxs(Pe, { children: [
-                  /* @__PURE__ */ e.jsx(ze, { children: /* @__PURE__ */ e.jsx(F, { children: t.weekDays.map((r, o) => /* @__PURE__ */ e.jsx(we, { children: r.short.substring(0, 2) }, o)) }) }),
-                  /* @__PURE__ */ e.jsx(Oe, { children: t.weeks.map((r, o) => /* @__PURE__ */ e.jsx(F, { children: r.map((B, xe) => /* @__PURE__ */ e.jsx(Ve, { value: B, children: /* @__PURE__ */ e.jsx(Be, { children: B.day }) }, xe)) }, o)) })
+                /* @__PURE__ */ r(Oe, { children: [
+                  /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(G, { children: t.weekDays.map((i, m) => /* @__PURE__ */ e(Be, { children: i.short.substring(0, 2) }, m)) }) }),
+                  /* @__PURE__ */ e(Me, { children: t.weeks.map((i, m) => /* @__PURE__ */ e(G, { children: i.map((k, ue) => /* @__PURE__ */ e(ke, { value: k, children: /* @__PURE__ */ e($e, { children: k.day }) }, ue)) }, m)) })
                 ] })
               ] }) }) }) }) }) })
             ]
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: "grow" }),
-        /* @__PURE__ */ e.jsxs(
-          T,
+        /* @__PURE__ */ e("div", { className: "grow" }),
+        /* @__PURE__ */ r(
+          b,
           {
-            collection: w,
-            value: s.provider ? [s.provider] : [],
+            collection: V,
+            value: n.provider ? [n.provider] : [],
             onValueChange: (t) => {
-              const r = y.enum(i.gameProviders ?? []).safeParse(t.value.at(0)).data;
-              x(), c({
-                provider: r ?? null
+              const i = T.enum(l.gameProviders ?? []).safeParse(t.value.at(0)).data;
+              u(), s({
+                provider: i ?? null
               });
             },
             lazyMount: !0,
             deselectable: !0,
             children: [
-              /* @__PURE__ */ e.jsxs(S, { children: [
-                /* @__PURE__ */ e.jsx(I, { placeholder: "Game Vendor" }),
-                /* @__PURE__ */ e.jsx(b, { asChild: !0, children: /* @__PURE__ */ e.jsx(C, {}) })
+              /* @__PURE__ */ r(N, { children: [
+                /* @__PURE__ */ e(R, { placeholder: "Game Vendor" }),
+                /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(I, {}) })
               ] }),
-              /* @__PURE__ */ e.jsx(h, { children: /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsx(Q, { children: w.items.map((t) => /* @__PURE__ */ e.jsxs(E, { item: t, children: [
-                /* @__PURE__ */ e.jsx(K, { children: a(t, {
-                  delimiter: a.delimiters.UNDERSCORE
+              /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(K, { children: V.items.map((t) => /* @__PURE__ */ r(P, { item: t, children: [
+                /* @__PURE__ */ e(W, { children: c(t, {
+                  delimiter: c.delimiters.UNDERSCORE
                 }) }),
-                /* @__PURE__ */ e.jsx(W, { asChild: !0, children: /* @__PURE__ */ e.jsx(H, {}) })
+                /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(U, {}) })
               ] }, t)) }) }) }) })
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs(
-          T,
+        /* @__PURE__ */ r(
+          b,
           {
-            collection: Y,
-            value: s.status ? [s.status] : [],
+            collection: ee,
+            value: n.status ? [n.status] : [],
             onValueChange: (t) => {
-              const r = y.enum(re).safeParse(t.value.at(0)).data;
-              x(), c({
-                status: r ?? null
+              const i = T.enum(ie).safeParse(t.value.at(0)).data;
+              u(), s({
+                status: i ?? null
               });
             },
             lazyMount: !0,
             deselectable: !0,
             children: [
-              /* @__PURE__ */ e.jsxs(S, { children: [
-                /* @__PURE__ */ e.jsx(I, { placeholder: "Status" }),
-                /* @__PURE__ */ e.jsx(b, { asChild: !0, children: /* @__PURE__ */ e.jsx(C, {}) })
+              /* @__PURE__ */ r(N, { children: [
+                /* @__PURE__ */ e(R, { placeholder: "Status" }),
+                /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(I, {}) })
               ] }),
-              /* @__PURE__ */ e.jsx(h, { children: /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsx(Q, { children: Y.items.map((t) => /* @__PURE__ */ e.jsxs(E, { item: t, children: [
-                /* @__PURE__ */ e.jsx(K, { children: a(t, {
-                  delimiter: a.delimiters.UNDERSCORE
+              /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(K, { children: ee.items.map((t) => /* @__PURE__ */ r(P, { item: t, children: [
+                /* @__PURE__ */ e(W, { children: c(t, {
+                  delimiter: c.delimiters.UNDERSCORE
                 }) }),
-                /* @__PURE__ */ e.jsx(W, { asChild: !0, children: /* @__PURE__ */ e.jsx(H, {}) })
+                /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(U, {}) })
               ] }, t)) }) }) }) })
             ]
           }
         )
       ] }),
-      f.length <= 0 && /* @__PURE__ */ e.jsx(
-        _e,
+      S.length <= 0 && /* @__PURE__ */ e(
+        Le,
         {
-          icon: d ? ye : ve,
-          title: d ? "Just a moment" : "No data",
-          message: d ? "Fetching latest bet records..." : "No data is currently available.",
+          icon: h ? Se : Te,
+          title: h ? "Just a moment" : "No data",
+          message: h ? "Fetching latest bet records..." : "No data is currently available.",
           className: "mt-8 lg:mt-16"
         }
       ),
-      f.length >= 1 && /* @__PURE__ */ e.jsxs("div", { className: "border-gray-200 mt-lg rounded-xl border", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b", children: /* @__PURE__ */ e.jsxs(Me, { className: "border-0", children: [
-          /* @__PURE__ */ e.jsx(ke, { children: /* @__PURE__ */ e.jsxs(X, { children: [
-            /* @__PURE__ */ e.jsx(n, { children: "Bet Time" }),
-            /* @__PURE__ */ e.jsx(n, { children: "Settlement Time" }),
-            /* @__PURE__ */ e.jsx(n, { children: "Bet Content" }),
-            /* @__PURE__ */ e.jsx(n, { children: "Odds" }),
-            /* @__PURE__ */ e.jsx(n, { children: "Bet Amount" }),
-            /* @__PURE__ */ e.jsx(n, { children: "Valid Bet" }),
-            /* @__PURE__ */ e.jsx(n, { children: "Settled Amount" }),
-            /* @__PURE__ */ e.jsx(n, { children: "Jackpot Contribution" }),
-            /* @__PURE__ */ e.jsx(n, { children: "Jackpot Payout" }),
-            /* @__PURE__ */ e.jsx(n, { children: "Bet Status" }),
-            /* @__PURE__ */ e.jsx(n, { children: "Game Name" }),
-            /* @__PURE__ */ e.jsx(n, { children: "Vendor Round ID" })
+      S.length >= 1 && /* @__PURE__ */ r("div", { className: "border-gray-200 mt-lg rounded-xl border", children: [
+        /* @__PURE__ */ e("div", { className: "border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b", children: /* @__PURE__ */ r(_e, { className: "border-0", children: [
+          /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ r(Y, { children: [
+            /* @__PURE__ */ e(o, { children: "Bet Time" }),
+            /* @__PURE__ */ e(o, { children: "Settlement Time" }),
+            /* @__PURE__ */ e(o, { children: "Bet Content" }),
+            /* @__PURE__ */ e(o, { children: "Odds" }),
+            /* @__PURE__ */ e(o, { children: "Bet Amount" }),
+            /* @__PURE__ */ e(o, { children: "Valid Bet" }),
+            /* @__PURE__ */ e(o, { children: "Settled Amount" }),
+            /* @__PURE__ */ e(o, { children: "Jackpot Contribution" }),
+            /* @__PURE__ */ e(o, { children: "Jackpot Payout" }),
+            /* @__PURE__ */ e(o, { children: "Bet Status" }),
+            /* @__PURE__ */ e(o, { children: "Game Name" }),
+            /* @__PURE__ */ e(o, { children: "Vendor Round ID" })
           ] }) }),
-          /* @__PURE__ */ e.jsx($e, { children: f.map((t) => {
-            var r;
-            return /* @__PURE__ */ e.jsxs(X, { children: [
-              /* @__PURE__ */ e.jsx(l, { children: A(t.dateTimeCreated, "yyyy MMM dd hh:mma", {
-                in: k(m.timezone)
+          /* @__PURE__ */ e(He, { children: S.map((t) => {
+            var i;
+            return /* @__PURE__ */ r(Y, { children: [
+              /* @__PURE__ */ e(a, { children: L(t.dateTimeCreated, "yyyy MMM dd hh:mma", {
+                in: _(d.timezone)
               }) }),
-              /* @__PURE__ */ e.jsx(l, { children: !!t.dateTimeSettled && A(t.dateTimeSettled, "yyyy MMM dd hh:mma", {
-                in: k(m.timezone)
+              /* @__PURE__ */ e(a, { children: !!t.dateTimeSettled && L(t.dateTimeSettled, "yyyy MMM dd hh:mma", {
+                in: _(d.timezone)
               }) }),
-              /* @__PURE__ */ e.jsx(l, { children: t == null ? void 0 : t.betContent }),
-              /* @__PURE__ */ e.jsx(l, { children: (r = t.metadata) == null ? void 0 : r.odds }),
-              /* @__PURE__ */ e.jsx(l, { children: j(t.bet, {
-                currency: m.currency.code,
+              /* @__PURE__ */ e(a, { children: t == null ? void 0 : t.betContent }),
+              /* @__PURE__ */ e(a, { children: (i = t.metadata) == null ? void 0 : i.odds }),
+              /* @__PURE__ */ e(a, { children: g(t.bet, {
+                currency: d.currency.code,
                 minDecimalPlaces: 2
               }) }),
-              /* @__PURE__ */ e.jsx(l, { children: t.validBet }),
-              /* @__PURE__ */ e.jsx(l, { children: j(t.payout, {
-                currency: m.currency.code,
+              /* @__PURE__ */ e(a, { children: t.validBet }),
+              /* @__PURE__ */ e(a, { children: g(t.payout, {
+                currency: d.currency.code,
                 minDecimalPlaces: 2
               }) }),
-              /* @__PURE__ */ e.jsx(l, { children: j(t.jackpotContribution, {
-                currency: m.currency.code,
+              /* @__PURE__ */ e(a, { children: g(t.jackpotContribution, {
+                currency: d.currency.code,
                 minDecimalPlaces: 2
               }) }),
-              /* @__PURE__ */ e.jsx(l, { children: j(t.jackpotPayout, {
-                currency: m.currency.code,
+              /* @__PURE__ */ e(a, { children: g(t.jackpotPayout, {
+                currency: d.currency.code,
                 minDecimalPlaces: 2
               }) }),
-              /* @__PURE__ */ e.jsx(l, { children: t.status }),
-              /* @__PURE__ */ e.jsx(l, { children: t.game.name }),
-              /* @__PURE__ */ e.jsx(l, { children: t.vendorRoundId })
+              /* @__PURE__ */ e(a, { children: t.status }),
+              /* @__PURE__ */ e(a, { children: t.game.name }),
+              /* @__PURE__ */ e(a, { children: t.vendorRoundId })
             ] }, t.id);
           }) })
         ] }) }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-lg px-4 py-3", children: [
-          /* @__PURE__ */ e.jsxs("p", { children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-lg px-4 py-3", children: [
+          /* @__PURE__ */ r("p", { children: [
             "Page ",
-            ie,
+            le,
             " of ",
-            de
+            he
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "grow" }),
-          /* @__PURE__ */ e.jsx(
-            T,
+          /* @__PURE__ */ e("div", { className: "grow" }),
+          /* @__PURE__ */ e(
+            b,
             {
               size: "sm",
-              value: [ne.toString()],
+              value: [oe.toString()],
               onValueChange: (t) => {
-                const r = parseInt(t.value[0]), o = isNaN(r) ? 10 : r;
-                ce(o);
+                const i = parseInt(t.value[0]), m = isNaN(i) ? 10 : i;
+                se(m);
               },
-              collection: D,
+              collection: z,
               lazyMount: !0,
-              children: /* @__PURE__ */ e.jsxs(S, { children: [
-                /* @__PURE__ */ e.jsx(I, {}),
-                /* @__PURE__ */ e.jsx(b, { asChild: !0, children: /* @__PURE__ */ e.jsx(C, {}) }),
-                /* @__PURE__ */ e.jsx(h, { children: /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(R, { children: D.items.map((t) => /* @__PURE__ */ e.jsx(E, { item: t, children: D.stringifyItem(t) }, t)) }) }) })
+              children: /* @__PURE__ */ r(N, { children: [
+                /* @__PURE__ */ e(R, {}),
+                /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(I, {}) }),
+                /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(E, { children: z.items.map((t) => /* @__PURE__ */ e(P, { item: t, children: z.stringifyItem(t) }, t)) }) }) })
               ] })
             }
           ),
-          /* @__PURE__ */ e.jsxs("div", { children: [
-            /* @__PURE__ */ e.jsx(
-              G,
+          /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ e(
+              J,
               {
                 size: "sm",
                 variant: "outline",
                 colorScheme: "gray",
                 className: "rounded-r-none border-r-0",
-                disabled: !oe || d,
-                onClick: () => me(),
-                children: /* @__PURE__ */ e.jsx(L, { className: "size-5" })
+                disabled: !me || h,
+                onClick: () => de(),
+                children: /* @__PURE__ */ e(q, { className: "size-5" })
               }
             ),
-            /* @__PURE__ */ e.jsx(
-              G,
+            /* @__PURE__ */ e(
+              J,
               {
                 size: "sm",
                 variant: "outline",
                 colorScheme: "gray",
                 className: "rounded-l-none",
-                disabled: !le || d,
-                onClick: () => ae(),
-                children: /* @__PURE__ */ e.jsx(U, { className: "size-5" })
+                disabled: !ae || h,
+                onClick: () => ce(),
+                children: /* @__PURE__ */ e(j, { className: "size-5" })
               }
             )
           ] })
@@ -398,21 +398,21 @@ function kt(i) {
     ] })
   ] });
 }
-const re = [
+const ie = [
   "CANCELLED",
   "SETTLED",
   "STARTED"
-], D = P({
-  items: te.config.pageSizes,
-  itemToValue: (i) => i.toString(),
-  itemToString: (i) => `${i} items per page`
-}), Y = P({
-  items: re,
-  itemToValue: (i) => i,
-  itemToString: (i) => a(i, {
-    delimiter: a.delimiters.UNDERSCORE
+], z = w({
+  items: re.config.pageSizes,
+  itemToValue: (l) => l.toString(),
+  itemToString: (l) => `${l} items per page`
+}), ee = w({
+  items: ie,
+  itemToValue: (l) => l,
+  itemToString: (l) => c(l, {
+    delimiter: c.delimiters.UNDERSCORE
   })
-}), Ae = y.enum(["all", "today", "custom"]), ee = Intl.DateTimeFormat().resolvedOptions().timeZone;
+}), Ue = T.enum(["all", "today", "custom"]), te = Intl.DateTimeFormat().resolvedOptions().timeZone;
 export {
-  kt as BetRecords
+  At as BetRecords
 };