@opexa/portal-components 0.0.18 → 0.0.20

package/dist/components/Tournaments/TournamentGameProviders.mjs

@@ -0,0 +1,105 @@
+"use client";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import v from "embla-carousel-react";
+import N 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] = v({
+    align: "start",
+    slidesToScroll: 1
+  }), n = i(() => {
+    r && r.scrollPrev();
+  }, [r]), c = i(() => {
+    r && r.scrollNext();
+  }, [r]), [p, d] = m(!1), [f, u] = m(!1), o = i(() => {
+    r && (d(r.canScrollPrev()), u(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: "Tournament Game Providers" }),
+      /* @__PURE__ */ t("div", { className: "hidden lg:flex", children: [
+        /* @__PURE__ */ e(
+          a,
+          {
+            disabled: !p,
+            onClick: n,
+            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: c,
+            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(
+          N,
+          {
+            src: l % 2 ? S : g,
+            alt: "provider",
+            className: "size-full"
+          }
+        )
+      },
+      l
+    )) }) })
+  ] });
+}
+export {
+  ar as TournamentGameProviders
+};

package/dist/components/Tournaments/TournamentItem.d.ts

@@ -0,0 +1,6 @@
+import { Jackpot } from '@opexa/portal-sdk-core';
+import { default as React } from 'react';
+export interface TournamentItemProps {
+    jackpot: Jackpot;
+}
+export declare function TournamentItem({ jackpot }: TournamentItemProps): React.JSX.Element;

package/dist/components/Tournaments/TournamentItem.js

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("lodash-es"),c=require("next/image"),l=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 N=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("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const v=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const w=require("../../icons/StarIcon.js"),q=require("../../icons/Trophy01Icon.js"),T=require("../../icons/Award01Icon.js"),M=require("../../images/first-place.png.js"),I=require("../../images/trophy-two.png.js"),C=require("../../images/trophy.png.js"),P=require("../JackpotCounter/JackpotCounterItem.module.css.js"),S=require("./TournamentGameProviders.js"),z=require("./TournamentRules.js");function R({jackpot:d}){const h=v.useLocaleInfo(),[a,x]=l.useState({days:0,hours:0,minutes:0,seconds:0,isPast:!1}),n=l.useMemo(()=>{const r=new Date;return new Date(r.setSeconds(r.getSeconds()+2*24*60*60))},[]),o=l.useCallback(()=>{const r=new Date,t=n.getTime()-r.getTime();if(t<=0){x({days:0,hours:0,minutes:0,seconds:0,isPast:!0});return}const i=Math.floor(t/1e3),b=Math.floor(i/(3600*24)),f=Math.floor(i%(3600*24)/3600),y=Math.floor(i%3600/60),g=i%60,p=j.pick({days:b,hours:f,minutes:y,seconds:g,isPast:!1},["days","hours","minutes","seconds","isPast"]);x(p)},[n]);l.useEffect(()=>{o();const r=setInterval(o,1e3);return()=>clearInterval(r)},[n,o]);const u=[{label:"Day",value:a.days},{label:"Hour",value:a.hours},{label:"Min",value:a.minutes},{label:"Sec",value:a.seconds}];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-6 lg:p-5"),children:[e.jsx("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",{className:"w-full",children:[e.jsxs("div",{className:"flex w-full justify-between",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-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx(T.Award01Icon,{className:"text-utility-brand-500 size-3.5"}),"Multiplier"]}),e.jsx("div",{className:"flex h-fit",children:u.map((r,t)=>e.jsxs(l.Fragment,{children:[e.jsxs("div",{className:s.twMerge("bg-bg-primary text-text-primary-900 flex h-fit w-8 flex-col items-center rounded-[4px] pb-1.5"),children:[e.jsx("span",{className:"text-base font-medium",children:String(r.value).padStart(2,"0")}),e.jsx("span",{className:"text-[8px]",children:r.label})]}),t<u.length-1&&e.jsxs("div",{className:"flex flex-col justify-center gap-[6px] px-[6px]",children:[e.jsx("div",{className:"bg-bg-primary h-1 w-1 rounded-full"}),e.jsx("div",{className:"bg-bg-primary h-1 w-1 rounded-full"})]})]},r.label))})]}),e.jsx("div",{className:"text-text-primary-900 mt-1 text-left text-lg font-medium lg:mt-5 lg:text-2xl",children:d.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:N.formatNumber(d.pool,{currency:h.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"z-1 bottom-[-60] right-0 block lg:absolute",children:e.jsx("div",{className:"h-[155px] w-auto shrink-0",children:e.jsx(c,{quality:100,width:155,height:155,src:C,alt:"trophy",className:"px-6 py-2.5"})})})]}),e.jsxs("div",{className:"bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex",children:[e.jsx(c,{width:66,height:87,src:M,alt:"closeChest",className:"size-full h-auto w-[66px] mix-blend-luminosity"}),e.jsxs("div",{className:"flex flex-col gap-1 text-left",children:[e.jsxs("div",{className:"border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-sm border px-2 py-0.5 text-xs font-medium",children:[e.jsx(q.Trophy01Icon,{className:"text-utility-brand-600 size-3.5"}),"Top Payout"]}),e.jsx("div",{className:"font-semibold",children:"No winners yet"}),e.jsx("div",{className:"text-text-secondary-700 text-xs",children:"You could be the first to win the tournament!"})]})]})]})})})}),e.jsxs("div",{className:"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 items-center gap-2",children:[e.jsx(c,{width:24,height:24,src:I,quality:100,alt:"leaderboardIcon",className:"size-full w-6"}),e.jsx("div",{className:"text-text-primary-900 text-lg font-semibold",children:"Starting soon!"})]}),e.jsx(z.TournamentRules,{jackpotRules:`<strong>Rules and guidelines <br> 1/20/2025 ~ 1/21/2025</strong><br><br>\r
+            <p>1. The contest prize pool closely depends on the bankroll — the more players bet, the bigger it grows.</p>`})]}),e.jsx("div",{className:s.twMerge("max-h-[272px] overflow-y-scroll",P.default.scrollArea),children:e.jsx("div",{className:"border-gray-200 overflow-hidden rounded-xl",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-bg-secondary text-text-tertiary-600 h-8 text-xs font-medium",children:[e.jsx("th",{className:"w-[52px]",children:"#"}),e.jsx("th",{children:"Player"}),e.jsx("th",{children:"Multiplier"}),e.jsx("th",{children:"Prize"})]})}),e.jsx("tbody",{children:Array.from({length:10}).map((r,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(w.StarIcon,{className:s.twMerge("mx-auto size-6.5",m[t].starColor)}),e.jsx("span",{className:s.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",m[t].numberColor),children: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(S.TournamentGameProviders,{})]})}const m=[{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.TournamentItem=R;

package/dist/components/Tournaments/TournamentItem.mjs

@@ -0,0 +1,262 @@
+"use client";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { pick as v } from "lodash-es";
+import d from "next/image";
+import h, { useState as w, useMemo as C, useEffect as T } 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 P } 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 "@opexa/portal-sdk-core/object-id";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as z } from "../../client/hooks/useLocaleInfo.mjs";
+import "usehooks-ts";
+import { StarIcon as I } from "../../icons/StarIcon.mjs";
+import { Trophy01Icon as M } from "../../icons/Trophy01Icon.mjs";
+import { Award01Icon as S } from "../../icons/Award01Icon.mjs";
+import j from "../../images/first-place.png.mjs";
+import k from "../../images/trophy-two.png.mjs";
+import D from "../../images/trophy.png.mjs";
+import R from "../JackpotCounter/JackpotCounterItem.module.css.mjs";
+import { TournamentGameProviders as q } from "./TournamentGameProviders.mjs";
+import { TournamentRules as A } from "./TournamentRules.mjs";
+function ue({ jackpot: m }) {
+  const x = z(), [i, c] = w({
+    days: 0,
+    hours: 0,
+    minutes: 0,
+    seconds: 0,
+    isPast: !1
+  }), o = C(() => {
+    const r = /* @__PURE__ */ new Date();
+    return new Date(r.setSeconds(r.getSeconds() + 2 * 24 * 60 * 60));
+  }, []), n = h.useCallback(() => {
+    const r = /* @__PURE__ */ new Date(), l = o.getTime() - r.getTime();
+    if (l <= 0) {
+      c({
+        days: 0,
+        hours: 0,
+        minutes: 0,
+        seconds: 0,
+        isPast: !0
+      });
+      return;
+    }
+    const s = Math.floor(l / 1e3), p = Math.floor(s / (3600 * 24)), b = Math.floor(s % (3600 * 24) / 3600), y = Math.floor(s % 3600 / 60), g = s % 60, N = v({ days: p, hours: b, minutes: y, seconds: g, isPast: !1 }, [
+      "days",
+      "hours",
+      "minutes",
+      "seconds",
+      "isPast"
+    ]);
+    c(N);
+  }, [o]);
+  T(() => {
+    n();
+    const r = setInterval(n, 1e3);
+    return () => clearInterval(r);
+  }, [o, n]);
+  const u = [
+    { label: "Day", value: i.days },
+    { label: "Hour", value: i.hours },
+    { label: "Min", value: i.minutes },
+    { label: "Sec", value: i.seconds }
+  ];
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: a(
+        "bg-bg-tertiary border-border-primary rounded-2xl border"
+      ),
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: a(
+              "relative flex shrink-0 p-3 text-center lg:gap-6 lg:p-5"
+            ),
+            children: [
+              /* @__PURE__ */ e("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__ */ t("div", { className: "flex w-full flex-col", children: [
+                /* @__PURE__ */ t("div", { className: "relative flex w-full justify-between", children: [
+                  /* @__PURE__ */ t("div", { className: "w-full", children: [
+                    /* @__PURE__ */ t("div", { className: "flex w-full justify-between", children: [
+                      /* @__PURE__ */ t("div", { className: "border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit 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-brand-500 size-3.5" }),
+                        "Multiplier"
+                      ] }),
+                      /* @__PURE__ */ e("div", { className: "flex h-fit", children: u.map((r, l) => /* @__PURE__ */ t(h.Fragment, { children: [
+                        /* @__PURE__ */ t(
+                          "div",
+                          {
+                            className: a(
+                              "bg-bg-primary text-text-primary-900 flex h-fit w-8 flex-col items-center rounded-[4px] pb-1.5"
+                            ),
+                            children: [
+                              /* @__PURE__ */ e("span", { className: "text-base font-medium", children: String(r.value).padStart(2, "0") }),
+                              /* @__PURE__ */ e("span", { className: "text-[8px]", children: r.label })
+                            ]
+                          }
+                        ),
+                        l < u.length - 1 && /* @__PURE__ */ t("div", { className: "flex flex-col justify-center gap-[6px] px-[6px]", children: [
+                          /* @__PURE__ */ e("div", { className: "bg-bg-primary h-1 w-1 rounded-full" }),
+                          /* @__PURE__ */ e("div", { className: "bg-bg-primary h-1 w-1 rounded-full" })
+                        ] })
+                      ] }, r.label)) })
+                    ] }),
+                    /* @__PURE__ */ e("div", { className: "text-text-primary-900 mt-1 text-left text-lg font-medium lg:mt-5 lg:text-2xl", children: m.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: P(m.pool, {
+                      currency: x.currency.code,
+                      minDecimalPlaces: 2,
+                      maxDecimalPlaces: 2
+                    }) })
+                  ] }),
+                  /* @__PURE__ */ e("div", { className: "z-1 bottom-[-60] right-0 block lg:absolute", children: /* @__PURE__ */ e("div", { className: "h-[155px] w-auto shrink-0", children: /* @__PURE__ */ e(
+                    d,
+                    {
+                      quality: 100,
+                      width: 155,
+                      height: 155,
+                      src: D,
+                      alt: "trophy",
+                      className: "px-6 py-2.5"
+                    }
+                  ) }) })
+                ] }),
+                /* @__PURE__ */ t("div", { className: "bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex", children: [
+                  /* @__PURE__ */ e(
+                    d,
+                    {
+                      width: 66,
+                      height: 87,
+                      src: j,
+                      alt: "closeChest",
+                      className: "size-full h-auto w-[66px] mix-blend-luminosity"
+                    }
+                  ),
+                  /* @__PURE__ */ t("div", { className: "flex flex-col gap-1 text-left", children: [
+                    /* @__PURE__ */ t("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(M, { 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__ */ t("div", { className: "z-1 hidden flex-1 space-y-4 lg:block", children: [
+                /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(
+                      d,
+                      {
+                        width: 24,
+                        height: 24,
+                        src: k,
+                        quality: 100,
+                        alt: "leaderboardIcon",
+                        className: "size-full w-6"
+                      }
+                    ),
+                    /* @__PURE__ */ e("div", { className: "text-text-primary-900 text-lg font-semibold", children: "Starting soon!" })
+                  ] }),
+                  /* @__PURE__ */ e(
+                    A,
+                    {
+                      jackpotRules: `<strong>Rules and guidelines <br> 1/20/2025 ~ 1/21/2025</strong><br><br>\r
+            <p>1. The contest prize pool closely depends on the bankroll — the more players bet, the bigger it grows.</p>`
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: a(
+                      "max-h-[272px] overflow-y-scroll",
+                      R.scrollArea
+                    ),
+                    children: /* @__PURE__ */ e("div", { className: "border-gray-200 overflow-hidden rounded-xl", children: /* @__PURE__ */ t("table", { className: "w-full", children: [
+                      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("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: Array.from({ length: 10 }).map((r, l) => /* @__PURE__ */ t(
+                        "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__ */ t("div", { className: "relative", children: [
+                              /* @__PURE__ */ e(
+                                I,
+                                {
+                                  className: a(
+                                    "mx-auto size-6.5",
+                                    f[l].starColor
+                                  )
+                                }
+                              ),
+                              /* @__PURE__ */ e(
+                                "span",
+                                {
+                                  className: a(
+                                    "absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",
+                                    f[l].numberColor
+                                  ),
+                                  children: 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
+                      )) })
+                    ] }) })
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(q, {})
+      ]
+    }
+  );
+}
+const f = [
+  {
+    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 {
+  ue as TournamentItem
+};

package/dist/components/Tournaments/TournamentItemMobile.d.ts

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

package/dist/components/Tournaments/TournamentItemMobile.js

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("lodash-es"),h=require("next/image"),s=require("react"),l=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const w=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("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const I=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const M=require("../../icons/StarIcon.js"),T=require("../../icons/Trophy01Icon.js"),C=require("../../icons/ArrowNarrowDownIcon.js"),S=require("../../icons/ArrowNarrowUpIcon.js"),P=require("../../icons/Award01Icon.js"),z=require("../../images/first-place.png.js"),D=require("../../images/trophy.png.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const b=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("../../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 R=require("./TournamentGameProviders.js"),A=require("./TournamentRules.js");function k({jackpot:d}){const g=I.useLocaleInfo(),[i,u]=s.useState(!1),[a,x]=s.useState({days:0,hours:0,minutes:0,seconds:0,isPast:!1}),o=s.useMemo(()=>{const r=new Date;return new Date(r.setSeconds(r.getSeconds()+2*24*60*60))},[]),c=s.useCallback(()=>{const r=new Date,t=o.getTime()-r.getTime();if(t<=0){x({days:0,hours:0,minutes:0,seconds:0,isPast:!0});return}const n=Math.floor(t/1e3),y=Math.floor(n/(3600*24)),j=Math.floor(n%(3600*24)/3600),p=Math.floor(n%3600/60),N=n%60,q=v.pick({days:y,hours:j,minutes:p,seconds:N,isPast:!1},["days","hours","minutes","seconds","isPast"]);x(q)},[o]);s.useEffect(()=>{c();const r=setInterval(c,1e3);return()=>clearInterval(r)},[o,c]);const m=[{label:"Day",value:a.days},{label:"Hour",value:a.hours},{label:"Min",value:a.minutes},{label:"Sec",value:a.seconds}];return e.jsxs("div",{className:"bg-bg-primary border-border-primary rounded-2xl border",children:[e.jsx("div",{className:l.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",{className:"w-full",children:[e.jsxs("div",{className:"flex w-full justify-between",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-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx(P.Award01Icon,{className:"text-utility-brand-500 size-3.5"}),"Multiplier"]}),e.jsx("div",{className:"flex h-fit",children:m.map((r,t)=>e.jsxs(s.Fragment,{children:[e.jsxs("div",{className:l.twMerge("bg-bg-primary text-text-primary-900 flex h-fit w-8 flex-col items-center rounded-[4px] pb-1.5"),children:[e.jsx("span",{className:"text-base font-medium",children:String(r.value).padStart(2,"0")}),e.jsx("span",{className:"text-[8px]",children:r.label})]}),t<m.length-1&&e.jsxs("div",{className:"flex flex-col justify-center gap-[6px] px-[6px]",children:[e.jsx("div",{className:"bg-bg-primary h-1 w-1 rounded-full"}),e.jsx("div",{className:"bg-bg-primary h-1 w-1 rounded-full"})]})]},r.label))})]}),e.jsx("div",{className:"text-text-primary-900 mt-2.5 text-left text-lg font-medium lg:mt-5 lg:text-2xl",children:d.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:w.formatNumber(d.pool,{currency:g.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"z-1 absolute bottom-[-60] right-0",children:e.jsx(h,{width:72.94,height:93,src:D,alt:"trophy",quality:100,className:"size-full"})})]})})})}),e.jsxs("div",{className:"bg-bg-primary relative mt-4 flex w-full gap-4 rounded-lg p-4 lg:hidden",children:[e.jsx("div",{className:"h-[87px] min-w-[66px]",children:e.jsx(h,{width:66,height:87,src:z,alt:"closeChest",className:"size-full 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(T.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(b.Button,{variant:"outline",className:l.twMerge("mt-5.5 px-3.5 py-2.5 text-sm",i?"hidden":"flex"),onClick:()=>u(!i),children:e.jsxs("div",{className:"flex gap-1.5",children:["See Details",e.jsx(C.ArrowNarrowDownIcon,{className:"size-5"})]})})]})}),i&&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:"Starting soon!"})}),e.jsx(A.TournamentRules,{jackpotRules:`<strong>Rules and guidelines <br> 1/20/2025 ~ 1/21/2025</strong><br><br>\r
+                      <p>1. The contest prize pool closely depends on the bankroll — the more players bet, the bigger it grows.</p>`})]}),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:Array.from({length:5}).map((r,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(M.StarIcon,{className:l.twMerge("mx-auto size-6.5",f[t].starColor)}),e.jsx("span",{className:l.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",f[t].numberColor),children: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(R.TournamentGameProviders,{}),e.jsx("div",{className:"m-3",children:e.jsx(b.Button,{variant:"outline",className:l.twMerge("px-3.5 py-2.5 text-sm",i?"flex":"hidden"),onClick:()=>u(!i),children:e.jsxs("div",{className:"flex gap-1.5",children:["Hide",e.jsx(S.ArrowNarrowUpIcon,{className:"size-5"})]})})})]})]})}const f=[{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.TournamentItemMobile=k;