@opexa/portal-components 0.0.17 → 0.0.18

package/dist/components/JackpotCounter/JackpotCounterItem.mjs

@@ -1,168 +1,326 @@
 "use client";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Progress as c } from "@ark-ui/react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Progress as h } from "@ark-ui/react";
 import f from "next/image";
-import { twMerge as t } from "tailwind-merge";
+import N from "next/link";
+import { useCallback as v, useMemo as w } from "react";
+import { twMerge as l } from "tailwind-merge";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import { formatNumber as o } from "../../utils/formatNumber.mjs";
+import { formatNumber as n } from "../../utils/formatNumber.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
-import "react";
 import "lodash-es";
 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 { useLocaleInfo as C } from "../../client/hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
-import { ArrowNarrowUpRightIcon as g } from "../../icons/ArrowNarrowUpRightIcon.mjs";
-import { ChevronLeftIcon as n } from "../../icons/ChevronLeftIcon.mjs";
-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 V({
+import { ArrowNarrowUpRightIcon as z } from "../../icons/ArrowNarrowUpRightIcon.mjs";
+import { ChevronLeftIcon as d } from "../../icons/ChevronLeftIcon.mjs";
+import { ChevronRightIcon as m } from "../../icons/ChevronRightIcon.mjs";
+import { Trophy01Icon as P } from "../../icons/Trophy01Icon.mjs";
+import { StarIcon as I } from "../../icons/StarIcon.mjs";
+import A from "../../images/close-chest.png.mjs";
+import L from "../../images/first-place.png.mjs";
+import J from "../../images/leaderboard.png.mjs";
+import T from "../../images/open-chest.png.mjs";
+import s from "./JackpotCounterItem.module.css.mjs";
+function ue({
   jackpot: r,
-  className: m
+  className: o,
+  viewAllUrl: x
 }) {
-  const l = h(), s = r.drawing, u = s ? r.maximumJackpotPoolLimit : r.pool;
-  return /* @__PURE__ */ i(
+  const c = C(), i = r.drawing, p = i ? r.maximumJackpotPoolLimit : r.pool, b = v(
+    ({ isFirst: u }) => /* @__PURE__ */ e(
+      i ? d : m,
+      {
+        className: l(
+          "scale-400 lg:scale-250 min-w-2.5 lg:min-w-4",
+          u ? i ? "text-error-600" : "text-success-800" : "text-brand-300"
+        )
+      }
+    ),
+    [i]
+  ), y = w(
+    () => Array.from({ length: 40 }, (u, a) => /* @__PURE__ */ e(b, { isFirst: a === 0 }, a)),
+    [b]
+  );
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: t(
-        "bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",
-        m
+      className: l(
+        "bg-bg-tertiary border-border-primary relative flex shrink-0 rounded-2xl border p-3 text-center lg:gap-4 lg:p-5",
+        o
       ),
       children: [
-        /* @__PURE__ */ i("div", { className: "flex w-full justify-between", children: [
-          /* @__PURE__ */ i("div", { className: "flex flex-col gap-1", 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: [
-              /* @__PURE__ */ e(g, { className: "size-3.5" }),
-              "Accumulating"
-            ] }),
-            /* @__PURE__ */ e("div", { className: "text-left text-lg font-medium", children: r.name }),
-            /* @__PURE__ */ e("div", { className: "bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold", children: o(u, {
-              currency: l.currency.code,
-              minDecimalPlaces: 2,
-              maxDecimalPlaces: 2
-            }) })
-          ] }),
-          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-            f,
-            {
-              width: 100,
-              height: 100,
-              src: s ? x : p,
-              alt: "closeChest",
-              quality: 100,
-              className: "h-25 w-25 size-full"
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ i("div", { className: "flex justify-between", children: [
-          /* @__PURE__ */ e("div", { className: "text-xs font-medium", children: o(0, {
-            currency: l.currency.code,
-            compact: !0
-          }) }),
-          /* @__PURE__ */ i("div", { className: "relative flex items-center justify-end gap-1.5", children: [
-            s ? /* @__PURE__ */ i("div", { className: "flex w-6 items-center", children: [
-              /* @__PURE__ */ e(
-                "div",
+        /* @__PURE__ */ t("div", { className: "z-1 relative flex flex-1 flex-col", children: [
+          /* @__PURE__ */ e("div", { className: "flex h-full flex-col justify-between", children: /* @__PURE__ */ e("div", { className: "flex w-full justify-between", children: /* @__PURE__ */ t("div", { className: "flex w-full flex-col", children: [
+            /* @__PURE__ */ t("div", { className: "relative flex w-full justify-between", children: [
+              /* @__PURE__ */ t("div", { children: [
+                i ? /* @__PURE__ */ t("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: [
+                  /* @__PURE__ */ e("span", { className: "full bg-utility-success-500 size-1.5 animate-pulse rounded" }),
+                  "Paying Out"
+                ] }) : /* @__PURE__ */ t("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: [
+                  /* @__PURE__ */ e(z, { className: "text-utility-blue-500 size-3.5" }),
+                  "Accumulating"
+                ] }),
+                /* @__PURE__ */ e("div", { className: "text-text-primary-900 mt-1 text-left text-lg font-medium lg:mt-5 lg:text-2xl", children: r.name }),
+                /* @__PURE__ */ e("div", { className: "bg-bg-primary text-brand-400 mt-1.5 w-fit rounded-md px-2 py-1 text-2xl font-bold lg:mt-2 lg:text-4xl", children: n(p, {
+                  currency: c.currency.code,
+                  minDecimalPlaces: 2,
+                  maxDecimalPlaces: 2
+                }) })
+              ] }),
+              /* @__PURE__ */ e("div", { className: "z-1 bottom-[-60] right-0 block lg:absolute", children: /* @__PURE__ */ e(
+                f,
                 {
-                  className: t(
-                    "absolute left-0",
-                    a["animate-arrow-red-flash-1"]
-                  ),
-                  children: /* @__PURE__ */ e(n, { className: "size-4.5" })
+                  width: 150,
+                  height: 150,
+                  src: i ? T : A,
+                  alt: "closeChest",
+                  quality: 100,
+                  className: "h-25 w-25 lg:h-37.5 lg:w-37.5 size-full p-2"
                 }
-              ),
+              ) })
+            ] }),
+            /* @__PURE__ */ t("div", { className: "bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex", children: [
               /* @__PURE__ */ e(
-                "div",
+                f,
                 {
-                  className: t(
-                    "absolute left-1.5",
-                    a["animate-arrow-red-flash-2"]
-                  ),
-                  children: /* @__PURE__ */ e(n, { className: "size-4.5" })
+                  width: 66,
+                  height: 87,
+                  src: L,
+                  alt: "closeChest",
+                  className: "size-full h-auto w-[66px] mix-blend-luminosity"
                 }
               ),
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  className: t(
-                    "absolute left-3",
-                    a["animate-arrow-red-flash-3"]
+              /* @__PURE__ */ t("div", { className: "flex flex-col gap-1 text-left", children: [
+                /* @__PURE__ */ t("div", { className: "border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-sm border px-2 py-0.5 text-xs font-medium", children: [
+                  /* @__PURE__ */ e(P, { className: "text-utility-brand-600 size-3.5" }),
+                  "Top Payout"
+                ] }),
+                /* @__PURE__ */ e("div", { className: "font-semibold", children: "No winners yet" }),
+                /* @__PURE__ */ e("div", { className: "text-text-secondary-700 text-xs", children: "You could be the first to win the tournament!" })
+              ] })
+            ] })
+          ] }) }) }),
+          /* @__PURE__ */ t("div", { className: "mt-3 lg:mt-4", children: [
+            /* @__PURE__ */ t("div", { className: "mb-1 flex justify-between", children: [
+              /* @__PURE__ */ e("div", { className: "text-text-primary-900 text-xs font-semibold", children: n(0, {
+                currency: c.currency.code,
+                compact: !0
+              }) }),
+              /* @__PURE__ */ t("div", { className: "relative flex items-center justify-end gap-1.5", children: [
+                i ? /* @__PURE__ */ t("div", { className: "flex w-6 items-center", children: [
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: l(
+                        "absolute left-0",
+                        s["animate-arrow-red-flash-1"]
+                      ),
+                      children: /* @__PURE__ */ e(d, { className: "size-4.5" })
+                    }
                   ),
-                  children: /* @__PURE__ */ e(n, { className: "size-4.5" })
-                }
-              )
-            ] }) : /* @__PURE__ */ i("div", { className: "flex w-6 items-center", children: [
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  className: t(
-                    "absolute left-0",
-                    a["animate-arrow-green-flash-1"]
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: l(
+                        "absolute left-1.5",
+                        s["animate-arrow-red-flash-2"]
+                      ),
+                      children: /* @__PURE__ */ e(d, { className: "size-4.5" })
+                    }
                   ),
-                  children: /* @__PURE__ */ e(d, { className: "size-4.5" })
-                }
-              ),
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  className: t(
-                    "absolute left-1.5",
-                    a["animate-arrow-green-flash-2"]
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: l(
+                        "absolute left-3",
+                        s["animate-arrow-red-flash-3"]
+                      ),
+                      children: /* @__PURE__ */ e(d, { className: "size-4.5" })
+                    }
+                  )
+                ] }) : /* @__PURE__ */ t("div", { className: "flex w-6 items-center", children: [
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: l(
+                        "absolute left-0",
+                        s["animate-arrow-green-flash-1"]
+                      ),
+                      children: /* @__PURE__ */ e(m, { className: "size-4.5" })
+                    }
                   ),
-                  children: /* @__PURE__ */ e(d, { className: "size-4.5" })
-                }
-              ),
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: l(
+                        "absolute left-1.5",
+                        s["animate-arrow-green-flash-2"]
+                      ),
+                      children: /* @__PURE__ */ e(m, { className: "size-4.5" })
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: l(
+                        "absolute left-3",
+                        s["animate-arrow-green-flash-3"]
+                      ),
+                      children: /* @__PURE__ */ e(m, { className: "size-4.5" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e("div", { className: "text-text-primary-900 text-xs font-semibold", children: n(r == null ? void 0 : r.maximumJackpotPoolLimit, {
+                  currency: c.currency.code,
+                  compact: !0
+                }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ e(
+              h.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: /* @__PURE__ */ e(h.Track, { className: "bg-bg-primary h-full overflow-hidden rounded-full", children: /* @__PURE__ */ e(h.Range, { className: "bg-brand-500 relative h-full overflow-hidden rounded-full pl-1.5", children: /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5",
+                    "aria-hidden": "true",
+                    children: y
+                  }
+                ) }) })
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: "mt-1 block text-start text-2xs lg:hidden", children: i ? `The pot has hit ${n(
+              r == null ? void 0 : r.maximumJackpotPoolLimit,
+              {
+                currency: c.currency.code,
+                compact: !0
+              }
+            )} Play now for your chance to win big! 🔥` : q(
+              Number(r == null ? void 0 : r.pool) ?? 0,
+              Number(r == null ? void 0 : r.maximumJackpotPoolLimit) ?? 0
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "z-1 hidden flex-1 space-y-4 lg:block", children: [
+          /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ t("div", { className: "flex gap-2", children: [
               /* @__PURE__ */ e(
-                "div",
+                f,
                 {
-                  className: t(
-                    "absolute left-3",
-                    a["animate-arrow-green-flash-3"]
-                  ),
-                  children: /* @__PURE__ */ e(d, { className: "size-4.5" })
+                  width: 24,
+                  height: 24,
+                  src: J,
+                  quality: 100,
+                  alt: "leaderboardIcon",
+                  className: "size-full h-auto w-6"
                 }
-              )
+              ),
+              /* @__PURE__ */ e("div", { className: "text-text-primary-900 text-lg font-semibold", children: "Starting soon!" })
             ] }),
-            /* @__PURE__ */ e("div", { className: "text-xs font-medium", children: o(r == null ? void 0 : r.maximumJackpotPoolLimit, {
-              currency: l.currency.code,
-              compact: !0
-            }) })
-          ] })
+            /* @__PURE__ */ t(
+              N,
+              {
+                className: "text-button-tertiary-fg flex text-sm font-semibold",
+                href: x ?? "/jackpots",
+                children: [
+                  "See details",
+                  /* @__PURE__ */ e(m, { className: "size-5" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: l(
+                "max-h-[272px] overflow-y-scroll",
+                s.scrollArea
+              ),
+              children: /* @__PURE__ */ e("div", { className: "border-gray-200 overflow-hidden rounded-xl", children: /* @__PURE__ */ t("table", { className: "w-full", children: [
+                /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { className: "bg-bg-secondary text-text-tertiary-600 h-8 text-xs font-medium", children: [
+                  /* @__PURE__ */ e("th", { className: "w-[52px]", children: "#" }),
+                  /* @__PURE__ */ e("th", { children: "Player" }),
+                  /* @__PURE__ */ e("th", { children: "Multiplier" }),
+                  /* @__PURE__ */ e("th", { children: "Prize" })
+                ] }) }),
+                /* @__PURE__ */ e("tbody", { children: Array.from({ length: 10 }).map((u, a) => /* @__PURE__ */ t("tr", { className: "bg-bg-primary text-sm text-text-secondary-700", children: [
+                  /* @__PURE__ */ e("td", { className: "border-border-secondary h-12 w-[52px] border-t-2", children: a + 1 < 6 ? /* @__PURE__ */ t("div", { className: "relative", children: [
+                    /* @__PURE__ */ e(
+                      I,
+                      {
+                        className: l(
+                          "mx-auto size-6.5",
+                          g[a].starColor
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: l(
+                          "absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",
+                          g[a].numberColor
+                        ),
+                        children: a + 1
+                      }
+                    )
+                  ] }) : "-" }),
+                  /* @__PURE__ */ e("td", { className: "border-border-secondary h-12 border-t-2", children: "-" }),
+                  /* @__PURE__ */ e("td", { className: "border-border-secondary h-12 border-t-2", children: "-" }),
+                  /* @__PURE__ */ e("td", { className: "border-border-secondary h-12 border-t-2", children: "-" })
+                ] }, a)) })
+              ] }) })
+            }
+          )
         ] }),
-        /* @__PURE__ */ e(
-          c.Root,
+        i && /* @__PURE__ */ e(
+          "div",
           {
-            className: "bg-gray-200 h-2 w-full rounded-full",
-            max: 100,
-            value: 33,
-            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" }) })
+            className: l(s["light-rays"], "absolute right-0 top-0 rounded-2xl")
           }
-        ),
-        /* @__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(
-          Number(r == null ? void 0 : r.pool) ?? 0,
-          Number(r == null ? void 0 : r.maximumJackpotPoolLimit) ?? 0
-        ) })
+        )
       ]
     }
   );
 }
-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!";
+const S = (r, o) => o === 0 ? 0 : r / o * 100, q = (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!", g = [
+  {
+    starColor: "text-yellow-400",
+    numberColor: "text-bg-primary"
+  },
+  {
+    starColor: "text-utility-gray-700",
+    numberColor: "text-bg-primary"
+  },
+  {
+    starColor: "text-yellow-700",
+    numberColor: "text-bg-primary"
+  },
+  {
+    starColor: "text-bg-quaternary",
+    numberColor: "text-text-primary-900"
+  },
+  {
+    starColor: "text-bg-quaternary",
+    numberColor: "text-text-primary-900"
+  }
+];
 export {
-  V as JackpotCounterItem
+  ue as JackpotCounterItem
 };

package/dist/components/JackpotCounter/JackpotCounterItem.module.css.js

@@ -1 +1 @@
-"use strict";const a={"animate-arrow-green-flash-1":"_animate-arrow-green-flash-1_zlu69_19","animate-arrow-green-flash-2":"_animate-arrow-green-flash-2_zlu69_29","animate-arrow-green-flash-3":"_animate-arrow-green-flash-3_zlu69_39","animate-arrow-red-flash-1":"_animate-arrow-red-flash-1_zlu69_67","animate-arrow-red-flash-2":"_animate-arrow-red-flash-2_zlu69_75","animate-arrow-red-flash-3":"_animate-arrow-red-flash-3_zlu69_85"};module.exports=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="_scrollArea_1m8hd_289",r={"animate-arrow-green-flash-1":"_animate-arrow-green-flash-1_1m8hd_19","animate-arrow-green-flash-2":"_animate-arrow-green-flash-2_1m8hd_29","animate-arrow-green-flash-3":"_animate-arrow-green-flash-3_1m8hd_39","animate-arrow-red-flash-1":"_animate-arrow-red-flash-1_1m8hd_67","animate-arrow-red-flash-2":"_animate-arrow-red-flash-2_1m8hd_75","animate-arrow-red-flash-3":"_animate-arrow-red-flash-3_1m8hd_85","light-rays":"_light-rays_1m8hd_107",scrollArea:a};exports.default=r;exports.scrollArea=a;

package/dist/components/JackpotCounter/JackpotCounterItem.module.css.mjs

@@ -1,11 +1,14 @@
-const a = {
-  "animate-arrow-green-flash-1": "_animate-arrow-green-flash-1_zlu69_19",
-  "animate-arrow-green-flash-2": "_animate-arrow-green-flash-2_zlu69_29",
-  "animate-arrow-green-flash-3": "_animate-arrow-green-flash-3_zlu69_39",
-  "animate-arrow-red-flash-1": "_animate-arrow-red-flash-1_zlu69_67",
-  "animate-arrow-red-flash-2": "_animate-arrow-red-flash-2_zlu69_75",
-  "animate-arrow-red-flash-3": "_animate-arrow-red-flash-3_zlu69_85"
+const a = "_scrollArea_1m8hd_289", r = {
+  "animate-arrow-green-flash-1": "_animate-arrow-green-flash-1_1m8hd_19",
+  "animate-arrow-green-flash-2": "_animate-arrow-green-flash-2_1m8hd_29",
+  "animate-arrow-green-flash-3": "_animate-arrow-green-flash-3_1m8hd_39",
+  "animate-arrow-red-flash-1": "_animate-arrow-red-flash-1_1m8hd_67",
+  "animate-arrow-red-flash-2": "_animate-arrow-red-flash-2_1m8hd_75",
+  "animate-arrow-red-flash-3": "_animate-arrow-red-flash-3_1m8hd_85",
+  "light-rays": "_light-rays_1m8hd_107",
+  scrollArea: a
 };
 export {
-  a as default
+  r as default,
+  a as scrollArea
 };

package/dist/components/Jackpots/JackpotGameProviders.d.ts

@@ -0,0 +1 @@
+export declare function JackpotGameProviders(): import("react").JSX.Element;

package/dist/components/Jackpots/JackpotItem.d.ts

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

package/dist/components/Jackpots/JackpotItemMobile.d.ts

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

package/dist/components/Jackpots/Jackpots.d.ts

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

package/dist/components/Jackpots/index.d.ts

@@ -0,0 +1 @@
+export * from './Jackpots';

package/dist/components/Marquee/Marquee.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("tailwind-merge");function a(r){return e.jsxs("div",{className:s.twMerge("border-gray-200 text-gray-700 flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium",r.className),children:[e.jsxs("div",{className:"border-gray-200 flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5",children:[e.jsx("span",{className:"bg-green-400 outline-green-400/20 size-2 rounded-full outline-4"}),e.jsx("span",{children:"What's new"})]}),e.jsx("div",{className:"flex grow items-center overflow-hidden",children:e.jsxs("div",{className:"flex items-center whitespace-nowrap",children:[e.jsx("div",{className:"animate-marquee pr-4 [animation-delay:1s]",children:r.children}),e.jsx("div",{className:"animate-marquee pr-4 [animation-delay:1s]",children:r.children})]})})]})}exports.Marquee=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("tailwind-merge");function i(r){return e.jsxs("div",{className:s.twMerge("border-border-primary bg-bg-primary text-text-secondary-700 shadow-xs flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium",r.className),children:[e.jsxs("div",{className:"border-border-primary flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5",children:[e.jsx("span",{className:"bg-utility-success-500 outline-utility-success-100 size-2 rounded-full outline-2"}),e.jsx("span",{children:"What's new"})]}),e.jsx("div",{className:"flex grow items-center overflow-hidden",children:e.jsxs("div",{className:"flex items-center whitespace-nowrap",children:[e.jsx("div",{className:"animate-marquee pr-4 [animation-delay:1s]",children:r.children}),e.jsx("div",{className:"animate-marquee pr-4 [animation-delay:1s]",children:r.children})]})})]})}exports.Marquee=i;

package/dist/components/Marquee/Marquee.mjs

@@ -1,16 +1,16 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { twMerge as n } from "tailwind-merge";
-function d(r) {
+import { twMerge as i } from "tailwind-merge";
+function n(r) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: n(
-        "border-gray-200 text-gray-700 flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium",
+      className: i(
+        "border-border-primary bg-bg-primary text-text-secondary-700 shadow-xs flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium",
         r.className
       ),
       children: [
-        /* @__PURE__ */ a("div", { className: "border-gray-200 flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5", children: [
-          /* @__PURE__ */ e("span", { className: "bg-green-400 outline-green-400/20 size-2 rounded-full outline-4" }),
+        /* @__PURE__ */ a("div", { className: "border-border-primary flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5", children: [
+          /* @__PURE__ */ e("span", { className: "bg-utility-success-500 outline-utility-success-100 size-2 rounded-full outline-2" }),
           /* @__PURE__ */ e("span", { children: "What's new" })
         ] }),
         /* @__PURE__ */ e("div", { className: "flex grow items-center overflow-hidden", children: /* @__PURE__ */ a("div", { className: "flex items-center whitespace-nowrap", children: [
@@ -22,5 +22,5 @@ function d(r) {
   );
 }
 export {
-  d as Marquee
+  n as Marquee
 };

package/dist/components/Messages/MessageItem.d.ts

@@ -0,0 +1,4 @@
+import { Message } from '@opexa/portal-sdk-core';
+export declare function MessageItem({ message }: {
+    message: Message;
+}): import("react").JSX.Element;

package/dist/components/Messages/MessageItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("./utils.js"),q=require("date-fns"),f=require("next/link");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");const h=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const y=require("../../client/hooks/useMarkMessageAsReadMutation.js"),j=require("zustand/shallow");function M({message:t}){const{id:n,title:i,dateTimeCreated:o,content:c,markedAsRead:l,icon:u,actions:a}=t,{messages:r}=h.useGlobalStore(j.useShallow(s=>({messages:s.messages}))),{mutateAsync:d}=y.useMarkMessageAsReadMutation(),m=g.getMessageIcon(u),x=async()=>{await d({id:n}),r.message.setOpen(!0),r.message.setContent(t),r.setOpen(!1)},b=s=>{s.stopPropagation(),r.setOpen(!1),r.setTab("ALL")};return e.jsxs("div",{role:"button",tabIndex:0,className:"border-border-secondary rounded-xs bg-bg-secondary flex h-auto flex-shrink-0 cursor-pointer flex-col border px-3.5 py-2.5",onClick:x,"aria-pressed":"false",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("p",{className:"text-text-tertiary-600 text-xs font-normal",children:q.format(new Date(o),"M/d/yyyy - h:mma")}),!l&&e.jsx("div",{className:"bg-utility-success-500 h-2.5 w-2.5 rounded-full"})]}),e.jsxs("div",{className:"mb-2 flex items-center space-x-2",children:[e.jsx(m,{className:"text-brand-400"}),e.jsx("p",{className:"text-text-primary-brand text-sm font-semibold",children:i})]}),e.jsx("p",{className:"text-wrap text-sm font-normal",children:c}),a.length>0&&e.jsx("div",{className:"mt-2 flex flex-wrap items-center justify-end gap-2",children:a.map((s,p)=>e.jsx(f,{className:"border-button-secondary-border text-button-secondary-fg rounded-md border px-3 py-2 text-sm",href:s.url,onClick:b,children:s.name},p))})]})}exports.MessageItem=M;

package/dist/components/Messages/MessageItem.mjs

@@ -0,0 +1,66 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { getMessageIcon as g } from "./utils.mjs";
+import { format as h } from "date-fns";
+import y from "next/link";
+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 "react";
+import "lodash-es";
+import "@opexa/portal-sdk-core/object-id";
+import { useGlobalStore as N } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+import { useMarkMessageAsReadMutation as k } from "../../client/hooks/useMarkMessageAsReadMutation.mjs";
+import { useShallow as w } from "zustand/shallow";
+function J({ message: o }) {
+  const { id: m, title: n, dateTimeCreated: i, content: c, markedAsRead: l, icon: d, actions: a } = o, { messages: s } = N(
+    w((t) => ({ messages: t.messages }))
+  ), { mutateAsync: p } = k(), x = g(d), f = async () => {
+    await p({
+      id: m
+    }), s.message.setOpen(!0), s.message.setContent(o), s.setOpen(!1);
+  }, u = (t) => {
+    t.stopPropagation(), s.setOpen(!1), s.setTab("ALL");
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      className: "border-border-secondary rounded-xs bg-bg-secondary flex h-auto flex-shrink-0 cursor-pointer flex-col border px-3.5 py-2.5",
+      onClick: f,
+      "aria-pressed": "false",
+      children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ e("p", { className: "text-text-tertiary-600 text-xs font-normal", children: h(new Date(i), "M/d/yyyy - h:mma") }),
+          !l && /* @__PURE__ */ e("div", { className: "bg-utility-success-500 h-2.5 w-2.5 rounded-full" })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "mb-2 flex items-center space-x-2", children: [
+          /* @__PURE__ */ e(x, { className: "text-brand-400" }),
+          /* @__PURE__ */ e("p", { className: "text-text-primary-brand text-sm font-semibold", children: n })
+        ] }),
+        /* @__PURE__ */ e("p", { className: "text-wrap text-sm font-normal", children: c }),
+        a.length > 0 && /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap items-center justify-end gap-2", children: a.map((t, b) => /* @__PURE__ */ e(
+          y,
+          {
+            className: "border-button-secondary-border text-button-secondary-fg rounded-md border px-3 py-2 text-sm",
+            href: t.url,
+            onClick: u,
+            children: t.name
+          },
+          b
+        )) })
+      ]
+    }
+  );
+}
+export {
+  J as MessageItem
+};