@opexa/portal-components 0.0.27 → 0.0.28

package/dist/components/JackpotCounter/JackpotCounter.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@opexa/portal-sdk-core");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("../../server/services/getSession.js");require("date-fns");require("next/headers");const t=require("../../server/utils/prefetchJackpotsQuery.js"),u=require("./JackpotCounter.client.js");async function i(e){return await t.prefetchJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}),r.jsx(u.JackpotCounter__client,{...e})}exports.JackpotCounter=i;

package/dist/components/JackpotCounter/JackpotCounter.mjs

@@ -1,33 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import "@opexa/portal-sdk-core";
-import "../../constants/index.mjs";
-import "../../utils/capitalize.mjs";
-import "../../utils/parseDecimal.mjs";
-import "../../utils/getLocaleInfo.mjs";
-import "../../utils/getQueryClient.mjs";
-import "../../utils/isMobile.mjs";
-import "../../server/services/getSession.mjs";
-import "date-fns";
-import "next/headers";
-import { prefetchJackpotsQuery as o } from "../../server/utils/prefetchJackpotsQuery.mjs";
-import { JackpotCounter__client as i } from "./JackpotCounter.client.mjs";
-async function J(r) {
-  return await o({
-    first: 100,
-    filter: {
-      status: {
-        equal: "ACTIVE"
-      },
-      deleted: {
-        equal: !1
-      }
-    },
-    sort: {
-      cursor: "POOL",
-      order: "DESC"
-    }
-  }), /* @__PURE__ */ t(i, { ...r });
-}
-export {
-  J as JackpotCounter
-};

package/dist/components/JackpotCounter/JackpotCounterItem.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("@ark-ui/react"),g=require("next/image"),I=require("next/link"),j=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");const c=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../client/services/getSession.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const P=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const z=require("../../client/hooks/useJackpotPayoutsQuery.js"),M=require("../../icons/ArrowNarrowUpRightIcon.js"),x=require("../../icons/ChevronLeftIcon.js"),d=require("../../icons/ChevronRightIcon.js"),v=require("../../icons/StarIcon.js"),w=require("../../icons/Trophy01Icon.js"),L=require("../../images/close-chest.png.js"),J=require("../../images/first-place.png.js"),R=require("../../images/leaderboard.png.js"),T=require("../../images/open-chest.png.js"),i=require("./JackpotCounterItem.module.css.js");function A({jackpot:r,className:o,viewAllUrl:m}){var p;const u=((p=z.useJackpotPayoutsQuery({first:30,filter:{jackpot:{equal:r.id}},sort:{cursor:"AMOUNT",order:"DESC"}}).data)==null?void 0:p.pages[0].edges.map(a=>a.node))??[],b=u[0]??[],n=P.useLocaleInfo(),l=r.drawing,q=l?r.maximumJackpotPoolLimit:r.pool,N=j.useCallback(({index:a})=>{const t=l?x.ChevronLeftIcon:d.ChevronRightIcon;return e.jsx(t,{className:s.twMerge("scale-400 lg:scale-250 text-brand-300 min-w-2.5 lg:min-w-4",l?i.default["animate-wave-color-error"]:i.default["animate-wave-color-success"]),style:{animationDelay:l?`${(40-a-1)*.1}s`:`${a*.1}s`}})},[l]),C=j.useMemo(()=>Array.from({length:40},(a,t)=>e.jsx(N,{isFirst:t===0,index:t},t)),[N]);return e.jsxs("div",{className:s.twMerge("bg-bg-tertiary border-border-primary relative flex shrink-0 rounded-2xl border p-3 text-center lg:gap-4 lg:p-5",o),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(M.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(q,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"z-1 bottom-[-60] right-0 lg:absolute",children:e.jsx(g,{width:150,height:150,src:l?T:L,alt:"closeChest",quality:100,className:"h-25 w-25 lg:h-37.5 lg:w-37.5 size-full p-2"})})]}),b.amount?e.jsx("div",{children:e.jsxs("div",{className:"bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex",children:[e.jsx("div",{className:"border-yellow-400 relative h-18 w-18 rounded-full border",children:e.jsx("div",{className:"bg-yellow-400 text-brand-950 border-bg-primary absolute bottom-0 right-0 flex h-6 w-6 items-center justify-center rounded-full border-[1.5px] text-xs font-bold",children:"1st"})}),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(w.Trophy01Icon,{className:"text-utility-brand-600 size-3.5"}),"Top Payout"]}),e.jsx("div",{className:"font-semibold",children:y(b.member.name)}),e.jsx("div",{className:"text-brand-400 text-2xl",children:c.formatNumber(b.amount,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces: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(g,{width:66,height:87,src:J,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(w.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:n.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:s.twMerge("absolute left-0",i.default["animate-arrow-red-flash-1"]),children:e.jsx(x.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",i.default["animate-arrow-red-flash-2"]),children:e.jsx(x.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",i.default["animate-arrow-red-flash-3"]),children:e.jsx(x.ChevronLeftIcon,{className:"size-4.5"})})]}):e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",i.default["animate-arrow-green-flash-1"]),children:e.jsx(d.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",i.default["animate-arrow-green-flash-2"]),children:e.jsx(d.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",i.default["animate-arrow-green-flash-3"]),children:e.jsx(d.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:n.currency.code,compact:!0})})]})]}),e.jsx(f.Progress.Root,{className:"bg-bg-primary h-2 w-full rounded-full lg:h-4",max:100,value:S(Number(r.pool),Number(r.maximumJackpotPoolLimit)),children:e.jsx(f.Progress.Track,{className:"bg-bg-primary h-full overflow-hidden rounded-full",children:e.jsx(f.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:C})})})}),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:n.currency.code,compact:!0})} Play now for your chance to win big! 🔥`:D(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(g,{width:24,height:24,src:R,quality:100,alt:"leaderboardIcon",className:"size-full h-auto w-6"}),e.jsx("div",{className:"text-text-primary-900 text-lg font-semibold",children:u.length?"Leaderboard":"Starting soon!"})]}),e.jsxs(I,{className:"text-button-tertiary-fg flex text-sm font-semibold",href:m??"/jackpots",children:["See details",e.jsx(d.ChevronRightIcon,{className:"size-5"})]})]}),e.jsx("div",{className:s.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:u.length?e.jsx(e.Fragment,{children:u.map((a,t)=>e.jsxs("tr",{className:"bg-bg-primary text-text-secondary-700 text-sm",children:[e.jsx("td",{className:"border-border-secondary h-12 w-[52px] border-t-2",children:t+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(v.StarIcon,{className:s.twMerge("mx-auto size-6.5",h[t].starColor)}),e.jsx("span",{className:s.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",h[t].numberColor),children:t+1})]}):t+1}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:y(a.member.name)}),e.jsxs("td",{className:"border-border-secondary h-12 border-t-2",children:[a.multiplier,"x"]}),e.jsx("td",{className:"border-border-secondary text-brand-400 h-12 border-t-2",children:c.formatNumber(a.amount,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]},t))}):e.jsx(e.Fragment,{children:Array.from({length:10}).map((a,t)=>e.jsxs("tr",{className:"bg-bg-primary text-text-secondary-700 text-sm",children:[e.jsx("td",{className:"border-border-secondary h-12 w-[52px] border-t-2",children:t+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(v.StarIcon,{className:s.twMerge("mx-auto size-6.5",h[t].starColor)}),e.jsx("span",{className:s.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",h[t].numberColor),children:t+1})]}):t+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:"-"})]},t))})})]})})})]}),l&&e.jsx("div",{className:s.twMerge(i.default["light-rays"],"absolute right-0 top-0 rounded-2xl [--light-rays-top:25%] lg:[--light-rays-top:150px]")})]})}function y(r){if(r.length<=7)return"*".repeat(r.length);const o=r.slice(0,3),m="*".repeat(7);return o+m}const S=(r,o)=>o===0?0:r/o*100,D=(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!",h=[{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=A;exports.maskName=y;

package/dist/components/JackpotCounter/JackpotCounterItem.mjs

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

package/dist/components/JackpotCounter/JackpotCounterItem.module.css.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="_scrollArea_oua78_289",r={"animate-arrow-green-flash-1":"_animate-arrow-green-flash-1_oua78_19","animate-arrow-green-flash-2":"_animate-arrow-green-flash-2_oua78_29","animate-arrow-green-flash-3":"_animate-arrow-green-flash-3_oua78_39","animate-arrow-red-flash-1":"_animate-arrow-red-flash-1_oua78_67","animate-arrow-red-flash-2":"_animate-arrow-red-flash-2_oua78_75","animate-arrow-red-flash-3":"_animate-arrow-red-flash-3_oua78_85","light-rays":"_light-rays_oua78_109",scrollArea:a,"animate-wave-color-success":"_animate-wave-color-success_oua78_351","animate-wave-color-error":"_animate-wave-color-error_oua78_361"};exports.default=r;exports.scrollArea=a;

package/dist/components/JackpotCounter/JackpotCounterItem.module.css.mjs

@@ -1,16 +0,0 @@
-const a = "_scrollArea_oua78_289", r = {
-  "animate-arrow-green-flash-1": "_animate-arrow-green-flash-1_oua78_19",
-  "animate-arrow-green-flash-2": "_animate-arrow-green-flash-2_oua78_29",
-  "animate-arrow-green-flash-3": "_animate-arrow-green-flash-3_oua78_39",
-  "animate-arrow-red-flash-1": "_animate-arrow-red-flash-1_oua78_67",
-  "animate-arrow-red-flash-2": "_animate-arrow-red-flash-2_oua78_75",
-  "animate-arrow-red-flash-3": "_animate-arrow-red-flash-3_oua78_85",
-  "light-rays": "_light-rays_oua78_109",
-  scrollArea: a,
-  "animate-wave-color-success": "_animate-wave-color-success_oua78_351",
-  "animate-wave-color-error": "_animate-wave-color-error_oua78_361"
-};
-export {
-  r as default,
-  a as scrollArea
-};

package/dist/components/Jackpots/JackpotGameProviders.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("embla-carousel-react"),v=require("next/image"),N=require("next/link"),s=require("react"),b=require("../../icons/ArrowLeftIcon.js"),g=require("../../icons/ArrowRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const a=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../ui/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");function h({gameProviders:c}){const[t,e]=f({align:"start",slidesToScroll:1}),o=s.useCallback(()=>{e&&e.scrollPrev()},[e]),n=s.useCallback(()=>{e&&e.scrollNext()},[e]),[u,d]=s.useState(!1),[q,m]=s.useState(!1),i=s.useCallback(()=>{e&&(d(e.canScrollPrev()),m(e.canScrollNext()))},[e]);return s.useEffect(()=>{e&&(i(),e.on("select",i),e.on("reInit",i))},[e,i]),r.jsxs("div",{className:"p-4 pb-8",children:[r.jsxs("div",{className:"flex items-center justify-between",children:[r.jsx("div",{className:"text-text-primary-900 text-lg font-semibold",children:"Jackpot Game Providers"}),r.jsxs("div",{className:"hidden lg:flex",children:[r.jsx(a.Button,{disabled:!u,onClick:o,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:r.jsx(b.ArrowLeftIcon,{className:"size-5"})}),r.jsxs(a.Button,{disabled:!q,onClick:n,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:[r.jsx("span",{className:"sr-only",children:"Next"}),r.jsx(g.ArrowRightIcon,{className:"size-5"})]})]})]}),r.jsx("div",{className:"relative mt-3 overflow-hidden",ref:t,children:r.jsx("div",{className:"flex gap-3.5",children:c.map((l,x)=>r.jsx(N,{href:`/${l.slug}`,className:"bg-gray-800 lg:bg-bg-primary-900 min-w-27.5 rounded-md",children:r.jsx(v,{src:l.logo,alt:"provider",className:"size-full"})},x))})})]})}exports.JackpotGameProviders=h;

package/dist/components/Jackpots/JackpotGameProviders.mjs

@@ -1,107 +0,0 @@
-"use client";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import h from "embla-carousel-react";
-import x from "next/image";
-import b from "next/link";
-import { useCallback as t, useState as m, useEffect as g } from "react";
-import { ArrowLeftIcon as S } from "../../icons/ArrowLeftIcon.mjs";
-import { ArrowRightIcon as P } from "../../icons/ArrowRightIcon.mjs";
-import "../../ui/AlertDialog/AlertDialog.mjs";
-import "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.mjs";
-import { Button as a } from "../../ui/Button/Button.mjs";
-import "../../ui/Checkbox/Checkbox.mjs";
-import "../../ui/Clipboard/Clipboard.mjs";
-import "../../ui/Collapsible/Collapsible.mjs";
-import "../../ui/Combobox/Combobox.mjs";
-import "../../ui/DatePicker/DatePicker.mjs";
-import "../../ui/Dialog/Dialog.mjs";
-import "../../ui/Drawer/Drawer.mjs";
-import "../../ui/Field/Field.mjs";
-import "@ark-ui/react";
-import "../../utils/capitalize.mjs";
-import "../../utils/parseDecimal.mjs";
-import "../../constants/index.mjs";
-import "../../utils/getLocaleInfo.mjs";
-import "../../utils/getQueryClient.mjs";
-import "../../utils/isMobile.mjs";
-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";
-function mr({
-  gameProviders: s
-}) {
-  const [c, r] = h({
-    align: "start",
-    slidesToScroll: 1
-  }), n = t(() => {
-    r && r.scrollPrev();
-  }, [r]), p = t(() => {
-    r && r.scrollNext();
-  }, [r]), [d, f] = m(!1), [u, N] = m(!1), o = t(() => {
-    r && (f(r.canScrollPrev()), N(r.canScrollNext()));
-  }, [r]);
-  return g(() => {
-    r && (o(), r.on("select", o), r.on("reInit", o));
-  }, [r, o]), /* @__PURE__ */ i("div", { className: "p-4 pb-8", children: [
-    /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ e("div", { className: "text-text-primary-900 text-lg font-semibold", children: "Jackpot Game Providers" }),
-      /* @__PURE__ */ i("div", { className: "hidden lg:flex", children: [
-        /* @__PURE__ */ e(
-          a,
-          {
-            disabled: !d,
-            onClick: n,
-            variant: "outline",
-            colorScheme: "gray",
-            className: "rounded-r-none border-r-0",
-            "aria-label": "Previous",
-            children: /* @__PURE__ */ e(S, { className: "size-5" })
-          }
-        ),
-        /* @__PURE__ */ i(
-          a,
-          {
-            disabled: !u,
-            onClick: p,
-            variant: "outline",
-            colorScheme: "gray",
-            className: "rounded-l-none",
-            "aria-label": "Next",
-            children: [
-              /* @__PURE__ */ e("span", { className: "sr-only", children: "Next" }),
-              /* @__PURE__ */ e(P, { className: "size-5" })
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "relative mt-3 overflow-hidden", ref: c, children: /* @__PURE__ */ e("div", { className: "flex gap-3.5", children: s.map((l, v) => /* @__PURE__ */ e(
-      b,
-      {
-        href: `/${l.slug}`,
-        className: "bg-gray-800 lg:bg-bg-primary-900 min-w-27.5 rounded-md",
-        children: /* @__PURE__ */ e(
-          x,
-          {
-            src: l.logo,
-            alt: "provider",
-            className: "size-full"
-          }
-        )
-      },
-      v
-    )) }) })
-  ] });
-}
-export {
-  mr as JackpotGameProviders
-};

package/dist/components/Jackpots/JackpotItemDesktop.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("@ark-ui/react"),u=require("next/image"),s=require("tailwind-merge"),I=require("../../icons/ArrowNarrowUpRightIcon.js"),h=require("../../icons/ChevronLeftIcon.js"),b=require("../../icons/ChevronRightIcon.js"),g=require("../../icons/StarIcon.js"),N=require("../../icons/Trophy01Icon.js"),P=require("../../images/close-chest.png.js"),z=require("../../images/first-place.png.js"),C=require("../../images/leaderboard.png.js"),M=require("../../images/open-chest.png.js");require("../../utils/capitalize.js");const i=require("../../utils/formatNumber.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");const y=require("../JackpotCounter/JackpotCounterItem.js"),l=require("../JackpotCounter/JackpotCounterItem.module.css.js"),J=require("./JackpotGameProviders.js"),R=require("./JackpotRules.js"),D=require("./useJackpotItemData.js");function L({jackpot:r,gameProviders:f}){const{jackpotPayouts:o,topJackpotPayout:m,filteredGameProviders:j,localeInfo:a,isPayingOut:c,jackpotAmount:v,arrowImages:p,calculatePercentage:w,getAccumulatingJackpotDescription:q,starTierStyles:d}=D.useJackpotItemData({jackpot:r,gameProviders:f});return e.jsxs("div",{className:s.twMerge("bg-bg-tertiary border-border-primary rounded-2xl border"),children:[e.jsxs("div",{className:s.twMerge("relative flex shrink-0 p-3 text-center lg:gap-4 lg:p-5"),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:[c?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(I.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:i.formatNumber(v,{currency:a.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"z-1 bottom-[-60] right-0 block lg:absolute",children:e.jsx(u,{width:150,height:150,src:c?M:P,alt:"closeChest",quality:100,className:"h-25 w-25 lg:h-37.5 lg:w-37.5 size-full p-2"})})]}),m.amount?e.jsx("div",{children:e.jsxs("div",{className:"bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex",children:[e.jsx("div",{className:"border-yellow-400 relative h-18 w-18 rounded-full border",children:e.jsx("div",{className:"bg-yellow-400 text-brand-950 border-bg-primary absolute bottom-0 right-0 flex h-6 w-6 items-center justify-center rounded-full border-[1.5px] text-xs font-bold",children:"1st"})}),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(N.Trophy01Icon,{className:"text-utility-brand-600 size-3.5"}),"Top Payout"]}),e.jsx("div",{className:"font-semibold",children:y.maskName(m.member.name)}),e.jsx("div",{className:"text-brand-400 text-2xl",children:i.formatNumber(m.amount,{currency:a.currency.code,minDecimalPlaces:2,maxDecimalPlaces: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(u,{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(N.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:i.formatNumber(0,{currency:a.currency.code,compact:!0})}),e.jsxs("div",{className:"relative flex items-center justify-end gap-1.5",children:[c?e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",l.default["animate-arrow-red-flash-1"]),children:e.jsx(h.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",l.default["animate-arrow-red-flash-2"]),children:e.jsx(h.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",l.default["animate-arrow-red-flash-3"]),children:e.jsx(h.ChevronLeftIcon,{className:"size-4.5"})})]}):e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",l.default["animate-arrow-green-flash-1"]),children:e.jsx(b.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",l.default["animate-arrow-green-flash-2"]),children:e.jsx(b.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",l.default["animate-arrow-green-flash-3"]),children:e.jsx(b.ChevronRightIcon,{className:"size-4.5"})})]}),e.jsx("div",{className:"text-text-primary-900 text-xs font-semibold",children:i.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:a.currency.code,compact:!0})})]})]}),e.jsx(x.Progress.Root,{className:"bg-bg-primary h-2 w-full rounded-full lg:h-4",max:100,value:w(Number(r.pool),Number(r.maximumJackpotPoolLimit)),children:e.jsx(x.Progress.Track,{className:"bg-bg-primary h-full overflow-hidden rounded-full",children:e.jsx(x.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:p})})})}),e.jsx("div",{className:"mt-1 block text-start text-2xs lg:hidden",children:c?`The pot has hit ${i.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:a.currency.code,compact:!0})} Play now for your chance to win big! 🔥`:q(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(u,{width:24,height:24,src:C,quality:100,alt:"leaderboardIcon",className:"size-full h-auto w-6"}),e.jsx("div",{className:"text-text-primary-900 text-lg font-semibold",children:o.length?"Leaderboard":"Starting soon!"})]}),e.jsx(R.JackpotRules,{jackpotRules:r.description})]}),e.jsx("div",{className:s.twMerge("max-h-[272px] overflow-y-scroll",l.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:o.length?e.jsx(e.Fragment,{children:o.map((n,t)=>e.jsxs("tr",{className:"bg-bg-primary text-text-secondary-700 text-sm",children:[e.jsx("td",{className:"border-border-secondary h-12 w-[52px] border-t-2",children:t+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(g.StarIcon,{className:s.twMerge("mx-auto size-6.5",d[t].starColor)}),e.jsx("span",{className:s.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",d[t].numberColor),children:t+1})]}):t+1}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:y.maskName(n.member.name)}),e.jsxs("td",{className:"border-border-secondary h-12 border-t-2",children:[n.multiplier,"x"]}),e.jsx("td",{className:"border-border-secondary text-brand-400 h-12 border-t-2",children:i.formatNumber(n.amount,{currency:a.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]},t))}):e.jsx(e.Fragment,{children:Array.from({length:10}).map((n,t)=>e.jsxs("tr",{className:"bg-bg-primary text-text-secondary-700 text-sm",children:[e.jsx("td",{className:"border-border-secondary h-12 w-[52px] border-t-2",children:t+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(g.StarIcon,{className:s.twMerge("mx-auto size-6.5",d[t].starColor)}),e.jsx("span",{className:s.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",d[t].numberColor),children:t+1})]}):t+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:"-"})]},t))})})]})})})]}),c&&e.jsx("div",{className:s.twMerge(l.default["light-rays"],"absolute right-0 top-0 rounded-2xl")})]}),!!j.length&&e.jsx(J.JackpotGameProviders,{gameProviders:f})]})}exports.JackpotItemDesktop=L;