@opexa/portal-components 0.0.895 → 0.0.897

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

@@ -0,0 +1,6 @@
+import type { ImageProps } from 'next/image';
+export interface DepositStatusProps {
+    id: string;
+    logo: ImageProps['src'];
+}
+export declare function DepositStatus__client(props: DepositStatusProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/DepositStatus/DepositStatus.client.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import { useRouter } from 'next/navigation';
+import { useCooldown } from '../../client/hooks/useCooldown.js';
+import { useDepositQuery } from '../../client/hooks/useDepositQuery.js';
+import { CheckCircleIcon } from '../../icons/CheckCircleIcon.js';
+import { XCircleIcon } from '../../icons/XCircleIcon.js';
+import { Button } from '../../ui/Button/index.js';
+export function DepositStatus__client(props) {
+    const query = useDepositQuery(props.id);
+    const router = useRouter();
+    const closeWindow = () => {
+        window.close();
+        /* fail safe */
+        setTimeout(() => {
+            router.push('/');
+        }, 2500);
+    };
+    const cooldown = useCooldown({
+        autoplay: true,
+        allowPause: false,
+        onCooldown: closeWindow,
+    });
+    if (query.data == null)
+        return null;
+    return (_jsx("div", { className: "flex min-h-dvh flex-col items-center justify-center p-4", children: _jsxs("main", { className: "mx-auto w-[26rem] max-w-full rounded-xl bg-bg-secondary p-10", children: [_jsx(Image, { src: props.logo, alt: "Logo", height: 52, width: 232, className: "mx-auto h-13 w-auto" }), _jsxs("div", { className: "mt-20", children: [(query.data.status === 'CONFIRMED' ||
+                            query.data.status === 'APPROVED') && (_jsx(CheckCircleIcon, { className: "mx-auto size-12 text-text-success-primary" })), (query.data.status === 'REJECTED' ||
+                            query.data.status === 'FAILED') && (_jsx(XCircleIcon, { className: "mx-auto size-12 text-text-error-primary" }))] }), _jsxs("h2", { className: "mt-6 text-center font-bold text-2xl", children: [(query.data.status === 'CONFIRMED' ||
+                            query.data.status === 'APPROVED') &&
+                            'Success', (query.data.status === 'REJECTED' ||
+                            query.data.status === 'FAILED') &&
+                            'Failed'] }), _jsxs("p", { className: "mt-1 text-center font-medium text-text-secondary-700", children: [(query.data.status === 'CONFIRMED' ||
+                            query.data.status === 'APPROVED') &&
+                            'Your deposit request has been credited', (query.data.status === 'REJECTED' ||
+                            query.data.status === 'FAILED') &&
+                            'Sorry, your deposit request didn’t go through. You can try to deposit again on the Deposit page.'] }), _jsxs("p", { className: "mt-18 px-4 text-center text-sm text-text-secondary-700", children: ["You will be auto-redirected to the deposit page shortly, in about", ' ', _jsx("span", { className: "font-bold text-base text-brand-500", children: cooldown.countdown }), ' ', "second/s."] }), _jsx(Button, { className: "mt-6", onClick: closeWindow, children: "Back to deposit page" })] }) }));
+}

package/dist/components/DepositStatus/DepositStatus.d.ts

@@ -0,0 +1,3 @@
+import { type DepositStatusProps } from './DepositStatus.client';
+export declare function DepositStatus(props: DepositStatusProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export type { DepositStatusProps };

package/dist/components/DepositStatus/DepositStatus.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { redirect } from 'next/navigation';
+import { prefetchDepositQuery } from '../../server/utils/prefetchDepositQuery.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getDepositQueryKey } from '../../utils/queryKeys.js';
+import { DepositStatus__client, } from './DepositStatus.client.js';
+export async function DepositStatus(props) {
+    await prefetchDepositQuery(props.id);
+    const client = getQueryClient();
+    const deposit = client.getQueryData(getDepositQueryKey(props.id));
+    if (deposit == null) {
+        return redirect('/');
+    }
+    if (deposit.status !== 'CONFIRMED' &&
+        deposit.status !== 'APPROVED' &&
+        deposit.status !== 'REJECTED' &&
+        deposit.status !== 'FAILED') {
+        return redirect('/');
+    }
+    return _jsx(DepositStatus__client, { ...props });
+}

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

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

package/dist/components/DepositStatus/index.js

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

package/dist/components/DepositWithdrawal/Deposit/AurixPayGCashDeposit/AurixPayGCashDeposit.js

@@ -175,7 +175,7 @@ export function AurixPayGCashDeposit() {
     const redirectUrl = (() => {
         const path = depositWithdrawalProps.depositSuccessPageUrl ?? '/deposits/:id/status';
         const origin = window.location.origin.includes('localhost')
-            ? 'https://uat.powerplay.ph/deposit-success' +
+            ? 'https://uat.powerplay.ph' +
                 depositWithdrawalProps.depositSuccessPageUrl
             : window.location.origin;
         return `${origin}${path}`;

package/dist/components/DepositWithdrawal/Deposit/AurixPayGrabPayDeposit/AurixPayGrabPayDeposit.js

@@ -175,7 +175,7 @@ export function AurixPayPayMayaDeposit() {
     const redirectUrl = (() => {
         const path = depositWithdrawalProps.depositSuccessPageUrl ?? '/deposits/:id/status';
         const origin = window.location.origin.includes('localhost')
-            ? 'https://uat.powerplay.ph/deposit-success' +
+            ? 'https://uat.powerplay.ph' +
                 depositWithdrawalProps.depositSuccessPageUrl
             : window.location.origin;
         return `${origin}${path}`;

package/dist/components/DepositWithdrawal/Deposit/AurixPayPayMayaDeposit/AurixPayGrabPayDeposit.js

@@ -175,7 +175,7 @@ export function AurixPayGrabPayDeposit() {
     const redirectUrl = (() => {
         const path = depositWithdrawalProps.depositSuccessPageUrl ?? '/deposits/:id/status';
         const origin = window.location.origin.includes('localhost')
-            ? 'https://uat.powerplay.ph/deposit-success' +
+            ? 'https://uat.powerplay.ph' +
                 depositWithdrawalProps.depositSuccessPageUrl
             : window.location.origin;
         return `${origin}${path}`;

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/AurixPayQRPHDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const AurixPayQRPHDepositContext: (props: {
     value: {
-        status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+        status: "confirmed" | "failed" | "idle" | "generating-qr-code" | "qr-code-generated";
         deposit: import("../../../../types").Deposit | null;
         errorMessage: {
             name: string;
@@ -13,7 +13,7 @@ export declare const AurixPayQRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useAurixPayQRPHDepositContext: () => {
-    status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+    status: "confirmed" | "failed" | "idle" | "generating-qr-code" | "qr-code-generated";
     deposit: import("../../../../types").Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/useAurixPayQRPHDeposit.d.ts

@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
     promo?: string | null;
 }
 export declare function useAurixPayQRPHDeposit(): {
-    status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+    status: "confirmed" | "failed" | "idle" | "generating-qr-code" | "qr-code-generated";
     deposit: Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/useAurixPayQRPHDeposit.js

@@ -65,7 +65,7 @@ export function useAurixPayQRPHDeposit() {
     const redirectUrl = (() => {
         const path = depositWithdrawalProps.depositSuccessPageUrl ?? '/deposits/:id/status';
         const origin = window.location.origin.includes('localhost')
-            ? 'https://uat.powerplay.ph/deposit-success' +
+            ? 'https://uat.powerplay.ph' +
                 depositWithdrawalProps.depositSuccessPageUrl
             : window.location.origin;
         return `${origin}${path}`;

package/dist/components/DepositWithdrawal/Deposit/Deposit.js

@@ -8,10 +8,6 @@ import { AlertCircleIcon } from '../../../icons/AlertCircleIcon.js';
 import { SpinnerIcon } from '../../../icons/SpinnerIcon.js';
 import { onMobileDevice } from '../../../utils/onMobileDevice.js';
 import { PaymentMethods } from '../PaymentMethods.js';
-import { AurixPayGCashDeposit } from './AurixPayGCashDeposit/AurixPayGCashDeposit.js';
-import { AurixPayPayMayaDeposit } from './AurixPayGrabPayDeposit/AurixPayGrabPayDeposit.js';
-import { AurixPayGrabPayDeposit } from './AurixPayPayMayaDeposit/AurixPayGrabPayDeposit.js';
-import { AurixPayQRPHDeposit } from './AurixPayQRPHDeposit/AurixPayQRPHDeposit.js';
 const QRPHDeposit = lazy(() => import('./QRPHDeposit/QRPHDeposit.js').then((m) => ({ default: m.QRPHDeposit })));
 const GCashDeposit = lazy(() => import('./GCashDeposit/GCashDeposit.js').then((m) => ({
     default: m.GCashDeposit,
@@ -52,6 +48,26 @@ export function Deposit() {
     const paymentSettingsQuery = usePaymentSettingsQuery();
     const paymentSettings = paymentSettingsQuery.data;
     const featureFlag = useFeatureFlag();
+    const nodeEnv = (process.env.NEXT_PUBLIC_ENVIRONMENT ?? '');
+    const enableAurix = nodeEnv === 'development' || nodeEnv === 'staging';
+    const aurixComponents = useMemo(() => {
+        if (!enableAurix)
+            return null;
+        return {
+            gcash: lazy(() => import('./AurixPayGCashDeposit/AurixPayGCashDeposit.js').then((m) => ({
+                default: m.AurixPayGCashDeposit,
+            }))),
+            payMaya: lazy(() => import('./AurixPayGrabPayDeposit/AurixPayGrabPayDeposit.js').then((m) => ({
+                default: m.AurixPayPayMayaDeposit,
+            }))),
+            grabPay: lazy(() => import('./AurixPayPayMayaDeposit/AurixPayGrabPayDeposit.js').then((m) => ({
+                default: m.AurixPayGrabPayDeposit,
+            }))),
+            qrph: lazy(() => import('./AurixPayQRPHDeposit/AurixPayQRPHDeposit.js').then((m) => ({
+                default: m.AurixPayQRPHDeposit,
+            }))),
+        };
+    }, [enableAurix]);
     const enabledPaymentMethods = useMemo(() => {
         const l = [];
         if (onMaya) {
@@ -113,20 +129,26 @@ export function Deposit() {
             },
             {
                 method: 'AURIX_PAY_GCASH',
-                enabled: paymentSettings?.aurixPayGCashDepositGatewaySettings?.[enabledKey] &&
+                enabled: enableAurix &&
+                    paymentSettings?.aurixPayGCashDepositGatewaySettings?.[enabledKey] &&
                     featureFlag.enabled,
             },
             {
                 method: 'AURIX_PAY_GRAB_PAY',
-                enabled: paymentSettings?.aurixPayGrabPayDepositGatewaySettings?.[enabledKey] && featureFlag.enabled,
+                enabled: enableAurix &&
+                    paymentSettings?.aurixPayGrabPayDepositGatewaySettings?.[enabledKey] &&
+                    featureFlag.enabled,
             },
             {
                 method: 'AURIX_PAY_PAYMAYA',
-                enabled: paymentSettings?.aurixPayPayMayaDepositGatewaySettings?.[enabledKey] && featureFlag.enabled,
+                enabled: enableAurix &&
+                    paymentSettings?.aurixPayPayMayaDepositGatewaySettings?.[enabledKey] &&
+                    featureFlag.enabled,
             },
             {
                 method: 'AURIX_PAY_QRPH',
-                enabled: paymentSettings?.aurixPayQrphDepositGatewaySettings?.[enabledKey] &&
+                enabled: enableAurix &&
+                    paymentSettings?.aurixPayQrphDepositGatewaySettings?.[enabledKey] &&
                     featureFlag.enabled,
             },
         ];
@@ -136,7 +158,7 @@ export function Deposit() {
             }
         });
         return l;
-    }, [onMaya, paymentSettings, featureFlag.enabled]);
+    }, [enableAurix, featureFlag.enabled, onMaya, paymentSettings]);
     const [paymentMethod, setPaymentMethod] = useState();
     useEffect(() => {
         if (enabledPaymentMethods.length > 0 && !paymentMethod) {
@@ -157,7 +179,19 @@ export function Deposit() {
     if (enabledPaymentMethods.length <= 0) {
         return _jsx(NoAvailablePaymentMethods, {});
     }
-    return (_jsxs(_Fragment, { children: [_jsx(PaymentMethods, { value: paymentMethod, onChange: handlePaymentMethodChange, options: enabledPaymentMethods }), _jsxs(Suspense, { fallback: _jsx(SpinnerIcon, { className: "mx-auto size-6" }), children: [paymentMethod === 'QRPH' && _jsx(QRPHDeposit, {}), paymentMethod === 'GCASH' && _jsx(GCashDeposit, {}), paymentMethod === 'MAYA' && _jsx(MayaDeposit, {}), paymentMethod === 'MAYA_APP' && _jsx(MayaAppDeposit, {}), paymentMethod === 'ONLINE_BANK' && _jsx(OnlineBankDeposit, {}), paymentMethod === 'LIBANGAN_PAY_IN' && _jsx(LibanganDeposit, {}), paymentMethod === 'PISO_PAY' && _jsx(PisoPayDeposit, {}), paymentMethod === 'AIO_GCASH' && _jsx(AiOGCashDeposit, {}), paymentMethod === 'AIO_PAY_MAYA' && _jsx(AiOPayMayaDeposit, {}), paymentMethod === 'AIO_GRAB_PAY' && _jsx(AiOGrabPayDeposit, {}), paymentMethod === 'AIO_PALAWAN_PAY' && _jsx(AiOPalawanPayDeposit, {}), paymentMethod === 'GCASH_WEBPAY' && _jsx(GCashWebpayDeposit, {}), paymentMethod === 'MAYA_WEBPAY' && _jsx(MayaWebpayDeposit, {}), paymentMethod === 'AURIX_PAY_GCASH' && _jsx(AurixPayGCashDeposit, {}), paymentMethod === 'AURIX_PAY_PAYMAYA' && _jsx(AurixPayPayMayaDeposit, {}), paymentMethod === 'AURIX_PAY_GRAB_PAY' && _jsx(AurixPayGrabPayDeposit, {}), paymentMethod === 'AURIX_PAY_QRPH' && _jsx(AurixPayQRPHDeposit, {})] })] }));
+    const AurixPayGCashDeposit = aurixComponents?.gcash;
+    const AurixPayPayMayaDeposit = aurixComponents?.payMaya;
+    const AurixPayGrabPayDeposit = aurixComponents?.grabPay;
+    const AurixPayQRPHDeposit = aurixComponents?.qrph;
+    return (_jsxs(_Fragment, { children: [_jsx(PaymentMethods, { value: paymentMethod, onChange: handlePaymentMethodChange, options: enabledPaymentMethods }), _jsxs(Suspense, { fallback: _jsx(SpinnerIcon, { className: "mx-auto size-6" }), children: [paymentMethod === 'QRPH' && _jsx(QRPHDeposit, {}), paymentMethod === 'GCASH' && _jsx(GCashDeposit, {}), paymentMethod === 'MAYA' && _jsx(MayaDeposit, {}), paymentMethod === 'MAYA_APP' && _jsx(MayaAppDeposit, {}), paymentMethod === 'ONLINE_BANK' && _jsx(OnlineBankDeposit, {}), paymentMethod === 'LIBANGAN_PAY_IN' && _jsx(LibanganDeposit, {}), paymentMethod === 'PISO_PAY' && _jsx(PisoPayDeposit, {}), paymentMethod === 'AIO_GCASH' && _jsx(AiOGCashDeposit, {}), paymentMethod === 'AIO_PAY_MAYA' && _jsx(AiOPayMayaDeposit, {}), paymentMethod === 'AIO_GRAB_PAY' && _jsx(AiOGrabPayDeposit, {}), paymentMethod === 'AIO_PALAWAN_PAY' && _jsx(AiOPalawanPayDeposit, {}), paymentMethod === 'GCASH_WEBPAY' && _jsx(GCashWebpayDeposit, {}), paymentMethod === 'MAYA_WEBPAY' && _jsx(MayaWebpayDeposit, {}), enableAurix &&
+                        paymentMethod === 'AURIX_PAY_GCASH' &&
+                        AurixPayGCashDeposit && _jsx(AurixPayGCashDeposit, {}), enableAurix &&
+                        paymentMethod === 'AURIX_PAY_PAYMAYA' &&
+                        AurixPayPayMayaDeposit && _jsx(AurixPayPayMayaDeposit, {}), enableAurix &&
+                        paymentMethod === 'AURIX_PAY_GRAB_PAY' &&
+                        AurixPayGrabPayDeposit && _jsx(AurixPayGrabPayDeposit, {}), enableAurix &&
+                        paymentMethod === 'AURIX_PAY_QRPH' &&
+                        AurixPayQRPHDeposit && _jsx(AurixPayQRPHDeposit, {})] })] }));
 }
 function MayaSessionSessionExpired() {
     return (_jsxs("div", { className: "py-xl", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-warning-secondary", children: _jsx(AlertCircleIcon, { className: "size-6 text-text-featured-icon-light-warning" }) }), _jsx("h2", { className: "mt-lg text-center font-semibold text-lg", children: "Session Expired" }), _jsx("p", { className: "mx-auto mt-xs max-w-[25rem] text-center text-sm text-text-tertiary-600", children: "Your session has timed out. To continue with deposits or withdrawals, Please try reloading the app." })] }));

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const QRPHDepositContext: (props: {
     value: {
-        status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+        status: "confirmed" | "failed" | "idle" | "generating-qr-code" | "qr-code-generated";
         deposit: import("../../../../types").Deposit | null;
         errorMessage: {
             name: string;
@@ -13,7 +13,7 @@ export declare const QRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useQRPHDepositContext: () => {
-    status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+    status: "confirmed" | "failed" | "idle" | "generating-qr-code" | "qr-code-generated";
     deposit: import("../../../../types").Deposit | null;
     errorMessage: {
         name: string;

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

@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
     promo?: string | null;
 }
 export declare function useQRPHDeposit(): {
-    status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+    status: "confirmed" | "failed" | "idle" | "generating-qr-code" | "qr-code-generated";
     deposit: Deposit | null;
     errorMessage: {
         name: string;

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

@@ -1,4 +1,4 @@
-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 { createListCollection } from '@ark-ui/react/collection';
 import { zodResolver } from '@hookform/resolvers/zod';
 import Link from 'next/link';
@@ -6,11 +6,11 @@ import { useEffect, useMemo, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
+import { useAccountQuery } from '../../../../client/hooks/useAccountQuery.js';
 import { useCreateVentajaDisbursementWithdrawalMutation } from '../../../../client/hooks/useCreateVentajaWithdrawalMutation.js';
 import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
 import { useInstapayBankListQuery } from '../../../../client/hooks/useInstapayBankListQuery.js';
 import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
-import { useWalletQuery } from '../../../../client/hooks/useWalletQuery.js';
 import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
 import { CheckIcon } from '../../../../icons/CheckIcon.js';
 import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.js';
@@ -29,15 +29,16 @@ import { Select } from '../../../../ui/Select/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
 import { AmountChoices } from '../../AmountChoices.js';
 import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
-import { explainError } from '../../utils.js';
+import { PaymentMethods } from '../../PaymentMethods.js';
 import { ActiveTurnoverRequirement } from '../ActiveTurnoverRequirement.js';
 import { RequireFirstDeposit } from '../RequireFirstDeposit.js';
 import { TransactionPasswordNotSet } from '../TransactionPasswordNotSet.js';
 export function VentajaWithdrawal() {
     const depositWithdrawalProps = useDepositWithdrawalPropsContext();
+    const [paymentMethod, setPaymentMethod] = useState('INSTAPAY');
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
-        pendingBonus: ctx.pendingBonus,
+        hasPendingBonus: ctx.pendingBonus,
     })));
     const [status, setStatus] = useState('waiting');
     const createWithdrawalMutation = useCreateVentajaDisbursementWithdrawalMutation({
@@ -53,14 +54,20 @@ export function VentajaWithdrawal() {
         },
     });
     const instapayBankListQuery = useInstapayBankListQuery();
-    const instapayBankList = instapayBankListQuery.data;
+    const instapayBankList = useMemo(() => [
+        {
+            code: 'LBNGAN',
+            name: 'Libangan',
+        },
+        ...(instapayBankListQuery.data ?? []),
+    ], [instapayBankListQuery.data]);
     const paymentSettingsQuery = usePaymentSettingsQuery();
     const paymentSettings = paymentSettingsQuery.data;
-    const gatewaySettings = paymentSettings?.instapayWithdrawalGatewaySettings;
+    const gatewaySettings = paymentSettings?.ventajaWithdrawalGatewaySettings;
     const minimumAmount = parseDecimal(gatewaySettings?.minimumAmount, 0);
     const maximumAmount = parseDecimal(gatewaySettings?.maximumAmount, 0);
-    const walletQuery = useWalletQuery();
-    const turnoverRequirement = parseDecimal(walletQuery.data?.turnoverRequirement, 0);
+    const accountQuery = useAccountQuery();
+    const account = accountQuery.data;
     const definition = z.object({
         amount: z.string().superRefine((val, ctx) => {
             const n = parseDecimal(val, 0);
@@ -70,7 +77,7 @@ export function VentajaWithdrawal() {
                     code: z.ZodIssueCode.too_small,
                     inclusive: true,
                     minimum: minimumAmount,
-                    message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your withdrawal.`,
+                    message: `Minimum amount is ${minimumAmount.toLocaleString()}`,
                 });
             }
             if (n > maximumAmount) {
@@ -85,9 +92,16 @@ export function VentajaWithdrawal() {
         }),
         password: z
             .string()
-            .min(8, 'Password must be 8 or more characters')
-            .max(64, 'Password must be not be more than 64 characters'),
-        accountNumber: z.string().min(1).trim(),
+            .min(1, 'Transaction Password is required')
+            .min(8, 'Transaction Password must be 8 or more characters')
+            .max(64, 'Transaction Password must be not be more than 64 characters'),
+        accountNumber: z
+            .string()
+            .min(1, paymentMethod === 'INSTAPAY'
+            ? 'Bank Account Number is required'
+            : 'Phone Number is required')
+            .trim(),
+        accountName: z.string().min(1, 'Account Name is required').trim(),
         bankCode: z.string().min(1, 'Bank is required').trim(),
     });
     const form = useForm({
@@ -97,6 +111,7 @@ export function VentajaWithdrawal() {
             amount: '0',
             password: '',
             accountNumber: '',
+            accountName: '',
             bankCode: '',
         },
     });
@@ -107,6 +122,7 @@ export function VentajaWithdrawal() {
                 bankCode: form.getValues('bankCode'),
                 password: '',
                 accountNumber: '',
+                accountName: '',
             });
         }
     }, [form, minimumAmount]);
@@ -117,20 +133,21 @@ export function VentajaWithdrawal() {
                 bankCode: instapayBankList[0].code,
                 password: '',
                 accountNumber: '',
+                accountName: '',
             });
         }
     }, [form, instapayBankList]);
     const handleSubmit = form.handleSubmit(async (data) => {
-        if (globalStore.pendingBonus.shouldShowWarning) {
-            globalStore.pendingBonus.setOpen(true);
+        if (globalStore.hasPendingBonus.shouldShowWarning) {
+            globalStore.hasPendingBonus.setOpen(true);
             return;
         }
         createWithdrawalMutation.mutate({
             input: {
-                amount: data.amount,
+                amount: data.amount.replaceAll(',', '').toString(),
                 accountNumber: data.accountNumber,
                 bankCode: data.bankCode,
-                accountName: '',
+                accountName: data.accountName,
             },
             transactionPassword: data.password,
         });
@@ -140,11 +157,46 @@ export function VentajaWithdrawal() {
         itemToValue: (item) => item.code,
         itemToString: (item) => item.name,
     }), [instapayBankList]);
-    return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", children: [_jsx(Controller, { control: form.control, name: "bankCode", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.bankCode, children: [_jsxs(Select.Root, { collection: bankCollection, positioning: {
-                                sameWidth: true,
-                            }, value: o.field.value ? [o.field.value] : [], onValueChange: (details) => {
-                                o.field.onChange(details.value.at(0) ?? '');
-                            }, children: [_jsx(Select.Label, { children: "Bank" }), _jsx(Select.Control, { children: _jsxs(Select.Trigger, { children: [_jsx(Select.ValueText, {}), _jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })] }) }), _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: _jsx(Select.ItemGroup, { children: bankCollection.items.map((item) => (_jsxs(Select.Item, { item: item, children: [_jsx(Select.ItemText, { children: item.name }), _jsx(Select.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, item.id))) }) }) })] }), _jsx(Field.ErrorText, { children: form.formState.errors.bankCode?.message })] })) }), _jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Bank account number" }), _jsx(Field.Input, { ...form.register('accountNumber') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.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) => {
+    return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", children: [_jsx(PaymentMethods, { value: paymentMethod, onChange: (props) => {
+                    setPaymentMethod(props);
+                    let bankCode = '';
+                    if (props !== 'INSTAPAY') {
+                        const accountName = account?.realName ?? account?.name ?? '';
+                        form.setValue('accountName', accountName, {
+                            shouldTouch: false,
+                            shouldDirty: false,
+                            shouldValidate: false,
+                        });
+                    }
+                    switch (props) {
+                        case 'MAYA':
+                            bankCode = 'BNKMYA';
+                            break;
+                        case 'GCASH':
+                            bankCode = 'BNKGCH';
+                            break;
+                        default:
+                            bankCode = '';
+                            break;
+                    }
+                    form.setValue('bankCode', bankCode, {
+                        shouldTouch: false,
+                        shouldDirty: false,
+                        shouldValidate: false,
+                    });
+                    form.setValue('accountNumber', '', {
+                        shouldTouch: false,
+                        shouldDirty: false,
+                        shouldValidate: false,
+                    });
+                    form.clearErrors(['bankCode', 'accountNumber', 'password']);
+                } }), paymentMethod === 'INSTAPAY' && (_jsxs(_Fragment, { children: [_jsx(Controller, { control: form.control, name: "bankCode", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.bankCode, children: [_jsxs(Select.Root, { collection: bankCollection, positioning: {
+                                        sameWidth: true,
+                                    }, value: o.field.value ? [o.field.value] : [], onValueChange: (details) => {
+                                        o.field.onChange(details.value.at(0) ?? '');
+                                    }, children: [_jsx(Select.Label, { children: "Bank" }), _jsx(Select.Control, { children: _jsxs(Select.Trigger, { children: [_jsx(Select.ValueText, {}), _jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })] }) }), _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: _jsx(Select.ItemGroup, { children: bankCollection.items.map((item) => (_jsxs(Select.Item, { item: item, children: [_jsx(Select.ItemText, { children: item.name }), _jsx(Select.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, item.code))) }) }) })] }), _jsx(Field.ErrorText, { children: form.formState.errors.bankCode?.message })] })) }), _jsxs(Field.Root, { invalid: !!form.formState.errors.accountName, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Account Name" }), _jsx(Field.Input, { ...form.register('accountName') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountName?.message })] })] })), _jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, className: "mt-3xl", children: [_jsx(Field.Label, { children: paymentMethod === 'INSTAPAY'
+                            ? 'Bank account number'
+                            : 'Phone Number' }), _jsx(Field.Input, { ...form.register('accountNumber') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.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);
                             }, 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(), {
@@ -152,14 +204,14 @@ export function VentajaWithdrawal() {
                         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: "Transaction Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { placeholder: "Enter password", ...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 })] }), _jsx(TransactionPasswordNotSet, {}), _jsx(ActiveTurnoverRequirement, {}), _jsx(RequireFirstDeposit, {}), _jsx(Button, { type: "submit", className: "mt-6", disabled: createWithdrawalMutation.isPending || turnoverRequirement > 0, children: "Withdraw" }), depositWithdrawalProps.hasPrivacyPolicyAndTermsOfUse && (_jsxs("p", { className: "mt-lg text-text-tertiary-600 text-xs", children: ["Upon withdrawing, you agree to our", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.privacyPolicyUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Privacy Policy" }), "."] })), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
+                }, min: minimumAmount, max: maximumAmount, className: "mt-xl" }), account?.transactionPassword && (_jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Transaction Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { placeholder: "Enter Transaction password", ...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 })] })), _jsx(TransactionPasswordNotSet, {}), _jsx(ActiveTurnoverRequirement, {}), _jsx(RequireFirstDeposit, {}), _jsx(Button, { type: "submit", className: "mt-6", disabled: createWithdrawalMutation.isPending || !account?.transactionPassword, children: "Withdraw" }), _jsxs("p", { className: "mt-lg text-text-tertiary-600 text-xs", children: ["Upon withdrawing, you agree to our", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }
-                }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, 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: "size-12 text-text-brand-primary-600" })), status === 'success' && (_jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-bg-success-secondary text-text-featured-icon-light-success", children: _jsx(AlertCircleIcon, {}) })), status === 'failed' && (_jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-bg-error-secondary text-text-featured-icon-light-error", 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' &&
+                }, 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: "size-12 text-text-brand-primary-600" })), status === 'success' && (_jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-bg-success-secondary text-text-featured-icon-light-success", children: _jsx(AlertCircleIcon, {}) })), status === 'failed' && (_jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-bg-error-secondary text-text-featured-icon-light-error", 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' &&
-                                                        explainError(createWithdrawalMutation.error?.name)] })] }), (status === 'failed' || status === 'success') && (_jsx(AlertDialog.Footer, { children: _jsx(AlertDialog.Context, { children: (api) => (_jsx(Button, { onClick: () => {
+                                                        'First deposit is required before making a withdrawal.'] })] }), (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/KYC/KYCNonPagCor/PersonalInformation.js

@@ -7,6 +7,7 @@ import { useForm } from 'react-hook-form';
 import invariant from 'tiny-invariant';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
+import { useCreateMemberVerificationMutation } from '../../../client/hooks/useCreateMemberVerificationMutation.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useSignOutMutation } from '../../../client/hooks/useSignOutMutation.js';
 import { useUpdateAccountMutation } from '../../../client/hooks/useUpdateAccountMutation.js';
@@ -21,25 +22,15 @@ import { getQueryClient } from '../../../utils/getQueryClient.js';
 import { getSessionQueryKey } from '../../../utils/queryKeys.js';
 import DateOfBirthField from '../../DateOfBirthField.js';
 import { useKYCNonPagcorContext } from './KYCNonPagcorContext.js';
-const firstNameBaseSchema = z
+const fullNameSchema = z
     .string()
-    .regex(/^[a-z ]+$/gi, 'First name must contain only letters')
+    .regex(/^[a-z ]+$/gi, 'Full name must contain only letters')
     .transform((val) => val.trim())
     .refine((val) => val.length >= 2, {
     message: 'First name must be 2 or more characters',
 })
     .refine((val) => val.length <= 50, {
-    message: 'First name must not be more than 50 characters',
-});
-const lastNameBaseSchema = z
-    .string()
-    .regex(/^[a-z ]+$/gi, 'Last name must contain only letters')
-    .transform((val) => val.trim())
-    .refine((val) => val.length >= 2, {
-    message: 'Last name must be 2 or more characters',
-})
-    .refine((val) => val.length <= 50, {
-    message: 'Last name must not be more than 50 characters',
+    message: 'Full name must not be more than 50 characters',
 });
 const birthdateBaseSchema = z
     .date({
@@ -56,9 +47,13 @@ const birthdateBaseSchema = z
         });
     }
 });
+const emailAddressSchema = z.string().email('Invalid email address');
 const definition = z.object({
-    firstName: firstNameBaseSchema,
-    lastName: lastNameBaseSchema,
+    fullName: fullNameSchema,
+    emailAddress: emailAddressSchema,
+    nationality: z
+        .string()
+        .min(2, 'Nationality must be at least 2 characters long'),
     birthday: birthdateBaseSchema,
 });
 export function PersonalInformation() {
@@ -75,6 +70,18 @@ export function PersonalInformation() {
             });
         },
     });
+    const createMemberVerificationMutation = useCreateMemberVerificationMutation({
+        onError(error) {
+            toaster.error({
+                description: error.message,
+            });
+        },
+        onSuccess() {
+            toaster.success({
+                description: 'Member verification created successfully',
+            });
+        },
+    });
     const signOutMutation = useSignOutMutation({
         async onSuccess() {
             const keep = new Set([BIOMETRIC_STORAGE_KEY]);
@@ -94,20 +101,30 @@ export function PersonalInformation() {
     const form = useForm({
         resolver: zodResolver(definition),
         defaultValues: {
-            firstName: '',
-            lastName: '',
+            fullName: '',
+            nationality: '',
+            emailAddress: '',
             birthday: undefined,
         },
         mode: 'all',
     });
     async function onSubmit(values) {
         await updateAccountMutation.mutateAsync({
-            realName: `${values.firstName} ${values.lastName}`,
+            realName: values.fullName,
+            emailAddress: values.emailAddress,
             birthDay: format(values.birthday, 'yyyy-MM-dd'),
         });
+        await createMemberVerificationMutation.mutateAsync({
+            nationality: values.nationality,
+            address: '',
+            natureOfWork: '',
+            permanentAddress: '',
+            placeOfBirth: '',
+            sourceOfIncome: '',
+        });
     }
     const birthDay = form.watch('birthday');
-    return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center font-semibold text-lg", children: "Personal Information" }), _jsx(Dialog.Description, { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Provide your basic details and work info." }), _jsxs("form", { className: "mt-7", onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.firstName, children: [_jsx(Field.Label, { children: "First Name" }), _jsx(Field.Input, { placeholder: "Enter your first name", ...form.register('firstName') }), _jsx(Field.ErrorText, { children: form.formState.errors.firstName?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.lastName, children: [_jsx(Field.Label, { children: "Last Name" }), _jsx(Field.Input, { placeholder: "Enter your last name", ...form.register('lastName') }), _jsx(Field.ErrorText, { children: form.formState.errors.lastName?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.birthday, className: "mt-xl", children: [_jsx(DateOfBirthField, { value: birthDay, onChange: (value) => {
+    return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center font-semibold text-lg", children: "Personal Information" }), _jsx(Dialog.Description, { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Provide your basic details and work info." }), _jsxs("form", { className: "mt-7", onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.fullName, children: [_jsx(Field.Label, { children: "Full Name" }), _jsx(Field.Input, { placeholder: "Enter your full name", ...form.register('fullName') }), _jsx(Field.ErrorText, { children: form.formState.errors.fullName?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.emailAddress, children: [_jsx(Field.Label, { children: "Email Address" }), _jsx(Field.Input, { placeholder: "Enter your email address", ...form.register('emailAddress') }), _jsx(Field.ErrorText, { children: form.formState.errors.emailAddress?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.nationality, children: [_jsx(Field.Label, { children: "Nationality" }), _jsx(Field.Input, { placeholder: "Enter your nationality", ...form.register('nationality') }), _jsx(Field.ErrorText, { children: form.formState.errors.nationality?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.birthday, className: "mt-xl", children: [_jsx(DateOfBirthField, { value: birthDay, onChange: (value) => {
                                     if (!value)
                                         return;
                                     form.setValue('birthday', value, {

package/dist/services/queries.d.ts

@@ -48,7 +48,7 @@ export declare const CREATE_AIO_QRPH_DEPOSIT = "\n  mutation CreateAIOQRPHDeposi
 export declare const CREATE_AIO_ONLINE_BANK_DEPOSIT = "\n  mutation CreateAIOOnlineBankDeposit(\n    $input: CreateAIOOnlineBankDepositInput!\n  ) {\n    createAIOOnlineBankDeposit(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_MANUAL_BANK_DEPOSIT = "\n  mutation CreateManualBankDeposit($input: CreateManualBankDepositInput!) {\n    createManualBankDeposit(input: $input) {\n      ... on WalletDoesNotExistError {\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 PromoNotEnabledError {\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 MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on FileDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on FileNotReadyError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MANUAL_UPI_DEPOSIT = "\n  mutation CreateManualUPIDeposit($input: CreateManualUPIDepositInput!) {\n    createManualUPIDeposit(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 UPIReferenceNotAvailableError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
-export declare const DEPOSIT = "\n  query Deposit($id: ObjectId!) {\n    node(id: $id) {\n      ... on GCashDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on MayaDeposit {\n        id\n        type\n        status\n        checkoutUrl\n      }\n      ... on MayaAppDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on BankDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on ManualDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on QRPHDeposit {\n        id\n        type\n        status\n        qrCode\n        error\n      }\n      ... on OnlineBankDeposit {\n        id\n        type\n        status\n        vca\n        error\n      }\n      ... on GCashWebpayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on LibanganPayInDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on PisoPayCheckoutDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on AiOGCashDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }        \n      ... on AiOGrabPayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }        \n      ... on AiOPalawanPayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }        \n      ... on AiOPayMayaDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on MayaWebpayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      # comment for now since it's not yet in production could cause bad requests\n      \n      # ... on AurixPayQRPHDeposit {\n      #   id\n      #   type\n      #   status\n      #   qrCode\n      #   error\n      # }\n      # ... on AurixPayGCashDeposit {\n      #   id\n      #   type\n      #   status\n      #   checkoutUrl\n      #   error\n      # }\n      # ... on AurixPayPayMayaDeposit {\n      #   id\n      #   type\n      #   status\n      #   checkoutUrl\n      #   error\n      # }\n      # ... on AurixPayGrabPayDeposit {\n      #   id\n      #   type\n      #   status\n      #   checkoutUrl\n      #   error\n      # }\n    }\n  }\n";
+export declare const DEPOSIT: string;
 export declare const DEPOSITS_COUNT = "\n  query DepositsCount {\n    member {\n      depositsCount\n    }\n  }\n";
 export declare const TOUCH_GCASH_DEPOSIT = "\n  mutation TouchGCashDeposit($input: TouchGCashDepositInput!) {\n    touchGCashDeposit(input: $input)\n  }\n";
 export declare const TOUCH_QRPH_DEPOSIT = "\n  mutation TouchQRPHDeposit($input: TouchQRPHDepositInput!) {\n    touchQRPHDeposit(input: $input)\n  }\n";

package/dist/services/queries.js

@@ -1698,36 +1698,39 @@ export const DEPOSIT = /* GraphQL */ `
         checkoutUrl
         error
       }
-      # comment for now since it's not yet in production could cause bad requests
-      
-      # ... on AurixPayQRPHDeposit {
-      #   id
-      #   type
-      #   status
-      #   qrCode
-      #   error
-      # }
-      # ... on AurixPayGCashDeposit {
-      #   id
-      #   type
-      #   status
-      #   checkoutUrl
-      #   error
-      # }
-      # ... on AurixPayPayMayaDeposit {
-      #   id
-      #   type
-      #   status
-      #   checkoutUrl
-      #   error
-      # }
-      # ... on AurixPayGrabPayDeposit {
-      #   id
-      #   type
-      #   status
-      #   checkoutUrl
-      #   error
-      # }
+      ${process.env.NEXT_PUBLIC_ENVIRONMENT === 'development' ||
+    process.env.NEXT_PUBLIC_ENVIRONMENT === 'staging'
+    ? `
+      ... on AurixPayQRPHDeposit {
+        id
+        type
+        status
+        qrCode
+        error
+      }
+      ... on AurixPayGCashDeposit {
+        id
+        type
+        status
+        checkoutUrl
+        error
+      }
+      ... on AurixPayPayMayaDeposit {
+        id
+        type
+        status
+        checkoutUrl
+        error
+      }
+      ... on AurixPayGrabPayDeposit {
+        id
+        type
+        status
+        checkoutUrl
+        error
+      }
+      `
+    : ''}
     }
   }
 `;

package/dist/utils/sanitizeGamesSearch.js

@@ -3,7 +3,7 @@ export function sanitizeGamesSearch(search) {
         return search || '';
     }
     // Strip disallowed punctuation before sending to backend search
-    const cleaned = search.replace(/[!@#$%^&*()?><}{\][|\\/`:;"',=+\-_]/g, '');
+    const cleaned = search.replace(/[!@#$%^&*()?><}{\][|\\/`:;",=+\-_]/g, '');
     const normalized = cleaned.trim().replace(/\s+/g, ' ');
     return normalized.length > 0 ? normalized : '';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@opexa/portal-components",
-	"version": "0.0.895",
+	"version": "0.0.897",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",