@opexa/portal-components 0.0.7 → 0.0.9

package/dist/components/Games/Games.mjs

@@ -1,9 +1,10 @@
 "use client";
-import h from "embla-carousel-react";
-import E from "../../_virtual/image.mjs";
-import v from "../../_virtual/link.mjs";
-import { useState as i, useCallback as m, useEffect as w } from "react";
-import { twMerge as P } from "tailwind-merge";
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import v from "embla-carousel-react";
+import w from "../../_virtual/image.mjs";
+import P from "../../_virtual/link.mjs";
+import { useState as n, useCallback as a, useEffect as S } from "react";
+import { twMerge as k } from "tailwind-merge";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -16,18 +17,18 @@ import "../../utils/isMobile.mjs";
 import "../../utils/toaster.mjs";
 import "lodash-es";
 import "../../_virtual/index.cjs.mjs";
-import { useGamesQuery as S } from "../../hooks/useGamesQuery.mjs";
+import { useGamesQuery as y } from "../../hooks/useGamesQuery.mjs";
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { ArrowLeftIcon as k } from "../../icons/ArrowLeftIcon.mjs";
-import { ArrowRightIcon as y } from "../../icons/ArrowRightIcon.mjs";
-import { ChevronRightIcon as B } from "../../icons/ChevronRightIcon.mjs";
-import { SpinnerIcon as C } from "../../icons/SpinnerIcon.mjs";
+import { ArrowLeftIcon as B } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as C } from "../../icons/ArrowRightIcon.mjs";
+import { ChevronRightIcon as I } from "../../icons/ChevronRightIcon.mjs";
+import { SpinnerIcon as R } from "../../icons/SpinnerIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
-import { Button as l } from "../../ui/Button/Button.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";
@@ -43,13 +44,13 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { GameLaunchTrigger as I } from "../GameLaunch/GameLaunchTrigger.mjs";
-function ve(o) {
-  var s;
-  const c = o.numOfRows ?? 1, r = S({
-    first: (c + 1) * 6,
-    filter: o.filter
-  }), n = ((s = r.data) == null ? void 0 : s.pages.map((t) => t.edges.map((R) => R.node)).flat()) ?? [], [d, e] = h({
+import { GameLaunchTrigger as b } from "../GameLaunch/GameLaunchTrigger.mjs";
+function Se(s) {
+  var m;
+  const l = s.numOfRows ?? 1, o = y({
+    first: (l + 1) * 6,
+    filter: s.filter
+  }), d = ((m = o.data) == null ? void 0 : m.pages.map((t) => t.edges.map((j) => j.node)).flat()) ?? [], [x, e] = v({
     align: "start",
     slidesToScroll: 3,
     breakpoints: {
@@ -57,76 +58,93 @@ function ve(o) {
         slidesToScroll: 6
       }
     }
-  }), [f, g] = i(!0), [p, u] = i(!0), N = m(
+  }), [f, p] = n(!0), [g, u] = n(!0), h = a(
     () => e == null ? void 0 : e.scrollPrev(),
     [e]
-  ), x = m(async () => {
-    !(e != null && e.canScrollNext()) && r.hasNextPage && (await r.fetchNextPage(), e == null || e.reInit(), await new Promise((t) => setTimeout(t, 1))), e == null || e.scrollNext();
-  }, [e, r]), a = m((t) => {
-    g(!(t != null && t.canScrollPrev())), u(!(t != null && t.canScrollNext()));
+  ), N = a(async () => {
+    !(e != null && e.canScrollNext()) && o.hasNextPage && (await o.fetchNextPage(), e == null || e.reInit(), await new Promise((t) => setTimeout(t, 1))), e == null || e.scrollNext();
+  }, [e, o]), i = a((t) => {
+    p(!(t != null && t.canScrollPrev())), u(!(t != null && t.canScrollNext()));
   }, []);
-  return w(() => {
-    e && (a(e), e.on("reInit", a).on("select", a));
-  }, [e, a]), /* @__PURE__ */ React.createElement("div", { className: o.className }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-semibold" }, o.heading), /* @__PURE__ */ React.createElement("div", { className: "grow" }), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center gap-xl" }, /* @__PURE__ */ React.createElement(
-    v,
-    {
-      href: o.seeAllUrl,
-      className: "flex gap-sm text-sm font-semibold"
-    },
-    "See All",
-    /* @__PURE__ */ React.createElement(B, { className: "size-5 lg:hidden" })
-  ), /* @__PURE__ */ React.createElement("div", { className: "hidden lg:flex" }, /* @__PURE__ */ React.createElement(
-    l,
-    {
-      variant: "outline",
-      colorScheme: "gray",
-      className: "rounded-r-none border-r-0",
-      onClick: N,
-      disabled: f,
-      "aria-label": "Previous"
-    },
-    /* @__PURE__ */ React.createElement(k, { className: "size-5" })
-  ), /* @__PURE__ */ React.createElement(
-    l,
-    {
-      variant: "outline",
-      colorScheme: "gray",
-      className: "rounded-l-none",
-      onClick: x,
-      disabled: p && !r.hasNextPage ? !0 : r.isFetchingNextPage,
-      "aria-label": "Next"
-    },
-    r.isFetchingNextPage ? /* @__PURE__ */ React.createElement(C, { className: "size-5" }) : /* @__PURE__ */ React.createElement(y, { className: "size-5" })
-  )))), /* @__PURE__ */ React.createElement("div", { ref: d, className: "relative mt-lg lg:overflow-hidden" }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: P(
-        "grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md",
-        c === 3 ? "grid-rows-3" : c === 2 ? "grid-rows-2" : "grid-rows-1"
-      )
-    },
-    n.map((t) => /* @__PURE__ */ React.createElement(
-      I,
+  return S(() => {
+    e && (i(e), e.on("reInit", i).on("select", i));
+  }, [e, i]), /* @__PURE__ */ r.jsxs("div", { className: s.className, children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ r.jsx("h2", { className: "text-lg font-semibold", children: s.heading }),
+      /* @__PURE__ */ r.jsx("div", { className: "grow" }),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-center gap-xl", children: [
+        /* @__PURE__ */ r.jsxs(
+          P,
+          {
+            href: s.seeAllUrl,
+            className: "flex gap-sm text-sm font-semibold",
+            children: [
+              "See All",
+              /* @__PURE__ */ r.jsx(I, { className: "size-5 lg:hidden" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r.jsxs("div", { className: "hidden lg:flex", children: [
+          /* @__PURE__ */ r.jsx(
+            c,
+            {
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-r-none border-r-0",
+              onClick: h,
+              disabled: f,
+              "aria-label": "Previous",
+              children: /* @__PURE__ */ r.jsx(B, { className: "size-5" })
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            c,
+            {
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-l-none",
+              onClick: N,
+              disabled: g && !o.hasNextPage ? !0 : o.isFetchingNextPage,
+              "aria-label": "Next",
+              children: o.isFetchingNextPage ? /* @__PURE__ */ r.jsx(R, { className: "size-5" }) : /* @__PURE__ */ r.jsx(C, { className: "size-5" })
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ r.jsx("div", { ref: x, className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ r.jsx(
+      "div",
       {
-        key: t.id,
-        game: t,
-        className: "block w-full"
-      },
-      /* @__PURE__ */ React.createElement(
-        E,
-        {
-          src: t.image,
-          alt: "",
-          width: 200,
-          height: 200,
-          priority: !0,
-          className: "aspect-square w-full rounded-t-md object-cover"
-        }
-      ),
-      /* @__PURE__ */ React.createElement("span", { className: "bg-gray-50 block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold" }, t.name)
-    ))
-  )));
+        className: k(
+          "grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md",
+          l === 3 ? "grid-rows-3" : l === 2 ? "grid-rows-2" : "grid-rows-1"
+        ),
+        children: d.map((t) => /* @__PURE__ */ r.jsxs(
+          b,
+          {
+            game: t,
+            className: "block w-full",
+            children: [
+              /* @__PURE__ */ r.jsx(
+                w,
+                {
+                  src: t.image,
+                  alt: "",
+                  width: 200,
+                  height: 200,
+                  priority: !0,
+                  className: "aspect-square w-full rounded-t-md object-cover"
+                }
+              ),
+              /* @__PURE__ */ r.jsx("span", { className: "bg-gray-50 block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold", children: t.name })
+            ]
+          },
+          t.id
+        ))
+      }
+    ) })
+  ] });
 }
 export {
-  ve as Games
+  Se as Games
 };

package/dist/components/JackpotCounter/JackpotCounter.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("embla-carousel-react"),N=require("../../_virtual/link.js"),r=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("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const R=require("../../hooks/useJackpotsQuery.js");require("usehooks-ts");const v=require("../../icons/ArrowLeftIcon.js"),E=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 i=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 C=require("./JackpotCounterItem.js");function S(l){var s;const[n,e]=g({align:"start",slidesToScroll:1}),o=r.useCallback(()=>{e&&e.scrollPrev()},[e]),u=r.useCallback(()=>{e&&e.scrollNext()},[e]),[m,q]=r.useState(!1),[d,f]=r.useState(!1),t=r.useCallback(()=>{e&&(q(e.canScrollPrev()),f(e.canScrollNext()))},[e]);r.useEffect(()=>{e&&(t(),e.on("select",t),e.on("reInit",t))},[e,t]);const c=((s=R.useJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}).data)==null?void 0:s.pages[0].edges.map(a=>a.node))??[];return c.length<=0?null:React.createElement("div",{className:l.className},React.createElement("div",{className:"flex items-center justify-between"},React.createElement("div",{className:"text-lg font-semibold"},l.heading),React.createElement("div",{className:"flex items-center md:gap-3xl"},React.createElement(N,{href:l.seeAllUrl,className:"flex gap-sm text-sm font-semibold"},"See All",React.createElement(b.ChevronRightIcon,{className:"size-5 lg:hidden"})),React.createElement("div",{className:"hidden lg:flex"},React.createElement(i.Button,{disabled:!m,onClick:o,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous"},React.createElement(v.ArrowLeftIcon,{className:"size-5"})),React.createElement(i.Button,{disabled:!d,onClick:u,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next"},React.createElement("span",{className:"sr-only"},"Next"),React.createElement(E.ArrowRightIcon,{className:"size-5"}))))),React.createElement("div",{className:"relative mt-lg lg:overflow-hidden",ref:n},React.createElement("div",{className:"flex gap-2.5"},c.map(a=>React.createElement(C.JackpotCounterItem,{key:a.id,jackpot:a,className:c.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"})))))}exports.JackpotCounter=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),f=require("embla-carousel-react"),p=require("../../_virtual/link.js"),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("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const h=require("../../hooks/useJackpotsQuery.js");require("usehooks-ts");const g=require("../../icons/ArrowLeftIcon.js"),N=require("../../icons/ArrowRightIcon.js"),R=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const u=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 v=require("./JackpotCounterItem.js");function E(l){var o;const[c,r]=f({align:"start",slidesToScroll:1}),a=s.useCallback(()=>{r&&r.scrollPrev()},[r]),x=s.useCallback(()=>{r&&r.scrollNext()},[r]),[m,d]=s.useState(!1),[q,j]=s.useState(!1),t=s.useCallback(()=>{r&&(d(r.canScrollPrev()),j(r.canScrollNext()))},[r]);s.useEffect(()=>{r&&(t(),r.on("select",t),r.on("reInit",t))},[r,t]);const n=((o=h.useJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}).data)==null?void 0:o.pages[0].edges.map(i=>i.node))??[];return n.length<=0?null:e.jsxRuntimeExports.jsxs("div",{className:l.className,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxRuntimeExports.jsx("div",{className:"text-lg font-semibold",children:l.heading}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center md:gap-3xl",children:[e.jsxRuntimeExports.jsxs(p,{href:l.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",e.jsxRuntimeExports.jsx(R.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxRuntimeExports.jsxs("div",{className:"hidden lg:flex",children:[e.jsxRuntimeExports.jsx(u.Button,{disabled:!m,onClick:a,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:e.jsxRuntimeExports.jsx(g.ArrowLeftIcon,{className:"size-5"})}),e.jsxRuntimeExports.jsxs(u.Button,{disabled:!q,onClick:x,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:[e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Next"}),e.jsxRuntimeExports.jsx(N.ArrowRightIcon,{className:"size-5"})]})]})]})]}),e.jsxRuntimeExports.jsx("div",{className:"relative mt-lg lg:overflow-hidden",ref:c,children:e.jsxRuntimeExports.jsx("div",{className:"flex gap-2.5",children:n.map(i=>e.jsxRuntimeExports.jsx(v.JackpotCounterItem,{jackpot:i,className:n.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"},i.id))})})]})}exports.JackpotCounter=E;

package/dist/components/JackpotCounter/JackpotCounter.mjs

@@ -1,7 +1,8 @@
 "use client";
-import g from "embla-carousel-react";
-import E from "../../_virtual/link.mjs";
-import { useCallback as a, useState as c, useEffect as v } from "react";
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import N from "embla-carousel-react";
+import j from "../../_virtual/link.mjs";
+import { useCallback as i, useState as a, useEffect as g } from "react";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -16,15 +17,15 @@ import "lodash-es";
 import "../../_virtual/index.cjs.mjs";
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useJackpotsQuery as R } from "../../hooks/useJackpotsQuery.mjs";
+import { useJackpotsQuery as v } from "../../hooks/useJackpotsQuery.mjs";
 import "usehooks-ts";
-import { ArrowLeftIcon as x } from "../../icons/ArrowLeftIcon.mjs";
-import { ArrowRightIcon as S } from "../../icons/ArrowRightIcon.mjs";
-import { ChevronRightIcon as b } from "../../icons/ChevronRightIcon.mjs";
+import { ArrowLeftIcon as S } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as b } from "../../icons/ArrowRightIcon.mjs";
+import { ChevronRightIcon as C } from "../../icons/ChevronRightIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
-import { Button as i } from "../../ui/Button/Button.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";
@@ -41,23 +42,23 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { JackpotCounterItem as h } from "./JackpotCounterItem.mjs";
-function ue(l) {
+import { JackpotCounterItem as k } from "./JackpotCounterItem.mjs";
+function he(l) {
   var m;
-  const [s, e] = g({
+  const [n, r] = N({
     align: "start",
     slidesToScroll: 1
-  }), n = a(() => {
-    e && e.scrollPrev();
-  }, [e]), p = a(() => {
-    e && e.scrollNext();
-  }, [e]), [f, d] = c(!1), [u, N] = c(!1), t = a(() => {
-    e && (d(e.canScrollPrev()), N(e.canScrollNext()));
-  }, [e]);
-  v(() => {
-    e && (t(), e.on("select", t), e.on("reInit", t));
-  }, [e, t]);
-  const o = ((m = R({
+  }), p = i(() => {
+    r && r.scrollPrev();
+  }, [r]), d = i(() => {
+    r && r.scrollNext();
+  }, [r]), [f, x] = a(!1), [u, h] = a(!1), o = i(() => {
+    r && (x(r.canScrollPrev()), h(r.canScrollNext()));
+  }, [r]);
+  g(() => {
+    r && (o(), r.on("select", o), r.on("reInit", o));
+  }, [r, o]);
+  const s = ((m = v({
     first: 100,
     filter: {
       status: {
@@ -71,47 +72,63 @@ function ue(l) {
       cursor: "POOL",
       order: "DESC"
     }
-  }).data) == null ? void 0 : m.pages[0].edges.map((r) => r.node)) ?? [];
-  return o.length <= 0 ? null : /* @__PURE__ */ React.createElement("div", { className: l.className }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "text-lg font-semibold" }, l.heading), /* @__PURE__ */ React.createElement("div", { className: "flex items-center md:gap-3xl" }, /* @__PURE__ */ React.createElement(
-    E,
-    {
-      href: l.seeAllUrl,
-      className: "flex gap-sm text-sm font-semibold"
-    },
-    "See All",
-    /* @__PURE__ */ React.createElement(b, { className: "size-5 lg:hidden" })
-  ), /* @__PURE__ */ React.createElement("div", { className: "hidden lg:flex" }, /* @__PURE__ */ React.createElement(
-    i,
-    {
-      disabled: !f,
-      onClick: n,
-      variant: "outline",
-      colorScheme: "gray",
-      className: "rounded-r-none border-r-0",
-      "aria-label": "Previous"
-    },
-    /* @__PURE__ */ React.createElement(x, { className: "size-5" })
-  ), /* @__PURE__ */ React.createElement(
-    i,
-    {
-      disabled: !u,
-      onClick: p,
-      variant: "outline",
-      colorScheme: "gray",
-      className: "rounded-l-none",
-      "aria-label": "Next"
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Next"),
-    /* @__PURE__ */ React.createElement(S, { className: "size-5" })
-  )))), /* @__PURE__ */ React.createElement("div", { className: "relative mt-lg lg:overflow-hidden", ref: s }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2.5" }, o.map((r) => /* @__PURE__ */ React.createElement(
-    h,
-    {
-      key: r.id,
-      jackpot: r,
-      className: o.length < 2 ? "w-full" : "w-full lg:w-[calc((100%-0.75rem)/2)]"
-    }
-  )))));
+  }).data) == null ? void 0 : m.pages[0].edges.map((t) => t.node)) ?? [];
+  return s.length <= 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: l.className, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "text-lg font-semibold", children: l.heading }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center md:gap-3xl", children: [
+        /* @__PURE__ */ e.jsxs(
+          j,
+          {
+            href: l.seeAllUrl,
+            className: "flex gap-sm text-sm font-semibold",
+            children: [
+              "See All",
+              /* @__PURE__ */ e.jsx(C, { className: "size-5 lg:hidden" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: "hidden lg:flex", children: [
+          /* @__PURE__ */ e.jsx(
+            c,
+            {
+              disabled: !f,
+              onClick: p,
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-r-none border-r-0",
+              "aria-label": "Previous",
+              children: /* @__PURE__ */ e.jsx(S, { className: "size-5" })
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            c,
+            {
+              disabled: !u,
+              onClick: d,
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-l-none",
+              "aria-label": "Next",
+              children: [
+                /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Next" }),
+                /* @__PURE__ */ e.jsx(b, { className: "size-5" })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "relative mt-lg lg:overflow-hidden", ref: n, children: /* @__PURE__ */ e.jsx("div", { className: "flex gap-2.5", children: s.map((t) => /* @__PURE__ */ e.jsx(
+      k,
+      {
+        jackpot: t,
+        className: s.length < 2 ? "w-full" : "w-full lg:w-[calc((100%-0.75rem)/2)]"
+      },
+      t.id
+    )) }) })
+  ] });
 }
 export {
-  ue as JackpotCounter
+  he as JackpotCounter
 };

package/dist/components/JackpotCounter/JackpotCounterItem.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@ark-ui/react"),u=require("../../_virtual/image.js"),t=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const n=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const d=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const f=require("../../icons/ArrowNarrowUpRightIcon.js"),m=require("../../icons/ChevronLeftIcon.js"),i=require("../../icons/ChevronRightIcon.js"),g=require("../../images/close-chest.png.js"),h=require("../../images/open-chest.png.js"),r=require("./JackpotCounterItem.module.css.js");function N({jackpot:e,className:l}){const a=d.useLocaleInfo(),c=e.drawing,o=c?e.maximumJackpotPoolLimit:e.pool;return React.createElement("div",{className:t.twMerge("bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",l)},React.createElement("div",{className:"flex w-full justify-between"},React.createElement("div",{className:"flex flex-col gap-1"},c?React.createElement("div",{className:"border-gray-700 bg-gray-300 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium"},React.createElement("span",{className:"full bg-gray-900 size-1.5 animate-pulse rounded"}),"Paying Out"):React.createElement("div",{className:"border-gray-700 bg-gray-300 flex w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium"},React.createElement(f.ArrowNarrowUpRightIcon,{className:"size-3.5"}),"Accumulating"),React.createElement("div",{className:"text-left text-lg font-medium"},e.name),React.createElement("div",{className:"bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold"},n.formatNumber(o,{currency:a.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2}))),React.createElement("div",null,React.createElement(u,{width:100,height:100,src:c?h:g,alt:"closeChest",quality:100,className:"h-25 w-25 size-full"}))),React.createElement("div",{className:"flex justify-between"},React.createElement("div",{className:"text-xs font-medium"},n.formatNumber(0,{currency:a.currency.code,compact:!0})),React.createElement("div",{className:"relative flex items-center justify-end gap-1.5"},c?React.createElement("div",{className:"flex w-6 items-center"},React.createElement("div",{className:t.twMerge("absolute left-0",r["animate-arrow-red-flash-1"])},React.createElement(m.ChevronLeftIcon,{className:"size-4.5"})),React.createElement("div",{className:t.twMerge("absolute left-1.5",r["animate-arrow-red-flash-2"])},React.createElement(m.ChevronLeftIcon,{className:"size-4.5"})),React.createElement("div",{className:t.twMerge("absolute left-3",r["animate-arrow-red-flash-3"])},React.createElement(m.ChevronLeftIcon,{className:"size-4.5"}))):React.createElement("div",{className:"flex w-6 items-center"},React.createElement("div",{className:t.twMerge("absolute left-0",r["animate-arrow-green-flash-1"])},React.createElement(i.ChevronRightIcon,{className:"size-4.5"})),React.createElement("div",{className:t.twMerge("absolute left-1.5",r["animate-arrow-green-flash-2"])},React.createElement(i.ChevronRightIcon,{className:"size-4.5"})),React.createElement("div",{className:t.twMerge("absolute left-3",r["animate-arrow-green-flash-3"])},React.createElement(i.ChevronRightIcon,{className:"size-4.5"}))),React.createElement("div",{className:"text-xs font-medium"},n.formatNumber(e==null?void 0:e.maximumJackpotPoolLimit,{currency:a.currency.code,compact:!0})))),React.createElement(s.Progress.Root,{className:"bg-gray-200 h-2 w-full rounded-full",max:100,value:33},React.createElement(s.Progress.Track,{className:"bg-gray-950 h-full rounded-full"},React.createElement(s.Progress.Range,{className:"bg-gray-300 h-full rounded-full"}))),React.createElement("div",{className:"mt-1 text-start text-[10px]"},c?`The pot has hit ${n.formatNumber(e==null?void 0:e.maximumJackpotPoolLimit,{currency:a.currency.code,compact:!0})} Play now for your chance to win big! 🔥`:R(Number(e==null?void 0:e.pool)??0,Number(e==null?void 0:e.maximumJackpotPoolLimit)??0)))}const R=(e,l)=>(l===0?0:e/l*100)<=90?"The jackpot is heating up! Keep playing to stay in the action and watch it grow!":"🔥 It’s about to pop! Stay in the game for your shot at the prize!";exports.JackpotCounterItem=N;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),u=require("@ark-ui/react"),c=require("../../_virtual/image.js"),s=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const a=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const d=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const h=require("../../icons/ArrowNarrowUpRightIcon.js"),l=require("../../icons/ChevronLeftIcon.js"),m=require("../../icons/ChevronRightIcon.js"),f=require("../../images/close-chest.png.js"),g=require("../../images/open-chest.png.js"),t=require("./JackpotCounterItem.module.css.js");function p({jackpot:r,className:o}){const i=d.useLocaleInfo(),n=r.drawing,x=n?r.maximumJackpotPoolLimit:r.pool;return e.jsxRuntimeExports.jsxs("div",{className:s.twMerge("bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",o),children:[e.jsxRuntimeExports.jsxs("div",{className:"flex w-full justify-between",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-1",children:[n?e.jsxRuntimeExports.jsxs("div",{className:"border-gray-700 bg-gray-300 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsxRuntimeExports.jsx("span",{className:"full bg-gray-900 size-1.5 animate-pulse rounded"}),"Paying Out"]}):e.jsxRuntimeExports.jsxs("div",{className:"border-gray-700 bg-gray-300 flex w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsxRuntimeExports.jsx(h.ArrowNarrowUpRightIcon,{className:"size-3.5"}),"Accumulating"]}),e.jsxRuntimeExports.jsx("div",{className:"text-left text-lg font-medium",children:r.name}),e.jsxRuntimeExports.jsx("div",{className:"bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold",children:a.formatNumber(x,{currency:i.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(c,{width:100,height:100,src:n?g:f,alt:"closeChest",quality:100,className:"h-25 w-25 size-full"})})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between",children:[e.jsxRuntimeExports.jsx("div",{className:"text-xs font-medium",children:a.formatNumber(0,{currency:i.currency.code,compact:!0})}),e.jsxRuntimeExports.jsxs("div",{className:"relative flex items-center justify-end gap-1.5",children:[n?e.jsxRuntimeExports.jsxs("div",{className:"flex w-6 items-center",children:[e.jsxRuntimeExports.jsx("div",{className:s.twMerge("absolute left-0",t["animate-arrow-red-flash-1"]),children:e.jsxRuntimeExports.jsx(l.ChevronLeftIcon,{className:"size-4.5"})}),e.jsxRuntimeExports.jsx("div",{className:s.twMerge("absolute left-1.5",t["animate-arrow-red-flash-2"]),children:e.jsxRuntimeExports.jsx(l.ChevronLeftIcon,{className:"size-4.5"})}),e.jsxRuntimeExports.jsx("div",{className:s.twMerge("absolute left-3",t["animate-arrow-red-flash-3"]),children:e.jsxRuntimeExports.jsx(l.ChevronLeftIcon,{className:"size-4.5"})})]}):e.jsxRuntimeExports.jsxs("div",{className:"flex w-6 items-center",children:[e.jsxRuntimeExports.jsx("div",{className:s.twMerge("absolute left-0",t["animate-arrow-green-flash-1"]),children:e.jsxRuntimeExports.jsx(m.ChevronRightIcon,{className:"size-4.5"})}),e.jsxRuntimeExports.jsx("div",{className:s.twMerge("absolute left-1.5",t["animate-arrow-green-flash-2"]),children:e.jsxRuntimeExports.jsx(m.ChevronRightIcon,{className:"size-4.5"})}),e.jsxRuntimeExports.jsx("div",{className:s.twMerge("absolute left-3",t["animate-arrow-green-flash-3"]),children:e.jsxRuntimeExports.jsx(m.ChevronRightIcon,{className:"size-4.5"})})]}),e.jsxRuntimeExports.jsx("div",{className:"text-xs font-medium",children:a.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:i.currency.code,compact:!0})})]})]}),e.jsxRuntimeExports.jsx(u.Progress.Root,{className:"bg-gray-200 h-2 w-full rounded-full",max:100,value:33,children:e.jsxRuntimeExports.jsx(u.Progress.Track,{className:"bg-gray-950 h-full rounded-full",children:e.jsxRuntimeExports.jsx(u.Progress.Range,{className:"bg-gray-300 h-full rounded-full"})})}),e.jsxRuntimeExports.jsx("div",{className:"mt-1 text-start text-[10px]",children:n?`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! 🔥`:j(Number(r==null?void 0:r.pool)??0,Number(r==null?void 0:r.maximumJackpotPoolLimit)??0)})]})}const j=(r,o)=>(o===0?0:r/o*100)<=90?"The jackpot is heating up! Keep playing to stay in the action and watch it grow!":"🔥 It’s about to pop! Stay in the game for your shot at the prize!";exports.JackpotCounterItem=p;