@opexa/portal-components 0.0.966 → 0.0.967

package/dist/__tests__/utils/mocks.d.ts

@@ -165,7 +165,7 @@ export declare function createMockSignOutMutation(): {
  */
 export declare function createMockMemberVerificationQuery(status?: 'VERIFIED' | 'PENDING' | 'REJECTED' | 'MISSING' | 'APPROVED', isLoading?: boolean): {
     data: {
-        status: "VERIFIED" | "PENDING" | "REJECTED" | "MISSING" | "APPROVED";
+        status: "PENDING" | "APPROVED" | "REJECTED" | "VERIFIED" | "MISSING";
     };
     isLoading: boolean;
     isError: boolean;

package/dist/client/hooks/useCamera.js

@@ -1,7 +1,6 @@
 import { CameraDirection } from '@capacitor/camera';
 import { isBoolean } from 'lodash-es';
 import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
-import invariant from 'tiny-invariant';
 import { useMediaQuery } from 'usehooks-ts';
 export function useCamera(options = {}) {
     const videoRef = useRef(null);
@@ -102,7 +101,7 @@ export function useCamera(options = {}) {
             const file = new File([blob], 'photo.jpg', { type: blob.type });
             return file;
         }
-        catch (e) {
+        catch (_e) {
             setError({
                 name: 'CameraError',
                 message: 'Failed to open native camera. Check your device settings and try again.',
@@ -123,75 +122,36 @@ export function useCamera(options = {}) {
         });
     }, []);
     const snap = useCallback(async () => {
-        setData(null);
-        setError(null);
-        setSnapping(true);
         const video = videoRef.current;
+        if (!video || video.readyState < 2)
+            return null;
         const canvas = document.createElement('canvas');
-        const context = canvas.getContext('2d');
-        invariant(video, 'Could not find video element');
-        invariant(context, 'Could not get canvas context');
-        video.currentTime = 1;
+        const context = canvas.getContext('2d', { willReadFrequently: true });
+        if (!context)
+            return null;
         canvas.width = video.videoWidth;
         canvas.height = video.videoHeight;
-        context.imageSmoothingEnabled = true;
-        context.imageSmoothingQuality = 'high';
-        context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
+        context.drawImage(video, 0, 0, canvas.width, canvas.height);
         return new Promise((resolve) => {
-            canvas.toBlob(async (blob) => {
+            canvas.toBlob((blob) => {
                 if (!blob) {
-                    setSnapping(false);
                     resolve(null);
-                    return setError({
-                        name: 'CameraError',
-                        message: "'canvas.toBlob' failed to create blob",
-                    });
+                    return;
                 }
-                const url = canvas.toDataURL('image/jpeg', 1);
+                const url = URL.createObjectURL(blob);
                 const file = new File([blob], `${crypto.randomUUID()}.jpeg`, {
                     type: 'image/jpeg',
-                    endings: 'native',
-                    lastModified: Date.now(),
                 });
                 const image = new Image();
                 image.src = url;
-                image.alt = '';
                 image.width = canvas.width;
                 image.height = canvas.height;
-                if (!image.complete || image.naturalWidth === 0) {
-                    await new Promise((resolve, reject) => {
-                        image.onload = () => resolve();
-                        image.onerror = () => reject();
-                    });
-                }
-                const data = {
-                    url,
-                    file,
-                    image,
-                };
-                if (!options.transform) {
-                    setData(data);
-                    setSnapping(false);
-                    resolve(data);
-                    return;
-                }
-                const transformResult = await options.transform({
-                    ...data,
-                    video,
-                    canvas,
-                });
-                if (transformResult.ok) {
-                    setData(transformResult.data);
-                    resolve(transformResult.data);
-                }
-                else {
-                    setError(transformResult.error);
-                    resolve(null);
-                }
-                setSnapping(false);
-            }, 'image/jpeg', 1);
+                const data = { url, file, image };
+                setData(data);
+                resolve(data);
+            }, 'image/jpeg', 0.9);
         });
-    }, [options]);
+    }, []);
     const reset = useCallback(() => {
         setData(null);
         setError(null);

package/dist/components/AccountInfo/AccountInfo.js

@@ -205,7 +205,7 @@ function ContactInfo({ variant }) {
             });
         }
     }, [account, form, parse]);
-    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "grow font-semibold text-sm text-text-secondary-700", children: "Contact Info" }), profileCompletion?.personalInformation ? (_jsx(ark.svg, { asChild: true, className: "size-6 text-text-success-primary", children: _jsx(CheckVerified02Icon, {}) })) : (_jsxs("div", { className: "flex items-center gap-1 rounded-sm border border-[#93370d] bg-[#4e1d09] px-sm py-xs", children: [_jsx(AlertCircleIcon, { className: "h-5 w-5 text-[#FEC84B]" }), _jsx("span", { className: "m-0 text-[#FEC84B] text-xs", children: "Not Set" })] }))] }), _jsx(AlertWarning, { title: "Please add an email address to your account to receive important notifications.", className: "my-3" }), _jsxs("form", { className: "rounded-xl border border-border-secondary bg-bg-primary-alt shadow-xs", onSubmit: form.handleSubmit((data) => {
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "grow font-semibold text-sm text-text-secondary-700", children: "Contact Info" }), profileCompletion?.personalInformation ? (_jsx(ark.svg, { asChild: true, className: "size-6 text-text-success-primary", children: _jsx(CheckVerified02Icon, {}) })) : (_jsxs("div", { className: "flex items-center gap-1 rounded-sm border border-[#93370d] bg-[#4e1d09] px-sm py-xs", children: [_jsx(AlertCircleIcon, { className: "h-5 w-5 text-[#FEC84B]" }), _jsx("span", { className: "m-0 text-[#FEC84B] text-xs", children: "Not Set" })] }))] }), !profileCompletion?.personalInformation && (_jsx(AlertWarning, { title: "Please add an email address to your account to receive important notifications.", className: "my-3" })), _jsxs("form", { className: "rounded-xl border border-border-secondary bg-bg-primary-alt shadow-xs", onSubmit: form.handleSubmit((data) => {
                     updateAccountMutation.mutate({
                         emailAddress: data.emailAddress && account?.emailAddress !== data.emailAddress
                             ? data.emailAddress

package/dist/components/AccountSecurity/AccountSecurity.js

@@ -160,7 +160,7 @@ function TransactionPassword() {
             confirmPassword: '',
         },
     });
-    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Transaction password" }), _jsx("p", { className: "text-sm text-text-tertiary-600", children: "The transaction password secures and confirms your wallet withdrawals." })] }), profileCompletion?.personalInformation ? (_jsx(ark.svg, { asChild: true, className: "size-6 text-text-success-primary", children: _jsx(CheckVerified02Icon, {}) })) : (_jsxs("div", { className: "flex items-center gap-1 rounded-sm border border-[#93370d] bg-[#4e1d09] px-sm py-xs", children: [_jsx(AlertCircleIcon, { className: "h-5 w-5 text-[#FEC84B]" }), _jsx("span", { className: "m-0 text-nowrap text-[#FEC84B] text-xs", children: "Not Set" })] }))] }), _jsx(AlertWarning, { title: "Please set your transaction password. This is required when making withdrawals and helps secure your account.", className: "my-3" }), _jsxs("form", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt shadow-xs", onSubmit: form.handleSubmit((data) => {
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Transaction password" }), _jsx("p", { className: "text-sm text-text-tertiary-600", children: "The transaction password secures and confirms your wallet withdrawals." })] }), profileCompletion?.transactionPassword ? (_jsx(ark.svg, { asChild: true, className: "size-6 text-text-success-primary", children: _jsx(CheckVerified02Icon, {}) })) : (_jsxs("div", { className: "flex items-center gap-1 rounded-sm border border-[#93370d] bg-[#4e1d09] px-sm py-xs", children: [_jsx(AlertCircleIcon, { className: "h-5 w-5 text-[#FEC84B]" }), _jsx("span", { className: "m-0 text-nowrap text-[#FEC84B] text-xs", children: "Not Set" })] }))] }), !profileCompletion?.transactionPassword && (_jsx(AlertWarning, { title: "Please set your transaction password. This is required when making withdrawals and helps secure your account.", className: "my-3" })), _jsxs("form", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt shadow-xs", onSubmit: form.handleSubmit((data) => {
                     updateAccountMutation.mutate({
                         transactionPassword: data.password,
                     });

package/dist/components/Banner/Banner.js

@@ -44,9 +44,9 @@ export function Banner(props) {
             ? props.imageHeight
             : [props.imageHeight, props.imageHeight];
     return (_jsxs("div", { className: twMerge('relative', props.className), children: [_jsx("div", { ref: emblaRef, className: "overflow-hidden", children: _jsx("div", { className: "flex gap-2", children: props.banners.map((banner, index) => {
-                        const img = (_jsx(Image, { src: banner.src, alt: "", width: isMobile() ? imageWidth[0] : imageWidth[1], height: isMobile() ? imageHeight[0] : imageHeight[1], className: "block h-auto w-full", priority: index === 0, fetchPriority: index === 0 ? 'high' : 'low', loading: index === 0 ? 'eager' : 'lazy' }));
-                        return (_jsx(Fragment, { children: !banner.redirectUrl ? (_jsx("div", { className: "w-full shrink-0", children: img })) : (_jsx(Link, { href: banner.redirectUrl, className: "block w-full shrink-0", "aria-label": `Open ${banner.redirectUrl}`, children: img })) }, index));
+                        const img = (_jsx(Image, { src: banner.src, alt: "", width: isMobile() ? imageWidth[0] : imageWidth[1], height: isMobile() ? imageHeight[0] : imageHeight[1], className: "block h-auto w-full", priority: index === 0, fetchPriority: index === 0 ? 'high' : 'low', loading: index === 0 ? 'eager' : 'lazy', "data-testid": `banner-image-${index}` }));
+                        return (_jsx(Fragment, { children: !banner.redirectUrl ? (_jsx("div", { className: "w-full shrink-0", children: img })) : (_jsx(Link, { href: banner.redirectUrl, className: "block w-full shrink-0", "aria-label": `Open ${banner.redirectUrl}`, "data-testid": `banner-link-${index}`, children: img })) }, index));
                     }) }) }), _jsx("div", { className: "-translate-x-1/2 absolute bottom-lg left-1/2 flex w-fit gap-2", children: props.banners.map((_, index) => (_jsx("button", { type: "button", className: "size-3 ui-active:w-9 shrink-0 rounded-full border border-white bg-gray-300 ui-active:bg-brand-500 transition-all duration-300", onClick: () => {
                         emblaApi?.scrollTo(index);
-                    }, "aria-label": `Go to slide ${index + 1}`, "data-active": dataAttr(index === currentIndex) }, index))) })] }));
+                    }, "aria-label": `Go to slide ${index + 1}`, "data-active": dataAttr(index === currentIndex), "data-testid": `banner-dot-${index}` }, index))) })] }));
 }

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

@@ -121,7 +121,7 @@ export function AiOGCashDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -114,7 +114,7 @@ export function AiOGrabPayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -119,7 +119,7 @@ export function AiOPayMayaDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -123,7 +123,7 @@ export function AurixPayGCashDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),
@@ -208,7 +208,7 @@ export function AurixPayGCashDeposit() {
                                 value = value.replace(/(?!^)\D/g, '');
                                 if (value.startsWith('+')) {
                                     // keep leading +
-                                    value = '+' + value.slice(1).replace(/\D/g, '');
+                                    value = `+${value.slice(1).replace(/\D/g, '')}`;
                                 }
                                 else {
                                     // remove all non-digits

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

@@ -125,7 +125,7 @@ export function AurixPayGrabPayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),
@@ -210,7 +210,7 @@ export function AurixPayGrabPayDeposit() {
                                 value = value.replace(/(?!^)\D/g, '');
                                 if (value.startsWith('+')) {
                                     // keep leading +
-                                    value = '+' + value.slice(1).replace(/\D/g, '');
+                                    value = `+${value.slice(1).replace(/\D/g, '')}`;
                                 }
                                 else {
                                     // remove all non-digits

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

@@ -123,7 +123,7 @@ export function AurixPayPayMayaDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),
@@ -208,7 +208,7 @@ export function AurixPayPayMayaDeposit() {
                                 value = value.replace(/(?!^)\D/g, '');
                                 if (value.startsWith('+')) {
                                     // keep leading +
-                                    value = '+' + value.slice(1).replace(/\D/g, '');
+                                    value = `+${value.slice(1).replace(/\D/g, '')}`;
                                 }
                                 else {
                                     // remove all non-digits

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

@@ -64,7 +64,7 @@ export function Form() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -7,6 +7,7 @@ import { usePaymentSettingsQuery } from '../../../client/hooks/usePaymentSetting
 import { AlertCircleIcon } from '../../../icons/AlertCircleIcon.js';
 import { SpinnerIcon } from '../../../icons/SpinnerIcon.js';
 import { onMobileDevice } from '../../../utils/onMobileDevice.js';
+import { useDepositWithdrawalPropsContext } from '../DepositWithdrawalContext.js';
 import { PaymentMethods } from '../PaymentMethods.js';
 import { Voucher } from './Voucher/Voucher.js';
 const QRPHDeposit = lazy(() => import('./QRPHDeposit/QRPHDeposit.js').then((m) => ({ default: m.QRPHDeposit })));
@@ -49,6 +50,7 @@ export function Deposit() {
     const paymentSettingsQuery = usePaymentSettingsQuery();
     const paymentSettings = paymentSettingsQuery.data;
     const featureFlag = useFeatureFlag();
+    const { isOfWinSite } = useDepositWithdrawalPropsContext();
     const aurixComponents = useMemo(() => {
         return {
             gcash: lazy(() => import('./AurixPayGCashDeposit/AurixPayGCashDeposit.js').then((m) => ({
@@ -76,23 +78,31 @@ export function Deposit() {
         const paymentMethods = [
             {
                 method: 'GCASH',
-                enabled: paymentSettings?.gcashDepositGatewaySettings?.[enabledKey] &&
-                    featureFlag.enabled,
+                enabled: isOfWinSite
+                    ? paymentSettings?.gcashDepositGatewaySettings?.[enabledKey] &&
+                        featureFlag.enabled
+                    : paymentSettings?.gcashDepositGatewaySettings?.[enabledKey],
             },
             {
                 method: 'MAYA',
-                enabled: paymentSettings?.mayaDepositGatewaySettings?.[enabledKey] &&
-                    featureFlag.enabled,
+                enabled: isOfWinSite
+                    ? paymentSettings?.mayaDepositGatewaySettings?.[enabledKey] &&
+                        featureFlag.enabled
+                    : paymentSettings?.mayaDepositGatewaySettings?.[enabledKey],
             },
             {
                 method: 'QRPH',
-                enabled: paymentSettings?.qrphDepositGatewaySettings?.[enabledKey] &&
-                    featureFlag.enabled,
+                enabled: isOfWinSite
+                    ? paymentSettings?.qrphDepositGatewaySettings?.[enabledKey] &&
+                        featureFlag.enabled
+                    : paymentSettings?.qrphDepositGatewaySettings?.[enabledKey],
             },
             {
                 method: 'ONLINE_BANK',
-                enabled: paymentSettings?.onlineBankDepositGatewaySettings?.[enabledKey] &&
-                    featureFlag.enabled,
+                enabled: isOfWinSite
+                    ? paymentSettings?.onlineBankDepositGatewaySettings?.[enabledKey] &&
+                        featureFlag.enabled
+                    : paymentSettings?.onlineBankDepositGatewaySettings?.[enabledKey],
             },
             {
                 method: 'LIBANGAN_PAY_IN',
@@ -116,7 +126,8 @@ export function Deposit() {
             },
             {
                 method: 'AIO_PALAWAN_PAY',
-                enabled: paymentSettings?.aioPalawanPayDepositGatewaySettings?.[enabledKey],
+                enabled: paymentSettings?.aioPalawanPayDepositGatewaySettings?.[enabledKey] &&
+                    featureFlag.enabled,
             },
             {
                 method: 'GCASH_WEBPAY',
@@ -149,7 +160,7 @@ export function Deposit() {
             {
                 method: 'VOUCHER',
                 enabled: featureFlag.enabled,
-            }
+            },
         ];
         paymentMethods.forEach((o) => {
             if (o.enabled) {
@@ -157,7 +168,7 @@ export function Deposit() {
             }
         });
         return l;
-    }, [featureFlag.enabled, onMaya, paymentSettings]);
+    }, [featureFlag.enabled, onMaya, paymentSettings, isOfWinSite]);
     const [paymentMethod, setPaymentMethod] = useState();
     useEffect(() => {
         if (enabledPaymentMethods.length > 0 && !paymentMethod) {

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

@@ -115,7 +115,7 @@ export function GCashDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -110,7 +110,7 @@ export function GCashWebpayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -110,7 +110,7 @@ export function LibanganDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -81,7 +81,7 @@ export function MayaAppDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -115,7 +115,7 @@ export function MayaDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -110,7 +110,7 @@ export function MayaWebpayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts

@@ -1,7 +1,7 @@
 export declare const OnlineBankDepositContext: (props: {
     value: {
         view: "form" | "vca";
-        status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+        status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
         deposit: import("../../../../types").Deposit | null;
@@ -14,7 +14,7 @@ export declare const OnlineBankDepositContext: (props: {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useOnlineBankDepositContext: () => {
     view: "form" | "vca";
-    status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+    status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;
     deposit: import("../../../../types").Deposit | null;

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

@@ -56,7 +56,7 @@ export function OnlineBankDepositForm() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.d.ts

@@ -2,7 +2,7 @@ import type { Deposit } from '../../../../types';
 export type UseOnlineBankDepositReturn = ReturnType<typeof useOnlineBankDeposit>;
 export declare function useOnlineBankDeposit(): {
     view: "form" | "vca";
-    status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+    status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;
     deposit: Deposit | null;

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

@@ -120,7 +120,7 @@ export function PisoPayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -64,7 +64,7 @@ export function Form() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -11,6 +11,7 @@ export interface DepositWithdrawalProps {
     libanganRedirectionUrl?: string;
     hasPrivacyPolicyAndTermsOfUse?: boolean;
     bypassDomains?: BypassDomainConfig[];
+    isOfWinSite?: boolean;
     /**
      * List of enabled withdrawal providers
      * @example ['GCASH', 'MAYA_APP', 'VENTAJA_DISBURSEMENT']

package/dist/components/DepositWithdrawal/DepositWithdrawal.lazy.js

@@ -21,10 +21,11 @@ import { HasPendingBonuses } from './HasPendingBonuses.js';
 import { Withdrawal } from './Withdrawal/Withdrawal.js';
 export function DepositWithdrawal(props) {
     const bypassDepositKycCheck = useBypassKycChecker(props.bypassDomains) || props.bypassDepositKycCheck;
-    const { hasPrivacyPolicyAndTermsOfUse = true, ...restProps } = props;
+    const { hasPrivacyPolicyAndTermsOfUse = true, isOfWinSite = false, ...restProps } = props;
     const mergedProps = {
         ...restProps,
         hasPrivacyPolicyAndTermsOfUse,
+        isOfWinSite,
         bypassDepositKycCheck,
     };
     const globalStore = useGlobalStore(useShallow((ctx) => ({

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

@@ -77,7 +77,7 @@ export function GCashStandardCashInWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),
@@ -126,7 +126,7 @@ export function GCashStandardCashInWithdrawal() {
                         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" }), _jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Withdrawal 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) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }

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

@@ -77,7 +77,7 @@ export function GCashWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),
@@ -126,7 +126,7 @@ export function GCashWithdrawal() {
                         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" }), _jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Withdrawal 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) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }

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

@@ -79,7 +79,7 @@ export function InstapayGCashWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),
@@ -121,7 +121,7 @@ export function InstapayGCashWithdrawal() {
             transactionPassword: data.password,
             accountNumber: data.accountNumber,
             accountName: data.accountName,
-            bankCode: "BNKGCH",
+            bankCode: 'BNKGCH',
         });
     });
     return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", id: "hook-form", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, children: [_jsx(Field.Label, { children: "Phone Number" }), _jsx(Field.Input, { ...form.register('accountNumber') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.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.amount, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Enter amount you want to withdraw" }), _jsx(Field.Input, { type: "number", ...form.register('amount') }), _jsx(Field.ErrorText, { children: form.formState.errors.amount?.message })] }), _jsx(AmountChoices, { value: parseDecimal(form.watch('amount').trim().replace(/,/g, ''), 0), onChange: (value) => {
@@ -130,7 +130,7 @@ export function InstapayGCashWithdrawal() {
                         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" }), _jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Withdrawal 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) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }

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

@@ -79,7 +79,7 @@ export function InstapayPaymayaWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),
@@ -121,7 +121,7 @@ export function InstapayPaymayaWithdrawal() {
             transactionPassword: data.password,
             accountNumber: data.accountNumber,
             accountName: data.accountName,
-            bankCode: "BNKMYA",
+            bankCode: 'BNKMYA',
         });
     });
     return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", id: "hook-form", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, children: [_jsx(Field.Label, { children: "Phone Number" }), _jsx(Field.Input, { ...form.register('accountNumber') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.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.amount, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Enter amount you want to withdraw" }), _jsx(Field.Input, { type: "number", ...form.register('amount') }), _jsx(Field.ErrorText, { children: form.formState.errors.amount?.message })] }), _jsx(AmountChoices, { value: parseDecimal(form.watch('amount').trim().replace(/,/g, ''), 0), onChange: (value) => {
@@ -130,7 +130,7 @@ export function InstapayPaymayaWithdrawal() {
                         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" }), _jsxs(Field.Root, { className: "mt-3xl", invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Withdrawal 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) => {
                     if (!details.open) {
                         setStatus('waiting');
                     }