@opexa/portal-components 0.0.152 → 0.0.153

package/dist/ui/Tooltip/tooltip.recipe.d.ts

@@ -2,9 +2,9 @@ export declare const tooltipRecipe: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
             arrow?: import("tailwind-variants").ClassValue;
             arrowTip?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
         };
     };
@@ -12,20 +12,20 @@ export declare const tooltipRecipe: import("tailwind-variants").TVReturnType<{
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
             arrow?: import("tailwind-variants").ClassValue;
             arrowTip?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", string | string[]>, undefined, {
+} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
             arrow?: import("tailwind-variants").ClassValue;
             arrowTip?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", string | string[]>, undefined, unknown, unknown, undefined>>;
+} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/utils/queryKeys.js

@@ -1,130 +1,44 @@
 import { SITE_ID } from '../constants/index.js';
 const PARENT_KEY = 'queries';
-export const getAccountQueryKey = () => [PARENT_KEY, 'account'];
-export const getProfileCompletionQueryKey = () => [
-    PARENT_KEY,
-    'profileCompletion',
-];
-export const getAvailablePromosQueryKey = (input) => [PARENT_KEY, 'availablePromos', input];
-export const getAvailableQuestsQueryKey = () => [
-    PARENT_KEY,
-    'availableQuests',
-];
-export const getBetRecordsQueryKey = (input) => [
-    PARENT_KEY,
-    'betRecords',
-    input,
-];
-export const getCashbacksQueryKey = () => [PARENT_KEY, 'cashbacks'];
-export const getCashbackBonusesQueryKey = () => [
-    PARENT_KEY,
-    'cashbackBonuses',
-];
-export const getCashbackBonusesCountQueryKey = () => [
-    PARENT_KEY,
-    'cashbackBonusesCount',
-];
-export const getDepositQueryKey = (id) => [
-    PARENT_KEY,
-    'deposit',
-    id,
-];
-export const getDepositRecordsQueryKey = (input) => [PARENT_KEY, 'depositRecords', input];
-export const getDepositsCountQueryKey = () => [
-    PARENT_KEY,
-    'depositsCount',
-];
-export const getGamesQueryKey = (input) => [
-    PARENT_KEY,
-    'games',
-    input,
-];
-export const getFavoriteGamesQueryKey = () => [
-    PARENT_KEY,
-    'favoriteGames',
-];
-export const getInstapayBankListQueryKey = () => [
-    PARENT_KEY,
-    'instapayBankList',
-];
-export const getIsMayaSessionValidQueryKey = () => [
-    PARENT_KEY,
-    'isMayaSessionValidQueryKey',
-];
-export const getJackpotsQueryKey = (input) => [
-    PARENT_KEY,
-    'jackpots',
-    input,
-];
-export const getJackpotsCountQueryKey = (input) => [PARENT_KEY, 'jackpotsCount', input];
-export const getJackpotPayoutsQueryKey = (input) => [PARENT_KEY, 'jackpotPayouts', input];
-export const getMemberVerificationQueryKey = () => [
-    PARENT_KEY,
-    'memberVerification',
-];
-export const getPaymentSettingsQueryKey = () => [
-    PARENT_KEY,
-    'paymentSettings',
-];
-export const getPlatformQueryKey = () => [PARENT_KEY, 'platform'];
-export const getPromoQueryKey = (id) => [
-    PARENT_KEY,
-    'promo',
-    id,
-];
-export const getCashbackQueryKey = (id) => [
-    PARENT_KEY,
-    'cashback',
-    id,
-];
-export const getPromosQueryKey = () => [PARENT_KEY, 'promos'];
-export const getSessionQueryKey = () => [PARENT_KEY, 'session'];
-export const getTopWinsQueryKey = () => [PARENT_KEY, 'topWins'];
-export const getTournamentsQueryKey = (input) => [
-    PARENT_KEY,
-    'tournaments',
-    input,
-];
-export const getTournamentsCountQueryKey = (input) => [PARENT_KEY, 'tournamentsCount', input];
-export const getTransactionRecordsQueryKey = (input) => [PARENT_KEY, 'transactionRecords', input];
-export const getMessagesQueryKey = (input) => [
-    PARENT_KEY,
-    'messages',
-    input,
-];
-export const getWalletQueryKey = () => [PARENT_KEY, 'wallet'];
-export const getWithdrawalRecordsQueryKey = (input) => [PARENT_KEY, 'withdrawalRecords', input];
-export const getUnreadMessagesCountQueryKey = (input) => [PARENT_KEY, 'unreadMessagesCount', input];
-export const getBonusQueryKey = (id) => [
-    PARENT_KEY,
-    'bonus',
-    id,
-];
-export const getCashbackBonusQueryKey = (id) => [
-    PARENT_KEY,
-    'cashbackBonus',
-    id,
-];
-export const getBonusesQueryKey = () => [PARENT_KEY, 'bonuses'];
-export const getBonusesCountQueryKey = () => [
-    PARENT_KEY,
-    'bonusesCount',
-];
-export const getAvailableQuestsCountQueryKey = () => [
-    PARENT_KEY,
-    'availableQuestsCount',
-];
-export const getOnboardingStatusQueryKey = () => [
-    PARENT_KEY,
-    'onboardingStatus',
-];
-export const getRecommendedGamesQueryKey = () => [
-    PARENT_KEY,
-    'recommendedGames',
-];
-export const getFileQueryKey = (id) => [
-    PARENT_KEY,
-    'file',
-    id,
-];
-export const getSiteQueryKey = () => [PARENT_KEY, 'site', SITE_ID];
+export const getAccountQueryKey = () => [PARENT_KEY, 'account'].filter(Boolean);
+export const getProfileCompletionQueryKey = () => [PARENT_KEY, 'profileCompletion'].filter(Boolean);
+export const getAvailablePromosQueryKey = (input) => [PARENT_KEY, 'availablePromos', input].filter(Boolean);
+export const getAvailableQuestsQueryKey = () => [PARENT_KEY, 'availableQuests'].filter(Boolean);
+export const getBetRecordsQueryKey = (input) => [PARENT_KEY, 'betRecords', input].filter(Boolean);
+export const getCashbacksQueryKey = () => [PARENT_KEY, 'cashbacks'].filter(Boolean);
+export const getCashbackBonusesQueryKey = () => [PARENT_KEY, 'cashbackBonuses'].filter(Boolean);
+export const getCashbackBonusesCountQueryKey = () => [PARENT_KEY, 'cashbackBonusesCount'].filter(Boolean);
+export const getDepositQueryKey = (id) => [PARENT_KEY, 'deposit', id].filter(Boolean);
+export const getDepositRecordsQueryKey = (input) => [PARENT_KEY, 'depositRecords', input].filter(Boolean);
+export const getDepositsCountQueryKey = () => [PARENT_KEY, 'depositsCount'].filter(Boolean);
+export const getGamesQueryKey = (input) => [PARENT_KEY, 'games', input].filter(Boolean);
+export const getFavoriteGamesQueryKey = () => [PARENT_KEY, 'favoriteGames'].filter(Boolean);
+export const getInstapayBankListQueryKey = () => [PARENT_KEY, 'instapayBankList'].filter(Boolean);
+export const getIsMayaSessionValidQueryKey = () => [PARENT_KEY, 'isMayaSessionValidQueryKey'].filter(Boolean);
+export const getJackpotsQueryKey = (input) => [PARENT_KEY, 'jackpots', input].filter(Boolean);
+export const getJackpotsCountQueryKey = (input) => [PARENT_KEY, 'jackpotsCount', input].filter(Boolean);
+export const getJackpotPayoutsQueryKey = (input) => [PARENT_KEY, 'jackpotPayouts', input].filter(Boolean);
+export const getMemberVerificationQueryKey = () => [PARENT_KEY, 'memberVerification'].filter(Boolean);
+export const getPaymentSettingsQueryKey = () => [PARENT_KEY, 'paymentSettings'].filter(Boolean);
+export const getPlatformQueryKey = () => [PARENT_KEY, 'platform'].filter(Boolean);
+export const getPromoQueryKey = (id) => [PARENT_KEY, 'promo', id].filter(Boolean);
+export const getCashbackQueryKey = (id) => [PARENT_KEY, 'cashback', id].filter(Boolean);
+export const getPromosQueryKey = () => [PARENT_KEY, 'promos'].filter(Boolean);
+export const getSessionQueryKey = () => [PARENT_KEY, 'session'].filter(Boolean);
+export const getTopWinsQueryKey = () => [PARENT_KEY, 'topWins'].filter(Boolean);
+export const getTournamentsQueryKey = (input) => [PARENT_KEY, 'tournaments', input].filter(Boolean);
+export const getTournamentsCountQueryKey = (input) => [PARENT_KEY, 'tournamentsCount', input].filter(Boolean);
+export const getTransactionRecordsQueryKey = (input) => [PARENT_KEY, 'transactionRecords', input].filter(Boolean);
+export const getMessagesQueryKey = (input) => [PARENT_KEY, 'messages', input].filter(Boolean);
+export const getWalletQueryKey = () => [PARENT_KEY, 'wallet'].filter(Boolean);
+export const getWithdrawalRecordsQueryKey = (input) => [PARENT_KEY, 'withdrawalRecords', input].filter(Boolean);
+export const getUnreadMessagesCountQueryKey = (input) => [PARENT_KEY, 'unreadMessagesCount', input].filter(Boolean);
+export const getBonusQueryKey = (id) => [PARENT_KEY, 'bonus', id].filter(Boolean);
+export const getCashbackBonusQueryKey = (id) => [PARENT_KEY, 'cashbackBonus', id].filter(Boolean);
+export const getBonusesQueryKey = () => [PARENT_KEY, 'bonuses'].filter(Boolean);
+export const getBonusesCountQueryKey = () => [PARENT_KEY, 'bonusesCount'].filter(Boolean);
+export const getAvailableQuestsCountQueryKey = () => [PARENT_KEY, 'availableQuestsCount'].filter(Boolean);
+export const getOnboardingStatusQueryKey = () => [PARENT_KEY, 'onboardingStatus'].filter(Boolean);
+export const getRecommendedGamesQueryKey = () => [PARENT_KEY, 'recommendedGames'].filter(Boolean);
+export const getFileQueryKey = (id) => [PARENT_KEY, 'file', id].filter(Boolean);
+export const getSiteQueryKey = () => [PARENT_KEY, 'site', SITE_ID].filter(Boolean);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.0.152",
+  "version": "0.0.153",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",

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/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/utils/dataUrlToBlob.d.ts

@@ -1 +0,0 @@
-export declare function dataURLtoBlob(dataURL: string): Blob;

package/dist/utils/dataUrlToBlob.js

@@ -1,11 +0,0 @@
-export function dataURLtoBlob(dataURL) {
-    const parts = dataURL.split(';base64,');
-    const contentType = parts[0].split(':')[1];
-    const raw = window.atob(parts[1]);
-    const rawLength = raw.length;
-    const uInt8Array = new Uint8Array(rawLength);
-    for (let i = 0; i < rawLength; ++i) {
-        uInt8Array[i] = raw.charCodeAt(i);
-    }
-    return new Blob([uInt8Array], { type: contentType });
-}

package/dist/utils/resizeImageSize.d.ts

@@ -1,2 +0,0 @@
-export declare const resizeFile: (file: File) => Promise<unknown>;
-export declare const resizeFileBase64: (file: File) => Promise<string>;

package/dist/utils/resizeImageSize.js

@@ -1,11 +0,0 @@
-import Resizer from 'react-image-file-resizer';
-export const resizeFile = (file) => new Promise((resolve) => {
-    Resizer.imageFileResizer(file, 300, 300, 'jpeg', 100, 0, (uri) => {
-        resolve(uri);
-    }, 'file');
-});
-export const resizeFileBase64 = (file) => new Promise((resolve) => {
-    Resizer.imageFileResizer(file, 1200, 300, 'WEBP', 100, 0, (uri) => {
-        resolve(uri);
-    }, 'base64');
-});