@opexa/portal-components 0.0.18 → 0.0.20

package/dist/components/Tournaments/TournamentItemMobile.mjs

@@ -0,0 +1,285 @@
+"use client";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { pick as I } from "lodash-es";
+import f from "next/image";
+import u, { useState as h, useMemo as P, useEffect 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 D } 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 "@opexa/portal-sdk-core/object-id";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as M } from "../../client/hooks/useLocaleInfo.mjs";
+import "usehooks-ts";
+import { StarIcon as S } from "../../icons/StarIcon.mjs";
+import { Trophy01Icon as j } from "../../icons/Trophy01Icon.mjs";
+import { ArrowNarrowDownIcon as R } from "../../icons/ArrowNarrowDownIcon.mjs";
+import { ArrowNarrowUpIcon as k } from "../../icons/ArrowNarrowUpIcon.mjs";
+import { Award01Icon as A } from "../../icons/Award01Icon.mjs";
+import q from "../../images/first-place.png.mjs";
+import _ from "../../images/trophy.png.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as b } 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 "../../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 { TournamentGameProviders as E } from "./TournamentGameProviders.mjs";
+import { TournamentRules as H } from "./TournamentRules.mjs";
+function He({ jackpot: d }) {
+  const g = M(), [a, c] = h(!1), [s, p] = h({
+    days: 0,
+    hours: 0,
+    minutes: 0,
+    seconds: 0,
+    isPast: !1
+  }), n = P(() => {
+    const r = /* @__PURE__ */ new Date();
+    return new Date(r.setSeconds(r.getSeconds() + 2 * 24 * 60 * 60));
+  }, []), m = u.useCallback(() => {
+    const r = /* @__PURE__ */ new Date(), l = n.getTime() - r.getTime();
+    if (l <= 0) {
+      p({
+        days: 0,
+        hours: 0,
+        minutes: 0,
+        seconds: 0,
+        isPast: !0
+      });
+      return;
+    }
+    const o = Math.floor(l / 1e3), N = Math.floor(o / (3600 * 24)), v = Math.floor(o % (3600 * 24) / 3600), w = Math.floor(o % 3600 / 60), C = o % 60, z = I({ days: N, hours: v, minutes: w, seconds: C, isPast: !1 }, [
+      "days",
+      "hours",
+      "minutes",
+      "seconds",
+      "isPast"
+    ]);
+    p(z);
+  }, [n]);
+  T(() => {
+    m();
+    const r = setInterval(m, 1e3);
+    return () => clearInterval(r);
+  }, [n, m]);
+  const x = [
+    { label: "Day", value: s.days },
+    { label: "Hour", value: s.hours },
+    { label: "Min", value: s.minutes },
+    { label: "Sec", value: s.seconds }
+  ];
+  return /* @__PURE__ */ t("div", { className: "bg-bg-primary border-border-primary rounded-2xl border", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: i(
+          "bg-bg-tertiary relative flex shrink-0 rounded-2xl p-3 text-center lg:gap-4 lg:p-5"
+        ),
+        children: /* @__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__ */ e("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ t("div", { className: "relative flex w-full justify-between", children: [
+            /* @__PURE__ */ t("div", { className: "w-full", children: [
+              /* @__PURE__ */ t("div", { className: "flex w-full justify-between", 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-full border px-2 py-0.5 text-xs font-medium", children: [
+                  /* @__PURE__ */ e(A, { className: "text-utility-brand-500 size-3.5" }),
+                  "Multiplier"
+                ] }),
+                /* @__PURE__ */ e("div", { className: "flex h-fit", children: x.map((r, l) => /* @__PURE__ */ t(u.Fragment, { children: [
+                  /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: i(
+                        "bg-bg-primary text-text-primary-900 flex h-fit w-8 flex-col items-center rounded-[4px] pb-1.5"
+                      ),
+                      children: [
+                        /* @__PURE__ */ e("span", { className: "text-base font-medium", children: String(r.value).padStart(2, "0") }),
+                        /* @__PURE__ */ e("span", { className: "text-[8px]", children: r.label })
+                      ]
+                    }
+                  ),
+                  l < x.length - 1 && /* @__PURE__ */ t("div", { className: "flex flex-col justify-center gap-[6px] px-[6px]", children: [
+                    /* @__PURE__ */ e("div", { className: "bg-bg-primary h-1 w-1 rounded-full" }),
+                    /* @__PURE__ */ e("div", { className: "bg-bg-primary h-1 w-1 rounded-full" })
+                  ] })
+                ] }, r.label)) })
+              ] }),
+              /* @__PURE__ */ e("div", { className: "text-text-primary-900 mt-2.5 text-left text-lg font-medium lg:mt-5 lg:text-2xl", children: d.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: D(d.pool, {
+                currency: g.currency.code,
+                minDecimalPlaces: 2,
+                maxDecimalPlaces: 2
+              }) })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "z-1 absolute bottom-[-60] right-0", children: /* @__PURE__ */ e(
+              f,
+              {
+                width: 72.94,
+                height: 93,
+                src: _,
+                alt: "trophy",
+                quality: 100,
+                className: "size-full"
+              }
+            ) })
+          ] }) }) }) }),
+          /* @__PURE__ */ t("div", { className: "bg-bg-primary relative mt-4 flex w-full gap-4 rounded-lg p-4 lg:hidden", children: [
+            /* @__PURE__ */ e("div", { className: "h-[87px] min-w-[66px]", children: /* @__PURE__ */ e(
+              f,
+              {
+                width: 66,
+                height: 87,
+                src: q,
+                alt: "closeChest",
+                className: "size-full mix-blend-luminosity"
+              }
+            ) }),
+            /* @__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(j, { 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(
+            b,
+            {
+              variant: "outline",
+              className: i(
+                "mt-5.5 px-3.5 py-2.5 text-sm",
+                a ? "hidden" : "flex"
+              ),
+              onClick: () => c(!a),
+              children: /* @__PURE__ */ t("div", { className: "flex gap-1.5", children: [
+                "See Details",
+                /* @__PURE__ */ e(R, { className: "size-5" })
+              ] })
+            }
+          )
+        ] })
+      }
+    ),
+    a && /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ t("div", { className: "z-1 flex-1", children: [
+        /* @__PURE__ */ t("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: "Starting soon!" }) }),
+          /* @__PURE__ */ e(
+            H,
+            {
+              jackpotRules: `<strong>Rules and guidelines <br> 1/20/2025 ~ 1/21/2025</strong><br><br>\r
+                      <p>1. The contest prize pool closely depends on the bankroll — the more players bet, the bigger it grows.</p>`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "border-gray-200 overflow-hidden", 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-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: Array.from({ length: 5 }).map((r, l) => /* @__PURE__ */ t(
+            "tr",
+            {
+              className: "bg-bg-primary text-text-secondary-700 text-center text-sm",
+              children: [
+                /* @__PURE__ */ e("td", { className: "border-border-secondary h-12 w-[52px] border-t-2", children: l + 1 < 6 ? /* @__PURE__ */ t("div", { className: "relative", children: [
+                  /* @__PURE__ */ e(
+                    S,
+                    {
+                      className: i(
+                        "mx-auto size-6.5",
+                        y[l].starColor
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: i(
+                        "absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",
+                        y[l].numberColor
+                      ),
+                      children: 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(E, {}),
+      /* @__PURE__ */ e("div", { className: "m-3", children: /* @__PURE__ */ e(
+        b,
+        {
+          variant: "outline",
+          className: i(
+            "px-3.5 py-2.5 text-sm",
+            a ? "flex" : "hidden"
+          ),
+          onClick: () => c(!a),
+          children: /* @__PURE__ */ t("div", { className: "flex gap-1.5", children: [
+            "Hide",
+            /* @__PURE__ */ e(k, { className: "size-5" })
+          ] })
+        }
+      ) })
+    ] })
+  ] });
+}
+const y = [
+  {
+    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 {
+  He as TournamentItemMobile
+};

package/dist/components/Tournaments/TournamentRules.d.ts

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

package/dist/components/Tournaments/TournamentRules.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"),u=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 l(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:"Tournament 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(u.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:"Tournament 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.TournamentRules=l;

package/dist/components/Tournaments/TournamentRules.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 n, Backdrop as s, Positioner as a, Content as p, CloseTrigger as d } 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 J(e) {
+  return /* @__PURE__ */ r(
+    l,
+    {
+      lazyMount: !0,
+      unmountOnExit: !0,
+      closeOnEscape: !1,
+      closeOnInteractOutside: !1,
+      children: [
+        /* @__PURE__ */ t(n, { asChild: !0, children: e.children ?? /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "text-button-tertiary-fg flex text-sm font-semibold",
+            children: "Tournament Rules"
+          }
+        ) }),
+        /* @__PURE__ */ r(i, { children: [
+          /* @__PURE__ */ t(s, {}),
+          /* @__PURE__ */ t(a, { children: /* @__PURE__ */ r(p, { 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(d, { children: /* @__PURE__ */ t(o, {}) })
+              ] }),
+              /* @__PURE__ */ t("div", { className: "text-text-primary-900 text-lg font-semibold", children: "Tournament 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 {
+  J as TournamentRules
+};

package/dist/components/Tournaments/Tournaments.d.ts

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

package/dist/components/Tournaments/Tournaments.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 n=require("./TournamentItem.js"),a=require("./TournamentItemMobile.js");function l(i){var s;const u=((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 u.length<=0?null:r.jsxs("div",{className:i.className,children:[r.jsx("div",{className:"mb-3 text-lg font-semibold lg:mb-4.5",children:i.heading??"Tournaments"}),r.jsx("div",{className:"hidden flex-col gap-6 lg:flex",children:u.map(e=>r.jsx(n.TournamentItem,{jackpot:e},e.id))}),r.jsx("div",{className:"flex flex-col gap-6 lg:hidden",children:u.map(e=>r.jsx(a.TournamentItemMobile,{jackpot:e},e.id))})]})}exports.Tournaments=l;

package/dist/components/Tournaments/Tournaments.mjs

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs as i, jsx as r } 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 s } from "../../client/hooks/useJackpotsQuery.mjs";
+import "usehooks-ts";
+import { TournamentItem as l } from "./TournamentItem.mjs";
+import { TournamentItemMobile as a } from "./TournamentItemMobile.mjs";
+function O(o) {
+  var m;
+  const t = ((m = s({
+    first: 100,
+    filter: {
+      status: {
+        equal: "ACTIVE"
+      },
+      deleted: {
+        equal: !1
+      }
+    },
+    sort: {
+      cursor: "POOL",
+      order: "DESC"
+    }
+  }).data) == null ? void 0 : m.pages[0].edges.map((e) => e.node)) ?? [];
+  return t.length <= 0 ? null : /* @__PURE__ */ i("div", { className: o.className, children: [
+    /* @__PURE__ */ r("div", { className: "mb-3 text-lg font-semibold lg:mb-4.5", children: o.heading ?? "Tournaments" }),
+    /* @__PURE__ */ r("div", { className: "hidden flex-col gap-6 lg:flex", children: t.map((e) => /* @__PURE__ */ r(l, { jackpot: e }, e.id)) }),
+    /* @__PURE__ */ r("div", { className: "flex flex-col gap-6 lg:hidden", children: t.map((e) => /* @__PURE__ */ r(a, { jackpot: e }, e.id)) })
+  ] });
+}
+export {
+  O as Tournaments
+};

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

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

package/dist/components/TransactionRecords/DepositRecordsTable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("@ark-ui/react"),l=require("@date-fns/tz");require("@opexa/portal-sdk-core");const o=require("date-fns"),x=require("react");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const c=require("../../utils/capitalize.js"),m=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const w=require("../../client/hooks/useDepositRecordsQuery.js");require("../../client/hooks/useGlobalStore.js");const y=require("../../client/hooks/useInfiniteQueryHelper.js"),P=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const H=require("../../icons/ChevronDownIcon.js"),F=require("../../icons/ChevronLeftIcon.js"),L=require("../../icons/ChevronRightIcon.js"),O=require("../../icons/File02Icon.js"),M=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");const p=require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const q=require("../../ui/IconButton/IconButton.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");const n=require("../../ui/Select/Select.js"),i=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const A=require("../Empty/Empty.js"),k=require("./TableFilters.js");function B(){const[s,N]=x.useState(),[d,b]=x.useState(),t=P.useLocaleInfo(),{page:f,pageSize:C,hasNextPage:v,hasPrevPage:I,next:S,prev:z,rows:u,setPageSize:D,totalPages:T,loading:a,firstPage:R}=y.useInfiniteQueryHelper(w.useDepositRecordsQuery,{filter:{...d&&{status:{equal:d}},...s&&{dateTimeCreated:{...s.start&&{greaterThanOrEqual:new l.TZDateMini(o.startOfDay(s.start),t.timezone).toISOString()},...s.end&&{lesserThanOrEqual:new l.TZDateMini(o.endOfDay(s.end),t.timezone).toISOString()}}}}});return e.jsxs(e.Fragment,{children:[e.jsx(k.TableFilters,{enabledFilters:{depositStatus:!0},value:{timestamp:s,depositStatus:d},onChange:r=>{R(),N(r.timestamp),b(r.depositStatus)}}),u.length<=0&&e.jsx(A.Empty,{icon:a?M.SpinnerIcon:O.File02Icon,title:a?"Just a moment":"No data",message:a?"Fetching latest deposit records...":"No data is currently available.",className:"mt-5xl"}),u.length>=1&&e.jsxs("div",{className:"border-border-primary -ml-4 mt-3xl w-dvw border-y lg:-ml-0 lg:w-full lg:rounded-xl lg:border-x",children:[e.jsx("div",{className:"border-border-primary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-xl rounded-b-none border-b",children:e.jsxs(i.Root,{className:"border-0",children:[e.jsx(i.Header,{children:e.jsxs(i.Row,{children:[e.jsx(i.Heading,{children:"Deposit No."}),e.jsx(i.Heading,{children:"Reference"}),e.jsx(i.Heading,{children:"Deposit Method"}),e.jsx(i.Heading,{children:"Applied Amount"}),e.jsx(i.Heading,{children:"Recieved Amount"}),e.jsx(i.Heading,{children:"Transaction Fee"}),e.jsx(i.Heading,{children:"Deposit Time"}),e.jsx(i.Heading,{children:"Recieved Time"}),e.jsx(i.Heading,{children:"Status"})]})}),e.jsx(i.Body,{children:u.map(r=>e.jsxs(i.Row,{children:[e.jsx(i.Cell,{className:"!py-1",children:r.depositNumber}),e.jsx(i.Cell,{className:"!py-1",children:r.reference}),e.jsx(i.Cell,{className:"!py-1",children:c.capitalize(r.type,{delimiter:c.capitalize.delimiters.UNDERSCORE})}),e.jsx(i.Cell,{className:"!py-1",children:m.formatNumber(r.amount,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsx(i.Cell,{className:"!py-1",children:m.formatNumber(r.netAmount,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsx(i.Cell,{className:"!py-1",children:m.formatNumber(r.fee,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsxs(i.Cell,{className:"!py-1",children:[e.jsx("div",{className:"leading-tight",children:o.format(r.dateTimeCreated,"MM/dd/yyyy",{in:l.tz(t.timezone)})}),e.jsx("div",{className:"text-text-tertiary-600 leading-tight",children:o.format(r.dateTimeCreated,"hh:mm a",{in:l.tz(t.timezone)})})]}),e.jsx(i.Cell,{className:"!py-1",children:(r.status==="CONFIRMED"||r.status==="APPROVED")&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"leading-tight",children:o.format(r.dateTimeLastUpdated,"MM/dd/yyyy",{in:l.tz(t.timezone)})}),e.jsx("div",{className:"text-text-tertiary-600 leading-tight",children:o.format(r.dateTimeLastUpdated,"hh:mm a",{in:l.tz(t.timezone)})})]})}),e.jsx(i.Cell,{className:"!py-1",children:e.jsx(p.Root,{variant:"subtle",colorScheme:r.status==="FAILED"||r.status==="REJECTED"||r.status==="CANCELLED"?"danger":r.status==="PENDING"?"warning":"success",children:e.jsx(p.Label,{children:c.capitalize(r.status,{delimiter:c.capitalize.delimiters.UNDERSCORE})})})})]},r.id))})]})}),e.jsxs("div",{className:"flex items-center gap-lg px-4 py-3",children:[e.jsxs("p",{className:"text-text-secondary-700 order-2 grow text-center text-sm font-medium lg:order-none lg:grow-0",children:["Page ",f," of ",T]}),e.jsx("div",{className:"hidden grow lg:block"}),e.jsx(n.Root,{size:"sm",value:[C.toString()],onValueChange:r=>{const g=parseInt(r.value[0]),E=isNaN(g)?10:g;D(E)},collection:h,lazyMount:!0,className:"hidden lg:block",children:e.jsxs(n.Trigger,{children:[e.jsx(n.ValueText,{}),e.jsx(n.Indicator,{asChild:!0,children:e.jsx(H.ChevronDownIcon,{})}),e.jsx(j.Portal,{children:e.jsx(n.Positioner,{children:e.jsx(n.Content,{children:h.items.map(r=>e.jsx(n.Item,{item:r,children:h.stringifyItem(r)},r))})})})]})}),e.jsxs("div",{className:"contents lg:flex",children:[e.jsx(q.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"order-1 lg:order-none lg:rounded-r-none lg:border-r-0",disabled:!I||a,onClick:()=>z(),children:e.jsx(F.ChevronLeftIcon,{className:"size-5"})}),e.jsx(q.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"order-3 lg:order-none lg:rounded-l-none",disabled:!v||a,onClick:()=>S(),children:e.jsx(L.ChevronRightIcon,{className:"size-5"})})]})]})]})]})}const h=j.createListCollection({items:y.useInfiniteQueryHelper.config.pageSizes,itemToValue:s=>s.toString(),itemToString:s=>`${s} items per page`});exports.DepositRecordsTable=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("@ark-ui/react"),l=require("@date-fns/tz");require("@opexa/portal-sdk-core");const o=require("date-fns"),x=require("react");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const a=require("../../utils/capitalize.js"),m=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");const w=require("../../client/hooks/useDepositRecordsQuery.js");require("../../client/hooks/useGlobalStore.js");const y=require("../../client/hooks/useInfiniteQueryHelper.js"),P=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const H=require("../../icons/CheckIcon.js"),F=require("../../icons/ChevronDownIcon.js"),L=require("../../icons/ChevronLeftIcon.js"),O=require("../../icons/ChevronRightIcon.js"),M=require("../../icons/File02Icon.js"),k=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");const p=require("../../ui/Badge/Badge.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");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const q=require("../../ui/IconButton/IconButton.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");const n=require("../../ui/Select/Select.js"),i=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const A=require("../Empty.js"),B=require("./TableFilters.js");function Q(){const[s,N]=x.useState(),[d,b]=x.useState(),t=P.useLocaleInfo(),{page:f,pageSize:C,hasNextPage:I,hasPrevPage:v,next:S,prev:z,rows:u,setPageSize:D,totalPages:T,loading:c,firstPage:R}=y.useInfiniteQueryHelper(w.useDepositRecordsQuery,{filter:{...d&&{status:{equal:d}},...s&&{dateTimeCreated:{...s.start&&{greaterThanOrEqual:new l.TZDateMini(o.startOfDay(s.start),t.timezone).toISOString()},...s.end&&{lesserThanOrEqual:new l.TZDateMini(o.endOfDay(s.end),t.timezone).toISOString()}}}}});return e.jsxs(e.Fragment,{children:[e.jsx(B.TableFilters,{enabledFilters:{depositStatus:!0},value:{timestamp:s,depositStatus:d},onChange:r=>{R(),N(r.timestamp),b(r.depositStatus)}}),u.length<=0&&e.jsx(A.Empty,{icon:c?k.SpinnerIcon:M.File02Icon,title:c?"Just a moment":"No data",message:c?"Fetching latest deposit records...":"No data is currently available.",className:"mt-5xl"}),u.length>=1&&e.jsxs("div",{className:"border-border-primary -ml-4 mt-3xl w-dvw border-y lg:-ml-0 lg:w-full lg:rounded-xl lg:border-x",children:[e.jsx("div",{className:"border-border-primary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-xl rounded-b-none border-b",children:e.jsxs(i.Root,{className:"border-0",children:[e.jsx(i.Header,{children:e.jsxs(i.Row,{children:[e.jsx(i.Heading,{children:"Deposit No."}),e.jsx(i.Heading,{children:"Reference"}),e.jsx(i.Heading,{children:"Deposit Method"}),e.jsx(i.Heading,{children:"Applied Amount"}),e.jsx(i.Heading,{children:"Recieved Amount"}),e.jsx(i.Heading,{children:"Transaction Fee"}),e.jsx(i.Heading,{children:"Deposit Time"}),e.jsx(i.Heading,{children:"Recieved Time"}),e.jsx(i.Heading,{children:"Status"})]})}),e.jsx(i.Body,{children:u.map(r=>e.jsxs(i.Row,{children:[e.jsx(i.Cell,{className:"!py-1",children:r.depositNumber}),e.jsx(i.Cell,{className:"!py-1",children:r.reference}),e.jsx(i.Cell,{className:"!py-1",children:a.capitalize(r.type,{delimiter:a.capitalize.delimiters.UNDERSCORE})}),e.jsx(i.Cell,{className:"!py-1",children:m.formatNumber(r.amount,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsx(i.Cell,{className:"!py-1",children:m.formatNumber(r.netAmount,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsx(i.Cell,{className:"!py-1",children:m.formatNumber(r.fee,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsxs(i.Cell,{className:"!py-1",children:[e.jsx("div",{className:"leading-tight",children:o.format(r.dateTimeCreated,"MM/dd/yyyy",{in:l.tz(t.timezone)})}),e.jsx("div",{className:"text-text-tertiary-600 leading-tight",children:o.format(r.dateTimeCreated,"hh:mm a",{in:l.tz(t.timezone)})})]}),e.jsx(i.Cell,{className:"!py-1",children:(r.status==="CONFIRMED"||r.status==="APPROVED")&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"leading-tight",children:o.format(r.dateTimeLastUpdated,"MM/dd/yyyy",{in:l.tz(t.timezone)})}),e.jsx("div",{className:"text-text-tertiary-600 leading-tight",children:o.format(r.dateTimeLastUpdated,"hh:mm a",{in:l.tz(t.timezone)})})]})}),e.jsx(i.Cell,{className:"!py-1",children:e.jsx(p.Root,{variant:"subtle",colorScheme:r.status==="FAILED"||r.status==="REJECTED"||r.status==="CANCELLED"?"danger":r.status==="PENDING"?"warning":"success",children:e.jsx(p.Label,{children:a.capitalize(r.status,{delimiter:a.capitalize.delimiters.UNDERSCORE})})})})]},r.id))})]})}),e.jsxs("div",{className:"flex items-center gap-lg px-4 py-3",children:[e.jsxs("p",{className:"text-text-secondary-700 order-2 grow text-center text-sm font-medium lg:order-none lg:grow-0",children:["Page ",f," of ",T]}),e.jsx("div",{className:"hidden grow lg:block"}),e.jsx(n.Root,{size:"sm",value:[C.toString()],onValueChange:r=>{const g=parseInt(r.value[0]),E=isNaN(g)?10:g;D(E)},collection:h,lazyMount:!0,className:"hidden lg:block",positioning:{sameWidth:!0},children:e.jsxs(n.Trigger,{children:[e.jsx(n.ValueText,{}),e.jsx(n.Indicator,{asChild:!0,children:e.jsx(F.ChevronDownIcon,{})}),e.jsx(j.Portal,{children:e.jsx(n.Positioner,{children:e.jsx(n.Content,{children:h.items.map(r=>e.jsxs(n.Item,{item:r,children:[e.jsx(n.ItemText,{children:h.stringifyItem(r)}),e.jsx(n.ItemIndicator,{asChild:!0,children:e.jsx(H.CheckIcon,{})})]},r))})})})]})}),e.jsxs("div",{className:"contents lg:flex",children:[e.jsx(q.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"order-1 lg:order-none lg:rounded-r-none lg:border-r-0",disabled:!v||c,onClick:()=>z(),children:e.jsx(L.ChevronLeftIcon,{className:"size-5"})}),e.jsx(q.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"order-3 lg:order-none lg:rounded-l-none",disabled:!I||c,onClick:()=>S(),children:e.jsx(O.ChevronRightIcon,{className:"size-5"})})]})]})]})]})}const h=j.createListCollection({items:y.useInfiniteQueryHelper.config.pageSizes,itemToValue:s=>s.toString(),itemToString:s=>`${s} items per page`});exports.DepositRecordsTable=Q;