@opexa/portal-components 0.0.16 → 0.0.18

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

@@ -1,6 +1,8 @@
 export interface JackpotCounterProps {
-    heading: string;
-    seeAllUrl: string;
+    /** @default "Promos" */
+    heading?: string;
+    /** @default "/jackpots" */
+    viewAllUrl?: string;
     className?: string;
 }
 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("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("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const N=require("../../client/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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("embla-carousel-react"),v=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("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const N=require("../../client/hooks/useJackpotsQuery.js");require("usehooks-ts");const g=require("../../icons/ArrowLeftIcon.js"),j=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/Collapsible/Collapsible.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/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const k=require("./JackpotCounterItem.js");function C(l){var c;const[o,r]=h({align:"start",slidesToScroll:1}),u=s.useCallback(()=>{r&&r.scrollPrev()},[r]),q=s.useCallback(()=>{r&&r.scrollNext()},[r]),[d,m]=s.useState(!1),[x,f]=s.useState(!1),i=s.useCallback(()=>{r&&(m(r.canScrollPrev()),f(r.canScrollNext()))},[r]);s.useEffect(()=>{r&&(i(),r.on("select",i),r.on("reInit",i))},[r,i]);const a=((c=N.useJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}).data)==null?void 0:c.pages[0].edges.map(t=>t.node))??[];return a.length<=0?null:e.jsxs("div",{className:l.className,children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("div",{className:"text-lg font-semibold",children:l.heading??"Jackpots"}),e.jsxs("div",{className:"flex items-center md:gap-3xl",children:[e.jsxs(v,{href:l.viewAllUrl??"/jackpots",className:"text-button-tertiary-fg 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:!d,onClick:u,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:e.jsx(g.ArrowLeftIcon,{className:"size-5"})}),e.jsxs(n.Button,{disabled:!x,onClick:q,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:[e.jsx("span",{className:"sr-only",children:"Next"}),e.jsx(j.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:a.map(t=>e.jsx(k.JackpotCounterItem,{jackpot:t,className:"w-full",viewAllUrl:l.viewAllUrl},t.id))})})]})}exports.JackpotCounter=C;

package/dist/components/JackpotCounter/JackpotCounter.mjs

@@ -1,8 +1,8 @@
 "use client";
-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 { jsxs as t, jsx as r } from "react/jsx-runtime";
+import x from "embla-carousel-react";
+import g from "next/link";
+import { useCallback as m, useState as c, useEffect as b } from "react";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -16,10 +16,10 @@ import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
 import "../../client/hooks/useGlobalStore.mjs";
 import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import { useJackpotsQuery as b } from "../../client/hooks/useJackpotsQuery.mjs";
+import { useJackpotsQuery as S } from "../../client/hooks/useJackpotsQuery.mjs";
 import "usehooks-ts";
-import { ArrowLeftIcon as C } from "../../icons/ArrowLeftIcon.mjs";
-import { ArrowRightIcon as k } from "../../icons/ArrowRightIcon.mjs";
+import { ArrowLeftIcon as k } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as C } from "../../icons/ArrowRightIcon.mjs";
 import { ChevronRightIcon as w } from "../../icons/ChevronRightIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
@@ -27,6 +27,7 @@ import "../../ui/Badge/Badge.mjs";
 import { Button as n } 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 "../../ui/Drawer/Drawer.mjs";
@@ -34,30 +35,32 @@ import "../../ui/Field/Field.mjs";
 import "@ark-ui/react";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../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";
 import { JackpotCounterItem as y } from "./JackpotCounterItem.mjs";
-function Ne(i) {
+function ge(o) {
   var a;
-  const [p, e] = v({
+  const [p, e] = x({
     align: "start",
     slidesToScroll: 1
   }), 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]), [u, N] = c(!1), [h, v] = c(!1), l = m(() => {
+    e && (N(e.canScrollPrev()), v(e.canScrollNext()));
   }, [e]);
-  S(() => {
-    e && (t(), e.on("select", t), e.on("reInit", t));
-  }, [e, t]);
-  const s = ((a = b({
+  b(() => {
+    e && (l(), e.on("select", l), e.on("reInit", l));
+  }, [e, l]);
+  const s = ((a = S({
     first: 100,
     filter: {
       status: {
@@ -71,23 +74,23 @@ function Ne(i) {
       cursor: "POOL",
       order: "DESC"
     }
-  }).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,
+  }).data) == null ? void 0 : a.pages[0].edges.map((i) => i.node)) ?? [];
+  return s.length <= 0 ? null : /* @__PURE__ */ t("div", { className: o.className, children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ r("div", { className: "text-lg font-semibold", children: o.heading ?? "Jackpots" }),
+      /* @__PURE__ */ t("div", { className: "flex items-center md:gap-3xl", children: [
+        /* @__PURE__ */ t(
+          g,
           {
-            href: i.seeAllUrl,
-            className: "flex gap-sm text-sm font-semibold",
+            href: o.viewAllUrl ?? "/jackpots",
+            className: "text-button-tertiary-fg flex gap-sm text-sm font-semibold",
             children: [
               "See All",
               /* @__PURE__ */ r(w, { className: "size-5 lg:hidden" })
             ]
           }
         ),
-        /* @__PURE__ */ o("div", { className: "hidden lg:flex", children: [
+        /* @__PURE__ */ t("div", { className: "hidden lg:flex", children: [
           /* @__PURE__ */ r(
             n,
             {
@@ -97,13 +100,13 @@ function Ne(i) {
               colorScheme: "gray",
               className: "rounded-r-none border-r-0",
               "aria-label": "Previous",
-              children: /* @__PURE__ */ r(C, { className: "size-5" })
+              children: /* @__PURE__ */ r(k, { className: "size-5" })
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ t(
             n,
             {
-              disabled: !N,
+              disabled: !h,
               onClick: f,
               variant: "outline",
               colorScheme: "gray",
@@ -111,23 +114,24 @@ function Ne(i) {
               "aria-label": "Next",
               children: [
                 /* @__PURE__ */ r("span", { className: "sr-only", children: "Next" }),
-                /* @__PURE__ */ r(k, { className: "size-5" })
+                /* @__PURE__ */ r(C, { className: "size-5" })
               ]
             }
           )
         ] })
       ] })
     ] }),
-    /* @__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(
+    /* @__PURE__ */ r("div", { className: "relative mt-lg lg:overflow-hidden", ref: p, children: /* @__PURE__ */ r("div", { className: "flex gap-2.5", children: s.map((i) => /* @__PURE__ */ r(
       y,
       {
-        jackpot: l,
-        className: s.length < 2 ? "w-full" : "w-full lg:w-[calc((100%-0.75rem)/2)]"
+        jackpot: i,
+        className: "w-full",
+        viewAllUrl: o.viewAllUrl
       },
-      l.id
+      i.id
     )) }) })
   ] });
 }
 export {
-  Ne as JackpotCounter
+  ge as JackpotCounter
 };

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

@@ -2,5 +2,7 @@ import { Jackpot } from '@opexa/portal-sdk-core';
 export interface JackpotCounterCardProps {
     jackpot: Jackpot;
     className?: string;
+    /** @default "/jackpots" */
+    viewAllUrl?: string;
 }
-export declare function JackpotCounterItem({ jackpot, className, }: JackpotCounterCardProps): import("react").JSX.Element;
+export declare function JackpotCounterItem({ jackpot, className, viewAllUrl, }: 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("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");const n=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const x=require("../../client/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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("@ark-ui/react"),x=require("next/image"),v=require("next/link"),b=require("react"),t=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const c=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const j=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const p=require("../../icons/ArrowNarrowUpRightIcon.js"),d=require("../../icons/ChevronLeftIcon.js"),n=require("../../icons/ChevronRightIcon.js"),q=require("../../icons/Trophy01Icon.js"),C=require("../../icons/StarIcon.js"),I=require("../../images/close-chest.png.js"),z=require("../../images/first-place.png.js"),P=require("../../images/leaderboard.png.js"),M=require("../../images/open-chest.png.js"),i=require("./JackpotCounterItem.module.css.js");function L({jackpot:r,className:a,viewAllUrl:h}){const o=j.useLocaleInfo(),l=r.drawing,y=l?r.maximumJackpotPoolLimit:r.pool,f=b.useCallback(({isFirst:m})=>{const s=l?d.ChevronLeftIcon:n.ChevronRightIcon,w=m?l?"text-error-600":"text-success-800":"text-brand-300";return e.jsx(s,{className:t.twMerge("scale-400 lg:scale-250 min-w-2.5 lg:min-w-4",w)})},[l]),N=b.useMemo(()=>Array.from({length:40},(m,s)=>e.jsx(f,{isFirst:s===0},s)),[f]);return e.jsxs("div",{className:t.twMerge("bg-bg-tertiary border-border-primary relative flex shrink-0 rounded-2xl border p-3 text-center lg:gap-4 lg:p-5",a),children:[e.jsxs("div",{className:"z-1 relative flex flex-1 flex-col",children:[e.jsx("div",{className:"flex h-full flex-col justify-between",children:e.jsx("div",{className:"flex w-full justify-between",children:e.jsxs("div",{className:"flex w-full flex-col",children:[e.jsxs("div",{className:"relative flex w-full justify-between",children:[e.jsxs("div",{children:[l?e.jsxs("div",{className:"border-utility-success-200 bg-utility-success-50 text-utility-success-700 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-utility-success-500 size-1.5 animate-pulse rounded"}),"Paying Out"]}):e.jsxs("div",{className:"border-utility-blue-200 bg-utility-blue-50 text-utility-blue-700 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx(p.ArrowNarrowUpRightIcon,{className:"text-utility-blue-500 size-3.5"}),"Accumulating"]}),e.jsx("div",{className:"text-text-primary-900 mt-1 text-left text-lg font-medium lg:mt-5 lg:text-2xl",children:r.name}),e.jsx("div",{className:"bg-bg-primary text-brand-400 mt-1.5 w-fit rounded-md px-2 py-1 text-2xl font-bold lg:mt-2 lg:text-4xl",children:c.formatNumber(y,{currency:o.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"z-1 bottom-[-60] right-0 block lg:absolute",children:e.jsx(x,{width:150,height:150,src:l?M:I,alt:"closeChest",quality:100,className:"h-25 w-25 lg:h-37.5 lg:w-37.5 size-full p-2"})})]}),e.jsxs("div",{className:"bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex",children:[e.jsx(x,{width:66,height:87,src:z,alt:"closeChest",className:"size-full h-auto w-[66px] mix-blend-luminosity"}),e.jsxs("div",{className:"flex flex-col gap-1 text-left",children:[e.jsxs("div",{className:"border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-sm border px-2 py-0.5 text-xs font-medium",children:[e.jsx(q.Trophy01Icon,{className:"text-utility-brand-600 size-3.5"}),"Top Payout"]}),e.jsx("div",{className:"font-semibold",children:"No winners yet"}),e.jsx("div",{className:"text-text-secondary-700 text-xs",children:"You could be the first to win the tournament!"})]})]})]})})}),e.jsxs("div",{className:"mt-3 lg:mt-4",children:[e.jsxs("div",{className:"mb-1 flex justify-between",children:[e.jsx("div",{className:"text-text-primary-900 text-xs font-semibold",children:c.formatNumber(0,{currency:o.currency.code,compact:!0})}),e.jsxs("div",{className:"relative flex items-center justify-end gap-1.5",children:[l?e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:t.twMerge("absolute left-0",i.default["animate-arrow-red-flash-1"]),children:e.jsx(d.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:t.twMerge("absolute left-1.5",i.default["animate-arrow-red-flash-2"]),children:e.jsx(d.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:t.twMerge("absolute left-3",i.default["animate-arrow-red-flash-3"]),children:e.jsx(d.ChevronLeftIcon,{className:"size-4.5"})})]}):e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:t.twMerge("absolute left-0",i.default["animate-arrow-green-flash-1"]),children:e.jsx(n.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:t.twMerge("absolute left-1.5",i.default["animate-arrow-green-flash-2"]),children:e.jsx(n.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:t.twMerge("absolute left-3",i.default["animate-arrow-green-flash-3"]),children:e.jsx(n.ChevronRightIcon,{className:"size-4.5"})})]}),e.jsx("div",{className:"text-text-primary-900 text-xs font-semibold",children:c.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:o.currency.code,compact:!0})})]})]}),e.jsx(u.Progress.Root,{className:"bg-bg-primary h-2 w-full rounded-full lg:h-4",max:100,value:R(Number(r.pool),Number(r.maximumJackpotPoolLimit)),children:e.jsx(u.Progress.Track,{className:"bg-bg-primary h-full overflow-hidden rounded-full",children:e.jsx(u.Progress.Range,{className:"bg-brand-500 relative h-full overflow-hidden rounded-full pl-1.5",children:e.jsx("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5","aria-hidden":"true",children:N})})})}),e.jsx("div",{className:"mt-1 block text-start text-2xs lg:hidden",children:l?`The pot has hit ${c.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:o.currency.code,compact:!0})} Play now for your chance to win big! 🔥`:A(Number(r==null?void 0:r.pool)??0,Number(r==null?void 0:r.maximumJackpotPoolLimit)??0)})]})]}),e.jsxs("div",{className:"z-1 hidden flex-1 space-y-4 lg:block",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx(x,{width:24,height:24,src:P,quality:100,alt:"leaderboardIcon",className:"size-full h-auto w-6"}),e.jsx("div",{className:"text-text-primary-900 text-lg font-semibold",children:"Starting soon!"})]}),e.jsxs(v,{className:"text-button-tertiary-fg flex text-sm font-semibold",href:h??"/jackpots",children:["See details",e.jsx(n.ChevronRightIcon,{className:"size-5"})]})]}),e.jsx("div",{className:t.twMerge("max-h-[272px] overflow-y-scroll",i.default.scrollArea),children:e.jsx("div",{className:"border-gray-200 overflow-hidden rounded-xl",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-bg-secondary text-text-tertiary-600 h-8 text-xs font-medium",children:[e.jsx("th",{className:"w-[52px]",children:"#"}),e.jsx("th",{children:"Player"}),e.jsx("th",{children:"Multiplier"}),e.jsx("th",{children:"Prize"})]})}),e.jsx("tbody",{children:Array.from({length:10}).map((m,s)=>e.jsxs("tr",{className:"bg-bg-primary text-sm text-text-secondary-700",children:[e.jsx("td",{className:"border-border-secondary h-12 w-[52px] border-t-2",children:s+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(C.StarIcon,{className:t.twMerge("mx-auto size-6.5",g[s].starColor)}),e.jsx("span",{className:t.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",g[s].numberColor),children:s+1})]}):"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"})]},s))})]})})})]}),l&&e.jsx("div",{className:t.twMerge(i.default["light-rays"],"absolute right-0 top-0 rounded-2xl")})]})}const R=(r,a)=>a===0?0:r/a*100,A=(r,a)=>(a===0?0:r/a*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!",g=[{starColor:"text-yellow-400",numberColor:"text-bg-primary"},{starColor:"text-utility-gray-700",numberColor:"text-bg-primary"},{starColor:"text-yellow-700",numberColor:"text-bg-primary"},{starColor:"text-bg-quaternary",numberColor:"text-text-primary-900"},{starColor:"text-bg-quaternary",numberColor:"text-text-primary-900"}];exports.JackpotCounterItem=L;