@opexa/portal-components 0.0.8 → 0.0.9

package/dist/components/TournamentCounter/TournamentCounter.mjs

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

package/dist/components/TournamentCounter/TournamentCounterItem.js

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

package/dist/components/TournamentCounter/TournamentCounterItem.mjs

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

package/dist/components/TransactionRecords/DepositRecordsTable.js

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