@opexa/portal-components 0.0.19 → 0.0.21

package/dist/components/DepositWithdrawal/DepositWithdrawalTrigger.d.ts

@@ -1,4 +1,5 @@
-import { HTMLArkProps } from '@ark-ui/react';
-export interface DepositWithdrawalTriggerProps extends HTMLArkProps<'button'> {
+import { ComponentPropsWithRef } from 'react';
+export interface DepositWithdrawalTriggerProps extends ComponentPropsWithRef<'button'> {
+    asChild?: boolean;
 }
 export declare function DepositWithdrawalTrigger(props: DepositWithdrawalTriggerProps): import("react").JSX.Element;

package/dist/components/GameLaunch/GameLaunchTrigger.d.ts

@@ -2,5 +2,6 @@ import { HTMLArkProps } from '@ark-ui/react';
 import { FavoriteGame, Game } from '@opexa/portal-sdk-core';
 export interface GameLaunchTriggerProps extends HTMLArkProps<'button'> {
     game: Game | FavoriteGame;
+    asChild?: boolean;
 }
 export declare function GameLaunchTrigger(props: GameLaunchTriggerProps): import("react").JSX.Element;

package/dist/components/GamesSearch/GamesSearchTrigger.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
 export interface GamesSearchTriggerProps extends ComponentPropsWithRef<'button'> {
+    asChild?: boolean;
 }
-export declare function GamesSearchTrigger({ children, ...props }: GamesSearchTriggerProps): import("react").JSX.Element;
+export declare function GamesSearchTrigger(props: GamesSearchTriggerProps): import("react").JSX.Element;

package/dist/components/GamesSearch/GamesSearchTrigger.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("@ark-ui/react"),a=require("zustand/shallow");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");const c=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const o=require("../../icons/SearchLgIcon.js");function n({children:t,...i}){const r=c.useGlobalStore(a.useShallow(s=>({gamesSearch:s.gamesSearch})));return e.jsx(u.ark.button,{type:"button",onClick:()=>{r.gamesSearch.setOpen(!0)},"data-state":r.gamesSearch.open?"open":"closed",...i,asChild:!0,children:t??e.jsxs("button",{className:"bg-bg-primary text-text-secondary-700 flex size-10 items-center gap-lg rounded-sm px-lg",children:[e.jsx(o.SearchLgIcon,{className:"text-text-quinary size-6"}),"Search"]})})}exports.GamesSearchTrigger=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("@ark-ui/react"),n=require("zustand/shallow");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");const o=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function c(e){const r=o.useGlobalStore(n.useShallow(u=>({gamesSearch:u.gamesSearch})));return t.jsx(a.ark.button,{type:"button",...e,onClick:u=>{var i;return r.gamesSearch.setOpen(!r.gamesSearch.open),(i=e.onClick)==null?void 0:i.call(e,u)},"data-state":r.gamesSearch.open?"open":"closed"})}exports.GamesSearchTrigger=c;

package/dist/components/GamesSearch/GamesSearchTrigger.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { ark as a } from "@ark-ui/react";
-import { useShallow as p } from "zustand/shallow";
+import { jsx as m } from "react/jsx-runtime";
+import { ark as i } from "@ark-ui/react";
+import { useShallow as a } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -15,36 +15,28 @@ import "../../client/services/getSession.mjs";
 import "react";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useGlobalStore as s } from "../../client/hooks/useGlobalStore.mjs";
+import { useGlobalStore as p } from "../../client/hooks/useGlobalStore.mjs";
 import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { SearchLgIcon as c } from "../../icons/SearchLgIcon.mjs";
-function L({
-  children: e,
-  ...o
-}) {
-  const r = s(
-    p((m) => ({
-      gamesSearch: m.gamesSearch
+function T(t) {
+  const o = p(
+    a((r) => ({
+      gamesSearch: r.gamesSearch
     }))
   );
-  return /* @__PURE__ */ t(
-    a.button,
+  return /* @__PURE__ */ m(
+    i.button,
     {
       type: "button",
-      onClick: () => {
-        r.gamesSearch.setOpen(!0);
+      ...t,
+      onClick: (r) => {
+        var e;
+        return o.gamesSearch.setOpen(!o.gamesSearch.open), (e = t.onClick) == null ? void 0 : e.call(t, r);
       },
-      "data-state": r.gamesSearch.open ? "open" : "closed",
-      ...o,
-      asChild: !0,
-      children: e ?? /* @__PURE__ */ i("button", { className: "bg-bg-primary text-text-secondary-700 flex size-10 items-center gap-lg rounded-sm px-lg", children: [
-        /* @__PURE__ */ t(c, { className: "text-text-quinary size-6" }),
-        "Search"
-      ] })
+      "data-state": o.gamesSearch.open ? "open" : "closed"
     }
   );
 }
 export {
-  L as GamesSearchTrigger
+  T as GamesSearchTrigger
 };

package/dist/components/SignIn/SignInTrigger.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from 'react';
+interface SignInTriggerProps extends ComponentPropsWithRef<'button'> {
+    asChild?: boolean;
+}
+export declare function SignInTrigger(props: SignInTriggerProps): import("react").JSX.Element;
+export {};

package/dist/components/SignIn/SignInTrigger.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("@ark-ui/react"),o=require("zustand/shallow");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");const q=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function l(e){const r=q.useGlobalStore(o.useShallow(i=>({signIn:i.signIn})));return u.jsx(t.ark.button,{type:"button",...e,onClick:i=>{var n;return r.signIn.setOpen(!r.signIn.open),(n=e.onClick)==null?void 0:n.call(e,i)},"data-state":r.signIn.open?"open":"closed"})}exports.SignInTrigger=l;

package/dist/components/SignIn/SignInTrigger.mjs

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { ark as m } from "@ark-ui/react";
+import { useShallow as e } from "zustand/shallow";
+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 { useGlobalStore as p } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+function O(t) {
+  const o = p(
+    e((i) => ({
+      signIn: i.signIn
+    }))
+  );
+  return /* @__PURE__ */ n(
+    m.button,
+    {
+      type: "button",
+      ...t,
+      onClick: (i) => {
+        var r;
+        return o.signIn.setOpen(!o.signIn.open), (r = t.onClick) == null ? void 0 : r.call(t, i);
+      },
+      "data-state": o.signIn.open ? "open" : "closed"
+    }
+  );
+}
+export {
+  O as SignInTrigger
+};

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

@@ -1 +1,2 @@
 export * from './SignIn';
+export * from './SignInTrigger';

package/dist/components/SignUp/SignUpTrigger.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from 'react';
+interface SignUpTriggerProps extends ComponentPropsWithRef<'button'> {
+    asChild?: boolean;
+}
+export declare function SignUpTrigger(props: SignUpTriggerProps): import("react").JSX.Element;
+export {};

package/dist/components/SignUp/SignUpTrigger.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("@ark-ui/react"),o=require("zustand/shallow");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");const q=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function l(e){const r=q.useGlobalStore(o.useShallow(i=>({signUp:i.signUp})));return t.jsx(n.ark.button,{type:"button",...e,onClick:i=>{var u;return r.signUp.setOpen(!r.signUp.open),(u=e.onClick)==null?void 0:u.call(e,i)},"data-state":r.signUp.open?"open":"closed"})}exports.SignUpTrigger=l;

package/dist/components/SignUp/SignUpTrigger.mjs

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { ark as p } from "@ark-ui/react";
+import { useShallow as n } from "zustand/shallow";
+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 { useGlobalStore as e } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+function O(t) {
+  const o = e(
+    n((i) => ({
+      signUp: i.signUp
+    }))
+  );
+  return /* @__PURE__ */ m(
+    p.button,
+    {
+      type: "button",
+      ...t,
+      onClick: (i) => {
+        var r;
+        return o.signUp.setOpen(!o.signUp.open), (r = t.onClick) == null ? void 0 : r.call(t, i);
+      },
+      "data-state": o.signUp.open ? "open" : "closed"
+    }
+  );
+}
+export {
+  O as SignUpTrigger
+};

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

@@ -1 +1,2 @@
 export * from './SignUp';
+export * from './SignUpTrigger';

package/dist/components/TournamentCounter/TournamentCounterItem.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("lodash-es"),n=require("next/image"),s=require("react"),l=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const q=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("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const C=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const I=require("../../icons/ChevronRightIcon.js"),M=require("../../icons/StarIcon.js"),S=require("../../icons/Trophy01Icon.js"),P=require("../../icons/Award01Icon.js"),T=require("../../images/first-place.png.js"),z=require("../../images/trophy-two.png.js"),u=require("../../images/trophy.png.js"),k=require("next/link"),D=require("../JackpotCounter/JackpotCounterItem.module.css.js");function R({jackpot:d,className:f,viewAllUrl:b}){const y=C.useLocaleInfo(),[a,x]=s.useState({days:0,hours:0,minutes:0,seconds:0,isPast:!1}),o=s.useMemo(()=>{const t=new Date;return new Date(t.setSeconds(t.getSeconds()+2*24*60*60))},[]),c=s.useCallback(()=>{const t=new Date,r=o.getTime()-t.getTime();if(r<=0){x({days:0,hours:0,minutes:0,seconds:0,isPast:!0});return}const i=Math.floor(r/1e3),g=Math.floor(i/(3600*24)),j=Math.floor(i%(3600*24)/3600),p=Math.floor(i%3600/60),N=i%60,v=w.pick({days:g,hours:j,minutes:p,seconds:N,isPast:!1},["days","hours","minutes","seconds","isPast"]);x(v)},[o]);s.useEffect(()=>{c();const t=setInterval(c,1e3);return()=>clearInterval(t)},[o,c]);const m=[{label:"Day",value:a.days},{label:"Hour",value:a.hours},{label:"Min",value:a.minutes},{label:"Sec",value:a.seconds}];return e.jsxs("div",{className:l.twMerge("bg-bg-tertiary border-border-primary relative flex shrink-0 rounded-2xl border p-3 text-center lg:gap-6 lg:p-5",f),children:[e.jsx("div",{className:"z-1 relative flex flex-1 flex-col",children:e.jsx("div",{className:"flex h-full flex-col justify-between",children:e.jsx("div",{className:"flex w-full justify-between",children:e.jsxs("div",{className:"flex w-full flex-col",children:[e.jsxs("div",{className:"relative flex w-full justify-between",children:[e.jsxs("div",{className:"w-full",children:[e.jsxs("div",{className:"flex w-full justify-between",children:[e.jsxs("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:[e.jsx(P.Award01Icon,{className:"text-utility-brand-500 size-3.5"}),"Multiplier"]}),e.jsx("div",{className:"flex h-fit",children:m.map((t,r)=>e.jsxs(s.Fragment,{children:[e.jsxs("div",{className:l.twMerge("bg-bg-primary text-text-primary-900 flex h-fit w-8 flex-col items-center rounded-[4px] pb-1.5"),children:[e.jsx("span",{className:"text-base font-medium",children:String(t.value).padStart(2,"0")}),e.jsx("span",{className:"text-[8px]",children:t.label})]}),r<m.length-1&&e.jsxs("div",{className:"flex flex-col justify-center gap-[6px] px-[6px]",children:[e.jsx("div",{className:"bg-bg-primary h-1 w-1 rounded-full"}),e.jsx("div",{className:"bg-bg-primary h-1 w-1 rounded-full"})]})]},t.label))})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-text-primary-900 mt-2.5 text-left text-lg font-medium lg:mt-5 lg:text-2xl",children:d.name}),e.jsx("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:q.formatNumber(d.pool,{currency:y.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})}),e.jsx("div",{className:"text-text-primary-900 mt-4 block text-left text-base lg:hidden",children:"Play and Win!"})]}),e.jsx("div",{className:"flex items-end lg:hidden",children:e.jsx(n,{src:u,alt:"trophy",quality:100,className:"h-23 w-18"})})]})]}),e.jsx("div",{className:"z-1 absolute bottom-[-60] right-0 hidden lg:block",children:e.jsx(n,{quality:100,width:155,height:155,src:u,alt:"trophy",className:"px-6 py-2.5"})})]}),e.jsxs("div",{className:"bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex",children:[e.jsx(n,{width:66,height:87,src:T,alt:"closeChest",className:"size-full h-auto w-[66px] mix-blend-luminosity"}),e.jsxs("div",{className:"flex flex-col gap-1 text-left",children:[e.jsxs("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:[e.jsx(S.Trophy01Icon,{className:"text-utility-brand-600 size-3.5"}),"Top Payout"]}),e.jsx("div",{className:"font-semibold",children:"No winners yet"}),e.jsx("div",{className:"text-text-secondary-700 text-xs",children:"You could be the first to win the tournament!"})]})]})]})})})}),e.jsxs("div",{className:"z-1 hidden flex-1 space-y-4 lg:block",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(n,{width:24,height:24,src:z,quality:100,alt:"leaderboardIcon",className:"size-full w-6"}),e.jsx("div",{className:"text-text-primary-900 text-lg font-semibold",children:"Starting soon!"})]}),e.jsxs(k,{className:"text-button-tertiary-fg flex text-sm font-semibold",href:b??"/tournaments",children:["See details",e.jsx(I.ChevronRightIcon,{className:"size-5"})]})]}),e.jsx("div",{className:l.twMerge("max-h-[272px] overflow-y-scroll",D.default.scrollArea),children:e.jsx("div",{className:"border-gray-200 overflow-hidden rounded-xl",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-bg-secondary text-text-tertiary-600 h-8 text-xs font-medium",children:[e.jsx("th",{className:"w-[52px]",children:"#"}),e.jsx("th",{children:"Player"}),e.jsx("th",{children:"Multiplier"}),e.jsx("th",{children:"Prize"})]})}),e.jsx("tbody",{children:Array.from({length:10}).map((t,r)=>e.jsxs("tr",{className:"bg-bg-primary text-text-secondary-700 text-sm",children:[e.jsx("td",{className:"border-border-secondary h-12 w-[52px] border-t-2",children:r+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(M.StarIcon,{className:l.twMerge("mx-auto size-6.5",h[r].starColor)}),e.jsx("span",{className:l.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",h[r].numberColor),children:r+1})]}):"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"})]},r))})]})})})]})]})}const h=[{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"}];exports.TournamentCounterItem=R;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("lodash-es"),n=require("next/image"),s=require("react"),l=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const q=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("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const C=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const I=require("../../icons/ChevronRightIcon.js"),M=require("../../icons/StarIcon.js"),S=require("../../icons/Trophy01Icon.js"),P=require("../../icons/Award01Icon.js"),T=require("../../images/first-place.png.js"),z=require("../../images/trophy-two.png.js"),u=require("../../images/trophy.png.js"),k=require("next/link"),D=require("../JackpotCounter/JackpotCounterItem.module.css.js");function R({jackpot:d,className:f,viewAllUrl:b}){const y=C.useLocaleInfo(),[a,x]=s.useState({days:0,hours:0,minutes:0,seconds:0,isPast:!1}),o=s.useMemo(()=>{const t=new Date;return new Date(t.setSeconds(t.getSeconds()+2*24*60*60))},[]),c=s.useCallback(()=>{const t=new Date,r=o.getTime()-t.getTime();if(r<=0){x({days:0,hours:0,minutes:0,seconds:0,isPast:!0});return}const i=Math.floor(r/1e3),g=Math.floor(i/(3600*24)),j=Math.floor(i%(3600*24)/3600),p=Math.floor(i%3600/60),N=i%60,v=w.pick({days:g,hours:j,minutes:p,seconds:N,isPast:!1},["days","hours","minutes","seconds","isPast"]);x(v)},[o]);s.useEffect(()=>{c();const t=setInterval(c,1e3);return()=>clearInterval(t)},[o,c]);const m=[{label:"Day",value:a.days},{label:"Hour",value:a.hours},{label:"Min",value:a.minutes},{label:"Sec",value:a.seconds}];return e.jsxs("div",{className:l.twMerge("bg-bg-tertiary border-border-primary relative flex shrink-0 rounded-2xl border p-3 text-center lg:gap-6 lg:p-5",f),children:[e.jsx("div",{className:"z-1 relative flex flex-1 flex-col",children:e.jsx("div",{className:"flex h-full flex-col justify-between",children:e.jsx("div",{className:"flex w-full justify-between",children:e.jsxs("div",{className:"flex w-full flex-col",children:[e.jsxs("div",{className:"relative flex w-full justify-between",children:[e.jsxs("div",{className:"w-full",children:[e.jsxs("div",{className:"flex w-full justify-between",children:[e.jsxs("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:[e.jsx(P.Award01Icon,{className:"text-utility-brand-500 size-3.5"}),"Multiplier"]}),e.jsx("div",{className:"flex h-fit",children:m.map((t,r)=>e.jsxs(s.Fragment,{children:[e.jsxs("div",{className:l.twMerge("bg-bg-primary text-text-primary-900 flex h-fit w-8 flex-col items-center rounded-[4px] pb-1.5"),children:[e.jsx("span",{className:"text-base font-medium",children:String(t.value).padStart(2,"0")}),e.jsx("span",{className:"text-[8px]",children:t.label})]}),r<m.length-1&&e.jsxs("div",{className:"flex flex-col justify-center gap-[6px] px-[6px]",children:[e.jsx("div",{className:"bg-bg-primary h-1 w-1 rounded-full"}),e.jsx("div",{className:"bg-bg-primary h-1 w-1 rounded-full"})]})]},t.label))})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-text-primary-900 mt-2.5 text-left text-lg font-medium lg:mt-5 lg:text-2xl",children:d.name}),e.jsx("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:q.formatNumber(d.pool,{currency:y.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})}),e.jsx("div",{className:"text-text-primary-900 mt-4 block text-left text-base lg:hidden",children:"Play and Win!"})]}),e.jsx("div",{className:"flex items-end lg:hidden",children:e.jsx(n,{src:u,alt:"trophy",quality:100,width:155,height:155,className:"h-23 w-auto"})})]})]}),e.jsx("div",{className:"z-1 absolute -bottom-16 right-0 hidden lg:block",children:e.jsx(n,{quality:100,width:155,height:155,src:u,alt:"trophy",className:"px-6 py-2.5"})})]}),e.jsxs("div",{className:"bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex",children:[e.jsx(n,{width:66,height:87,src:T,alt:"closeChest",className:"size-full h-auto w-[66px] mix-blend-luminosity"}),e.jsxs("div",{className:"flex flex-col gap-1 text-left",children:[e.jsxs("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:[e.jsx(S.Trophy01Icon,{className:"text-utility-brand-600 size-3.5"}),"Top Payout"]}),e.jsx("div",{className:"font-semibold",children:"No winners yet"}),e.jsx("div",{className:"text-text-secondary-700 text-xs",children:"You could be the first to win the tournament!"})]})]})]})})})}),e.jsxs("div",{className:"z-1 hidden flex-1 space-y-4 lg:block",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(n,{width:24,height:24,src:z,quality:100,alt:"leaderboardIcon",className:"size-full w-6"}),e.jsx("div",{className:"text-text-primary-900 text-lg font-semibold",children:"Starting soon!"})]}),e.jsxs(k,{className:"text-button-tertiary-fg flex text-sm font-semibold",href:b??"/tournaments",children:["See details",e.jsx(I.ChevronRightIcon,{className:"size-5"})]})]}),e.jsx("div",{className:l.twMerge("max-h-[272px] overflow-y-scroll",D.default.scrollArea),children:e.jsx("div",{className:"border-gray-200 overflow-hidden rounded-xl",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-bg-secondary text-text-tertiary-600 h-8 text-xs font-medium",children:[e.jsx("th",{className:"w-[52px]",children:"#"}),e.jsx("th",{children:"Player"}),e.jsx("th",{children:"Multiplier"}),e.jsx("th",{children:"Prize"})]})}),e.jsx("tbody",{children:Array.from({length:10}).map((t,r)=>e.jsxs("tr",{className:"bg-bg-primary text-text-secondary-700 text-sm",children:[e.jsx("td",{className:"border-border-secondary h-12 w-[52px] border-t-2",children:r+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(M.StarIcon,{className:l.twMerge("mx-auto size-6.5",h[r].starColor)}),e.jsx("span",{className:l.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",h[r].numberColor),children:r+1})]}):"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"})]},r))})]})})})]})]})}const h=[{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"}];exports.TournamentCounterItem=R;

package/dist/components/TournamentCounter/TournamentCounterItem.mjs

@@ -2,7 +2,7 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { pick as P } from "lodash-es";
 import o from "next/image";
-import x, { useState as I, useMemo as S, useEffect as z } from "react";
+import f, { useState as I, useMemo as S, useEffect as z } from "react";
 import { twMerge as a } from "tailwind-merge";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
@@ -26,10 +26,10 @@ import { Trophy01Icon as k } from "../../icons/Trophy01Icon.mjs";
 import { Award01Icon as q } from "../../icons/Award01Icon.mjs";
 import R from "../../images/first-place.png.mjs";
 import A from "../../images/trophy-two.png.mjs";
-import h from "../../images/trophy.png.mjs";
+import x from "../../images/trophy.png.mjs";
 import _ from "next/link";
 import E from "../JackpotCounter/JackpotCounterItem.module.css.mjs";
-function he({
+function xe({
   jackpot: m,
   className: b,
   viewAllUrl: p
@@ -43,7 +43,7 @@ function he({
   }), n = S(() => {
     const r = /* @__PURE__ */ new Date();
     return new Date(r.setSeconds(r.getSeconds() + 2 * 24 * 60 * 60));
-  }, []), d = x.useCallback(() => {
+  }, []), d = f.useCallback(() => {
     const r = /* @__PURE__ */ new Date(), l = n.getTime() - r.getTime();
     if (l <= 0) {
       c({
@@ -69,7 +69,7 @@ function he({
     const r = setInterval(d, 1e3);
     return () => clearInterval(r);
   }, [n, d]);
-  const f = [
+  const h = [
     { label: "Day", value: i.days },
     { label: "Hour", value: i.hours },
     { label: "Min", value: i.minutes },
@@ -91,7 +91,7 @@ function he({
                   /* @__PURE__ */ e(q, { className: "text-utility-brand-500 size-3.5" }),
                   "Multiplier"
                 ] }),
-                /* @__PURE__ */ e("div", { className: "flex h-fit", children: f.map((r, l) => /* @__PURE__ */ t(x.Fragment, { children: [
+                /* @__PURE__ */ e("div", { className: "flex h-fit", children: h.map((r, l) => /* @__PURE__ */ t(f.Fragment, { children: [
                   /* @__PURE__ */ t(
                     "div",
                     {
@@ -104,7 +104,7 @@ function he({
                       ]
                     }
                   ),
-                  l < f.length - 1 && /* @__PURE__ */ t("div", { className: "flex flex-col justify-center gap-[6px] px-[6px]", children: [
+                  l < h.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" })
                   ] })
@@ -123,21 +123,23 @@ function he({
                 /* @__PURE__ */ e("div", { className: "flex items-end lg:hidden", children: /* @__PURE__ */ e(
                   o,
                   {
-                    src: h,
+                    src: x,
                     alt: "trophy",
                     quality: 100,
-                    className: "h-23 w-18"
+                    width: 155,
+                    height: 155,
+                    className: "h-23 w-auto"
                   }
                 ) })
               ] })
             ] }),
-            /* @__PURE__ */ e("div", { className: "z-1 absolute bottom-[-60] right-0 hidden lg:block", children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "z-1 absolute -bottom-16 right-0 hidden lg:block", children: /* @__PURE__ */ e(
               o,
               {
                 quality: 100,
                 width: 155,
                 height: 155,
-                src: h,
+                src: x,
                 alt: "trophy",
                 className: "px-6 py-2.5"
               }
@@ -270,5 +272,5 @@ const u = [
   }
 ];
 export {
-  he as TournamentCounterItem
+  xe as TournamentCounterItem
 };

package/dist/components.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/Account/Account.js"),r=require("./components/Banner/Banner.js"),o=require("./components/BetRecords/BetRecords.js"),s=require("./components/Bonus/Bonus.js"),n=require("./components/Bonuses/Bonuses.js"),t=require("./components/DepositWithdrawal/DepositWithdrawal.js"),a=require("./components/Disclaimer/Disclaimer.js"),i=require("./components/FavoriteGames/FavoriteGames.js"),c=require("./components/GameLaunch/GameLaunch.js"),u=require("./components/GameLaunch/GameLaunchTrigger.js"),m=require("./components/GameProviders/GameProviders.js"),q=require("./components/Games/Games.js"),g=require("./components/GamesSearch/GamesSearch.js"),T=require("./components/GamesSearch/GamesSearchTrigger.js"),G=require("./components/JackpotCounter/JackpotCounter.js"),d=require("./components/Jackpots/Jackpots.js"),P=require("./components/KYC/KYC.js"),p=require("./components/KYC/KYCTrigger.js"),h=require("./components/Marquee/Marquee.js"),S=require("./components/Messages/Messages.js"),l=require("./components/PortalProvider/PortalProvider.js"),B=require("./components/Promo/Promo.js"),C=require("./components/Promos/Promos.js"),v=require("./components/Protected/Protected.js"),M=require("./components/Quests/Quests.js"),k=require("./components/SignIn/SignIn.js"),D=require("./components/SignUp/SignUp.js"),J=require("./components/TopWins/TopWins.js"),K=require("./components/TournamentCounter/TournamentCounter.js"),L=require("./components/Tournaments/Tournaments.js"),R=require("./components/TransactionRecords/TransactionRecords.js");exports.Account=e.Account;exports.Banner=r.Banner;exports.BetRecords=o.BetRecords;exports.Bonus=s.Bonus;exports.Bonuses=n.Bonuses;exports.DepositWithdrawal=t.DepositWithdrawal;exports.Disclaimer=a.Disclaimer;exports.FavoriteGames=i.FavoriteGames;exports.GameLaunch=c.GameLaunch;exports.GameLaunchTrigger=u.GameLaunchTrigger;exports.GameProviders=m.GameProviders;exports.Games=q.Games;exports.GamesSearch=g.GamesSearch;exports.GamesSearchTrigger=T.GamesSearchTrigger;exports.JackpotCounter=G.JackpotCounter;exports.Jackpots=d.Jackpots;exports.KYC=P.KYC;exports.KYCTrigger=p.KYCTrigger;exports.Marquee=h.Marquee;exports.Messages=S.Messages;exports.PortalProvider=l.PortalProvider;exports.Promo=B.Promo;exports.Promos=C.Promos;exports.Protected=v.Protected;exports.Quests=M.Quests;exports.SignIn=k.SignIn;exports.SignUp=D.SignUp;exports.TopWins=J.TopWins;exports.TournamentCounter=K.TournamentCounter;exports.Tournaments=L.Tournaments;exports.TransactionRecords=R.TransactionRecords;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/Account/Account.js"),r=require("./components/Banner/Banner.js"),o=require("./components/BetRecords/BetRecords.js"),n=require("./components/Bonus/Bonus.js"),s=require("./components/Bonuses/Bonuses.js"),i=require("./components/DepositWithdrawal/DepositWithdrawal.js"),t=require("./components/Disclaimer/Disclaimer.js"),a=require("./components/FavoriteGames/FavoriteGames.js"),c=require("./components/GameLaunch/GameLaunch.js"),u=require("./components/GameLaunch/GameLaunchTrigger.js"),g=require("./components/GameProviders/GameProviders.js"),m=require("./components/Games/Games.js"),q=require("./components/GamesSearch/GamesSearch.js"),T=require("./components/GamesSearch/GamesSearchTrigger.js"),G=require("./components/JackpotCounter/JackpotCounter.js"),d=require("./components/Jackpots/Jackpots.js"),S=require("./components/KYC/KYC.js"),p=require("./components/KYC/KYCTrigger.js"),P=require("./components/Marquee/Marquee.js"),h=require("./components/Messages/Messages.js"),l=require("./components/PortalProvider/PortalProvider.js"),B=require("./components/Promo/Promo.js"),C=require("./components/Promos/Promos.js"),v=require("./components/Protected/Protected.js"),M=require("./components/Quests/Quests.js"),k=require("./components/SignIn/SignIn.js"),D=require("./components/SignIn/SignInTrigger.js"),I=require("./components/SignUp/SignUp.js"),J=require("./components/SignUp/SignUpTrigger.js"),K=require("./components/TopWins/TopWins.js"),L=require("./components/TournamentCounter/TournamentCounter.js"),R=require("./components/Tournaments/Tournaments.js"),U=require("./components/TransactionRecords/TransactionRecords.js");exports.Account=e.Account;exports.Banner=r.Banner;exports.BetRecords=o.BetRecords;exports.Bonus=n.Bonus;exports.Bonuses=s.Bonuses;exports.DepositWithdrawal=i.DepositWithdrawal;exports.Disclaimer=t.Disclaimer;exports.FavoriteGames=a.FavoriteGames;exports.GameLaunch=c.GameLaunch;exports.GameLaunchTrigger=u.GameLaunchTrigger;exports.GameProviders=g.GameProviders;exports.Games=m.Games;exports.GamesSearch=q.GamesSearch;exports.GamesSearchTrigger=T.GamesSearchTrigger;exports.JackpotCounter=G.JackpotCounter;exports.Jackpots=d.Jackpots;exports.KYC=S.KYC;exports.KYCTrigger=p.KYCTrigger;exports.Marquee=P.Marquee;exports.Messages=h.Messages;exports.PortalProvider=l.PortalProvider;exports.Promo=B.Promo;exports.Promos=C.Promos;exports.Protected=v.Protected;exports.Quests=M.Quests;exports.SignIn=k.SignIn;exports.SignInTrigger=D.SignInTrigger;exports.SignUp=I.SignUp;exports.SignUpTrigger=J.SignUpTrigger;exports.TopWins=K.TopWins;exports.TournamentCounter=L.TournamentCounter;exports.Tournaments=R.Tournaments;exports.TransactionRecords=U.TransactionRecords;

package/dist/components.mjs

@@ -2,63 +2,67 @@ import { Account as e } from "./components/Account/Account.mjs";
 import { Banner as m } from "./components/Banner/Banner.mjs";
 import { BetRecords as f } from "./components/BetRecords/BetRecords.mjs";
 import { Bonus as a } from "./components/Bonus/Bonus.mjs";
-import { Bonuses as n } from "./components/Bonuses/Bonuses.mjs";
-import { DepositWithdrawal as c } from "./components/DepositWithdrawal/DepositWithdrawal.mjs";
-import { Disclaimer as g } from "./components/Disclaimer/Disclaimer.mjs";
-import { FavoriteGames as T } from "./components/FavoriteGames/FavoriteGames.mjs";
+import { Bonuses as s } from "./components/Bonuses/Bonuses.mjs";
+import { DepositWithdrawal as g } from "./components/DepositWithdrawal/DepositWithdrawal.mjs";
+import { Disclaimer as u } from "./components/Disclaimer/Disclaimer.mjs";
+import { FavoriteGames as G } from "./components/FavoriteGames/FavoriteGames.mjs";
 import { GameLaunch as P } from "./components/GameLaunch/GameLaunch.mjs";
-import { GameLaunchTrigger as B } from "./components/GameLaunch/GameLaunchTrigger.mjs";
-import { GameProviders as S } from "./components/GameProviders/GameProviders.mjs";
+import { GameLaunchTrigger as h } from "./components/GameLaunch/GameLaunchTrigger.mjs";
+import { GameProviders as C } from "./components/GameProviders/GameProviders.mjs";
 import { Games as v } from "./components/Games/Games.mjs";
 import { GamesSearch as D } from "./components/GamesSearch/GamesSearch.mjs";
-import { GamesSearchTrigger as K } from "./components/GamesSearch/GamesSearchTrigger.mjs";
-import { JackpotCounter as M } from "./components/JackpotCounter/JackpotCounter.mjs";
-import { Jackpots as W } from "./components/Jackpots/Jackpots.mjs";
-import { KYC as q } from "./components/KYC/KYC.mjs";
-import { KYCTrigger as A } from "./components/KYC/KYCTrigger.mjs";
-import { Marquee as I } from "./components/Marquee/Marquee.mjs";
-import { Messages as U } from "./components/Messages/Messages.mjs";
+import { GamesSearchTrigger as J } from "./components/GamesSearch/GamesSearchTrigger.mjs";
+import { JackpotCounter as L } from "./components/JackpotCounter/JackpotCounter.mjs";
+import { Jackpots as R } from "./components/Jackpots/Jackpots.mjs";
+import { KYC as W } from "./components/KYC/KYC.mjs";
+import { KYCTrigger as q } from "./components/KYC/KYCTrigger.mjs";
+import { Marquee as A } from "./components/Marquee/Marquee.mjs";
+import { Messages as Q } from "./components/Messages/Messages.mjs";
 import { PortalProvider as j } from "./components/PortalProvider/PortalProvider.mjs";
 import { Promo as z } from "./components/Promo/Promo.mjs";
 import { Promos as H } from "./components/Promos/Promos.mjs";
 import { Protected as O } from "./components/Protected/Protected.mjs";
 import { Quests as X } from "./components/Quests/Quests.mjs";
 import { SignIn as _ } from "./components/SignIn/SignIn.mjs";
-import { SignUp as rr } from "./components/SignUp/SignUp.mjs";
-import { TopWins as er } from "./components/TopWins/TopWins.mjs";
-import { TournamentCounter as mr } from "./components/TournamentCounter/TournamentCounter.mjs";
-import { Tournaments as fr } from "./components/Tournaments/Tournaments.mjs";
-import { TransactionRecords as ar } from "./components/TransactionRecords/TransactionRecords.mjs";
+import { SignInTrigger as rr } from "./components/SignIn/SignInTrigger.mjs";
+import { SignUp as er } from "./components/SignUp/SignUp.mjs";
+import { SignUpTrigger as mr } from "./components/SignUp/SignUpTrigger.mjs";
+import { TopWins as fr } from "./components/TopWins/TopWins.mjs";
+import { TournamentCounter as ar } from "./components/TournamentCounter/TournamentCounter.mjs";
+import { Tournaments as sr } from "./components/Tournaments/Tournaments.mjs";
+import { TransactionRecords as gr } from "./components/TransactionRecords/TransactionRecords.mjs";
 export {
   e as Account,
   m as Banner,
   f as BetRecords,
   a as Bonus,
-  n as Bonuses,
-  c as DepositWithdrawal,
-  g as Disclaimer,
-  T as FavoriteGames,
+  s as Bonuses,
+  g as DepositWithdrawal,
+  u as Disclaimer,
+  G as FavoriteGames,
   P as GameLaunch,
-  B as GameLaunchTrigger,
-  S as GameProviders,
+  h as GameLaunchTrigger,
+  C as GameProviders,
   v as Games,
   D as GamesSearch,
-  K as GamesSearchTrigger,
-  M as JackpotCounter,
-  W as Jackpots,
-  q as KYC,
-  A as KYCTrigger,
-  I as Marquee,
-  U as Messages,
+  J as GamesSearchTrigger,
+  L as JackpotCounter,
+  R as Jackpots,
+  W as KYC,
+  q as KYCTrigger,
+  A as Marquee,
+  Q as Messages,
   j as PortalProvider,
   z as Promo,
   H as Promos,
   O as Protected,
   X as Quests,
   _ as SignIn,
-  rr as SignUp,
-  er as TopWins,
-  mr as TournamentCounter,
-  fr as Tournaments,
-  ar as TransactionRecords
+  rr as SignInTrigger,
+  er as SignUp,
+  mr as SignUpTrigger,
+  fr as TopWins,
+  ar as TournamentCounter,
+  sr as Tournaments,
+  gr as TransactionRecords
 };

package/dist/theme.css

@@ -229,6 +229,8 @@
   --color-text-disabled-subtle: #d0d5dd;
   --color-text-placeholder: #85888e;
   --color-text-placeholder-subtle: #373a41;
+  --color-text-nav-item-button-icon: #94969c;
+  --color-text-nav-item-button-icon-active: #ececed;
 
   --color-border-primary: #373a41;
   --color-border-secondary: #22262f;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "exports": {
     ".": {
       "types": "./dist/components/index.d.ts",