@opexa/portal-components 0.0.27 → 0.0.29

package/dist/components/Jackpots/JackpotItemDesktop.mjs

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

package/dist/components/Jackpots/JackpotItemMobile.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("@ark-ui/react"),N=require("next/image"),C=require("react"),s=require("tailwind-merge"),M=require("../../icons/ArrowNarrowUpRightIcon.js"),h=require("../../icons/ChevronLeftIcon.js"),b=require("../../icons/ChevronRightIcon.js"),y=require("../../icons/StarIcon.js"),j=require("../../icons/Trophy01Icon.js"),J=require("../../icons/ArrowNarrowDownIcon.js"),D=require("../../icons/ArrowNarrowUpIcon.js"),R=require("../../images/close-chest.png.js"),A=require("../../images/first-place.png.js"),L=require("../../images/open-chest.png.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const v=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("../../utils/capitalize.js");const a=require("../../utils/formatNumber.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.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 p=require("../JackpotCounter/JackpotCounterItem.js"),l=require("../JackpotCounter/JackpotCounterItem.module.css.js"),S=require("./JackpotGameProviders.js"),T=require("./JackpotRules.js"),B=require("./useJackpotItemData.js");function U({jackpot:r,gameProviders:f}){const{jackpotPayouts:m,topJackpotPayout:x,filteredGameProviders:w,localeInfo:i,isPayingOut:c,jackpotAmount:q,arrowImages:I,calculatePercentage:P,getAccumulatingJackpotDescription:z,starTierStyles:d}=B.useJackpotItemData({jackpot:r,gameProviders:f}),[n,g]=C.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:[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(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:a.formatNumber(q,{currency:i.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"z-1 bottom-[-60] right-0 block lg:absolute",children:e.jsx(N,{width:100,height:100,src:c?L:R,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:a.formatNumber(0,{currency:i.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:a.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:i.currency.code,compact:!0})})]})]}),e.jsx(u.Progress.Root,{className:"bg-bg-primary h-2 w-full rounded-full lg:h-4",max:100,value:P(Number(r.pool),Number(r.maximumJackpotPoolLimit)),children:e.jsx(u.Progress.Track,{className:"bg-bg-primary h-full overflow-hidden rounded-full",children:e.jsx(u.Progress.Range,{className:"bg-brand-500 relative h-full overflow-hidden rounded-full pl-1.5",children:e.jsx("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5","aria-hidden":"true",children:I})})})}),e.jsx("div",{className:"mt-1 block text-start text-2xs lg:hidden",children:c?`The pot has hit ${a.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:i.currency.code,compact:!0})} Play now for your chance to win big! 🔥`:z(Number(r==null?void 0:r.pool)??0,Number(r==null?void 0:r.maximumJackpotPoolLimit)??0)})]}),x.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(j.Trophy01Icon,{className:"text-utility-brand-600 size-3.5"}),"Top Payout"]}),e.jsx("div",{className:"font-semibold",children:p.maskName(x.member.name)}),e.jsx("div",{className:"text-brand-400 text-2xl",children:a.formatNumber(x.amount,{currency:i.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(N,{width:66,height:87,src:A,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(j.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(v.Button,{variant:"outline",className:s.twMerge("mt-5.5 px-3.5 py-2.5 text-sm",n?"hidden":"flex"),onClick:()=>g(!n),children:e.jsxs("div",{className:"flex gap-1.5",children:["See Details",e.jsx(J.ArrowNarrowDownIcon,{className:"size-5"})]})})]}),c&&e.jsx("div",{className:s.twMerge(l.default["light-rays"],"absolute right-0 top-0 rounded-2xl [--light-rays-top:15%] lg:[--light-rays-top:150px]")})]}),n&&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:m.length?"Leaderboard":"Starting soon!"})}),e.jsx(T.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:m.length?e.jsx(e.Fragment,{children:m.map((o,t)=>e.jsxs("tr",{className:"bg-bg-primary text-text-secondary-700 text-center 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(y.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:p.maskName(o.member.name)}),e.jsxs("td",{className:"border-border-secondary h-12 border-t-2",children:[o.multiplier,"x"]}),e.jsx("td",{className:"border-border-secondary text-brand-400 h-12 border-t-2",children:a.formatNumber(o.amount,{currency:i.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]},t))}):e.jsx(e.Fragment,{children:Array.from({length:10}).map((o,t)=>e.jsxs("tr",{className:"bg-bg-primary text-text-secondary-700 text-center 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(y.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))})})]})})})]}),!!w.length&&e.jsx(S.JackpotGameProviders,{gameProviders:f}),e.jsx("div",{className:"m-3",children:e.jsx(v.Button,{variant:"outline",className:s.twMerge("px-3.5 py-2.5 text-sm",n?"flex":"hidden"),onClick:()=>g(!n),children:e.jsxs("div",{className:"flex gap-1.5",children:["Hide",e.jsx(D.ArrowNarrowUpIcon,{className:"size-5"})]})})})]})]})}exports.JackpotItemMobile=U;