@opexa/portal-components 0.0.18 → 0.0.19

package/dist/components/BetRecords/BetRecords.mjs

@@ -1,59 +1,61 @@
 "use client";
-import { jsxs as r, jsx as e, Fragment as A } from "react/jsx-runtime";
-import { createListCollection as V, Portal as g, parseDate as ge } from "@ark-ui/react";
-import { TZDateMini as U, tz as y } from "@date-fns/tz";
-import { endOfDay as _, startOfDay as q, format as f } from "date-fns";
-import { useState as ye, useReducer as fe } from "react";
-import { twMerge as ve } from "tailwind-merge";
-import { z as C } from "zod";
+import { jsxs as r, jsx as e, Fragment as g } from "react/jsx-runtime";
+import { createListCollection as $, Portal as y, parseDate as fe } from "@ark-ui/react";
+import { TZDateMini as H, tz as f } from "@date-fns/tz";
+import { endOfDay as j, startOfDay as F, format as v } from "date-fns";
+import { useState as ve, useReducer as Ce } from "react";
+import { twMerge as Ne } from "tailwind-merge";
+import { z as x } 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 { capitalize as c } from "../../utils/capitalize.mjs";
 import { formatNumber as p } from "../../utils/formatNumber.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
-import { useBetRecordsQuery as Ne } from "../../client/hooks/useBetRecordsQuery.mjs";
+import "../../client/services/getSession.mjs";
+import { useBetRecordsQuery as Te } from "../../client/hooks/useBetRecordsQuery.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
 import "../../client/hooks/useGlobalStore.mjs";
-import { useInfiniteQueryHelper as le } from "../../client/hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as Te } from "../../client/hooks/useLocaleInfo.mjs";
+import { useInfiniteQueryHelper as ne } from "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as be } from "../../client/hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
-import { CheckIcon as H } from "../../icons/CheckIcon.mjs";
-import { ChevronDownIcon as S } from "../../icons/ChevronDownIcon.mjs";
-import { ChevronLeftIcon as j } from "../../icons/ChevronLeftIcon.mjs";
-import { ChevronRightIcon as F } from "../../icons/ChevronRightIcon.mjs";
-import { File02Icon as be } from "../../icons/File02Icon.mjs";
-import { SpinnerIcon as Ce } from "../../icons/SpinnerIcon.mjs";
+import { CheckIcon as w } from "../../icons/CheckIcon.mjs";
+import { ChevronDownIcon as R } from "../../icons/ChevronDownIcon.mjs";
+import { ChevronLeftIcon as G } from "../../icons/ChevronLeftIcon.mjs";
+import { ChevronRightIcon as J } from "../../icons/ChevronRightIcon.mjs";
+import { File02Icon as xe } from "../../icons/File02Icon.mjs";
+import { SpinnerIcon as Se } from "../../icons/SpinnerIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
-import { Root as xe, Label as Se } from "../../ui/Badge/Badge.mjs";
+import { Root as we, Label as Re } from "../../ui/Badge/Badge.mjs";
 import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/Collapsible/Collapsible.mjs";
-import { Root as we, Context as G, Control as Re, Positioner as Ie, Content as Ee, View as De, ViewControl as Pe, PrevTrigger as ze, ViewTrigger as Oe, RangeText as Ve, NextTrigger as ke, Table as Be, TableHead as Me, TableRow as J, TableHeader as $e, TableBody as Le, TableCell as Ae, TableCellTrigger as Ue } from "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Combobox/Combobox.mjs";
+import { Root as Ie, Context as W, Control as Ee, Positioner as De, Content as Pe, View as ze, ViewControl as Oe, PrevTrigger as Ve, ViewTrigger as ke, RangeText as Be, NextTrigger as Me, Table as $e, TableHead as Le, TableRow as Z, TableHeader as Ae, TableBody as Ue, TableCell as _e, TableCellTrigger as qe } from "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
-import { IconButton as Z } from "../../ui/IconButton/IconButton.mjs";
+import { IconButton as Q } from "../../ui/IconButton/IconButton.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
 import "../../ui/PasswordInput/PasswordInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
 import "../../ui/Progress/Progress.mjs";
-import { Root as Q, Item as v, ItemText as N, ItemControl as T, ItemHiddenInput as b, Indicator as W } from "../../ui/SegmentGroup/SegmentGroup.mjs";
-import { Root as w, Trigger as R, ValueText as I, Indicator as E, Positioner as D, Content as P, ItemGroup as K, Item as z, ItemText as X, ItemIndicator as Y } from "../../ui/Select/Select.mjs";
-import { Root as _e, Header as qe, Row as ee, Heading as o, Body as He, Cell as a } from "../../ui/Table/Table.mjs";
+import { Root as K, Item as C, ItemText as N, ItemControl as T, ItemHiddenInput as b, Indicator as X } from "../../ui/SegmentGroup/SegmentGroup.mjs";
+import { Root as I, Trigger as E, ValueText as D, Context as Y, ClearTrigger as ee, Indicator as P, Positioner as z, Content as O, ItemGroup as te, Item as V, ItemText as k, ItemIndicator as B } from "../../ui/Select/Select.mjs";
+import { Root as He, Header as je, Row as re, Heading as o, Body as Fe, Cell as a } from "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { Empty as je } from "../Empty/Empty.mjs";
-function jt(n) {
-  var M, $;
-  const [ne, k] = ye("all"), [i, d] = fe(
+import { Empty as Ge } from "../Empty.mjs";
+function Wt(n) {
+  var U, _;
+  const [ae, L] = ve("all"), [i, d] = Ce(
     (t, l) => ({
       ...t,
       ...l
@@ -63,25 +65,25 @@ function jt(n) {
       pageSize: 10,
       type: n.gameTypes[0]
     }
-  ), c = Te(), B = V({
+  ), m = be(), A = $({
     items: n.gameProviders,
     itemToValue: (t) => t,
-    itemToString: (t) => m(t, {
-      delimiter: m.delimiters.UNDERSCORE
+    itemToString: (t) => c(t, {
+      delimiter: c.delimiters.UNDERSCORE
     })
   }), {
-    page: oe,
-    pageSize: ae,
-    hasNextPage: me,
-    hasPrevPage: ce,
-    next: se,
-    prev: de,
-    rows: x,
-    setPageSize: he,
-    totalPages: ue,
+    page: ce,
+    pageSize: me,
+    hasNextPage: se,
+    hasPrevPage: de,
+    next: he,
+    prev: ue,
+    rows: S,
+    setPageSize: pe,
+    totalPages: ge,
     loading: h,
     firstPage: u
-  } = le(Ne, {
+  } = ne(Te, {
     filter: {
       ...i.type && {
         game__type: {
@@ -101,64 +103,64 @@ function jt(n) {
       ...i.timestamp && {
         dateTimeCreated: {
           ...i.timestamp.start && {
-            greaterThanOrEqual: new U(
-              q(i.timestamp.start),
-              c.timezone
+            greaterThanOrEqual: new H(
+              F(i.timestamp.start),
+              m.timezone
             ).toISOString()
           },
           ...i.timestamp.end && {
-            lesserThanOrEqual: new U(
-              _(i.timestamp.end),
-              c.timezone
+            lesserThanOrEqual: new H(
+              j(i.timestamp.end),
+              m.timezone
             ).toISOString()
           }
         }
       }
     }
   });
-  return /* @__PURE__ */ r("div", { className: ve("px-4 pb-3xl pt-4", n.className), children: [
+  return /* @__PURE__ */ r("div", { className: Ne("px-4 pb-3xl pt-4", n.className), children: [
     /* @__PURE__ */ e("h2", { className: "text-text-secondary-700 text-sm font-semibold leading-tight", children: "Bet Records" }),
     /* @__PURE__ */ e("p", { className: "text-text-tertiary-600 mt-xs text-sm leading-tight", children: "Review your betting history" }),
     /* @__PURE__ */ e("div", { className: "mt-lg", children: /* @__PURE__ */ r(
-      Q,
+      K,
       {
         value: i.type,
         onValueChange: (t) => {
           u(), d({
-            type: C.enum(n.gameTypes ?? []).safeParse(t.value).data ?? null
+            type: x.enum(n.gameTypes ?? []).safeParse(t.value).data ?? null
           });
         },
         children: [
-          n.gameTypes.map((t) => /* @__PURE__ */ r(v, { value: t, children: [
-            /* @__PURE__ */ e(N, { children: m(t, {
-              delimiter: m.delimiters.UNDERSCORE
+          n.gameTypes.map((t) => /* @__PURE__ */ r(C, { value: t, children: [
+            /* @__PURE__ */ e(N, { children: c(t, {
+              delimiter: c.delimiters.UNDERSCORE
             }) }),
             /* @__PURE__ */ e(T, {}),
             /* @__PURE__ */ e(b, {})
           ] }, t)),
-          /* @__PURE__ */ e(W, {})
+          /* @__PURE__ */ e(X, {})
         ]
       }
     ) }),
     /* @__PURE__ */ e("h3", { className: "text-text-secondary-700 mt-3xl text-sm font-semibold", children: "Table" }),
     /* @__PURE__ */ r("div", { className: "mt-xl flex flex-col gap-lg lg:flex-row lg:items-center", children: [
       /* @__PURE__ */ r(
-        we,
+        Ie,
         {
           lazyMount: !0,
           unmountOnExit: !0,
-          value: [(M = i.timestamp) == null ? void 0 : M.start, ($ = i.timestamp) == null ? void 0 : $.end].filter(Boolean).map((t) => ge(t)),
+          value: [(U = i.timestamp) == null ? void 0 : U.start, (_ = i.timestamp) == null ? void 0 : _.end].filter(Boolean).map((t) => fe(t)),
           onValueChange: (t) => {
             var l, s;
             u(), d({
               timestamp: {
-                start: (l = t.value.at(0)) == null ? void 0 : l.toDate(re),
-                end: (s = t.value.at(1)) == null ? void 0 : s.toDate(re)
+                start: (l = t.value.at(0)) == null ? void 0 : l.toDate(ie),
+                end: (s = t.value.at(1)) == null ? void 0 : s.toDate(ie)
               }
             });
           },
           onOpenChange: (t) => {
-            t.open || i.timestamp || k("all");
+            t.open || i.timestamp || L("all");
           },
           selectionMode: "range",
           closeOnSelect: !1,
@@ -168,63 +170,63 @@ function jt(n) {
           },
           children: [
             /* @__PURE__ */ r(
-              Q,
+              K,
               {
-                value: ne,
+                value: ae,
                 onValueChange: (t) => {
-                  const l = Fe.parse(t.value);
+                  const l = Je.parse(t.value);
                   if (l === "today") {
                     const s = /* @__PURE__ */ new Date();
                     d({
                       timestamp: {
-                        start: q(s),
-                        end: _(s)
+                        start: F(s),
+                        end: j(s)
                       }
                     });
                   } else
                     d({
                       timestamp: null
                     });
-                  u(), k(l);
+                  u(), L(l);
                 },
                 className: "w-full lg:w-fit",
                 children: [
-                  /* @__PURE__ */ r(v, { value: "all", className: "w-full lg:w-auto", children: [
+                  /* @__PURE__ */ r(C, { value: "all", className: "w-full lg:w-auto", children: [
                     /* @__PURE__ */ e(N, { children: "All" }),
                     /* @__PURE__ */ e(T, {}),
                     /* @__PURE__ */ e(b, {})
                   ] }),
-                  /* @__PURE__ */ r(v, { value: "today", className: "w-full lg:w-auto", children: [
+                  /* @__PURE__ */ r(C, { value: "today", className: "w-full lg:w-auto", children: [
                     /* @__PURE__ */ e(N, { children: "Today" }),
                     /* @__PURE__ */ e(T, {}),
                     /* @__PURE__ */ e(b, {})
                   ] }),
-                  /* @__PURE__ */ e(G, { children: (t) => /* @__PURE__ */ e(
-                    v,
+                  /* @__PURE__ */ e(W, { children: (t) => /* @__PURE__ */ e(
+                    C,
                     {
                       value: "custom",
                       onClick: () => t.setOpen(!0),
                       className: "w-full lg:w-auto",
-                      children: /* @__PURE__ */ r(Re, { children: [
+                      children: /* @__PURE__ */ r(Ee, { children: [
                         /* @__PURE__ */ e(N, { children: "Custom" }),
                         /* @__PURE__ */ e(T, {}),
                         /* @__PURE__ */ e(b, {})
                       ] })
                     }
                   ) }),
-                  /* @__PURE__ */ e(W, {})
+                  /* @__PURE__ */ e(X, {})
                 ]
               }
             ),
-            /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(De, { view: "day", children: /* @__PURE__ */ e(G, { children: (t) => /* @__PURE__ */ r(A, { children: [
-              /* @__PURE__ */ r(Pe, { children: [
-                /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(j, {}) }),
-                /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(Ve, {}) }),
-                /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(F, {}) })
+            /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(De, { children: /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(ze, { view: "day", children: /* @__PURE__ */ e(W, { children: (t) => /* @__PURE__ */ r(g, { children: [
+              /* @__PURE__ */ r(Oe, { children: [
+                /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(G, {}) }),
+                /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(Be, {}) }),
+                /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(J, {}) })
               ] }),
-              /* @__PURE__ */ r(Be, { children: [
-                /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(J, { children: t.weekDays.map((l, s) => /* @__PURE__ */ e($e, { children: l.short.substring(0, 2) }, s)) }) }),
-                /* @__PURE__ */ e(Le, { children: t.weeks.map((l, s) => /* @__PURE__ */ e(J, { children: l.map((L, pe) => /* @__PURE__ */ e(Ae, { value: L, children: /* @__PURE__ */ e(Ue, { children: L.day }) }, pe)) }, s)) })
+              /* @__PURE__ */ r($e, { children: [
+                /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(Z, { children: t.weekDays.map((l, s) => /* @__PURE__ */ e(Ae, { children: l.short.substring(0, 2) }, s)) }) }),
+                /* @__PURE__ */ e(Ue, { children: t.weeks.map((l, s) => /* @__PURE__ */ e(Z, { children: l.map((q, ye) => /* @__PURE__ */ e(_e, { value: q, children: /* @__PURE__ */ e(qe, { children: q.day }) }, ye)) }, s)) })
               ] })
             ] }) }) }) }) }) })
           ]
@@ -232,12 +234,12 @@ function jt(n) {
       ),
       /* @__PURE__ */ e("div", { className: "hidden grow lg:block" }),
       /* @__PURE__ */ r(
-        w,
+        I,
         {
-          collection: B,
+          collection: A,
           value: i.provider ? [i.provider] : [],
           onValueChange: (t) => {
-            const l = C.enum(n.gameProviders ?? []).safeParse(t.value.at(0)).data;
+            const l = x.enum(n.gameProviders ?? []).safeParse(t.value.at(0)).data;
             u(), d({
               provider: l ?? null
             });
@@ -248,26 +250,34 @@ function jt(n) {
             sameWidth: !0
           },
           children: [
-            /* @__PURE__ */ r(R, { className: "w-full lg:w-[14rem]", children: [
-              /* @__PURE__ */ e(I, { placeholder: "Game Vendor" }),
-              /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(S, {}) })
+            /* @__PURE__ */ r(E, { className: "w-full lg:w-[14rem]", children: [
+              /* @__PURE__ */ e(D, { placeholder: "Game Vendor" }),
+              /* @__PURE__ */ e(Y, { children: (t) => /* @__PURE__ */ e(g, { children: t.value.length ? /* @__PURE__ */ e(ee, { asChild: !0, children: /* @__PURE__ */ e(
+                "span",
+                {
+                  onClick: (l) => {
+                    l.stopPropagation();
+                  },
+                  children: "Clear"
+                }
+              ) }) : /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(R, {}) }) }) })
             ] }),
-            /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(K, { children: B.items.map((t) => /* @__PURE__ */ r(z, { item: t, children: [
-              /* @__PURE__ */ e(X, { children: m(t, {
-                delimiter: m.delimiters.UNDERSCORE
+            /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(te, { children: A.items.map((t) => /* @__PURE__ */ r(V, { item: t, children: [
+              /* @__PURE__ */ e(k, { children: c(t, {
+                delimiter: c.delimiters.UNDERSCORE
               }) }),
-              /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(H, {}) })
+              /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(w, {}) })
             ] }, t)) }) }) }) })
           ]
         }
       ),
       /* @__PURE__ */ r(
-        w,
+        I,
         {
-          collection: te,
+          collection: le,
           value: i.status ? [i.status] : [],
           onValueChange: (t) => {
-            const l = C.enum(ie).safeParse(t.value.at(0)).data;
+            const l = x.enum(oe).safeParse(t.value.at(0)).data;
             u(), d({
               status: l ?? null
             });
@@ -278,32 +288,40 @@ function jt(n) {
             sameWidth: !0
           },
           children: [
-            /* @__PURE__ */ r(R, { className: "w-full lg:w-[14rem]", children: [
-              /* @__PURE__ */ e(I, { placeholder: "Status" }),
-              /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(S, {}) })
+            /* @__PURE__ */ r(E, { className: "w-full lg:w-[14rem]", children: [
+              /* @__PURE__ */ e(D, { placeholder: "Status" }),
+              /* @__PURE__ */ e(Y, { children: (t) => /* @__PURE__ */ e(g, { children: t.value.length ? /* @__PURE__ */ e(ee, { asChild: !0, children: /* @__PURE__ */ e(
+                "span",
+                {
+                  onClick: (l) => {
+                    l.stopPropagation();
+                  },
+                  children: "Clear"
+                }
+              ) }) : /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(R, {}) }) }) })
             ] }),
-            /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(K, { children: te.items.map((t) => /* @__PURE__ */ r(z, { item: t, children: [
-              /* @__PURE__ */ e(X, { children: m(t, {
-                delimiter: m.delimiters.UNDERSCORE
+            /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(te, { children: le.items.map((t) => /* @__PURE__ */ r(V, { item: t, children: [
+              /* @__PURE__ */ e(k, { children: c(t, {
+                delimiter: c.delimiters.UNDERSCORE
               }) }),
-              /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(H, {}) })
+              /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(w, {}) })
             ] }, t)) }) }) }) })
           ]
         }
       )
     ] }),
-    x.length <= 0 && /* @__PURE__ */ e(
-      je,
+    S.length <= 0 && /* @__PURE__ */ e(
+      Ge,
       {
-        icon: h ? Ce : be,
+        icon: h ? Se : xe,
         title: h ? "Just a moment" : "No data",
         message: h ? "Fetching latest bet records..." : "No data is currently available.",
         className: "mt-5xl"
       }
     ),
-    x.length >= 1 && /* @__PURE__ */ r("div", { className: "border-border-primary -ml-4 mt-3xl w-dvw border-y lg:-ml-0 lg:w-full lg:rounded-xl lg:border-x", children: [
-      /* @__PURE__ */ e("div", { className: "border-border-primary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-xl rounded-b-none border-b", children: /* @__PURE__ */ r(_e, { className: "border-0", children: [
-        /* @__PURE__ */ e(qe, { children: /* @__PURE__ */ r(ee, { children: [
+    S.length >= 1 && /* @__PURE__ */ r("div", { className: "border-border-primary -ml-4 mt-3xl w-dvw border-y lg:-ml-0 lg:w-full lg:rounded-xl lg:border-x", children: [
+      /* @__PURE__ */ e("div", { className: "border-border-primary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-xl rounded-b-none border-b", children: /* @__PURE__ */ r(He, { className: "border-0", children: [
+        /* @__PURE__ */ e(je, { children: /* @__PURE__ */ r(re, { children: [
           /* @__PURE__ */ e(o, { children: "Bet Time" }),
           /* @__PURE__ */ e(o, { children: "Settlement Time" }),
           /* @__PURE__ */ e(o, { children: "Bet Content" }),
@@ -317,53 +335,53 @@ function jt(n) {
           /* @__PURE__ */ e(o, { children: "Game Name" }),
           /* @__PURE__ */ e(o, { children: "Vendor Round ID" })
         ] }) }),
-        /* @__PURE__ */ e(He, { children: x.map((t) => {
+        /* @__PURE__ */ e(Fe, { children: S.map((t) => {
           var l;
-          return /* @__PURE__ */ r(ee, { children: [
+          return /* @__PURE__ */ r(re, { children: [
             /* @__PURE__ */ r(a, { className: "!py-1", children: [
-              /* @__PURE__ */ e("div", { className: "leading-tight", children: f(t.dateTimeCreated, "MM/dd/yyyy", {
-                in: y(c.timezone)
+              /* @__PURE__ */ e("div", { className: "leading-tight", children: v(t.dateTimeCreated, "MM/dd/yyyy", {
+                in: f(m.timezone)
               }) }),
-              /* @__PURE__ */ e("div", { className: "text-text-tertiary-600 leading-tight", children: f(t.dateTimeCreated, "hh:mm a", {
-                in: y(c.timezone)
+              /* @__PURE__ */ e("div", { className: "text-text-tertiary-600 leading-tight", children: v(t.dateTimeCreated, "hh:mm a", {
+                in: f(m.timezone)
               }) })
             ] }),
-            /* @__PURE__ */ e(a, { className: "!py-1", children: !!t.dateTimeSettled && /* @__PURE__ */ r(A, { children: [
-              /* @__PURE__ */ e("div", { className: "leading-tight", children: f(t.dateTimeSettled, "MM/dd/yyyy", {
-                in: y(c.timezone)
+            /* @__PURE__ */ e(a, { className: "!py-1", children: !!t.dateTimeSettled && /* @__PURE__ */ r(g, { children: [
+              /* @__PURE__ */ e("div", { className: "leading-tight", children: v(t.dateTimeSettled, "MM/dd/yyyy", {
+                in: f(m.timezone)
               }) }),
-              /* @__PURE__ */ e("div", { className: "text-text-tertiary-600 leading-tight", children: f(t.dateTimeSettled, "hh:mm a", {
-                in: y(c.timezone)
+              /* @__PURE__ */ e("div", { className: "text-text-tertiary-600 leading-tight", children: v(t.dateTimeSettled, "hh:mm a", {
+                in: f(m.timezone)
               }) })
             ] }) }),
             /* @__PURE__ */ e(a, { className: "!py-1", children: (t == null ? void 0 : t.betContent) || "/" }),
             /* @__PURE__ */ e(a, { className: "!py-1", children: ((l = t.metadata) == null ? void 0 : l.odds) || "/" }),
             /* @__PURE__ */ e(a, { className: "!py-1", children: p(t.bet, {
-              currency: c.currency.code,
+              currency: m.currency.code,
               minDecimalPlaces: 2
             }) }),
             /* @__PURE__ */ e(a, { className: "!py-1", children: p(t.validBet, {
-              currency: c.currency.code,
+              currency: m.currency.code,
               minDecimalPlaces: 2
             }) }),
             /* @__PURE__ */ e(a, { className: "!py-1", children: p(t.payout, {
-              currency: c.currency.code,
+              currency: m.currency.code,
               minDecimalPlaces: 2
             }) }),
             /* @__PURE__ */ e(a, { className: "!py-1", children: p(t.jackpotContribution, {
-              currency: c.currency.code,
+              currency: m.currency.code,
               minDecimalPlaces: 2
             }) }),
             /* @__PURE__ */ e(a, { className: "!py-1", children: p(t.jackpotPayout, {
-              currency: c.currency.code,
+              currency: m.currency.code,
               minDecimalPlaces: 2
             }) }),
             /* @__PURE__ */ e(a, { className: "!py-1", children: /* @__PURE__ */ e(
-              xe,
+              we,
               {
                 colorScheme: t.status === "SETTLED" ? "success" : t.status === "STARTED" ? "blue" : "danger",
-                children: /* @__PURE__ */ e(Se, { children: m(t.status, {
-                  delimiter: m.delimiters.UNDERSCORE
+                children: /* @__PURE__ */ e(Re, { children: c(t.status, {
+                  delimiter: c.delimiters.UNDERSCORE
                 }) })
               }
             ) }),
@@ -375,53 +393,59 @@ function jt(n) {
       /* @__PURE__ */ r("div", { className: "flex items-center gap-lg px-4 py-3", children: [
         /* @__PURE__ */ r("p", { className: "text-text-secondary-700 order-2 grow text-center text-sm font-medium lg:order-none lg:grow-0", children: [
           "Page ",
-          oe,
+          ce,
           " of ",
-          ue
+          ge
         ] }),
         /* @__PURE__ */ e("div", { className: "hidden grow lg:block" }),
         /* @__PURE__ */ e(
-          w,
+          I,
           {
             size: "sm",
-            value: [ae.toString()],
+            value: [me.toString()],
             onValueChange: (t) => {
               const l = parseInt(t.value[0]), s = isNaN(l) ? 10 : l;
-              he(s);
+              pe(s);
             },
-            collection: O,
+            collection: M,
             lazyMount: !0,
             className: "hidden lg:block",
-            children: /* @__PURE__ */ r(R, { children: [
-              /* @__PURE__ */ e(I, {}),
-              /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(S, {}) }),
-              /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(P, { children: O.items.map((t) => /* @__PURE__ */ e(z, { item: t, children: O.stringifyItem(t) }, t)) }) }) })
+            positioning: {
+              sameWidth: !0
+            },
+            children: /* @__PURE__ */ r(E, { children: [
+              /* @__PURE__ */ e(D, {}),
+              /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(R, {}) }),
+              /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(O, { children: M.items.map((t) => /* @__PURE__ */ r(V, { item: t, children: [
+                /* @__PURE__ */ e(k, { children: M.stringifyItem(t) }),
+                /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(w, {}) })
+              ] }, t)) }) }) })
             ] })
           }
         ),
         /* @__PURE__ */ r("div", { className: "contents lg:flex", children: [
           /* @__PURE__ */ e(
-            Z,
+            Q,
             {
               size: "sm",
               variant: "outline",
               colorScheme: "gray",
               className: "order-1 lg:order-none lg:rounded-r-none lg:border-r-0",
-              disabled: !ce || h,
-              onClick: () => de(),
-              children: /* @__PURE__ */ e(j, { className: "size-5" })
+              disabled: !de || h,
+              onClick: () => ue(),
+              children: /* @__PURE__ */ e(G, { className: "size-5" })
             }
           ),
           /* @__PURE__ */ e(
-            Z,
+            Q,
             {
               size: "sm",
               variant: "outline",
               colorScheme: "gray",
               className: "order-3 lg:order-none lg:rounded-l-none",
-              disabled: !me || h,
-              onClick: () => se(),
-              children: /* @__PURE__ */ e(F, { className: "size-5" })
+              disabled: !se || h,
+              onClick: () => he(),
+              children: /* @__PURE__ */ e(J, { className: "size-5" })
             }
           )
         ] })
@@ -429,21 +453,21 @@ function jt(n) {
     ] })
   ] });
 }
-const ie = [
+const oe = [
   "CANCELLED",
   "SETTLED",
   "STARTED"
-], O = V({
-  items: le.config.pageSizes,
+], M = $({
+  items: ne.config.pageSizes,
   itemToValue: (n) => n.toString(),
   itemToString: (n) => `${n} items per page`
-}), te = V({
-  items: ie,
+}), le = $({
+  items: oe,
   itemToValue: (n) => n,
-  itemToString: (n) => m(n, {
-    delimiter: m.delimiters.UNDERSCORE
+  itemToString: (n) => c(n, {
+    delimiter: c.delimiters.UNDERSCORE
   })
-}), Fe = C.enum(["all", "today", "custom"]), re = Intl.DateTimeFormat().resolvedOptions().timeZone;
+}), Je = x.enum(["all", "today", "custom"]), ie = Intl.DateTimeFormat().resolvedOptions().timeZone;
 export {
-  jt as BetRecords
+  Wt as BetRecords
 };

package/dist/components/Bonus/Bonus.client.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("next/image"),a=require("next/link"),n=require("../../icons/ChevronLeftIcon.js"),o=require("../../icons/ChevronRightIcon.js"),c=require("../../icons/StopWatchIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");const s=require("../../ui/Badge/Badge.js");require("@ark-ui/react");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");const t=require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");const r=require("../../ui/Progress/Progress.js"),d=require("../../ui/Prose.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function m(i){return e.jsxs("div",{className:i.className,children:[e.jsxs(a,{href:i.viewAllUrl??"/rewards",className:"text-button-tertiary-fg flex items-center gap-lg text-lg font-semibold",children:[e.jsx(n.ChevronLeftIcon,{className:"size-6"}),"Back to Rewards"]}),e.jsx(l,{src:"https://s3.ap-east-1.amazonaws.com/opexa-assets.opexasystem.com/assets/BSxIXEsa59_zzMAR27-ALLDAYREBATE06-STATIC-WEB-HB-1920x1080.png",alt:"",width:1024,height:600,className:"mt-3xl h-auto w-full rounded-xl"}),e.jsxs(s.Root,{size:"lg",round:!1,colorScheme:"brand",className:"mt-xl lg:mt-6",children:[e.jsx(s.Icon,{children:e.jsx(c.StopWatchIcon,{})}),e.jsx(s.Label,{children:"9d:10h:11m"})]}),e.jsx("h1",{className:"text-text-primary-900 mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl",children:"50 PHP First Deposit Bonus"}),e.jsx("p",{className:"text-text-primary-brand mt-xl text-base lg:mt-6 lg:text-lg",children:"Complete the wagering before time runs out to convert your bonus balance into real money!"}),e.jsxs("div",{className:"border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl flex items-center justify-between rounded-md border px-3.5 py-xl lg:mt-6",children:[e.jsx("p",{children:"Your bonus"}),e.jsxs("p",{children:[e.jsx("span",{className:"text-text-primary-900",children:"20.00"})," / 50.00 PHP"]})]}),e.jsxs("div",{className:"border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl flex items-center justify-between rounded-md border px-3.5 py-xl lg:mt-6",children:[e.jsx("p",{children:"Required Turnover"}),e.jsx("p",{children:"5x"})]}),e.jsxs("div",{className:"border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl rounded-md border px-3.5 py-xl lg:mt-6",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("p",{children:"Wagering"}),e.jsx("p",{children:"400/1000"})]}),e.jsx(r.Root,{defaultValue:42,className:"mt-2",children:e.jsx(r.Track,{children:e.jsx(r.Range,{})})})]}),e.jsxs(t.Root,{className:"mt-xl lg:mt-6",children:[e.jsxs(t.Trigger,{className:"text-button-tertiary-fg flex w-fit items-center justify-center gap-sm text-sm font-semibold lg:mx-auto",children:["Game Provider Contribution",e.jsx(t.Indicator,{asChild:!0,children:e.jsx(o.ChevronRightIcon,{className:"size-5"})})]}),e.jsxs(t.Content,{className:"border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl space-y-1.5 rounded-md border px-3.5 py-xl lg:mt-6",children:[e.jsxs("div",{className:"flex items-center justify-between gap-md",children:[e.jsx("p",{className:"w-[11.25rem] shrink-0",children:"Playson"}),e.jsx(r.Root,{defaultValue:42,className:"mt-2 grow",children:e.jsx(r.Track,{children:e.jsx(r.Range,{})})}),e.jsx("p",{children:"25%"})]}),e.jsxs("div",{className:"flex items-center justify-between gap-md",children:[e.jsx("p",{className:"w-[11.25rem] shrink-0",children:"Betsoft Gaming"}),e.jsx(r.Root,{defaultValue:42,className:"mt-2 grow",children:e.jsx(r.Track,{children:e.jsx(r.Range,{})})}),e.jsx("p",{children:"13%"})]}),e.jsxs("div",{className:"flex items-center justify-between gap-md",children:[e.jsx("p",{className:"w-[11.25rem] shrink-0",children:"Microgaming"}),e.jsx(r.Root,{defaultValue:42,className:"mt-2 grow",children:e.jsx(r.Track,{children:e.jsx(r.Range,{})})}),e.jsx("p",{children:"50%"})]}),e.jsxs("div",{className:"flex items-center justify-between gap-md",children:[e.jsx("p",{className:"w-[11.25rem] shrink-0",children:"Realtime Gaming"}),e.jsx(r.Root,{defaultValue:42,className:"mt-2 grow",children:e.jsx(r.Track,{children:e.jsx(r.Range,{})})}),e.jsx("p",{children:"10%"})]})]})]}),e.jsxs(d.Prose,{className:"mt-xl lg:mt-6",children:[e.jsx("h3",{children:"How to get bonus"}),e.jsxs("ol",{children:[e.jsx("li",{children:"All OFWin members are eligible for this program."}),e.jsx("li",{children:"50 PHP of game credit will be automatically credited to the new member account upon completion of first deposit Auctor vel in vitae placerat."}),e.jsx("li",{children:"Member must reach a 5x turnover requirement before a withdrawal can be made. Attempting to make a withdrawal before this turnover requirement is completed could cause your bonus to be voided."}),e.jsx("li",{children:"Players will have 10 days from the date the bonus is awarded to complete the rollover requirement."}),e.jsx("li",{children:"Bets used to meet other bonus rollover requirements will not count toward this promotion."})]}),e.jsx("h3",{children:"Terms and Conditions"}),e.jsxs("ul",{children:[e.jsx("li",{children:"Only one account per player is allowed. No same IP address/bank account name allowed. Players who have multiple or fraudulent accounts will not be qualified for the promotion."}),e.jsx("li",{children:"Players that are found to have any duplicate accounts or those who participate in fraudulent activities may have their funds forfeited and their accounts closed."}),e.jsx("li",{children:"OFWin reserves the right to amend or cancel this Referral Program at any time. OFWin General Terms and Conditions apply."})]})]})]})}exports.Bonus__client=m;