@opexa/portal-components 0.0.7 → 0.0.9

package/dist/components/BetRecords/BetRecords.mjs

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