@opexa/portal-components 0.0.17 → 0.0.19

package/dist/components/TopWins/TopWins.client.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import o from "embla-carousel-react";
 import c from "next/image";
 import "@opexa/portal-sdk-core";
@@ -7,12 +7,13 @@ import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import { formatNumber as t } from "../../utils/formatNumber.mjs";
+import { formatNumber as a } from "../../utils/formatNumber.mjs";
 import { getGameImageUrl as d } from "../../utils/getGameImageUrl.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
+import "../../client/services/getSession.mjs";
 import "react";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
@@ -21,17 +22,17 @@ import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import { useLocaleInfo as n } from "../../client/hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
 import { useTopWinsQuery as p } from "../../client/hooks/useTopWinsQuery.mjs";
-function L(l) {
-  const i = n(), m = p().data ?? [], [s] = o({
+function G(i) {
+  const l = n(), m = p().data ?? [], [s] = o({
     align: "start",
     slidesToScroll: 1
   });
-  return m != null && m.length ? /* @__PURE__ */ a("div", { className: l.className, children: [
-    /* @__PURE__ */ e("div", { className: "text-gray-600 mb-3 text-lg font-semibold md:mb-4", children: l.heading }),
-    /* @__PURE__ */ e("div", { ref: s, className: "relative lg:overflow-hidden", children: /* @__PURE__ */ e("div", { className: "flex gap-sm lg:gap-md", children: m.map((r) => /* @__PURE__ */ a(
+  return m != null && m.length ? /* @__PURE__ */ t("div", { className: i.className, children: [
+    /* @__PURE__ */ e("div", { className: "mb-3 text-lg font-semibold md:mb-4", children: i.heading ?? "Recent Big Wins" }),
+    /* @__PURE__ */ e("div", { ref: s, className: "relative lg:overflow-hidden", children: /* @__PURE__ */ e("div", { className: "flex gap-sm lg:gap-md", children: m.map((r) => /* @__PURE__ */ t(
       "div",
       {
-        className: "bg-gray-50 border-gray-200 flex w-[calc((100%-(0.375rem*2))/3)] shrink-0 flex-col space-y-2 rounded-sm border p-2 text-center lg:w-[calc((100%-(0.5rem*5))/6)] xl:w-[calc((100%-(0.5rem*9))/10)]",
+        className: "bg-bg-tertiary border-border-primary flex w-[calc((100%-(0.375rem*2))/3)] shrink-0 flex-col space-y-2 rounded-sm border p-2 text-center lg:w-[calc((100%-(0.5rem*5))/6)] xl:w-[calc((100%-(0.5rem*9))/10)]",
         children: [
           /* @__PURE__ */ e("div", { className: "mx-auto aspect-square w-full", children: r.game && /* @__PURE__ */ e(
             c,
@@ -43,13 +44,13 @@ function L(l) {
               className: "size-full rounded-sm object-cover"
             }
           ) }),
-          /* @__PURE__ */ a("div", { className: "space-y-0.5", children: [
-            /* @__PURE__ */ e("div", { className: "text-gray-600 text-xs", children: r.member.name }),
-            /* @__PURE__ */ e("div", { className: "text-gray-800 text-sm font-semibold", children: t(r.payout, {
-              currency: i.currency.code,
+          /* @__PURE__ */ t("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ e("div", { className: "text-text-secondary-700 text-xs", children: r.member.name }),
+            /* @__PURE__ */ e("div", { className: "text-text-primary-brand text-sm font-semibold", children: a(r.payout, {
+              currency: l.currency.code,
               minDecimalPlaces: 2
             }) }),
-            /* @__PURE__ */ e("div", { className: "text-gray-600 text-xs", children: t(r.multiplier, {
+            /* @__PURE__ */ e("div", { className: "text-text-secondary-700 text-xs", children: a(r.multiplier, {
               minDecimalPlaces: 2
             }) })
           ] })
@@ -60,5 +61,5 @@ function L(l) {
   ] }) : null;
 }
 export {
-  L as TopWins__client
+  G as TopWins__client
 };

package/dist/components/TopWins/TopWins.d.ts

@@ -1,5 +1,6 @@
 export interface TopWinsProps {
-    heading: string;
+    /** @default "Recent Big Wins" */
+    heading?: string;
     className?: string;
 }
 export declare function TopWins(props: TopWinsProps): Promise<import("react").JSX.Element>;

package/dist/components/TopWins/TopWins.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@opexa/portal-sdk-core");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("next/headers");const i=require("../../server/utils/prefetchTopWinsQuery.js"),u=require("./TopWins.client.js");async function n(e){return await i.prefetchTopWinsQuery(),r.jsx(u.TopWins__client,{...e})}exports.TopWins=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@opexa/portal-sdk-core");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../server/services/getSession.js");require("date-fns");require("next/headers");const i=require("../../server/utils/prefetchTopWinsQuery.js"),u=require("./TopWins.client.js");async function n(e){return await i.prefetchTopWinsQuery(),r.jsx(u.TopWins__client,{...e})}exports.TopWins=n;

package/dist/components/TopWins/TopWins.mjs

@@ -6,12 +6,14 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
+import "../../server/services/getSession.mjs";
+import "date-fns";
 import "next/headers";
 import { prefetchTopWinsQuery as i } from "../../server/utils/prefetchTopWinsQuery.mjs";
 import { TopWins__client as t } from "./TopWins.client.mjs";
-async function x(o) {
+async function _(o) {
   return await i(), /* @__PURE__ */ r(t, { ...o });
 }
 export {
-  x as TopWins
+  _ as TopWins
 };

package/dist/components/TournamentCounter/TournamentCounter.client.d.ts

@@ -0,0 +1,2 @@
+import { TournamentCounterProps } from './TournamentCounter';
+export declare function TournamentCounter__client(props: TournamentCounterProps): import("react").JSX.Element | null;

package/dist/components/TournamentCounter/TournamentCounter.client.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("embla-carousel-react"),v=require("next/link"),s=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../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 N=require("../../client/hooks/useJackpotsQuery.js");require("usehooks-ts");const g=require("../../icons/ArrowLeftIcon.js"),j=require("../../icons/ArrowRightIcon.js"),b=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const a=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const C=require("./TournamentCounterItem.js");function S(l){var u;const[c,r]=h({align:"start",slidesToScroll:1}),o=s.useCallback(()=>{r&&r.scrollPrev()},[r]),q=s.useCallback(()=>{r&&r.scrollNext()},[r]),[d,m]=s.useState(!1),[x,f]=s.useState(!1),i=s.useCallback(()=>{r&&(m(r.canScrollPrev()),f(r.canScrollNext()))},[r]);s.useEffect(()=>{r&&(i(),r.on("select",i),r.on("reInit",i))},[r,i]);const n=((u=N.useJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}).data)==null?void 0:u.pages[0].edges.map(t=>t.node))??[];return n.length<=0?null:e.jsxs("div",{className:l.className,children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("div",{className:"text-lg font-semibold",children:l.heading??"Tournaments"}),e.jsxs("div",{className:"flex items-center md:gap-3xl",children:[e.jsxs(v,{href:l.viewAllUrl??"/tournaments",className:"text-button-tertiary-fg flex gap-sm text-sm font-semibold",children:["See All",e.jsx(b.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxs("div",{className:"hidden lg:flex",children:[e.jsx(a.Button,{disabled:!d,onClick:o,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:e.jsx(g.ArrowLeftIcon,{className:"size-5"})}),e.jsxs(a.Button,{disabled:!x,onClick:q,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:[e.jsx("span",{className:"sr-only",children:"Next"}),e.jsx(j.ArrowRightIcon,{className:"size-5"})]})]})]})]}),e.jsx("div",{className:"relative mt-lg lg:overflow-hidden",ref:c,children:e.jsx("div",{className:"flex gap-2.5",children:n.map(t=>e.jsx(C.TournamentCounterItem,{jackpot:t,viewAllUrl:l.viewAllUrl,className:"w-full"},t.id))})})]})}exports.TournamentCounter__client=S;

package/dist/components/TournamentCounter/TournamentCounter.client.mjs

@@ -0,0 +1,139 @@
+"use client";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import x from "embla-carousel-react";
+import g from "next/link";
+import { useCallback as m, useState as n, useEffect as b } from "react";
+import "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "tiny-invariant";
+import "../../constants/index.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../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 { useJackpotsQuery as S } from "../../client/hooks/useJackpotsQuery.mjs";
+import "usehooks-ts";
+import { ArrowLeftIcon as C } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as w } from "../../icons/ArrowRightIcon.mjs";
+import { ChevronRightIcon as y } from "../../icons/ChevronRightIcon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as c } 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 "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import "../../ui/Progress/Progress.mjs";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+import { TournamentCounterItem as A } from "./TournamentCounterItem.mjs";
+function Se(o) {
+  var a;
+  const [p, e] = x({
+    align: "start",
+    slidesToScroll: 1
+  }), d = m(() => {
+    e && e.scrollPrev();
+  }, [e]), f = m(() => {
+    e && e.scrollNext();
+  }, [e]), [u, N] = n(!1), [h, v] = n(!1), l = m(() => {
+    e && (N(e.canScrollPrev()), v(e.canScrollNext()));
+  }, [e]);
+  b(() => {
+    e && (l(), e.on("select", l), e.on("reInit", l));
+  }, [e, l]);
+  const s = ((a = S({
+    first: 100,
+    filter: {
+      status: {
+        equal: "ACTIVE"
+      },
+      deleted: {
+        equal: !1
+      }
+    },
+    sort: {
+      cursor: "POOL",
+      order: "DESC"
+    }
+  }).data) == null ? void 0 : a.pages[0].edges.map((i) => i.node)) ?? [];
+  return s.length <= 0 ? null : /* @__PURE__ */ t("div", { className: o.className, children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ r("div", { className: "text-lg font-semibold", children: o.heading ?? "Tournaments" }),
+      /* @__PURE__ */ t("div", { className: "flex items-center md:gap-3xl", children: [
+        /* @__PURE__ */ t(
+          g,
+          {
+            href: o.viewAllUrl ?? "/tournaments",
+            className: "text-button-tertiary-fg flex gap-sm text-sm font-semibold",
+            children: [
+              "See All",
+              /* @__PURE__ */ r(y, { className: "size-5 lg:hidden" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "hidden lg:flex", children: [
+          /* @__PURE__ */ r(
+            c,
+            {
+              disabled: !u,
+              onClick: d,
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-r-none border-r-0",
+              "aria-label": "Previous",
+              children: /* @__PURE__ */ r(C, { className: "size-5" })
+            }
+          ),
+          /* @__PURE__ */ t(
+            c,
+            {
+              disabled: !h,
+              onClick: f,
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-l-none",
+              "aria-label": "Next",
+              children: [
+                /* @__PURE__ */ r("span", { className: "sr-only", children: "Next" }),
+                /* @__PURE__ */ r(w, { className: "size-5" })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "relative mt-lg lg:overflow-hidden", ref: p, children: /* @__PURE__ */ r("div", { className: "flex gap-2.5", children: s.map((i) => /* @__PURE__ */ r(
+      A,
+      {
+        jackpot: i,
+        viewAllUrl: o.viewAllUrl,
+        className: "w-full"
+      },
+      i.id
+    )) }) })
+  ] });
+}
+export {
+  Se as TournamentCounter__client
+};

package/dist/components/TournamentCounter/TournamentCounter.d.ts

@@ -1,6 +1,8 @@
 export interface TournamentCounterProps {
+    /** @default "Tournaments" */
+    heading?: string;
+    /** @default "/tournaments" */
+    viewAllUrl?: string;
     className?: string;
-    heading: string;
-    seeAllUrl: string;
 }
-export declare function TournamentCounter(props: TournamentCounterProps): import("react").JSX.Element | null;
+export declare function TournamentCounter(props: TournamentCounterProps): Promise<import("react").JSX.Element>;

package/dist/components/TournamentCounter/TournamentCounter.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("embla-carousel-react"),N=require("next/link"),s=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const v=require("../../client/hooks/useTournamentsQuery.js"),b=require("../../icons/ArrowLeftIcon.js"),j=require("../../icons/ArrowRightIcon.js"),C=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const a=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const S=require("./TournamentCounterItem.js");function w(n){var u;const[c,e]=g({align:"start",slidesToScroll:1}),o=s.useCallback(()=>{e&&e.scrollPrev()},[e]),m=s.useCallback(()=>{e&&e.scrollNext()},[e]),[d,q]=s.useState(!1),[f,x]=s.useState(!1),l=s.useCallback(()=>{e&&(q(e.canScrollPrev()),x(e.canScrollNext()))},[e]);s.useEffect(()=>{e&&(l(),e.on("select",l),e.on("reInit",l))},[e,l]);const t=((u=v.useTournamentsQuery({first:100,filter:{status:{equal:"ACTIVE"}}}).data)==null?void 0:u.pages[0].edges.map(i=>i.node))??[];return t.length<=0?null:r.jsxs("div",{className:n.className,children:[r.jsxs("div",{className:"mb-3 flex items-center justify-between md:mb-4",children:[r.jsx("div",{className:"text-lg font-semibold",children:n.heading}),r.jsxs("div",{className:"flex items-center md:gap-3xl",children:[r.jsxs(N,{href:n.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",r.jsx(C.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),r.jsxs("div",{className:"hidden lg:flex",children:[r.jsx(a.Button,{disabled:!d,onClick:o,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:r.jsx(b.ArrowLeftIcon,{className:"size-5"})}),r.jsx(a.Button,{disabled:!f,onClick:m,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:r.jsx(j.ArrowRightIcon,{className:"size-5"})})]})]})]}),r.jsx("div",{className:"w-full overflow-hidden",ref:c,children:r.jsx("div",{className:"flex gap-2.5",children:t.map((i,h)=>r.jsx(S.TournamentCounterItem,{index:h,tournament:i,className:t.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"},i.id))})})]})}exports.TournamentCounter=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@opexa/portal-sdk-core");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../server/services/getSession.js");require("date-fns");require("next/headers");const t=require("../../server/utils/prefetchJackpotsQuery.js"),u=require("./TournamentCounter.client.js");async function n(e){return await t.prefetchJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}),r.jsx(u.TournamentCounter__client,{...e})}exports.TournamentCounter=n;

package/dist/components/TournamentCounter/TournamentCounter.mjs

@@ -1,124 +1,33 @@
-"use client";
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import x from "embla-carousel-react";
-import b from "next/link";
-import { useCallback as s, useState as a, useEffect as S } from "react";
+import { jsx as t } from "react/jsx-runtime";
 import "@opexa/portal-sdk-core";
-import "@tanstack/react-query";
-import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import "lodash-es";
-import "@opexa/portal-sdk-core/object-id";
-import "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import "usehooks-ts";
-import { useTournamentsQuery as C } from "../../client/hooks/useTournamentsQuery.mjs";
-import { ArrowLeftIcon as w } from "../../icons/ArrowLeftIcon.mjs";
-import { ArrowRightIcon as y } from "../../icons/ArrowRightIcon.mjs";
-import { ChevronRightIcon as A } from "../../icons/ChevronRightIcon.mjs";
-import "../../ui/AlertDialog/AlertDialog.mjs";
-import "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.mjs";
-import { Button as c } from "../../ui/Button/Button.mjs";
-import "../../ui/Checkbox/Checkbox.mjs";
-import "../../ui/Clipboard/Clipboard.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 "../../ui/IconButton/iconButton.recipe.mjs";
-import "../../ui/NumberInput/NumberInput.mjs";
-import "../../ui/PinInput/PinInput.mjs";
-import "../../ui/Popover/Popover.mjs";
-import "tailwind-merge";
-import "../../ui/SegmentGroup/SegmentGroup.mjs";
-import "../../ui/Select/Select.mjs";
-import "../../ui/Table/Table.mjs";
-import "../../ui/Tabs/Tabs.mjs";
-import { TournamentCounterItem as I } from "./TournamentCounterItem.mjs";
-function ge(i) {
-  var n;
-  const [p, e] = x({
-    align: "start",
-    slidesToScroll: 1
-  }), d = s(() => {
-    e && e.scrollPrev();
-  }, [e]), f = s(() => {
-    e && e.scrollNext();
-  }, [e]), [u, h] = a(!1), [N, g] = a(!1), t = s(() => {
-    e && (h(e.canScrollPrev()), g(e.canScrollNext()));
-  }, [e]);
-  S(() => {
-    e && (t(), e.on("select", t), e.on("reInit", t));
-  }, [e, t]);
-  const m = ((n = C({
+import "../../server/services/getSession.mjs";
+import "date-fns";
+import "next/headers";
+import { prefetchJackpotsQuery as o } from "../../server/utils/prefetchJackpotsQuery.mjs";
+import { TournamentCounter__client as e } from "./TournamentCounter.client.mjs";
+async function q(r) {
+  return await o({
     first: 100,
     filter: {
       status: {
         equal: "ACTIVE"
+      },
+      deleted: {
+        equal: !1
       }
+    },
+    sort: {
+      cursor: "POOL",
+      order: "DESC"
     }
-  }).data) == null ? void 0 : n.pages[0].edges.map((l) => l.node)) ?? [];
-  return m.length <= 0 ? null : /* @__PURE__ */ o("div", { className: i.className, children: [
-    /* @__PURE__ */ o("div", { className: "mb-3 flex items-center justify-between md:mb-4", children: [
-      /* @__PURE__ */ r("div", { className: "text-lg font-semibold", children: i.heading }),
-      /* @__PURE__ */ o("div", { className: "flex items-center md:gap-3xl", children: [
-        /* @__PURE__ */ o(
-          b,
-          {
-            href: i.seeAllUrl,
-            className: "flex gap-sm text-sm font-semibold",
-            children: [
-              "See All",
-              /* @__PURE__ */ r(A, { className: "size-5 lg:hidden" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o("div", { className: "hidden lg:flex", children: [
-          /* @__PURE__ */ r(
-            c,
-            {
-              disabled: !u,
-              onClick: d,
-              variant: "outline",
-              colorScheme: "gray",
-              className: "rounded-r-none border-r-0",
-              "aria-label": "Previous",
-              children: /* @__PURE__ */ r(w, { className: "size-5" })
-            }
-          ),
-          /* @__PURE__ */ r(
-            c,
-            {
-              disabled: !N,
-              onClick: f,
-              variant: "outline",
-              colorScheme: "gray",
-              className: "rounded-l-none",
-              "aria-label": "Next",
-              children: /* @__PURE__ */ r(y, { className: "size-5" })
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "w-full overflow-hidden", ref: p, children: /* @__PURE__ */ r("div", { className: "flex gap-2.5", children: m.map((l, v) => /* @__PURE__ */ r(
-      I,
-      {
-        index: v,
-        tournament: l,
-        className: m.length < 2 ? "w-full" : "w-full lg:w-[calc((100%-0.75rem)/2)]"
-      },
-      l.id
-    )) }) })
-  ] });
+  }), /* @__PURE__ */ t(e, { ...r });
 }
 export {
-  ge as TournamentCounter
+  q as TournamentCounter
 };

package/dist/components/TournamentCounter/TournamentCounterItem.d.ts

@@ -1,8 +1,10 @@
-import { Tournament } from '@opexa/portal-sdk-core';
+import { Jackpot } from '@opexa/portal-sdk-core';
 import { default as React } from 'react';
-export interface JackpotCounterCardProps {
-    tournament: Tournament;
+export interface TournamentCounterItemProps {
+    jackpot: Jackpot;
+    /** @default "/jackpots" */
     className?: string;
-    index: number;
+    /** @default "/tournaments" */
+    viewAllUrl?: string;
 }
-export declare function TournamentCounterItem({ tournament, className, index, }: JackpotCounterCardProps): React.JSX.Element;
+export declare function TournamentCounterItem({ jackpot, className, viewAllUrl, }: TournamentCounterItemProps): React.JSX.Element;

package/dist/components/TournamentCounter/TournamentCounterItem.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("lodash-es"),w=require("next/image"),t=require("react"),m=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("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const p=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const M=require("../../icons/Award02Icon.js"),I=require("../../images/ball.png.js"),T=require("../../images/card.png.js"),P=require("../../images/trophy.png.js");function D({tournament:r,className:f,index:x}){const h=p.useLocaleInfo(),g=o.sum(o.map(r.rewardSettings,Number)),[i,u]=t.useState({days:0,hours:0,minutes:0,isPast:!1}),l=t.useMemo(()=>new Date(r.activationEndDateTime),[r.activationEndDateTime]),n=t.useCallback(()=>{const s=new Date,a=l.getTime()-s.getTime();if(a<=0){u({days:0,hours:0,minutes:0,isPast:!0});return}const c=Math.floor(a/1e3),y=Math.floor(c/(3600*24)),j=Math.floor(c%(3600*24)/3600),v=Math.floor(c%3600/60),q=o.pick({days:y,hours:j,minutes:v,isPast:!1},["days","hours","minutes","isPast"]);u(q)},[l]);t.useEffect(()=>{n();const s=setInterval(n,60*1e3);return()=>clearInterval(s)},[l,n]);const d=[{label:"Day",value:i.days},{label:"Hour",value:i.hours},{label:"Min",value:i.minutes}],b=[{image:P},{image:T},{image:I}];return e.jsxs("div",{className:m.twMerge("bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",f),children:[e.jsxs("div",{className:"flex h-full w-full justify-between",children:[e.jsxs("div",{className:"border-gray-700 bg-gray-300 flex h-fit w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx(M.Award02Icon,{className:"size-3.5"}),"Multiplier"]}),e.jsx("div",{className:"flex h-fit",children:d.map((s,a)=>e.jsxs(t.Fragment,{children:[e.jsxs("div",{className:m.twMerge("rounded-xs bg-gray-600 text-gray-50 flex h-fit w-8 flex-col items-center pb-1.5"),children:[e.jsx("span",{className:"text-base font-medium",children:String(s.value).padStart(2,"0")}),e.jsx("span",{className:"text-[8px]",children:s.label})]}),a<d.length-1&&e.jsxs("div",{className:"flex flex-col justify-center gap-[6px] px-[6px]",children:[e.jsx("div",{className:"h-1 w-1 rounded-full bg-[#09232E]"}),e.jsx("div",{className:"h-1 w-1 rounded-full bg-[#09232E]"})]})]},s.label))})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("div",{className:"flex h-fit flex-col justify-between text-left",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-lg font-semibold",children:r.name}),e.jsx("div",{className:"bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold",children:N.formatNumber(g,{currency:h.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"mt-4 text-base font-medium",children:"Play and Win!"})]}),e.jsx("div",{className:"flex h-full items-end",children:e.jsx("div",{className:"h-24 w-auto shrink-0",children:e.jsx(w,{quality:100,width:100,height:100,src:b[x%3].image,alt:"",className:"h-full w-auto"})})})]})]})}exports.TournamentCounterItem=D;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("lodash-es"),n=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 q=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 C=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const I=require("../../icons/ChevronRightIcon.js"),M=require("../../icons/StarIcon.js"),S=require("../../icons/Trophy01Icon.js"),P=require("../../icons/Award01Icon.js"),T=require("../../images/first-place.png.js"),z=require("../../images/trophy-two.png.js"),u=require("../../images/trophy.png.js"),k=require("next/link"),D=require("../JackpotCounter/JackpotCounterItem.module.css.js");function R({jackpot:d,className:f,viewAllUrl:b}){const y=C.useLocaleInfo(),[a,x]=s.useState({days:0,hours:0,minutes:0,seconds:0,isPast:!1}),o=s.useMemo(()=>{const t=new Date;return new Date(t.setSeconds(t.getSeconds()+2*24*60*60))},[]),c=s.useCallback(()=>{const t=new Date,r=o.getTime()-t.getTime();if(r<=0){x({days:0,hours:0,minutes:0,seconds:0,isPast:!0});return}const i=Math.floor(r/1e3),g=Math.floor(i/(3600*24)),j=Math.floor(i%(3600*24)/3600),p=Math.floor(i%3600/60),N=i%60,v=w.pick({days:g,hours:j,minutes:p,seconds:N,isPast:!1},["days","hours","minutes","seconds","isPast"]);x(v)},[o]);s.useEffect(()=>{c();const t=setInterval(c,1e3);return()=>clearInterval(t)},[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:l.twMerge("bg-bg-tertiary border-border-primary relative flex shrink-0 rounded-2xl border p-3 text-center lg:gap-6 lg:p-5",f),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(P.Award01Icon,{className:"text-utility-brand-500 size-3.5"}),"Multiplier"]}),e.jsx("div",{className:"flex h-fit",children:m.map((t,r)=>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(t.value).padStart(2,"0")}),e.jsx("span",{className:"text-[8px]",children:t.label})]}),r<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"})]})]},t.label))})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("div",{children:[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:q.formatNumber(d.pool,{currency:y.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})}),e.jsx("div",{className:"text-text-primary-900 mt-4 block text-left text-base lg:hidden",children:"Play and Win!"})]}),e.jsx("div",{className:"flex items-end lg:hidden",children:e.jsx(n,{src:u,alt:"trophy",quality:100,className:"h-23 w-18"})})]})]}),e.jsx("div",{className:"z-1 absolute bottom-[-60] right-0 hidden lg:block",children:e.jsx(n,{quality:100,width:155,height:155,src:u,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(n,{width:66,height:87,src:T,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(S.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(n,{width:24,height:24,src:z,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.jsxs(k,{className:"text-button-tertiary-fg flex text-sm font-semibold",href:b??"/tournaments",children:["See details",e.jsx(I.ChevronRightIcon,{className:"size-5"})]})]}),e.jsx("div",{className:l.twMerge("max-h-[272px] overflow-y-scroll",D.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((t,r)=>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:r+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(M.StarIcon,{className:l.twMerge("mx-auto size-6.5",h[r].starColor)}),e.jsx("span",{className:l.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",h[r].numberColor),children:r+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:"-"})]},r))})]})})})]})]})}const 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.TournamentCounterItem=R;