@opexa/portal-components 0.0.17 → 0.0.18

package/dist/components/Account/Account.mjs

@@ -1,12 +1,13 @@
 "use client";
-import { jsxs as i, Fragment as y, jsx as e } from "react/jsx-runtime";
-import { Portal as p } from "@ark-ui/react";
-import N from "next/link";
-import { useShallow as d } from "zustand/shallow";
-import { useAccountQuery as w } from "../../client/hooks/useAccountQuery.mjs";
+import { jsxs as i, Fragment as P, jsx as e } from "react/jsx-runtime";
+import { Portal as u } from "@ark-ui/react";
+import m from "next/image";
+import v from "next/link";
+import { useShallow as p } from "zustand/shallow";
+import { useAccountQuery as C } from "../../client/hooks/useAccountQuery.mjs";
 import "@tanstack/react-query";
 import "../../utils/capitalize.mjs";
-import { formatNumber as O } from "../../utils/formatNumber.mjs";
+import { formatNumber as d } from "../../utils/formatNumber.mjs";
 import "../../constants/index.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
@@ -17,177 +18,243 @@ import "tiny-invariant";
 import "react";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useGlobalStore as c } from "../../client/hooks/useGlobalStore.mjs";
+import { useGlobalStore as f } from "../../client/hooks/useGlobalStore.mjs";
 import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as P } from "../../client/hooks/useLocaleInfo.mjs";
+import { useLocaleInfo as I } from "../../client/hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
-import { useSignOutMutation as v } from "../../client/hooks/useSignOutMutation.mjs";
-import { useWalletQuery as k } from "../../client/hooks/useWalletQuery.mjs";
-import { ChevronRightIcon as f } from "../../icons/ChevronRightIcon.mjs";
-import { Logout01Icon as C } from "../../icons/Logout01Icon.mjs";
-import { User01Icon as a } from "../../icons/User01Icon.mjs";
+import { useSignOutMutation as z } from "../../client/hooks/useSignOutMutation.mjs";
+import { useUnreadMessagesCountQuery as T } from "../../client/hooks/useUnreadMessagesCountQuery.mjs";
+import { useWalletQuery as A } from "../../client/hooks/useWalletQuery.mjs";
+import { AlertCircleIcon as W } from "../../icons/AlertCircleIcon.mjs";
+import { ChevronRightIcon as h } from "../../icons/ChevronRightIcon.mjs";
+import { Logout01Icon as S } from "../../icons/Logout01Icon.mjs";
+import { XIcon as k } from "../../icons/XIcon.mjs";
+import c from "../../images/placeholder-avatar.png.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
-import { Root as s, Fallback as m } from "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.mjs";
-import { Button as u } from "../../ui/Button/Button.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import { Root as R, Indicator as D, Label as L } from "../../ui/Badge/Badge.mjs";
+import { Button as x } from "../../ui/Button/Button.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
-import { Root as W, Trigger as z, Backdrop as S, Positioner as T, Content as A } from "../../ui/Drawer/Drawer.mjs";
+import { Root as Q, Trigger as U, Positioner as E, Content as M } from "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
-import "../../ui/IconButton/iconButton.recipe.mjs";
+import { IconButton as b } from "../../ui/IconButton/IconButton.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
-import { Root as R, Trigger as I, Positioner as L, Content as M } from "../../ui/Popover/Popover.mjs";
+import { Root as j, Trigger as B, Positioner as _, Content as $ } from "../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
+import "../../ui/Progress/Progress.mjs";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-function ze(t) {
-  const l = c(
-    d((r) => ({
+function $e(l) {
+  const t = f(
+    p((r) => ({
       profile: r.profile,
       mobileProfile: r.mobileProfile
     }))
   );
-  return /* @__PURE__ */ i(y, { children: [
+  return /* @__PURE__ */ i(P, { children: [
     /* @__PURE__ */ i(
-      W,
+      Q,
       {
-        open: l.profile.open,
+        open: t.mobileProfile.open,
         onOpenChange: (r) => {
-          l.profile.setOpen(r.open);
+          t.mobileProfile.setOpen(r.open);
         },
         lazyMount: !0,
         unmountOnExit: !0,
         children: [
-          /* @__PURE__ */ e(z, { asChild: !0, className: "lg:hidden", children: t.children ?? /* @__PURE__ */ e("button", { type: "button", children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(a, {}) }) }) }) }),
-          /* @__PURE__ */ i(p, { children: [
-            /* @__PURE__ */ e(S, {}),
-            /* @__PURE__ */ e(T, { children: /* @__PURE__ */ i(A, { className: "bg-gray-50 flex w-[316px] flex-col px-xl py-6", children: [
-              /* @__PURE__ */ e(b, {}),
-              /* @__PURE__ */ e(x, {}),
-              /* @__PURE__ */ e(g, { links: t.links ?? [] }),
-              /* @__PURE__ */ e("div", { className: "grow" }),
-              /* @__PURE__ */ e(h, {})
-            ] }) })
-          ] })
+          /* @__PURE__ */ e(U, { asChild: !0, className: "lg:hidden", children: l.children ?? /* @__PURE__ */ e(b, { size: "sm", colorScheme: "gray", children: t.mobileProfile.open ? /* @__PURE__ */ e(k, {}) : /* @__PURE__ */ e(
+            m,
+            {
+              src: c,
+              alt: "",
+              width: 100,
+              height: 100,
+              className: "size-10"
+            }
+          ) }) }),
+          /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ i(
+            M,
+            {
+              className: "top-[var(--top,0px)] flex h-[calc(100%-var(--top,0px))] w-full flex-col px-xl py-6",
+              style: {
+                "--top": l.offsetTop ?? "0px"
+              },
+              children: [
+                /* @__PURE__ */ e(g, {}),
+                /* @__PURE__ */ e(N, {}),
+                /* @__PURE__ */ e(y, { links: l.links })
+              ]
+            }
+          ) }) })
         ]
       }
     ),
     /* @__PURE__ */ i(
-      R,
+      j,
       {
-        open: l.mobileProfile.open,
+        open: t.profile.open,
         onOpenChange: (r) => {
-          l.mobileProfile.setOpen(r.open);
+          t.profile.setOpen(r.open);
         },
         lazyMount: !0,
         unmountOnExit: !0,
         positioning: {
-          placement: "bottom"
+          placement: "bottom",
+          strategy: "fixed"
         },
         children: [
-          /* @__PURE__ */ e(I, { className: "hidden lg:flex", asChild: !0, children: t.children ?? /* @__PURE__ */ e("button", { type: "button", children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(a, {}) }) }) }) }),
-          /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ i(M, { className: "border-gray-200 z-popover w-[316px] rounded-xl border bg-white p-xl ui-open:animate-fade-in ui-closed:animate-fade-out", children: [
-            /* @__PURE__ */ e(b, {}),
-            /* @__PURE__ */ e(x, {}),
-            /* @__PURE__ */ e(g, { links: t.links ?? [] }),
-            /* @__PURE__ */ e(h, {})
+          /* @__PURE__ */ e(B, { className: "hidden lg:flex", asChild: !0, children: l.children ?? /* @__PURE__ */ e(b, { size: "sm", colorScheme: "gray", children: /* @__PURE__ */ e(
+            m,
+            {
+              src: c,
+              alt: "",
+              width: 48,
+              height: 48,
+              className: "size-10"
+            }
+          ) }) }),
+          /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ i($, { className: "border-border-primary bg-bg-primary z-popover w-[23.438rem] rounded-xl border p-xl ui-open:animate-fade-in ui-closed:animate-fade-out", children: [
+            /* @__PURE__ */ e(g, {}),
+            /* @__PURE__ */ e(N, {}),
+            /* @__PURE__ */ e(y, { links: l.links })
           ] }) }) })
         ]
       }
     )
   ] });
 }
-function h() {
-  return /* @__PURE__ */ e("div", { className: "text-gray-400 mt-xl text-center text-2xs", children: "© 2025 HappyBingo All rights reserved" });
-}
-function b() {
-  var l, r, o, n;
-  const t = w();
-  return /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(a, {}) }) }),
-    /* @__PURE__ */ i("div", { children: [
-      /* @__PURE__ */ e("p", { className: "text-sm font-semibold", children: (l = t.data) == null ? void 0 : l.name }),
-      /* @__PURE__ */ e("p", { className: "text-gray-400 text-xs", children: ((r = t.data) == null ? void 0 : r.nickName) ?? ((o = t.data) == null ? void 0 : o.emailAddress) ?? ((n = t.data) == null ? void 0 : n.realName) })
-    ] })
+function g() {
+  const t = C().data;
+  return /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-lg", children: [
+    /* @__PURE__ */ e(
+      m,
+      {
+        src: c,
+        alt: "",
+        width: 48,
+        height: 48,
+        className: "size-12"
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: "grow", children: [
+      /* @__PURE__ */ e("p", { className: "text-text-secondary-700 font-semibold leading-tight", children: t == null ? void 0 : t.name }),
+      /* @__PURE__ */ e("p", { className: "text-text-tertiary-600 leading-tight", children: (t == null ? void 0 : t.nickName) ?? (t == null ? void 0 : t.emailAddress) ?? (t == null ? void 0 : t.realName) })
+    ] }),
+    /* @__PURE__ */ i(
+      R,
+      {
+        colorScheme: t != null && t.verified ? "success" : "danger",
+        className: "self-start",
+        children: [
+          /* @__PURE__ */ e(D, {}),
+          /* @__PURE__ */ e(L, { children: t != null && t.verified ? "Verified" : "Unverified" })
+        ]
+      }
+    )
   ] });
 }
-function g(t) {
-  const l = v(), r = c(
-    d((o) => ({
-      profile: o.profile,
-      mobileProfile: o.mobileProfile
+function y(l) {
+  const t = z(), r = f(
+    p((n) => ({
+      profile: n.profile,
+      mobileProfile: n.mobileProfile
     }))
+  ), s = Array.isArray(l.links[0]) ? l.links : [l.links], a = T(
+    {},
+    {
+      enabled: l.links.flat().some((n) => n.badge === "UNREAD_NOTIFICATIONS_COUNT"),
+      refetchInterval: 5e3
+    }
   );
   return /* @__PURE__ */ i("nav", { className: "mt-xl space-y-xl", children: [
-    /* @__PURE__ */ e("ul", { children: t.links.map((o, n) => /* @__PURE__ */ e(
+    s.map((n, O) => /* @__PURE__ */ e("ul", { children: n.map((o, w) => /* @__PURE__ */ e(
       "li",
       {
-        className: "border-gray-200 block border-x border-b bg-white first:rounded-t-xl first:border-t last:rounded-b-xl",
+        className: "bg-bg-primary-alt block first:rounded-t-xl last:rounded-b-xl",
         children: /* @__PURE__ */ i(
-          N,
+          v,
           {
             href: o.href,
             onClick: () => {
               r.profile.setOpen(!1), r.mobileProfile.setOpen(!1);
             },
-            className: "flex w-full items-center gap-lg px-xl py-xl text-left text-sm font-semibold",
+            className: "flex w-full items-center px-xl py-xl text-left text-sm font-semibold",
             children: [
-              /* @__PURE__ */ e(o.icon, { className: "size-5" }),
-              /* @__PURE__ */ e("span", { className: "grow", children: o.label }),
-              /* @__PURE__ */ e(f, { className: "text-gray-400 size-5" })
+              /* @__PURE__ */ e(o.icon, { className: "text-text-quarterary-500 size-5" }),
+              /* @__PURE__ */ e("span", { className: "ml-lg grow", children: o.label }),
+              o.badge === "UNREAD_NOTIFICATIONS_COUNT" && /* @__PURE__ */ e("span", { className: "border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 mr-md flex h-5.5 min-w-6 items-center justify-center rounded-full border text-xs font-medium leading-tight", children: d(a.data, {
+                compact: !0
+              }) }),
+              o.badge === "REWARDS_COUNT" && /* @__PURE__ */ e("span", { className: "border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 mr-md flex h-5.5 min-w-6 items-center justify-center rounded-full border text-xs font-medium leading-tight", children: d(a.data, {
+                compact: !0
+              }) }),
+              o.badge === "WARNING" && /* @__PURE__ */ e("span", { className: "border-utility-warning-200 bg-utility-warning-50 text-utility-warning-500 mr-md flex size-5.5 items-center justify-center rounded-full border", children: /* @__PURE__ */ e(W, { className: "size-3" }) }),
+              /* @__PURE__ */ e(h, { className: "text-text-quarterary-500 size-5" })
             ]
           }
         )
       },
-      o.href + n
-    )) }),
-    /* @__PURE__ */ e("ul", { children: /* @__PURE__ */ e("li", { className: "border-gray-200 block rounded-xl border bg-white", children: /* @__PURE__ */ i(
+      o.href + w
+    )) }, O)),
+    /* @__PURE__ */ e("ul", { children: /* @__PURE__ */ e("li", { className: "bg-bg-primary-alt block first:rounded-t-xl last:rounded-b-xl", children: /* @__PURE__ */ i(
       "button",
       {
         type: "button",
-        className: "flex w-full items-center gap-lg px-xl py-xl text-left text-sm font-semibold",
-        disabled: l.isPending,
+        className: "flex w-full items-center px-xl py-xl text-left text-sm font-semibold",
+        disabled: t.isPending,
         onClick: () => {
-          l.mutate(), r.profile.setOpen(!1), r.mobileProfile.setOpen(!1);
+          t.mutate(), r.profile.setOpen(!1), r.mobileProfile.setOpen(!1);
         },
         children: [
-          /* @__PURE__ */ e(C, { className: "size-5" }),
-          /* @__PURE__ */ e("span", { className: "grow", children: "Log Out" }),
-          /* @__PURE__ */ e(f, { className: "text-gray-400 size-5" })
+          /* @__PURE__ */ e(S, { className: "text-text-quarterary-500 size-5" }),
+          /* @__PURE__ */ e("span", { className: "ml-lg grow", children: "Log Out" }),
+          /* @__PURE__ */ e(h, { className: "text-gray-400 text-text-quarterary-500 size-5" })
         ]
       }
     ) }) })
   ] });
 }
-function x() {
-  var o;
-  const t = P(), l = k({
+function N() {
+  var s;
+  const l = I(), t = A({
     refetchInterval: 1e3
-  }), r = c(
-    d((n) => ({
-      profile: n.profile,
-      mobileProfile: n.mobileProfile,
-      depositWithdrawal: n.depositWithdrawal
+  }), r = f(
+    p((a) => ({
+      profile: a.profile,
+      mobileProfile: a.mobileProfile,
+      depositWithdrawal: a.depositWithdrawal
     }))
   );
-  return /* @__PURE__ */ i("div", { className: "border-gray-200 mt-3 rounded-lg border bg-white p-xl", children: [
-    /* @__PURE__ */ e("div", { className: "border-gray-200 bg-gray-50 text-gray-600 w-fit rounded-sm border px-1.5 py-0.5 text-xs font-medium", children: "Available Balance" }),
-    /* @__PURE__ */ e("div", { className: "mt-2 text-3xl font-semibold", children: O((o = l.data) == null ? void 0 : o.balance, {
-      currency: t == null ? void 0 : t.currency.code,
+  return /* @__PURE__ */ i("div", { className: "border-border-primary bg-bg-tertiary mt-3 rounded-xl border p-xl", children: [
+    /* @__PURE__ */ e("div", { className: "text-text-secondary-700 text-sm", children: "Total Balance" }),
+    /* @__PURE__ */ e("div", { className: "text-3xl font-bold", children: d((s = t.data) == null ? void 0 : s.balance, {
+      currency: l == null ? void 0 : l.currency.code,
       minDecimalPlaces: 2
     }) }),
+    /* @__PURE__ */ i("div", { className: "mt-1.5 flex gap-7xl", children: [
+      /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ e("p", { className: "text-text-secondary-700 text-2xs", children: "Deposit Balance" }),
+        /* @__PURE__ */ e("p", { className: "text-medium text-text-primary-brand", children: "₱70.00" })
+      ] }),
+      /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ e("p", { className: "text-text-secondary-700 text-2xs", children: "Wallet Balance" }),
+        /* @__PURE__ */ e("p", { className: "text-medium text-text-primary-brand", children: "₱70.00" })
+      ] })
+    ] }),
     /* @__PURE__ */ i("div", { className: "mt-3 flex gap-lg", children: [
       /* @__PURE__ */ e(
-        u,
+        x,
         {
           size: "xs",
           variant: "outline",
-          colorScheme: "gray",
           onClick: () => {
             r.depositWithdrawal.setOpen(!0), r.depositWithdrawal.setTab("WITHDRAWAL"), r.profile.setOpen(!1), r.mobileProfile.setOpen(!1);
           },
@@ -195,7 +262,7 @@ function x() {
         }
       ),
       /* @__PURE__ */ e(
-        u,
+        x,
         {
           size: "xs",
           onClick: () => {
@@ -208,5 +275,5 @@ function x() {
   ] });
 }
 export {
-  ze as Account
+  $e as Account
 };

package/dist/components/Banner/Banner.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("embla-carousel-autoplay"),d=require("embla-carousel-react"),f=require("next/image"),g=require("next/link"),l=require("react"),h=require("tailwind-merge");require("../../utils/capitalize.js");const q=require("../../utils/dataAttr.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");function x(n){const[c,e]=d({loop:!0,align:"start"},[u({playOnInit:!0,delay:5e3})]),[i,o]=l.useState(0);return l.useEffect(()=>{function t(r){o((r==null?void 0:r.selectedScrollSnap())??0)}return e==null||e.on("scroll",t),e==null||e.on("init",t),()=>{e==null||e.on("init",t),e==null||e.off("scroll",t)}},[e]),s.jsxs("div",{className:h.twMerge("relative",n.className),children:[s.jsx("div",{ref:c,className:"overflow-hidden",children:s.jsx("div",{className:"flex gap-2",children:n.banners.map((t,r)=>{const a=s.jsx(f,{src:t.src,alt:"",width:1200,height:300,className:"block h-auto w-full rounded-xl",priority:r===0});return s.jsx(l.Fragment,{children:t.redirectUrl?s.jsx(g,{href:t.redirectUrl,className:"block w-full shrink-0",children:a}):s.jsx("div",{className:"w-full shrink-0",children:a})},r)})})}),s.jsx("div",{className:"absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2",children:n.banners.map((t,r)=>s.jsx("button",{type:"button",className:"border-gray-200 ui-active:bg-gray-800 bg-gray-400 size-3 shrink-0 rounded-full border transition-all duration-300 ui-active:w-9",onClick:()=>{e==null||e.scrollTo(r)},"aria-label":`Go to slide ${r+1}`,"data-active":q.dataAttr(r===i)},r))})]})}exports.Banner=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("embla-carousel-autoplay"),d=require("embla-carousel-react"),f=require("next/image"),h=require("next/link"),l=require("react"),g=require("tailwind-merge");require("../../utils/capitalize.js");const q=require("../../utils/dataAttr.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");function x(n){const[i,e]=d({loop:!0,align:"start"},[u({playOnInit:!0,delay:5e3})]),[c,o]=l.useState(0);return l.useEffect(()=>{function t(r){o((r==null?void 0:r.selectedScrollSnap())??0)}return e==null||e.on("scroll",t),e==null||e.on("init",t),()=>{e==null||e.on("init",t),e==null||e.off("scroll",t)}},[e]),s.jsxs("div",{className:g.twMerge("relative",n.className),children:[s.jsx("div",{ref:i,className:"overflow-hidden",children:s.jsx("div",{className:"flex gap-2",children:n.banners.map((t,r)=>{const a=s.jsx(f,{src:t.src,alt:"",width:1200,height:300,className:"block h-auto w-full rounded-xl",priority:r===0});return s.jsx(l.Fragment,{children:t.redirectUrl?s.jsx(h,{href:t.redirectUrl,className:"block w-full shrink-0",children:a}):s.jsx("div",{className:"w-full shrink-0",children:a})},r)})})}),s.jsx("div",{className:"absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2",children:n.banners.map((t,r)=>s.jsx("button",{type:"button",className:"ui-active:bg-brand-500 bg-gray-300 size-3 shrink-0 rounded-full border border-white transition-all duration-300 ui-active:w-9",onClick:()=>{e==null||e.scrollTo(r)},"aria-label":`Go to slide ${r+1}`,"data-active":q.dataAttr(r===c)},r))})]})}exports.Banner=x;

package/dist/components/Banner/Banner.mjs

@@ -7,14 +7,14 @@ import d from "next/link";
 import { useState as h, useEffect as g, Fragment as p } from "react";
 import { twMerge as v } from "tailwind-merge";
 import "../../utils/capitalize.mjs";
-import { dataAttr as N } from "../../utils/dataAttr.mjs";
+import { dataAttr as w } from "../../utils/dataAttr.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../constants/index.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 function G(l) {
-  const [s, r] = u(
+  const [n, r] = u(
     {
       loop: !0,
       align: "start"
@@ -25,7 +25,7 @@ function G(l) {
         delay: 5e3
       })
     ]
-  ), [n, i] = h(0);
+  ), [s, i] = h(0);
   return g(() => {
     function e(t) {
       i((t == null ? void 0 : t.selectedScrollSnap()) ?? 0);
@@ -34,7 +34,7 @@ function G(l) {
       r == null || r.on("init", e), r == null || r.off("scroll", e);
     };
   }, [r]), /* @__PURE__ */ c("div", { className: v("relative", l.className), children: [
-    /* @__PURE__ */ o("div", { ref: s, className: "overflow-hidden", children: /* @__PURE__ */ o("div", { className: "flex gap-2", children: l.banners.map((e, t) => {
+    /* @__PURE__ */ o("div", { ref: n, className: "overflow-hidden", children: /* @__PURE__ */ o("div", { className: "flex gap-2", children: l.banners.map((e, t) => {
       const a = /* @__PURE__ */ o(
         f,
         {
@@ -59,12 +59,12 @@ function G(l) {
       "button",
       {
         type: "button",
-        className: "border-gray-200 ui-active:bg-gray-800 bg-gray-400 size-3 shrink-0 rounded-full border transition-all duration-300 ui-active:w-9",
+        className: "ui-active:bg-brand-500 bg-gray-300 size-3 shrink-0 rounded-full border border-white transition-all duration-300 ui-active:w-9",
         onClick: () => {
           r == null || r.scrollTo(t);
         },
         "aria-label": `Go to slide ${t + 1}`,
-        "data-active": N(t === n)
+        "data-active": w(t === s)
       },
       t
     )) })

package/dist/components/BetRecords/BetRecords.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("@ark-ui/react"),p=require("@date-fns/tz"),h=require("date-fns"),z=require("react"),I=require("zod");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const d=require("../../utils/capitalize.js"),C=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");const Z=require("../../client/hooks/useBetRecordsQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");const O=require("../../client/hooks/useInfiniteQueryHelper.js"),J=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const N=require("../../icons/CheckIcon.js"),y=require("../../icons/ChevronDownIcon.js"),D=require("../../icons/ChevronLeftIcon.js"),P=require("../../icons/ChevronRightIcon.js"),$=require("../../icons/File02Icon.js"),K=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");const s=require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const E=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");const l=require("../../ui/SegmentGroup/SegmentGroup.js"),i=require("../../ui/Select/Select.js"),r=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const W=require("../Empty/Empty.js");function X(o){var f,S;const[B,q]=z.useState("all"),[a,x]=z.useReducer((t,n)=>({...t,...n}),{page:1,pageSize:10,type:o.gameTypes[0]}),u=J.useLocaleInfo(),b=m.createListCollection({items:o.gameProviders,itemToValue:t=>t,itemToString:t=>d.capitalize(t,{delimiter:d.capitalize.delimiters.UNDERSCORE})}),{page:M,pageSize:k,hasNextPage:L,hasPrevPage:_,next:A,prev:F,rows:v,setPageSize:U,totalPages:G,loading:j,firstPage:g}=O.useInfiniteQueryHelper(Z.useBetRecordsQuery,{filter:{...a.type&&{game__type:{equal:a.type}},...a.provider&&{game__provider:{equal:a.provider}},...a.status&&{status:{equal:a.status}},...a.timestamp&&{dateTimeCreated:{...a.timestamp.start&&{greaterThanOrEqual:new p.TZDateMini(h.startOfDay(a.timestamp.start),u.timezone).toISOString()},...a.timestamp.end&&{lesserThanOrEqual:new p.TZDateMini(h.endOfDay(a.timestamp.end),u.timezone).toISOString()}}}}});return e.jsxs("div",{className:o.className,children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Bet Records"}),e.jsx("p",{className:"text-gray-600 mt-xs text-xs",children:"View your bet records"}),e.jsx("div",{className:"mt-2xl pb-2xl",children:e.jsxs(l.Root,{value:a.type,onValueChange:t=>{g(),x({type:I.z.enum(o.gameTypes??[]).safeParse(t.value).data??null})},children:[o.gameTypes.map(t=>e.jsxs(l.Item,{value:t,children:[e.jsx(l.ItemText,{children:d.capitalize(t,{delimiter:d.capitalize.delimiters.UNDERSCORE})}),e.jsx(l.ItemControl,{}),e.jsx(l.ItemHiddenInput,{})]},t)),e.jsx(l.Indicator,{})]})}),e.jsxs("div",{className:"mt-4xl",children:[e.jsxs("div",{className:"flex items-center gap-lg",children:[e.jsxs(s.Root,{lazyMount:!0,unmountOnExit:!0,value:[(f=a.timestamp)==null?void 0:f.start,(S=a.timestamp)==null?void 0:S.end].filter(Boolean).map(t=>m.parseDate(t)),onValueChange:t=>{var n,c;g(),x({timestamp:{start:(n=t.value.at(0))==null?void 0:n.toDate(H),end:(c=t.value.at(1))==null?void 0:c.toDate(H)}})},onOpenChange:t=>{t.open||a.timestamp||q("all")},selectionMode:"range",closeOnSelect:!1,positioning:{gutter:20,placement:"bottom"},children:[e.jsxs(l.Root,{value:B,onValueChange:t=>{const n=Y.parse(t.value);if(n==="today"){const c=new Date;x({timestamp:{start:h.startOfDay(c),end:h.endOfDay(c)}})}else x({timestamp:null});g(),q(n)},children:[e.jsxs(l.Item,{value:"all",children:[e.jsx(l.ItemText,{children:"All"}),e.jsx(l.ItemControl,{}),e.jsx(l.ItemHiddenInput,{})]}),e.jsxs(l.Item,{value:"today",children:[e.jsx(l.ItemText,{children:"Today"}),e.jsx(l.ItemControl,{}),e.jsx(l.ItemHiddenInput,{})]}),e.jsx(s.Context,{children:t=>e.jsx(l.Item,{value:"custom",onClick:()=>t.setOpen(!0),children:e.jsxs(s.Control,{children:[e.jsx(l.ItemText,{children:"Custom"}),e.jsx(l.ItemControl,{}),e.jsx(l.ItemHiddenInput,{})]})})}),e.jsx(l.Indicator,{})]}),e.jsx(m.Portal,{children:e.jsx(s.Positioner,{children:e.jsx(s.Content,{children:e.jsx(s.View,{view:"day",children:e.jsx(s.Context,{children:t=>e.jsxs(e.Fragment,{children:[e.jsxs(s.ViewControl,{children:[e.jsx(s.PrevTrigger,{children:e.jsx(D.ChevronLeftIcon,{})}),e.jsx(s.ViewTrigger,{children:e.jsx(s.RangeText,{})}),e.jsx(s.NextTrigger,{children:e.jsx(P.ChevronRightIcon,{})})]}),e.jsxs(s.Table,{children:[e.jsx(s.TableHead,{children:e.jsx(s.TableRow,{children:t.weekDays.map((n,c)=>e.jsx(s.TableHeader,{children:n.short.substring(0,2)},c))})}),e.jsx(s.TableBody,{children:t.weeks.map((n,c)=>e.jsx(s.TableRow,{children:n.map((R,Q)=>e.jsx(s.TableCell,{value:R,children:e.jsx(s.TableCellTrigger,{children:R.day})},Q))},c))})]})]})})})})})})]}),e.jsx("div",{className:"grow"}),e.jsxs(i.Root,{collection:b,value:a.provider?[a.provider]:[],onValueChange:t=>{const n=I.z.enum(o.gameProviders??[]).safeParse(t.value.at(0)).data;g(),x({provider:n??null})},lazyMount:!0,deselectable:!0,children:[e.jsxs(i.Trigger,{children:[e.jsx(i.ValueText,{placeholder:"Game Vendor"}),e.jsx(i.Indicator,{asChild:!0,children:e.jsx(y.ChevronDownIcon,{})})]}),e.jsx(m.Portal,{children:e.jsx(i.Positioner,{children:e.jsx(i.Content,{children:e.jsx(i.ItemGroup,{children:b.items.map(t=>e.jsxs(i.Item,{item:t,children:[e.jsx(i.ItemText,{children:d.capitalize(t,{delimiter:d.capitalize.delimiters.UNDERSCORE})}),e.jsx(i.ItemIndicator,{asChild:!0,children:e.jsx(N.CheckIcon,{})})]},t))})})})})]}),e.jsxs(i.Root,{collection:w,value:a.status?[a.status]:[],onValueChange:t=>{const n=I.z.enum(V).safeParse(t.value.at(0)).data;g(),x({status:n??null})},lazyMount:!0,deselectable:!0,children:[e.jsxs(i.Trigger,{children:[e.jsx(i.ValueText,{placeholder:"Status"}),e.jsx(i.Indicator,{asChild:!0,children:e.jsx(y.ChevronDownIcon,{})})]}),e.jsx(m.Portal,{children:e.jsx(i.Positioner,{children:e.jsx(i.Content,{children:e.jsx(i.ItemGroup,{children:w.items.map(t=>e.jsxs(i.Item,{item:t,children:[e.jsx(i.ItemText,{children:d.capitalize(t,{delimiter:d.capitalize.delimiters.UNDERSCORE})}),e.jsx(i.ItemIndicator,{asChild:!0,children:e.jsx(N.CheckIcon,{})})]},t))})})})})]})]}),v.length<=0&&e.jsx(W.Empty,{icon:j?K.SpinnerIcon:$.File02Icon,title:j?"Just a moment":"No data",message:j?"Fetching latest bet records...":"No data is currently available.",className:"mt-8 lg:mt-16"}),v.length>=1&&e.jsxs("div",{className:"border-gray-200 mt-lg rounded-xl border",children:[e.jsx("div",{className:"border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b",children:e.jsxs(r.Root,{className:"border-0",children:[e.jsx(r.Header,{children:e.jsxs(r.Row,{children:[e.jsx(r.Heading,{children:"Bet Time"}),e.jsx(r.Heading,{children:"Settlement Time"}),e.jsx(r.Heading,{children:"Bet Content"}),e.jsx(r.Heading,{children:"Odds"}),e.jsx(r.Heading,{children:"Bet Amount"}),e.jsx(r.Heading,{children:"Valid Bet"}),e.jsx(r.Heading,{children:"Settled Amount"}),e.jsx(r.Heading,{children:"Jackpot Contribution"}),e.jsx(r.Heading,{children:"Jackpot Payout"}),e.jsx(r.Heading,{children:"Bet Status"}),e.jsx(r.Heading,{children:"Game Name"}),e.jsx(r.Heading,{children:"Vendor Round ID"})]})}),e.jsx(r.Body,{children:v.map(t=>{var n;return e.jsxs(r.Row,{children:[e.jsx(r.Cell,{children:h.format(t.dateTimeCreated,"yyyy MMM dd hh:mma",{in:p.tz(u.timezone)})}),e.jsx(r.Cell,{children:!!t.dateTimeSettled&&h.format(t.dateTimeSettled,"yyyy MMM dd hh:mma",{in:p.tz(u.timezone)})}),e.jsx(r.Cell,{children:t==null?void 0:t.betContent}),e.jsx(r.Cell,{children:(n=t.metadata)==null?void 0:n.odds}),e.jsx(r.Cell,{children:C.formatNumber(t.bet,{currency:u.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{children:t.validBet}),e.jsx(r.Cell,{children:C.formatNumber(t.payout,{currency:u.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{children:C.formatNumber(t.jackpotContribution,{currency:u.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{children:C.formatNumber(t.jackpotPayout,{currency:u.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{children:t.status}),e.jsx(r.Cell,{children:t.game.name}),e.jsx(r.Cell,{children:t.vendorRoundId})]},t.id)})})]})}),e.jsxs("div",{className:"flex items-center gap-lg px-4 py-3",children:[e.jsxs("p",{children:["Page ",M," of ",G]}),e.jsx("div",{className:"grow"}),e.jsx(i.Root,{size:"sm",value:[k.toString()],onValueChange:t=>{const n=parseInt(t.value[0]),c=isNaN(n)?10:n;U(c)},collection:T,lazyMount:!0,children:e.jsxs(i.Trigger,{children:[e.jsx(i.ValueText,{}),e.jsx(i.Indicator,{asChild:!0,children:e.jsx(y.ChevronDownIcon,{})}),e.jsx(m.Portal,{children:e.jsx(i.Positioner,{children:e.jsx(i.Content,{children:T.items.map(t=>e.jsx(i.Item,{item:t,children:T.stringifyItem(t)},t))})})})]})}),e.jsxs("div",{children:[e.jsx(E.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",disabled:!_||j,onClick:()=>F(),children:e.jsx(D.ChevronLeftIcon,{className:"size-5"})}),e.jsx(E.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-l-none",disabled:!L||j,onClick:()=>A(),children:e.jsx(P.ChevronRightIcon,{className:"size-5"})})]})]})]})]})]})}const V=["CANCELLED","SETTLED","STARTED"],T=m.createListCollection({items:O.useInfiniteQueryHelper.config.pageSizes,itemToValue:o=>o.toString(),itemToString:o=>`${o} items per page`}),w=m.createListCollection({items:V,itemToValue:o=>o,itemToString:o=>d.capitalize(o,{delimiter:d.capitalize.delimiters.UNDERSCORE})}),Y=I.z.enum(["all","today","custom"]),H=Intl.DateTimeFormat().resolvedOptions().timeZone;exports.BetRecords=X;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("@ark-ui/react"),g=require("@date-fns/tz"),u=require("date-fns"),w=require("react"),J=require("tailwind-merge"),C=require("zod");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const c=require("../../utils/capitalize.js"),y=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");const W=require("../../client/hooks/useBetRecordsQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");const B=require("../../client/hooks/useInfiniteQueryHelper.js"),$=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const z=require("../../icons/CheckIcon.js"),v=require("../../icons/ChevronDownIcon.js"),R=require("../../icons/ChevronLeftIcon.js"),D=require("../../icons/ChevronRightIcon.js"),K=require("../../icons/File02Icon.js"),X=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");const E=require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");const s=require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const P=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/Progress/Progress.js");const n=require("../../ui/SegmentGroup/SegmentGroup.js"),i=require("../../ui/Select/Select.js"),r=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const Y=require("../Empty/Empty.js");function ee(o){var f,q;const[k,N]=w.useState("all"),[a,h]=w.useReducer((t,l)=>({...t,...l}),{page:1,pageSize:10,type:o.gameTypes[0]}),d=$.useLocaleInfo(),b=x.createListCollection({items:o.gameProviders,itemToValue:t=>t,itemToString:t=>c.capitalize(t,{delimiter:c.capitalize.delimiters.UNDERSCORE})}),{page:M,pageSize:L,hasNextPage:A,hasPrevPage:F,next:U,prev:_,rows:I,setPageSize:G,totalPages:Q,loading:j,firstPage:p}=B.useInfiniteQueryHelper(W.useBetRecordsQuery,{filter:{...a.type&&{game__type:{equal:a.type}},...a.provider&&{game__provider:{equal:a.provider}},...a.status&&{status:{equal:a.status}},...a.timestamp&&{dateTimeCreated:{...a.timestamp.start&&{greaterThanOrEqual:new g.TZDateMini(u.startOfDay(a.timestamp.start),d.timezone).toISOString()},...a.timestamp.end&&{lesserThanOrEqual:new g.TZDateMini(u.endOfDay(a.timestamp.end),d.timezone).toISOString()}}}}});return e.jsxs("div",{className:J.twMerge("px-4 pb-3xl pt-4",o.className),children:[e.jsx("h2",{className:"text-text-secondary-700 text-sm font-semibold leading-tight",children:"Bet Records"}),e.jsx("p",{className:"text-text-tertiary-600 mt-xs text-sm leading-tight",children:"Review your betting history"}),e.jsx("div",{className:"mt-lg",children:e.jsxs(n.Root,{value:a.type,onValueChange:t=>{p(),h({type:C.z.enum(o.gameTypes??[]).safeParse(t.value).data??null})},children:[o.gameTypes.map(t=>e.jsxs(n.Item,{value:t,children:[e.jsx(n.ItemText,{children:c.capitalize(t,{delimiter:c.capitalize.delimiters.UNDERSCORE})}),e.jsx(n.ItemControl,{}),e.jsx(n.ItemHiddenInput,{})]},t)),e.jsx(n.Indicator,{})]})}),e.jsx("h3",{className:"text-text-secondary-700 mt-3xl text-sm font-semibold",children:"Table"}),e.jsxs("div",{className:"mt-xl flex flex-col gap-lg lg:flex-row lg:items-center",children:[e.jsxs(s.Root,{lazyMount:!0,unmountOnExit:!0,value:[(f=a.timestamp)==null?void 0:f.start,(q=a.timestamp)==null?void 0:q.end].filter(Boolean).map(t=>x.parseDate(t)),onValueChange:t=>{var l,m;p(),h({timestamp:{start:(l=t.value.at(0))==null?void 0:l.toDate(H),end:(m=t.value.at(1))==null?void 0:m.toDate(H)}})},onOpenChange:t=>{t.open||a.timestamp||N("all")},selectionMode:"range",closeOnSelect:!1,positioning:{gutter:20,placement:"bottom"},children:[e.jsxs(n.Root,{value:k,onValueChange:t=>{const l=te.parse(t.value);if(l==="today"){const m=new Date;h({timestamp:{start:u.startOfDay(m),end:u.endOfDay(m)}})}else h({timestamp:null});p(),N(l)},className:"w-full lg:w-fit",children:[e.jsxs(n.Item,{value:"all",className:"w-full lg:w-auto",children:[e.jsx(n.ItemText,{children:"All"}),e.jsx(n.ItemControl,{}),e.jsx(n.ItemHiddenInput,{})]}),e.jsxs(n.Item,{value:"today",className:"w-full lg:w-auto",children:[e.jsx(n.ItemText,{children:"Today"}),e.jsx(n.ItemControl,{}),e.jsx(n.ItemHiddenInput,{})]}),e.jsx(s.Context,{children:t=>e.jsx(n.Item,{value:"custom",onClick:()=>t.setOpen(!0),className:"w-full lg:w-auto",children:e.jsxs(s.Control,{children:[e.jsx(n.ItemText,{children:"Custom"}),e.jsx(n.ItemControl,{}),e.jsx(n.ItemHiddenInput,{})]})})}),e.jsx(n.Indicator,{})]}),e.jsx(x.Portal,{children:e.jsx(s.Positioner,{children:e.jsx(s.Content,{children:e.jsx(s.View,{view:"day",children:e.jsx(s.Context,{children:t=>e.jsxs(e.Fragment,{children:[e.jsxs(s.ViewControl,{children:[e.jsx(s.PrevTrigger,{children:e.jsx(R.ChevronLeftIcon,{})}),e.jsx(s.ViewTrigger,{children:e.jsx(s.RangeText,{})}),e.jsx(s.NextTrigger,{children:e.jsx(D.ChevronRightIcon,{})})]}),e.jsxs(s.Table,{children:[e.jsx(s.TableHead,{children:e.jsx(s.TableRow,{children:t.weekDays.map((l,m)=>e.jsx(s.TableHeader,{children:l.short.substring(0,2)},m))})}),e.jsx(s.TableBody,{children:t.weeks.map((l,m)=>e.jsx(s.TableRow,{children:l.map((S,Z)=>e.jsx(s.TableCell,{value:S,children:e.jsx(s.TableCellTrigger,{children:S.day})},Z))},m))})]})]})})})})})})]}),e.jsx("div",{className:"hidden grow lg:block"}),e.jsxs(i.Root,{collection:b,value:a.provider?[a.provider]:[],onValueChange:t=>{const l=C.z.enum(o.gameProviders??[]).safeParse(t.value.at(0)).data;p(),h({provider:l??null})},lazyMount:!0,deselectable:!0,positioning:{sameWidth:!0},children:[e.jsxs(i.Trigger,{className:"w-full lg:w-[14rem]",children:[e.jsx(i.ValueText,{placeholder:"Game Vendor"}),e.jsx(i.Indicator,{asChild:!0,children:e.jsx(v.ChevronDownIcon,{})})]}),e.jsx(x.Portal,{children:e.jsx(i.Positioner,{children:e.jsx(i.Content,{children:e.jsx(i.ItemGroup,{children:b.items.map(t=>e.jsxs(i.Item,{item:t,children:[e.jsx(i.ItemText,{children:c.capitalize(t,{delimiter:c.capitalize.delimiters.UNDERSCORE})}),e.jsx(i.ItemIndicator,{asChild:!0,children:e.jsx(z.CheckIcon,{})})]},t))})})})})]}),e.jsxs(i.Root,{collection:O,value:a.status?[a.status]:[],onValueChange:t=>{const l=C.z.enum(V).safeParse(t.value.at(0)).data;p(),h({status:l??null})},lazyMount:!0,deselectable:!0,positioning:{sameWidth:!0},children:[e.jsxs(i.Trigger,{className:"w-full lg:w-[14rem]",children:[e.jsx(i.ValueText,{placeholder:"Status"}),e.jsx(i.Indicator,{asChild:!0,children:e.jsx(v.ChevronDownIcon,{})})]}),e.jsx(x.Portal,{children:e.jsx(i.Positioner,{children:e.jsx(i.Content,{children:e.jsx(i.ItemGroup,{children:O.items.map(t=>e.jsxs(i.Item,{item:t,children:[e.jsx(i.ItemText,{children:c.capitalize(t,{delimiter:c.capitalize.delimiters.UNDERSCORE})}),e.jsx(i.ItemIndicator,{asChild:!0,children:e.jsx(z.CheckIcon,{})})]},t))})})})})]})]}),I.length<=0&&e.jsx(Y.Empty,{icon:j?X.SpinnerIcon:K.File02Icon,title:j?"Just a moment":"No data",message:j?"Fetching latest bet records...":"No data is currently available.",className:"mt-5xl"}),I.length>=1&&e.jsxs("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:[e.jsx("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:e.jsxs(r.Root,{className:"border-0",children:[e.jsx(r.Header,{children:e.jsxs(r.Row,{children:[e.jsx(r.Heading,{children:"Bet Time"}),e.jsx(r.Heading,{children:"Settlement Time"}),e.jsx(r.Heading,{children:"Bet Content"}),e.jsx(r.Heading,{children:"Odds"}),e.jsx(r.Heading,{children:"Bet Amount"}),e.jsx(r.Heading,{children:"Valid Bet"}),e.jsx(r.Heading,{children:"Settled Amount"}),e.jsx(r.Heading,{children:"Jackpot Contribution"}),e.jsx(r.Heading,{children:"Jackpot Payout"}),e.jsx(r.Heading,{children:"Bet Status"}),e.jsx(r.Heading,{children:"Game Name"}),e.jsx(r.Heading,{children:"Vendor Round ID"})]})}),e.jsx(r.Body,{children:I.map(t=>{var l;return e.jsxs(r.Row,{children:[e.jsxs(r.Cell,{className:"!py-1",children:[e.jsx("div",{className:"leading-tight",children:u.format(t.dateTimeCreated,"MM/dd/yyyy",{in:g.tz(d.timezone)})}),e.jsx("div",{className:"text-text-tertiary-600 leading-tight",children:u.format(t.dateTimeCreated,"hh:mm a",{in:g.tz(d.timezone)})})]}),e.jsx(r.Cell,{className:"!py-1",children:!!t.dateTimeSettled&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"leading-tight",children:u.format(t.dateTimeSettled,"MM/dd/yyyy",{in:g.tz(d.timezone)})}),e.jsx("div",{className:"text-text-tertiary-600 leading-tight",children:u.format(t.dateTimeSettled,"hh:mm a",{in:g.tz(d.timezone)})})]})}),e.jsx(r.Cell,{className:"!py-1",children:(t==null?void 0:t.betContent)||"/"}),e.jsx(r.Cell,{className:"!py-1",children:((l=t.metadata)==null?void 0:l.odds)||"/"}),e.jsx(r.Cell,{className:"!py-1",children:y.formatNumber(t.bet,{currency:d.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{className:"!py-1",children:y.formatNumber(t.validBet,{currency:d.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{className:"!py-1",children:y.formatNumber(t.payout,{currency:d.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{className:"!py-1",children:y.formatNumber(t.jackpotContribution,{currency:d.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{className:"!py-1",children:y.formatNumber(t.jackpotPayout,{currency:d.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{className:"!py-1",children:e.jsx(E.Root,{colorScheme:t.status==="SETTLED"?"success":t.status==="STARTED"?"blue":"danger",children:e.jsx(E.Label,{children:c.capitalize(t.status,{delimiter:c.capitalize.delimiters.UNDERSCORE})})})}),e.jsx(r.Cell,{className:"!py-1",children:t.game.name}),e.jsx(r.Cell,{className:"!py-1",children:t.vendorRoundId})]},t.id)})})]})}),e.jsxs("div",{className:"flex items-center gap-lg px-4 py-3",children:[e.jsxs("p",{className:"text-text-secondary-700 order-2 grow text-center text-sm font-medium lg:order-none lg:grow-0",children:["Page ",M," of ",Q]}),e.jsx("div",{className:"hidden grow lg:block"}),e.jsx(i.Root,{size:"sm",value:[L.toString()],onValueChange:t=>{const l=parseInt(t.value[0]),m=isNaN(l)?10:l;G(m)},collection:T,lazyMount:!0,className:"hidden lg:block",children:e.jsxs(i.Trigger,{children:[e.jsx(i.ValueText,{}),e.jsx(i.Indicator,{asChild:!0,children:e.jsx(v.ChevronDownIcon,{})}),e.jsx(x.Portal,{children:e.jsx(i.Positioner,{children:e.jsx(i.Content,{children:T.items.map(t=>e.jsx(i.Item,{item:t,children:T.stringifyItem(t)},t))})})})]})}),e.jsxs("div",{className:"contents lg:flex",children:[e.jsx(P.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"order-1 lg:order-none lg:rounded-r-none lg:border-r-0",disabled:!F||j,onClick:()=>_(),children:e.jsx(R.ChevronLeftIcon,{className:"size-5"})}),e.jsx(P.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"order-3 lg:order-none lg:rounded-l-none",disabled:!A||j,onClick:()=>U(),children:e.jsx(D.ChevronRightIcon,{className:"size-5"})})]})]})]})]})}const V=["CANCELLED","SETTLED","STARTED"],T=x.createListCollection({items:B.useInfiniteQueryHelper.config.pageSizes,itemToValue:o=>o.toString(),itemToString:o=>`${o} items per page`}),O=x.createListCollection({items:V,itemToValue:o=>o,itemToString:o=>c.capitalize(o,{delimiter:c.capitalize.delimiters.UNDERSCORE})}),te=C.z.enum(["all","today","custom"]),H=Intl.DateTimeFormat().resolvedOptions().timeZone;exports.BetRecords=ee;