@opexa/portal-components 0.0.11 → 0.0.13

package/dist/components/Games/Games.mjs

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

package/dist/components/JackpotCounter/JackpotCounter.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("embla-carousel-react"),g=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("../../utils/toaster.js");require("lodash-es");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const N=require("../../hooks/useJackpotsQuery.js");require("usehooks-ts");const j=require("../../icons/ArrowLeftIcon.js"),v=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 n=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(t){var a;const[o,r]=h({align:"start",slidesToScroll:1}),u=s.useCallback(()=>{r&&r.scrollPrev()},[r]),d=s.useCallback(()=>{r&&r.scrollNext()},[r]),[q,m]=s.useState(!1),[x,f]=s.useState(!1),l=s.useCallback(()=>{r&&(m(r.canScrollPrev()),f(r.canScrollNext()))},[r]);s.useEffect(()=>{r&&(l(),r.on("select",l),r.on("reInit",l))},[r,l]);const c=((a=N.useJackpotsQuery({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 c.length<=0?null:e.jsxs("div",{className:t.className,children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("div",{className:"text-lg font-semibold",children:t.heading}),e.jsxs("div",{className:"flex items-center md:gap-3xl",children:[e.jsxs(g,{href:t.seeAllUrl,className:"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(n.Button,{disabled:!q,onClick:u,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:e.jsx(j.ArrowLeftIcon,{className:"size-5"})}),e.jsxs(n.Button,{disabled:!x,onClick:d,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:[e.jsx("span",{className:"sr-only",children:"Next"}),e.jsx(v.ArrowRightIcon,{className:"size-5"})]})]})]})]}),e.jsx("div",{className:"relative mt-lg lg:overflow-hidden",ref:o,children:e.jsx("div",{className:"flex gap-2.5",children:c.map(i=>e.jsx(C.JackpotCounterItem,{jackpot:i,className:c.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"},i.id))})})]})}exports.JackpotCounter=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("embla-carousel-react"),g=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");const N=require("../../client/hooks/useJackpotsQuery.js");require("usehooks-ts");const j=require("../../icons/ArrowLeftIcon.js"),v=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 n=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(t){var a;const[o,r]=h({align:"start",slidesToScroll:1}),u=s.useCallback(()=>{r&&r.scrollPrev()},[r]),d=s.useCallback(()=>{r&&r.scrollNext()},[r]),[q,m]=s.useState(!1),[x,f]=s.useState(!1),l=s.useCallback(()=>{r&&(m(r.canScrollPrev()),f(r.canScrollNext()))},[r]);s.useEffect(()=>{r&&(l(),r.on("select",l),r.on("reInit",l))},[r,l]);const c=((a=N.useJackpotsQuery({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 c.length<=0?null:e.jsxs("div",{className:t.className,children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("div",{className:"text-lg font-semibold",children:t.heading}),e.jsxs("div",{className:"flex items-center md:gap-3xl",children:[e.jsxs(g,{href:t.seeAllUrl,className:"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(n.Button,{disabled:!q,onClick:u,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:e.jsx(j.ArrowLeftIcon,{className:"size-5"})}),e.jsxs(n.Button,{disabled:!x,onClick:d,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:[e.jsx("span",{className:"sr-only",children:"Next"}),e.jsx(v.ArrowRightIcon,{className:"size-5"})]})]})]})]}),e.jsx("div",{className:"relative mt-lg lg:overflow-hidden",ref:o,children:e.jsx("div",{className:"flex gap-2.5",children:c.map(i=>e.jsx(C.JackpotCounterItem,{jackpot:i,className:c.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"},i.id))})})]})}exports.JackpotCounter=S;

package/dist/components/JackpotCounter/JackpotCounter.mjs

@@ -12,12 +12,11 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import "../../utils/toaster.mjs";
 import "lodash-es";
-import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
-import "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useJackpotsQuery as b } from "../../hooks/useJackpotsQuery.mjs";
+import "@opexa/portal-sdk-core/object-id";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useJackpotsQuery as b } from "../../client/hooks/useJackpotsQuery.mjs";
 import "usehooks-ts";
 import { ArrowLeftIcon as C } from "../../icons/ArrowLeftIcon.mjs";
 import { ArrowRightIcon as k } from "../../icons/ArrowRightIcon.mjs";
@@ -43,7 +42,7 @@ import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
 import { JackpotCounterItem as y } from "./JackpotCounterItem.mjs";
-function ge(i) {
+function Ne(i) {
   var a;
   const [p, e] = v({
     align: "start",
@@ -130,5 +129,5 @@ function ge(i) {
   ] });
 }
 export {
-  ge as JackpotCounter
+  Ne as JackpotCounter
 };

package/dist/components/JackpotCounter/JackpotCounterItem.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@ark-ui/react"),d=require("next/image"),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 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("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const x=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const h=require("../../icons/ArrowNarrowUpRightIcon.js"),o=require("../../icons/ChevronLeftIcon.js"),u=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 N({jackpot:r,className:l}){const i=x.useLocaleInfo(),a=r.drawing,m=a?r.maximumJackpotPoolLimit:r.pool;return e.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",l),children:[e.jsxs("div",{className:"flex w-full justify-between",children:[e.jsxs("div",{className:"flex flex-col gap-1",children:[a?e.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.jsx("span",{className:"full bg-gray-900 size-1.5 animate-pulse rounded"}),"Paying Out"]}):e.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.jsx(h.ArrowNarrowUpRightIcon,{className:"size-3.5"}),"Accumulating"]}),e.jsx("div",{className:"text-left text-lg font-medium",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(m,{currency:i.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{children:e.jsx(d,{width:100,height:100,src:a?g:f,alt:"closeChest",quality:100,className:"h-25 w-25 size-full"})})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("div",{className:"text-xs font-medium",children:n.formatNumber(0,{currency:i.currency.code,compact:!0})}),e.jsxs("div",{className:"relative flex items-center justify-end gap-1.5",children:[a?e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",t["animate-arrow-red-flash-1"]),children:e.jsx(o.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",t["animate-arrow-red-flash-2"]),children:e.jsx(o.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",t["animate-arrow-red-flash-3"]),children:e.jsx(o.ChevronLeftIcon,{className:"size-4.5"})})]}):e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",t["animate-arrow-green-flash-1"]),children:e.jsx(u.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",t["animate-arrow-green-flash-2"]),children:e.jsx(u.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",t["animate-arrow-green-flash-3"]),children:e.jsx(u.ChevronRightIcon,{className:"size-4.5"})})]}),e.jsx("div",{className:"text-xs font-medium",children:n.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:i.currency.code,compact:!0})})]})]}),e.jsx(c.Progress.Root,{className:"bg-gray-200 h-2 w-full rounded-full",max:100,value:33,children:e.jsx(c.Progress.Track,{className:"bg-gray-950 h-full rounded-full",children:e.jsx(c.Progress.Range,{className:"bg-gray-300 h-full rounded-full"})})}),e.jsx("div",{className:"mt-1 text-start text-[10px]",children:a?`The pot has hit ${n.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:i.currency.code,compact:!0})} Play now for your chance to win big! 🔥`:y(Number(r==null?void 0:r.pool)??0,Number(r==null?void 0:r.maximumJackpotPoolLimit)??0)})]})}const y=(r,l)=>(l===0?0:r/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("react/jsx-runtime"),c=require("@ark-ui/react"),d=require("next/image"),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("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const x=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const h=require("../../icons/ArrowNarrowUpRightIcon.js"),o=require("../../icons/ChevronLeftIcon.js"),u=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 N({jackpot:r,className:l}){const i=x.useLocaleInfo(),a=r.drawing,m=a?r.maximumJackpotPoolLimit:r.pool;return e.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",l),children:[e.jsxs("div",{className:"flex w-full justify-between",children:[e.jsxs("div",{className:"flex flex-col gap-1",children:[a?e.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.jsx("span",{className:"full bg-gray-900 size-1.5 animate-pulse rounded"}),"Paying Out"]}):e.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.jsx(h.ArrowNarrowUpRightIcon,{className:"size-3.5"}),"Accumulating"]}),e.jsx("div",{className:"text-left text-lg font-medium",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(m,{currency:i.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{children:e.jsx(d,{width:100,height:100,src:a?g:f,alt:"closeChest",quality:100,className:"h-25 w-25 size-full"})})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("div",{className:"text-xs font-medium",children:n.formatNumber(0,{currency:i.currency.code,compact:!0})}),e.jsxs("div",{className:"relative flex items-center justify-end gap-1.5",children:[a?e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",t["animate-arrow-red-flash-1"]),children:e.jsx(o.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",t["animate-arrow-red-flash-2"]),children:e.jsx(o.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",t["animate-arrow-red-flash-3"]),children:e.jsx(o.ChevronLeftIcon,{className:"size-4.5"})})]}):e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",t["animate-arrow-green-flash-1"]),children:e.jsx(u.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",t["animate-arrow-green-flash-2"]),children:e.jsx(u.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",t["animate-arrow-green-flash-3"]),children:e.jsx(u.ChevronRightIcon,{className:"size-4.5"})})]}),e.jsx("div",{className:"text-xs font-medium",children:n.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:i.currency.code,compact:!0})})]})]}),e.jsx(c.Progress.Root,{className:"bg-gray-200 h-2 w-full rounded-full",max:100,value:33,children:e.jsx(c.Progress.Track,{className:"bg-gray-950 h-full rounded-full",children:e.jsx(c.Progress.Range,{className:"bg-gray-300 h-full rounded-full"})})}),e.jsx("div",{className:"mt-1 text-start text-[10px]",children:a?`The pot has hit ${n.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:i.currency.code,compact:!0})} Play now for your chance to win big! 🔥`:y(Number(r==null?void 0:r.pool)??0,Number(r==null?void 0:r.maximumJackpotPoolLimit)??0)})]})}const y=(r,l)=>(l===0?0:r/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;

package/dist/components/JackpotCounter/JackpotCounterItem.mjs

@@ -8,18 +8,17 @@ import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import "react";
 import { formatNumber as o } from "../../utils/formatNumber.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
-import "../../utils/toaster.mjs";
+import "react";
 import "lodash-es";
-import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
-import "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as h } from "../../hooks/useLocaleInfo.mjs";
+import "@opexa/portal-sdk-core/object-id";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as h } from "../../client/hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
 import { ArrowNarrowUpRightIcon as g } from "../../icons/ArrowNarrowUpRightIcon.mjs";
 import { ChevronLeftIcon as n } from "../../icons/ChevronLeftIcon.mjs";
@@ -27,22 +26,22 @@ import { ChevronRightIcon as d } from "../../icons/ChevronRightIcon.mjs";
 import p from "../../images/close-chest.png.mjs";
 import x from "../../images/open-chest.png.mjs";
 import a from "./JackpotCounterItem.module.css.mjs";
-function W({
+function V({
   jackpot: r,
-  className: s
+  className: m
 }) {
-  const l = h(), m = r.drawing, u = m ? r.maximumJackpotPoolLimit : r.pool;
+  const l = h(), s = r.drawing, u = s ? r.maximumJackpotPoolLimit : r.pool;
   return /* @__PURE__ */ i(
     "div",
     {
       className: t(
         "bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",
-        s
+        m
       ),
       children: [
         /* @__PURE__ */ i("div", { className: "flex w-full justify-between", children: [
           /* @__PURE__ */ i("div", { className: "flex flex-col gap-1", children: [
-            m ? /* @__PURE__ */ i("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: [
+            s ? /* @__PURE__ */ i("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: [
               /* @__PURE__ */ e("span", { className: "full bg-gray-900 size-1.5 animate-pulse rounded" }),
               "Paying Out"
             ] }) : /* @__PURE__ */ i("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: [
@@ -61,7 +60,7 @@ function W({
             {
               width: 100,
               height: 100,
-              src: m ? x : p,
+              src: s ? x : p,
               alt: "closeChest",
               quality: 100,
               className: "h-25 w-25 size-full"
@@ -74,7 +73,7 @@ function W({
             compact: !0
           }) }),
           /* @__PURE__ */ i("div", { className: "relative flex items-center justify-end gap-1.5", children: [
-            m ? /* @__PURE__ */ i("div", { className: "flex w-6 items-center", children: [
+            s ? /* @__PURE__ */ i("div", { className: "flex w-6 items-center", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
@@ -152,7 +151,7 @@ function W({
             children: /* @__PURE__ */ e(c.Track, { className: "bg-gray-950 h-full rounded-full", children: /* @__PURE__ */ e(c.Range, { className: "bg-gray-300 h-full rounded-full" }) })
           }
         ),
-        /* @__PURE__ */ e("div", { className: "mt-1 text-start text-[10px]", children: m ? `The pot has hit ${o(r == null ? void 0 : r.maximumJackpotPoolLimit, {
+        /* @__PURE__ */ e("div", { className: "mt-1 text-start text-[10px]", children: s ? `The pot has hit ${o(r == null ? void 0 : r.maximumJackpotPoolLimit, {
           currency: l.currency.code,
           compact: !0
         })} Play now for your chance to win big! 🔥` : y(
@@ -163,7 +162,7 @@ function W({
     }
   );
 }
-const y = (r, s) => (s === 0 ? 0 : r / s * 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!";
+const y = (r, m) => (m === 0 ? 0 : r / m * 100) <= 90 ? "The jackpot is heating up! Keep playing to stay in the action and watch it grow!" : "🔥 It’s about to pop! Stay in the game for your shot at the prize!";
 export {
-  W as JackpotCounterItem
+  V as JackpotCounterItem
 };

package/dist/components/PortalProvider/PortalProvider.d.ts

@@ -1,2 +1,2 @@
 import { PropsWithChildren } from 'react';
-export declare function PortalProvider({ children }: PropsWithChildren): import("react").JSX.Element;
+export declare function PortalProvider({ children }: PropsWithChildren): Promise<import("react").JSX.Element>;

package/dist/components/PortalProvider/PortalProvider.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),i=require("@tanstack/react-query"),s=require("tailwind-merge"),l=require("../../icons/AlertCircleIcon.js"),c=require("../../icons/XIcon.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");const a=require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const d=require("../../utils/toaster.js");function u({children:o}){const n=a.getQueryClient();return e.jsxs(i.QueryClientProvider,{client:n,children:[e.jsx(i.HydrationBoundary,{state:i.dehydrate(n),children:o}),e.jsx(t.Toaster,{toaster:d.toaster,children:r=>e.jsxs(t.Toast.Root,{className:"shadow-xs border-gray-300 group z-[var(--z-index)] flex h-[var(--height)] w-[860px] max-w-full scale-[var(--scale)] items-center gap-lg rounded-xl border bg-white p-xl opacity-[var(--opacity)] transition-all duration-300 [translate:var(--x)_var(--y)_0]",children:[e.jsx("div",{className:s.twMerge("flex size-9.5 items-center justify-center rounded-full border-2",r.type==="error"?"border-red-500/15":"border-green-500/15"),children:e.jsx("div",{className:s.twMerge("flex size-7 items-center justify-center rounded-full border-2",r.type==="error"?"border-red-500/35":"border-green-500/35"),children:e.jsx(l.AlertCircleIcon,{className:s.twMerge("size-5",r.type==="error"?"text-red-500":"text-green-500")})})}),e.jsxs("div",{className:"grow text-sm leading-none",children:[e.jsx(t.Toast.Title,{className:"font-semibold",children:r.title?r.title:r.type==="error"?"Error":"Success"}),e.jsx(t.Toast.Description,{className:"text-gray-700 mt-1",children:r.description?r.description:r.type==="error"?"Something went wrong.":"Operation completed successfully."})]}),e.jsx(t.Toast.CloseTrigger,{className:"text-gray-400 hover:text-gray-500 self-start",children:e.jsx(c.XIcon,{className:"size-5"})})]},r.id)})]})}exports.PortalProvider=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@tanstack/react-query"),i=require("../../server/utils/prefetchAccountQuery.js");require("@opexa/portal-sdk-core");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");const o=require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("next/headers");const n=require("../../server/utils/prefetchSessionQuery.js"),c=require("../../server/utils/prefetchWalletQuery.js"),s=require("./Providers.js");async function y({children:t}){const u=o.getQueryClient();return await Promise.all([n.prefetchSessionQuery(),i.prefetchAccountQuery(),c.prefetchWalletQuery()]),e.jsx(s.Providers,{children:e.jsx(r.HydrationBoundary,{state:r.dehydrate(u),children:t})})}exports.PortalProvider=y;

package/dist/components/PortalProvider/PortalProvider.mjs

@@ -1,65 +1,25 @@
-"use client";
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { Toaster as s, Toast as t } from "@ark-ui/react";
-import { QueryClientProvider as d, HydrationBoundary as a, dehydrate as c } from "@tanstack/react-query";
-import { twMerge as o } from "tailwind-merge";
-import { AlertCircleIcon as m } from "../../icons/AlertCircleIcon.mjs";
-import { XIcon as p } from "../../icons/XIcon.mjs";
+import { jsx as r } from "react/jsx-runtime";
+import { HydrationBoundary as e, dehydrate as i } from "@tanstack/react-query";
+import { prefetchAccountQuery as m } from "../../server/utils/prefetchAccountQuery.mjs";
+import "@opexa/portal-sdk-core";
+import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import "react";
 import "../../utils/parseDecimal.mjs";
-import "../../constants/index.mjs";
 import "../../utils/getLocaleInfo.mjs";
-import { getQueryClient as y } from "../../utils/getQueryClient.mjs";
+import { getQueryClient as p } from "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import { toaster as f } from "../../utils/toaster.mjs";
-function Q({ children: n }) {
-  const l = y();
-  return /* @__PURE__ */ i(d, { client: l, children: [
-    /* @__PURE__ */ r(a, { state: c(l), children: n }),
-    /* @__PURE__ */ r(s, { toaster: f, children: (e) => /* @__PURE__ */ i(
-      t.Root,
-      {
-        className: "shadow-xs border-gray-300 group z-[var(--z-index)] flex h-[var(--height)] w-[860px] max-w-full scale-[var(--scale)] items-center gap-lg rounded-xl border bg-white p-xl opacity-[var(--opacity)] transition-all duration-300 [translate:var(--x)_var(--y)_0]",
-        children: [
-          /* @__PURE__ */ r(
-            "div",
-            {
-              className: o(
-                "flex size-9.5 items-center justify-center rounded-full border-2",
-                e.type === "error" ? "border-red-500/15" : "border-green-500/15"
-              ),
-              children: /* @__PURE__ */ r(
-                "div",
-                {
-                  className: o(
-                    "flex size-7 items-center justify-center rounded-full border-2",
-                    e.type === "error" ? "border-red-500/35" : "border-green-500/35"
-                  ),
-                  children: /* @__PURE__ */ r(
-                    m,
-                    {
-                      className: o(
-                        "size-5",
-                        e.type === "error" ? "text-red-500" : "text-green-500"
-                      )
-                    }
-                  )
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ i("div", { className: "grow text-sm leading-none", children: [
-            /* @__PURE__ */ r(t.Title, { className: "font-semibold", children: e.title ? e.title : e.type === "error" ? "Error" : "Success" }),
-            /* @__PURE__ */ r(t.Description, { className: "text-gray-700 mt-1", children: e.description ? e.description : e.type === "error" ? "Something went wrong." : "Operation completed successfully." })
-          ] }),
-          /* @__PURE__ */ r(t.CloseTrigger, { className: "text-gray-400 hover:text-gray-500 self-start", children: /* @__PURE__ */ r(p, { className: "size-5" }) })
-        ]
-      },
-      e.id
-    ) })
-  ] });
+import "next/headers";
+import { prefetchSessionQuery as n } from "../../server/utils/prefetchSessionQuery.mjs";
+import { prefetchWalletQuery as f } from "../../server/utils/prefetchWalletQuery.mjs";
+import { Providers as a } from "./Providers.mjs";
+async function q({ children: o }) {
+  const t = p();
+  return await Promise.all([
+    n(),
+    m(),
+    f()
+  ]), /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(e, { state: i(t), children: o }) });
 }
 export {
-  Q as PortalProvider
+  q as PortalProvider
 };

package/dist/components/PortalProvider/Providers.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare function Providers({ children }: PropsWithChildren): import("react").JSX.Element;

package/dist/components/PortalProvider/Providers.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),l=require("@tanstack/react-query"),i=require("tailwind-merge");require("react");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");const o=require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const c=require("../../client/utils/toaster.js"),a=require("../../icons/AlertCircleIcon.js"),d=require("../../icons/XIcon.js");function u({children:s}){const n=o.getQueryClient();return e.jsxs(l.QueryClientProvider,{client:n,children:[s,e.jsx(t.Toaster,{toaster:c.toaster,children:r=>e.jsxs(t.Toast.Root,{className:"shadow-xs border-gray-300 group z-[var(--z-index)] flex h-[var(--height)] w-[860px] max-w-full scale-[var(--scale)] items-center gap-lg rounded-xl border bg-white p-xl opacity-[var(--opacity)] transition-all duration-300 [translate:var(--x)_var(--y)_0]",children:[e.jsx("div",{className:i.twMerge("flex size-9.5 items-center justify-center rounded-full border-2",r.type==="error"?"border-red-500/15":"border-green-500/15"),children:e.jsx("div",{className:i.twMerge("flex size-7 items-center justify-center rounded-full border-2",r.type==="error"?"border-red-500/35":"border-green-500/35"),children:e.jsx(a.AlertCircleIcon,{className:i.twMerge("size-5",r.type==="error"?"text-red-500":"text-green-500")})})}),e.jsxs("div",{className:"grow text-sm leading-none",children:[e.jsx(t.Toast.Title,{className:"font-semibold",children:r.title?r.title:r.type==="error"?"Error":"Success"}),e.jsx(t.Toast.Description,{className:"text-gray-700 mt-1",children:r.description?r.description:r.type==="error"?"Something went wrong.":"Operation completed successfully."})]}),e.jsx(t.Toast.CloseTrigger,{className:"text-gray-400 hover:text-gray-500 self-start",children:e.jsx(d.XIcon,{className:"size-5"})})]},r.id)})]})}exports.Providers=u;

package/dist/components/PortalProvider/Providers.mjs

@@ -0,0 +1,65 @@
+"use client";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { Toaster as s, Toast as i } from "@ark-ui/react";
+import { QueryClientProvider as c } from "@tanstack/react-query";
+import { twMerge as o } from "tailwind-merge";
+import "react";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import { getQueryClient as d } from "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import { toaster as m } from "../../client/utils/toaster.mjs";
+import { AlertCircleIcon as a } from "../../icons/AlertCircleIcon.mjs";
+import { XIcon as p } from "../../icons/XIcon.mjs";
+function I({ children: l }) {
+  const n = d();
+  return /* @__PURE__ */ t(c, { client: n, children: [
+    l,
+    /* @__PURE__ */ r(s, { toaster: m, children: (e) => /* @__PURE__ */ t(
+      i.Root,
+      {
+        className: "shadow-xs border-gray-300 group z-[var(--z-index)] flex h-[var(--height)] w-[860px] max-w-full scale-[var(--scale)] items-center gap-lg rounded-xl border bg-white p-xl opacity-[var(--opacity)] transition-all duration-300 [translate:var(--x)_var(--y)_0]",
+        children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: o(
+                "flex size-9.5 items-center justify-center rounded-full border-2",
+                e.type === "error" ? "border-red-500/15" : "border-green-500/15"
+              ),
+              children: /* @__PURE__ */ r(
+                "div",
+                {
+                  className: o(
+                    "flex size-7 items-center justify-center rounded-full border-2",
+                    e.type === "error" ? "border-red-500/35" : "border-green-500/35"
+                  ),
+                  children: /* @__PURE__ */ r(
+                    a,
+                    {
+                      className: o(
+                        "size-5",
+                        e.type === "error" ? "text-red-500" : "text-green-500"
+                      )
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "grow text-sm leading-none", children: [
+            /* @__PURE__ */ r(i.Title, { className: "font-semibold", children: e.title ? e.title : e.type === "error" ? "Error" : "Success" }),
+            /* @__PURE__ */ r(i.Description, { className: "text-gray-700 mt-1", children: e.description ? e.description : e.type === "error" ? "Something went wrong." : "Operation completed successfully." })
+          ] }),
+          /* @__PURE__ */ r(i.CloseTrigger, { className: "text-gray-400 hover:text-gray-500 self-start", children: /* @__PURE__ */ r(p, { className: "size-5" }) })
+        ]
+      },
+      e.id
+    ) })
+  ] });
+}
+export {
+  I as Providers
+};

package/dist/components/Promo/PromoContent.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const u=require("../../hooks/usePromoQuery.js");function o(i){const r=u.usePromoQuery(i.id);return r.isLoading?e.jsx("p",{children:"Loading..."}):r.isError?e.jsxs("p",{children:["Error: ",r.error.message]}):r.data?e.jsxs("div",{children:[e.jsx("h1",{children:r.data.name}),e.jsx("p",{children:r.data.description})]}):e.jsx("p",{children:"No promo data found."})}exports.PromoContent=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");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("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const u=require("../../client/hooks/usePromoQuery.js");function o(i){const r=u.usePromoQuery(i.id);return r.isLoading?e.jsx("p",{children:"Loading..."}):r.isError?e.jsxs("p",{children:["Error: ",r.error.message]}):r.data?e.jsxs("div",{children:[e.jsx("h1",{children:r.data.name}),e.jsx("p",{children:r.data.description})]}):e.jsx("p",{children:"No promo data found."})}exports.PromoContent=o;

package/dist/components/Promo/PromoContent.mjs

@@ -5,19 +5,18 @@ import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import "react";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import "../../utils/toaster.mjs";
+import "react";
 import "lodash-es";
-import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
-import "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
+import "@opexa/portal-sdk-core/object-id";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { usePromoQuery as m } from "../../hooks/usePromoQuery.mjs";
-function Q(t) {
+import { usePromoQuery as m } from "../../client/hooks/usePromoQuery.mjs";
+function P(t) {
   const r = m(t.id);
   return r.isLoading ? /* @__PURE__ */ o("p", { children: "Loading..." }) : r.isError ? /* @__PURE__ */ i("p", { children: [
     "Error: ",
@@ -28,5 +27,5 @@ function Q(t) {
   ] }) : /* @__PURE__ */ o("p", { children: "No promo data found." });
 }
 export {
-  Q as PromoContent
+  P as PromoContent
 };

package/dist/components/Promos/PromoCarousel.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("embla-carousel-react"),g=require("next/link"),i=require("react"),N=require("tailwind-merge");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("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const f=require("../../hooks/usePromosQuery.js"),v=require("../../icons/ArrowLeftIcon.js"),j=require("../../icons/ArrowRightIcon.js"),S=require("../../icons/ChevronRightIcon.js"),y=require("../../icons/Gift01Icon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const n=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("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const P=require("../Empty/Empty.js"),w=require("./PromoItem.js");function C(o){const l=f.usePromosQuery({}).data||[],[c,r]=x({align:"start",slidesToScroll:1,breakpoints:{"(min-width: 1024px)":{slidesToScroll:3}}}),[u,a]=i.useState(!0),[d,q]=i.useState(!0),m=i.useCallback(()=>r==null?void 0:r.scrollPrev(),[r]),h=i.useCallback(async()=>{r==null||r.scrollNext()},[r]),t=i.useCallback(s=>{a(!(s!=null&&s.canScrollPrev())),q(!(s!=null&&s.canScrollNext()))},[]);return i.useEffect(()=>{r&&(t(r),r.on("reInit",t).on("select",t))},[r,t]),e.jsxs("div",{className:o.className,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("h2",{className:"text-lg font-semibold",children:o.heading}),e.jsx("div",{className:"grow"}),e.jsxs("div",{className:"flex items-center justify-center gap-xl",children:[e.jsxs(g,{href:o.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",e.jsx(S.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxs("div",{className:"hidden lg:flex",children:[e.jsx(n.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",onClick:m,disabled:u,"aria-label":"Previous",children:e.jsx(v.ArrowLeftIcon,{className:"size-5"})}),e.jsx(n.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",onClick:h,disabled:d,"aria-label":"Next",children:e.jsx(j.ArrowRightIcon,{className:"size-5"})})]})]})]}),l.length<=0&&e.jsx(P.Empty,{icon:y.Gift01Icon,title:"No Promos",message:"No promo is currently available.",className:"mt-lg"}),l.length>=1&&e.jsx("div",{ref:c,className:"relative mt-lg lg:overflow-hidden",children:e.jsx("div",{className:N.twMerge("grid auto-cols-[calc((100%-(0.375rem*2))/1)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/3)] lg:gap-md"),children:l.map(s=>e.jsx(w.PromosItem,{promo:s,shouldShowDescription:o.shouldShowDescription},s.id))})})]})}exports.PromoCarousel=C;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("embla-carousel-react"),g=require("next/link"),o=require("react"),N=require("tailwind-merge");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 f=require("../../client/hooks/usePromosQuery.js"),v=require("../../icons/ArrowLeftIcon.js"),j=require("../../icons/ArrowRightIcon.js"),S=require("../../icons/ChevronRightIcon.js"),y=require("../../icons/Gift01Icon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const n=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("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const P=require("../Empty/Empty.js"),w=require("./PromoItem.js");function C(i){const l=f.usePromosQuery({}).data||[],[c,r]=x({align:"start",slidesToScroll:1,breakpoints:{"(min-width: 1024px)":{slidesToScroll:3}}}),[u,a]=o.useState(!0),[d,q]=o.useState(!0),m=o.useCallback(()=>r==null?void 0:r.scrollPrev(),[r]),h=o.useCallback(async()=>{r==null||r.scrollNext()},[r]),t=o.useCallback(s=>{a(!(s!=null&&s.canScrollPrev())),q(!(s!=null&&s.canScrollNext()))},[]);return o.useEffect(()=>{r&&(t(r),r.on("reInit",t).on("select",t))},[r,t]),e.jsxs("div",{className:i.className,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("h2",{className:"text-lg font-semibold",children:i.heading}),e.jsx("div",{className:"grow"}),e.jsxs("div",{className:"flex items-center justify-center gap-xl",children:[e.jsxs(g,{href:i.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",e.jsx(S.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxs("div",{className:"hidden lg:flex",children:[e.jsx(n.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",onClick:m,disabled:u,"aria-label":"Previous",children:e.jsx(v.ArrowLeftIcon,{className:"size-5"})}),e.jsx(n.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",onClick:h,disabled:d,"aria-label":"Next",children:e.jsx(j.ArrowRightIcon,{className:"size-5"})})]})]})]}),l.length<=0&&e.jsx(P.Empty,{icon:y.Gift01Icon,title:"No Promos",message:"No promo is currently available.",className:"mt-lg"}),l.length>=1&&e.jsx("div",{ref:c,className:"relative mt-lg lg:overflow-hidden",children:e.jsx("div",{className:N.twMerge("grid auto-cols-[calc((100%-(0.375rem*2))/1)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/3)] lg:gap-md"),children:l.map(s=>e.jsx(w.PromosItem,{promo:s,shouldShowDescription:i.shouldShowDescription},s.id))})})]})}exports.PromoCarousel=C;