@opexa/portal-components 0.0.931 → 0.0.933

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/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/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/constants/Branches.d.ts

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

package/dist/constants/Branches.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/third-parties/index.js

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

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;

package/dist/utils/getLocaleInfo.js

@@ -1,175 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cache, } from 'react';
-export const getLocaleInfo = cache((timezone) => {
-    switch (timezone.toLowerCase()) {
-        case 'asia/jakarta':
-            return {
-                locale: 'id-ID',
-                timezone: 'Asia/Jakarta',
-                country: {
-                    name: 'Indonesia',
-                    code: 'IDN',
-                    flag: IndonesianFlag,
-                },
-                currency: {
-                    code: 'IDR',
-                    name: 'Indonesian Rupiah',
-                    symbol: 'Rp',
-                    externalCode: 'IDR',
-                },
-                mobileNumber: {
-                    areaCode: '+62',
-                    numOfDigits: 10,
-                    example: `81${''.padStart(8, '0')}`,
-                    pattern: /^(\+?62|0)?8\d{9}$/,
-                },
-            };
-        case 'asia/jayapura':
-            return {
-                locale: 'id-ID',
-                timezone: 'Asia/Jayapura',
-                country: {
-                    code: 'IDN',
-                    name: 'Indonesia',
-                    flag: IndonesianFlag,
-                },
-                currency: {
-                    code: 'IDR',
-                    name: 'Indonesian Rupiah',
-                    symbol: 'Rp',
-                    externalCode: 'IDR',
-                },
-                mobileNumber: {
-                    areaCode: '+62',
-                    numOfDigits: 10,
-                    example: `81${''.padStart(8, '0')}`,
-                    pattern: /^(\+?62|0)?8\d{9}$/,
-                },
-            };
-        case 'asia/makassar':
-            return {
-                locale: 'id-ID',
-                timezone: 'Asia/Makassar',
-                country: {
-                    code: 'IDN',
-                    name: 'Indonesia',
-                    flag: IndonesianFlag,
-                },
-                currency: {
-                    code: 'IDR',
-                    name: 'Indonesian Rupiah',
-                    symbol: 'Rp',
-                    externalCode: 'IDR',
-                },
-                mobileNumber: {
-                    areaCode: '+62',
-                    numOfDigits: 10,
-                    example: `81${''.padStart(8, '0')}`,
-                    pattern: /^(\+?62|0)?8\d{9}$/,
-                },
-            };
-        case 'asia/kuala_lumpur':
-            return {
-                locale: 'ms-MY',
-                timezone: 'Asia/Kuala_Lumpur',
-                country: {
-                    name: 'Malaysia',
-                    code: 'MYS',
-                    flag: MalaysianFlag,
-                },
-                currency: {
-                    code: 'MYR',
-                    name: 'Malaysian Ringgit',
-                    symbol: 'RM',
-                    externalCode: 'MYR',
-                },
-                mobileNumber: {
-                    areaCode: '+60',
-                    numOfDigits: 9,
-                    example: `12${''.padStart(7, '0')}`,
-                    pattern: /^(\+?60|0)?1[0-9]{1}\d{7}$/,
-                },
-            };
-        case 'asia/kolkata':
-            return {
-                locale: 'en-IN',
-                timezone: 'Asia/Kolkata',
-                country: {
-                    code: 'IND',
-                    name: 'India',
-                    flag: IndianFlag,
-                },
-                currency: {
-                    code: 'INR',
-                    name: 'Indian Rupee',
-                    symbol: '₹',
-                    externalCode: 'INR',
-                },
-                mobileNumber: {
-                    areaCode: '+91',
-                    numOfDigits: 10,
-                    example: `919${''.padStart(7, '0')}`,
-                    pattern: /^(\+?91|0)?[789]\d{9}$/,
-                },
-            };
-        case 'asia/ho_chi_minh':
-            return {
-                locale: 'vi-VN',
-                timezone: 'Asia/Ho_Chi_Minh',
-                country: {
-                    code: 'VNM',
-                    name: 'Vietnam',
-                    flag: VietnameseFlag,
-                },
-                currency: {
-                    code: 'VND',
-                    name: 'Vietnamese Dong',
-                    symbol: '₫',
-                    externalCode: 'VIRTUAL',
-                },
-                mobileNumber: {
-                    areaCode: '+84',
-                    numOfDigits: 9,
-                    example: `849${''.padStart(7, '0')}`,
-                    pattern: /^(\+?84|0)?(3[2-9]|5[6|8|9]|7[0|6-9]|8[1-6|8|9]|9[0-9])\d{7}$/,
-                },
-            };
-        default:
-            return {
-                locale: 'en-PH',
-                timezone: 'Asia/Manila',
-                country: {
-                    code: 'PHL',
-                    name: 'Philippines',
-                    flag: PhilippineFlag,
-                },
-                currency: {
-                    code: 'PHP',
-                    name: 'Philippine Peso',
-                    symbol: '₱',
-                    externalCode: 'PHP',
-                },
-                mobileNumber: {
-                    areaCode: '+63',
-                    numOfDigits: 10,
-                    example: `919${''.padStart(7, '0')}`,
-                    pattern: /^(\+?63|0)?9\d{9}$/,
-                },
-            };
-    }
-});
-const PhilippineFlag = (props) => {
-    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4392_27540)", children: [_jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }), _jsx("path", { d: "M12.0004 0V12L3.51514 20.4853C5.68671 22.6568 8.68671 24 12.0004 24C18.6278 24 24.0004 18.6274 24.0004 12C24.0004 5.37262 12.0004 0 12.0004 0Z", fill: "#D80027" }), _jsx("path", { d: "M12.0004 0C8.68671 0 5.68671 1.34316 3.51514 3.51469C6.45936 6.45891 7.50453 7.50412 12.0004 12H24.0004C24.0004 5.37262 18.6278 0 12.0004 0Z", fill: "#0052B4" }), _jsx("path", { d: "M8.21723 11.9998L6.75173 11.3104L7.53215 9.89111L5.94074 10.1956L5.73909 8.58789L4.63059 9.77027L3.52213 8.58789L3.32043 10.1956L1.72907 9.89106L2.50949 11.3104L1.04395 11.9998L2.50949 12.6891L1.72907 14.1085L3.32057 13.8041L3.52209 15.4117L4.63059 14.2293L5.73909 15.4117L5.94074 13.8041L7.53205 14.1085L6.75168 12.6892L8.21723 11.9998Z", fill: "#FFDA44" }), _jsx("path", { d: "M3.20082 4.69519L3.68851 5.37689L4.48749 5.12382L3.98977 5.79825L4.47746 6.47996L3.68218 6.21507L3.18451 6.88946L3.19074 6.05133L2.39551 5.78639L3.19463 5.53332L3.20082 4.69519Z", fill: "#FFDA44" }), _jsx("path", { d: "M3.20082 17.1095L3.68851 17.7912L4.48749 17.5381L3.98977 18.2126L4.47746 18.8943L3.68218 18.6294L3.18451 19.3038L3.19074 18.4656L2.39551 18.2007L3.19463 17.9476L3.20082 17.1095Z", fill: "#FFDA44" }), _jsx("path", { d: "M10.1563 10.9032L9.66866 11.5849L8.86963 11.3317L9.36735 12.0062L8.87966 12.688L9.67494 12.423L10.1727 13.0974L10.1664 12.2593L10.9616 11.9944L10.1625 11.7413L10.1563 10.9032Z", fill: "#FFDA44" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4392_27540", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
-};
-const MalaysianFlag = (props) => {
-    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4392_27547)", children: [_jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }), _jsx("path", { d: "M11.4783 12.0002H24C24 10.9171 23.8556 9.86791 23.5866 8.86975H11.4783V12.0002Z", fill: "#D80027" }), _jsx("path", { d: "M11.4783 5.73873H22.2387C21.5041 4.54004 20.565 3.48053 19.4698 2.60828H11.4783V5.73873Z", fill: "#D80027" }), _jsx("path", { d: "M12.0001 24.0002C14.8243 24.0002 17.4201 23.024 19.47 21.3915H4.53027C6.58016 23.024 9.17596 24.0002 12.0001 24.0002Z", fill: "#D80027" }), _jsx("path", { d: "M1.76146 18.2601H22.2389C22.8286 17.2978 23.2859 16.2459 23.5868 15.1296H0.413574C0.714371 16.2459 1.17173 17.2978 1.76146 18.2601Z", fill: "#D80027" }), _jsx("path", { d: "M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z", fill: "#0052B4" }), _jsx("path", { d: "M7.98001 10.2709C6.34117 10.2709 5.01263 8.94229 5.01263 7.30349C5.01263 5.6647 6.34121 4.33612 7.98001 4.33612C8.491 4.33612 8.97179 4.46535 9.39156 4.69279C8.73306 4.04887 7.8325 3.65137 6.8387 3.65137C4.82171 3.65137 3.18652 5.28651 3.18652 7.30354C3.18652 9.32057 4.82171 10.9557 6.8387 10.9557C7.8325 10.9557 8.73306 10.5582 9.39156 9.91429C8.97179 10.1416 8.49104 10.2709 7.98001 10.2709Z", fill: "#FFDA44" }), _jsx("path", { d: "M8.81671 5.21729L9.34354 6.31894L10.5333 6.04407L10.0005 7.14277L10.9573 7.90153L9.76602 8.17008L9.76935 9.39122L8.81671 8.62725L7.86402 9.39122L7.86731 8.17008L6.67603 7.90153L7.63284 7.14277L7.10001 6.04407L8.28984 6.31894L8.81671 5.21729Z", fill: "#FFDA44" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4392_27547", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
-};
-const IndianFlag = (props) => {
-    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4392_27553)", children: [_jsx("path", { d: "M1.19023 6.78213C0.427387 8.35976 -0.000488281 10.1296 -0.000488281 11.9995C-0.000488281 13.8694 0.427387 15.6393 1.19023 17.2169L11.9995 18.2604L22.8088 17.2169C23.5716 15.6393 23.9995 13.8694 23.9995 11.9995C23.9995 10.1296 23.5716 8.35976 22.8088 6.78213L11.9995 5.73865L1.19023 6.78213Z", fill: "#F0F0F0" }), _jsx("path", { d: "M1.19092 17.2183C3.13182 21.2322 7.24225 24.0009 11.9998 24.0009C16.7573 24.0009 20.8677 21.2322 22.8086 17.2183H1.19092Z", fill: "#6DA544" }), _jsx("path", { d: "M1.19092 6.78238H22.8086C20.8677 2.76843 16.7573 -0.000244141 11.9998 -0.000244141C7.24229 -0.000244141 3.13182 2.76843 1.19092 6.78238Z", fill: "#FF9811" }), _jsx("path", { d: "M12.0001 16.1742C14.3052 16.1742 16.174 14.3055 16.174 12.0003C16.174 9.69513 14.3052 7.82642 12.0001 7.82642C9.69489 7.82642 7.82617 9.69513 7.82617 12.0003C7.82617 14.3055 9.69489 16.1742 12.0001 16.1742Z", fill: "#FF9811" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4392_27553", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
-};
-const IndonesianFlag = (props) => {
-    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4392_27559)", children: [_jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }), _jsx("path", { d: "M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12", fill: "#A2001D" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4392_27559", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
-};
-const VietnameseFlag = (props) => {
-    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_10544_106556)", children: [_jsx("path", { d: "M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z", fill: "#D80027" }), _jsx("path", { d: "M10.0003 5.2168L11.0795 8.53825H14.5719L11.7464 10.591L12.8257 13.9125L10.0003 11.8597L7.17488 13.9125L8.2541 10.591L5.42871 8.53825H8.92105L10.0003 5.2168Z", fill: "#FFDA44" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_10544_106556", children: _jsx("rect", { width: "20", height: "20", fill: "white" }) }) })] }));
-};