@opexa/portal-components 0.0.923 → 0.0.924

package/dist/components/PortalProvider/CXDTokenObserver.js

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

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

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

package/dist/components/PortalProvider/LinkGoogleAccountObserver.js

@@ -1,29 +0,0 @@
-'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/CountdownTimer.d.ts

@@ -1,15 +0,0 @@
-import { type ReactNode } from 'react';
-type TimeLeft = {
-    days: number;
-    hours: number;
-    minutes: number;
-    seconds: number;
-};
-interface CountdownTimerProps {
-    startDateTime?: string;
-    endDateTime?: string;
-    renderAction: (timeLeft: TimeLeft) => ReactNode;
-    onEnd?: () => void;
-}
-export default function CountdownTimer({ startDateTime, endDateTime, renderAction, onEnd, }: CountdownTimerProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Quests/CountdownTimer.js

@@ -1,33 +0,0 @@
-'use client';
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { differenceInSeconds, parseISO } from 'date-fns';
-import { useCallback, useEffect, useState } from 'react';
-export default function CountdownTimer({ startDateTime, endDateTime, renderAction, onEnd, }) {
-    const calculateTimeLeft = useCallback(() => {
-        const start = startDateTime ? parseISO(startDateTime) : new Date();
-        const end = endDateTime ? parseISO(endDateTime) : new Date();
-        const totalSeconds = Math.max(differenceInSeconds(end, start), 0);
-        const days = Math.floor(totalSeconds / (60 * 60 * 24));
-        const hours = Math.floor((totalSeconds % (60 * 60 * 24)) / (60 * 60));
-        const minutes = Math.floor((totalSeconds % (60 * 60)) / 60);
-        const seconds = totalSeconds % 60;
-        return { days, hours, minutes, seconds };
-    }, [startDateTime, endDateTime]);
-    const [timeLeft, setTimeLeft] = useState(calculateTimeLeft);
-    useEffect(() => {
-        const interval = setInterval(() => {
-            const newTimeLeft = calculateTimeLeft();
-            setTimeLeft(newTimeLeft);
-            const isZero = newTimeLeft.days === 0 &&
-                newTimeLeft.hours === 0 &&
-                newTimeLeft.minutes === 0 &&
-                newTimeLeft.seconds === 0;
-            if (isZero) {
-                clearInterval(interval);
-                onEnd?.();
-            }
-        }, 1000);
-        return () => clearInterval(interval);
-    }, [calculateTimeLeft, onEnd]);
-    return _jsx(_Fragment, { children: renderAction(timeLeft) });
-}

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

@@ -1,4 +0,0 @@
-import type { Quest } from '../../../types';
-export declare function DailyCheckInQuest({ quest }: {
-    quest: Quest;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.js

@@ -1,78 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { addDays, isEqual, startOfDay } from 'date-fns';
-import { useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useCheckInDailyCheckInQuestMutation } from '../../../client/hooks/useCheckInDailyCheckInQuestMutation.js';
-import { toaster } from '../../../client/utils/toaster.js';
-import { CalendarIcon } from '../../../icons/CalendarIcon.js';
-import { CheckIcon } from '../../../icons/CheckIcon.js';
-import { ClockStopWatchIcon } from '../../../icons/ClockStopWatchIcon.js';
-import { InfoCircleIcon } from '../../../icons/InfoCircleIcon.js';
-import { Badge } from '../../../ui/Badge/index.js';
-import { Button } from '../../../ui/Button/index.js';
-import { getQueryClient } from '../../../utils/getQueryClient.js';
-import { getAvailableQuestsQueryKey } from '../../../utils/queryKeys.js';
-import CountdownTimer from '../CountdownTimer.js';
-import { DailyCheckInQuestModal } from './DailyCheckInQuestModal.js';
-export function DailyCheckInQuest({ quest }) {
-    const queryClient = getQueryClient();
-    const [showRules, setShowRules] = useState(false);
-    const [isExpired, setIsExpired] = useState(false);
-    const { name, description, status, lastCheckInDate, progressPercentage, checkInStreak, thirdDayBonusAmount, sixthDayBonusAmount, seventhDayBonusAmount, endDateTime, id, } = quest;
-    const today = startOfDay(new Date());
-    const hasCheckedInToday = lastCheckInDate
-        ? isEqual(today, startOfDay(new Date(lastCheckInDate)))
-        : false;
-    const checkedInRewards = {
-        3: thirdDayBonusAmount,
-        6: sixthDayBonusAmount,
-        7: seventhDayBonusAmount,
-    };
-    const dailyCheckedInData = Array.from({ length: 7 }, (_, i) => {
-        const day = i + 1;
-        return {
-            day,
-            reward: checkedInRewards[day] ?? 0,
-        };
-    });
-    const { mutate } = useCheckInDailyCheckInQuestMutation({
-        onSuccess() {
-            toaster.success({
-                title: 'Check-in successful 🎉',
-                description: 'You’ve successfully checked in for today! Keep it up to maintain your streak!',
-            });
-            queryClient.invalidateQueries({
-                queryKey: getAvailableQuestsQueryKey(),
-            });
-        },
-        onError(e) {
-            toaster.error({
-                title: 'Check-in successful 🎉',
-                description: e.message ?? 'Check-In Failed',
-            });
-        },
-    });
-    const handleCheckIn = async () => mutate(id);
-    return (_jsxs(_Fragment, { children: [_jsx(DailyCheckInQuestModal, { modalState: {
-                    isOpen: showRules,
-                    setIsOpen: setShowRules,
-                } }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary flex h-full w-full flex-col space-y-6 rounded-2xl border px-4 pb-6 pt-5", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start justify-between", children: [_jsx(CountdownTimer, { endDateTime: endDateTime, renderAction: (timeLeft) => (_jsxs(Badge.Root, { size: "lg", colorScheme: "brand", round: false, children: [_jsx(Badge.Icon, { children: _jsx(ClockStopWatchIcon, {}) }), _jsxs(Badge.Label, { children: [timeLeft.days, "d:", timeLeft.hours, "h:", timeLeft.minutes, "m:", timeLeft.seconds, "s"] })] })), onEnd: () => setIsExpired(true) }), _jsx("div", { role: "button", className: "bg-bg-primary border-border-secondary flex size-9 cursor-pointer items-center justify-center rounded-md border", onClick: () => setShowRules((prev) => !prev), children: _jsx(InfoCircleIcon, { className: "text-text-disabled size-5" }) })] }), _jsx("p", { className: "text-xl font-semibold", children: name }), _jsx("p", { className: "text-text-secondary-700 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: description } })] }), _jsxs("div", { className: "flex w-full flex-col space-y-2", children: [_jsx("div", { className: "grid grid-cols-7", children: dailyCheckedInData.map((item) => {
-                                    const reward = item.reward ? `+₱${item.reward}` : '-';
-                                    return (_jsx("div", { className: twMerge('flex items-center justify-center', item.day <= (checkInStreak || 0)
-                                            ? 'text-brand-400'
-                                            : 'text-text-secondary-700'), children: _jsx("p", { children: reward }) }, item.day));
-                                }) }), _jsx("div", { className: "bg-bg-primary h-2 w-full overflow-hidden rounded-full", children: _jsx("div", { className: "bg-utility-brand-600 h-full rounded-full transition-all duration-300", style: { width: `${progressPercentage}%` } }) }), _jsx("div", { className: "grid grid-cols-7", children: dailyCheckedInData.map((item) => (_jsx("div", { className: "flex items-center justify-center", children: _jsx(CalendarWithDayNumber, { day: item.day, currentCheckedInDays: checkInStreak || 0 }, item.day) }, item.day))) })] }), _jsx(Button, { onClick: handleCheckIn, className: "disabled:bg-bg-primary disabled:text-text-disabled", disabled: isExpired ||
-                            status === 'COMPLETED' ||
-                            status === 'FAILED' ||
-                            hasCheckedInToday, children: hasCheckedInToday && status === 'IN_PROGRESS' ? (_jsx(CountdownTimer, { endDateTime: startOfDay(addDays(new Date(), 1)).toISOString(), renderAction: (timeLeft) => (_jsxs("div", { className: "flex items-center space-x-0.5", children: [_jsx(CheckIcon, {}), _jsxs("p", { children: [timeLeft.hours, "h:", timeLeft.minutes, "m:", timeLeft.seconds, "s"] })] })), onEnd: () => {
-                                queryClient.invalidateQueries({
-                                    queryKey: getAvailableQuestsQueryKey(),
-                                });
-                            } })) : ('Check-In') })] })] }));
-}
-function CalendarWithDayNumber({ day, currentCheckedInDays, }) {
-    return (_jsxs("div", { className: twMerge('group relative h-fit w-fit', day <= currentCheckedInDays
-            ? 'text-brand-400'
-            : 'text-text-secondary-700'), children: [_jsx(CalendarIcon, {}), _jsx("div", { className: "absolute inset-0 mt-1 flex items-center justify-center text-2xs lg:mt-[2px]", children: _jsx("p", { className: "text-center", children: day }) })] }));
-}

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    modalState: {
-        isOpen: boolean;
-        setIsOpen: (isOpen: boolean) => void;
-    };
-}
-export declare function DailyCheckInQuestModal(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from '../../../icons/XIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { Portal } from '../../../ui/Portal/index.js';
-export function DailyCheckInQuestModal(props) {
-    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: props.modalState.isOpen, onOpenChange: ({ open }) => props.modalState.setIsOpen(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: "min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col space-y-5", children: [_jsx("p", { className: "text-text-primary-900 text-lg font-semibold", children: "Daily Check-In Rules" }), _jsxs("ul", { className: "text-text-tertiary-600 group list-disc text-wrap pl-4 text-sm font-normal", children: [_jsx("li", { children: "Earn rewards just for checking in each day!" }), _jsx("li", { children: "Stay consistent to unlock special rewards on the 3rd, 5th, and 7th day." }), _jsx("li", { children: "Missing a day will reset your streak, starting again from Day 1." }), _jsx("li", { children: "Each check-in unlocks the next one on the following day." }), _jsx("li", { children: "Successfully check in for 7 consecutive days to complete the quest and reset the cycle." })] })] }), _jsx("div", { className: "pb-4 pt-6", children: _jsx(Button, { onClick: () => props.modalState.setIsOpen(false), children: "Ok" }) })] }) })] }) }));
-}

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

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

package/dist/components/Quests/MultiWageringQuest.js

@@ -1,111 +0,0 @@
-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/Quests/OnboardingQuest/OnboardingQuest.d.ts

@@ -1,4 +0,0 @@
-import type { Quest } from '../../../types';
-export declare function OnboardingQuest(props: {
-    quest: Quest;
-}): null;

package/dist/components/Quests/OnboardingQuest/OnboardingQuest.js

@@ -1,4 +0,0 @@
-export function OnboardingQuest(props) {
-    console.log('OnboardingQuest not implemented', props.quest);
-    return null;
-}

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

@@ -1,4 +0,0 @@
-import type { Quest } from '../../../types';
-export declare function WageringQuest({ quest }: {
-    quest: Quest;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Quests/WageringQuest/WageringQuest.js

@@ -1,20 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { ClockStopWatchIcon } from '../../../icons/ClockStopWatchIcon.js';
-import { InfoCircleIcon } from '../../../icons/InfoCircleIcon.js';
-import { Badge } from '../../../ui/Badge/index.js';
-import CountdownTimer from '../CountdownTimer.js';
-import { WageringQuestModal } from './WageringQuestModal.js';
-export function WageringQuest({ quest }) {
-    const [showRules, setShowRules] = useState(false);
-    const [isExpired, setIsExpired] = useState(false);
-    const { progressPercentage, turnover, targetTurnover, name, description, endDateTime, bonus, status, } = quest;
-    return (_jsxs(_Fragment, { children: [_jsx(WageringQuestModal, { questName: name, modalState: {
-                    isOpen: showRules,
-                    setIsOpen: setShowRules,
-                } }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary flex h-full w-full flex-col space-y-6 rounded-2xl border px-4 pb-6 pt-5", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start justify-between", children: [_jsx(CountdownTimer, { endDateTime: endDateTime, renderAction: (timeLeft) => (_jsxs(Badge.Root, { size: "lg", colorScheme: "brand", round: false, children: [_jsx(Badge.Icon, { children: _jsx(ClockStopWatchIcon, {}) }), _jsxs(Badge.Label, { children: [timeLeft.days, "d:", timeLeft.hours, "h:", timeLeft.minutes, "m:", timeLeft.seconds, "s"] })] })), onEnd: () => setIsExpired(true) }), _jsx("div", { role: "button", className: "bg-bg-primary border-border-secondary flex size-9 cursor-pointer items-center justify-center rounded-md border", onClick: () => setShowRules((prev) => !prev), children: _jsx(InfoCircleIcon, { className: "text-text-disabled size-5" }) })] }), _jsx("p", { className: "text-xl font-semibold", children: name }), _jsx("p", { className: "text-text-secondary-700 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: description } })] }), _jsxs("div", { className: "flex w-full flex-col space-y-2", children: [_jsxs("div", { className: "text-text-primary-brand group flex items-center justify-between", children: [_jsxs("p", { children: ["Progress ", parseInt(progressPercentage).toFixed(2), "%"] }), _jsxs("p", { children: [turnover, _jsxs("span", { className: "text-text-quarterary-brand", children: ["/", targetTurnover, " PHP"] })] })] }), _jsx("div", { className: "bg-bg-primary h-2 w-full overflow-hidden rounded-full", children: _jsx("div", { className: "bg-utility-brand-600 h-full rounded-full transition-all duration-300", style: { width: `${progressPercentage}%` } }) })] }), _jsx("div", { className: "flex h-full items-end", children: _jsx("div", { className: "bg-button-secondary-bg border-bg-primary-hover w-full rounded-md border px-3.5 py-2.5 text-center text-white", children: _jsxs("p", { className: twMerge(isExpired || status === 'COMPLETED' || status === 'FAILED'
-                                    ? ['opacity-50 grayscale']
-                                    : ''), children: ["Complete to get ", _jsxs("span", { className: "text-brand-400", children: ["\u20B1", bonus] }), ' ', "bonus!"] }) }) })] })] }));
-}

package/dist/components/Quests/WageringQuest/WageringQuestModal.d.ts

@@ -1,9 +0,0 @@
-interface Props {
-    questName: string;
-    modalState: {
-        isOpen: boolean;
-        setIsOpen: (isOpen: boolean) => void;
-    };
-}
-export declare function WageringQuestModal(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Quests/WageringQuest/WageringQuestModal.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from '../../../icons/XIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { Portal } from '../../../ui/Portal/index.js';
-export function WageringQuestModal(props) {
-    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: props.modalState.isOpen, onOpenChange: ({ open }) => props.modalState.setIsOpen(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: "min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col space-y-5", children: [_jsx("p", { className: "text-text-primary-900 text-lg font-semibold", children: props.questName }), _jsxs("ul", { className: "text-text-tertiary-600 group list-disc text-wrap pl-4 text-sm font-normal", children: [_jsx("li", { children: "Earn extra rewards just by playing Slots, every bet counts, win or lose!" }), _jsx("li", { children: "Reach the wagering requirement in bets to complete the quest and claim your reward." })] })] }), _jsx("div", { className: "pb-4 pt-6", children: _jsx(Button, { onClick: () => props.modalState.setIsOpen(false), children: "Ok" }) })] }) })] }) }));
-}

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

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

package/dist/components/SessionWatcher/SessionWatcher.js

@@ -1,20 +0,0 @@
-'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

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

package/dist/components/SessionWatcher/index.js

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

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

@@ -1,8 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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/SignUp/SignUp.lazy.d.ts

@@ -1,12 +0,0 @@
-import { type ImageProps } from 'next/image';
-import { type ReactNode } from 'react';
-import type { Branch } from '../../types';
-export interface SignUpProps {
-    logo: ImageProps['src'];
-    children?: ReactNode;
-    /** @default "/terms-and-conditions" */
-    termsAndConditionsUrl?: string;
-    className?: string;
-    branches?: Branch[];
-}
-export declare function SignUp(props: SignUpProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SignUp/SignUp.lazy.js

@@ -1,18 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image, {} from 'next/image';
-import { Suspense } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { XIcon } from '../../icons/XIcon.js';
-import { Dialog } from '../../ui/Dialog/index.js';
-import { Portal } from '../../ui/Portal/index.js';
-import { SignUpPropsProvider } from './SignUpContext.js';
-import { SignUpForm } from './SignUpForm.js';
-export function SignUp(props) {
-    const signUpStore = useGlobalStore(useShallow((ctx) => ctx.signUp));
-    return (_jsx(SignUpPropsProvider, { value: props, children: _jsx(Dialog.Root, { open: signUpStore.open, onOpenChange: (details) => {
-                signUpStore.setOpen(details.open);
-            }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: twMerge('bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl', props.className), children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsx(Suspense, { children: _jsx(SignUpForm, {}) })] }) })] }) }) }));
-}

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

@@ -1,6 +0,0 @@
-import type { SignUpProps } from './SignUp.lazy';
-export declare const SignUpPropsProvider: (props: {
-    value: SignUpProps;
-} & {
-    children?: import("react").ReactNode | undefined;
-}) => React.ReactNode, useSignUpPropsContext: () => SignUpProps;

package/dist/components/SignUp/SignUpContext.js

@@ -1,2 +0,0 @@
-import { createContext } from '../../client/utils/createContext.js';
-export const [SignUpPropsProvider, useSignUpPropsContext] = createContext();

package/dist/components/SignUp/SignUpDefault/SignUp.lazy.d.ts

@@ -1,17 +0,0 @@
-import { type ImageProps } from 'next/image';
-import { type ReactNode } from 'react';
-import type { Branch } from '../../../types';
-export interface SignUpProps {
-    logo: ImageProps['src'];
-    children?: ReactNode;
-    /** @default "/terms-and-conditions" */
-    termsAndConditionsUrl?: string;
-    termsOfUseContent?: ReactNode;
-    responsibleGamingContent?: ReactNode;
-    responsibleGamingLogo?: ImageProps['src'];
-    siteName?: string;
-    className?: string;
-    branches?: Branch[];
-    layout: 'default';
-}
-export declare function SignUp(props: SignUpProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SignUp/SignUpDefault/SignUp.lazy.js

@@ -1,18 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image, {} from 'next/image';
-import { Suspense } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
-import { XIcon } from '../../../icons/XIcon.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { Portal } from '../../../ui/Portal/index.js';
-import { SignUpPropsProvider } from './SignUpContext.js';
-import { SignUpForm } from './SignUpForm.js';
-export function SignUp(props) {
-    const signUpStore = useGlobalStore(useShallow((ctx) => ctx.signUp));
-    return (_jsx(SignUpPropsProvider, { value: props, children: _jsx(Dialog.Root, { open: signUpStore.open, onOpenChange: (details) => {
-                signUpStore.setOpen(details.open);
-            }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: twMerge('bg-bg-primary-alt mx-auto h-full w-full items-start overflow-y-auto p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl', props.className), children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsx(Suspense, { children: _jsx(SignUpForm, {}) })] }) })] }) }) }));
-}

package/dist/components/SignUp/SignUpDefault/SignUpContext.d.ts

@@ -1,6 +0,0 @@
-import type { SignUpProps } from './SignUp.lazy';
-export declare const SignUpPropsProvider: (props: {
-    value: SignUpProps;
-} & {
-    children?: import("react").ReactNode | undefined;
-}) => React.ReactNode, useSignUpPropsContext: () => SignUpProps;

package/dist/components/SignUp/SignUpDefault/SignUpContext.js

@@ -1,2 +0,0 @@
-import { createContext } from '../../../client/utils/createContext.js';
-export const [SignUpPropsProvider, useSignUpPropsContext] = createContext();

package/dist/components/SignUp/SignUpDefault/SignUpForm.d.ts

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