@opexa/portal-components 0.0.922 → 0.0.924

package/dist/components/DepositWithdrawal/Deposit__legacy/QRPHDeposit/QRPHQRCode.js

@@ -1,69 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Capacitor } from '@capacitor/core';
-import { Directory, Filesystem } from '@capacitor/filesystem';
-import Image from 'next/image';
-import { toaster } from '../../../../client/utils/toaster.js';
-import qrphIcon from '../../../../images/qrph-icon.png';
-import { QrCode } from '../../../../ui/QrCode/index.js';
-export function QRPHQRCode(props) {
-    async function handleNativeDownload() {
-        const QRCode = await import('qrcode');
-        const dataUrl = await QRCode.toDataURL(props.qrCodeString, {
-            type: 'image/png',
-            color: {
-                light: '#FFFFFF',
-                dark: '#000000',
-            },
-        });
-        const base64 = dataUrl.split(',')[1];
-        try {
-            await Filesystem.writeFile({
-                path: `qrcode-${Date.now()}.png`,
-                data: base64,
-                directory: Directory.Documents,
-            });
-            toaster.success({
-                title: 'QR Code successfully saved to your device',
-                description: 'To continue with your deposit, please upload the QR code in your banking app.',
-            });
-        }
-        catch (error) {
-            console.log(error, 'error');
-            toaster.error({
-                title: 'Failed to save QR Code',
-                description: 'An error occurred while saving the QR code to your device.',
-            });
-        }
-    }
-    async function handleWebDownload() {
-        try {
-            const QRCode = await import('qrcode');
-            const dataUrl = await QRCode.toDataURL(props.qrCodeString, {
-                type: 'image/png',
-                color: {
-                    light: '#FFFFFF',
-                    dark: '#000000',
-                },
-            });
-            const link = document.createElement('a');
-            link.href = dataUrl;
-            link.download = `qrcode-${Date.now()}.png`;
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-            toaster.success({
-                title: 'QR Code successfully saved to your device',
-                description: 'To continue with your deposit, please upload the QR code in your banking app.',
-            });
-        }
-        catch (error) {
-            console.log(error, 'error');
-            toaster.error({
-                title: 'Failed to save QR Code',
-                description: 'An error occurred while saving the QR code to your device.',
-            });
-        }
-    }
-    return (_jsxs(QrCode.Root, { value: props.qrCodeString, className: "mx-auto mt-6 w-[12.5rem] rounded-lg border border-border-primary bg-bg-brand-secondary-alt p-5 lg:w-[13rem] lg:p-6", children: [_jsxs("div", { className: "relative", children: [_jsx(QrCode.Frame, { className: "mx-auto size-[10rem] rounded-[0.25rem] border border-border-primary bg-white", children: _jsx(QrCode.Pattern, {}) }), _jsx(QrCode.Overlay, { className: "bg-white p-0.5", children: _jsx(Image, { src: qrphIcon, alt: "", className: "size-8", width: 40, height: 40 }) })] }), Capacitor.isNativePlatform() ? (_jsx("button", { type: "button", onClick: handleNativeDownload, className: "mt-5 block w-full text-center font-semibold text-sm text-text-secondary-700", children: "Download QR Code to Device" })) : (_jsx("button", { type: "button", onClick: handleWebDownload, className: "mt-5 block w-full text-center font-semibold text-sm text-text-secondary-700", children: "Download QR Code" }))] }));
-}

package/dist/components/DepositWithdrawal/Deposit__legacy/QRPHDeposit/useQRPHDeposit.d.ts

@@ -1,13 +0,0 @@
-import type { Deposit } from '../../../../types';
-export type UseQRPHDepositReturn = ReturnType<typeof useQRPHDeposit>;
-export declare function useQRPHDeposit(): {
-    view: "qrCode" | "form";
-    status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
-    verify: () => void;
-    reset: () => void;
-    deposit: Deposit | null;
-    generateQRCode: (input: {
-        amount: string;
-        promo?: string | null;
-    }) => void;
-};

package/dist/components/DepositWithdrawal/Deposit__legacy/QRPHDeposit/useQRPHDeposit.js

@@ -1,85 +0,0 @@
-import { useEffect, useState } from 'react';
-import invariant from 'tiny-invariant';
-import { useShallow } from 'zustand/shallow';
-import { useCreateQRPHDepositMutation } from '../../../../client/hooks/useCreateQRPHDepositMutation.js';
-import { useDepositQuery } from '../../../../client/hooks/useDepositQuery.js';
-import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
-import { useMemberVerificationQuery } from '../../../../client/hooks/useMemberVerificationQuery.js';
-import { getQueryClient } from '../../../../utils/getQueryClient.js';
-import { getDepositsCountQueryKey } from '../../../../utils/queryKeys.js';
-export function useQRPHDeposit() {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        kycVerificationStatus: ctx.kycVerificationStatus,
-    })));
-    const [deposit, setDeposit] = useState(null);
-    const verificationQuery = useMemberVerificationQuery();
-    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
-    const [status, setStatus] = useState('waiting');
-    const view = status === 'verification-failed' ||
-        status === 'verification-waiting' ||
-        status === 'verification-success' ||
-        status === 'verification-processing'
-        ? 'qrCode'
-        : 'form';
-    const mutation = useCreateQRPHDepositMutation({
-        onMutate() {
-            setStatus('processing');
-        },
-        onSuccess(data) {
-            const queryClient = getQueryClient();
-            invariant(data.qrCode);
-            setStatus('verification-waiting');
-            queryClient.invalidateQueries({ queryKey: getDepositsCountQueryKey() });
-            setDeposit(data);
-        },
-        onError() {
-            setStatus('failed');
-        },
-    });
-    const generateQRCode = (input) => {
-        //handle new kyc process
-        if (verificationStatus === 'PENDING' ||
-            verificationStatus === 'UNVERIFIED' ||
-            verificationStatus === 'REJECTED' ||
-            verificationStatus === 'CREATED') {
-            globalStore.kycVerificationStatus.setOpen(true);
-            return;
-        }
-        else {
-            mutation.mutate({
-                amount: input.amount,
-                promo: input.promo ?? undefined,
-            });
-        }
-    };
-    const query = useDepositQuery(deposit?.id, {
-        enabled: !!deposit,
-        refetchInterval: 5000,
-    });
-    useEffect(() => {
-        if (query.data?.status === 'APPROVED' ||
-            query.data?.status === 'CONFIRMED') {
-            setStatus('verification-success');
-        }
-        if (query.data?.status === 'CANCELLED' ||
-            query.data?.status === 'REJECTED' ||
-            query.data?.status === 'FAILED') {
-            setStatus('verification-failed');
-        }
-    }, [query.data?.status]);
-    const reset = () => {
-        setDeposit(null);
-        setStatus('waiting');
-    };
-    const verify = () => {
-        setStatus('verification-processing');
-    };
-    return {
-        view,
-        status,
-        verify,
-        reset,
-        deposit,
-        generateQRCode,
-    };
-}

package/dist/components/KYC/KYCDefault/BasicInformation.d.ts

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

package/dist/components/KYC/KYCDefault/BasicInformation.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { zodResolver } from '@hookform/resolvers/zod';
-import { differenceInYears, format, isSameDay, isValid, parse } from 'date-fns';
-import { isNil, omitBy, size } from 'lodash-es';
-import { useEffect } from 'react';
-import { useForm } from 'react-hook-form';
-import invariant from 'tiny-invariant';
-import { z } from 'zod';
-import { useAccountQuery } from '../../../client/hooks/useAccountQuery.js';
-import { useUpdateAccountMutation } from '../../../client/hooks/useUpdateAccountMutation.js';
-import { toaster } from '../../../client/utils/toaster.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { Field } from '../../../ui/Field/index.js';
-import { useKYCDefaultContext } from './KYCDefaultContext.js';
-const definition = z.object({
-    realName: z
-        .string()
-        .min(3, 'Name must be 3 or more characters')
-        .max(50, 'Name must not be more than 50 characters')
-        .regex(/^[a-z0-9 ]+$/gi, 'Name must not contain special characters')
-        .trim(),
-    birthDay: z
-        .string()
-        .min(1, 'Date of birth is required')
-        .superRefine((value, ctx) => {
-        const dob = parse(value, 'yyyy-MM-dd', new Date());
-        if (!isValid(dob)) {
-            return ctx.addIssue({
-                code: z.ZodIssueCode.invalid_date,
-            });
-        }
-        const now = new Date();
-        const age = differenceInYears(now, dob);
-        if (age < 21) {
-            return ctx.addIssue({
-                code: z.ZodIssueCode.custom,
-                message: 'You must be at least 21 years old',
-            });
-        }
-    }),
-    branchCode: z.string().min(4).max(10).optional().or(z.literal('')),
-});
-export function BasicInformation() {
-    const kyc = useKYCDefaultContext();
-    const form = useForm({
-        resolver: zodResolver(definition),
-        mode: 'all',
-        defaultValues: {
-            birthDay: '',
-            branchCode: '',
-            realName: '',
-        },
-    });
-    const accountQuery = useAccountQuery();
-    const account = accountQuery.data;
-    const stepCompleted = account != null && account.realName != null && account.birthDay != null;
-    useEffect(() => {
-        if (stepCompleted)
-            kyc.setStep(2);
-    }, [stepCompleted, kyc]);
-    useEffect(() => {
-        if (account) {
-            form.reset({
-                realName: account.realName ?? '',
-                birthDay: account.birthDay
-                    ? format(account.birthDay, 'yyyy-MM-dd')
-                    : '',
-            });
-        }
-    }, [account, form]);
-    const updateAccountMutation = useUpdateAccountMutation({
-        onError(error) {
-            toaster.error({
-                title: 'Error',
-                description: error.message,
-            });
-        },
-        onSuccess() {
-            kyc.setStep(2);
-            toaster.success({
-                title: 'Success',
-                description: 'Basic information has been set successfully.',
-            });
-        },
-    });
-    return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center font-semibold text-lg", children: "Basic Information" }), _jsx(Dialog.Description, { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Enter your basic details for identification and communication." }), _jsxs("form", { className: "mt-3", onSubmit: form.handleSubmit((data) => {
-                    invariant(account);
-                    const input = omitBy({
-                        realName: account.realName === data.realName ? undefined : data.realName,
-                        birthDay: account.birthDay && isSameDay(data.birthDay, account.birthDay)
-                            ? undefined
-                            : format(data.birthDay, 'yyyy-MM-dd'),
-                    }, isNil);
-                    if (size(input) === 0)
-                        return kyc.setStep(2);
-                    updateAccountMutation.mutate(input);
-                }), children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.realName, readOnly: !!accountQuery.data?.realName, children: [_jsx(Field.Label, { children: "Real Name" }), _jsx(Field.Input, { placeholder: "Enter your real name", ...form.register('realName') }), _jsx(Field.ErrorText, { children: form.formState.errors.realName?.message })] }), _jsxs(Field.Root, { className: "mt-3", invalid: !!form.formState.errors.branchCode, readOnly: !!accountQuery.data?.birthDay, children: [_jsx(Field.Label, { children: "Date of Birth" }), _jsx(Field.Input, { type: "date", ...form.register('birthDay') }), _jsx(Field.ErrorText, { children: form.formState.errors.birthDay?.message })] }), _jsx(Button, { type: "submit", className: "mt-8", disabled: accountQuery.isLoading ||
-                            updateAccountMutation.isPending ||
-                            stepCompleted, children: "Continue" })] })] }));
-}

package/dist/components/KYC/KYCVerificationStatus.d.ts

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

package/dist/components/KYC/KYCVerificationStatus.js

@@ -1,10 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import dynamic from 'next/dynamic';
-const Component = dynamic(() => import('./KYCVerificationStatus.lazy.js').then((m) => m.KYCVerificationStatus), {
-    ssr: false,
-    loading: () => null,
-});
-export function KYCVerificationStatus() {
-    return _jsx(Component, {});
-}

package/dist/components/KYC/KYCVerificationStatus.lazy.d.ts

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

package/dist/components/KYC/KYCVerificationStatus.lazy.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { twMerge } from 'tailwind-merge';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
-import alertIcon from '../../images/kyc-verification-status/alert-icon.png';
-import bellIcon from '../../images/kyc-verification-status/bell-icon.png';
-import { Button } from '../../ui/Button/index.js';
-import { Dialog } from '../../ui/Dialog/index.js';
-import { Portal } from '../../ui/Portal/index.js';
-export function KYCVerificationStatus() {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        kycVerificationStatus: ctx.kycVerificationStatus,
-        kyc: ctx.kyc,
-    })));
-    const verificationQuery = useMemberVerificationQuery();
-    const status = verificationQuery.data?.status ?? 'UNVERIFIED';
-    const icons = status === 'PENDING' ? bellIcon : alertIcon;
-    return (_jsx(Dialog.Root, { open: globalStore.kycVerificationStatus.open, onOpenChange: (details) => {
-            globalStore.kycVerificationStatus.setOpen(details.open);
-        }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", className: "w-60 object-contain", draggable: false, width: 120, height: 120 }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED' && 'Verification Required'] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
-                                            `Your account verification is still under review. Please wait
-								until it's approved before you can continue playing or
-								depositing.`, status === 'REJECTED' &&
-                                            'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' &&
-                                            'Your account is not yet verified. Please complete the verification process to continue playing or depositing.'] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {
-                                        globalStore.kycVerificationStatus.setOpen(false);
-                                        globalStore.kyc.setOpen(true);
-                                    }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' && 'Verify Now'] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
-                                        globalStore.kycVerificationStatus.setOpen(false);
-                                    }, children: "Close" })] }) }) })] }) }));
-}

package/dist/components/KYCNotRequired/KYCNotRequired.js

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

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

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

package/dist/components/PortalProvider/AndroidOnlyComponents.js

@@ -1,12 +0,0 @@
-'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/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/utils/getLocaleInfo.d.ts

@@ -1,79 +0,0 @@
-import { type ComponentProps, type ComponentType } from 'react';
-export interface CountryInfo {
-    /**
-     * @description The country code
-     * @example 'PHL'
-     */
-    code: 'IDN' | 'IND' | 'MYS' | 'PHL' | 'VNM';
-    /**
-     * @description The country name
-     * @example 'Philippines'
-     */
-    name: string;
-    /**
-     * @description The country flag
-     * @usage
-     * ```tsx
-     * const localeInfo = getLocaleInfo('Asia/Manila');
-     * <localeInfo.country.flag />
-     * ```
-     */
-    flag: ComponentType<ComponentProps<'svg'>>;
-}
-export interface CurrencyInfo {
-    /**
-     * @description The currency code
-     * @example 'PHP'
-     */
-    code: 'IDR' | 'INR' | 'MYR' | 'PHP' | 'USD' | 'VND';
-    /**
-     * @description The currency name
-     * @example 'Philippine Peso'
-     */
-    name: string;
-    /**
-     * @description The currency symbol
-     * @example '₱'
-     */
-    symbol: string;
-    /**
-     * Used in api
-     * @example 'VIRTUAL'
-     */
-    externalCode: 'IDR' | 'INR' | 'MYR' | 'PHP' | 'USD' | 'VIRTUAL' | (string & {});
-}
-export interface MobileNumberInfo {
-    /**
-     * @description The mobile number area code
-     * @example '+63'
-     */
-    areaCode: string;
-    /**
-     * @description The mobile number digits count
-     * @example 10
-     */
-    numOfDigits: number;
-    /**
-     * @description pattern to validate mobile number
-     * @usage
-     * ```ts
-     * const localeInfo = getLocaleInfo('Asia/Manila');
-     * const isValid = localeInfo.mobileNumber.pattern.test('9190000000');
-     * ```
-     */
-    pattern: RegExp;
-    /**
-     * @description The mobile number example
-     * @example '9190000000'
-     */
-    example: string;
-}
-export type Timezone = 'Asia/Manila' | 'Asia/Kolkata' | 'Asia/Jakarta' | 'Asia/Makassar' | 'Asia/Jayapura' | 'Asia/Kuala_Lumpur' | 'Asia/Ho_Chi_Minh' | (string & {});
-export interface LocaleInfo {
-    locale: string;
-    timezone: Timezone;
-    country: CountryInfo;
-    currency: CurrencyInfo;
-    mobileNumber: MobileNumberInfo;
-}
-export declare const getLocaleInfo: (timezone: Timezone) => LocaleInfo;