@opexa/portal-components 0.0.9 → 0.0.11

package/dist/components/GameProviders/GameProviders.d.ts

@@ -10,5 +10,5 @@ export interface GameProvidersProps {
     redirectUrl: string;
     className?: string;
 }
-export declare function GameProviders(props: GameProvidersProps): import("react/jsx-runtime").JSX.Element;
+export declare function GameProviders(props: GameProvidersProps): import("react").JSX.Element;
 export {};

package/dist/components/Games/Games.d.ts

@@ -7,4 +7,4 @@ export interface GamesProps {
     className?: string;
     filter?: GamesInput['filter'];
 }
-export declare function Games(props: GamesProps): import("react/jsx-runtime").JSX.Element;
+export declare function Games(props: GamesProps): import("react").JSX.Element;

package/dist/components/Games/Games.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../_virtual/jsx-runtime.js"),N=require("embla-carousel-react"),R=require("../../_virtual/image.js"),w=require("../../_virtual/link.js"),i=require("react"),v=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");const E=require("../../hooks/useGamesQuery.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const S=require("../../icons/ArrowLeftIcon.js"),p=require("../../icons/ArrowRightIcon.js"),y=require("../../icons/ChevronRightIcon.js"),P=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const l=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const k=require("../GameLaunch/GameLaunchTrigger.js");function C(n){var u;const c=n.numOfRows??1,t=E.useGamesQuery({first:(c+1)*6,filter:n.filter}),a=((u=t.data)==null?void 0:u.pages.map(s=>s.edges.map(f=>f.node)).flat())??[],[x,e]=N({align:"start",slidesToScroll:3,breakpoints:{"(min-width: 1024px)":{slidesToScroll:6}}}),[d,m]=i.useState(!0),[q,g]=i.useState(!0),j=i.useCallback(()=>e==null?void 0:e.scrollPrev(),[e]),h=i.useCallback(async()=>{!(e!=null&&e.canScrollNext())&&t.hasNextPage&&(await t.fetchNextPage(),e==null||e.reInit(),await new Promise(s=>setTimeout(s,1))),e==null||e.scrollNext()},[e,t]),o=i.useCallback(s=>{m(!(s!=null&&s.canScrollPrev())),g(!(s!=null&&s.canScrollNext()))},[]);return i.useEffect(()=>{e&&(o(e),e.on("reInit",o).on("select",o))},[e,o]),r.jsxRuntimeExports.jsxs("div",{className:n.className,children:[r.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[r.jsxRuntimeExports.jsx("h2",{className:"text-lg font-semibold",children:n.heading}),r.jsxRuntimeExports.jsx("div",{className:"grow"}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center gap-xl",children:[r.jsxRuntimeExports.jsxs(w,{href:n.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",r.jsxRuntimeExports.jsx(y.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),r.jsxRuntimeExports.jsxs("div",{className:"hidden lg:flex",children:[r.jsxRuntimeExports.jsx(l.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",onClick:j,disabled:d,"aria-label":"Previous",children:r.jsxRuntimeExports.jsx(S.ArrowLeftIcon,{className:"size-5"})}),r.jsxRuntimeExports.jsx(l.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",onClick:h,disabled:q&&!t.hasNextPage?!0:t.isFetchingNextPage,"aria-label":"Next",children:t.isFetchingNextPage?r.jsxRuntimeExports.jsx(P.SpinnerIcon,{className:"size-5"}):r.jsxRuntimeExports.jsx(p.ArrowRightIcon,{className:"size-5"})})]})]})]}),r.jsxRuntimeExports.jsx("div",{ref:x,className:"relative mt-lg lg:overflow-hidden",children:r.jsxRuntimeExports.jsx("div",{className:v.twMerge("grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md",c===3?"grid-rows-3":c===2?"grid-rows-2":"grid-rows-1"),children:a.map(s=>r.jsxRuntimeExports.jsxs(k.GameLaunchTrigger,{game:s,className:"block w-full",children:[r.jsxRuntimeExports.jsx(R,{src:s.image,alt:"",width:200,height:200,priority:!0,className:"aspect-square w-full rounded-t-md object-cover"}),r.jsxRuntimeExports.jsx("span",{className:"bg-gray-50 block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold",children:s.name})]},s.id))})})]})}exports.Games=C;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),j=require("embla-carousel-react"),w=require("next/image"),v=require("next/link"),i=require("react"),S=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");const y=require("../../hooks/useGamesQuery.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const P=require("../../icons/ArrowLeftIcon.js"),k=require("../../icons/ArrowRightIcon.js"),I=require("../../icons/ChevronRightIcon.js"),C=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const o=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const b=require("../GameLaunch/GameLaunchTrigger.js");function B(n){var a;const l=n.numOfRows??1,t=y.useGamesQuery({first:(l+1)*6,filter:n.filter}),u=((a=t.data)==null?void 0:a.pages.map(s=>s.edges.map(N=>N.node)).flat())??[],[d,e]=j({align:"start",slidesToScroll:3,breakpoints:{"(min-width: 1024px)":{slidesToScroll:6}}}),[q,g]=i.useState(!0),[x,m]=i.useState(!0),h=i.useCallback(()=>e==null?void 0:e.scrollPrev(),[e]),f=i.useCallback(async()=>{!(e!=null&&e.canScrollNext())&&t.hasNextPage&&(await t.fetchNextPage(),e==null||e.reInit(),await new Promise(s=>setTimeout(s,1))),e==null||e.scrollNext()},[e,t]),c=i.useCallback(s=>{g(!(s!=null&&s.canScrollPrev())),m(!(s!=null&&s.canScrollNext()))},[]);return i.useEffect(()=>{e&&(c(e),e.on("reInit",c).on("select",c))},[e,c]),r.jsxs("div",{className:n.className,children:[r.jsxs("div",{className:"flex items-center",children:[r.jsx("h2",{className:"text-lg font-semibold",children:n.heading}),r.jsx("div",{className:"grow"}),r.jsxs("div",{className:"flex items-center justify-center gap-xl",children:[r.jsxs(v,{href:n.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",r.jsx(I.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),r.jsxs("div",{className:"hidden lg:flex",children:[r.jsx(o.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",onClick:h,disabled:q,"aria-label":"Previous",children:r.jsx(P.ArrowLeftIcon,{className:"size-5"})}),r.jsx(o.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",onClick:f,disabled:x&&!t.hasNextPage?!0:t.isFetchingNextPage,"aria-label":"Next",children:t.isFetchingNextPage?r.jsx(C.SpinnerIcon,{className:"size-5"}):r.jsx(k.ArrowRightIcon,{className:"size-5"})})]})]})]}),r.jsx("div",{ref:d,className:"relative mt-lg lg:overflow-hidden",children:r.jsx("div",{className:S.twMerge("grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md",l===3?"grid-rows-3":l===2?"grid-rows-2":"grid-rows-1"),children:u.map(s=>r.jsxs(b.GameLaunchTrigger,{game:s,className:"block w-full",children:[r.jsx(w,{src:s.image,alt:"",width:200,height:200,priority:!0,className:"aspect-square w-full rounded-t-md object-cover"}),r.jsx("span",{className:"bg-gray-50 block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold",children:s.name})]},s.id))})})]})}exports.Games=B;

package/dist/components/Games/Games.mjs

@@ -1,10 +1,10 @@
 "use client";
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import v from "embla-carousel-react";
-import w from "../../_virtual/image.mjs";
-import P from "../../_virtual/link.mjs";
-import { useState as n, useCallback as a, useEffect as S } from "react";
-import { twMerge as k } from "tailwind-merge";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import P from "embla-carousel-react";
+import S from "next/image";
+import k from "next/link";
+import { useState as n, useCallback as m, useEffect as y } from "react";
+import { twMerge as B } from "tailwind-merge";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -16,19 +16,19 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/toaster.mjs";
 import "lodash-es";
-import "../../_virtual/index.cjs.mjs";
-import { useGamesQuery as y } from "../../hooks/useGamesQuery.mjs";
+import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import { useGamesQuery as C } from "../../hooks/useGamesQuery.mjs";
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { ArrowLeftIcon as B } from "../../icons/ArrowLeftIcon.mjs";
-import { ArrowRightIcon as C } from "../../icons/ArrowRightIcon.mjs";
-import { ChevronRightIcon as I } from "../../icons/ChevronRightIcon.mjs";
-import { SpinnerIcon as R } from "../../icons/SpinnerIcon.mjs";
+import { ArrowLeftIcon as I } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as b } from "../../icons/ArrowRightIcon.mjs";
+import { ChevronRightIcon as R } from "../../icons/ChevronRightIcon.mjs";
+import { SpinnerIcon as j } from "../../icons/SpinnerIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
-import { Button as c } from "../../ui/Button/Button.mjs";
+import { Button as d } from "../../ui/Button/Button.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
@@ -44,13 +44,13 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { GameLaunchTrigger as b } from "../GameLaunch/GameLaunchTrigger.mjs";
-function Se(s) {
-  var m;
-  const l = s.numOfRows ?? 1, o = y({
-    first: (l + 1) * 6,
+import { GameLaunchTrigger as z } from "../GameLaunch/GameLaunchTrigger.mjs";
+function ye(s) {
+  var c;
+  const a = s.numOfRows ?? 1, o = C({
+    first: (a + 1) * 6,
     filter: s.filter
-  }), d = ((m = o.data) == null ? void 0 : m.pages.map((t) => t.edges.map((j) => j.node)).flat()) ?? [], [x, e] = v({
+  }), f = ((c = o.data) == null ? void 0 : c.pages.map((r) => r.edges.map((w) => w.node)).flat()) ?? [], [p, e] = P({
     align: "start",
     slidesToScroll: 3,
     breakpoints: {
@@ -58,77 +58,77 @@ function Se(s) {
         slidesToScroll: 6
       }
     }
-  }), [f, p] = n(!0), [g, u] = n(!0), h = a(
+  }), [g, u] = n(!0), [h, N] = n(!0), x = m(
     () => e == null ? void 0 : e.scrollPrev(),
     [e]
-  ), N = a(async () => {
-    !(e != null && e.canScrollNext()) && o.hasNextPage && (await o.fetchNextPage(), e == null || e.reInit(), await new Promise((t) => setTimeout(t, 1))), e == null || e.scrollNext();
-  }, [e, o]), i = a((t) => {
-    p(!(t != null && t.canScrollPrev())), u(!(t != null && t.canScrollNext()));
+  ), v = m(async () => {
+    !(e != null && e.canScrollNext()) && o.hasNextPage && (await o.fetchNextPage(), e == null || e.reInit(), await new Promise((r) => setTimeout(r, 1))), e == null || e.scrollNext();
+  }, [e, o]), l = m((r) => {
+    u(!(r != null && r.canScrollPrev())), N(!(r != null && r.canScrollNext()));
   }, []);
-  return S(() => {
-    e && (i(e), e.on("reInit", i).on("select", i));
-  }, [e, i]), /* @__PURE__ */ r.jsxs("div", { className: s.className, children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ r.jsx("h2", { className: "text-lg font-semibold", children: s.heading }),
-      /* @__PURE__ */ r.jsx("div", { className: "grow" }),
-      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-center gap-xl", children: [
-        /* @__PURE__ */ r.jsxs(
-          P,
+  return y(() => {
+    e && (l(e), e.on("reInit", l).on("select", l));
+  }, [e, l]), /* @__PURE__ */ i("div", { className: s.className, children: [
+    /* @__PURE__ */ i("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ t("h2", { className: "text-lg font-semibold", children: s.heading }),
+      /* @__PURE__ */ t("div", { className: "grow" }),
+      /* @__PURE__ */ i("div", { className: "flex items-center justify-center gap-xl", children: [
+        /* @__PURE__ */ i(
+          k,
           {
             href: s.seeAllUrl,
             className: "flex gap-sm text-sm font-semibold",
             children: [
               "See All",
-              /* @__PURE__ */ r.jsx(I, { className: "size-5 lg:hidden" })
+              /* @__PURE__ */ t(R, { className: "size-5 lg:hidden" })
             ]
           }
         ),
-        /* @__PURE__ */ r.jsxs("div", { className: "hidden lg:flex", children: [
-          /* @__PURE__ */ r.jsx(
-            c,
+        /* @__PURE__ */ i("div", { className: "hidden lg:flex", children: [
+          /* @__PURE__ */ t(
+            d,
             {
               variant: "outline",
               colorScheme: "gray",
               className: "rounded-r-none border-r-0",
-              onClick: h,
-              disabled: f,
+              onClick: x,
+              disabled: g,
               "aria-label": "Previous",
-              children: /* @__PURE__ */ r.jsx(B, { className: "size-5" })
+              children: /* @__PURE__ */ t(I, { className: "size-5" })
             }
           ),
-          /* @__PURE__ */ r.jsx(
-            c,
+          /* @__PURE__ */ t(
+            d,
             {
               variant: "outline",
               colorScheme: "gray",
               className: "rounded-l-none",
-              onClick: N,
-              disabled: g && !o.hasNextPage ? !0 : o.isFetchingNextPage,
+              onClick: v,
+              disabled: h && !o.hasNextPage ? !0 : o.isFetchingNextPage,
               "aria-label": "Next",
-              children: o.isFetchingNextPage ? /* @__PURE__ */ r.jsx(R, { className: "size-5" }) : /* @__PURE__ */ r.jsx(C, { className: "size-5" })
+              children: o.isFetchingNextPage ? /* @__PURE__ */ t(j, { className: "size-5" }) : /* @__PURE__ */ t(b, { className: "size-5" })
             }
           )
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsx("div", { ref: x, className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ t("div", { ref: p, className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ t(
       "div",
       {
-        className: k(
+        className: B(
           "grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md",
-          l === 3 ? "grid-rows-3" : l === 2 ? "grid-rows-2" : "grid-rows-1"
+          a === 3 ? "grid-rows-3" : a === 2 ? "grid-rows-2" : "grid-rows-1"
         ),
-        children: d.map((t) => /* @__PURE__ */ r.jsxs(
-          b,
+        children: f.map((r) => /* @__PURE__ */ i(
+          z,
           {
-            game: t,
+            game: r,
             className: "block w-full",
             children: [
-              /* @__PURE__ */ r.jsx(
-                w,
+              /* @__PURE__ */ t(
+                S,
                 {
-                  src: t.image,
+                  src: r.image,
                   alt: "",
                   width: 200,
                   height: 200,
@@ -136,15 +136,15 @@ function Se(s) {
                   className: "aspect-square w-full rounded-t-md object-cover"
                 }
               ),
-              /* @__PURE__ */ r.jsx("span", { className: "bg-gray-50 block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold", children: t.name })
+              /* @__PURE__ */ t("span", { className: "bg-gray-50 block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold", children: r.name })
             ]
           },
-          t.id
+          r.id
         ))
       }
     ) })
   ] });
 }
 export {
-  Se as Games
+  ye as Games
 };

package/dist/components/JackpotCounter/JackpotCounter.d.ts

@@ -3,4 +3,4 @@ export interface JackpotCounterProps {
     seeAllUrl: string;
     className?: string;
 }
-export declare function JackpotCounter(props: JackpotCounterProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function JackpotCounter(props: JackpotCounterProps): import("react").JSX.Element | null;

package/dist/components/JackpotCounter/JackpotCounter.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),f=require("embla-carousel-react"),p=require("../../_virtual/link.js"),s=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const h=require("../../hooks/useJackpotsQuery.js");require("usehooks-ts");const g=require("../../icons/ArrowLeftIcon.js"),N=require("../../icons/ArrowRightIcon.js"),R=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const u=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const v=require("./JackpotCounterItem.js");function E(l){var o;const[c,r]=f({align:"start",slidesToScroll:1}),a=s.useCallback(()=>{r&&r.scrollPrev()},[r]),x=s.useCallback(()=>{r&&r.scrollNext()},[r]),[m,d]=s.useState(!1),[q,j]=s.useState(!1),t=s.useCallback(()=>{r&&(d(r.canScrollPrev()),j(r.canScrollNext()))},[r]);s.useEffect(()=>{r&&(t(),r.on("select",t),r.on("reInit",t))},[r,t]);const n=((o=h.useJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}).data)==null?void 0:o.pages[0].edges.map(i=>i.node))??[];return n.length<=0?null:e.jsxRuntimeExports.jsxs("div",{className:l.className,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxRuntimeExports.jsx("div",{className:"text-lg font-semibold",children:l.heading}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center md:gap-3xl",children:[e.jsxRuntimeExports.jsxs(p,{href:l.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",e.jsxRuntimeExports.jsx(R.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxRuntimeExports.jsxs("div",{className:"hidden lg:flex",children:[e.jsxRuntimeExports.jsx(u.Button,{disabled:!m,onClick:a,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:e.jsxRuntimeExports.jsx(g.ArrowLeftIcon,{className:"size-5"})}),e.jsxRuntimeExports.jsxs(u.Button,{disabled:!q,onClick:x,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:[e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Next"}),e.jsxRuntimeExports.jsx(N.ArrowRightIcon,{className:"size-5"})]})]})]})]}),e.jsxRuntimeExports.jsx("div",{className:"relative mt-lg lg:overflow-hidden",ref:c,children:e.jsxRuntimeExports.jsx("div",{className:"flex gap-2.5",children:n.map(i=>e.jsxRuntimeExports.jsx(v.JackpotCounterItem,{jackpot:i,className:n.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"},i.id))})})]})}exports.JackpotCounter=E;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("embla-carousel-react"),g=require("next/link"),s=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const N=require("../../hooks/useJackpotsQuery.js");require("usehooks-ts");const j=require("../../icons/ArrowLeftIcon.js"),v=require("../../icons/ArrowRightIcon.js"),b=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const n=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const C=require("./JackpotCounterItem.js");function S(t){var a;const[o,r]=h({align:"start",slidesToScroll:1}),u=s.useCallback(()=>{r&&r.scrollPrev()},[r]),d=s.useCallback(()=>{r&&r.scrollNext()},[r]),[q,m]=s.useState(!1),[x,f]=s.useState(!1),l=s.useCallback(()=>{r&&(m(r.canScrollPrev()),f(r.canScrollNext()))},[r]);s.useEffect(()=>{r&&(l(),r.on("select",l),r.on("reInit",l))},[r,l]);const c=((a=N.useJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}).data)==null?void 0:a.pages[0].edges.map(i=>i.node))??[];return c.length<=0?null:e.jsxs("div",{className:t.className,children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("div",{className:"text-lg font-semibold",children:t.heading}),e.jsxs("div",{className:"flex items-center md:gap-3xl",children:[e.jsxs(g,{href:t.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",e.jsx(b.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxs("div",{className:"hidden lg:flex",children:[e.jsx(n.Button,{disabled:!q,onClick:u,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:e.jsx(j.ArrowLeftIcon,{className:"size-5"})}),e.jsxs(n.Button,{disabled:!x,onClick:d,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:[e.jsx("span",{className:"sr-only",children:"Next"}),e.jsx(v.ArrowRightIcon,{className:"size-5"})]})]})]})]}),e.jsx("div",{className:"relative mt-lg lg:overflow-hidden",ref:o,children:e.jsx("div",{className:"flex gap-2.5",children:c.map(i=>e.jsx(C.JackpotCounterItem,{jackpot:i,className:c.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"},i.id))})})]})}exports.JackpotCounter=S;

package/dist/components/JackpotCounter/JackpotCounter.mjs

@@ -1,8 +1,8 @@
 "use client";
-import { j as e } from "../../_virtual/jsx-runtime.mjs";
-import N from "embla-carousel-react";
-import j from "../../_virtual/link.mjs";
-import { useCallback as i, useState as a, useEffect as g } from "react";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import v from "embla-carousel-react";
+import x from "next/link";
+import { useCallback as m, useState as c, useEffect as S } from "react";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -14,18 +14,18 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/toaster.mjs";
 import "lodash-es";
-import "../../_virtual/index.cjs.mjs";
+import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useJackpotsQuery as v } from "../../hooks/useJackpotsQuery.mjs";
+import { useJackpotsQuery as b } from "../../hooks/useJackpotsQuery.mjs";
 import "usehooks-ts";
-import { ArrowLeftIcon as S } from "../../icons/ArrowLeftIcon.mjs";
-import { ArrowRightIcon as b } from "../../icons/ArrowRightIcon.mjs";
-import { ChevronRightIcon as C } from "../../icons/ChevronRightIcon.mjs";
+import { ArrowLeftIcon as C } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as k } from "../../icons/ArrowRightIcon.mjs";
+import { ChevronRightIcon as w } from "../../icons/ChevronRightIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
-import { Button as c } from "../../ui/Button/Button.mjs";
+import { Button as n } from "../../ui/Button/Button.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
@@ -42,23 +42,23 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { JackpotCounterItem as k } from "./JackpotCounterItem.mjs";
-function he(l) {
-  var m;
-  const [n, r] = N({
+import { JackpotCounterItem as y } from "./JackpotCounterItem.mjs";
+function ge(i) {
+  var a;
+  const [p, e] = v({
     align: "start",
     slidesToScroll: 1
-  }), p = i(() => {
-    r && r.scrollPrev();
-  }, [r]), d = i(() => {
-    r && r.scrollNext();
-  }, [r]), [f, x] = a(!1), [u, h] = a(!1), o = i(() => {
-    r && (x(r.canScrollPrev()), h(r.canScrollNext()));
-  }, [r]);
-  g(() => {
-    r && (o(), r.on("select", o), r.on("reInit", o));
-  }, [r, o]);
-  const s = ((m = v({
+  }), d = m(() => {
+    e && e.scrollPrev();
+  }, [e]), f = m(() => {
+    e && e.scrollNext();
+  }, [e]), [u, h] = c(!1), [N, g] = c(!1), t = m(() => {
+    e && (h(e.canScrollPrev()), g(e.canScrollNext()));
+  }, [e]);
+  S(() => {
+    e && (t(), e.on("select", t), e.on("reInit", t));
+  }, [e, t]);
+  const s = ((a = b({
     first: 100,
     filter: {
       status: {
@@ -72,63 +72,63 @@ function he(l) {
       cursor: "POOL",
       order: "DESC"
     }
-  }).data) == null ? void 0 : m.pages[0].edges.map((t) => t.node)) ?? [];
-  return s.length <= 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: l.className, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "text-lg font-semibold", children: l.heading }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center md:gap-3xl", children: [
-        /* @__PURE__ */ e.jsxs(
-          j,
+  }).data) == null ? void 0 : a.pages[0].edges.map((l) => l.node)) ?? [];
+  return s.length <= 0 ? null : /* @__PURE__ */ o("div", { className: i.className, children: [
+    /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ r("div", { className: "text-lg font-semibold", children: i.heading }),
+      /* @__PURE__ */ o("div", { className: "flex items-center md:gap-3xl", children: [
+        /* @__PURE__ */ o(
+          x,
           {
-            href: l.seeAllUrl,
+            href: i.seeAllUrl,
             className: "flex gap-sm text-sm font-semibold",
             children: [
               "See All",
-              /* @__PURE__ */ e.jsx(C, { className: "size-5 lg:hidden" })
+              /* @__PURE__ */ r(w, { className: "size-5 lg:hidden" })
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs("div", { className: "hidden lg:flex", children: [
-          /* @__PURE__ */ e.jsx(
-            c,
+        /* @__PURE__ */ o("div", { className: "hidden lg:flex", children: [
+          /* @__PURE__ */ r(
+            n,
             {
-              disabled: !f,
-              onClick: p,
+              disabled: !u,
+              onClick: d,
               variant: "outline",
               colorScheme: "gray",
               className: "rounded-r-none border-r-0",
               "aria-label": "Previous",
-              children: /* @__PURE__ */ e.jsx(S, { className: "size-5" })
+              children: /* @__PURE__ */ r(C, { className: "size-5" })
             }
           ),
-          /* @__PURE__ */ e.jsxs(
-            c,
+          /* @__PURE__ */ o(
+            n,
             {
-              disabled: !u,
-              onClick: d,
+              disabled: !N,
+              onClick: f,
               variant: "outline",
               colorScheme: "gray",
               className: "rounded-l-none",
               "aria-label": "Next",
               children: [
-                /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Next" }),
-                /* @__PURE__ */ e.jsx(b, { className: "size-5" })
+                /* @__PURE__ */ r("span", { className: "sr-only", children: "Next" }),
+                /* @__PURE__ */ r(k, { className: "size-5" })
               ]
             }
           )
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "relative mt-lg lg:overflow-hidden", ref: n, children: /* @__PURE__ */ e.jsx("div", { className: "flex gap-2.5", children: s.map((t) => /* @__PURE__ */ e.jsx(
-      k,
+    /* @__PURE__ */ r("div", { className: "relative mt-lg lg:overflow-hidden", ref: p, children: /* @__PURE__ */ r("div", { className: "flex gap-2.5", children: s.map((l) => /* @__PURE__ */ r(
+      y,
       {
-        jackpot: t,
+        jackpot: l,
         className: s.length < 2 ? "w-full" : "w-full lg:w-[calc((100%-0.75rem)/2)]"
       },
-      t.id
+      l.id
     )) }) })
   ] });
 }
 export {
-  he as JackpotCounter
+  ge as JackpotCounter
 };

package/dist/components/JackpotCounter/JackpotCounterItem.d.ts

@@ -3,4 +3,4 @@ export interface JackpotCounterCardProps {
     jackpot: Jackpot;
     className?: string;
 }
-export declare function JackpotCounterItem({ jackpot, className, }: JackpotCounterCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function JackpotCounterItem({ jackpot, className, }: JackpotCounterCardProps): import("react").JSX.Element;

package/dist/components/JackpotCounter/JackpotCounterItem.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),u=require("@ark-ui/react"),c=require("../../_virtual/image.js"),s=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const a=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const d=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const h=require("../../icons/ArrowNarrowUpRightIcon.js"),l=require("../../icons/ChevronLeftIcon.js"),m=require("../../icons/ChevronRightIcon.js"),f=require("../../images/close-chest.png.js"),g=require("../../images/open-chest.png.js"),t=require("./JackpotCounterItem.module.css.js");function p({jackpot:r,className:o}){const i=d.useLocaleInfo(),n=r.drawing,x=n?r.maximumJackpotPoolLimit:r.pool;return e.jsxRuntimeExports.jsxs("div",{className:s.twMerge("bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",o),children:[e.jsxRuntimeExports.jsxs("div",{className:"flex w-full justify-between",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-1",children:[n?e.jsxRuntimeExports.jsxs("div",{className:"border-gray-700 bg-gray-300 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsxRuntimeExports.jsx("span",{className:"full bg-gray-900 size-1.5 animate-pulse rounded"}),"Paying Out"]}):e.jsxRuntimeExports.jsxs("div",{className:"border-gray-700 bg-gray-300 flex w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsxRuntimeExports.jsx(h.ArrowNarrowUpRightIcon,{className:"size-3.5"}),"Accumulating"]}),e.jsxRuntimeExports.jsx("div",{className:"text-left text-lg font-medium",children:r.name}),e.jsxRuntimeExports.jsx("div",{className:"bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold",children:a.formatNumber(x,{currency:i.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(c,{width:100,height:100,src:n?g:f,alt:"closeChest",quality:100,className:"h-25 w-25 size-full"})})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between",children:[e.jsxRuntimeExports.jsx("div",{className:"text-xs font-medium",children:a.formatNumber(0,{currency:i.currency.code,compact:!0})}),e.jsxRuntimeExports.jsxs("div",{className:"relative flex items-center justify-end gap-1.5",children:[n?e.jsxRuntimeExports.jsxs("div",{className:"flex w-6 items-center",children:[e.jsxRuntimeExports.jsx("div",{className:s.twMerge("absolute left-0",t["animate-arrow-red-flash-1"]),children:e.jsxRuntimeExports.jsx(l.ChevronLeftIcon,{className:"size-4.5"})}),e.jsxRuntimeExports.jsx("div",{className:s.twMerge("absolute left-1.5",t["animate-arrow-red-flash-2"]),children:e.jsxRuntimeExports.jsx(l.ChevronLeftIcon,{className:"size-4.5"})}),e.jsxRuntimeExports.jsx("div",{className:s.twMerge("absolute left-3",t["animate-arrow-red-flash-3"]),children:e.jsxRuntimeExports.jsx(l.ChevronLeftIcon,{className:"size-4.5"})})]}):e.jsxRuntimeExports.jsxs("div",{className:"flex w-6 items-center",children:[e.jsxRuntimeExports.jsx("div",{className:s.twMerge("absolute left-0",t["animate-arrow-green-flash-1"]),children:e.jsxRuntimeExports.jsx(m.ChevronRightIcon,{className:"size-4.5"})}),e.jsxRuntimeExports.jsx("div",{className:s.twMerge("absolute left-1.5",t["animate-arrow-green-flash-2"]),children:e.jsxRuntimeExports.jsx(m.ChevronRightIcon,{className:"size-4.5"})}),e.jsxRuntimeExports.jsx("div",{className:s.twMerge("absolute left-3",t["animate-arrow-green-flash-3"]),children:e.jsxRuntimeExports.jsx(m.ChevronRightIcon,{className:"size-4.5"})})]}),e.jsxRuntimeExports.jsx("div",{className:"text-xs font-medium",children:a.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:i.currency.code,compact:!0})})]})]}),e.jsxRuntimeExports.jsx(u.Progress.Root,{className:"bg-gray-200 h-2 w-full rounded-full",max:100,value:33,children:e.jsxRuntimeExports.jsx(u.Progress.Track,{className:"bg-gray-950 h-full rounded-full",children:e.jsxRuntimeExports.jsx(u.Progress.Range,{className:"bg-gray-300 h-full rounded-full"})})}),e.jsxRuntimeExports.jsx("div",{className:"mt-1 text-start text-[10px]",children:n?`The pot has hit ${a.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:i.currency.code,compact:!0})} Play now for your chance to win big! 🔥`:j(Number(r==null?void 0:r.pool)??0,Number(r==null?void 0:r.maximumJackpotPoolLimit)??0)})]})}const j=(r,o)=>(o===0?0:r/o*100)<=90?"The jackpot is heating up! Keep playing to stay in the action and watch it grow!":"🔥 It’s about to pop! Stay in the game for your shot at the prize!";exports.JackpotCounterItem=p;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@ark-ui/react"),d=require("next/image"),s=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const n=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const x=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const h=require("../../icons/ArrowNarrowUpRightIcon.js"),o=require("../../icons/ChevronLeftIcon.js"),u=require("../../icons/ChevronRightIcon.js"),f=require("../../images/close-chest.png.js"),g=require("../../images/open-chest.png.js"),t=require("./JackpotCounterItem.module.css.js");function N({jackpot:r,className:l}){const i=x.useLocaleInfo(),a=r.drawing,m=a?r.maximumJackpotPoolLimit:r.pool;return e.jsxs("div",{className:s.twMerge("bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",l),children:[e.jsxs("div",{className:"flex w-full justify-between",children:[e.jsxs("div",{className:"flex flex-col gap-1",children:[a?e.jsxs("div",{className:"border-gray-700 bg-gray-300 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx("span",{className:"full bg-gray-900 size-1.5 animate-pulse rounded"}),"Paying Out"]}):e.jsxs("div",{className:"border-gray-700 bg-gray-300 flex w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx(h.ArrowNarrowUpRightIcon,{className:"size-3.5"}),"Accumulating"]}),e.jsx("div",{className:"text-left text-lg font-medium",children:r.name}),e.jsx("div",{className:"bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold",children:n.formatNumber(m,{currency:i.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{children:e.jsx(d,{width:100,height:100,src:a?g:f,alt:"closeChest",quality:100,className:"h-25 w-25 size-full"})})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("div",{className:"text-xs font-medium",children:n.formatNumber(0,{currency:i.currency.code,compact:!0})}),e.jsxs("div",{className:"relative flex items-center justify-end gap-1.5",children:[a?e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",t["animate-arrow-red-flash-1"]),children:e.jsx(o.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",t["animate-arrow-red-flash-2"]),children:e.jsx(o.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",t["animate-arrow-red-flash-3"]),children:e.jsx(o.ChevronLeftIcon,{className:"size-4.5"})})]}):e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",t["animate-arrow-green-flash-1"]),children:e.jsx(u.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",t["animate-arrow-green-flash-2"]),children:e.jsx(u.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",t["animate-arrow-green-flash-3"]),children:e.jsx(u.ChevronRightIcon,{className:"size-4.5"})})]}),e.jsx("div",{className:"text-xs font-medium",children:n.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:i.currency.code,compact:!0})})]})]}),e.jsx(c.Progress.Root,{className:"bg-gray-200 h-2 w-full rounded-full",max:100,value:33,children:e.jsx(c.Progress.Track,{className:"bg-gray-950 h-full rounded-full",children:e.jsx(c.Progress.Range,{className:"bg-gray-300 h-full rounded-full"})})}),e.jsx("div",{className:"mt-1 text-start text-[10px]",children:a?`The pot has hit ${n.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:i.currency.code,compact:!0})} Play now for your chance to win big! 🔥`:y(Number(r==null?void 0:r.pool)??0,Number(r==null?void 0:r.maximumJackpotPoolLimit)??0)})]})}const y=(r,l)=>(l===0?0:r/l*100)<=90?"The jackpot is heating up! Keep playing to stay in the action and watch it grow!":"🔥 It’s about to pop! Stay in the game for your shot at the prize!";exports.JackpotCounterItem=N;