@opexa/portal-components 0.0.890 → 0.0.891

package/dist/components/KYC/useKYC.js

@@ -0,0 +1,38 @@
+import { useRef, useState } from 'react';
+export function useKYC() {
+    const [step, setStep] = useState(2);
+    const [done, setDone] = useState(false);
+    const [idFrontImageId, setFrontImageId] = useState(null);
+    const [selfieImageId, setSelfieImageId] = useState(null);
+    const subscribers = useRef([]);
+    const subscribe = (subscriber) => {
+        subscribers.current.push(subscriber);
+        return () => {
+            subscribers.current = subscribers.current.filter((item) => item !== subscriber);
+        };
+    };
+    const triggerEvent = (detail) => {
+        subscribers.current.forEach((subscriber) => {
+            subscriber(detail);
+        });
+    };
+    const reset = () => {
+        setStep(1);
+        setDone(false);
+        setFrontImageId(null);
+        setSelfieImageId(null);
+    };
+    return {
+        step,
+        setStep,
+        done,
+        setDone,
+        idFrontImageId,
+        setFrontImageId,
+        selfieImageId,
+        setSelfieImageId,
+        subscribe,
+        triggerEvent,
+        reset,
+    };
+}

package/dist/components/KYCNotRequired/KYCNotRequired.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/PortalProvider/AndroidOnlyComponents.d.ts

@@ -0,0 +1 @@
+export declare function AndroidOnlyComponents(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/PortalProvider/AndroidOnlyComponents.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Capacitor } from '@capacitor/core';
+import { AndroidRoutingHandler } from './AndroidRoutingHandler.js';
+import PushNotification from './PushNotifications.js';
+export function AndroidOnlyComponents() {
+    const platform = Capacitor.getPlatform();
+    const isNative = platform === 'android' || platform === 'ios';
+    if (!isNative)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx(PushNotification, {}), _jsx(AndroidRoutingHandler, {})] }));
+}

package/dist/components/PortalProvider/CXDTokenObserver.d.ts

@@ -0,0 +1 @@
+export declare function CXDTokenObserver(): null;

package/dist/components/PortalProvider/CXDTokenObserver.js

@@ -0,0 +1,30 @@
+'use client';
+import { addHours } from 'date-fns';
+import { clamp } from 'lodash-es';
+import { useLocalStorage, useTimeout } from 'usehooks-ts';
+import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
+export function CXDTokenObserver() {
+    const { data: account } = useAccountQuery();
+    const accountCxd = {
+        cxd: account?.cellxpertDetails?.cxd,
+    };
+    const [cxd, setCxd, removeCxd] = useLocalStorage('cxd', null);
+    const now = new Date();
+    const removeCxdUntilInMs = cxd?.timestamp
+        ? clamp(cxd.timestamp - now.getTime(), 0, Infinity)
+        : 0;
+    useTimeout(() => {
+        const isSame = cxd?.cxd === accountCxd.cxd;
+        if (!isSame) {
+            const extendedTimestamp = addHours(new Date(), 6).getTime();
+            setCxd({
+                cxd: accountCxd.cxd,
+                timestamp: extendedTimestamp,
+            });
+        }
+    }, account ? 100 : null);
+    useTimeout(() => {
+        removeCxd();
+    }, account ? removeCxdUntilInMs : null);
+    return null;
+}

package/dist/components/PortalProvider/LinkGoogleAccountObserver.d.ts

@@ -0,0 +1 @@
+export declare function LinkGoogleAccountObserver(): null;

package/dist/components/PortalProvider/LinkGoogleAccountObserver.js

@@ -0,0 +1,29 @@
+'use client';
+import { useSearchParams } from 'next/navigation';
+import { useTimeout } from 'usehooks-ts';
+import { toaster } from '../../client/utils/toaster.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getSessionQueryKey } from '../../utils/queryKeys.js';
+export function LinkGoogleAccountObserver() {
+    const searchParams = useSearchParams();
+    const code = searchParams.get('message') ?? searchParams.get('status');
+    const queryClient = getQueryClient();
+    useTimeout(() => {
+        if (code === 'duplicate') {
+            return toaster.error({
+                title: 'Duplicate Account',
+                description: 'An account with this email already exists. Please try signing in instead.',
+            });
+        }
+        if (code === 'linked') {
+            queryClient.invalidateQueries({
+                queryKey: getSessionQueryKey(),
+            });
+            return toaster.success({
+                title: 'Google Account Linked Successfully',
+                description: 'Your Google account has been successfully connected.',
+            });
+        }
+    }, code ? 100 : null);
+    return null;
+}

package/dist/components/Quests/MultiWageringQuest.d.ts

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

package/dist/components/Quests/MultiWageringQuest.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRouter, useSearchParams } from 'next/navigation';
+import { useCallback, useMemo } from 'react';
+import { useControllableState } from '../../client/hooks/useControllableState.js';
+import { useDisclosure } from '../../client/hooks/useDisclosure.js';
+import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
+import { Lock01Icon } from '../../icons/Lock01Icon.js';
+import { XIcon } from '../../icons/XIcon.js';
+import { Badge } from '../../ui/Badge/index.js';
+import { Button } from '../../ui/Button/index.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
+import { Progress } from '../../ui/Progress/index.js';
+import { Prose } from '../../ui/Prose/index.js';
+import { formatNumber } from '../../utils/formatNumber.js';
+import { useQuestContext } from './QuestsContext.js';
+import { RemainingTime } from './RemainingTime.js';
+export function MultiWageringQuest() {
+    const disclosure = useDisclosure();
+    const quest = useQuestContext();
+    const { stages, totalStage, currentStage, progressPercentage } = useMemo(() => {
+        const currentStage = quest.stages.filter((m) => m.cleared).length;
+        const progress = [];
+        const turnover = parseFloat(quest.turnover || '0');
+        let remaining = turnover;
+        const stageTargets = quest.stages.map((s) => parseFloat(s.targetTurnover));
+        for (const target of stageTargets) {
+            if (remaining <= 0) {
+                progress.push(0);
+            }
+            else if (remaining >= target) {
+                progress.push(100);
+            }
+            else {
+                progress.push((remaining / target) * 100);
+            }
+            remaining -= target;
+        }
+        if (!quest?.stages) {
+            return {
+                stages: [],
+                totalStage: 0,
+                currentStage: 0,
+                progressPercentage: 0,
+            };
+        }
+        const transformedStages = quest.stages.map((stage, idx) => ({
+            ...stage,
+            progressValue: progress[idx],
+        }));
+        return {
+            stages: transformedStages,
+            totalStage: quest.stages.length,
+            currentStage: currentStage === 0 ? 1 : currentStage,
+            progressPercentage: +quest.progressPercentage,
+        };
+    }, [quest]);
+    const handleViewDetails = useCallback(() => {
+        disclosure.setOpen(true);
+    }, [disclosure]);
+    const localeInfo = useLocaleInfo();
+    const params = useSearchParams();
+    const questId = params.get('id');
+    const isOpen = useMemo(() => {
+        return questId === quest.id;
+    }, [questId, quest.id]);
+    const router = useRouter();
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex h-full w-full flex-col space-y-6 rounded-2xl border border-border-primary bg-bg-tertiary px-4 pt-5 pb-6", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsx("div", { className: "flex max-h-7.5 items-center justify-between", children: _jsx(RemainingTime, { endOfDay: true }) }), _jsx("p", { className: "font-semibold text-xl", children: quest?.name || 'Multi Stage Wagering Quest' }), _jsx("div", { className: "text-[#CECFD2] text-sm", dangerouslySetInnerHTML: {
+                                    __html: quest?.description ||
+                                        'Ready for a challenge? Complete them all and get amazing rewards!',
+                                } }), _jsxs("div", { className: "flex items-center justify-between pt-5", children: [_jsxs("p", { className: "text-[#F5F5F6] text-sm", children: ["Progress: ", quest.progressPercentage, "%"] }), _jsxs("p", { className: "text-[#F5F5F6] text-sm", children: [quest.turnover, _jsxs("span", { className: "text-[#94969C]", children: ["/", quest.targetTurnover, " PHP"] })] })] }), _jsx(Progress.Root, { max: 100, className: "h-2 rounded-full bg-bg-primary", value: progressPercentage, children: _jsx(Progress.Track, { children: _jsx(Progress.Range, { className: "bg-utility-brand-600" }) }) }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("p", { className: "text-[#F5F5F6] text-sm", children: ["Stage ", currentStage, " of ", totalStage] }), _jsx(Badge.Root, { size: "lg", className: "border border-border-badge bg-bg-badge", round: false, children: _jsxs(Badge.Label, { className: "!text-text-badge flex items-center justify-center text-xs", children: [_jsx("p", { className: "flex h-[10px] items-center justify-center", children: "+" }), ' ', formatNumber(quest.stages?.reduce((curr, prev) => {
+                                                    return curr + Number(prev.bonusAmount || 0);
+                                                }, 0), {
+                                                    currency: localeInfo.currency.code,
+                                                    maxDecimalPlaces: 0,
+                                                    minDecimalPlaces: 0,
+                                                }), ' ', "Bonus"] }) })] })] }), _jsx("div", { className: "flex h-full items-end", children: _jsx(Button, { size: "sm", onClick: handleViewDetails, "aria-label": "View Details", disabled: quest.status === 'FAILED' || quest.status === 'COMPLETED', className: "disabled:bg-bg-primary disabled:text-text-disabled", children: "View Details" }) })] }), _jsx(Stages, { open: disclosure.open || isOpen, onOpenChange: (open) => {
+                    disclosure.setOpen(open);
+                    router.push('/quests');
+                }, quest: quest, stages: stages })] }));
+}
+function Stages(props) {
+    const [open, setOpen] = useControllableState({
+        value: props.open,
+        defaultValue: props.defaultOpen ?? false,
+        onChange: props.onOpenChange,
+    });
+    const currentStage = useMemo(() => {
+        const stage = props?.stages?.findLastIndex((stage) => stage.cleared) ?? 0;
+        return stage !== -1 ? stage + 1 : 1;
+    }, [props.stages]);
+    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: open, onOpenChange: (details) => setOpen(details.open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto mt-40 min-h-auto min-w-[23rem] max-w-[25rem] overflow-y-auto rounded-xl border border-border-wagering-popup px-4 py-5", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "group flex flex-col space-y-5 text-sm text-text-quarterary-brand", children: [_jsx("h2", { className: "font-semibold text-lg text-text-primary-900", children: props.quest?.name || 'Quest' }), _jsx(Prose, { dangerouslySetInnerHTML: {
+                                            __html: props.quest?.description ?? '',
+                                        } }), _jsx("div", { className: "flex w-full flex-col space-y-3", children: props.stages.map((stage, idx) => {
+                                            if (currentStage >= idx + 1) {
+                                                return (_jsx(QuestWageringStageUnlocked, { data: stage, progressValue: stage.progressValue, bonus: stage.bonusAmount, stage: idx, isCompleted: stage.cleared }, idx));
+                                            }
+                                            else {
+                                                return _jsx(QuestWageringStageLocked, { stage: idx }, idx);
+                                            }
+                                        }) }), _jsx(Button, { size: "sm", onClick: () => setOpen(false), "aria-label": "Close", className: "w-full", children: "Close" })] })] }) })] }) }));
+}
+function QuestWageringStageUnlocked({ bonus, stage, progressValue, data, isCompleted = false, }) {
+    const localeInfo = useLocaleInfo();
+    return (_jsxs("div", { className: "mb-4 flex flex-col justify-between rounded-xl border border-border-wagering-stage-popup bg-bg-wagering-stage-popup p-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("p", { className: "font-medium", children: ["Stage ", stage + 1] }), _jsx(Badge.Root, { colorScheme: isCompleted ? 'success' : 'blue', size: "md", round: true, children: _jsx(Badge.Label, { children: data.cleared ? 'Completed' : 'Ongoing' }) })] }), _jsxs("div", { className: "mt-2.5 flex items-center justify-between", children: [_jsxs("p", { children: ["Progress ", progressValue, "%"] }), _jsx(Badge.Root, { size: "md", className: "border border-border-badge bg-bg-badge", round: false, children: _jsxs(Badge.Label, { className: "!text-text-badge", children: ["+", formatNumber(bonus, {
+                                    currency: localeInfo.currency.code,
+                                }), ' ', "Bonus"] }) })] }), _jsx(Progress.Root, { max: 100, className: "mt-2 h-2 rounded-full bg-bg-primary", value: progressValue ?? 0, children: _jsx(Progress.Track, { children: _jsx(Progress.Range, { className: "bg-utility-brand-600" }) }) })] }));
+}
+function QuestWageringStageLocked({ stage }) {
+    return (_jsxs("div", { className: "mb-4 flex items-center justify-between rounded-xl border border-border-wagering-stage-popup bg-bg-wagering-stage-popup p-3", children: [_jsxs("p", { className: "font-medium", children: ["Stage ", stage + 1] }), _jsx("div", { className: "flex items-center justify-center rounded-full border border-border-lock bg-bg-lock p-1", children: _jsx(Lock01Icon, { className: "size-3 stroke-3 font-medium text-text-lock" }) })] }));
+}

package/dist/components/SessionWatcher/SessionWatcher.d.ts

@@ -0,0 +1 @@
+export declare function SessionWatcher(): null;

package/dist/components/SessionWatcher/SessionWatcher.js

@@ -0,0 +1,20 @@
+'use client';
+import { useRouter } from 'next/navigation';
+import { useCallback, useEffect } from 'react';
+import { useSessionHealthQuery } from '../../client/hooks/useSessionHealthQuery.js';
+import { useSignOutMutation } from '../../client/hooks/useSignOutMutation.js';
+export function SessionWatcher() {
+    const router = useRouter();
+    const query = useSessionHealthQuery({ refetchInterval: 1000 * 5 });
+    const healthy = query.data ?? true;
+    const mutation = useSignOutMutation();
+    const signOut = useCallback(async () => {
+        await mutation.mutateAsync();
+        router.refresh();
+    }, [mutation, router]);
+    useEffect(() => {
+        if (!healthy)
+            signOut();
+    }, [healthy, signOut]);
+    return null;
+}

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

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

package/dist/components/SessionWatcher/index.js

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

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

@@ -0,0 +1,8 @@
+type Options = {
+    accountName?: string;
+    siteName?: string;
+    signInOptions?: 'MOBILE_NUMBER' | 'NAME_AND_PASSWORD';
+};
+export type ErrorCode = 'MEMBER_ACCOUNT_BLACKLISTED' | 'MEMBER_ACCOUNT_SUSPENDED' | 'INVALID_RECAPTCHA_RESPONSE' | 'MEMBER_NOT_FOUND' | 'RATE_LIMIT_REACH' | 'NOT_READY_TO_SEND_VERIFICATION_ERROR' | 'Forbidden';
+export declare function getFriendlyErrorMessage(code: ErrorCode, options?: Options): string;
+export {};

package/dist/components/SignIn/utils.js

@@ -0,0 +1,26 @@
+export function getFriendlyErrorMessage(code, options) {
+    const accountName = options?.accountName ?? '';
+    const siteName = options?.siteName ?? '';
+    const signInOptions = options?.signInOptions ?? 'NAME_AND_PASSWORD';
+    switch (code) {
+        case 'MEMBER_ACCOUNT_BLACKLISTED':
+            return `Your account ${accountName} has been blacklisted due to a serious violation of our policies. For more information or to appeal, please contact the ${siteName} Chat Support team.`;
+        case 'MEMBER_ACCOUNT_SUSPENDED':
+            return `Your account ${accountName} has been temporarily suspended. Please reach out to the ${siteName} Chat Support team to learn more and get help with resolving the issue.`;
+        case 'INVALID_RECAPTCHA_RESPONSE':
+            return 'Invalid reCAPTCHA response';
+        case 'MEMBER_NOT_FOUND':
+            return 'Account not found. Please check your username and try again.';
+        case 'RATE_LIMIT_REACH':
+            return 'Rate limit exceeded';
+        case 'NOT_READY_TO_SEND_VERIFICATION_ERROR':
+            return 'Your account is not ready to send verification requests. Please try again later.';
+        case 'Forbidden':
+            if (signInOptions === 'MOBILE_NUMBER') {
+                return 'Invalid verification code. Please check the code and try again.';
+            }
+            return 'Invalid username or password, please try again.';
+        default:
+            return 'Something went wrong. Please try again later.';
+    }
+}

package/dist/components/Tournaments/TournamentsCarousel/TournamentCarouselItem.Crazywin.d.ts

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

package/dist/components/Tournaments/TournamentsCarousel/TournamentCarouselItem.Crazywin.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { format } from 'date-fns';
+import Autoplay from 'embla-carousel-autoplay';
+import useEmblaCarousel from 'embla-carousel-react';
+import Image from 'next/image';
+import React from 'react';
+import { twMerge } from 'tailwind-merge';
+import { useLocaleInfo } from '../../../client/hooks/useLocaleInfo.js';
+import { ArrowNarrowUpRightIcon } from '../../../icons/ArrowNarrowUpRightIcon.js';
+import { Award01Icon } from '../../../icons/Award01Icon.js';
+import { Trophy01Icon } from '../../../icons/Trophy01Icon.js';
+import { User01Icon } from '../../../icons/User01Icon.js';
+import firstPlace from '../../../images/first-place.png';
+import trophy from '../../../images/trophy.png';
+import { formatNumber } from '../../../utils/formatNumber.js';
+import { getOrdinal } from '../../../utils/getOrdinal.js';
+import { maskFirstLast } from '../../../utils/mask.js';
+import { useTournamentTimer } from '../TournamentsList/useTournamentTimer.js';
+import { useTournamentsCarouselItemContext } from './TournamentsCarouselContext.js';
+export function TournamentsCarouselItemCrazywin() {
+    const tournament = useTournamentsCarouselItemContext();
+    const localeInfo = useLocaleInfo();
+    const { isLaunchStarts, timeParts, now } = useTournamentTimer({
+        activationEndDateTime: tournament.activationEndDateTime,
+        activationStartDateTime: tournament.activationStartDateTime,
+    });
+    const tournamentReward = Object.values(tournament.rewardSettings)
+        .map(Number)
+        .reduce((sum, val) => sum + val, 0);
+    const isEnded = new Date(tournament.activationEndDateTime) < now;
+    const [emblaRef] = useEmblaCarousel({
+        slidesToScroll: 'auto',
+        loop: true,
+    }, [Autoplay()]);
+    return (_jsxs("div", { className: "flex w-full flex-col rounded-2xl bg-[linear-gradient(242deg,#1A534C_1.19%,#051B29_100%)] shadow-[0_0_20px_0_#88FFD7_inset]", children: [_jsx("div", { className: twMerge('relative flex flex-1 flex-col p-3 text-center lg:gap-6 lg:p-5'), children: _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: _jsxs("div", { className: "flex w-full flex-col", children: [_jsxs("div", { className: "relative flex w-full justify-between", children: [_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex w-full justify-between", children: [_jsxs("div", { className: twMerge('mb-4.5 inline-flex items-center gap-1 rounded-full border border-[#085D3A] bg-[#053321] px-2.5 py-1 font-medium text-[#75E0A7] text-xs shadow-sm'), children: [_jsx(Award01Icon, { className: "size-3" }), _jsx("span", { children: "Multiplier" })] }), _jsxs("div", { className: "flex flex-col", children: [isEnded && (_jsxs("div", { className: twMerge('mb-2 flex flex-col items-center justify-center whitespace-nowrap rounded-md bg-[linear-gradient(6deg,#215B5F_4.86%,#88FFD7_119.22%)] px-2 py-1.5 font-semibold text-[#09232E] 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-[linear-gradient(6deg,#215B5F_4.86%,#88FFD7_119.22%)] py-1 font-semibold text-[#09232E] text-sm'), children: "Launching Soon" })), !isEnded && (_jsx("div", { className: "flex h-fit gap-4.5", children: timeParts.map((part) => (_jsx(React.Fragment, { children: _jsxs("div", { className: twMerge('flex h-fit w-9 flex-col items-center rounded-[0.25rem] bg-[linear-gradient(6deg,#215B5F_4.86%,#88FFD7_119.22%)] pb-1.5 font-medium text-[#09232E] text-xl'), children: [_jsx("span", { className: "font-medium text-xl", children: String(part.value).padStart(2, '0') }), _jsx("span", { className: "text-3xs text-white", children: part.label })] }) }, part.label))) }))] })] }), _jsx("div", { className: "flex w-full justify-between", children: _jsxs("div", { className: "w-full", children: [_jsx("div", { className: "w-1/2 text-left font-bold text-lg lg:w-[68%] lg:text-2xl", children: tournament.name }), _jsx("div", { className: "mt-1.5 w-fit rounded-md bg-[linear-gradient(6deg,#215B5F_4.86%,#88FFD7_119.22%)] px-2 py-1 font-bold text-2xl text-[#09232E] lg:mt-2 lg:text-4xl", children: formatNumber(tournamentReward, {
+                                                                        currency: localeInfo.currency.code,
+                                                                        minDecimalPlaces: 2,
+                                                                        maxDecimalPlaces: 2,
+                                                                    }) })] }) })] }), _jsx("div", { className: "-bottom-16 -right-6 absolute z-1 hidden lg:block", children: _jsx(Image, { width: 155, height: 155, src: trophy, alt: "trophy", className: "px-6 py-2.5" }) })] }), _jsxs("div", { className: "relative", children: [_jsx("div", { className: "-top-10 absolute right-0 z-1 block lg:hidden", children: _jsx(Image, { src: trophy, alt: "trophy", width: 155, height: 155, className: "h-23 w-auto" }) }), tournament.topPayouts.length ? (_jsx("div", { ref: emblaRef, className: "mt-4 overflow-hidden rounded-lg bg-bg-primary", children: _jsx("div", { className: "relative flex", children: tournament.topPayouts.map((tournament, idx) => {
+                                                        return (_jsx("div", { className: "min-w-0 flex-[0_0_100%] bg-[linear-gradient(6deg,#215B5F_4.86%,#88FFD7_119.22%)] p-4", children: _jsxs("div", { className: "flex gap-4", children: [_jsxs("div", { className: "relative flex h-18 w-18 items-center justify-center rounded-full border-4 border-[#0C0E12]", children: [_jsx("div", { className: twMerge('flex h-full w-full items-center justify-center rounded-full', 'bg-[#1A534C]'), children: _jsx(User01Icon, { className: "h-[34px] w-auto stroke-2 text-[#FFF] lg:h-[36px]" }) }), _jsx("div", { className: "absolute right-0 bottom-safe-area-inset-bottom flex h-6 w-6 items-center justify-center rounded-full border-[#09232E] border-[1.5px] bg-[#32A294] font-bold text-2xs text-[#09232E]", children: getOrdinal(idx + 1) })] }), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-[6px] border border-[#085D3A] bg-[#053321] py-0.5 pr-1.5 pl-1 font-medium text-[#75E0A7] text-xs", children: [_jsx(Trophy01Icon, { className: "size-3.5 text-[#75E0A7]" }), "Top Payout"] }), _jsx("div", { className: "font-semibold", children: maskFirstLast(tournament.member?.name || '', {
+                                                                                    midLength: 4,
+                                                                                }) }), _jsx("div", { className: "font-bold text-2xl text-[#09232E]", children: formatNumber(tournament?.amount, {
+                                                                                    currency: localeInfo.currency.code,
+                                                                                    minDecimalPlaces: 2,
+                                                                                    maxDecimalPlaces: 2,
+                                                                                }) })] })] }) }, tournament.id));
+                                                    }) }) })) : !isLaunchStarts ? (_jsx("div", { className: "relative mt-4 w-full gap-4 rounded-lg bg-[linear-gradient(6deg,#215B5F_4.86%,#88FFD7_119.22%)] p-4", children: _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsxs("div", { className: "flex h-fit w-fit items-center gap-1 rounded-sm border bg-[linear-gradient(6deg,#215B5F_4.86%,#88FFD7_119.22%)] px-2 py-0.5 font-medium text-xs", children: [_jsx(Trophy01Icon, { className: "size-3.5" }), "Launching Soon"] }), _jsxs("div", { className: "font-semibold text-text-primary-900", children: ["Win up to", ' ', formatNumber(tournamentReward, {
+                                                                    currency: localeInfo.currency.code,
+                                                                    minDecimalPlaces: 2,
+                                                                    maxDecimalPlaces: 2,
+                                                                })] }), _jsx("div", { className: "text-text-secondary-700 text-xs", children: "You could be the first to win the tournament!" })] }) })) : (_jsxs("div", { className: "relative mt-4 flex w-full gap-4 rounded-lg bg-[linear-gradient(6deg,#215B5F_4.86%,#88FFD7_119.22%)] p-4", children: [_jsx(Image, { width: 66, height: 87, src: firstPlace, alt: "closeChest", className: "size-full h-auto w-[4.125rem] mix-blend-luminosity" }), _jsxs("div", { className: "flex flex-col gap-1 text-left text-white", children: [_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-[6px] border border-[#085D3A] bg-[#053321] py-0.5 pr-1.5 pl-1 font-medium text-[#75E0A7] text-xs", children: [_jsx(Trophy01Icon, { className: "size-3.5 text-[#75E0A7]" }), "Top Payout"] }), _jsx("div", { className: "font-semibold", children: "No winners yet" }), _jsx("div", { className: "text-xs", children: "You could be the first to win the tournament!" })] })] }))] })] }) }) }) }) }), _jsxs("div", { className: "flex w-full flex-1 items-center justify-between rounded-b-2xl bg-[radial-gradient(103.87%_100%_at_50.15%_0%,#072B37_20.3%,#051125_100%)] px-4 py-3.5 shadow-[0_-5px_20px_0_#88FFD7_inset]", children: [_jsxs("button", { type: "button", className: "flex items-center gap-1 font-medium text-sm", children: ["See details", _jsx(ArrowNarrowUpRightIcon, { className: "h-5 w-5" })] }), _jsx("button", { type: "button", className: "flex h-9 items-center justify-center gap-1.5 rounded-lg px-4 py-2.5 font-semibold text-[#FFE5AF] text-sm underline disabled:cursor-not-allowed disabled:opacity-50", children: "Tournament Rules" })] })] }));
+}

package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarousel.js

@@ -2,14 +2,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import useEmblaCarousel from 'embla-carousel-react';
 import { isString } from 'lodash-es';
+import Image from 'next/image';
 import Link from 'next/link';
 import { useCallback, useEffect, useState, } from 'react';
+import { twMerge } from 'tailwind-merge';
 import { useTournamentsQuery } from '../../../client/hooks/useTournamentsQuery.js';
 import { ArrowLeftIcon } from '../../../icons/ArrowLeftIcon.js';
 import { ArrowRightIcon } from '../../../icons/ArrowRightIcon.js';
 import { ChevronRightIcon } from '../../../icons/ChevronRightIcon.js';
+import tournamentIcon from '../../../images/tourna-icon.webp';
 import { Button } from '../../../ui/Button/index.js';
 import { isStyleEntries } from '../../../utils/isStyleEntries.js';
+import { TournamentsCarouselItemCrazywin } from './TournamentCarouselItem.Crazywin.js';
 import { TournamentsCarouselItemContext } from './TournamentsCarouselContext.js';
 import { TournamentsCarouselItem } from './TournamentsCarouselItem.js';
 import { TournamentsCarouselItemHappyBingo } from './TournamentsCarouselItem.HappyBingo.js';
@@ -64,7 +68,9 @@ export function TournamentsCarousel({ style, className, ...props }) {
     const classNames = isString(className)
         ? { root: className }
         : (className ?? {});
-    return (_jsxs("div", { className: classNames.root, style: styles.root, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "font-semibold text-lg", children: props.heading ?? 'Tournaments' }), _jsxs("div", { className: "flex items-center md:gap-3xl", children: [_jsxs(Link, { href: props.viewAllUrl ?? '/tournaments', className: "flex gap-sm font-semibold text-button-tertiary-fg text-sm", children: ["See All", _jsx(ChevronRightIcon, { className: "size-5 lg:hidden" })] }), _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { disabled: !canScrollPrev, onClick: scrollPrev, variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsxs(Button, { disabled: !canScrollNext, onClick: scrollNext, variant: "outline", colorScheme: "gray", className: "rounded-l-none", "aria-label": "Next", children: [_jsx("span", { className: "sr-only", children: "Next" }), _jsx(ArrowRightIcon, { className: "size-5" })] })] })] })] }), _jsx("div", { className: "relative mt-lg lg:overflow-hidden", ref: emblaRef, children: _jsx("div", { className: "flex gap-2.5", children: tournaments.map((tournament) => (_jsx(TournamentsCarouselItemContext, { value: tournament, children: props.variant === 'happybingo' ? (_jsx(TournamentsCarouselItemHappyBingo, {})) : (_jsx(TournamentsCarouselItem, { viewAllUrl: props.viewAllUrl, style: {
+    return (_jsxs("div", { className: classNames.root, style: styles.root, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [props.variant === 'crazywin' && (_jsx(Image, { src: tournamentIcon, alt: "Tournament", width: 300, height: 300, className: "size-5", draggable: false })), _jsx("div", { className: "font-semibold text-lg", children: props.heading ?? 'Tournaments' })] }), _jsxs("div", { className: "flex items-center md:gap-3xl", children: [_jsxs(Link, { href: props.viewAllUrl ?? '/tournaments', className: twMerge('flex gap-sm font-semibold text-sm', props.variant === 'happybingo'
+                                    ? 'text-button-tertiary-fg'
+                                    : 'text-white'), children: ["See All", _jsx(ChevronRightIcon, { className: "size-5 lg:hidden" })] }), _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { disabled: !canScrollPrev, onClick: scrollPrev, variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsxs(Button, { disabled: !canScrollNext, onClick: scrollNext, variant: "outline", colorScheme: "gray", className: "rounded-l-none", "aria-label": "Next", children: [_jsx("span", { className: "sr-only", children: "Next" }), _jsx(ArrowRightIcon, { className: "size-5" })] })] })] })] }), _jsx("div", { className: "relative mt-lg lg:overflow-hidden", ref: emblaRef, children: _jsx("div", { className: "flex gap-2.5", children: tournaments.map((tournament) => (_jsx(TournamentsCarouselItemContext, { value: tournament, children: props.variant === 'happybingo' ? (_jsx(TournamentsCarouselItemHappyBingo, {})) : props.variant === 'crazywin' ? (_jsx(TournamentsCarouselItemCrazywin, {})) : (_jsx(TournamentsCarouselItem, { viewAllUrl: props.viewAllUrl, style: {
                                 root: styles.itemRoot,
                                 badgeIcon: styles.itemBadgeIcon,
                                 badgeRoot: styles.itemBadgeRoot,

package/dist/constants/Branches.d.ts

@@ -0,0 +1,2 @@
+import type { Branch } from '../types';
+export declare const BRANCHES: Branch[];

package/dist/constants/Branches.js

@@ -0,0 +1,42 @@
+export const BRANCHES = [
+    {
+        code: 'BRCAL',
+        name: 'Bingo Republic 2nd floor Primark Center Deparo St., Caloocan City',
+    },
+    {
+        code: 'BRNAG',
+        name: 'Bingo Republic 3rd floor Robinsons Mall, Naga City, Camarines Sur',
+    },
+    {
+        code: 'BRANT',
+        name: 'Bingo Republic 2nd floor Robinsons Mall, San Vicente,Antique',
+    },
+    {
+        code: 'BRCLA',
+        name: 'Clark',
+    },
+    {
+        code: 'BRLAG',
+        name: 'Laguna',
+    },
+    {
+        code: 'BREAS',
+        name: 'Eastwood City, Quezon City',
+    },
+    {
+        code: 'BRMAR',
+        name: 'Bingo ng Bayan 4th floor Marikina Public Market, Marikina City',
+    },
+    {
+        code: 'BRILO',
+        name: 'Iloilo',
+    },
+    {
+        code: 'BRFIM',
+        name: 'Fisher Mall,Quezon City',
+    },
+    {
+        code: 'BRCAC',
+        name: 'Villa Caceres Hotel, Naga City,Camsur',
+    },
+];

package/dist/services/queries.d.ts

@@ -48,7 +48,7 @@ export declare const CREATE_AIO_QRPH_DEPOSIT = "\n  mutation CreateAIOQRPHDeposi
 export declare const CREATE_AIO_ONLINE_BANK_DEPOSIT = "\n  mutation CreateAIOOnlineBankDeposit(\n    $input: CreateAIOOnlineBankDepositInput!\n  ) {\n    createAIOOnlineBankDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MANUAL_BANK_DEPOSIT = "\n  mutation CreateManualBankDeposit($input: CreateManualBankDepositInput!) {\n    createManualBankDeposit(input: $input) {\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on FileDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on FileNotReadyError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MANUAL_UPI_DEPOSIT = "\n  mutation CreateManualUPIDeposit($input: CreateManualUPIDepositInput!) {\n    createManualUPIDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on UPIReferenceNotAvailableError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
-export declare const DEPOSIT = "\n  query Deposit($id: ObjectId!) {\n    node(id: $id) {\n      ... on GCashDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on MayaDeposit {\n        id\n        type\n        status\n        checkoutUrl\n      }\n      ... on MayaAppDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on BankDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on ManualDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on QRPHDeposit {\n        id\n        type\n        status\n        qrCode\n        error\n      }\n      ... on OnlineBankDeposit {\n        id\n        type\n        status\n        vca\n        error\n      }\n      ... on GCashWebpayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on LibanganPayInDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on PisoPayCheckoutDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on AiOGCashDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }        \n      ... on AiOGrabPayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }        \n      ... on AiOPalawanPayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }        \n      ... on AiOPayMayaDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on MayaWebpayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on AurixPayQRPHDeposit {\n        id\n        type\n        status\n        qrCode\n        error\n      }\n      ... on AurixPayGCashDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on AurixPayPayMayaDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on AurixPayGrabPayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n    }\n  }\n";
+export declare const DEPOSIT = "\n  query Deposit($id: ObjectId!) {\n    node(id: $id) {\n      ... on GCashDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on MayaDeposit {\n        id\n        type\n        status\n        checkoutUrl\n      }\n      ... on MayaAppDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on BankDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on ManualDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on QRPHDeposit {\n        id\n        type\n        status\n        qrCode\n        error\n      }\n      ... on OnlineBankDeposit {\n        id\n        type\n        status\n        vca\n        error\n      }\n      ... on GCashWebpayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on LibanganPayInDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on PisoPayCheckoutDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on AiOGCashDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }        \n      ... on AiOGrabPayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }        \n      ... on AiOPalawanPayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }        \n      ... on AiOPayMayaDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on MayaWebpayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      # comment for now since it's not yet in production could cause bad requests\n      \n      # ... on AurixPayQRPHDeposit {\n      #   id\n      #   type\n      #   status\n      #   qrCode\n      #   error\n      # }\n      # ... on AurixPayGCashDeposit {\n      #   id\n      #   type\n      #   status\n      #   checkoutUrl\n      #   error\n      # }\n      # ... on AurixPayPayMayaDeposit {\n      #   id\n      #   type\n      #   status\n      #   checkoutUrl\n      #   error\n      # }\n      # ... on AurixPayGrabPayDeposit {\n      #   id\n      #   type\n      #   status\n      #   checkoutUrl\n      #   error\n      # }\n    }\n  }\n";
 export declare const DEPOSITS_COUNT = "\n  query DepositsCount {\n    member {\n      depositsCount\n    }\n  }\n";
 export declare const TOUCH_GCASH_DEPOSIT = "\n  mutation TouchGCashDeposit($input: TouchGCashDepositInput!) {\n    touchGCashDeposit(input: $input)\n  }\n";
 export declare const TOUCH_QRPH_DEPOSIT = "\n  mutation TouchQRPHDeposit($input: TouchQRPHDepositInput!) {\n    touchQRPHDeposit(input: $input)\n  }\n";

package/dist/services/queries.js

@@ -1698,34 +1698,36 @@ export const DEPOSIT = /* GraphQL */ `
         checkoutUrl
         error
       }
-      ... on AurixPayQRPHDeposit {
-        id
-        type
-        status
-        qrCode
-        error
-      }
-      ... on AurixPayGCashDeposit {
-        id
-        type
-        status
-        checkoutUrl
-        error
-      }
-      ... on AurixPayPayMayaDeposit {
-        id
-        type
-        status
-        checkoutUrl
-        error
-      }
-      ... on AurixPayGrabPayDeposit {
-        id
-        type
-        status
-        checkoutUrl
-        error
-      }
+      # comment for now since it's not yet in production could cause bad requests
+      
+      # ... on AurixPayQRPHDeposit {
+      #   id
+      #   type
+      #   status
+      #   qrCode
+      #   error
+      # }
+      # ... on AurixPayGCashDeposit {
+      #   id
+      #   type
+      #   status
+      #   checkoutUrl
+      #   error
+      # }
+      # ... on AurixPayPayMayaDeposit {
+      #   id
+      #   type
+      #   status
+      #   checkoutUrl
+      #   error
+      # }
+      # ... on AurixPayGrabPayDeposit {
+      #   id
+      #   type
+      #   status
+      #   checkoutUrl
+      #   error
+      # }
     }
   }
 `;

package/dist/third-parties/FacebookPixel/FacebookPixel.d.ts

@@ -0,0 +1,4 @@
+export interface FacebookPixelProps {
+    fbId: string;
+}
+export declare function FacebookPixel(props: FacebookPixelProps): null;

package/dist/third-parties/FacebookPixel/FacebookPixel.js

@@ -0,0 +1,4 @@
+export function FacebookPixel(props) {
+    console.log(props);
+    return null;
+}

package/dist/third-parties/FacebookPixel/api.js

@@ -0,0 +1 @@
+"use strict";

package/dist/third-parties/FacebookPixel/index.d.ts

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

package/dist/third-parties/FacebookPixel/index.js

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

package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.d.ts

@@ -0,0 +1,4 @@
+export interface GoogleRecaptchaProps {
+    siteKey: string;
+}
+export declare function GoogleRecaptcha(props: GoogleRecaptchaProps): null;

package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.js

@@ -0,0 +1,4 @@
+export function GoogleRecaptcha(props) {
+    console.log(props);
+    return null;
+}

package/dist/third-parties/GoogleRecaptcha/api.js

@@ -0,0 +1 @@
+"use strict";

package/dist/third-parties/GoogleRecaptcha/index.d.ts

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