@opexa/portal-components 0.0.907 → 0.0.909
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client/hooks/useCreateAurixPayGCashDepositMutation.js +2 -0
- package/dist/client/hooks/useCreateAurixPayGrabPayDepositMutation.js +2 -0
- package/dist/client/hooks/useCreateAurixPayPayMayaDepositMutation.js +2 -0
- package/dist/client/hooks/useCreateAurixPayQrphDepositMutation.js +4 -2
- package/dist/components/Games/Game.js +1 -1
- package/dist/components/GamesSearch/GamesSearch.js +4 -1
- package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarouselItem.CrazyWin.js +2 -2
- package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarouselItem.HappyBingo.js +2 -2
- package/dist/components/Jackpots/JackpotsList/JackpotsListItem.CrazyWin.js +2 -2
- package/dist/components/Jackpots/JackpotsList/JackpotsListItem.HappyBingo.js +2 -2
- package/dist/components/Search/Search.lazy.js +4 -1
- package/dist/components/SignIn/NameAndPasswordSignIn.js +7 -1
- package/dist/components/SignUp/SignUpDefault/SignUpDefault.lazy.d.ts +1 -0
- package/dist/components/SignUp/SignUpDefault/SignUpDefaultForm.js +17 -3
- package/dist/components/Tournaments/TournamentsList/TournamentsListItem.CrazyWin.js +1 -1
- package/dist/components/Tournaments/TournamentsList/TournamentsListItem.HappyBingo.js +2 -2
- package/package.json +1 -1
|
@@ -44,6 +44,8 @@ export const useCreateAurixPayGCashDepositMutation = (config) => {
|
|
|
44
44
|
interval: 1000,
|
|
45
45
|
maxAttempt: 20,
|
|
46
46
|
});
|
|
47
|
+
// Sleep for 3.5 seconds before polling
|
|
48
|
+
await new Promise((resolve) => setTimeout(resolve, 3500));
|
|
47
49
|
const res = await poll();
|
|
48
50
|
if (res?.error) {
|
|
49
51
|
const error = new Error();
|
|
@@ -50,6 +50,8 @@ export const useCreateAurixPayGrabPayDepositMutation = (config) => {
|
|
|
50
50
|
interval: 1000,
|
|
51
51
|
maxAttempt: 20,
|
|
52
52
|
});
|
|
53
|
+
// Sleep for 3.5 seconds before polling
|
|
54
|
+
await new Promise((resolve) => setTimeout(resolve, 3500));
|
|
53
55
|
const res = await poll();
|
|
54
56
|
if (res?.error) {
|
|
55
57
|
const error = new Error();
|
|
@@ -50,6 +50,8 @@ export const useCreateAurixPayPayMayaDepositMutation = (config) => {
|
|
|
50
50
|
interval: 1000,
|
|
51
51
|
maxAttempt: 20,
|
|
52
52
|
});
|
|
53
|
+
// Sleep for 3.5 seconds before polling
|
|
54
|
+
await new Promise((resolve) => setTimeout(resolve, 3500));
|
|
53
55
|
const res = await poll();
|
|
54
56
|
if (res?.error) {
|
|
55
57
|
const error = new Error();
|
|
@@ -45,11 +45,13 @@ export const useCreateAurixPayQrphDepositMutation = (config) => {
|
|
|
45
45
|
});
|
|
46
46
|
}, {
|
|
47
47
|
until(res) {
|
|
48
|
-
return
|
|
48
|
+
return !!res?.qrCode || !!res?.error || res?.status === 'FAILED';
|
|
49
49
|
},
|
|
50
50
|
interval: 1000,
|
|
51
51
|
maxAttempt: 20,
|
|
52
52
|
});
|
|
53
|
+
// Sleep for 3.5 seconds before polling
|
|
54
|
+
await new Promise((resolve) => setTimeout(resolve, 3500));
|
|
53
55
|
const res = await poll();
|
|
54
56
|
if (res?.error) {
|
|
55
57
|
const error = new Error();
|
|
@@ -59,7 +61,7 @@ export const useCreateAurixPayQrphDepositMutation = (config) => {
|
|
|
59
61
|
error.message = explainError(res.error);
|
|
60
62
|
throw error;
|
|
61
63
|
}
|
|
62
|
-
if (!res?.
|
|
64
|
+
if (!res?.qrCode) {
|
|
63
65
|
const error = new Error();
|
|
64
66
|
error.name = 'AurixPayQrphDepositError';
|
|
65
67
|
error.message = 'Failed to process QR PH deposit';
|
|
@@ -88,7 +88,7 @@ function GameImage({ priority }) {
|
|
|
88
88
|
image: game.image,
|
|
89
89
|
}), [game.reference, game.provider, game.image]);
|
|
90
90
|
const [imgSrc, setImgSrc] = useState(initialImageUrl);
|
|
91
|
-
return (_jsx(Image, { src: imgSrc, alt: game.name, width: 200, height: 200, loading: priority ? undefined : 'lazy', priority: priority, unoptimized: true, className: "aspect-square w-full rounded-t-md object-contain", onError: () => {
|
|
91
|
+
return (_jsx(Image, { src: imgSrc, alt: game.name, width: 200, height: 200, loading: priority ? undefined : 'lazy', priority: priority, unoptimized: true, sizes: "(max-width: 768px) 33vw, 200px", className: "aspect-square w-full rounded-t-md object-contain", onError: () => {
|
|
92
92
|
const fallbackThumbnail = props.fallbackThumbnails?.[game.provider];
|
|
93
93
|
if (fallbackThumbnail) {
|
|
94
94
|
setImgSrc(fallbackThumbnail);
|
|
@@ -31,7 +31,10 @@ export function GamesSearch(props) {
|
|
|
31
31
|
}, {
|
|
32
32
|
enabled: sanitizedSearch.length >= 3,
|
|
33
33
|
});
|
|
34
|
-
|
|
34
|
+
let games = gamesQuery.data?.pages.flatMap((page) => page.edges.map((edge) => edge.node)) ?? [];
|
|
35
|
+
if (props.variant === '88play') {
|
|
36
|
+
games = games.filter((game) => game.name.toLowerCase().includes(sanitizedSearch.toLowerCase()));
|
|
37
|
+
}
|
|
35
38
|
const collection = createListCollection({
|
|
36
39
|
items: games,
|
|
37
40
|
itemToValue: (item) => item.id,
|
|
@@ -16,7 +16,7 @@ import treasureChest from '../../../images/treasure.webp';
|
|
|
16
16
|
import { formatNumber } from '../../../utils/formatNumber.js';
|
|
17
17
|
import { getPercentage } from '../../../utils/getPercentage.js';
|
|
18
18
|
import styles from '../Jackpots.module.css';
|
|
19
|
-
import { CRAZYWIN_JACKPOTS_VARIATIONS, getAccumulatingJackpotDescription } from '../utils.js';
|
|
19
|
+
import { CRAZYWIN_JACKPOTS_VARIATIONS, getAccumulatingJackpotDescription, } from '../utils.js';
|
|
20
20
|
import { useJackpotsCarouselItemContext } from './JackpotsCarouselContext.js';
|
|
21
21
|
export function JackpotsCarouselItemCrazyWin({ index, }) {
|
|
22
22
|
const [ref] = useIntersectionObserver({
|
|
@@ -123,7 +123,7 @@ export function JackpotsCarouselItemCrazyWin({ index, }) {
|
|
|
123
123
|
}) }), _jsxs("div", { className: "relative flex items-center justify-end gap-1.5", children: [isPayingOut ? (_jsx("div", { className: "flex w-6 items-center", children: [0, 1.5, 3].map((left, i) => (_jsx("div", { className: twMerge(`absolute left-${left}`, styles[`animate-arrow-red-flash-${i + 1}`]), children: _jsx(ChevronLeftIcon, { className: "size-4.5" }) }, i))) })) : (_jsx("div", { className: "flex w-6 items-center", children: [0, 1.5, 3].map((left, i) => (_jsx("div", { className: twMerge(`absolute left-${left}`, styles[`animate-arrow-green-flash-${i + 1}`]), children: _jsx(ChevronRightIcon, { className: "size-4.5" }) }, i))) })), _jsx("div", { className: "font-semibold text-text-primary-900 text-xs", children: formatNumber(jackpot?.maximumJackpotPoolLimit, {
|
|
124
124
|
currency: localeInfo.currency.code,
|
|
125
125
|
compact: true,
|
|
126
|
-
}) })] })] }), _jsx(Progress.Root, { className: "h-2 w-full rounded-full bg-bg-primary lg:h-4", max: 100, value: getPercentage(jackpot.pool, jackpot.maximumJackpotPoolLimit), "aria-valuenow": getPercentage(jackpot.pool, jackpot.maximumJackpotPoolLimit), "aria-valuemax": 100, "aria-label": "Jackpot progress", children: _jsx(Progress.Track, { className: twMerge('h-full overflow-hidden rounded-full', variation.progressBg), children: _jsx(Progress.Range, { className: "relative h-full overflow-hidden rounded-full bg-brand-500 pl-1.5", children: _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }) }) }) }), _jsx("div", { className: "mt-2 h-2 text-left text-[#F5F5F6] text-xs lg:h-auto lg:text-sm", dangerouslySetInnerHTML: { __html: getInfoBlocks()[infoIndex] } }, infoIndex)] })] }), isPayingOut ? (_jsx("div", { className: twMerge(styles['light-rays'], variation.raysColor, 'rounded-t-2xl [--light-rays-left:90%] [--light-rays-top:100px]') })) : (_jsx(Image, { width: 175, height: 175, src: treasureChestBg, alt: "treasure chest background", className: twMerge('absolute top-0 right-0 h-full w-[380px] object-cover opacity-50'), priority:
|
|
126
|
+
}) })] })] }), _jsx(Progress.Root, { className: "h-2 w-full rounded-full bg-bg-primary lg:h-4", max: 100, value: getPercentage(jackpot.pool, jackpot.maximumJackpotPoolLimit), "aria-valuenow": getPercentage(jackpot.pool, jackpot.maximumJackpotPoolLimit), "aria-valuemax": 100, "aria-label": "Jackpot progress", children: _jsx(Progress.Track, { className: twMerge('h-full overflow-hidden rounded-full', variation.progressBg), children: _jsx(Progress.Range, { className: "relative h-full overflow-hidden rounded-full bg-brand-500 pl-1.5", children: _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }) }) }) }), _jsx("div", { className: "mt-2 h-2 text-left text-[#F5F5F6] text-xs lg:h-auto lg:text-sm", dangerouslySetInnerHTML: { __html: getInfoBlocks()[infoIndex] } }, infoIndex)] })] }), isPayingOut ? (_jsx("div", { className: twMerge(styles['light-rays'], variation.raysColor, 'rounded-t-2xl [--light-rays-left:90%] [--light-rays-top:100px]') })) : (_jsx(Image, { width: 175, height: 175, src: treasureChestBg, alt: "treasure chest background", fetchPriority: "high", className: twMerge('absolute top-0 right-0 h-full w-[380px] object-cover opacity-50'), priority: true, loading: "eager", unoptimized: true }))] }), _jsxs("div", { className: "relative flex h-[56px] min-h-[40px] w-full flex-1 items-center justify-between rounded-b-2xl bg-[#171b26] px-4 py-[10px]", children: [showSeeDetailsButton ? (_jsxs("button", { type: "button", className: "flex items-center gap-1 font-medium text-[#fff] text-sm", children: ["See details", _jsx(ArrowNarrowUpRightIcon, { className: "h-5 w-5" })] })) : (_jsxs("div", { className: "w-full text-white text-xs opacity-100 transition-opacity duration-500 ease-in-out", children: [_jsxs("div", { children: ["Minimum bet:", ' ', _jsxs("span", { className: "font-semibold text-[#FFE5AF]", children: ["PHP", ' ', formatNumber(jackpot.minimumBet, {
|
|
127
127
|
currency: localeInfo.currency.code,
|
|
128
128
|
minDecimalPlaces: 2,
|
|
129
129
|
maxDecimalPlaces: 2,
|
|
@@ -19,7 +19,7 @@ import treasureChest from '../../../images/treasure.webp';
|
|
|
19
19
|
import { formatNumber } from '../../../utils/formatNumber.js';
|
|
20
20
|
import { getPercentage } from '../../../utils/getPercentage.js';
|
|
21
21
|
import styles from '../Jackpots.module.css';
|
|
22
|
-
import { getAccumulatingJackpotDescription, HAPPYBINGO_JACKPOTS_VARIATIONS, maskName } from '../utils.js';
|
|
22
|
+
import { getAccumulatingJackpotDescription, HAPPYBINGO_JACKPOTS_VARIATIONS, maskName, } from '../utils.js';
|
|
23
23
|
import { useJackpotsCarouselItemContext } from './JackpotsCarouselContext.js';
|
|
24
24
|
export function JackpotsCarouselItemHappyBingo({ index, }) {
|
|
25
25
|
// 1. Hooks (Context, Data, State, Refs)
|
|
@@ -144,7 +144,7 @@ export function JackpotsCarouselItemHappyBingo({ index, }) {
|
|
|
144
144
|
currency: localeInfo.currency.code,
|
|
145
145
|
minDecimalPlaces: 2,
|
|
146
146
|
maxDecimalPlaces: 2,
|
|
147
|
-
}) })] })] })] })) : (_jsxs("div", { className: "flex h-full w-full flex-row-reverse items-center justify-between", children: [_jsx(Image, { src: coins, alt: "coins", className: "ml-2", unoptimized: true }), _jsxs("div", { children: [_jsx("p", { className: "mt-1 font-semibold text-lg leading-6", children: "No one has won big yet" }), _jsxs("p", { className: "mt-1 text-[0.75rem] leading-[1.125rem]", children: ["You could be the first to win the ", _jsx("br", {}), " jackpot!"] })] })] })) })] }), isPayingOut ? (_jsx("div", { className: twMerge(styles['light-rays'], variation.raysColor, 'rounded-t-2xl [--light-rays-left:90%] [--light-rays-top:100px]') })) : (_jsx(Image, { width: 175, height: 175, src: treasureChestBg, alt: "treasure chest background", className: twMerge('absolute top-0 right-0 h-full w-[380px] object-cover opacity-50'), priority:
|
|
147
|
+
}) })] })] })] })) : (_jsxs("div", { className: "flex h-full w-full flex-row-reverse items-center justify-between", children: [_jsx(Image, { src: coins, alt: "coins", className: "ml-2", unoptimized: true }), _jsxs("div", { children: [_jsx("p", { className: "mt-1 font-semibold text-lg leading-6", children: "No one has won big yet" }), _jsxs("p", { className: "mt-1 text-[0.75rem] leading-[1.125rem]", children: ["You could be the first to win the ", _jsx("br", {}), " jackpot!"] })] })] })) })] }), isPayingOut ? (_jsx("div", { className: twMerge(styles['light-rays'], variation.raysColor, 'rounded-t-2xl [--light-rays-left:90%] [--light-rays-top:100px]') })) : (_jsx(Image, { width: 175, height: 175, src: treasureChestBg, alt: "treasure chest background", className: twMerge('absolute top-0 right-0 h-full w-[380px] object-cover opacity-50'), fetchPriority: "high", priority: true, loading: "eager", unoptimized: true }))] }), _jsxs("div", { className: "relative flex h-[56px] min-h-[40px] w-full flex-1 items-center justify-between rounded-b-2xl bg-white px-4 py-[10px] text-[#475467] dark:bg-[#161B26] dark:text-[#94969C]", children: [showSeeDetailsButton ? (_jsxs("button", { type: "button", className: "flex items-center gap-1 font-medium text-sm", children: ["See details", _jsx(ArrowNarrowUpRightIcon, { className: "h-5 w-5" })] })) : (_jsxs("div", { className: "w-full text-xs transition-opacity duration-500 ease-in-out", children: [_jsxs("div", { children: ["Minimum bet:", ' ', _jsxs("span", { className: "font-semibold text-[#A15C07] dark:text-[#EAAA08]", children: ["PHP", ' ', formatNumber(jackpot.minimumBet, {
|
|
148
148
|
currency: localeInfo.currency.code,
|
|
149
149
|
minDecimalPlaces: 2,
|
|
150
150
|
maxDecimalPlaces: 2,
|
|
@@ -22,7 +22,7 @@ import treasureChest from '../../../images/treasure.webp';
|
|
|
22
22
|
import { formatNumber } from '../../../utils/formatNumber.js';
|
|
23
23
|
import { getPercentage } from '../../../utils/getPercentage.js';
|
|
24
24
|
import styles from '../Jackpots.module.css';
|
|
25
|
-
import { CRAZYWIN_JACKPOTS_VARIATIONS, formatProviderName, maskName } from '../utils.js';
|
|
25
|
+
import { CRAZYWIN_JACKPOTS_VARIATIONS, formatProviderName, maskName, } from '../utils.js';
|
|
26
26
|
import { useJackpotsListItemContext } from './JackpotsListContext.js';
|
|
27
27
|
import { JackpotsListItemGameProviders } from './JackpotsListItemGameProviders.js';
|
|
28
28
|
import { useJackpotsListItemData } from './useJackpotsListItemData.js';
|
|
@@ -149,7 +149,7 @@ export function JackpotsListItemCrazyWin({ index, }) {
|
|
|
149
149
|
currency: localeInfo.currency.code,
|
|
150
150
|
minDecimalPlaces: 2,
|
|
151
151
|
maxDecimalPlaces: 2,
|
|
152
|
-
}) })] })] }), _jsxs("p", { className: "hidden text-center text-xs leading-[18px] tracking-wider lg:block", children: ["Massive payout unlocked! ", _jsx("br", {}), " Who's next? \uD83D\uDCB0"] })] })) : (_jsxs("div", { className: "flex h-full w-full flex-row-reverse items-center justify-between lg:w-[280px] lg:flex-col lg:justify-center", children: [_jsx(Image, { src: coins, alt: "coins", className: "ml-2", unoptimized: true }), _jsxs("div", { children: [_jsx("p", { className: "mt-1 font-semibold text-lg leading-6", children: "No one has won big yet" }), _jsxs("p", { className: "mt-1 text-start text-[0.75rem] leading-[1.125rem] lg:text-center", children: ["You could be the first to win the ", _jsx("br", {}), " jackpot!"] })] })] })) })] }), isPayingOut ? (_jsx("div", { className: twMerge(styles['light-rays'], variation.raysColor, 'rounded-t-2xl [--light-rays-left:70%] [--light-rays-top:100px]') })) : (_jsx(Image, { width: 175, height: 175, src: treasureChestBg, alt: "treasure chest background", className: twMerge('absolute top-0 right-0 h-full w-[380px] object-cover opacity-50'), priority:
|
|
152
|
+
}) })] })] }), _jsxs("p", { className: "hidden text-center text-xs leading-[18px] tracking-wider lg:block", children: ["Massive payout unlocked! ", _jsx("br", {}), " Who's next? \uD83D\uDCB0"] })] })) : (_jsxs("div", { className: "flex h-full w-full flex-row-reverse items-center justify-between lg:w-[280px] lg:flex-col lg:justify-center", children: [_jsx(Image, { src: coins, alt: "coins", className: "ml-2", unoptimized: true }), _jsxs("div", { children: [_jsx("p", { className: "mt-1 font-semibold text-lg leading-6", children: "No one has won big yet" }), _jsxs("p", { className: "mt-1 text-start text-[0.75rem] leading-[1.125rem] lg:text-center", children: ["You could be the first to win the ", _jsx("br", {}), " jackpot!"] })] })] })) })] }), isPayingOut ? (_jsx("div", { className: twMerge(styles['light-rays'], variation.raysColor, 'rounded-t-2xl [--light-rays-left:70%] [--light-rays-top:100px]') })) : (_jsx(Image, { width: 175, height: 175, src: treasureChestBg, alt: "treasure chest background", className: twMerge('absolute top-0 right-0 h-full w-[380px] object-cover opacity-50'), priority: true, fetchPriority: "high", loading: "eager", unoptimized: true }))] }), _jsxs("div", { className: "relative flex w-full flex-col items-center rounded-b-2xl bg-[#171b26] px-4", children: [_jsxs("div", { className: "flex w-full justify-between py-4", children: [_jsxs("button", { onClick: () => setSeeDetails((v) => !v), type: "button", className: "flex items-center gap-1 font-medium text-[#fff] text-sm", children: ["See details", ' ', seeDetails ? (_jsx(ChevronUpIcon, { className: "h-5" })) : (_jsx(ChevronDownIcon, { className: "h-5" }))] }), _jsx("button", { type: "button", className: "text-nowrap text-[#FFE5AF] text-sm underline underline-offset-4", children: "Jackpot Rules" })] }), seeDetails && (_jsxs("div", { className: "w-full", children: [_jsxs("div", { children: [_jsx("div", { className: "mt-[6px] flex justify-between text-[#CECFD2] text-lg", children: _jsxs("div", { className: "flex items-center gap-3 font-semibold", children: [_jsx(Image, { src: coin, alt: "coin", className: "h-6", unoptimized: true }), "Recent Payouts"] }) }), _jsx("div", { className: "mt-[1.25rem] mb-[2rem] gap-[0.625rem]", children: _jsx("div", { className: "flex-1 overflow-x-auto rounded-lg border border-[#1F242F]", children: _jsxs("table", { className: "w-full min-w-[700px]", children: [_jsx("thead", { children: _jsx("tr", { className: "h-[44px] bg-[#0C111D] text-[#94969C] text-xs", children: [
|
|
153
153
|
'Player',
|
|
154
154
|
'Game Provider',
|
|
155
155
|
'Multiplier',
|
|
@@ -22,7 +22,7 @@ import treasureChest from '../../../images/treasure.webp';
|
|
|
22
22
|
import { formatNumber } from '../../../utils/formatNumber.js';
|
|
23
23
|
import { getPercentage } from '../../../utils/getPercentage.js';
|
|
24
24
|
import styles from '../Jackpots.module.css';
|
|
25
|
-
import { formatProviderName, HAPPYBINGO_JACKPOTS_VARIATIONS, maskName } from '../utils.js';
|
|
25
|
+
import { formatProviderName, HAPPYBINGO_JACKPOTS_VARIATIONS, maskName, } from '../utils.js';
|
|
26
26
|
import { useJackpotsListItemContext } from './JackpotsListContext.js';
|
|
27
27
|
import { JackpotsListItemGameProviders } from './JackpotsListItemGameProviders.js';
|
|
28
28
|
import { useJackpotsListItemData } from './useJackpotsListItemData.js';
|
|
@@ -149,7 +149,7 @@ export function JackpotsListItemHappyBingo({ index, }) {
|
|
|
149
149
|
currency: localeInfo.currency.code,
|
|
150
150
|
minDecimalPlaces: 2,
|
|
151
151
|
maxDecimalPlaces: 2,
|
|
152
|
-
}) })] })] }), _jsxs("p", { className: "hidden text-center text-xs leading-[18px] tracking-wider lg:block", children: ["Massive payout unlocked! ", _jsx("br", {}), " Who's next? \uD83D\uDCB0"] })] })) : (_jsxs("div", { className: "flex h-full w-full flex-row-reverse items-center justify-between lg:w-[280px] lg:flex-col lg:justify-center", children: [_jsx(Image, { src: coins, alt: "coins", className: "ml-2", unoptimized: true }), _jsxs("div", { children: [_jsx("p", { className: "mt-1 font-semibold text-lg leading-6", children: "No one has won big yet" }), _jsxs("p", { className: "mt-1 text-start text-[0.75rem] leading-[1.125rem] lg:text-center", children: ["You could be the first to win the ", _jsx("br", {}), " jackpot!"] })] })] })) })] }), isPayingOut ? (_jsx("div", { className: twMerge(styles['light-rays'], variation.raysColor, 'rounded-t-2xl [--light-rays-left:70%] [--light-rays-top:100px]') })) : (_jsx(Image, { width: 175, height: 175, src: treasureChestBg, alt: "treasure chest background", className: twMerge('absolute top-0 right-0 h-full w-[380px] object-cover opacity-50'), priority:
|
|
152
|
+
}) })] })] }), _jsxs("p", { className: "hidden text-center text-xs leading-[18px] tracking-wider lg:block", children: ["Massive payout unlocked! ", _jsx("br", {}), " Who's next? \uD83D\uDCB0"] })] })) : (_jsxs("div", { className: "flex h-full w-full flex-row-reverse items-center justify-between lg:w-[280px] lg:flex-col lg:justify-center", children: [_jsx(Image, { src: coins, alt: "coins", className: "ml-2", unoptimized: true }), _jsxs("div", { children: [_jsx("p", { className: "mt-1 font-semibold text-lg leading-6", children: "No one has won big yet" }), _jsxs("p", { className: "mt-1 text-start text-[0.75rem] leading-[1.125rem] lg:text-center", children: ["You could be the first to win the ", _jsx("br", {}), " jackpot!"] })] })] })) })] }), isPayingOut ? (_jsx("div", { className: twMerge(styles['light-rays'], variation.raysColor, 'rounded-t-2xl [--light-rays-left:70%] [--light-rays-top:100px]') })) : (_jsx(Image, { width: 175, height: 175, src: treasureChestBg, alt: "treasure chest background", className: twMerge('absolute top-0 right-0 h-full w-[380px] object-cover opacity-50'), priority: true, fetchPriority: "high", loading: "eager", unoptimized: true }))] }), _jsxs("div", { className: "relative flex w-full flex-col items-center rounded-b-2xl bg-white px-4 text-[#475467] dark:bg-[#161B26] dark:text-[#94969C]", children: [_jsxs("div", { className: "flex w-full justify-between py-3", children: [_jsxs("button", { onClick: () => setSeeDetails((v) => !v), type: "button", className: "flex items-center gap-1 font-medium text-sm", children: ["See details", ' ', seeDetails ? (_jsx(ChevronUpIcon, { className: "h-5" })) : (_jsx(ChevronDownIcon, { className: "h-5" }))] }), _jsx("button", { type: "button", className: "inline-flex h-9 items-center justify-center gap-1.5 text-nowrap rounded-lg border border-[#EAAA08] bg-white px-4 py-2.5 font-semibold text-[#A15C07] text-sm text-sm shadow-xs transition-colors duration-200 hover:border-[#FDE272] hover:bg-[#FEFBE8] disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-[#EAAA08] disabled:hover:bg-white dark:border-[#333741] dark:bg-[#161B26] dark:text-[#CECFD2] dark:disabled:hover:border-[#333741] dark:disabled:hover:bg-[#161B26]", children: "Jackpot Rules" })] }), seeDetails && (_jsxs("div", { className: "w-full", children: [_jsxs("div", { children: [_jsx("div", { className: "mt-[6px] flex justify-between text-[#344054] text-lg dark:text-[#CECFD2]", children: _jsxs("div", { className: "flex items-center gap-3 font-semibold", children: [_jsx(Image, { src: starTwo, alt: "3d star", className: "size-6", unoptimized: true }), "Recent Payouts"] }) }), _jsx("div", { className: "mt-[1.25rem] mb-[2rem] gap-[0.625rem]", children: _jsx("div", { className: "w-full max-w-full overflow-x-auto overflow-y-hidden whitespace-nowrap rounded-xl border border-[#eaecf0] dark:border-[#1f242f]", children: _jsxs("table", { className: "w-full min-w-[700px]", children: [_jsx("thead", { className: "border-[#EAECF0] border-b dark:border-[#1F242F]", children: _jsx("tr", { className: "border-[#EAECF0] border-b bg-white px-0 last:border-b-0 odd:bg-[#F9FAFB] dark:border-[#1F242F] dark:bg-[#0C111D] dark:odd:bg-[#0C111D]", children: [
|
|
153
153
|
'Player',
|
|
154
154
|
'Game Provider',
|
|
155
155
|
'Multiplier',
|
|
@@ -57,7 +57,10 @@ export function Search(props) {
|
|
|
57
57
|
}, {
|
|
58
58
|
enabled: search.length >= 2,
|
|
59
59
|
});
|
|
60
|
-
|
|
60
|
+
let games = gamesQuery.data?.pages.flatMap((page) => page.edges.map((edge) => edge.node)) ?? [];
|
|
61
|
+
if (props.variant === '88play') {
|
|
62
|
+
games = games.filter((game) => game.name.toLowerCase().includes(search.toLowerCase()));
|
|
63
|
+
}
|
|
61
64
|
const empty = games.length <= 0 && gameProviders.length <= 0;
|
|
62
65
|
const viewGamesUrl = (data) => {
|
|
63
66
|
return props.viewGamesUrl
|
|
@@ -5,6 +5,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
|
|
|
5
5
|
import dynamic from 'next/dynamic';
|
|
6
6
|
import Image from 'next/image';
|
|
7
7
|
import { useRouter } from 'next/navigation';
|
|
8
|
+
import { useState } from 'react';
|
|
8
9
|
import { Controller, useForm } from 'react-hook-form';
|
|
9
10
|
import { twMerge } from 'tailwind-merge';
|
|
10
11
|
import invariant from 'tiny-invariant';
|
|
@@ -51,6 +52,7 @@ export function NameAndPasswordSignIn() {
|
|
|
51
52
|
registerBiometrics: ctx.registerBiometrics,
|
|
52
53
|
disclaimer: ctx.disclaimer,
|
|
53
54
|
})));
|
|
55
|
+
const [formType, setFormType] = useState('NAME_AND_PASSWORD');
|
|
54
56
|
const signInMutation = useSignInMutation({
|
|
55
57
|
onSuccess: async (authenticator) => {
|
|
56
58
|
if (authenticator) {
|
|
@@ -130,7 +132,9 @@ export function NameAndPasswordSignIn() {
|
|
|
130
132
|
onError(err) {
|
|
131
133
|
toaster.error({
|
|
132
134
|
title: 'Sign In Failed',
|
|
133
|
-
description:
|
|
135
|
+
description: formType === 'NAME_AND_PASSWORD'
|
|
136
|
+
? err.message
|
|
137
|
+
: 'Invalid security question',
|
|
134
138
|
});
|
|
135
139
|
},
|
|
136
140
|
});
|
|
@@ -256,6 +260,7 @@ export function NameAndPasswordSignIn() {
|
|
|
256
260
|
: null;
|
|
257
261
|
return (_jsxs(_Fragment, { children: [_jsxs("form", { className: "mt-3xl", onSubmit: form.handleSubmit((data) => {
|
|
258
262
|
if (!signInMutation.data) {
|
|
263
|
+
setFormType('NAME_AND_PASSWORD');
|
|
259
264
|
signInMutation.mutateAsync({
|
|
260
265
|
type: 'NAME_AND_PASSWORD',
|
|
261
266
|
name: data.name,
|
|
@@ -263,6 +268,7 @@ export function NameAndPasswordSignIn() {
|
|
|
263
268
|
});
|
|
264
269
|
}
|
|
265
270
|
else {
|
|
271
|
+
setFormType('SECURITY_QUESTION');
|
|
266
272
|
authenticateMutation.mutateAsync({
|
|
267
273
|
type: 'SECURITY_QUESTION',
|
|
268
274
|
token: signInMutation.data.token,
|
|
@@ -21,5 +21,6 @@ export interface SignUpDefaultProps {
|
|
|
21
21
|
pagcorLogo?: ImageProps['src'];
|
|
22
22
|
responsibleGamingLogo?: ImageProps['src'];
|
|
23
23
|
isRegulated?: boolean;
|
|
24
|
+
variant?: string;
|
|
24
25
|
}
|
|
25
26
|
export declare function SignUpDefault(props: SignUpDefaultProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -61,6 +61,7 @@ export function SignUpDefaultForm() {
|
|
|
61
61
|
const sendVerificationCodeMutation = useSendVerificationCodeMutation();
|
|
62
62
|
const localeInfo = useLocaleInfo();
|
|
63
63
|
const mobileNumberParser = useMobileNumberParser();
|
|
64
|
+
const [branchTipOpen, setBranchTipOpen] = useState(false);
|
|
64
65
|
const firstNameBaseSchema = z
|
|
65
66
|
.string()
|
|
66
67
|
.regex(/^[a-z ]+$/gi, 'First name must contain only letters')
|
|
@@ -168,6 +169,21 @@ export function SignUpDefaultForm() {
|
|
|
168
169
|
const form2Ref = useRef(null);
|
|
169
170
|
const birthDay = step1Form.watch('birthDay');
|
|
170
171
|
const branchCode = step1Form.watch('branchCode', '');
|
|
172
|
+
let ToolTip = (_jsxs(Tooltip.Root, { openDelay: 0, closeDelay: 100, lazyMount: true, unmountOnExit: true, positioning: {
|
|
173
|
+
placement: 'top',
|
|
174
|
+
}, children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx(HelpCircleIcon, { className: "size-4 text-text-nav-item-button-icon" }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { children: [_jsx(Tooltip.Arrow, { children: _jsx(Tooltip.ArrowTip, {}) }), "Choose branch closest to your residence."] }) })] }));
|
|
175
|
+
if (signUpProps.variant === '88play') {
|
|
176
|
+
ToolTip = (_jsxs(Tooltip.Root, { open: branchTipOpen, onOpenChange: ({ open }) => {
|
|
177
|
+
// Only respect close events; ignore hover-driven opens.
|
|
178
|
+
if (!open)
|
|
179
|
+
setBranchTipOpen(false);
|
|
180
|
+
}, openDelay: 0, closeDelay: 100, lazyMount: true, unmountOnExit: true, positioning: {
|
|
181
|
+
placement: 'top',
|
|
182
|
+
}, children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx("button", { type: "button", onClick: (e) => {
|
|
183
|
+
e.preventDefault();
|
|
184
|
+
setBranchTipOpen((prev) => !prev);
|
|
185
|
+
}, className: "inline-flex items-center", "aria-label": "Branch info", children: _jsx(HelpCircleIcon, { className: "size-4 text-text-nav-item-button-icon" }) }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { children: [_jsx(Tooltip.Arrow, { children: _jsx(Tooltip.ArrowTip, {}) }), "Choose branch closest to your residence."] }) })] }));
|
|
186
|
+
}
|
|
171
187
|
return (_jsxs(_Fragment, { children: [step === 1 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-xl text-center font-semibold text-lg", children: "Create an account" }), _jsx("p", { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Register instantly and start playing!" }), _jsxs("form", { className: "mt-3xl", autoComplete: "off", onSubmit: step1Form.handleSubmit(async (data) => {
|
|
172
188
|
try {
|
|
173
189
|
await sendVerificationCodeMutation.mutateAsync({
|
|
@@ -205,9 +221,7 @@ export function SignUpDefaultForm() {
|
|
|
205
221
|
}, collection: branchCollection, positioning: {
|
|
206
222
|
sameWidth: true,
|
|
207
223
|
placement: 'bottom',
|
|
208
|
-
}, lazyMount: true, unmountOnExit: true, children: [_jsxs(Select.Label, { className: "flex items-center gap-1", children: ["Branch", _jsxs(
|
|
209
|
-
placement: 'top',
|
|
210
|
-
}, children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx(HelpCircleIcon, { className: "size-4 text-text-nav-item-button-icon" }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { children: [_jsx(Tooltip.Arrow, { children: _jsx(Tooltip.ArrowTip, {}) }), "Choose branch closest to your residence."] }) })] })] }), _jsxs(Select.Trigger, { children: [_jsx(Select.ValueText, {}), _jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })] }), _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: branchCollection.items.map((item) => {
|
|
224
|
+
}, lazyMount: true, unmountOnExit: true, children: [_jsxs(Select.Label, { className: "flex items-center gap-1", children: ["Branch", ToolTip] }), _jsxs(Select.Trigger, { children: [_jsx(Select.ValueText, {}), _jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })] }), _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: branchCollection.items.map((item) => {
|
|
211
225
|
const label = branchCollection.stringifyItem(item) ?? '';
|
|
212
226
|
return (_jsx(Select.Item, { item: item, "aria-disabled": item.disabled, className: twMerge(item.disabled && 'text-border-disabled'), children: _jsx("div", { title: label, className: "line-clamp-1", children: label }) }, item.code));
|
|
213
227
|
}) }) })] }), _jsx(Field.ErrorText, { children: step1Form.formState.errors.branchCode?.message })] }))] })), _jsx(Controller, { control: step1Form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { className: "mt-2xl", invalid: o.fieldState.invalid, children: [_jsxs(Checkbox.Root, { variant: "outline", colorScheme: "neutral", checked: o.field.value, onCheckedChange: (details) => {
|
|
@@ -27,7 +27,7 @@ export function TournamentsListItemCrazyWin({ index }) {
|
|
|
27
27
|
const isEnded = new Date(tournament.activationEndDateTime) < now;
|
|
28
28
|
const [seeDetails, setSeeDetails] = useState(false);
|
|
29
29
|
const numberOfWinnersText = useMemo(() => `${tournament.winnersCount} winner${Number(tournament.winnersCount) > 1 ? 's' : ''}`, [tournament.winnersCount]);
|
|
30
|
-
return (_jsxs("div", { className: "w-full shrink-0 overflow-hidden rounded-2xl", children: [_jsxs("div", { className: twMerge('relative w-full flex-1 gap-4 rounded-t-[10px] p-4 lg:gap-10 lg:p-6', variation.background), children: [_jsx(Image, { src: variation.bgImage, alt: "treasure chest background", className: "absolute top-0 right-0 hidden h-full w-[720px] rounded-t-[10px] object-cover opacity-20 mix-blend-luminosity [mask-image:linear-gradient(to_right,transparent,black)] lg:block", priority:
|
|
30
|
+
return (_jsxs("div", { className: "w-full shrink-0 overflow-hidden rounded-2xl", children: [_jsxs("div", { className: twMerge('relative w-full flex-1 gap-4 rounded-t-[10px] p-4 lg:gap-10 lg:p-6', variation.background), children: [_jsx(Image, { src: variation.bgImage, alt: "treasure chest background", className: "absolute top-0 right-0 hidden h-full w-[720px] rounded-t-[10px] object-cover opacity-20 mix-blend-luminosity [mask-image:linear-gradient(to_right,transparent,black)] lg:block", priority: true, loading: "eager", fetchPriority: "high", unoptimized: true }), _jsx("div", { className: "relative z-1 flex w-full flex-col", children: _jsx("div", { className: "flex h-full flex-col justify-between", children: _jsx("div", { className: "flex w-full justify-between", children: _jsx("div", { className: "flex w-full flex-col", children: _jsx("div", { className: "relative flex w-full justify-between", children: _jsxs("div", { className: "flex w-full flex-col lg:flex-row", children: [_jsxs("div", { className: "flex w-full flex-col", children: [_jsxs("div", { className: "flex w-fit items-center justify-center gap-1 rounded-[10px] border-[#82F0D0] border-[1px] px-[10px] py-1 text-[#82F0D0] text-xs lg:text-sm", children: [_jsx(Award01Icon, { className: "h-4 w-4 text-[#82F0D0]" }), "Multiplier"] }), _jsx("div", { className: "w-1/2 text-left font-bold text-lg lg:w-[68%] lg:text-[32px]", children: tournament.name }), _jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: twMerge(variation.poolBg, variation.textColor, 'flex w-fit rounded-lg px-2 font-semibold text-[26px] lg:text-[36px]'), children: formatNumber(tournamentReward, {
|
|
31
31
|
currency: localeInfo.currency.code,
|
|
32
32
|
minDecimalPlaces: 2,
|
|
33
33
|
maxDecimalPlaces: 2,
|
|
@@ -27,11 +27,11 @@ export function TournamentsListItemHappyBingo({ index }) {
|
|
|
27
27
|
const isEnded = new Date(tournament.activationEndDateTime) < now;
|
|
28
28
|
const [seeDetails, setSeeDetails] = useState(false);
|
|
29
29
|
const numberOfWinnersText = useMemo(() => `${tournament.winnersCount} winner${Number(tournament.winnersCount) > 1 ? 's' : ''}`, [tournament.winnersCount]);
|
|
30
|
-
return (_jsxs("div", { className: "w-full shrink-0 overflow-hidden rounded-2xl", children: [_jsxs("div", { className: twMerge('relative w-full flex-1 gap-4 rounded-t-[10px] p-4 lg:gap-10 lg:p-6', variation.background), children: [_jsx(Image, { src: variation.bgImage, alt: "treasure chest background", className: "absolute top-0 right-0 hidden h-full w-[720px] rounded-t-[10px] object-cover opacity-20 mix-blend-luminosity [mask-image:linear-gradient(to_right,transparent,black)] lg:block", priority:
|
|
30
|
+
return (_jsxs("div", { className: "w-full shrink-0 overflow-hidden rounded-2xl", children: [_jsxs("div", { className: twMerge('relative w-full flex-1 gap-4 rounded-t-[10px] p-4 lg:gap-10 lg:p-6', variation.background), children: [_jsx(Image, { src: variation.bgImage, alt: "treasure chest background", className: "absolute top-0 right-0 hidden h-full w-[720px] rounded-t-[10px] object-cover opacity-20 mix-blend-luminosity [mask-image:linear-gradient(to_right,transparent,black)] lg:block", priority: true, loading: "eager", fetchPriority: "high", unoptimized: true }), _jsx("div", { className: "relative z-1 flex w-full flex-col", children: _jsx("div", { className: "flex h-full flex-col justify-between", children: _jsx("div", { className: "flex w-full justify-between", children: _jsx("div", { className: "flex w-full flex-col", children: _jsx("div", { className: "relative flex w-full justify-between", children: _jsxs("div", { className: "flex w-full flex-col lg:flex-row", children: [_jsxs("div", { className: "flex w-full flex-col", children: [_jsxs("div", { className: twMerge('flex h-fit w-fit items-center justify-center gap-1 rounded-[8px] border-[1px] bg-[#EFF8FF] px-[10px] py-1 text-xs lg:text-sm', variation.multiplierBadgeColor, variation.multiplierBadgeBorderColor, variation.darkMultiplierBadgeColor, variation.darkMultiplierBadgeBorderColor, variation.darkMultiplierBg), children: [_jsx(Award01Icon, { className: "size-4" }), _jsx("span", { children: "Multiplier" })] }), _jsx("div", { className: "w-1/2 text-left font-bold text-lg lg:w-[68%] lg:text-[32px]", children: tournament.name }), _jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: twMerge(variation.poolBg, variation.textColor, 'flex w-fit rounded-lg px-2 font-semibold text-[26px] lg:text-[36px]'), children: formatNumber(tournamentReward, {
|
|
31
31
|
currency: localeInfo.currency.code,
|
|
32
32
|
minDecimalPlaces: 2,
|
|
33
33
|
maxDecimalPlaces: 2,
|
|
34
|
-
}) }), _jsx("div", { className: twMerge(variation.poolBg, variation.textColor, 'mt-[6px] flex w-fit rounded-lg px-2 py-1 font-bold text-base lg:text-2xl'), children: numberOfWinnersText })] })] }), _jsxs("div", { className: "flex flex-col items-center justify-between", children: [_jsx("div", { className: twMerge('relative my-4 h-[129px] w-full overflow-hidden rounded-lg lg:hidden', variation.background), children: _jsx(Image, { src: variation.bgImage, alt: "image", className:
|
|
34
|
+
}) }), _jsx("div", { className: twMerge(variation.poolBg, variation.textColor, 'mt-[6px] flex w-fit rounded-lg px-2 py-1 font-bold text-base lg:text-2xl'), children: numberOfWinnersText })] })] }), _jsxs("div", { className: "flex flex-col items-center justify-between", children: [_jsx("div", { className: twMerge('relative my-4 h-[129px] w-full overflow-hidden rounded-lg lg:hidden', variation.background), children: _jsx(Image, { src: variation.bgImage, alt: "image", className: "h-full w-full object-cover mix-blend-luminosity", priority: false, loading: "lazy", unoptimized: true }) }), _jsxs("div", { className: "flex w-full flex-col", children: [isEnded && (_jsxs("div", { className: twMerge('mb-2 flex flex-col items-center justify-center whitespace-nowrap rounded-md bg-bg-primary px-2 py-1.5 font-semibold text-[#EAAA08] text-sm'), children: [_jsx("span", { className: "font-semibold", children: "Ended" }), _jsx("span", { className: twMerge('text-[9px] text-text-secondary-700'), children: format(tournament.activationEndDateTime, 'MMMM dd, yyyy') })] })), !isLaunchStarts && !isEnded && (_jsx("div", { className: twMerge('mb-2 flex items-center justify-center rounded-md bg-bg-primary py-1 font-semibold text-brand-500 text-sm'), children: "Launching Soon" })), !isEnded && (_jsx("div", { className: "flex h-fit w-full gap-2", children: timeParts.map((part, idx) => (_jsxs(React.Fragment, { children: [_jsxs("div", { className: twMerge(variation.poolBg, variation.textColor, variation.timeBorderColor, 'flex h-fit flex-1 flex-col items-center rounded-lg border-[1px] py-3 lg:w-[59px] lg:py-[6px]'), children: [_jsx("span", { className: "font-semibold text-lg lg:text-2xl", children: String(part.value).padStart(2, '0') }), _jsx("span", { className: "text-2xs lg:text-xs", children: part.label })] }), idx < timeParts.length - 1 && (_jsxs("div", { className: "flex shrink-0 flex-col justify-center gap-1.5 px-1", children: [_jsx("div", { className: "h-1 w-1 rounded-full bg-bg-primary" }), _jsx("div", { className: "h-1 w-1 rounded-full bg-bg-primary" })] }))] }, part.label))) }))] }), _jsx("div", { className: "mt-2xl w-fit", children: _jsx("div", { className: "flex w-full", children: _jsxs("div", { className: "flex h-full flex-row-reverse items-center justify-start lg:flex-col", children: [_jsx(Image, { src: coins, alt: "coins", className: "w-[179.2px] lg:w-[132.26px]", unoptimized: true }), _jsxs("div", { className: "text-start lg:text-center", children: [_jsx("p", { className: "mt-1 font-semibold text-[16px] leading-6", children: "No one has won big yet" }), _jsx("p", { className: "mt-1 text-start text-xs leading-[1.125rem] lg:text-center", children: "You could be the first to win the tournament!" })] })] }) }) })] })] }) }) }) }) }) })] }), _jsxs("div", { className: "relative flex w-full flex-1 flex-col items-center justify-between bg-white px-4 py-3.5 text-[#475467] dark:bg-[#161B26] dark:text-[#94969C]", children: [_jsxs("div", { className: "flex w-full justify-between", children: [_jsxs("button", { onClick: () => setSeeDetails((v) => !v), type: "button", className: "flex items-center gap-1 font-medium text-sm", children: ["See details", ' ', seeDetails ? (_jsx(ChevronUpIcon, { className: "h-5" })) : (_jsx(ChevronDownIcon, { className: "h-5" }))] }), _jsx("button", { type: "button", className: "inline-flex h-9 items-center justify-center gap-1.5 rounded-lg border border-[#EAAA08] bg-white px-4 py-2.5 font-semibold text-[#A15C07] text-sm shadow-xs transition-colors duration-200 hover:border-[#FDE272] hover:bg-[#FEFBE8] disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-[#EAAA08] disabled:hover:bg-white dark:border-[#333741] dark:bg-[#161B26] dark:text-[#CECFD2] dark:disabled:hover:border-[#333741] dark:disabled:hover:bg-[#161B26]", children: "Tournament Rules" })] }), seeDetails && (_jsxs("div", { className: "mt-2 w-full", children: [_jsx("div", { children: _jsx("div", { className: "mt-[6px] flex justify-between text-[#344054] text-lg dark:text-[#CECFD2]", children: _jsxs("div", { className: "flex items-center gap-3 font-semibold", children: [_jsx(Image, { src: star, alt: "3d star", className: "size-6", unoptimized: true }), "Ranking"] }) }) }), _jsx("div", { children: _jsxs(Tabs.Root, { defaultValue: "current", className: "mt-4", children: [_jsxs(Tabs.List, { className: "flex gap-1 rounded-xl border border-[#EAECF0] bg-[#F9FAFB] p-1 font-semibold text-[#667085] text-sm leading-[0.01em] lg:w-fit dark:border-[#1F242F] dark:bg-[#0C111D] dark:text-[#757278]", children: [_jsx(Tabs.Trigger, { value: "current", className: "ui-selected:text-[#475467] ui-selected:dark:text-[#94969C]", children: "Current" }), _jsx(Tabs.Trigger, { value: "previous", className: "ui-selected:text-[#475467] ui-selected:dark:text-[#94969C]", children: "Previous" }), _jsx(Tabs.Indicator, { className: "bg-[white] dark:bg-[#161B26]" })] }), _jsx(Tabs.Content, { value: "current", children: _jsx(TournamentTable, { winnersCount: Number(tournament.winnersCount), rewardSettings: tournament.rewardSettings, leaderboard: tournament.currentLeaderboard
|
|
35
35
|
.edges }) }), _jsx(Tabs.Content, { value: "previous", children: _jsx(TournamentTable, { winnersCount: Number(tournament.winnersCount), rewardSettings: tournament.rewardSettings, leaderboard: tournament.currentLeaderboard
|
|
36
36
|
.edges }) })] }) }), _jsx("div", { className: "w-full", children: Boolean(filteredGameProviders.length) && (_jsx(TournamentsListItemGameProviders, { gameProviders: filteredGameProviders })) })] }))] })] }));
|
|
37
37
|
}
|