@opexa/portal-components 0.0.18 → 0.0.20

package/dist/components/Jackpots/JackpotItemMobile.mjs

@@ -0,0 +1,427 @@
+"use client";
+import { jsx as e, jsxs as r, Fragment as v } from "react/jsx-runtime";
+import { Progress as f } from "@ark-ui/react";
+import w from "next/image";
+import { useCallback as A, useMemo as L, useState as T } from "react";
+import { twMerge as i } 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 n } from "../../utils/formatNumber.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../utils/parseDecimal.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 { useLocaleInfo as S } from "../../client/hooks/useLocaleInfo.mjs";
+import "usehooks-ts";
+import { useJackpotPayoutsQuery as R } from "../../client/hooks/useJackpotPayoutsQuery.mjs";
+import { ArrowNarrowUpRightIcon as M } from "../../icons/ArrowNarrowUpRightIcon.mjs";
+import { ChevronLeftIcon as x } from "../../icons/ChevronLeftIcon.mjs";
+import { ChevronRightIcon as p } from "../../icons/ChevronRightIcon.mjs";
+import { StarIcon as P } from "../../icons/StarIcon.mjs";
+import { Trophy01Icon as C } from "../../icons/Trophy01Icon.mjs";
+import { ArrowNarrowDownIcon as q } from "../../icons/ArrowNarrowDownIcon.mjs";
+import { ArrowNarrowUpIcon as O } from "../../icons/ArrowNarrowUpIcon.mjs";
+import Q from "../../images/close-chest.png.mjs";
+import U from "../../images/first-place.png.mjs";
+import $ from "../../images/open-chest.png.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as z } 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 "../../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 "../../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 { maskName as I } from "../JackpotCounter/JackpotCounterItem.mjs";
+import o from "../JackpotCounter/JackpotCounterItem.module.css.mjs";
+import { JackpotGameProviders as F } from "./JackpotGameProviders.mjs";
+import { JackpotRules as V } from "./JackpotRules.mjs";
+function We({ jackpot: t }) {
+  var N;
+  const d = ((N = R({
+    first: 30,
+    filter: {
+      jackpot: {
+        equal: t.id
+      }
+    },
+    sort: {
+      cursor: "AMOUNT",
+      order: "DESC"
+    }
+  }).data) == null ? void 0 : N.pages[0].edges.map((s) => s.node)) ?? [], h = d[0] ?? [], c = S(), a = t.drawing, D = a ? t.maximumJackpotPoolLimit : t.pool, y = A(
+    ({ index: s }) => /* @__PURE__ */ e(
+      a ? x : p,
+      {
+        className: i(
+          "scale-400 lg:scale-250 text-brand-300 min-w-2.5 lg:min-w-4",
+          a ? o["animate-wave-color-error"] : o["animate-wave-color-success"]
+        ),
+        style: {
+          animationDelay: a ? `${(40 - s - 1) * 0.1}s` : `${s * 0.1}s`
+        }
+      }
+    ),
+    [a]
+  ), J = L(
+    () => Array.from({ length: 40 }, (s, l) => /* @__PURE__ */ e(y, { isFirst: l === 0, index: l }, l)),
+    [y]
+  ), [u, g] = T(!1);
+  return /* @__PURE__ */ r("div", { className: "bg-bg-primary border-border-primary rounded-2xl border", children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: i(
+          "bg-bg-tertiary relative flex shrink-0 rounded-2xl p-3 text-center lg:gap-4 lg:p-5"
+        ),
+        children: [
+          /* @__PURE__ */ r("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__ */ e("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ r("div", { className: "relative flex w-full justify-between", children: [
+              /* @__PURE__ */ r("div", { children: [
+                a ? /* @__PURE__ */ r("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__ */ r("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(M, { 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: t.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(D, {
+                  currency: c.currency.code,
+                  minDecimalPlaces: 2,
+                  maxDecimalPlaces: 2
+                }) })
+              ] }),
+              /* @__PURE__ */ e("div", { className: "z-1 bottom-[-60] right-0 block lg:absolute", children: /* @__PURE__ */ e(
+                w,
+                {
+                  width: 100,
+                  height: 100,
+                  src: a ? $ : Q,
+                  alt: "closeChest",
+                  quality: 100,
+                  className: "size-full h-auto w-[100px]"
+                }
+              ) })
+            ] }) }) }) }),
+            /* @__PURE__ */ r("div", { className: "mt-3 lg:mt-4", children: [
+              /* @__PURE__ */ r("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__ */ r("div", { className: "relative flex items-center justify-end gap-1.5", children: [
+                  a ? /* @__PURE__ */ r("div", { className: "flex w-6 items-center", children: [
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: i(
+                          "absolute left-0",
+                          o["animate-arrow-red-flash-1"]
+                        ),
+                        children: /* @__PURE__ */ e(x, { className: "size-4.5" })
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: i(
+                          "absolute left-1.5",
+                          o["animate-arrow-red-flash-2"]
+                        ),
+                        children: /* @__PURE__ */ e(x, { className: "size-4.5" })
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: i(
+                          "absolute left-3",
+                          o["animate-arrow-red-flash-3"]
+                        ),
+                        children: /* @__PURE__ */ e(x, { className: "size-4.5" })
+                      }
+                    )
+                  ] }) : /* @__PURE__ */ r("div", { className: "flex w-6 items-center", children: [
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: i(
+                          "absolute left-0",
+                          o["animate-arrow-green-flash-1"]
+                        ),
+                        children: /* @__PURE__ */ e(p, { className: "size-4.5" })
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: i(
+                          "absolute left-1.5",
+                          o["animate-arrow-green-flash-2"]
+                        ),
+                        children: /* @__PURE__ */ e(p, { className: "size-4.5" })
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: i(
+                          "absolute left-3",
+                          o["animate-arrow-green-flash-3"]
+                        ),
+                        children: /* @__PURE__ */ e(p, { className: "size-4.5" })
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ e("div", { className: "text-text-primary-900 text-xs font-semibold", children: n(t == null ? void 0 : t.maximumJackpotPoolLimit, {
+                    currency: c.currency.code,
+                    compact: !0
+                  }) })
+                ] })
+              ] }),
+              /* @__PURE__ */ e(
+                f.Root,
+                {
+                  className: "bg-bg-primary h-2 w-full rounded-full lg:h-4",
+                  max: 100,
+                  value: _(
+                    Number(t.pool),
+                    Number(t.maximumJackpotPoolLimit)
+                  ),
+                  children: /* @__PURE__ */ e(f.Track, { className: "bg-bg-primary h-full overflow-hidden rounded-full", children: /* @__PURE__ */ e(f.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: J
+                    }
+                  ) }) })
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "mt-1 block text-start text-2xs lg:hidden", children: a ? `The pot has hit ${n(
+                t == null ? void 0 : t.maximumJackpotPoolLimit,
+                {
+                  currency: c.currency.code,
+                  compact: !0
+                }
+              )} Play now for your chance to win big! 🔥` : B(
+                Number(t == null ? void 0 : t.pool) ?? 0,
+                Number(t == null ? void 0 : t.maximumJackpotPoolLimit) ?? 0
+              ) })
+            ] }),
+            h.amount ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ r("div", { className: "bg-bg-primary relative mt-4 flex w-full gap-4 rounded-lg p-4", children: [
+              /* @__PURE__ */ e("div", { className: "border-yellow-400 relative h-18 w-18 rounded-full border", children: /* @__PURE__ */ e("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" }) }),
+              /* @__PURE__ */ r("div", { className: "flex flex-col gap-1 text-left", children: [
+                /* @__PURE__ */ r("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(C, { className: "text-utility-brand-600 size-3.5" }),
+                  "Top Payout"
+                ] }),
+                /* @__PURE__ */ e("div", { className: "font-semibold", children: I(h.member.name) }),
+                /* @__PURE__ */ e("div", { className: "text-brand-400 text-2xl", children: n(h.amount, {
+                  currency: c.currency.code,
+                  minDecimalPlaces: 2,
+                  maxDecimalPlaces: 2
+                }) })
+              ] })
+            ] }) }) : /* @__PURE__ */ r("div", { className: "bg-bg-primary relative mt-4 flex w-full gap-4 rounded-lg p-4", children: [
+              /* @__PURE__ */ e(
+                w,
+                {
+                  width: 66,
+                  height: 87,
+                  src: U,
+                  alt: "closeChest",
+                  className: "size-full h-auto w-[66px] mix-blend-luminosity"
+                }
+              ),
+              /* @__PURE__ */ r("div", { className: "flex flex-col gap-1 text-left", children: [
+                /* @__PURE__ */ r("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(C, { 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__ */ e(
+              z,
+              {
+                variant: "outline",
+                className: i(
+                  "mt-5.5 px-3.5 py-2.5 text-sm",
+                  u ? "hidden" : "flex"
+                ),
+                onClick: () => g(!u),
+                children: /* @__PURE__ */ r("div", { className: "flex gap-1.5", children: [
+                  "See Details",
+                  /* @__PURE__ */ e(q, { className: "size-5" })
+                ] })
+              }
+            )
+          ] }),
+          a && /* @__PURE__ */ e(
+            "div",
+            {
+              className: i(
+                o["light-rays"],
+                "absolute right-0 top-0 rounded-2xl [--light-rays-top:15%] lg:[--light-rays-top:150px]"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    u && /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ r("div", { className: "z-1 flex-1", children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center justify-between p-3", children: [
+          /* @__PURE__ */ e("div", { className: "flex gap-2", children: /* @__PURE__ */ e("div", { className: "text-text-primary-900 text-lg font-semibold", children: d.length ? "Leaderboard" : "Starting soon!" }) }),
+          /* @__PURE__ */ e(V, { jackpotRules: t.description })
+        ] }),
+        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "border-gray-200 overflow-hidden", children: /* @__PURE__ */ r("table", { className: "w-full", children: [
+          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("tr", { className: "bg-bg-secondary text-text-tertiary-600 h-8 text-center 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: d.length ? /* @__PURE__ */ e(v, { children: d.map((s, l) => /* @__PURE__ */ r(
+            "tr",
+            {
+              className: "bg-bg-primary text-text-secondary-700 text-sm",
+              children: [
+                /* @__PURE__ */ e("td", { className: "border-border-secondary h-12 w-[52px] border-t-2 text-center", children: l + 1 < 6 ? /* @__PURE__ */ r("div", { className: "relative", children: [
+                  /* @__PURE__ */ e(
+                    P,
+                    {
+                      className: i(
+                        "mx-auto size-6.5",
+                        b[l].starColor
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: i(
+                        "absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",
+                        b[l].numberColor
+                      ),
+                      children: l + 1
+                    }
+                  )
+                ] }) : l + 1 }),
+                /* @__PURE__ */ e("td", { className: "border-border-secondary h-12 border-t-2 text-center", children: I(s.member.name) }),
+                /* @__PURE__ */ r("td", { className: "border-border-secondary h-12 border-t-2 text-center", children: [
+                  s.multiplier,
+                  "x"
+                ] }),
+                /* @__PURE__ */ e("td", { className: "border-border-secondary text-brand-400 h-12 border-t-2 text-center", children: n(h.amount, {
+                  currency: c.currency.code,
+                  minDecimalPlaces: 2,
+                  maxDecimalPlaces: 2
+                }) })
+              ]
+            },
+            l
+          )) }) : /* @__PURE__ */ e(v, { children: Array.from({ length: 10 }).map((s, l) => /* @__PURE__ */ r(
+            "tr",
+            {
+              className: "bg-bg-primary text-text-secondary-700 text-sm",
+              children: [
+                /* @__PURE__ */ e("td", { className: "border-border-secondary h-12 w-[52px] border-t-2", children: l + 1 < 6 ? /* @__PURE__ */ r("div", { className: "relative", children: [
+                  /* @__PURE__ */ e(
+                    P,
+                    {
+                      className: i(
+                        "mx-auto size-6.5",
+                        b[l].starColor
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: i(
+                        "absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",
+                        b[l].numberColor
+                      ),
+                      children: l + 1
+                    }
+                  )
+                ] }) : l + 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: "-" })
+              ]
+            },
+            l
+          )) }) })
+        ] }) }) })
+      ] }),
+      /* @__PURE__ */ e(F, {}),
+      /* @__PURE__ */ e("div", { className: "m-3", children: /* @__PURE__ */ e(
+        z,
+        {
+          variant: "outline",
+          className: i(
+            "px-3.5 py-2.5 text-sm",
+            u ? "flex" : "hidden"
+          ),
+          onClick: () => g(!u),
+          children: /* @__PURE__ */ r("div", { className: "flex gap-1.5", children: [
+            "Hide",
+            /* @__PURE__ */ e(O, { className: "size-5" })
+          ] })
+        }
+      ) })
+    ] })
+  ] });
+}
+const _ = (t, m) => m === 0 ? 0 : t / m * 100, B = (t, m) => (m === 0 ? 0 : t / 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!", 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"
+  }
+];
+export {
+  We as JackpotItemMobile
+};

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface JackpotRulesProps {
+    children?: ReactNode;
+    jackpotRules: string;
+}
+export declare function JackpotRules(props: JackpotRulesProps): import("react").JSX.Element;

package/dist/components/Jackpots/JackpotRules.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@ark-ui/react"),s=require("../../icons/XIcon.js"),l=require("../../icons/Flag06Icon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../ui/Button/button.recipe.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");const r=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");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");function u(t){return e.jsxs(r.Root,{lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:t.children??e.jsx("button",{type:"button",className:"text-button-tertiary-fg flex text-sm font-semibold",children:"Jackpot Rules"})}),e.jsxs(i.Portal,{children:[e.jsx(r.Backdrop,{}),e.jsx(r.Positioner,{children:e.jsxs(r.Content,{className:"bg-bg-primary-alt mx-auto h-full w-full items-start lg:h-auto lg:w-[640px] lg:rounded-xl",children:[e.jsxs("div",{className:"p-3xl",children:[e.jsxs("div",{className:"mb-3 flex justify-between",children:[e.jsx("div",{className:"bg-bg-tertiary border-border-primary flex h-12 w-12 items-center justify-center rounded-lg border",children:e.jsx(l.Flag06Icon,{className:"text-text-tertiary-600 size-full p-3"})}),e.jsx(r.CloseTrigger,{children:e.jsx(s.XIcon,{})})]}),e.jsx("div",{className:"text-text-primary-900 text-lg font-semibold",children:"Jackpot Rules"}),e.jsx("div",{className:"text-text-tertiary-600 mt-1 text-sm",children:"Terms and Conditions"})]}),e.jsx("div",{className:"border-gray-800 border-t-1 pb-3",children:e.jsx("div",{dangerouslySetInnerHTML:{__html:t.jackpotRules},className:"px-3xl py-3"})})]})})]})]})}exports.JackpotRules=u;

package/dist/components/Jackpots/JackpotRules.mjs

@@ -0,0 +1,78 @@
+"use client";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { Portal as i } from "@ark-ui/react";
+import { XIcon as o } from "../../icons/XIcon.mjs";
+import { Flag06Icon as m } from "../../icons/Flag06Icon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../ui/Button/button.recipe.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 { Root as l, Trigger as s, Backdrop as p, Positioner as a, Content as n, CloseTrigger as c } from "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import "../../ui/Field/Field.mjs";
+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";
+function G(e) {
+  return /* @__PURE__ */ r(
+    l,
+    {
+      lazyMount: !0,
+      unmountOnExit: !0,
+      closeOnEscape: !1,
+      closeOnInteractOutside: !1,
+      children: [
+        /* @__PURE__ */ t(s, { asChild: !0, children: e.children ?? /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "text-button-tertiary-fg flex text-sm font-semibold",
+            children: "Jackpot Rules"
+          }
+        ) }),
+        /* @__PURE__ */ r(i, { children: [
+          /* @__PURE__ */ t(p, {}),
+          /* @__PURE__ */ t(a, { children: /* @__PURE__ */ r(n, { className: "bg-bg-primary-alt mx-auto h-full w-full items-start lg:h-auto lg:w-[640px] lg:rounded-xl", children: [
+            /* @__PURE__ */ r("div", { className: "p-3xl", children: [
+              /* @__PURE__ */ r("div", { className: "mb-3 flex justify-between", children: [
+                /* @__PURE__ */ t("div", { className: "bg-bg-tertiary border-border-primary flex h-12 w-12 items-center justify-center rounded-lg border", children: /* @__PURE__ */ t(m, { className: "text-text-tertiary-600 size-full p-3" }) }),
+                /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(o, {}) })
+              ] }),
+              /* @__PURE__ */ t("div", { className: "text-text-primary-900 text-lg font-semibold", children: "Jackpot Rules" }),
+              /* @__PURE__ */ t("div", { className: "text-text-tertiary-600 mt-1 text-sm", children: "Terms and Conditions" })
+            ] }),
+            /* @__PURE__ */ t("div", { className: "border-gray-800 border-t-1 pb-3", children: /* @__PURE__ */ t(
+              "div",
+              {
+                dangerouslySetInnerHTML: { __html: e.jackpotRules },
+                className: "px-3xl py-3"
+              }
+            ) })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  G as JackpotRules
+};

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

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

package/dist/components/Jackpots/Jackpots.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=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("../../client/services/getSession.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const t=require("../../client/hooks/useJackpotsQuery.js");require("usehooks-ts");const u=require("./JackpotItem.js"),a=require("./JackpotItemMobile.js");function c(i){var s;const l=((s=t.useJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}).data)==null?void 0:s.pages[0].edges.map(e=>e.node))??[];return l.length<=0?null:r.jsxs("div",{className:i.className,children:[r.jsx("div",{className:"text-lg font-semibold mb-3 lg:mb-4.5",children:i.heading??"Jackpots"}),r.jsx("div",{className:"hidden flex-col gap-6 lg:flex",children:l.map(e=>r.jsx(u.JackpotItem,{jackpot:e,viewAllUrl:i.viewAllUrl},e.id))}),r.jsx("div",{className:"flex flex-col gap-6 lg:hidden",children:l.map(e=>r.jsx(a.JackpotItemMobile,{jackpot:e,viewAllUrl:i.viewAllUrl},e.id))})]})}exports.Jackpots=c;

package/dist/components/Jackpots/Jackpots.mjs

@@ -0,0 +1,61 @@
+"use client";
+import { jsxs as o, 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 "../../client/services/getSession.mjs";
+import "react";
+import "lodash-es";
+import "@opexa/portal-sdk-core/object-id";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useJackpotsQuery as m } from "../../client/hooks/useJackpotsQuery.mjs";
+import "usehooks-ts";
+import { JackpotItem as a } from "./JackpotItem.mjs";
+import { JackpotItemMobile as s } from "./JackpotItemMobile.mjs";
+function q(i) {
+  var l;
+  const r = ((l = m({
+    first: 100,
+    filter: {
+      status: {
+        equal: "ACTIVE"
+      },
+      deleted: {
+        equal: !1
+      }
+    },
+    sort: {
+      cursor: "POOL",
+      order: "DESC"
+    }
+  }).data) == null ? void 0 : l.pages[0].edges.map((e) => e.node)) ?? [];
+  return r.length <= 0 ? null : /* @__PURE__ */ o("div", { className: i.className, children: [
+    /* @__PURE__ */ t("div", { className: "text-lg font-semibold mb-3 lg:mb-4.5", children: i.heading ?? "Jackpots" }),
+    /* @__PURE__ */ t("div", { className: "hidden flex-col gap-6 lg:flex", children: r.map((e) => /* @__PURE__ */ t(
+      a,
+      {
+        jackpot: e,
+        viewAllUrl: i.viewAllUrl
+      },
+      e.id
+    )) }),
+    /* @__PURE__ */ t("div", { className: "flex flex-col gap-6 lg:hidden", children: r.map((e) => /* @__PURE__ */ t(
+      s,
+      {
+        jackpot: e,
+        viewAllUrl: i.viewAllUrl
+      },
+      e.id
+    )) })
+  ] });
+}
+export {
+  q as Jackpots
+};

package/dist/components/KYC/KYC.d.ts

@@ -0,0 +1,5 @@
+import { ImageProps } from 'next/image';
+export interface KYCProps {
+    logo: ImageProps['src'];
+}
+export declare function KYC(props: KYCProps): import("react").JSX.Element;

package/dist/components/KYC/KYC.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@ark-ui/react"),n=require("next/image");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../ui/Button/button.recipe.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");const i=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");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 s=require("./KYCContext.js"),l=require("./Step1.js"),c=require("./Step2.js"),q=require("./Step3.js"),a=require("./StepIndicator.js"),p=require("./UploadDocument.js"),x=require("./UploadSelfie.js"),d=require("./useKYC.js");function g(u){const r=d.useKYC();return e.jsx(s.KYCContext,{value:r,children:e.jsx(i.Root,{open:r.open,onOpenChange:t=>{r.setOpen(t.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(o.Portal,{children:[e.jsx(i.Backdrop,{}),e.jsx(i.Positioner,{children:e.jsxs(i.Content,{className:"mx-auto w-fit",children:[r.uploadingSelfie&&e.jsx(x.UploadSelfie,{}),r.uploadingDocument&&e.jsx(p.UploadDocument,{}),!r.uploadingSelfie&&!r.uploadingDocument&&e.jsxs("div",{className:"bg-bg-primary-alt flex h-full w-full flex-col p-3xl lg:h-[800px] lg:w-[400px] lg:rounded-xl",children:[e.jsx(n,{src:u.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(a.StepIndicator,{}),r.step===1&&e.jsx(l.Step1,{}),r.step===2&&e.jsx(c.Step2,{}),r.step===3&&e.jsx(q.Step3,{})]})]})})]})})})}exports.KYC=g;