@opexa/portal-components 0.0.17 → 0.0.19

package/dist/components/InfiniteScroll.mjs

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { Fragment as a } from "react";
+import { useBoolean as u, useDebounceCallback as f, useIntersectionObserver as m } from "usehooks-ts";
+function b(e) {
+  const { value: o, setValue: l } = u(!1), t = e.loader ?? null, n = e.hasMore ?? !1, s = f(async () => {
+    o || n && (l(!0), await e.loadMore(), l(!1));
+  }, 300), [i] = m({
+    onChange(c) {
+      c && s();
+    }
+  });
+  return /* @__PURE__ */ d(a, { children: [
+    e.children,
+    /* @__PURE__ */ r(
+      "div",
+      {
+        ref: i,
+        role: "presentation",
+        style: e.style,
+        className: e.className,
+        hidden: !n,
+        children: !!n && /* @__PURE__ */ r(a, { children: t })
+      }
+    )
+  ] });
+}
+export {
+  b as InfiniteScroll
+};

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

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

package/dist/components/JackpotCounter/JackpotCounter.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 n=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 k=require("./JackpotCounterItem.js");function C(l){var a;const[u,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 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(t=>t.node))??[];return c.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??"Jackpots"}),e.jsxs("div",{className:"flex items-center md:gap-3xl",children:[e.jsxs(v,{href:l.viewAllUrl??"/jackpots",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(n.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(n.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:u,children:e.jsx("div",{className:"flex gap-2.5",children:c.map(t=>e.jsx(k.JackpotCounterItem,{jackpot:t,className:"w-full",viewAllUrl:l.viewAllUrl},t.id))})})]})}exports.JackpotCounter__client=C;

package/dist/components/JackpotCounter/JackpotCounter.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 c, 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 k } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as C } from "../../icons/ArrowRightIcon.mjs";
+import { ChevronRightIcon as w } from "../../icons/ChevronRightIcon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as n } 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 { JackpotCounterItem as y } from "./JackpotCounterItem.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] = c(!1), [h, v] = c(!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 ?? "Jackpots" }),
+      /* @__PURE__ */ t("div", { className: "flex items-center md:gap-3xl", children: [
+        /* @__PURE__ */ t(
+          g,
+          {
+            href: o.viewAllUrl ?? "/jackpots",
+            className: "text-button-tertiary-fg flex gap-sm text-sm font-semibold",
+            children: [
+              "See All",
+              /* @__PURE__ */ r(w, { className: "size-5 lg:hidden" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "hidden lg:flex", children: [
+          /* @__PURE__ */ r(
+            n,
+            {
+              disabled: !u,
+              onClick: d,
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-r-none border-r-0",
+              "aria-label": "Previous",
+              children: /* @__PURE__ */ r(k, { className: "size-5" })
+            }
+          ),
+          /* @__PURE__ */ t(
+            n,
+            {
+              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(C, { 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(
+      y,
+      {
+        jackpot: i,
+        className: "w-full",
+        viewAllUrl: o.viewAllUrl
+      },
+      i.id
+    )) }) })
+  ] });
+}
+export {
+  Se as JackpotCounter__client
+};

package/dist/components/JackpotCounter/JackpotCounter.d.ts

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

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("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;
+"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("./JackpotCounter.client.js");async function i(e){return await t.prefetchJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}),r.jsx(u.JackpotCounter__client,{...e})}exports.JackpotCounter=i;

package/dist/components/JackpotCounter/JackpotCounter.mjs

@@ -1,63 +1,18 @@
-"use client";
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import v from "embla-carousel-react";
-import x from "next/link";
-import { useCallback as m, useState as c, 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 { 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";
-import { ChevronRightIcon as w } from "../../icons/ChevronRightIcon.mjs";
-import "../../ui/AlertDialog/AlertDialog.mjs";
-import "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.mjs";
-import { Button as n } 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 { JackpotCounterItem as y } from "./JackpotCounterItem.mjs";
-function Ne(i) {
-  var a;
-  const [p, e] = v({
-    align: "start",
-    slidesToScroll: 1
-  }), d = m(() => {
-    e && e.scrollPrev();
-  }, [e]), f = m(() => {
-    e && e.scrollNext();
-  }, [e]), [u, h] = c(!1), [N, g] = c(!1), t = m(() => {
-    e && (h(e.canScrollPrev()), g(e.canScrollNext()));
-  }, [e]);
-  S(() => {
-    e && (t(), e.on("select", t), e.on("reInit", t));
-  }, [e, t]);
-  const s = ((a = b({
+import "../../server/services/getSession.mjs";
+import "date-fns";
+import "next/headers";
+import { prefetchJackpotsQuery as o } from "../../server/utils/prefetchJackpotsQuery.mjs";
+import { JackpotCounter__client as i } from "./JackpotCounter.client.mjs";
+async function J(r) {
+  return await o({
     first: 100,
     filter: {
       status: {
@@ -71,63 +26,8 @@ function Ne(i) {
       cursor: "POOL",
       order: "DESC"
     }
-  }).data) == null ? void 0 : a.pages[0].edges.map((l) => l.node)) ?? [];
-  return s.length <= 0 ? null : /* @__PURE__ */ o("div", { className: i.className, children: [
-    /* @__PURE__ */ o("div", { className: "flex items-center justify-between", 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(
-          x,
-          {
-            href: i.seeAllUrl,
-            className: "flex gap-sm text-sm font-semibold",
-            children: [
-              "See All",
-              /* @__PURE__ */ r(w, { className: "size-5 lg:hidden" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o("div", { className: "hidden lg:flex", children: [
-          /* @__PURE__ */ r(
-            n,
-            {
-              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__ */ o(
-            n,
-            {
-              disabled: !N,
-              onClick: f,
-              variant: "outline",
-              colorScheme: "gray",
-              className: "rounded-l-none",
-              "aria-label": "Next",
-              children: [
-                /* @__PURE__ */ r("span", { className: "sr-only", children: "Next" }),
-                /* @__PURE__ */ r(k, { 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((l) => /* @__PURE__ */ r(
-      y,
-      {
-        jackpot: l,
-        className: s.length < 2 ? "w-full" : "w-full lg:w-[calc((100%-0.75rem)/2)]"
-      },
-      l.id
-    )) }) })
-  ] });
+  }), /* @__PURE__ */ t(i, { ...r });
 }
 export {
-  Ne as JackpotCounter
+  J as JackpotCounter
 };

package/dist/components/JackpotCounter/JackpotCounterItem.d.ts

@@ -2,5 +2,8 @@ import { Jackpot } from '@opexa/portal-sdk-core';
 export interface JackpotCounterCardProps {
     jackpot: Jackpot;
     className?: string;
+    /** @default "/jackpots" */
+    viewAllUrl?: string;
 }
-export declare function JackpotCounterItem({ jackpot, className, }: JackpotCounterCardProps): import("react").JSX.Element;
+export declare function JackpotCounterItem({ jackpot, className, viewAllUrl, }: JackpotCounterCardProps): import("react").JSX.Element;
+export declare function maskName(name: string): string;

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");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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("@ark-ui/react"),g=require("next/image"),P=require("next/link"),j=require("react"),s=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const c=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("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const I=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const z=require("../../client/hooks/useJackpotPayoutsQuery.js"),M=require("../../icons/ArrowNarrowUpRightIcon.js"),h=require("../../icons/ChevronLeftIcon.js"),d=require("../../icons/ChevronRightIcon.js"),v=require("../../icons/StarIcon.js"),w=require("../../icons/Trophy01Icon.js"),L=require("../../images/close-chest.png.js"),J=require("../../images/first-place.png.js"),R=require("../../images/leaderboard.png.js"),T=require("../../images/open-chest.png.js"),a=require("./JackpotCounterItem.module.css.js");function A({jackpot:r,className:i,viewAllUrl:m}){var p;const u=((p=z.useJackpotPayoutsQuery({first:30,filter:{jackpot:{equal:r.id}},sort:{cursor:"AMOUNT",order:"DESC"}}).data)==null?void 0:p.pages[0].edges.map(o=>o.node))??[],x=u[0]??[],n=I.useLocaleInfo(),l=r.drawing,q=l?r.maximumJackpotPoolLimit:r.pool,N=j.useCallback(({index:o})=>{const t=l?h.ChevronLeftIcon:d.ChevronRightIcon;return e.jsx(t,{className:s.twMerge("scale-400 lg:scale-250 text-brand-300 min-w-2.5 lg:min-w-4",l?a.default["animate-wave-color-error"]:a.default["animate-wave-color-success"]),style:{animationDelay:l?`${(40-o-1)*.1}s`:`${o*.1}s`}})},[l]),C=j.useMemo(()=>Array.from({length:40},(o,t)=>e.jsx(N,{isFirst:t===0,index:t},t)),[N]);return e.jsxs("div",{className:s.twMerge("bg-bg-tertiary border-border-primary relative flex shrink-0 rounded-2xl border p-3 text-center lg:gap-4 lg:p-5",i),children:[e.jsxs("div",{className:"z-1 relative flex flex-1 flex-col",children:[e.jsx("div",{className:"flex h-full flex-col justify-between",children:e.jsx("div",{className:"flex w-full justify-between",children:e.jsxs("div",{className:"flex w-full flex-col",children:[e.jsxs("div",{className:"relative flex w-full justify-between",children:[e.jsxs("div",{children:[l?e.jsxs("div",{className:"border-utility-success-200 bg-utility-success-50 text-utility-success-700 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx("span",{className:"full bg-utility-success-500 size-1.5 animate-pulse rounded"}),"Paying Out"]}):e.jsxs("div",{className:"border-utility-blue-200 bg-utility-blue-50 text-utility-blue-700 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx(M.ArrowNarrowUpRightIcon,{className:"text-utility-blue-500 size-3.5"}),"Accumulating"]}),e.jsx("div",{className:"text-text-primary-900 mt-1 text-left text-lg font-medium lg:mt-5 lg:text-2xl",children:r.name}),e.jsx("div",{className:"bg-bg-primary text-brand-400 mt-1.5 w-fit rounded-md px-2 py-1 text-2xl font-bold lg:mt-2 lg:text-4xl",children:c.formatNumber(q,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"z-1 bottom-[-60] right-0 lg:absolute",children:e.jsx(g,{width:150,height:150,src:l?T:L,alt:"closeChest",quality:100,className:"h-25 w-25 lg:h-37.5 lg:w-37.5 size-full p-2"})})]}),x.amount?e.jsx("div",{children:e.jsxs("div",{className:"bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex",children:[e.jsx("div",{className:"border-yellow-400 relative h-18 w-18 rounded-full border",children:e.jsx("div",{className:"bg-yellow-400 text-brand-950 border-bg-primary absolute bottom-0 right-0 flex h-6 w-6 items-center justify-center rounded-full border-[1.5px] text-xs font-bold",children:"1st"})}),e.jsxs("div",{className:"flex flex-col gap-1 text-left",children:[e.jsxs("div",{className:"border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-sm border px-2 py-0.5 text-xs font-medium",children:[e.jsx(w.Trophy01Icon,{className:"text-utility-brand-600 size-3.5"}),"Top Payout"]}),e.jsx("div",{className:"font-semibold",children:y(x.member.name)}),e.jsx("div",{className:"text-brand-400 text-2xl",children:c.formatNumber(x.amount,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]})]})}):e.jsxs("div",{className:"bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex",children:[e.jsx(g,{width:66,height:87,src:J,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(w.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:"mt-3 lg:mt-4",children:[e.jsxs("div",{className:"mb-1 flex justify-between",children:[e.jsx("div",{className:"text-text-primary-900 text-xs font-semibold",children:c.formatNumber(0,{currency:n.currency.code,compact:!0})}),e.jsxs("div",{className:"relative flex items-center justify-end gap-1.5",children:[l?e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",a.default["animate-arrow-red-flash-1"]),children:e.jsx(h.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",a.default["animate-arrow-red-flash-2"]),children:e.jsx(h.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",a.default["animate-arrow-red-flash-3"]),children:e.jsx(h.ChevronLeftIcon,{className:"size-4.5"})})]}):e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",a.default["animate-arrow-green-flash-1"]),children:e.jsx(d.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",a.default["animate-arrow-green-flash-2"]),children:e.jsx(d.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",a.default["animate-arrow-green-flash-3"]),children:e.jsx(d.ChevronRightIcon,{className:"size-4.5"})})]}),e.jsx("div",{className:"text-text-primary-900 text-xs font-semibold",children:c.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:n.currency.code,compact:!0})})]})]}),e.jsx(f.Progress.Root,{className:"bg-bg-primary h-2 w-full rounded-full lg:h-4",max:100,value:S(Number(r.pool),Number(r.maximumJackpotPoolLimit)),children:e.jsx(f.Progress.Track,{className:"bg-bg-primary h-full overflow-hidden rounded-full",children:e.jsx(f.Progress.Range,{className:"bg-brand-500 relative h-full overflow-hidden rounded-full pl-1.5",children:e.jsx("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5","aria-hidden":"true",children:C})})})}),e.jsx("div",{className:"mt-1 block text-start text-2xs lg:hidden",children:l?`The pot has hit ${c.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:n.currency.code,compact:!0})} Play now for your chance to win big! 🔥`:D(Number(r==null?void 0:r.pool)??0,Number(r==null?void 0:r.maximumJackpotPoolLimit)??0)})]})]}),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 gap-2",children:[e.jsx(g,{width:24,height:24,src:R,quality:100,alt:"leaderboardIcon",className:"size-full h-auto w-6"}),e.jsx("div",{className:"text-text-primary-900 text-lg font-semibold",children:u.length?"Leaderboard":"Starting soon!"})]}),e.jsxs(P,{className:"text-button-tertiary-fg flex text-sm font-semibold",href:m??"/jackpots",children:["See details",e.jsx(d.ChevronRightIcon,{className:"size-5"})]})]}),e.jsx("div",{className:s.twMerge("max-h-[272px] overflow-y-scroll",a.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:u.length?e.jsx(e.Fragment,{children:u.map((o,t)=>e.jsxs("tr",{className:"bg-bg-primary text-text-secondary-700 text-sm",children:[e.jsx("td",{className:"border-border-secondary h-12 w-[52px] border-t-2",children:t+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(v.StarIcon,{className:s.twMerge("mx-auto size-6.5",b[t].starColor)}),e.jsx("span",{className:s.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",b[t].numberColor),children:t+1})]}):t+1}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:y(o.member.name)}),e.jsxs("td",{className:"border-border-secondary h-12 border-t-2",children:[o.multiplier,"x"]}),e.jsx("td",{className:"border-border-secondary text-brand-400 h-12 border-t-2",children:c.formatNumber(x.amount,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]},t))}):e.jsx(e.Fragment,{children:Array.from({length:10}).map((o,t)=>e.jsxs("tr",{className:"bg-bg-primary text-text-secondary-700 text-sm",children:[e.jsx("td",{className:"border-border-secondary h-12 w-[52px] border-t-2",children:t+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(v.StarIcon,{className:s.twMerge("mx-auto size-6.5",b[t].starColor)}),e.jsx("span",{className:s.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",b[t].numberColor),children:t+1})]}):t+1}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"})]},t))})})]})})})]}),l&&e.jsx("div",{className:s.twMerge(a.default["light-rays"],"absolute right-0 top-0 rounded-2xl [--light-rays-top:25%] lg:[--light-rays-top:150px]")})]})}function y(r){if(r.length<=7)return"*".repeat(r.length);const i=r.slice(0,3),m="*".repeat(7);return i+m}const S=(r,i)=>i===0?0:r/i*100,D=(r,i)=>(i===0?0:r/i*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!",b=[{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.JackpotCounterItem=A;exports.maskName=y;