@opexa/portal-components 0.0.63 → 0.0.65

package/dist/components/DepositWithdrawal/Withdrawal/MayaAppWithdrawal/MayaAppWithdrawal.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { useEffect, useState } from 'react';
-import { Controller, useForm } from 'react-hook-form';
-import { z } from 'zod';
-import { useCreateMayaAppWithdrawalMutation, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
-import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, EyeIcon, EyeOffIcon, SpinnerIcon, XIcon, } from '../../../../icons/index.js';
-import { AlertDialog, Button, Field, NumberInput, PasswordInput, } from '../../../../ui/index.js';
-import { parseDecimal } from '../../../../utils/index.js';
-import { AmountChoices } from '../../AmountChoices.js';
-export function MayaAppWithdrawal() {
-    const [status, setStatus] = useState('waiting');
-    const createWithdrawalMutation = useCreateMayaAppWithdrawalMutation({
-        onMutate() {
-            setStatus('processing');
-        },
-        onSuccess() {
-            form.reset();
-            setStatus('success');
-        },
-        onError() {
-            setStatus('failed');
-        },
-    });
-    const paymentSettingsQuery = usePaymentSettingsQuery();
-    const paymentSettings = paymentSettingsQuery.data;
-    const gatewaySettings = paymentSettings?.mayaAppWithdrawalGatewaySettings;
-    const maximumAmount = parseDecimal(gatewaySettings?.maximumAmount, 0);
-    const minimumAmount = parseDecimal(gatewaySettings?.minimumAmount, 0);
-    const definition = z.object({
-        amount: z.string().superRefine((val, ctx) => {
-            const n = parseDecimal(val, 0);
-            if (n < minimumAmount) {
-                ctx.addIssue({
-                    type: 'number',
-                    code: z.ZodIssueCode.too_small,
-                    inclusive: true,
-                    minimum: minimumAmount,
-                    message: `Minimum amount is ${minimumAmount.toLocaleString()}`,
-                });
-            }
-            if (n > maximumAmount) {
-                ctx.addIssue({
-                    type: 'number',
-                    code: z.ZodIssueCode.too_big,
-                    inclusive: true,
-                    maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
-                });
-            }
-        }),
-        password: z
-            .string()
-            .min(8, 'Password must be 8 or more characters')
-            .max(64, 'Password must be not be more than 64 characters'),
-    });
-    const form = useForm({
-        mode: 'all',
-        resolver: zodResolver(definition),
-        defaultValues: {
-            amount: '0',
-            password: '',
-        },
-    });
-    useEffect(() => {
-        if (minimumAmount) {
-            form.reset({
-                amount: minimumAmount.toString(),
-                password: '',
-            });
-        }
-    }, [form, minimumAmount]);
-    const handleSubmit = form.handleSubmit(async (data) => {
-        createWithdrawalMutation.mutate({
-            amount: data.amount,
-            transactionPassword: data.password,
-        });
-    });
-    return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, children: [_jsx(Controller, { control: form.control, name: "amount", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
-                                o.field.onChange(details.value);
-                            }, formatOptions: {
-                                maximumFractionDigits: 2,
-                                minimumFractionDigits: 0,
-                            }, allowMouseWheel: true, children: [_jsx(NumberInput.Label, { children: "Enter amount you want to deposit" }), _jsxs(NumberInput.Control, { children: [_jsx(NumberInput.Input, {}), _jsx(NumberInput.IncrementTrigger, { children: _jsx(ChevronUpIcon, {}) }), _jsx(NumberInput.DecrementTrigger, { children: _jsx(ChevronDownIcon, {}) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.amount?.message })] })) }), _jsx(AmountChoices, { value: parseDecimal(form.watch('amount'), 0), onChange: (value) => {
-                    form.setValue('amount', value.toString(), {
-                        shouldTouch: true,
-                        shouldDirty: true,
-                        shouldValidate: true,
-                    });
-                }, min: minimumAmount, max: maximumAmount, className: "mt-xl" }), _jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsxs("p", { className: "mt-4xl text-xs", children: ["Upon clicking the deposit button, you agree to the", ' ', _jsx("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(Button, { type: "submit", className: "mt-4.5", disabled: createWithdrawalMutation.isPending, children: "Withdraw" }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
-                    if (!details.open) {
-                        setStatus('waiting');
-                    }
-                }, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(AlertDialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+2)]" }), _jsx(AlertDialog.Positioner, { className: "!z-[calc(var(--z-dialog)+3)]", children: _jsxs(AlertDialog.Content, { children: [_jsx(AlertDialog.CloseTrigger, { disabled: status === 'processing', children: _jsx(XIcon, {}) }), _jsxs(AlertDialog.Header, { children: [status === 'processing' && (_jsx(SpinnerIcon, { className: "text-text-brand-primary-600 size-12" })), status === 'success' && (_jsx("div", { className: "bg-bg-success-secondary text-text-featured-icon-light-success flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, {}) })), status === 'failed' && (_jsx("div", { className: "bg-bg-error-secondary text-text-featured-icon-light-error flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, {}) }))] }), _jsxs(AlertDialog.Body, { children: [_jsxs(AlertDialog.Title, { children: [status === 'processing' && 'Processing Withdraw', status === 'success' && 'Withdrawal Submitted', status === 'failed' && 'Withdraw Failed'] }), _jsxs(AlertDialog.Description, { children: [status === 'processing' &&
-                                                        "We're verifying your account and amount. Please hold a moment.", status === 'success' &&
-                                                        'Your withdrawal request has been submitted successfully and is awaiting confirmation. You won’t have to wait long — once approved, the funds will be credited to your account.', status === 'failed' &&
-                                                        'Something went wrong while processing your withdrawal. Please try again or contact support.'] })] }), (status === 'failed' || status === 'success') && (_jsx(AlertDialog.Footer, { children: _jsx(AlertDialog.Context, { children: (api) => (_jsx(Button, { onClick: () => {
-                                                    api.setOpen(false);
-                                                }, children: status === 'failed' ? 'Try Again' : 'Ok' })) }) }))] }) })] }) })] }));
-}

package/dist/components/DepositWithdrawal/Withdrawal/MayaWithdrawal/MayaWithdrawal.d.ts

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

package/dist/components/DepositWithdrawal/Withdrawal/MayaWithdrawal/MayaWithdrawal.js

@@ -1,109 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { useEffect, useState } from 'react';
-import { Controller, useForm } from 'react-hook-form';
-import { z } from 'zod';
-import { useCreateMayaWithdrawalMutation, useLocaleInfo, useMobileNumberParser, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
-import { AlertCircleIcon, ChevronDownIcon, ChevronUpIcon, EyeIcon, EyeOffIcon, SpinnerIcon, XIcon, } from '../../../../icons/index.js';
-import { AlertDialog, Button, Field, NumberInput, PasswordInput, } from '../../../../ui/index.js';
-import { parseDecimal } from '../../../../utils/index.js';
-import { AmountChoices } from '../../AmountChoices.js';
-export function MayaWithdrawal() {
-    const [status, setStatus] = useState('waiting');
-    const localeInfo = useLocaleInfo();
-    const mobileNumberParser = useMobileNumberParser();
-    const createWithdrawalMutation = useCreateMayaWithdrawalMutation({
-        onMutate() {
-            setStatus('processing');
-        },
-        onSuccess() {
-            form.reset();
-            setStatus('success');
-        },
-        onError() {
-            setStatus('failed');
-        },
-    });
-    const paymentSettingsQuery = usePaymentSettingsQuery();
-    const paymentSettings = paymentSettingsQuery.data;
-    const gatewaySettings = paymentSettings?.mayaWithdrawalGatewaySettings;
-    const minimumAmount = parseDecimal(gatewaySettings?.minimumAmount, 0);
-    const maximumAmount = parseDecimal(gatewaySettings?.maximumAmount, 0);
-    const definition = z.object({
-        amount: z.string().superRefine((val, ctx) => {
-            const n = parseDecimal(val, 0);
-            if (n < minimumAmount) {
-                ctx.addIssue({
-                    type: 'number',
-                    code: z.ZodIssueCode.too_small,
-                    inclusive: true,
-                    minimum: minimumAmount,
-                    message: `Minimum amount is ${minimumAmount.toLocaleString()}`,
-                });
-            }
-            if (n > maximumAmount) {
-                ctx.addIssue({
-                    type: 'number',
-                    code: z.ZodIssueCode.too_big,
-                    inclusive: true,
-                    maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
-                });
-            }
-        }),
-        password: z
-            .string()
-            .min(8, 'Password must be 8 or more characters')
-            .max(64, 'Password must be not be more than 64 characters'),
-        mobileNumber: z
-            .string()
-            .regex(localeInfo.mobileNumber.pattern, 'Invalid mobile number'),
-    });
-    const form = useForm({
-        mode: 'all',
-        resolver: zodResolver(definition),
-        defaultValues: {
-            amount: '0',
-            password: '',
-            mobileNumber: '',
-        },
-    });
-    useEffect(() => {
-        if (minimumAmount) {
-            form.reset({
-                amount: minimumAmount.toString(),
-                password: '',
-                mobileNumber: '',
-            });
-        }
-    }, [form, minimumAmount]);
-    const handleSubmit = form.handleSubmit(async (data) => {
-        createWithdrawalMutation.mutate({
-            amount: data.amount,
-            recipientMobileNumber: mobileNumberParser.format(data.mobileNumber),
-            transactionPassword: data.password,
-        });
-    });
-    return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.mobileNumber, children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [_jsx(localeInfo.country.flag, { className: "pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2" }), _jsx(Field.Input, { className: "pl-10.5", ...form.register('mobileNumber') })] }), _jsx(Field.ErrorText, { children: form.formState.errors.mobileNumber?.message })] }), _jsx(Controller, { control: form.control, name: "amount", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-3xl", children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
-                                o.field.onChange(details.value);
-                            }, formatOptions: {
-                                maximumFractionDigits: 2,
-                                minimumFractionDigits: 0,
-                            }, allowMouseWheel: true, children: [_jsx(NumberInput.Label, { children: "Enter amount you want to withdraw" }), _jsxs(NumberInput.Control, { children: [_jsx(NumberInput.Input, {}), _jsx(NumberInput.IncrementTrigger, { children: _jsx(ChevronUpIcon, {}) }), _jsx(NumberInput.DecrementTrigger, { children: _jsx(ChevronDownIcon, {}) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.amount?.message })] })) }), _jsx(AmountChoices, { value: parseDecimal(form.watch('amount'), 0), onChange: (value) => {
-                    form.setValue('amount', value.toString(), {
-                        shouldTouch: true,
-                        shouldDirty: true,
-                        shouldValidate: true,
-                    });
-                }, min: minimumAmount, max: maximumAmount, className: "mt-xl" }), _jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsxs("p", { className: "mt-4xl text-xs", children: ["Upon clicking the deposit button, you agree to the", ' ', _jsx("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }), "."] }), _jsx(Button, { type: "submit", className: "mt-4.5", disabled: createWithdrawalMutation.isPending, children: "Withdraw" }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
-                    if (!details.open) {
-                        setStatus('waiting');
-                    }
-                }, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(AlertDialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+2)]" }), _jsx(AlertDialog.Positioner, { className: "!z-[calc(var(--z-dialog)+3)]", children: _jsxs(AlertDialog.Content, { children: [_jsx(AlertDialog.CloseTrigger, { disabled: status === 'processing', children: _jsx(XIcon, {}) }), _jsxs(AlertDialog.Header, { children: [status === 'processing' && (_jsx(SpinnerIcon, { className: "text-text-brand-primary-600 size-12" })), status === 'success' && (_jsx("div", { className: "bg-bg-success-secondary text-text-featured-icon-light-success flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, {}) })), status === 'failed' && (_jsx("div", { className: "bg-bg-error-secondary text-text-featured-icon-light-error flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, {}) }))] }), _jsxs(AlertDialog.Body, { children: [_jsxs(AlertDialog.Title, { children: [status === 'processing' && 'Processing Withdraw', status === 'success' && 'Withdrawal Submitted', status === 'failed' && 'Withdraw Failed'] }), _jsxs(AlertDialog.Description, { children: [status === 'processing' &&
-                                                        "We're verifying your account and amount. Please hold a moment.", status === 'success' &&
-                                                        'Your withdrawal request has been submitted successfully and is awaiting confirmation. You won’t have to wait long — once approved, the funds will be credited to your account.', status === 'failed' &&
-                                                        'Something went wrong while processing your withdrawal. Please try again or contact support.'] })] }), (status === 'failed' || status === 'success') && (_jsx(AlertDialog.Footer, { children: _jsx(AlertDialog.Context, { children: (api) => (_jsx(Button, { onClick: () => {
-                                                    api.setOpen(false);
-                                                }, children: status === 'failed' ? 'Try Again' : 'Ok' })) }) }))] }) })] }) })] }));
-}

package/dist/components/DepositWithdrawal/Withdrawal/Withdrawal.d.ts

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

package/dist/components/DepositWithdrawal/Withdrawal/Withdrawal.js

@@ -1,91 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { useShallow } from 'zustand/shallow';
-import { useAccountQuery, useGlobalStore, useIsMayaSessionValidQuery, useOnMMA, usePaymentSettingsQuery, useWalletQuery, } from '../../../client/hooks/index.js';
-import { AlertCircleIcon, SpinnerIcon } from '../../../icons/index.js';
-import { Button } from '../../../ui/index.js';
-import { onMobileDevice, parseDecimal } from '../../../utils/index.js';
-import { PaymentMethods } from '../PaymentMethods.js';
-import { GCashWithdrawal } from './GCashWithdrawal/GCashWithdrawal.js';
-import { InstapayWithdrawal } from './InstapayWithdrawal/InstapayWithdrawal.js';
-import { MayaAppWithdrawal } from './MayaAppWithdrawal/MayaAppWithdrawal.js';
-import { MayaWithdrawal } from './MayaWithdrawal/MayaWithdrawal.js';
-export function Withdrawal() {
-    const [onMMA] = useOnMMA();
-    const walletQuery = useWalletQuery();
-    const wallet = walletQuery.data;
-    const accountQuery = useAccountQuery();
-    const account = accountQuery.data;
-    const paymentSettingsQuery = usePaymentSettingsQuery();
-    const paymentSettings = paymentSettingsQuery.data;
-    const isMayaSessionValidQuery = useIsMayaSessionValidQuery();
-    const isMayaSessionValid = isMayaSessionValidQuery.data ?? true;
-    const enabledPaymentMethods = (() => {
-        const l = [];
-        if (onMMA) {
-            l.push('MAYA_APP');
-        }
-        else if (onMobileDevice()) {
-            if (paymentSettings?.gcashWithdrawalGatewaySettings?.mobileWebEnabled) {
-                l.push('GCASH');
-            }
-            if (paymentSettings?.mayaWithdrawalGatewaySettings?.mobileWebEnabled) {
-                l.push('MAYA');
-            }
-            if (paymentSettings?.instapayWithdrawalGatewaySettings?.mobileWebEnabled) {
-                l.push('INSTAPAY');
-            }
-        }
-        else {
-            if (paymentSettings?.gcashWithdrawalGatewaySettings?.webEnabled) {
-                l.push('GCASH');
-            }
-            if (paymentSettings?.mayaWithdrawalGatewaySettings?.webEnabled) {
-                l.push('MAYA');
-            }
-            if (paymentSettings?.instapayWithdrawalGatewaySettings?.mobileWebEnabled) {
-                l.push('INSTAPAY');
-            }
-        }
-        return l;
-    })();
-    const [paymentMethod, setPaymentMethod] = useState();
-    useEffect(() => {
-        if (enabledPaymentMethods.length > 0 && !paymentMethod) {
-            setPaymentMethod(enabledPaymentMethods[0]);
-        }
-    }, [enabledPaymentMethods, paymentMethod]);
-    if (accountQuery.isLoading ||
-        walletQuery.isLoading ||
-        paymentSettingsQuery.isLoading ||
-        isMayaSessionValidQuery.isLoading) {
-        return _jsx(SpinnerIcon, { className: "mx-auto size-6" });
-    }
-    if (!isMayaSessionValid) {
-        return _jsx(MayaSessionSessionExpired, {});
-    }
-    if (parseDecimal(wallet?.balance, 0) < 1) {
-        return _jsx(InsufficientBalance, {});
-    }
-    if (!account?.transactionPassword ||
-        account.verificationStatus !== 'VERIFIED') {
-        return _jsx(AccountVerificationRequired, {});
-    }
-    if (enabledPaymentMethods.length <= 0) {
-        return _jsx(NoAvailablePaymentMethods, {});
-    }
-    return (_jsxs(_Fragment, { children: [_jsx(PaymentMethods, { value: paymentMethod, onChange: setPaymentMethod, options: enabledPaymentMethods }), paymentMethod === 'GCASH' && _jsx(GCashWithdrawal, {}), paymentMethod === 'MAYA' && _jsx(MayaWithdrawal, {}), paymentMethod === 'MAYA_APP' && _jsx(MayaAppWithdrawal, {}), paymentMethod === 'INSTAPAY' && _jsx(InstapayWithdrawal, {})] }));
-}
-function AccountVerificationRequired() {
-    return (_jsxs("div", { className: "pt-xl", children: [_jsx("div", { className: "bg-bg-warning-secondary mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, { className: "text-text-featured-icon-light-warning size-6" }) }), _jsx("h2", { className: "mt-lg text-center text-lg font-semibold", children: "Personal Verification" }), _jsx("p", { className: "text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: "To withdraw funds, you must first verify your identity. Complete personal verification to ensure your account\u2019s security." }), _jsx(Button, { className: "mt-3xl", children: "Verify Now" })] }));
-}
-function InsufficientBalance() {
-    const setTab = useGlobalStore(useShallow((ctx) => ctx.depositWithdrawal.setTab));
-    return (_jsxs("div", { className: "pt-xl", children: [_jsx("div", { className: "bg-bg-warning-secondary mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, { className: "text-text-featured-icon-light-warning size-6" }) }), _jsx("h2", { className: "mt-lg text-center text-lg font-semibold", children: "Balance is very low" }), _jsx("p", { className: "text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: "No funds available for withdrawal. Please make a deposit." }), _jsx(Button, { className: "mt-3xl", onClick: () => setTab('DEPOSIT'), children: "Deposit" })] }));
-}
-function NoAvailablePaymentMethods() {
-    return (_jsxs("div", { className: "py-xl", children: [_jsx("div", { className: "bg-bg-warning-secondary mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, { className: "text-text-featured-icon-light-warning size-6" }) }), _jsx("h2", { className: "mt-lg text-center text-lg font-semibold", children: "Not Available" }), _jsx("p", { className: "text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: "Withdrawal is not available at this time. Please try again later or contact support for assistance." })] }));
-}
-function MayaSessionSessionExpired() {
-    return (_jsxs("div", { className: "py-xl", children: [_jsx("div", { className: "bg-bg-warning-secondary mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, { className: "text-text-featured-icon-light-warning size-6" }) }), _jsx("h2", { className: "mt-lg text-center text-lg font-semibold", children: "Session Expired" }), _jsx("p", { className: "text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: "Your session has timed out. To continue with deposits or withdrawals, Please try reloading the app." })] }));
-}

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

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

package/dist/components/DepositWithdrawal/index.js

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

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

@@ -1,3 +0,0 @@
-import { z } from 'zod';
-export declare const PaymentMethodDefinition: z.ZodEnum<["GCASH", "MAYA_APP", "MAYA", "ONLINE_BANK", "QRPH", "INSTAPAY"]>;
-export type PaymentMethod = z.infer<typeof PaymentMethodDefinition>;

package/dist/components/DepositWithdrawal/utils.js

@@ -1,9 +0,0 @@
-import { z } from 'zod';
-export const PaymentMethodDefinition = z.enum([
-    'GCASH',
-    'MAYA_APP',
-    'MAYA',
-    'ONLINE_BANK',
-    'QRPH',
-    'INSTAPAY',
-]);

package/dist/components/Disclaimer/Disclaimer.d.ts

@@ -1,5 +0,0 @@
-import type { ImageProps } from 'next/image';
-export interface DisclaimerProps {
-    logo: ImageProps['src'];
-}
-export declare function Disclaimer(props: DisclaimerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Disclaimer/Disclaimer.js

@@ -1,14 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
-import Image from 'next/image';
-import { useRef } from 'react';
-import pagcorLogo from '../../images/pagcor.png';
-import responsibleGamingLogo from '../../images/responsible-gaming.png';
-import { Button, Dialog } from '../../ui/index.js';
-import { useDisclaimer } from './useDisclaimer.js';
-export function Disclaimer(props) {
-    const disclaimer = useDisclaimer();
-    const acceptTriggerRef = useRef(null);
-    return (_jsx(Dialog.Root, { open: disclaimer.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, initialFocusEl: () => acceptTriggerRef.current, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "flex h-full w-full flex-col items-start p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsx(Dialog.Title, { className: "mt-3xl text-center text-lg font-semibold", children: "Age Verification" }), _jsxs(Dialog.Description, { className: "text-text-tertiary-600 mt-xs text-center text-sm", children: ["By entering this website I acknowledge and confirmI am 21 years of age and I agree with the", ' ', _jsx("button", { type: "button", className: "text-brand-400 underline underline-offset-2", children: "Terms and Conditions." })] }), _jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 75, width: 88, className: "h-[88px] w-auto shrink-0", draggable: false }), _jsx(Image, { src: responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-[62px] w-auto shrink-0", draggable: false })] })] }), _jsx(Button, { ref: acceptTriggerRef, type: "button", className: "mt-4xl", onClick: disclaimer.close, children: "Accept" })] }) })] }) }));
-}

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

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

package/dist/components/Disclaimer/index.js

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

package/dist/components/Disclaimer/useDisclaimer.d.ts

@@ -1,4 +0,0 @@
-export declare function useDisclaimer(): {
-    open: boolean;
-    close: () => void;
-};

package/dist/components/Disclaimer/useDisclaimer.js

@@ -1,37 +0,0 @@
-import { addMinutes } from 'date-fns';
-import { clamp } from 'lodash-es';
-import { useLocalStorage, useTimeout } from 'usehooks-ts';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
-export function useDisclaimer() {
-    'use no memo';
-    const sessionQuery = useSessionQuery();
-    const disclaimerStore = useGlobalStore(useShallow((state) => state.disclaimer));
-    const [refreshPausedUntil, setRefreshPausedUntil] = useLocalStorage('WebPortalDisclaimerRefreshPausedUntil', null, {
-        serializer(v) {
-            return v?.toISOString() ?? '';
-        },
-        deserializer(v) {
-            return v ? new Date(v) : null;
-        },
-    });
-    const now = new Date();
-    const refetchPausedUntilInMs = refreshPausedUntil
-        ? clamp(refreshPausedUntil.getTime() - now.getTime(), 0, Infinity)
-        : /* set to zero to trigger timeout function */ 0;
-    useTimeout(() => {
-        disclaimerStore.setOpen(true);
-    }, refetchPausedUntilInMs);
-    return {
-        open: sessionQuery.isLoading
-            ? false
-            : sessionQuery.data?.status === 'authenticated'
-                ? false
-                : disclaimerStore.open,
-        close: () => {
-            disclaimerStore.setOpen(false);
-            setRefreshPausedUntil(addMinutes(new Date(), 30));
-        },
-    };
-}

package/dist/components/Empty.d.ts

@@ -1,10 +0,0 @@
-import type { ComponentProps, ComponentType } from 'react';
-interface EmptyProps {
-    icon: ComponentType<ComponentProps<'svg'>>;
-    title: string;
-    message: string;
-    style?: React.CSSProperties;
-    className?: string;
-}
-export declare function Empty(props: EmptyProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Empty.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function Empty(props) {
-    return (_jsxs("div", { role: "alert", "aria-live": "polite", style: props.style, className: props.className, children: [_jsxs("div", { className: "relative mx-auto w-[9.5rem] pt-4", children: [_jsx("div", { className: "bg-utility-gray-200 absolute left-1/2 top-0 size-[6.5rem] -translate-x-1/2 rounded-full" }), _jsx(CloudIcon, { className: "relative h-auto w-full shrink-0" }), _jsx("div", { className: "bg-utility-gray-200/40 absolute bottom-2 left-1/2 flex size-12 -translate-x-1/2 items-center justify-center rounded-full backdrop-blur-sm", children: _jsx(props.icon, { className: "size-6 text-white" }) }), _jsx("div", { className: "bg-utility-gray-200 absolute left-4 top-3.5 size-2.5 rounded-full" }), _jsx("div", { className: "bg-utility-gray-200 absolute bottom-0.5 left-3 size-3.5 rounded-full" }), _jsx("div", { className: "bg-utility-gray-200 absolute right-3.5 top-1 size-2 rounded-full" }), _jsx("div", { className: "bg-utility-gray-200 absolute right-0 top-6.5 size-3.5 rounded-full" })] }), _jsx("h2", { className: "mt-xl text-center font-semibold", children: props.title }), _jsx("p", { className: "text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: props.message })] }));
-}
-function CloudIcon(props) {
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 152 104", fill: "none", ...props, children: [_jsxs("g", { filter: "url(#filter0_dd_2719_19242)", children: [_jsx("path", { d: "M77.6 0C66.8273 0 57.2978 5.32329 51.4987 13.4829C49.605 13.0363 47.6301 12.8 45.6 12.8C31.4615 12.8 20 24.2615 20 38.4C20 52.5385 31.4615 64 45.6 64L109.6 64C121.971 64 132 53.9712 132 41.6C132 29.2288 121.971 19.2 109.6 19.2C108.721 19.2 107.854 19.2506 107.002 19.349C102.098 7.9677 90.7797 0 77.6 0Z", fill: "#F9FAFB" }), _jsx("ellipse", { cx: "45.6", cy: "38.4008", rx: "25.6", ry: "25.6", fill: "url(#paint0_linear_2719_19242)" }), _jsx("circle", { cx: "77.6", cy: "32", r: "32", fill: "url(#paint1_linear_2719_19242)" }), _jsx("ellipse", { cx: "109.6", cy: "41.5992", rx: "22.4", ry: "22.4", fill: "url(#paint2_linear_2719_19242)" })] }), _jsxs("defs", { children: [_jsxs("filter", { id: "filter0_dd_2719_19242", x: "0", y: "0", width: "152", height: "104", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feMorphology", { radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2719_19242" }), _jsx("feOffset", { dy: "8" }), _jsx("feGaussianBlur", { stdDeviation: "4" }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), _jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2719_19242" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feMorphology", { radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_2719_19242" }), _jsx("feOffset", { dy: "20" }), _jsx("feGaussianBlur", { stdDeviation: "12" }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), _jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_2719_19242", result: "effect2_dropShadow_2719_19242" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2719_19242", result: "shape" })] }), _jsxs("linearGradient", { id: "paint0_linear_2719_19242", x1: "25.9429", y1: "21.4865", x2: "71.2", y2: "64.0007", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#D0D5DD" }), _jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: "paint1_linear_2719_19242", x1: "53.0286", y1: "10.8571", x2: "109.6", y2: "64", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#D0D5DD" }), _jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: "paint2_linear_2719_19242", x1: "92.4", y1: "26.7992", x2: "132", y2: "63.9992", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#D0D5DD" }), _jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })] })] })] }));
-}

package/dist/components/FavoriteGames/FavoriteGames.client.d.ts

@@ -1,2 +0,0 @@
-import type { FavoriteGamesProps } from './FavoriteGames';
-export declare function FavoriteGames__client(props: FavoriteGamesProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/FavoriteGames/FavoriteGames.client.js

@@ -1,31 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { twMerge } from 'tailwind-merge';
-import { useFavoriteGamesQuery, useSessionQuery, useUnmarkGameAsFavoriteMutation, } from '../../client/hooks/index.js';
-import { ArrowLeftIcon, ArrowRightIcon, Star01Icon } from '../../icons/index.js';
-import { Button } from '../../ui/index.js';
-import { getGameImageUrl } from '../../utils/index.js';
-import { GameLaunchTrigger } from '../GameLaunch/index.js';
-export function FavoriteGames__client(props) {
-    const gamesQuery = useFavoriteGamesQuery();
-    const games = gamesQuery.data ?? [];
-    if (games.length <= 0)
-        return null;
-    return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "text-lg font-semibold", children: props.heading ?? 'Favorite Games' }), _jsx("div", { className: "grow" }), _jsx("div", { className: "flex items-center justify-center gap-xl", children: _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-l-none", children: _jsx(ArrowRightIcon, { className: "size-5" }) })] }) })] }), _jsx("div", { className: "relative mt-lg lg:overflow-hidden", children: _jsx("div", { className: twMerge('grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col grid-rows-1 gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md'), children: games.map((game) => (_jsx(Item, { game: game }, game.id))) }) })] }));
-}
-function Item({ game }) {
-    const sessionQuery = useSessionQuery();
-    const session = sessionQuery.data;
-    const unmarkGameAsFavoriteMutation = useUnmarkGameAsFavoriteMutation();
-    return (_jsxs(GameLaunchTrigger, { game: game, className: "relative block w-full shadow-sm", children: [session?.status === 'authenticated' && (_jsx("div", { role: "button", onClick: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    if (unmarkGameAsFavoriteMutation.isPending)
-                        return;
-                    unmarkGameAsFavoriteMutation.mutate(game.id);
-                }, "aria-disabled": unmarkGameAsFavoriteMutation.isPending, className: "rounded-xs absolute right-2 top-2 flex size-9 items-center justify-center bg-black/65 blur-[0.5px]", children: _jsx(Star01Icon, { className: "fill-yellow-400 text-yellow-400 size-5" }) })), _jsx(Image, { src: getGameImageUrl({
-                    id: game.id,
-                    provider: game.provider,
-                }), alt: "", width: 200, height: 200, priority: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: "bg-bg-tertiary text-text-primary-brand block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold", children: game.name })] }));
-}

package/dist/components/FavoriteGames/FavoriteGames.d.ts

@@ -1,6 +0,0 @@
-export interface FavoriteGamesProps {
-    className?: string;
-    /** @default 'Favorite Games' */
-    heading?: string;
-}
-export declare function FavoriteGames(props: FavoriteGamesProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/FavoriteGames/FavoriteGames.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { prefetchFavoriteGamesQuery } from '../../server/utils/index.js';
-import { FavoriteGames__client } from './FavoriteGames.client.js';
-export async function FavoriteGames(props) {
-    await prefetchFavoriteGamesQuery();
-    return _jsx(FavoriteGames__client, { ...props });
-}

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

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

package/dist/components/FavoriteGames/index.js

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

package/dist/components/GameLaunch/GameLaunch.d.ts

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

package/dist/components/GameLaunch/GameLaunch.js

@@ -1,75 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Dialog, Portal } from '@ark-ui/react';
-import { twMerge } from 'tailwind-merge';
-import { useShallow } from 'zustand/shallow';
-import { useDisclosure, useEndGameSessionMutation, useFavoriteGamesQuery, useGlobalStore, useMarkGameAsFavoriteMutation, useUnmarkGameAsFavoriteMutation, } from '../../client/hooks/index.js';
-import { AlertCircleIcon, ChevronDownIcon, ChevronLeftIcon, CoinsHandIcon, Expand03Icon, SpinnerIcon, Star01Icon, XIcon, } from '../../icons/index.js';
-import { AlertDialog, Button, IconButton, Presence } from '../../ui/index.js';
-export function GameLaunch() {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        gameLaunch: ctx.gameLaunch,
-        depositWithdrawal: ctx.depositWithdrawal,
-    })));
-    const maximizeDisclosure = useDisclosure({ defaultOpen: true });
-    const cancelDisclosure = useDisclosure();
-    async function endGameSession() {
-        if (globalStore.gameLaunch.details.status === 'PLAYING') {
-            await endGameSessionMutation.mutateAsync({
-                game: globalStore.gameLaunch.details.game,
-                session: globalStore.gameLaunch.details.session,
-            });
-        }
-        maximizeDisclosure.setOpen(true);
-        globalStore.gameLaunch.setDetails({
-            status: 'WAITING',
-            session: null,
-            game: null,
-        });
-    }
-    const favoriteGamesQuery = useFavoriteGamesQuery();
-    const favoriteGames = favoriteGamesQuery.data ?? [];
-    const endGameSessionMutation = useEndGameSessionMutation();
-    const markGameAsFavoriteMutation = useMarkGameAsFavoriteMutation();
-    const unmarkGameAsFavoriteMutation = useUnmarkGameAsFavoriteMutation();
-    const markedAsFavorite = favoriteGames.some((favoriteGame) => {
-        return !globalStore.gameLaunch.details.game
-            ? false
-            : 'reference' in globalStore.gameLaunch.details.game
-                ? favoriteGame.id === globalStore.gameLaunch.details.game.reference
-                : favoriteGame.id === globalStore.gameLaunch.details.game.id;
-    });
-    return (_jsxs(_Fragment, { children: [_jsx(Dialog.Root, { open: globalStore.gameLaunch.details.status !== 'WAITING' &&
-                    !cancelDisclosure.open, lazyMount: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsx(Portal, { children: _jsx(Dialog.Positioner, { className: "z-dialog fixed inset-0", children: _jsxs(Dialog.Content, { className: "ui-open:animate-dialog-in ui-closed:animate-dialog-out bg-bg-primary-alt relative size-full", children: [_jsx(Presence, { asChild: true, lazyMount: true, unmountOnExit: true, present: !maximizeDisclosure.open, children: _jsxs("section", { className: "ui-open:animate-slide-in-down ui-closed:animate-slide-out-down bg-bg-primary-alt z-1 absolute left-0 top-0 flex h-[3.25rem] w-full items-center gap-2 px-4 py-2", children: [_jsx(IconButton, { size: "xs", variant: "outline", onClick: () => {
-                                                    if (globalStore.gameLaunch.details.status !== 'PLAYING') {
-                                                        endGameSession();
-                                                        return;
-                                                    }
-                                                    cancelDisclosure.setOpen(true);
-                                                }, disabled: globalStore.gameLaunch.details.status === 'LOADING', children: _jsx(ChevronLeftIcon, { className: "size-5" }) }), _jsx("div", { className: "grow" }), _jsx(IconButton, { size: "xs", variant: "outline", disabled: unmarkGameAsFavoriteMutation.isPending ||
-                                                    markGameAsFavoriteMutation.isPending, onClick: () => {
-                                                    if (!globalStore.gameLaunch.details.game)
-                                                        return;
-                                                    if (markedAsFavorite) {
-                                                        unmarkGameAsFavoriteMutation.mutate('reference' in globalStore.gameLaunch.details.game
-                                                            ? globalStore.gameLaunch.details.game.reference
-                                                            : globalStore.gameLaunch.details.game.id);
-                                                    }
-                                                    else {
-                                                        markGameAsFavoriteMutation.mutate('reference' in globalStore.gameLaunch.details.game
-                                                            ? globalStore.gameLaunch.details.game.reference
-                                                            : globalStore.gameLaunch.details.game.id);
-                                                    }
-                                                }, children: _jsx(Star01Icon, { className: twMerge('size-5', markedAsFavorite
-                                                        ? 'text-yellow-400 fill-yellow-400'
-                                                        : 'text-inherit') }) }), _jsx(IconButton, { size: "xs", variant: "outline", onClick: () => maximizeDisclosure.setOpen(true), children: _jsx(Expand03Icon, { className: "size-5" }) }), _jsx(IconButton, { size: "xs", fullWidth: false, onClick: () => {
-                                                    globalStore.depositWithdrawal.setOpen(true);
-                                                }, children: _jsx(CoinsHandIcon, { className: "size-5" }) })] }) }), _jsx(Presence, { asChild: true, lazyMount: true, unmountOnExit: true, present: maximizeDisclosure.open, children: _jsx("button", { type: "button", onClick: () => maximizeDisclosure.setOpen(false), className: "shadow-xs ui-open:animate-slide-in-down ui-closed:animate-slide-out-down z-1 absolute left-1/2 top-0 flex h-7.5 w-[4.5rem] -translate-x-1/2 items-center justify-center rounded-b-md bg-white/30 backdrop-blur-sm", children: _jsx(ChevronDownIcon, {}) }) }), _jsxs("section", { className: "size-full", children: [globalStore.gameLaunch.details.status === 'LOADING' && (_jsx("div", { className: "flex size-full items-center justify-center", children: _jsx(SpinnerIcon, { className: "size-8" }) })), globalStore.gameLaunch.details.status === 'FAILED' && (_jsx("div", {})), globalStore.gameLaunch.details.status === 'PLAYING' && (_jsx("iframe", { src: globalStore.gameLaunch.details.session.launchUrl ?? '', className: "size-full" }))] })] }) }) }) }), _jsx(AlertDialog.Root, { role: "alertdialog", open: cancelDisclosure.open, onOpenChange: (details) => {
-                    cancelDisclosure.setOpen(details.open);
-                }, lazyMount: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(AlertDialog.Backdrop, {}), _jsx(AlertDialog.Positioner, { children: _jsxs(AlertDialog.Content, { children: [_jsx(AlertDialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(AlertDialog.Header, { children: _jsx("div", { className: "bg-bg-error-secondary text-text-featured-icon-light-error flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, { className: "size-6" }) }) }), _jsxs(AlertDialog.Body, { children: [_jsx(AlertDialog.Title, { children: "Quit Game" }), _jsx(AlertDialog.Description, { children: "Are you sure you want to quit?" })] }), _jsx(AlertDialog.Context, { children: (api) => (_jsxs(AlertDialog.Footer, { children: [_jsx(Button, { variant: "outline", colorScheme: "gray", disabled: endGameSessionMutation.isPending, onClick: () => {
-                                                        api.setOpen(false);
-                                                    }, children: "Cancel" }), _jsx(Button, { colorScheme: "danger", disabled: endGameSessionMutation.isPending, onClick: async () => {
-                                                        await endGameSession();
-                                                        api.setOpen(false);
-                                                    }, children: "Proceed" })] })) })] }) })] }) })] }));
-}

package/dist/components/GameLaunch/GameLaunchTrigger.d.ts

@@ -1,7 +0,0 @@
-import { type HTMLArkProps } from '@ark-ui/react';
-import type { FavoriteGame, Game } from '@opexa/portal-sdk-core';
-export interface GameLaunchTriggerProps extends HTMLArkProps<'button'> {
-    game: Game | FavoriteGame;
-    asChild?: boolean;
-}
-export declare function GameLaunchTrigger(props: GameLaunchTriggerProps): import("react/jsx-runtime").JSX.Element;