@opexa/portal-components 0.0.18 → 0.0.20

package/dist/components/Jackpots/JackpotGameProviders.mjs

@@ -0,0 +1,105 @@
+"use client";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import N from "embla-carousel-react";
+import u from "next/image";
+import { useCallback as i, useState as m, useEffect as h } from "react";
+import { ArrowLeftIcon as x } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as b } from "../../icons/ArrowRightIcon.mjs";
+import g from "../../images/fantasma-games.png.mjs";
+import S from "../../images/hacksaw-gaming.png.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 ar() {
+  const [s, r] = N({
+    align: "start",
+    slidesToScroll: 1
+  }), c = i(() => {
+    r && r.scrollPrev();
+  }, [r]), n = i(() => {
+    r && r.scrollNext();
+  }, [r]), [p, d] = m(!1), [f, v] = m(!1), o = i(() => {
+    r && (d(r.canScrollPrev()), v(r.canScrollNext()));
+  }, [r]);
+  return h(() => {
+    r && (o(), r.on("select", o), r.on("reInit", o));
+  }, [r, o]), /* @__PURE__ */ t("div", { className: "p-4 pb-8", children: [
+    /* @__PURE__ */ t("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__ */ t("div", { className: "hidden lg:flex", children: [
+        /* @__PURE__ */ e(
+          a,
+          {
+            disabled: !p,
+            onClick: c,
+            variant: "outline",
+            colorScheme: "gray",
+            className: "rounded-r-none border-r-0",
+            "aria-label": "Previous",
+            children: /* @__PURE__ */ e(x, { className: "size-5" })
+          }
+        ),
+        /* @__PURE__ */ t(
+          a,
+          {
+            disabled: !f,
+            onClick: n,
+            variant: "outline",
+            colorScheme: "gray",
+            className: "rounded-l-none",
+            "aria-label": "Next",
+            children: [
+              /* @__PURE__ */ e("span", { className: "sr-only", children: "Next" }),
+              /* @__PURE__ */ e(b, { className: "size-5" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "relative mt-3 overflow-hidden", ref: s, children: /* @__PURE__ */ e("div", { className: "flex gap-3.5", children: Array.from({ length: 12 }, (y, l) => /* @__PURE__ */ e(
+      "div",
+      {
+        className: "bg-gray-800 lg:bg-bg-primary-900 min-w-27.5 rounded-md",
+        children: /* @__PURE__ */ e(
+          u,
+          {
+            src: l % 2 ? S : g,
+            alt: "provider",
+            className: "size-full"
+          }
+        )
+      },
+      l
+    )) }) })
+  ] });
+}
+export {
+  ar as JackpotGameProviders
+};

package/dist/components/Jackpots/JackpotItem.d.ts

@@ -1,7 +1,7 @@
 import { Jackpot } from '@opexa/portal-sdk-core';
-export interface JackpotCounterCardProps {
+export interface JackpotItemProps {
     jackpot: Jackpot;
     /** @default "/jackpots" */
     viewAllUrl?: string;
 }
-export declare function JackpotItem({ jackpot }: JackpotCounterCardProps): import("react").JSX.Element;
+export declare function JackpotItem({ jackpot }: JackpotItemProps): import("react").JSX.Element;

package/dist/components/Jackpots/JackpotItem.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("@ark-ui/react"),f=require("next/image"),g=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 C=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const I=require("../../client/hooks/useJackpotPayoutsQuery.js"),M=require("../../icons/ArrowNarrowUpRightIcon.js"),u=require("../../icons/ChevronLeftIcon.js"),x=require("../../icons/ChevronRightIcon.js"),v=require("../../icons/StarIcon.js"),p=require("../../icons/Trophy01Icon.js"),z=require("../../images/close-chest.png.js"),J=require("../../images/first-place.png.js"),R=require("../../images/leaderboard.png.js"),L=require("../../images/open-chest.png.js"),j=require("../JackpotCounter/JackpotCounterItem.js"),i=require("../JackpotCounter/JackpotCounterItem.module.css.js"),T=require("./JackpotGameProviders.js"),A=require("./JackpotRules.js");function D({jackpot:r}){var N;const d=((N=I.useJackpotPayoutsQuery({first:30,filter:{jackpot:{equal:r.id}},sort:{cursor:"AMOUNT",order:"DESC"}}).data)==null?void 0:N.pages[0].edges.map(a=>a.node))??[],m=d[0]??[];g.useMemo(()=>Object.entries((r==null?void 0:r.jackpotTurnoverContributionPercentagePerGameProvider)??{}).filter(([t,P])=>Number(P)>0).map(([t])=>t),[r]);const n=C.useLocaleInfo(),l=r.drawing,w=l?r.maximumJackpotPoolLimit:r.pool,y=g.useCallback(({index:a})=>{const t=l?u.ChevronLeftIcon:x.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]),q=g.useMemo(()=>Array.from({length:40},(a,t)=>e.jsx(y,{isFirst:t===0,index:t},t)),[y]);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:[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(w,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"z-1 bottom-[-60] right-0 block lg:absolute",children:e.jsx(f,{width:150,height:150,src:l?L:z,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(p.Trophy01Icon,{className:"text-utility-brand-600 size-3.5"}),"Top Payout"]}),e.jsx("div",{className:"font-semibold",children:j.maskName(m.member.name)}),e.jsx("div",{className:"text-brand-400 text-2xl",children:c.formatNumber(m.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(f,{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(p.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(u.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(u.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",i.default["animate-arrow-red-flash-3"]),children:e.jsx(u.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(x.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(x.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",i.default["animate-arrow-green-flash-3"]),children:e.jsx(x.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(b.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(b.Progress.Track,{className:"bg-bg-primary h-full overflow-hidden rounded-full",children:e.jsx(b.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:q})})})}),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! 🔥`:O(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(f,{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:d.length?"Leaderboard":"Starting soon!"})]}),e.jsx(A.JackpotRules,{jackpotRules:r.description})]}),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:d.length?e.jsx(e.Fragment,{children:d.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:j.maskName(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(m.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")})]}),e.jsx(T.JackpotGameProviders,{})]})}const S=(r,o)=>o===0?0:r/o*100,O=(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.JackpotItem=D;

package/dist/components/Jackpots/JackpotItem.mjs

@@ -0,0 +1,408 @@
+"use client";
+import { jsx as e, jsxs as r, Fragment as N } from "react/jsx-runtime";
+import { Progress as f } from "@ark-ui/react";
+import y from "next/image";
+import { useMemo as v, useCallback as A } 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 c } 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 D } from "../../client/hooks/useLocaleInfo.mjs";
+import "usehooks-ts";
+import { useJackpotPayoutsQuery as T } from "../../client/hooks/useJackpotPayoutsQuery.mjs";
+import { ArrowNarrowUpRightIcon as L } from "../../icons/ArrowNarrowUpRightIcon.mjs";
+import { ChevronLeftIcon as h } from "../../icons/ChevronLeftIcon.mjs";
+import { ChevronRightIcon as b } from "../../icons/ChevronRightIcon.mjs";
+import { StarIcon as w } from "../../icons/StarIcon.mjs";
+import { Trophy01Icon as P } from "../../icons/Trophy01Icon.mjs";
+import R from "../../images/close-chest.png.mjs";
+import q from "../../images/first-place.png.mjs";
+import S from "../../images/leaderboard.png.mjs";
+import M from "../../images/open-chest.png.mjs";
+import { maskName as C } from "../JackpotCounter/JackpotCounterItem.mjs";
+import o from "../JackpotCounter/JackpotCounterItem.module.css.mjs";
+import { JackpotGameProviders as O } from "./JackpotGameProviders.mjs";
+import { JackpotRules as Q } from "./JackpotRules.mjs";
+function we({ jackpot: t }) {
+  var g;
+  const n = ((g = T({
+    first: 30,
+    filter: {
+      jackpot: {
+        equal: t.id
+      }
+    },
+    sort: {
+      cursor: "AMOUNT",
+      order: "DESC"
+    }
+  }).data) == null ? void 0 : g.pages[0].edges.map((s) => s.node)) ?? [], u = n[0] ?? [];
+  v(() => Object.entries(
+    (t == null ? void 0 : t.jackpotTurnoverContributionPercentagePerGameProvider) ?? {}
+  ).filter(([l, J]) => Number(J) > 0).map(([l]) => l), [t]);
+  const d = D(), i = t.drawing, z = i ? t.maximumJackpotPoolLimit : t.pool, p = A(
+    ({ index: s }) => /* @__PURE__ */ e(
+      i ? h : b,
+      {
+        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 = v(
+    () => Array.from({ length: 40 }, (s, l) => /* @__PURE__ */ e(p, { isFirst: l === 0, index: l }, l)),
+    [p]
+  );
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: a(
+        "bg-bg-tertiary border-border-primary rounded-2xl border"
+      ),
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: a(
+              "relative flex shrink-0 p-3 text-center lg:gap-4 lg:p-5"
+            ),
+            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(L, { 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: c(z, {
+                        currency: d.currency.code,
+                        minDecimalPlaces: 2,
+                        maxDecimalPlaces: 2
+                      }) })
+                    ] }),
+                    /* @__PURE__ */ e("div", { className: "z-1 bottom-[-60] right-0 block lg:absolute", children: /* @__PURE__ */ e(
+                      y,
+                      {
+                        width: 150,
+                        height: 150,
+                        src: i ? M : R,
+                        alt: "closeChest",
+                        quality: 100,
+                        className: "h-25 w-25 lg:h-37.5 lg:w-37.5 size-full p-2"
+                      }
+                    ) })
+                  ] }),
+                  u.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(u.member.name) }),
+                      /* @__PURE__ */ e("div", { className: "text-brand-400 text-2xl", children: c(u.amount, {
+                        currency: d.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(
+                      y,
+                      {
+                        width: 66,
+                        height: 87,
+                        src: q,
+                        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: c(0, {
+                      currency: d.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(h, { className: "size-4.5" })
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          "div",
+                          {
+                            className: a(
+                              "absolute left-1.5",
+                              o["animate-arrow-red-flash-2"]
+                            ),
+                            children: /* @__PURE__ */ e(h, { className: "size-4.5" })
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          "div",
+                          {
+                            className: a(
+                              "absolute left-3",
+                              o["animate-arrow-red-flash-3"]
+                            ),
+                            children: /* @__PURE__ */ e(h, { 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(b, { className: "size-4.5" })
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          "div",
+                          {
+                            className: a(
+                              "absolute left-1.5",
+                              o["animate-arrow-green-flash-2"]
+                            ),
+                            children: /* @__PURE__ */ e(b, { className: "size-4.5" })
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          "div",
+                          {
+                            className: a(
+                              "absolute left-3",
+                              o["animate-arrow-green-flash-3"]
+                            ),
+                            children: /* @__PURE__ */ e(b, { className: "size-4.5" })
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ e("div", { className: "text-text-primary-900 text-xs font-semibold", children: c(t == null ? void 0 : t.maximumJackpotPoolLimit, {
+                        currency: d.currency.code,
+                        compact: !0
+                      }) })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e(
+                    f.Root,
+                    {
+                      className: "bg-bg-primary h-2 w-full rounded-full lg:h-4",
+                      max: 100,
+                      value: _(
+                        Number(t.pool),
+                        Number(t.maximumJackpotPoolLimit)
+                      ),
+                      children: /* @__PURE__ */ e(f.Track, { className: "bg-bg-primary h-full overflow-hidden rounded-full", children: /* @__PURE__ */ e(f.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 ${c(
+                    t == null ? void 0 : t.maximumJackpotPoolLimit,
+                    {
+                      currency: d.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(
+                      y,
+                      {
+                        width: 24,
+                        height: 24,
+                        src: S,
+                        quality: 100,
+                        alt: "leaderboardIcon",
+                        className: "size-full h-auto w-6"
+                      }
+                    ),
+                    /* @__PURE__ */ e("div", { className: "text-text-primary-900 text-lg font-semibold", children: n.length ? "Leaderboard" : "Starting soon!" })
+                  ] }),
+                  /* @__PURE__ */ e(Q, { jackpotRules: t.description })
+                ] }),
+                /* @__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: n.length ? /* @__PURE__ */ e(N, { children: n.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: c(u.amount, {
+                              currency: d.currency.code,
+                              minDecimalPlaces: 2,
+                              maxDecimalPlaces: 2
+                            }) })
+                          ]
+                        },
+                        l
+                      )) }) : /* @__PURE__ */ e(N, { 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"
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(O, {})
+      ]
+    }
+  );
+}
+const _ = (t, m) => m === 0 ? 0 : t / m * 100, $ = (t, m) => (m === 0 ? 0 : t / m * 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 {
+  we as JackpotItem
+};

package/dist/components/Jackpots/JackpotItemMobile.d.ts

@@ -1,7 +1,7 @@
 import { Jackpot } from '@opexa/portal-sdk-core';
-export interface JackpotCounterCardProps {
+export interface JackpotItemMobileProps {
     jackpot: Jackpot;
     /** @default "/jackpots" */
     viewAllUrl?: string;
 }
-export declare function JackpotItemMobile({ jackpot }: JackpotCounterCardProps): import("react").JSX.Element;
+export declare function JackpotItemMobile({ jackpot }: JackpotItemMobileProps): import("react").JSX.Element;

package/dist/components/Jackpots/JackpotItemMobile.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("@ark-ui/react"),j=require("next/image"),g=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 M=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const z=require("../../client/hooks/useJackpotPayoutsQuery.js"),J=require("../../icons/ArrowNarrowUpRightIcon.js"),x=require("../../icons/ChevronLeftIcon.js"),h=require("../../icons/ChevronRightIcon.js"),v=require("../../icons/StarIcon.js"),w=require("../../icons/Trophy01Icon.js"),D=require("../../icons/ArrowNarrowDownIcon.js"),R=require("../../icons/ArrowNarrowUpIcon.js"),A=require("../../images/close-chest.png.js"),L=require("../../images/first-place.png.js"),S=require("../../images/open-chest.png.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const q=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("../../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("../../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 C=require("../JackpotCounter/JackpotCounterItem.js"),i=require("../JackpotCounter/JackpotCounterItem.module.css.js"),T=require("./JackpotGameProviders.js"),k=require("./JackpotRules.js");function U({jackpot:r}){var p;const d=((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))??[],u=d[0]??[],n=M.useLocaleInfo(),l=r.drawing,I=l?r.maximumJackpotPoolLimit:r.pool,y=g.useCallback(({index:a})=>{const t=l?x.ChevronLeftIcon:h.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]),P=g.useMemo(()=>Array.from({length:40},(a,t)=>e.jsx(y,{isFirst:t===0,index:t},t)),[y]),[m,N]=g.useState(!1);return e.jsxs("div",{className:"bg-bg-primary border-border-primary rounded-2xl border",children:[e.jsxs("div",{className:s.twMerge("bg-bg-tertiary relative flex shrink-0 rounded-2xl 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.jsx("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(J.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(I,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"z-1 bottom-[-60] right-0 block lg:absolute",children:e.jsx(j,{width:100,height:100,src:l?S:A,alt:"closeChest",quality:100,className:"size-full h-auto w-[100px]"})})]})})})}),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(h.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(h.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",i.default["animate-arrow-green-flash-3"]),children:e.jsx(h.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:O(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:P})})})}),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! 🔥`:Q(Number(r==null?void 0:r.pool)??0,Number(r==null?void 0:r.maximumJackpotPoolLimit)??0)})]}),u.amount?e.jsx("div",{children:e.jsxs("div",{className:"bg-bg-primary relative mt-4 flex w-full gap-4 rounded-lg p-4",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:C.maskName(u.member.name)}),e.jsx("div",{className:"text-brand-400 text-2xl",children:c.formatNumber(u.amount,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]})]})}):e.jsxs("div",{className:"bg-bg-primary relative mt-4 flex w-full gap-4 rounded-lg p-4",children:[e.jsx(j,{width:66,height:87,src:L,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.jsx(q.Button,{variant:"outline",className:s.twMerge("mt-5.5 px-3.5 py-2.5 text-sm",m?"hidden":"flex"),onClick:()=>N(!m),children:e.jsxs("div",{className:"flex gap-1.5",children:["See Details",e.jsx(D.ArrowNarrowDownIcon,{className:"size-5"})]})})]}),l&&e.jsx("div",{className:s.twMerge(i.default["light-rays"],"absolute right-0 top-0 rounded-2xl [--light-rays-top:15%] lg:[--light-rays-top:150px]")})]}),m&&e.jsxs("div",{children:[e.jsxs("div",{className:"z-1 flex-1",children:[e.jsxs("div",{className:"flex items-center justify-between p-3",children:[e.jsx("div",{className:"flex gap-2",children:e.jsx("div",{className:"text-text-primary-900 text-lg font-semibold",children:d.length?"Leaderboard":"Starting soon!"})}),e.jsx(k.JackpotRules,{jackpotRules:r.description})]}),e.jsx("div",{children:e.jsx("div",{className:"border-gray-200 overflow-hidden",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-center 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:d.length?e.jsx(e.Fragment,{children:d.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 text-center",children:t+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(v.StarIcon,{className:s.twMerge("mx-auto size-6.5",b[t].starColor)}),e.jsx("span",{className:s.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",b[t].numberColor),children:t+1})]}):t+1}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2 text-center",children:C.maskName(a.member.name)}),e.jsxs("td",{className:"border-border-secondary h-12 border-t-2 text-center",children:[a.multiplier,"x"]}),e.jsx("td",{className:"border-border-secondary text-brand-400 h-12 border-t-2 text-center",children:c.formatNumber(u.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",b[t].starColor)}),e.jsx("span",{className:s.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",b[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))})})]})})})]}),e.jsx(T.JackpotGameProviders,{}),e.jsx("div",{className:"m-3",children:e.jsx(q.Button,{variant:"outline",className:s.twMerge("px-3.5 py-2.5 text-sm",m?"flex":"hidden"),onClick:()=>N(!m),children:e.jsxs("div",{className:"flex gap-1.5",children:["Hide",e.jsx(R.ArrowNarrowUpIcon,{className:"size-5"})]})})})]})]})}const O=(r,o)=>o===0?0:r/o*100,Q=(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!",b=[{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.JackpotItemMobile=U;