@opexa/portal-components 0.0.837 → 0.0.838
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/providers/alize.png +0 -0
- package/dist/assets/providers/bigtime-gaming.png +0 -0
- package/dist/assets/providers/bng.png +0 -0
- package/dist/assets/providers/boongo.png +0 -0
- package/dist/assets/providers/btg.png +0 -0
- package/dist/assets/providers/cq9.png +0 -0
- package/dist/assets/providers/darwin.png +0 -0
- package/dist/assets/providers/digitain.png +0 -0
- package/dist/assets/providers/evolution.png +0 -0
- package/dist/assets/providers/fantasma-games.png +0 -0
- package/dist/assets/providers/fc.png +0 -0
- package/dist/assets/providers/fp.png +0 -0
- package/dist/assets/providers/habanero.png +0 -0
- package/dist/assets/providers/hacksaw.png +0 -0
- package/dist/assets/providers/jdb.png +0 -0
- package/dist/assets/providers/jili.png +0 -0
- package/dist/assets/providers/leap.png +0 -0
- package/dist/assets/providers/live-22-metaverse.png +0 -0
- package/dist/assets/providers/netent.png +0 -0
- package/dist/assets/providers/no-limit.png +0 -0
- package/dist/assets/providers/pg.png +0 -0
- package/dist/assets/providers/pgsoft.png +0 -0
- package/dist/assets/providers/pragmatic-play.png +0 -0
- package/dist/assets/providers/realtime-gaming.png +0 -0
- package/dist/assets/providers/redtiger.png +0 -0
- package/dist/assets/providers/rtg.png +0 -0
- package/dist/assets/providers/sagaming.png +0 -0
- package/dist/components/Banner/Banner.client.d.ts +12 -0
- package/dist/components/Banner/Banner.client.js +49 -0
- package/dist/components/DepositWithdrawal/AiOPaymentMethods.d.ts +11 -0
- package/dist/components/DepositWithdrawal/AiOPaymentMethods.js +55 -0
- package/dist/components/DepositWithdrawal/Deposit/AiOGCashDeposit/AiOGCashDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/AiOGrabPayDeposit/AiOGrabPayDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/AiOPalawanPayDeposit/AiOPalawanPayDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/AiOPayMayaDeposit/AiOPayMayaDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/GCashWebpayDeposit/GCashWebpayDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/LibanganDeposit/LibanganDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/MayaWebpayDeposit/MayaWebpayDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/PisoPayDeposit/PisoPayDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/Form.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositContext.d.ts +2 -2
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.d.ts +1 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__legacy/QRPHDepositContext.d.ts +2 -2
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__legacy/QRPHDepositForm.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__legacy/useQRPHDeposit.d.ts +1 -1
- package/dist/components/DepositWithdrawal/Deposit__legacy/AiOGCashDeposit/AiOGCashDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit__legacy/AiOGrabPayDeposit/AiOGrabPayDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit__legacy/AiOPalawanPayDeposit/AiOPalawanPayDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit__legacy/AiOPayMayaDeposit/AiOPayMayaDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit__legacy/GCashDeposit/GCashDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit__legacy/GCashWebpayDeposit/GCashWebpayDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit__legacy/LibanganDeposit/LibanganDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit__legacy/MayaAppDeposit/MayaAppDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit__legacy/MayaDeposit/MayaDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit__legacy/MayaWebpayDeposit/MayaWebpayDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit__legacy/OnlineBankDeposit/OnlineBankDepositForm.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit__legacy/PisoPayDeposit/PisoPayDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit__legacy/QRPHDeposit/QRPHDepositForm.js +1 -1
- package/dist/components/DepositWithdrawal/Withdrawal/GCashStandardCashInWithdrawal/GCashStandardCashInWithdrawal.js +1 -1
- package/dist/components/DepositWithdrawal/Withdrawal/GCashWithdrawal/GCashWithdrawal.js +1 -1
- package/dist/components/DepositWithdrawal/Withdrawal/InstapayWithdrawal/InstapayWithdrawal.js +1 -1
- package/dist/components/DepositWithdrawal/Withdrawal/MayaAppWithdrawal/MayaAppWithdrawal.js +1 -1
- package/dist/components/DepositWithdrawal/Withdrawal/MayaWithdrawal/MayaWithdrawal.js +1 -1
- package/dist/components/DepositWithdrawal/Withdrawal/PisoPayWithdrawal/PisoPayWithdrawal.js +1 -1
- package/dist/components/DepositWithdrawal/Withdrawal/VentajaWithdrawal/VentajaWithdrawal.js +1 -1
- package/dist/components/DigitainLauncher/Loading.d.ts +1 -0
- package/dist/components/DigitainLauncher/Loading.js +5 -0
- package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarouselItem.module.css +184 -0
- package/dist/components/Jackpots/JackpotsList/JackpotsListItem.module.css +184 -0
- package/dist/components/KYC/BasicInformation.d.ts +1 -0
- package/dist/components/KYC/BasicInformation.js +101 -0
- package/dist/components/KYC/IdentityVerification.d.ts +1 -0
- package/dist/components/KYC/IdentityVerification.js +120 -0
- package/dist/components/KYC/Indicator.d.ts +1 -0
- package/dist/components/KYC/Indicator.js +8 -0
- package/dist/components/KYC/KYC.lazy.d.ts +6 -0
- package/dist/components/KYC/KYC.lazy.js +45 -0
- package/dist/components/KYC/KYCContext.d.ts +6 -0
- package/dist/components/KYC/KYCContext.js +2 -0
- package/dist/components/KYC/KYCDefault/BasicInformation.d.ts +1 -0
- package/dist/components/KYC/KYCDefault/BasicInformation.js +101 -0
- package/dist/components/KYC/KYCVerificationStatus.d.ts +1 -0
- package/dist/components/KYC/KYCVerificationStatus.js +10 -0
- package/dist/components/KYC/KYCVerificationStatus.lazy.d.ts +1 -0
- package/dist/components/KYC/KYCVerificationStatus.lazy.js +36 -0
- package/dist/components/KYC/PersonalInformation.d.ts +1 -0
- package/dist/components/KYC/PersonalInformation.js +122 -0
- package/dist/components/KYC/useKYC.d.ts +25 -0
- package/dist/components/KYC/useKYC.js +38 -0
- package/dist/components/KYCNotRequired/KYCNotRequired.d.ts +0 -0
- package/dist/components/KYCNotRequired/KYCNotRequired.js +1 -0
- package/dist/components/PortalProvider/AndroidOnlyComponents.d.ts +1 -0
- package/dist/components/PortalProvider/AndroidOnlyComponents.js +12 -0
- package/dist/components/PortalProvider/CXDTokenObserver.d.ts +1 -0
- package/dist/components/PortalProvider/CXDTokenObserver.js +30 -0
- package/dist/components/PortalProvider/LinkGoogleAccountObserver.d.ts +1 -0
- package/dist/components/PortalProvider/LinkGoogleAccountObserver.js +29 -0
- package/dist/components/Quests/MultiWageringQuest.d.ts +1 -0
- package/dist/components/Quests/MultiWageringQuest.js +111 -0
- package/dist/components/SessionWatcher/SessionWatcher.d.ts +1 -0
- package/dist/components/SessionWatcher/SessionWatcher.js +20 -0
- package/dist/components/SessionWatcher/index.d.ts +1 -0
- package/dist/components/SessionWatcher/index.js +1 -0
- package/dist/components/SignIn/utils.d.ts +8 -0
- package/dist/components/SignIn/utils.js +26 -0
- package/dist/constants/Branches.d.ts +2 -0
- package/dist/constants/Branches.js +42 -0
- package/dist/images/game-providers/ALPHACHINKO.png +0 -0
- package/dist/images/responsible-gaming-yellow.png +0 -0
- package/dist/third-parties/FacebookPixel/FacebookPixel.d.ts +4 -0
- package/dist/third-parties/FacebookPixel/FacebookPixel.js +4 -0
- package/dist/third-parties/FacebookPixel/api.d.ts +0 -0
- package/dist/third-parties/FacebookPixel/api.js +1 -0
- package/dist/third-parties/FacebookPixel/index.d.ts +1 -0
- package/dist/third-parties/FacebookPixel/index.js +1 -0
- package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.d.ts +4 -0
- package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.js +4 -0
- package/dist/third-parties/GoogleRecaptcha/api.d.ts +0 -0
- package/dist/third-parties/GoogleRecaptcha/api.js +1 -0
- package/dist/third-parties/GoogleRecaptcha/index.d.ts +1 -0
- package/dist/third-parties/GoogleRecaptcha/index.js +1 -0
- package/dist/third-parties/index.d.ts +2 -0
- package/dist/third-parties/index.js +2 -0
- package/dist/ui/AlertDialog/AlertDialog.d.ts +187 -187
- package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +17 -17
- package/dist/ui/Avatar/Avatar.d.ts +9 -9
- package/dist/ui/Avatar/avatar.recipe.d.ts +3 -3
- package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
- package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
- package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
- package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
- package/dist/ui/Collapsible/Collapsible.d.ts +20 -20
- package/dist/ui/Collapsible/collapsible.recipe.d.ts +5 -5
- package/dist/ui/Combobox/Combobox.d.ts +42 -42
- package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
- package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
- package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
- package/dist/ui/Dialog/Dialog.d.ts +33 -33
- package/dist/ui/Dialog/dialog.recipe.d.ts +3 -3
- package/dist/ui/Drawer/Drawer.d.ts +33 -33
- package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
- package/dist/ui/Menu/Menu.d.ts +144 -144
- package/dist/ui/Menu/menu.recipe.d.ts +8 -8
- package/dist/ui/NumberInput/NumberInput.d.ts +24 -24
- package/dist/ui/NumberInput/numberInput.recipe.d.ts +3 -3
- package/dist/ui/Popover/Popover.d.ts +154 -154
- package/dist/ui/Popover/popover.recipe.d.ts +14 -14
- package/dist/ui/QrCode/QrCode.d.ts +25 -25
- package/dist/ui/QrCode/qrCode.recipe.d.ts +5 -5
- package/dist/ui/Select/Select.d.ts +45 -45
- package/dist/ui/Select/select.recipe.d.ts +3 -3
- package/dist/ui/Table/Table.d.ts +21 -21
- package/dist/ui/Table/table.anatomy.d.ts +1 -1
- package/dist/ui/Table/table.recipe.d.ts +3 -3
- package/dist/ui/Tabs/Tabs.d.ts +15 -15
- package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
- package/dist/ui/Tooltip/Tooltip.d.ts +30 -30
- package/dist/ui/Tooltip/tooltip.recipe.d.ts +5 -5
- package/package.json +1 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Confirmed.d.ts +0 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Confirmed.js +0 -11
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Failed.d.ts +0 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Failed.js +0 -11
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Form.d.ts +0 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Form.js +0 -126
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/GeneratingQrCode.d.ts +0 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/GeneratingQrCode.js +0 -10
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QRPHDeposit.d.ts +0 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QRPHDeposit.js +0 -12
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QRPHDepositContext.d.ts +0 -17
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QRPHDepositContext.js +0 -2
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QrCodeGenerated.d.ts +0 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QrCodeGenerated.js +0 -41
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/useQRPHDeposit.d.ts +0 -13
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/useQRPHDeposit.js +0 -91
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ImageProps } from 'next/image';
|
|
2
|
+
export interface BannerEntry {
|
|
3
|
+
src: ImageProps['src'];
|
|
4
|
+
redirectUrl?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface BannerProps {
|
|
7
|
+
banners: BannerEntry[];
|
|
8
|
+
imageWidth?: number | [mobile: number, desktop: number];
|
|
9
|
+
imageHeight?: number | [mobile: number, desktop: number];
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare function Banner__client(props: BannerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import emblaCarouselAutoplay from 'embla-carousel-autoplay';
|
|
4
|
+
import useEmblaCarousel, {} from 'embla-carousel-react';
|
|
5
|
+
import isMobile from 'is-mobile';
|
|
6
|
+
import Image from 'next/image';
|
|
7
|
+
import Link from 'next/link';
|
|
8
|
+
import { Fragment, useEffect, useState } from 'react';
|
|
9
|
+
import { twMerge } from 'tailwind-merge';
|
|
10
|
+
import { dataAttr } from '../../utils/dataAttr.js';
|
|
11
|
+
export function Banner__client(props) {
|
|
12
|
+
const [emblaRef, emblaApi] = useEmblaCarousel({
|
|
13
|
+
loop: true,
|
|
14
|
+
align: 'start',
|
|
15
|
+
}, [
|
|
16
|
+
emblaCarouselAutoplay({
|
|
17
|
+
playOnInit: true,
|
|
18
|
+
delay: 5000,
|
|
19
|
+
}),
|
|
20
|
+
]);
|
|
21
|
+
const [currentIndex, setCurrentIndex] = useState(0);
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
function handler(detail) {
|
|
24
|
+
setCurrentIndex(detail?.selectedScrollSnap() ?? 0);
|
|
25
|
+
}
|
|
26
|
+
emblaApi?.on('scroll', handler);
|
|
27
|
+
emblaApi?.on('init', handler);
|
|
28
|
+
return () => {
|
|
29
|
+
emblaApi?.on('init', handler);
|
|
30
|
+
emblaApi?.off('scroll', handler);
|
|
31
|
+
};
|
|
32
|
+
}, [emblaApi]);
|
|
33
|
+
const imageWidth = !props.imageWidth
|
|
34
|
+
? [400, 1200]
|
|
35
|
+
: Array.isArray(props.imageWidth)
|
|
36
|
+
? props.imageWidth
|
|
37
|
+
: [props.imageWidth, props.imageWidth];
|
|
38
|
+
const imageHeight = !props.imageHeight
|
|
39
|
+
? [225, 300]
|
|
40
|
+
: Array.isArray(props.imageHeight)
|
|
41
|
+
? props.imageHeight
|
|
42
|
+
: [props.imageHeight, props.imageHeight];
|
|
43
|
+
return (_jsxs("div", { className: twMerge('relative', props.className), children: [_jsx("div", { ref: emblaRef, className: "overflow-hidden", children: _jsx("div", { className: "flex gap-2", children: props.banners.map((banner, index) => {
|
|
44
|
+
const img = (_jsx(Image, { src: banner.src, alt: "", width: isMobile() ? imageWidth[0] : imageWidth[1], height: isMobile() ? imageHeight[0] : imageHeight[1], className: "block h-auto w-full", priority: index === 0 }));
|
|
45
|
+
return (_jsx(Fragment, { children: !banner.redirectUrl ? (_jsx("div", { className: "w-full shrink-0", children: img })) : (_jsx(Link, { href: banner.redirectUrl, className: "block w-full shrink-0", "aria-label": `Open ${banner.redirectUrl}`, children: img })) }, index));
|
|
46
|
+
}) }) }), _jsx("div", { className: "absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2", children: props.banners.map((_, index) => (_jsx("button", { type: "button", className: "ui-active:bg-brand-500 bg-gray-300 size-3 shrink-0 rounded-full border border-white transition-all duration-300 ui-active:w-9", onClick: () => {
|
|
47
|
+
emblaApi?.scrollTo(index);
|
|
48
|
+
}, "aria-label": `Go to slide ${index + 1}`, "data-active": dataAttr(index === currentIndex) }, index))) })] }));
|
|
49
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type AiOeWalletPaymentMethod } from './utils';
|
|
2
|
+
interface AiOPaymentMethodsProps {
|
|
3
|
+
value?: AiOeWalletPaymentMethod;
|
|
4
|
+
onChange?: (value: AiOeWalletPaymentMethod) => void;
|
|
5
|
+
defaultValue?: AiOeWalletPaymentMethod;
|
|
6
|
+
options?: AiOeWalletPaymentMethod[];
|
|
7
|
+
className?: string;
|
|
8
|
+
label?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare function AiOPaymentMethods(props: AiOPaymentMethodsProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Image from 'next/image';
|
|
3
|
+
import { twMerge } from 'tailwind-merge';
|
|
4
|
+
import { useControllableState } from '../../client/hooks/useControllableState.js';
|
|
5
|
+
import { CheckIcon } from '../../icons/CheckIcon.js';
|
|
6
|
+
import gcash from '../../images/gcash.png';
|
|
7
|
+
import grabPay from '../../images/grabpay.png';
|
|
8
|
+
import maya from '../../images/maya.png';
|
|
9
|
+
import palawanPay from '../../images/palawanpay.png';
|
|
10
|
+
import { Checkbox } from '../../ui/Checkbox/index.js';
|
|
11
|
+
import { Field } from '../../ui/Field/index.js';
|
|
12
|
+
import { AiOeWalletPaymentMethodDefinition, } from './utils.js';
|
|
13
|
+
const AIO_EWALLET_OPTIONS = [
|
|
14
|
+
{
|
|
15
|
+
value: 'AIO_GCASH',
|
|
16
|
+
label: 'GCash',
|
|
17
|
+
image: gcash,
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
value: 'AIO_PAY_MAYA',
|
|
21
|
+
label: 'Maya',
|
|
22
|
+
image: maya,
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
value: 'AIO_GRAB_PAY',
|
|
26
|
+
label: 'GrabPay',
|
|
27
|
+
image: grabPay,
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
value: 'AIO_PALAWAN_PAY',
|
|
31
|
+
label: 'Palawan Pay',
|
|
32
|
+
image: palawanPay,
|
|
33
|
+
},
|
|
34
|
+
];
|
|
35
|
+
export function AiOPaymentMethods(props) {
|
|
36
|
+
const options = props.options && props.options.length > 0
|
|
37
|
+
? AIO_EWALLET_OPTIONS.filter((option) => props.options?.includes(option.value))
|
|
38
|
+
: AIO_EWALLET_OPTIONS;
|
|
39
|
+
const [value, setValue] = useControllableState({
|
|
40
|
+
value: props.value,
|
|
41
|
+
defaultValue: props.defaultValue ?? options[0]?.value,
|
|
42
|
+
onChange: props.onChange,
|
|
43
|
+
});
|
|
44
|
+
const parseValue = (val) => {
|
|
45
|
+
return AiOeWalletPaymentMethodDefinition.parse(val);
|
|
46
|
+
};
|
|
47
|
+
return (_jsxs("div", { className: props.className, children: [_jsx(Field.Label, { asChild: true, children: _jsx("div", { children: props.label || 'AIO eWallet payment methods' }) }), _jsx(Checkbox.Group, { value: [value], onValueChange: (newValue) => {
|
|
48
|
+
const lastValue = newValue.at(-1);
|
|
49
|
+
if (!lastValue)
|
|
50
|
+
return;
|
|
51
|
+
setValue(parseValue(lastValue));
|
|
52
|
+
}, className: "grid grid-cols-2 gap-x-4 gap-y-3", children: options.map((option) => (_jsxs(Checkbox.Root, { value: option.value, className: "flex cursor-pointer items-center justify-between rounded-xl border border-border-secondary ui-checked:border-border-brand-solid p-lg", children: [_jsx("div", { className: twMerge('rounded-xs', option.value === 'AIO_GRAB_PAY'
|
|
53
|
+
? 'bg-transparent px-0 py-0'
|
|
54
|
+
: 'bg-white px-sm py-[0.688rem]', option.value === 'AIO_GCASH' && 'bg-[#017EFF]', option.value === 'AIO_PALAWAN_PAY' && 'bg-[#026308]', option.value === 'AIO_PAY_MAYA' && 'bg-black'), children: _jsx(Image, { src: option.image, alt: "", width: 200, height: 40, className: twMerge('h-[1.063rem] w-auto', option.value === 'AIO_GRAB_PAY' && 'h-[3rem] rounded-[4px]', option.value === 'AIO_PALAWAN_PAY' && 'h-[2rem]'), draggable: false }) }), _jsx(Checkbox.Control, { className: "shrink-0", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.HiddenInput, {})] }, option.value))) })] }));
|
|
55
|
+
}
|
|
@@ -107,7 +107,7 @@ export function AiOGCashDeposit() {
|
|
|
107
107
|
code: z.ZodIssueCode.too_small,
|
|
108
108
|
inclusive: true,
|
|
109
109
|
minimum: minimumAmount,
|
|
110
|
-
message: `
|
|
110
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
111
111
|
});
|
|
112
112
|
}
|
|
113
113
|
if (n > maximumAmount) {
|
|
@@ -105,7 +105,7 @@ export function AiOGrabPayDeposit() {
|
|
|
105
105
|
code: z.ZodIssueCode.too_small,
|
|
106
106
|
inclusive: true,
|
|
107
107
|
minimum: minimumAmount,
|
|
108
|
-
message: `
|
|
108
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
109
109
|
});
|
|
110
110
|
}
|
|
111
111
|
if (n > maximumAmount) {
|
package/dist/components/DepositWithdrawal/Deposit/AiOPalawanPayDeposit/AiOPalawanPayDeposit.js
CHANGED
|
@@ -105,7 +105,7 @@ export function AiOPalawanPayDeposit() {
|
|
|
105
105
|
code: z.ZodIssueCode.too_small,
|
|
106
106
|
inclusive: true,
|
|
107
107
|
minimum: minimumAmount,
|
|
108
|
-
message: `
|
|
108
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
109
109
|
});
|
|
110
110
|
}
|
|
111
111
|
if (n > maximumAmount) {
|
|
@@ -105,7 +105,7 @@ export function AiOPayMayaDeposit() {
|
|
|
105
105
|
code: z.ZodIssueCode.too_small,
|
|
106
106
|
inclusive: true,
|
|
107
107
|
minimum: minimumAmount,
|
|
108
|
-
message: `
|
|
108
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
109
109
|
});
|
|
110
110
|
}
|
|
111
111
|
if (n > maximumAmount) {
|
|
@@ -101,7 +101,7 @@ export function GCashDeposit() {
|
|
|
101
101
|
code: z.ZodIssueCode.too_small,
|
|
102
102
|
inclusive: true,
|
|
103
103
|
minimum: minimumAmount,
|
|
104
|
-
message: `
|
|
104
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
105
105
|
});
|
|
106
106
|
}
|
|
107
107
|
if (n > maximumAmount) {
|
|
@@ -101,7 +101,7 @@ export function GCashWebpayDeposit() {
|
|
|
101
101
|
code: z.ZodIssueCode.too_small,
|
|
102
102
|
inclusive: true,
|
|
103
103
|
minimum: minimumAmount,
|
|
104
|
-
message: `
|
|
104
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
105
105
|
});
|
|
106
106
|
}
|
|
107
107
|
if (n > maximumAmount) {
|
|
@@ -101,7 +101,7 @@ export function LibanganDeposit() {
|
|
|
101
101
|
code: z.ZodIssueCode.too_small,
|
|
102
102
|
inclusive: true,
|
|
103
103
|
minimum: minimumAmount,
|
|
104
|
-
message: `
|
|
104
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
105
105
|
});
|
|
106
106
|
}
|
|
107
107
|
if (n > maximumAmount) {
|
|
@@ -67,7 +67,7 @@ export function MayaAppDeposit() {
|
|
|
67
67
|
code: z.ZodIssueCode.too_small,
|
|
68
68
|
inclusive: true,
|
|
69
69
|
minimum: minimumAmount,
|
|
70
|
-
message: `
|
|
70
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
71
71
|
});
|
|
72
72
|
}
|
|
73
73
|
if (n > maximumAmount) {
|
|
@@ -101,7 +101,7 @@ export function MayaDeposit() {
|
|
|
101
101
|
code: z.ZodIssueCode.too_small,
|
|
102
102
|
inclusive: true,
|
|
103
103
|
minimum: minimumAmount,
|
|
104
|
-
message: `
|
|
104
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
105
105
|
});
|
|
106
106
|
}
|
|
107
107
|
if (n > maximumAmount) {
|
|
@@ -101,7 +101,7 @@ export function MayaWebpayDeposit() {
|
|
|
101
101
|
code: z.ZodIssueCode.too_small,
|
|
102
102
|
inclusive: true,
|
|
103
103
|
minimum: minimumAmount,
|
|
104
|
-
message: `
|
|
104
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
105
105
|
});
|
|
106
106
|
}
|
|
107
107
|
if (n > maximumAmount) {
|
package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.js
CHANGED
|
@@ -47,7 +47,7 @@ export function OnlineBankDepositForm() {
|
|
|
47
47
|
code: z.ZodIssueCode.too_small,
|
|
48
48
|
inclusive: true,
|
|
49
49
|
minimum: minimumAmount,
|
|
50
|
-
message: `
|
|
50
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
if (n > maximumAmount) {
|
|
@@ -111,7 +111,7 @@ export function PisoPayDeposit() {
|
|
|
111
111
|
code: z.ZodIssueCode.too_small,
|
|
112
112
|
inclusive: true,
|
|
113
113
|
minimum: minimumAmount,
|
|
114
|
-
message: `
|
|
114
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
115
115
|
});
|
|
116
116
|
}
|
|
117
117
|
if (n > maximumAmount) {
|
|
@@ -55,7 +55,7 @@ export function Form() {
|
|
|
55
55
|
code: z.ZodIssueCode.too_small,
|
|
56
56
|
inclusive: true,
|
|
57
57
|
minimum: minimumAmount,
|
|
58
|
-
message: `
|
|
58
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
59
59
|
});
|
|
60
60
|
}
|
|
61
61
|
if (n > maximumAmount) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const QRPHDepositContext: (props: {
|
|
2
2
|
value: {
|
|
3
|
-
status: "
|
|
3
|
+
status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
|
|
4
4
|
deposit: import("../../../../types").Deposit | null;
|
|
5
5
|
generateQRCode: (input: import("./useQRPHDeposit").GenerateQRCodeInput) => Promise<void>;
|
|
6
6
|
regenerateQRCode: () => Promise<void>;
|
|
@@ -9,7 +9,7 @@ export declare const QRPHDepositContext: (props: {
|
|
|
9
9
|
} & {
|
|
10
10
|
children?: import("react").ReactNode | undefined;
|
|
11
11
|
}) => React.ReactNode, useQRPHDepositContext: () => {
|
|
12
|
-
status: "
|
|
12
|
+
status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
|
|
13
13
|
deposit: import("../../../../types").Deposit | null;
|
|
14
14
|
generateQRCode: (input: import("./useQRPHDeposit").GenerateQRCodeInput) => Promise<void>;
|
|
15
15
|
regenerateQRCode: () => Promise<void>;
|
|
@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
|
|
|
5
5
|
promo?: string | null;
|
|
6
6
|
}
|
|
7
7
|
export declare function useQRPHDeposit(): {
|
|
8
|
-
status: "
|
|
8
|
+
status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
|
|
9
9
|
deposit: Deposit | null;
|
|
10
10
|
generateQRCode: (input: GenerateQRCodeInput) => Promise<void>;
|
|
11
11
|
regenerateQRCode: () => Promise<void>;
|
package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__legacy/QRPHDepositContext.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const QRPHDepositContext: (props: {
|
|
2
2
|
value: {
|
|
3
3
|
view: "form" | "qrCode";
|
|
4
|
-
status: "
|
|
4
|
+
status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
|
|
5
5
|
verify: () => void;
|
|
6
6
|
reset: () => void;
|
|
7
7
|
deposit: import("../../../../types").Deposit | null;
|
|
@@ -14,7 +14,7 @@ export declare const QRPHDepositContext: (props: {
|
|
|
14
14
|
children?: import("react").ReactNode | undefined;
|
|
15
15
|
}) => React.ReactNode, useQRPHDepositContext: () => {
|
|
16
16
|
view: "form" | "qrCode";
|
|
17
|
-
status: "
|
|
17
|
+
status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
|
|
18
18
|
verify: () => void;
|
|
19
19
|
reset: () => void;
|
|
20
20
|
deposit: import("../../../../types").Deposit | null;
|
|
@@ -50,7 +50,7 @@ export function QRPHDepositForm() {
|
|
|
50
50
|
code: z.ZodIssueCode.too_small,
|
|
51
51
|
inclusive: true,
|
|
52
52
|
minimum: minimumAmount,
|
|
53
|
-
message: `
|
|
53
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
54
54
|
});
|
|
55
55
|
}
|
|
56
56
|
if (n > maximumAmount) {
|
|
@@ -2,7 +2,7 @@ import type { Deposit } from '../../../../types';
|
|
|
2
2
|
export type UseQRPHDepositReturn = ReturnType<typeof useQRPHDeposit>;
|
|
3
3
|
export declare function useQRPHDeposit(): {
|
|
4
4
|
view: "form" | "qrCode";
|
|
5
|
-
status: "
|
|
5
|
+
status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
|
|
6
6
|
verify: () => void;
|
|
7
7
|
reset: () => void;
|
|
8
8
|
deposit: Deposit | null;
|
package/dist/components/DepositWithdrawal/Deposit__legacy/AiOGCashDeposit/AiOGCashDeposit.js
CHANGED
|
@@ -79,7 +79,7 @@ export function AiOGCashDeposit() {
|
|
|
79
79
|
code: z.ZodIssueCode.too_small,
|
|
80
80
|
inclusive: true,
|
|
81
81
|
minimum: minimumAmount,
|
|
82
|
-
message: `
|
|
82
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
83
83
|
});
|
|
84
84
|
}
|
|
85
85
|
if (n > maximumAmount) {
|
package/dist/components/DepositWithdrawal/Deposit__legacy/AiOGrabPayDeposit/AiOGrabPayDeposit.js
CHANGED
|
@@ -77,7 +77,7 @@ export function AiOGrabPayDeposit() {
|
|
|
77
77
|
code: z.ZodIssueCode.too_small,
|
|
78
78
|
inclusive: true,
|
|
79
79
|
minimum: minimumAmount,
|
|
80
|
-
message: `
|
|
80
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
81
81
|
});
|
|
82
82
|
}
|
|
83
83
|
if (n > maximumAmount) {
|
|
@@ -77,7 +77,7 @@ export function AiOPalawanPayDeposit() {
|
|
|
77
77
|
code: z.ZodIssueCode.too_small,
|
|
78
78
|
inclusive: true,
|
|
79
79
|
minimum: minimumAmount,
|
|
80
|
-
message: `
|
|
80
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
81
81
|
});
|
|
82
82
|
}
|
|
83
83
|
if (n > maximumAmount) {
|
package/dist/components/DepositWithdrawal/Deposit__legacy/AiOPayMayaDeposit/AiOPayMayaDeposit.js
CHANGED
|
@@ -77,7 +77,7 @@ export function AiOPayMayaDeposit() {
|
|
|
77
77
|
code: z.ZodIssueCode.too_small,
|
|
78
78
|
inclusive: true,
|
|
79
79
|
minimum: minimumAmount,
|
|
80
|
-
message: `
|
|
80
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
81
81
|
});
|
|
82
82
|
}
|
|
83
83
|
if (n > maximumAmount) {
|
|
@@ -72,7 +72,7 @@ export function GCashDeposit() {
|
|
|
72
72
|
code: z.ZodIssueCode.too_small,
|
|
73
73
|
inclusive: true,
|
|
74
74
|
minimum: minimumAmount,
|
|
75
|
-
message: `
|
|
75
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
78
|
if (n > maximumAmount) {
|
package/dist/components/DepositWithdrawal/Deposit__legacy/GCashWebpayDeposit/GCashWebpayDeposit.js
CHANGED
|
@@ -72,7 +72,7 @@ export function GCashWebpayDeposit() {
|
|
|
72
72
|
code: z.ZodIssueCode.too_small,
|
|
73
73
|
inclusive: true,
|
|
74
74
|
minimum: minimumAmount,
|
|
75
|
-
message: `
|
|
75
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
78
|
if (n > maximumAmount) {
|
package/dist/components/DepositWithdrawal/Deposit__legacy/LibanganDeposit/LibanganDeposit.js
CHANGED
|
@@ -97,7 +97,7 @@ export function LibanganDeposit() {
|
|
|
97
97
|
code: z.ZodIssueCode.too_small,
|
|
98
98
|
inclusive: true,
|
|
99
99
|
minimum: minimumAmount,
|
|
100
|
-
message: `
|
|
100
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
101
101
|
});
|
|
102
102
|
}
|
|
103
103
|
if (n > maximumAmount) {
|
|
@@ -67,7 +67,7 @@ export function MayaAppDeposit() {
|
|
|
67
67
|
code: z.ZodIssueCode.too_small,
|
|
68
68
|
inclusive: true,
|
|
69
69
|
minimum: minimumAmount,
|
|
70
|
-
message: `
|
|
70
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
71
71
|
});
|
|
72
72
|
}
|
|
73
73
|
if (n > maximumAmount) {
|
|
@@ -72,7 +72,7 @@ export function MayaDeposit() {
|
|
|
72
72
|
code: z.ZodIssueCode.too_small,
|
|
73
73
|
inclusive: true,
|
|
74
74
|
minimum: minimumAmount,
|
|
75
|
-
message: `
|
|
75
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
78
|
if (n > maximumAmount) {
|
package/dist/components/DepositWithdrawal/Deposit__legacy/MayaWebpayDeposit/MayaWebpayDeposit.js
CHANGED
|
@@ -72,7 +72,7 @@ export function MayaWebpayDeposit() {
|
|
|
72
72
|
code: z.ZodIssueCode.too_small,
|
|
73
73
|
inclusive: true,
|
|
74
74
|
minimum: minimumAmount,
|
|
75
|
-
message: `
|
|
75
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
78
|
if (n > maximumAmount) {
|
package/dist/components/DepositWithdrawal/Deposit__legacy/OnlineBankDeposit/OnlineBankDepositForm.js
CHANGED
|
@@ -47,7 +47,7 @@ export function OnlineBankDepositForm() {
|
|
|
47
47
|
code: z.ZodIssueCode.too_small,
|
|
48
48
|
inclusive: true,
|
|
49
49
|
minimum: minimumAmount,
|
|
50
|
-
message: `
|
|
50
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
if (n > maximumAmount) {
|
|
@@ -83,7 +83,7 @@ export function PisoPayDeposit() {
|
|
|
83
83
|
code: z.ZodIssueCode.too_small,
|
|
84
84
|
inclusive: true,
|
|
85
85
|
minimum: minimumAmount,
|
|
86
|
-
message: `
|
|
86
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
87
87
|
});
|
|
88
88
|
}
|
|
89
89
|
if (n > maximumAmount) {
|
|
@@ -50,7 +50,7 @@ export function QRPHDepositForm() {
|
|
|
50
50
|
code: z.ZodIssueCode.too_small,
|
|
51
51
|
inclusive: true,
|
|
52
52
|
minimum: minimumAmount,
|
|
53
|
-
message: `
|
|
53
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
54
54
|
});
|
|
55
55
|
}
|
|
56
56
|
if (n > maximumAmount) {
|
|
@@ -68,7 +68,7 @@ export function GCashStandardCashInWithdrawal() {
|
|
|
68
68
|
code: z.ZodIssueCode.too_small,
|
|
69
69
|
inclusive: true,
|
|
70
70
|
minimum: minimumAmount,
|
|
71
|
-
message: `
|
|
71
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
72
72
|
});
|
|
73
73
|
}
|
|
74
74
|
if (n > maximumAmount) {
|
|
@@ -68,7 +68,7 @@ export function GCashWithdrawal() {
|
|
|
68
68
|
code: z.ZodIssueCode.too_small,
|
|
69
69
|
inclusive: true,
|
|
70
70
|
minimum: minimumAmount,
|
|
71
|
-
message: `
|
|
71
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
72
72
|
});
|
|
73
73
|
}
|
|
74
74
|
if (n > maximumAmount) {
|
package/dist/components/DepositWithdrawal/Withdrawal/InstapayWithdrawal/InstapayWithdrawal.js
CHANGED
|
@@ -88,7 +88,7 @@ export function InstapayWithdrawal() {
|
|
|
88
88
|
code: z.ZodIssueCode.too_small,
|
|
89
89
|
inclusive: true,
|
|
90
90
|
minimum: minimumAmount,
|
|
91
|
-
message: `
|
|
91
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
92
92
|
});
|
|
93
93
|
}
|
|
94
94
|
if (n > maximumAmount) {
|
|
@@ -64,7 +64,7 @@ export function MayaAppWithdrawal() {
|
|
|
64
64
|
code: z.ZodIssueCode.too_small,
|
|
65
65
|
inclusive: true,
|
|
66
66
|
minimum: minimumAmount,
|
|
67
|
-
message: `
|
|
67
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
68
68
|
});
|
|
69
69
|
}
|
|
70
70
|
if (n > maximumAmount) {
|
|
@@ -68,7 +68,7 @@ export function MayaWithdrawal() {
|
|
|
68
68
|
code: z.ZodIssueCode.too_small,
|
|
69
69
|
inclusive: true,
|
|
70
70
|
minimum: minimumAmount,
|
|
71
|
-
message: `
|
|
71
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
72
72
|
});
|
|
73
73
|
}
|
|
74
74
|
if (n > maximumAmount) {
|
|
@@ -68,7 +68,7 @@ export function PisoPayWithdrawal() {
|
|
|
68
68
|
code: z.ZodIssueCode.too_small,
|
|
69
69
|
inclusive: true,
|
|
70
70
|
minimum: minimumAmount,
|
|
71
|
-
message: `
|
|
71
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
72
72
|
});
|
|
73
73
|
}
|
|
74
74
|
if (n > maximumAmount) {
|
|
@@ -70,7 +70,7 @@ export function VentajaWithdrawal() {
|
|
|
70
70
|
code: z.ZodIssueCode.too_small,
|
|
71
71
|
inclusive: true,
|
|
72
72
|
minimum: minimumAmount,
|
|
73
|
-
message: `
|
|
73
|
+
message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your deposit.`,
|
|
74
74
|
});
|
|
75
75
|
}
|
|
76
76
|
if (n > maximumAmount) {
|