@opexa/portal-components 0.0.205 → 0.0.206

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

@@ -18,6 +18,7 @@ import { GCashWithdrawal } from './GCashWithdrawal/GCashWithdrawal.js';
 import { InstapayWithdrawal } from './InstapayWithdrawal/InstapayWithdrawal.js';
 import { MayaAppWithdrawal } from './MayaAppWithdrawal/MayaAppWithdrawal.js';
 import { MayaWithdrawal } from './MayaWithdrawal/MayaWithdrawal.js';
+import { PisoPayWithdrawal } from './PisoPayWithdrawal/PisoPayWithdrawal.js';
 import { VentajaWithdrawal } from './VentajaWithdrawal/VentajaWithdrawal.js';
 export function Withdrawal() {
     const [onMMA] = useOnMMA();
@@ -49,6 +50,9 @@ export function Withdrawal() {
             if (paymentSettings?.ventajaWithdrawalGatewaySettings?.mobileWebEnabled) {
                 l.push('VENTAJA');
             }
+            if (paymentSettings?.pisoPayWithdrawalGatewaySettings?.mobileWebEnabled) {
+                l.push('PISO_PAY');
+            }
         }
         else {
             if (paymentSettings?.gcashWithdrawalGatewaySettings?.webEnabled) {
@@ -63,6 +67,9 @@ export function Withdrawal() {
             if (paymentSettings?.ventajaWithdrawalGatewaySettings?.mobileWebEnabled) {
                 l.push('VENTAJA');
             }
+            if (paymentSettings?.pisoPayWithdrawalGatewaySettings?.mobileWebEnabled) {
+                l.push('PISO_PAY');
+            }
         }
         return l;
     })();
@@ -96,7 +103,7 @@ export function Withdrawal() {
     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, {}), paymentMethod === 'VENTAJA' && _jsx(VentajaWithdrawal, {})] }));
+    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, {}), paymentMethod === 'VENTAJA' && _jsx(VentajaWithdrawal, {}), paymentMethod === 'PISO_PAY' && _jsx(PisoPayWithdrawal, {})] }));
 }
 function TransactionPasswordNotSet() {
     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: "Transaction Password Not Set" }), _jsx("p", { className: "text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: "To proceed with withdrawals, you must first set up a transaction password. This ensures the security of your account and transactions." })] }));

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

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

package/dist/components/DepositWithdrawal/utils.js

@@ -8,4 +8,5 @@ export const PaymentMethodDefinition = z.enum([
     'INSTAPAY',
     'LIBANGAN',
     'VENTAJA',
+    'PISO_PAY',
 ]);

package/dist/components/KYC/BasicInformation.js

@@ -54,7 +54,21 @@ export function BasicInformation() {
     });
     const accountQuery = useAccountQuery();
     const account = accountQuery.data;
-    const completed = account != null && account.realName != null && account.birthDay != null;
+    const stepCompleted = account != null && account.realName != null && account.birthDay != null;
+    useEffect(() => {
+        if (stepCompleted)
+            kyc.setStep(2);
+    }, [stepCompleted, kyc]);
+    useEffect(() => {
+        if (account) {
+            form.reset({
+                realName: account.realName ?? '',
+                birthDay: account.birthDay
+                    ? format(account.birthDay, 'yyyy-MM-dd')
+                    : '',
+            });
+        }
+    }, [account, form]);
     const updateAccountMutation = useUpdateAccountMutation({
         onError(error) {
             toaster.error({
@@ -70,16 +84,6 @@ export function BasicInformation() {
             });
         },
     });
-    useEffect(() => {
-        if (account) {
-            form.reset({
-                realName: account.realName ?? '',
-                birthDay: account.birthDay
-                    ? format(account.birthDay, 'yyyy-MM-dd')
-                    : '',
-            });
-        }
-    }, [account, form, kyc]);
     return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center text-lg font-semibold", children: "Basic Information" }), _jsx(Dialog.Description, { className: "text-text-secondary-700 mt-xs text-center text-sm", children: "Enter your basic details for identification and communication." }), _jsxs("form", { className: "mt-3", onSubmit: form.handleSubmit((data) => {
                     invariant(account);
                     const input = omitBy({
@@ -93,5 +97,5 @@ export function BasicInformation() {
                     updateAccountMutation.mutate(input);
                 }), children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.realName, readOnly: !!accountQuery.data?.realName, children: [_jsx(Field.Label, { children: "Real Name" }), _jsx(Field.Input, { placeholder: "Enter your real name", ...form.register('realName') }), _jsx(Field.ErrorText, { children: form.formState.errors.realName?.message })] }), _jsxs(Field.Root, { className: "mt-3", invalid: !!form.formState.errors.branchCode, readOnly: !!accountQuery.data?.birthDay, children: [_jsx(Field.Label, { children: "Date of Birth" }), _jsx(Field.Input, { type: "date", ...form.register('birthDay') }), _jsx(Field.ErrorText, { children: form.formState.errors.birthDay?.message })] }), _jsx(Button, { type: "submit", className: "mt-8", disabled: accountQuery.isLoading ||
                             updateAccountMutation.isPending ||
-                            completed, children: completed ? (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", className: "size-5", children: [_jsx("path", { fill: "currentColor", d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z", opacity: ".25" }), _jsx("path", { fill: "currentColor", d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z", children: _jsx("animateTransform", { attributeName: "transform", dur: "0.75s", repeatCount: "indefinite", type: "rotate", values: "0 12 12;360 12 12" }) })] })) : ('Continue') })] })] }));
+                            stepCompleted, children: "Continue" })] })] }));
 }

package/dist/components/KYC/IdentityVerification.js

@@ -83,7 +83,7 @@ export function IdentityVerification() {
                 placeOfBirth: '',
                 sourceOfIncome: '',
             });
-            globalStore.kyc.setStep(3);
+            kyc.setStep(3);
         }
         else {
             updateMemberVerification({
@@ -93,7 +93,7 @@ export function IdentityVerification() {
                     idFrontImage: values.idFrontImage,
                 },
             });
-            globalStore.kyc.setStep(3);
+            kyc.setStep(3);
         }
     }
     useEffect(() => {

package/dist/components/KYC/Indicator.js

@@ -1,11 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { noop } from 'lodash-es';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { Progress } from '../../ui/Progress/index.js';
+import { useKYCContext } from './KYCContext.js';
 export function Indicator() {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        kyc: ctx.kyc,
-    })));
-    return (_jsxs("div", { className: "flex items-center justify-center gap-1.5 py-3", children: [_jsx(Progress.Root, { className: "w-10 shrink-0", value: globalStore.kyc.step > 1 ? 100 : 0, onValueChange: noop, children: _jsx(Progress.Track, { className: "bg-bg-primary-hover", children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { className: "w-10 shrink-0", value: globalStore.kyc.step > 2 ? 100 : 0, onValueChange: noop, children: _jsx(Progress.Track, { className: "bg-bg-primary-hover", children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { className: "w-10 shrink-0", value: globalStore.kyc.step === 3 ? 100 : 0, onValueChange: noop, children: _jsx(Progress.Track, { className: "bg-bg-primary-hover", children: _jsx(Progress.Range, {}) }) })] }));
+    const kyc = useKYCContext();
+    return (_jsxs("div", { className: "flex items-center justify-center gap-1.5 py-3", children: [_jsx(Progress.Root, { className: "w-10 shrink-0", value: kyc.step > 1 ? 100 : 0, onValueChange: noop, children: _jsx(Progress.Track, { className: "bg-bg-primary-hover", children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { className: "w-10 shrink-0", value: kyc.step > 2 ? 100 : 0, onValueChange: noop, children: _jsx(Progress.Track, { className: "bg-bg-primary-hover", children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { className: "w-10 shrink-0", value: kyc.step === 3 ? 100 : 0, onValueChange: noop, children: _jsx(Progress.Track, { className: "bg-bg-primary-hover", children: _jsx(Progress.Range, {}) }) })] }));
 }

package/dist/components/KYC/KYC.js

@@ -4,13 +4,11 @@ import dynamic from 'next/dynamic';
 import Script from 'next/script';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { AutoOpen } from './AutoOpen.js';
-import KYCReminder from './KYCReminder.js';
 const Component = dynamic(() => import('./KYC.lazy.js').then((m) => m.KYC), {
     ssr: false,
     loading: () => null,
 });
 export function KYC(props) {
     const touched = useGlobalStore(useShallow((ctx) => ctx.kyc['~touched']));
-    return (_jsxs(_Fragment, { children: [touched && _jsx(Component, { ...props }), _jsx(AutoOpen, {}), _jsx(KYCReminder, { siteName: "Powerplay" }), _jsx(Script, { src: "https://docs.opencv.org/4.7.0/opencv.js", defer: true }), _jsx(Script, { src: "https://cdn.jsdelivr.net/gh/ColonelParrot/jscanify@master/src/jscanify.min.js", defer: true })] }));
+    return (_jsxs(_Fragment, { children: [touched && _jsx(Component, { ...props }), _jsx(Script, { src: "https://docs.opencv.org/4.7.0/opencv.js", defer: true }), _jsx(Script, { src: "https://cdn.jsdelivr.net/gh/ColonelParrot/jscanify@master/src/jscanify.min.js", defer: true })] }));
 }

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

@@ -1,5 +1,6 @@
 import type { ImageProps } from 'next/image';
-export interface KYCProps {
+import { type KYCReminderProps } from './KYCReminder.lazy';
+export interface KYCProps extends KYCReminderProps {
     logo: ImageProps['src'];
 }
 export declare function KYC(props: KYCProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Image from 'next/image';
 import { useShallow } from 'zustand/shallow';
+import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { KYC_PROMPT_LOCALSTORAGE_KEY } from '../../constants/index.js';
+import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
 import { XIcon } from '../../icons/XIcon.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
@@ -12,17 +13,21 @@ import { CaptureSelfie } from './CaptureSelfie.js';
 import { IdentityVerification } from './IdentityVerification.js';
 import { Indicator } from './Indicator.js';
 import { KYCContext } from './KYCContext.js';
+import { KYCReminder } from './KYCReminder.lazy.js';
 import { PersonalInformation } from './PersonalInformation.js';
 import { useKYC } from './useKYC.js';
 export function KYC(props) {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        kyc: ctx.kyc,
-    })));
+    const globalStore = useGlobalStore(useShallow((ctx) => ({ kyc: ctx.kyc })));
     const kyc = useKYC();
-    return (_jsx(KYCContext, { value: kyc, children: _jsx(Dialog.Root, { open: globalStore.kyc.open, onOpenChange: (details) => {
-                globalStore.kyc.setOpen(details.open);
-                if (!details.open) {
-                    localStorage.setItem(KYC_PROMPT_LOCALSTORAGE_KEY, '');
-                }
-            }, lazyMount: true, unmountOnExit: true, onExitComplete: kyc.reset, closeOnEscape: true, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "bg-bg-primary-alt lg:min-h-auto mx-auto min-h-full w-full lg:w-fit", children: [kyc.capturing === 'SELFIE' && _jsx(CaptureSelfie, {}), kyc.capturing === 'ID_DOCUMENT' && _jsx(CaptureIdDocument, {}), !kyc.capturing && (_jsxs("div", { className: "flex h-dvh w-full flex-col overflow-y-auto p-3xl sm:h-fit sm:overflow-auto lg:w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto mb-5 block h-7.5 w-auto", draggable: false }), _jsx(Indicator, {}), globalStore.kyc.step === 1 && _jsx(BasicInformation, {}), globalStore.kyc.step === 2 && _jsx(IdentityVerification, {}), globalStore.kyc.step === 3 && _jsx(PersonalInformation, {})] }))] }) })] }) }) }));
+    const { data: account } = useAccountQuery();
+    const { data: verification } = useMemberVerificationQuery();
+    const isBasicInfoCompleted = account?.realName !== null && account?.birthDay !== null;
+    const isUploadCompleted = verification &&
+        verification.idFrontImage !== null &&
+        verification.selfieImage !== null;
+    const isRejected = Boolean(verification?.status === 'REJECTED');
+    const hasMissingData = !isBasicInfoCompleted || !isUploadCompleted || isRejected;
+    return (_jsxs(_Fragment, { children: [_jsx(KYCContext, { value: kyc, children: _jsx(Dialog.Root, { open: globalStore.kyc.open && hasMissingData, onOpenChange: (details) => {
+                        globalStore.kyc.setOpen(details.open);
+                    }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: kyc.reset, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "bg-bg-primary-alt lg:min-h-auto mx-auto min-h-full w-full lg:w-fit", children: [kyc.capturing === 'SELFIE' && _jsx(CaptureSelfie, {}), kyc.capturing === 'ID_DOCUMENT' && _jsx(CaptureIdDocument, {}), !kyc.capturing && (_jsxs("div", { className: "flex h-dvh w-full flex-col overflow-y-auto p-3xl sm:h-fit sm:overflow-auto lg:w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto mb-5 block h-7.5 w-auto", draggable: false }), _jsx(Indicator, {}), kyc.step === 1 && _jsx(BasicInformation, {}), kyc.step === 2 && _jsx(IdentityVerification, {}), kyc.step === 3 && _jsx(PersonalInformation, {})] }))] }) })] }) }) }), _jsx(KYCReminder, { ...props })] }));
 }

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

@@ -1,5 +1,2 @@
-interface Props {
-    siteName: string;
-}
-declare function KYCReminder({ siteName }: Props): import("react/jsx-runtime").JSX.Element;
-export default KYCReminder;
+import type { KYCReminderProps } from './KYCReminder.lazy';
+export declare function KYCReminder(props: KYCReminderProps): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/components/KYC/KYCReminder.js

@@ -1,23 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import dynamic from 'next/dynamic';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { KYC_PROMPT_LOCALSTORAGE_KEY } from '../../constants/index.js';
-import { FileCheck02Icon } from '../../icons/FileCheck02Icon.js';
-import { XIcon } from '../../icons/XIcon.js';
-import { Button } from '../../ui/Button/index.js';
-import { buttonRecipe } from '../../ui/Button/button.recipe.js';
-import { Dialog } from '../../ui/Dialog/index.js';
-import { Portal } from '../../ui/Portal/index.js';
-function KYCReminder({ siteName }) {
-    const globalStore = useGlobalStore(useShallow((ctx) => ctx.kyc));
-    return (_jsx(Dialog.Root, { open: globalStore.openKycReminder, onOpenChange: (details) => {
-            globalStore.setKycReminder(details.open);
-            if (!details.open) {
-                localStorage.setItem(KYC_PROMPT_LOCALSTORAGE_KEY, '');
-            }
-        }, closeOnEscape: true, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "bg-bg-primary-alt mx-auto h-fit max-w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "bg-bg-warning-secondary mx-auto w-fit rounded-full p-2", children: _jsx(FileCheck02Icon, { className: "text-[#FEDF89]" }) }), _jsx("h1", { className: "text-lg text-white", children: "Personal Verification" }), _jsxs("p", { className: "text-text-tertiary-600 mt-xs text-sm", children: ["All new users are required to complete identity verification to access the full range of ", siteName, " services, including withdrawals."] }), _jsxs("div", { className: "mt-3xl space-y-lg", children: [_jsx("a", { href: "/account/verification", className: buttonRecipe({ variant: 'solid' }), onClick: () => localStorage.setItem(KYC_PROMPT_LOCALSTORAGE_KEY, ''), children: "Verify Now" }), _jsx(Button, { type: "button", variant: "outline", fullWidth: true, onClick: () => {
-                                                    globalStore.setKycReminder(false);
-                                                    localStorage.setItem(KYC_PROMPT_LOCALSTORAGE_KEY, '');
-                                                }, children: "Do it later" })] })] })] }) })] }) }));
+const Component = dynamic(() => import('./KYCReminder.lazy.js').then((m) => m.KYCReminder), {
+    ssr: false,
+    loading: () => null,
+});
+export function KYCReminder(props) {
+    const touched = useGlobalStore(useShallow((ctx) => ctx.kycReminder['~touched']));
+    if (touched)
+        return _jsx(Component, { ...props });
 }
-export default KYCReminder;

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

@@ -0,0 +1,4 @@
+export interface KYCReminderProps {
+    siteName: string;
+}
+export declare function KYCReminder(props: KYCReminderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useShallow } from 'zustand/shallow';
+import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
+import { FileCheck02Icon } from '../../icons/FileCheck02Icon.js';
+import { XIcon } from '../../icons/XIcon.js';
+import { Button } from '../../ui/Button/index.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
+export function KYCReminder(props) {
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        kyc: ctx.kyc,
+        kycReminder: ctx.kycReminder,
+    })));
+    const { data: account } = useAccountQuery();
+    const { data: verification } = useMemberVerificationQuery();
+    const isBasicInfoCompleted = account?.realName !== null && account?.birthDay !== null;
+    const isUploadCompleted = verification &&
+        verification.idFrontImage !== null &&
+        verification.selfieImage !== null;
+    const isRejected = Boolean(verification?.status === 'REJECTED');
+    const hasMissingData = !isBasicInfoCompleted || !isUploadCompleted || isRejected;
+    return (_jsx(Dialog.Root, { open: globalStore.kycReminder.open && hasMissingData, onOpenChange: (details) => {
+            globalStore.kycReminder.setOpen(details.open);
+        }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "bg-bg-primary-alt mx-auto h-fit max-w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "bg-bg-warning-secondary mx-auto w-fit rounded-full p-2", children: _jsx(FileCheck02Icon, { className: "text-[#FEDF89]" }) }), _jsx("h2", { className: "text-lg text-white", children: "Personal Verification" }), _jsxs("p", { className: "text-text-tertiary-600 mt-xs text-sm", children: ["All new users are required to complete identity verification to access the full range of ", props.siteName, " services, including withdrawals."] }), _jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "mt-3xl space-y-lg", children: [_jsx(Button, { onClick: () => {
+                                                        api.setOpen(false);
+                                                        globalStore.kyc.setOpen(true);
+                                                    }, children: "Verify Now" }), _jsx(Button, { type: "button", variant: "outline", fullWidth: true, onClick: () => api.setOpen(false), children: "Do it later" })] })) })] })] }) })] }) }));
+}

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

@@ -1,2 +1,3 @@
 export * from './KYC';
+export * from './KYCReminder';
 export * from './KYCTrigger';

package/dist/components/KYC/index.js

@@ -1,2 +1,3 @@
 export * from './KYC.js';
+export * from './KYCReminder.js';
 export * from './KYCTrigger.js';

package/dist/components/Messages/MessagesPopup.js

@@ -69,7 +69,7 @@ export function MessagesPopup() {
             !globalStore.message.open &&
             !globalStore.account.open &&
             !globalStore.account__mobile.open &&
-            !globalStore.kyc.openKycReminder &&
+            !globalStore.kyc.open &&
             !paused,
         refetchInterval: disclosure.open ? undefined : 1000 * 10,
     });

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useDialogContext } from '@ark-ui/react/dialog';
 import { zodResolver } from '@hookform/resolvers/zod';
 import Link from 'next/link';
 import { useRef } from 'react';
@@ -23,9 +22,10 @@ import { useSignInContext, useSignInPropsContext } from './SignInContext.js';
 export function MobileNumberSignIn() {
     const signInProps = useSignInPropsContext();
     const context = useSignInContext();
-    const dialog = useDialogContext();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
+        signIn: ctx.signIn,
         signUp: ctx.signUp,
+        kycReminder: ctx.kycReminder,
     })));
     const signInMutation = useSignInMutation();
     const sendVerificationCodeMutation = useSendVerificationCodeMutation();
@@ -103,9 +103,9 @@ export function MobileNumberSignIn() {
                                                 o.field.onChange(details.checked);
                                             }, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs(Checkbox.Label, { children: ["I am at least 21 years of age and I accept the", ' ', _jsx(Link, { href: signInProps.termsAndConditionsUrl ??
                                                                 '/terms-and-conditions', onClick: () => {
-                                                                dialog.setOpen(false);
+                                                                globalStore.signIn.setOpen(false);
                                                             }, className: "text-brand-400 whitespace-nowrap underline underline-offset-2", children: "Terms and Conditions." })] }), _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) })] }), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-xs text-sm", children: [_jsx("span", { className: "text-text-tertiary-600", children: "Don't have an account?" }), _jsx("button", { type: "submit", className: "text-button-tertiary-fg font-semibold", onClick: () => {
-                                    dialog.setOpen(false);
+                                    globalStore.signIn.setOpen(false);
                                     globalStore.signUp.setOpen(true);
                                 }, children: "Sign up" })] })] })), context.step === 2 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-xl text-center text-lg font-semibold", children: "Check your Phone" }), _jsxs("p", { className: "text-text-secondary-700 mt-xs text-center text-sm", children: ["We\u2019ve sent a verification code to your mobile number", ' ', _jsx("span", { className: "font-semibold", children: mobileNumberParser.format(step1Form.getValues('mobileNumber')) }), ' ', "via text"] }), _jsxs("form", { ref: form2Ref, className: "mt-5", onSubmit: step2Form.handleSubmit(async ({ verificationCode }) => {
                             const { mobileNumber } = step1Form.getValues();
@@ -115,10 +115,11 @@ export function MobileNumberSignIn() {
                                     mobileNumber: mobileNumberParser.format(mobileNumber),
                                     verificationCode: verificationCode.join(''),
                                 });
-                                dialog.setOpen(false);
                                 step1Form.reset();
                                 step2Form.reset();
                                 context.setStep(1);
+                                globalStore.signIn.setOpen(false);
+                                globalStore.kycReminder.setOpen(true);
                             }
                             catch {
                                 toaster.error({

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -25,6 +25,7 @@ export function NameAndPasswordSignIn() {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         signIn: ctx.signIn,
         signUp: ctx.signUp,
+        kycReminder: ctx.kycReminder,
         forgotPassword: ctx.forgotPassword,
     })));
     const signInMutation = useSignInMutation({
@@ -48,6 +49,7 @@ export function NameAndPasswordSignIn() {
     });
     const authenticateMutation = useAuthenticateMutation({
         onSuccess() {
+            globalStore.kycReminder.setOpen(true);
             globalStore.signIn.setOpen(false);
             authenticateMutation.reset();
             signInMutation.reset();

package/dist/components/SignUp/SignUpDefault/SignUpForm.js

@@ -1,7 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { createListCollection, parseDate } from '@ark-ui/react';
-import { useDialogContext } from '@ark-ui/react/dialog';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { ObjectId } from '@opexa/object-id';
 import { differenceInYears, format } from 'date-fns';
@@ -48,9 +47,12 @@ export function SignUpForm() {
         itemToString: (item) => `${item.code} - ${item.name}`,
     });
     const [step, setStep] = useState(1);
-    const dialog = useDialogContext();
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        kycReminder: ctx.kycReminder,
+        signIn: ctx.signIn,
+        signUp: ctx.signUp,
+    })));
     const search = useSearchParams();
-    const signInStore = useGlobalStore(useShallow((ctx) => ctx.signIn));
     const signUpMutation = useSignUpMutation();
     const signInMutation = useSignInMutation();
     const updateAccountMutation = useUpdateAccountMutation();
@@ -180,10 +182,10 @@ export function SignUpForm() {
                                                 o.field.onChange(details.checked);
                                             }, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs(Checkbox.Label, { children: ["I am at least 21 years of age and I accept the", ' ', _jsx(Link, { href: signUpProps.termsAndConditionsUrl ??
                                                                 '/terms-and-conditions', onClick: () => {
-                                                                dialog.setOpen(false);
+                                                                globalStore.signUp.setOpen(false);
                                                             }, className: "text-brand-400 whitespace-nowrap underline underline-offset-2", children: "Terms and Conditions." })] }), ' ', _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: step1Form.formState.isSubmitting, children: "Create Account" })] }), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-xs text-sm", children: [_jsx("span", { className: "text-text-tertiary-600", children: "Already have an account?" }), _jsx("button", { type: "submit", className: "text-button-tertiary-fg font-semibold", onClick: () => {
-                                    dialog.setOpen(false);
-                                    signInStore.setOpen(true);
+                                    globalStore.signUp.setOpen(false);
+                                    globalStore.signIn.setOpen(true);
                                 }, children: "Log In" })] })] })), step === 2 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-xl text-center text-lg font-semibold", children: "Check your Phone" }), _jsxs("p", { className: "text-text-secondary-700 mt-xs text-center text-sm", children: ["We\u2019ve sent a verification code to your mobile number", ' ', _jsx("span", { className: "font-semibold", children: mobileNumberParser.format(step1Form.getValues('mobileNumber')) }), ' ', "via text"] }), _jsxs("form", { ref: form2Ref, className: "mt-5", onSubmit: step2Form.handleSubmit(async ({ verificationCode }) => {
                             const id = ObjectId.generate(ObjectType.MemberAccount).toString();
                             const { mobileNumber } = step1Form.getValues();
@@ -215,7 +217,7 @@ export function SignUpForm() {
                                 });
                                 const ok = await pollLogin();
                                 if (!ok) {
-                                    signInStore.setOpen(true);
+                                    globalStore.signIn.setOpen(true);
                                     return;
                                 }
                                 else {
@@ -238,7 +240,8 @@ export function SignUpForm() {
                                     });
                                     await pollUpdateAccount();
                                 }
-                                dialog.setOpen(false);
+                                globalStore.signUp.setOpen(false);
+                                globalStore.kycReminder.setOpen(true);
                                 step1Form.reset();
                                 step2Form.reset();
                                 setStep(1);

package/dist/constants/PisoPayBanks.d.ts

@@ -0,0 +1,4 @@
+export declare const PISO_PAY_BANKS: {
+    code: string;
+    name: string;
+}[];

package/dist/constants/PisoPayBanks.js

@@ -0,0 +1,45 @@
+export const PISO_PAY_BANKS = [
+    { code: "010040018", name: "Bank of the Philippine Islands" },
+    { code: "010050011", name: "The Standard Chartered Bank" },
+    { code: "010060014", name: "HK and Shanghai Banking Corp." },
+    { code: "010070017", name: "Citibank, N.A." },
+    { code: "010080010", name: "Philippine National Bank" },
+    { code: "010090039", name: "Philippine Trust Company" },
+    { code: "010100013", name: "China Banking Corporation" },
+    { code: "010110016", name: "Phil. Bank of Communications" },
+    { code: "010120019", name: "Bank of America, Nat'l. Ass'n." },
+    { code: "010140015", name: "Security Bank Corporation" },
+    { code: "010220016", name: "Maybank Phils., Inc." },
+    { code: "010269996", name: "Metropolitan Bank and Trust Co" },
+    { code: "010270341", name: "United Overseas Bank Phils." },
+    { code: "010280014", name: "Rizal Commercial Banking Corp." },
+    { code: "010299995", name: "United Coconut Planters Bank" },
+    { code: "010330016", name: "Philippine Veterans Bank" },
+    { code: "010350025", name: "Land Bank of the Philippines" },
+    { code: "010419995", name: "Union Bank of the Philippines" },
+    { code: "010440016", name: "Bank of Commerce" },
+    { code: "010460012", name: "Bank of Tokyo-Mits., Limited" },
+    { code: "010470992", name: "Philippine Savings Bank" },
+    { code: "010530667", name: "Banco de Oro Unibank, Inc." },
+    { code: "010560019", name: "Mega Intl Comml Bank Co. Ltd" },
+    { code: "010590018", name: "Devt. Bank of the Philippines" },
+    { code: "010620014", name: "East-West Banking Corporation" },
+    { code: "010640010", name: "Mizuho Bank, Ltd." },
+    { code: "010650013", name: "Deutsche Bank" },
+    { code: "010670019", name: "Bangkok Bank Public Co., Ltd." },
+    { code: "010690015", name: "CTBC Bank (Philippines) Corp." },
+    { code: "010700015", name: "Australia & New Zealand Bank" },
+    { code: "010710018", name: "KEB Hana Bank" },
+    { code: "010720011", name: "JPMorgan Chase Bank" },
+    { code: "020780012", name: "First Consolidated Bank" },
+    { code: "010960017", name: "Equicom Savings Bank, Inc." },
+    { code: "011020011", name: "Asia United Bank" },
+    { code: "011070016", name: "Robinsons Bank Corporation" },
+    { code: "011129996", name: "China Bank Savings, Inc." },
+    { code: "011130011", name: "Yuanta Savings Bank" },
+    { code: "011140014", name: "Bank of China" },
+    { code: "011190019", name: "Sterling Bank of Asia" },
+    { code: "011280013", name: "Sumitomo Mitsui Banking Corp." },
+    { code: "011300016", name: "Shinhan Bank" },
+    { code: "011310019", name: "Industrial Bank of Korea" }
+];

package/dist/constants/StorageKey.d.ts

@@ -1,4 +1,3 @@
 export declare const ACCESS_TOKEN_COOKIE_NAME: string;
 export declare const REFRESH_TOKEN_COOKIE_NAME: string;
-export declare const KYC_PROMPT_LOCALSTORAGE_KEY: string;
 export declare const DOMAIN_COOKIE_NAME: string;

package/dist/constants/StorageKey.js

@@ -1,4 +1,3 @@
 export const ACCESS_TOKEN_COOKIE_NAME = 'WebPortalAuthAccessToken';
 export const REFRESH_TOKEN_COOKIE_NAME = 'WebPortalAuthRefreshToken';
-export const KYC_PROMPT_LOCALSTORAGE_KEY = 'WebPortalKYCPrompted';
 export const DOMAIN_COOKIE_NAME = 'WebPortalDomain';

package/dist/services/queries.d.ts

@@ -19,6 +19,7 @@ export declare const CREATE_MAYA_APP_WITHDRAWAL = "\n  mutation CreateMayaAppWit
 export declare const CREATE_BANK_WITHDRAWAL = "\n  mutation CreateBankWithdrawal($input: CreateBankWithdrawalInput!) {\n    createBankWithdrawal(input: $input) {\n      ... on MobileNumberNotVerifiedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_AIO_INSTAPAY_WITHDRAWAL = "\n  mutation CreateAIOInstapayWithdrawal(\n    $input: CreateAIOInstapayWithdrawalInput!\n  ) {\n    createAIOInstapayWithdrawal(input: $input) {\n      ... on AccountNotVerifiedError {\n        name: __typename\n        message\n      }\n      ... on InvalidWithdrawalAmountError {\n        name: __typename\n        message\n      }\n      ... on WithdrawalDailyLimitExceededError {\n        name: __typename\n        message\n      }\n      ... on InvalidTransactionPasswordError {\n        name: __typename\n        message\n      }\n      ... on NotEnoughBalanceError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on TransactionPasswordNotSetError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_VENTAJA_WITHDRAWAL = "\n  mutation CreateVentajaWithdrawal($input: CreateVentajaWithdrawalInput!) {\n    createVentajaWithdrawal(input: $input) {\n      ... on AccountNotVerifiedError {\n        name: __typename\n        message\n      }\n      ... on InvalidWithdrawalAmountError {\n        name: __typename\n        message\n      }\n      ... on WithdrawalDailyLimitExceededError {\n        name: __typename\n        message\n      }\n      ... on NotEnoughBalanceError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
+export declare const CREATE_PISO_PAY_WITHDRAWAL = "\n  mutation CreatePisopayWithdrawal($input: CreatePisopayWithdrawalInput!) {\n    createPisopayWithdrawal(input: $input) {\n      ... on AccountNotVerifiedError {\n        name: __typename\n        message\n      }\n      ... on InvalidWithdrawalAmountError {\n        name: __typename\n        message\n      }\n      ... on WithdrawalDailyLimitExceededError {\n        name: __typename\n        message\n      }\n      ... on InvalidTransactionPasswordError {\n        name: __typename\n        message\n      }\n      ... on NotEnoughBalanceError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on TransactionPasswordNotSetError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MANUAL_UPI_WITHDRAWAL = "\n  mutation CreateManualUPIWithdrawal($input: CreateManualUPIWithdrawalInput!) {\n    createManualUPIWithdrawal(input: $input) {\n      ... on AccountNotVerifiedError {\n        name: __typename\n        message\n      }\n      ... on InvalidWithdrawalAmountError {\n        name: __typename\n        message\n      }\n      ... on WithdrawalDailyLimitExceededError {\n        name: __typename\n        message\n      }\n      ... on NotEnoughBalanceError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MANUAL_BANK_WITHDRAWAL = "\n  mutation CreateManualBankWithdrawal(\n    $input: CreateManualBankWithdrawalInput!\n  ) {\n    createManualBankWithdrawal(input: $input) {\n      ... on AccountNotVerifiedError {\n        name: __typename\n        message\n      }\n      ... on InvalidWithdrawalAmountError {\n        name: __typename\n        message\n      }\n      ... on WithdrawalDailyLimitExceededError {\n        name: __typename\n        message\n      }\n      ... on NotEnoughBalanceError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const INSTAPAY_BANK_LIST = "\n  query InstapayBankList {\n    instapayBankList {\n      id\n      code\n      name\n    }\n  }\n";
@@ -27,6 +28,7 @@ export declare const DEPOSIT_RECORDS = "\n  query DepositRecords(\n    $after: C
 export declare const CREATE_GCASH_DEPOSIT = "\n  mutation CreateGCashDeposit($input: CreateGCashDepositInput!) {\n    createGCashDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on ReCAPTCHAVerificationFailedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_GCASH_DIRECT_WEBPAY_DEPOSIT = "\n  mutation CreateGCashDirectWebpayDeposit(\n    $input: CreateGCashDirectWebpayDepositInput!\n  ) {\n    createGCashDirectWebpayDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_LIBANGAN_DEPOSIT = "\n  mutation CreateLibanganDeposit($input: CreateLibanganDepositInput!) {\n    createLibanganDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
+export declare const CREATE_PISO_PAY_DEPOSIT = "\n  mutation CreatePisoPayDeposit($input: CreatePisoPayDepositInput!) {\n    createPisoPayDeposit(input: $input) {\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MAYA_DEPOSIT = "\n  mutation CreateMayaDeposit($input: CreateMayaDepositInput!) {\n    createMayaDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MAYA_APP_DEPOSIT = "\n  mutation CreateMayaAppDeposit($input: CreateMayaAppDepositInput!) {\n    createMayaAppDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_AIO_QRPH_DEPOSIT = "\n  mutation CreateAIOQRPHDeposit($input: CreateAIOQRPHDepositInput!) {\n    createAIOQRPHDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on ReCAPTCHAVerificationFailedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";