@opexa/portal-components 0.0.10 → 0.0.11

package/dist/components/TournamentCounter/TournamentCounter.mjs

@@ -1,8 +1,8 @@
 "use client";
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import g from "embla-carousel-react";
-import j from "../../_virtual/link.mjs";
-import { useCallback as s, useState as n, useEffect as v } from "react";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import x from "embla-carousel-react";
+import b from "next/link";
+import { useCallback as s, useState as a, useEffect as S } from "react";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -18,14 +18,14 @@ import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@ope
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { useTournamentsQuery as b } from "../../hooks/useTournamentsQuery.mjs";
-import { ArrowLeftIcon as S } from "../../icons/ArrowLeftIcon.mjs";
-import { ArrowRightIcon as C } from "../../icons/ArrowRightIcon.mjs";
-import { ChevronRightIcon as w } from "../../icons/ChevronRightIcon.mjs";
+import { useTournamentsQuery as C } from "../../hooks/useTournamentsQuery.mjs";
+import { ArrowLeftIcon as w } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as y } from "../../icons/ArrowRightIcon.mjs";
+import { ChevronRightIcon as A } from "../../icons/ChevronRightIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
-import { Button as a } from "../../ui/Button/Button.mjs";
+import { Button as c } from "../../ui/Button/Button.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
@@ -42,84 +42,84 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { TournamentCounterItem as y } from "./TournamentCounterItem.mjs";
-function Ne(l) {
-  var m;
-  const [c, e] = g({
+import { TournamentCounterItem as I } from "./TournamentCounterItem.mjs";
+function ve(i) {
+  var n;
+  const [p, e] = x({
     align: "start",
     slidesToScroll: 1
-  }), p = s(() => {
+  }), d = s(() => {
     e && e.scrollPrev();
-  }, [e]), d = s(() => {
+  }, [e]), f = s(() => {
     e && e.scrollNext();
-  }, [e]), [f, u] = n(!1), [x, h] = n(!1), t = s(() => {
-    e && (u(e.canScrollPrev()), h(e.canScrollNext()));
+  }, [e]), [u, h] = a(!1), [N, g] = a(!1), t = s(() => {
+    e && (h(e.canScrollPrev()), g(e.canScrollNext()));
   }, [e]);
-  v(() => {
+  S(() => {
     e && (t(), e.on("select", t), e.on("reInit", t));
   }, [e, t]);
-  const i = ((m = b({
+  const m = ((n = C({
     first: 100,
     filter: {
       status: {
         equal: "ACTIVE"
       }
     }
-  }).data) == null ? void 0 : m.pages[0].edges.map((o) => o.node)) ?? [];
-  return i.length <= 0 ? null : /* @__PURE__ */ r.jsxs("div", { className: l.className, children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "mb-3 flex items-center justify-between md:mb-4", children: [
-      /* @__PURE__ */ r.jsx("div", { className: "text-lg font-semibold", children: l.heading }),
-      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center md:gap-3xl", children: [
-        /* @__PURE__ */ r.jsxs(
-          j,
+  }).data) == null ? void 0 : n.pages[0].edges.map((l) => l.node)) ?? [];
+  return m.length <= 0 ? null : /* @__PURE__ */ o("div", { className: i.className, children: [
+    /* @__PURE__ */ o("div", { className: "mb-3 flex items-center justify-between md:mb-4", children: [
+      /* @__PURE__ */ r("div", { className: "text-lg font-semibold", children: i.heading }),
+      /* @__PURE__ */ o("div", { className: "flex items-center md:gap-3xl", children: [
+        /* @__PURE__ */ o(
+          b,
           {
-            href: l.seeAllUrl,
+            href: i.seeAllUrl,
             className: "flex gap-sm text-sm font-semibold",
             children: [
               "See All",
-              /* @__PURE__ */ r.jsx(w, { className: "size-5 lg:hidden" })
+              /* @__PURE__ */ r(A, { className: "size-5 lg:hidden" })
             ]
           }
         ),
-        /* @__PURE__ */ r.jsxs("div", { className: "hidden lg:flex", children: [
-          /* @__PURE__ */ r.jsx(
-            a,
+        /* @__PURE__ */ o("div", { className: "hidden lg:flex", children: [
+          /* @__PURE__ */ r(
+            c,
             {
-              disabled: !f,
-              onClick: p,
+              disabled: !u,
+              onClick: d,
               variant: "outline",
               colorScheme: "gray",
               className: "rounded-r-none border-r-0",
               "aria-label": "Previous",
-              children: /* @__PURE__ */ r.jsx(S, { className: "size-5" })
+              children: /* @__PURE__ */ r(w, { className: "size-5" })
             }
           ),
-          /* @__PURE__ */ r.jsx(
-            a,
+          /* @__PURE__ */ r(
+            c,
             {
-              disabled: !x,
-              onClick: d,
+              disabled: !N,
+              onClick: f,
               variant: "outline",
               colorScheme: "gray",
               className: "rounded-l-none",
               "aria-label": "Next",
-              children: /* @__PURE__ */ r.jsx(C, { className: "size-5" })
+              children: /* @__PURE__ */ r(y, { className: "size-5" })
             }
           )
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsx("div", { className: "w-full overflow-hidden", ref: c, children: /* @__PURE__ */ r.jsx("div", { className: "flex gap-2.5", children: i.map((o, N) => /* @__PURE__ */ r.jsx(
-      y,
+    /* @__PURE__ */ r("div", { className: "w-full overflow-hidden", ref: p, children: /* @__PURE__ */ r("div", { className: "flex gap-2.5", children: m.map((l, v) => /* @__PURE__ */ r(
+      I,
       {
-        index: N,
-        tournament: o,
-        className: i.length < 2 ? "w-full" : "w-full lg:w-[calc((100%-0.75rem)/2)]"
+        index: v,
+        tournament: l,
+        className: m.length < 2 ? "w-full" : "w-full lg:w-[calc((100%-0.75rem)/2)]"
       },
-      o.id
+      l.id
     )) }) })
   ] });
 }
 export {
-  Ne as TournamentCounter
+  ve as TournamentCounter
 };

package/dist/components/TournamentCounter/TournamentCounterItem.d.ts

@@ -1,7 +1,8 @@
 import { Tournament } from '@opexa/portal-sdk-core';
+import { default as React } from 'react';
 export interface JackpotCounterCardProps {
     tournament: Tournament;
     className?: string;
     index: number;
 }
-export declare function TournamentCounterItem({ tournament, className, index, }: JackpotCounterCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function TournamentCounterItem({ tournament, className, index, }: JackpotCounterCardProps): React.JSX.Element;

package/dist/components/TournamentCounter/TournamentCounterItem.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("lodash-es"),v=require("../../_virtual/image.js"),t=require("react"),m=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const R=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const q=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const w=require("../../icons/Award02Icon.js"),N=require("../../images/ball.png.js"),M=require("../../images/card.png.js"),I=require("../../images/trophy.png.js");function T({tournament:r,className:d,index:f}){const j=q.useLocaleInfo(),h=o.sum(o.map(r.rewardSettings,Number)),[n,c]=t.useState({days:0,hours:0,minutes:0,isPast:!1}),a=t.useMemo(()=>new Date(r.activationEndDateTime),[r.activationEndDateTime]),l=t.useCallback(()=>{const s=new Date,i=a.getTime()-s.getTime();if(i<=0){c({days:0,hours:0,minutes:0,isPast:!0});return}const u=Math.floor(i/1e3),g=Math.floor(u/(3600*24)),b=Math.floor(u%(3600*24)/3600),y=Math.floor(u%3600/60),E=o.pick({days:g,hours:b,minutes:y,isPast:!1},["days","hours","minutes","isPast"]);c(E)},[a]);t.useEffect(()=>{l();const s=setInterval(l,60*1e3);return()=>clearInterval(s)},[a,l]);const x=[{label:"Day",value:n.days},{label:"Hour",value:n.hours},{label:"Min",value:n.minutes}],p=[{image:I},{image:M},{image:N}];return e.jsxRuntimeExports.jsxs("div",{className:m.twMerge("bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",d),children:[e.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-full justify-between",children:[e.jsxRuntimeExports.jsxs("div",{className:"border-gray-700 bg-gray-300 flex h-fit w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsxRuntimeExports.jsx(w.Award02Icon,{className:"size-3.5"}),"Multiplier"]}),e.jsxRuntimeExports.jsx("div",{className:"flex h-fit",children:x.map((s,i)=>e.jsxRuntimeExports.jsxs(t.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:m.twMerge("rounded-xs bg-gray-600 text-gray-50 flex h-fit w-8 flex-col items-center pb-1.5"),children:[e.jsxRuntimeExports.jsx("span",{className:"text-base font-medium",children:String(s.value).padStart(2,"0")}),e.jsxRuntimeExports.jsx("span",{className:"text-[8px]",children:s.label})]}),i<x.length-1&&e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col justify-center gap-[6px] px-[6px]",children:[e.jsxRuntimeExports.jsx("div",{className:"h-1 w-1 rounded-full bg-[#09232E]"}),e.jsxRuntimeExports.jsx("div",{className:"h-1 w-1 rounded-full bg-[#09232E]"})]})]},s.label))})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex h-fit flex-col justify-between text-left",children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:"text-lg font-semibold",children:r.name}),e.jsxRuntimeExports.jsx("div",{className:"bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold",children:R.formatNumber(h,{currency:j.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsxRuntimeExports.jsx("div",{className:"mt-4 text-base font-medium",children:"Play and Win!"})]}),e.jsxRuntimeExports.jsx("div",{className:"flex h-full items-end",children:e.jsxRuntimeExports.jsx("div",{className:"h-24 w-auto shrink-0",children:e.jsxRuntimeExports.jsx(v,{quality:100,width:100,height:100,src:p[f%3].image,alt:"",className:"h-full w-auto"})})})]})]})}exports.TournamentCounterItem=T;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("lodash-es"),w=require("next/image"),t=require("react"),m=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const N=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const p=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const M=require("../../icons/Award02Icon.js"),I=require("../../images/ball.png.js"),T=require("../../images/card.png.js"),P=require("../../images/trophy.png.js");function D({tournament:r,className:f,index:x}){const h=p.useLocaleInfo(),g=u.sum(u.map(r.rewardSettings,Number)),[i,o]=t.useState({days:0,hours:0,minutes:0,isPast:!1}),l=t.useMemo(()=>new Date(r.activationEndDateTime),[r.activationEndDateTime]),n=t.useCallback(()=>{const s=new Date,a=l.getTime()-s.getTime();if(a<=0){o({days:0,hours:0,minutes:0,isPast:!0});return}const c=Math.floor(a/1e3),y=Math.floor(c/(3600*24)),j=Math.floor(c%(3600*24)/3600),v=Math.floor(c%3600/60),q=u.pick({days:y,hours:j,minutes:v,isPast:!1},["days","hours","minutes","isPast"]);o(q)},[l]);t.useEffect(()=>{n();const s=setInterval(n,60*1e3);return()=>clearInterval(s)},[l,n]);const d=[{label:"Day",value:i.days},{label:"Hour",value:i.hours},{label:"Min",value:i.minutes}],b=[{image:P},{image:T},{image:I}];return e.jsxs("div",{className:m.twMerge("bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",f),children:[e.jsxs("div",{className:"flex h-full w-full justify-between",children:[e.jsxs("div",{className:"border-gray-700 bg-gray-300 flex h-fit w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx(M.Award02Icon,{className:"size-3.5"}),"Multiplier"]}),e.jsx("div",{className:"flex h-fit",children:d.map((s,a)=>e.jsxs(t.Fragment,{children:[e.jsxs("div",{className:m.twMerge("rounded-xs bg-gray-600 text-gray-50 flex h-fit w-8 flex-col items-center pb-1.5"),children:[e.jsx("span",{className:"text-base font-medium",children:String(s.value).padStart(2,"0")}),e.jsx("span",{className:"text-[8px]",children:s.label})]}),a<d.length-1&&e.jsxs("div",{className:"flex flex-col justify-center gap-[6px] px-[6px]",children:[e.jsx("div",{className:"h-1 w-1 rounded-full bg-[#09232E]"}),e.jsx("div",{className:"h-1 w-1 rounded-full bg-[#09232E]"})]})]},s.label))})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("div",{className:"flex h-fit flex-col justify-between text-left",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-lg font-semibold",children:r.name}),e.jsx("div",{className:"bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold",children:N.formatNumber(g,{currency:h.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"mt-4 text-base font-medium",children:"Play and Win!"})]}),e.jsx("div",{className:"flex h-full items-end",children:e.jsx("div",{className:"h-24 w-auto shrink-0",children:e.jsx(w,{quality:100,width:100,height:100,src:b[x%3].image,alt:"",className:"h-full w-auto"})})})]})]})}exports.TournamentCounterItem=D;

package/dist/components/TournamentCounter/TournamentCounterItem.mjs

@@ -1,15 +1,15 @@
 "use client";
-import { j as e } from "../../_virtual/jsx-runtime.mjs";
-import { sum as y, map as N, pick as w } from "lodash-es";
-import M from "../../_virtual/image.mjs";
-import c, { useState as D, useMemo as I, useEffect as P } from "react";
-import { twMerge as d } from "tailwind-merge";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { sum as w, map as M, pick as D } from "lodash-es";
+import I from "next/image";
+import d, { useState as P, useMemo as T, useEffect as j } from "react";
+import { twMerge as f } 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 T } from "../../utils/formatNumber.mjs";
+import { formatNumber as E } from "../../utils/formatNumber.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
@@ -18,110 +18,110 @@ import "../../utils/toaster.mjs";
 import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as E } from "../../hooks/useLocaleInfo.mjs";
+import { useLocaleInfo as R } from "../../hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
-import { Award02Icon as R } from "../../icons/Award02Icon.mjs";
-import S from "../../images/ball.png.mjs";
-import k from "../../images/card.png.mjs";
-import C from "../../images/trophy.png.mjs";
-function re({
-  tournament: s,
-  className: f,
-  index: u
+import { Award02Icon as S } from "../../icons/Award02Icon.mjs";
+import k from "../../images/ball.png.mjs";
+import C from "../../images/card.png.mjs";
+import _ from "../../images/trophy.png.mjs";
+function se({
+  tournament: i,
+  className: u,
+  index: p
 }) {
-  const x = E(), p = y(N(s.rewardSettings, Number)), [i, o] = D({
+  const h = R(), x = w(M(i.rewardSettings, Number)), [l, n] = P({
     days: 0,
     hours: 0,
     minutes: 0,
     isPast: !1
-  }), r = I(
-    () => new Date(s.activationEndDateTime),
-    [s.activationEndDateTime]
-  ), l = c.useCallback(() => {
-    const t = /* @__PURE__ */ new Date(), a = r.getTime() - t.getTime();
-    if (a <= 0) {
-      o({ days: 0, hours: 0, minutes: 0, isPast: !0 });
+  }), s = T(
+    () => new Date(i.activationEndDateTime),
+    [i.activationEndDateTime]
+  ), m = d.useCallback(() => {
+    const a = /* @__PURE__ */ new Date(), r = s.getTime() - a.getTime();
+    if (r <= 0) {
+      n({ days: 0, hours: 0, minutes: 0, isPast: !0 });
       return;
     }
-    const m = Math.floor(a / 1e3), g = Math.floor(m / (3600 * 24)), b = Math.floor(m % (3600 * 24) / 3600), j = Math.floor(m % 3600 / 60), v = w({ days: g, hours: b, minutes: j, isPast: !1 }, [
+    const o = Math.floor(r / 1e3), b = Math.floor(o / (3600 * 24)), v = Math.floor(o % (3600 * 24) / 3600), y = Math.floor(o % 3600 / 60), N = D({ days: b, hours: v, minutes: y, isPast: !1 }, [
       "days",
       "hours",
       "minutes",
       "isPast"
     ]);
-    o(v);
-  }, [r]);
-  P(() => {
-    l();
-    const t = setInterval(l, 60 * 1e3);
-    return () => clearInterval(t);
-  }, [r, l]);
-  const n = [
-    { label: "Day", value: i.days },
-    { label: "Hour", value: i.hours },
-    { label: "Min", value: i.minutes }
-  ], h = [
+    n(N);
+  }, [s]);
+  j(() => {
+    m();
+    const a = setInterval(m, 60 * 1e3);
+    return () => clearInterval(a);
+  }, [s, m]);
+  const c = [
+    { label: "Day", value: l.days },
+    { label: "Hour", value: l.hours },
+    { label: "Min", value: l.minutes }
+  ], g = [
     {
-      image: C
+      image: _
     },
     {
-      image: k
+      image: C
     },
     {
-      image: S
+      image: k
     }
   ];
-  return /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: d(
+      className: f(
         "bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",
-        f
+        u
       ),
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex h-full w-full justify-between", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "border-gray-700 bg-gray-300 flex h-fit w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium", children: [
-            /* @__PURE__ */ e.jsx(R, { className: "size-3.5" }),
+        /* @__PURE__ */ t("div", { className: "flex h-full w-full justify-between", children: [
+          /* @__PURE__ */ t("div", { className: "border-gray-700 bg-gray-300 flex h-fit w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium", children: [
+            /* @__PURE__ */ e(S, { className: "size-3.5" }),
             "Multiplier"
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "flex h-fit", children: n.map((t, a) => /* @__PURE__ */ e.jsxs(c.Fragment, { children: [
-            /* @__PURE__ */ e.jsxs(
+          /* @__PURE__ */ e("div", { className: "flex h-fit", children: c.map((a, r) => /* @__PURE__ */ t(d.Fragment, { children: [
+            /* @__PURE__ */ t(
               "div",
               {
-                className: d(
+                className: f(
                   "rounded-xs bg-gray-600 text-gray-50 flex h-fit w-8 flex-col items-center pb-1.5"
                 ),
                 children: [
-                  /* @__PURE__ */ e.jsx("span", { className: "text-base font-medium", children: String(t.value).padStart(2, "0") }),
-                  /* @__PURE__ */ e.jsx("span", { className: "text-[8px]", children: t.label })
+                  /* @__PURE__ */ e("span", { className: "text-base font-medium", children: String(a.value).padStart(2, "0") }),
+                  /* @__PURE__ */ e("span", { className: "text-[8px]", children: a.label })
                 ]
               }
             ),
-            a < n.length - 1 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-[6px] px-[6px]", children: [
-              /* @__PURE__ */ e.jsx("div", { className: "h-1 w-1 rounded-full bg-[#09232E]" }),
-              /* @__PURE__ */ e.jsx("div", { className: "h-1 w-1 rounded-full bg-[#09232E]" })
+            r < c.length - 1 && /* @__PURE__ */ t("div", { className: "flex flex-col justify-center gap-[6px] px-[6px]", children: [
+              /* @__PURE__ */ e("div", { className: "h-1 w-1 rounded-full bg-[#09232E]" }),
+              /* @__PURE__ */ e("div", { className: "h-1 w-1 rounded-full bg-[#09232E]" })
             ] })
-          ] }, t.label)) })
+          ] }, a.label)) })
         ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex h-fit flex-col justify-between text-left", children: [
-            /* @__PURE__ */ e.jsxs("div", { children: [
-              /* @__PURE__ */ e.jsx("div", { className: "text-lg font-semibold", children: s.name }),
-              /* @__PURE__ */ e.jsx("div", { className: "bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold", children: T(p, {
-                currency: x.currency.code,
+        /* @__PURE__ */ t("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ t("div", { className: "flex h-fit flex-col justify-between text-left", children: [
+            /* @__PURE__ */ t("div", { children: [
+              /* @__PURE__ */ e("div", { className: "text-lg font-semibold", children: i.name }),
+              /* @__PURE__ */ e("div", { className: "bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold", children: E(x, {
+                currency: h.currency.code,
                 minDecimalPlaces: 2,
                 maxDecimalPlaces: 2
               }) })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "mt-4 text-base font-medium", children: "Play and Win!" })
+            /* @__PURE__ */ e("div", { className: "mt-4 text-base font-medium", children: "Play and Win!" })
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-end", children: /* @__PURE__ */ e.jsx("div", { className: "h-24 w-auto shrink-0", children: /* @__PURE__ */ e.jsx(
-            M,
+          /* @__PURE__ */ e("div", { className: "flex h-full items-end", children: /* @__PURE__ */ e("div", { className: "h-24 w-auto shrink-0", children: /* @__PURE__ */ e(
+            I,
             {
               quality: 100,
               width: 100,
               height: 100,
-              src: h[u % 3].image,
+              src: g[p % 3].image,
               alt: "",
               className: "h-full w-auto"
             }
@@ -132,5 +132,5 @@ function re({
   );
 }
 export {
-  re as TournamentCounterItem
+  se as TournamentCounterItem
 };

package/dist/components/TransactionRecords/DepositRecordsTable.d.ts

@@ -1 +1 @@
-export declare function DepositRecordsTable(): import("react/jsx-runtime").JSX.Element;
+export declare function DepositRecordsTable(): import("react").JSX.Element;

package/dist/components/TransactionRecords/DepositRecordsTable.js

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