@opexa/portal-components 0.0.695 → 0.0.697

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

@@ -7,7 +7,6 @@ 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 { AiOPaymentMethods } from '../AiOPaymentMethods.js';
 import { PaymentMethods } from '../PaymentMethods.js';
 import { AiOGCashDeposit } from './AiOGCashDeposit/AiOGCashDeposit.js';
 import { AiOGrabPayDeposit } from './AiOGrabPayDeposit/AiOGrabPayDeposit.js';
@@ -25,15 +24,6 @@ export function Deposit() {
     const paymentSettingsQuery = usePaymentSettingsQuery();
     const paymentSettings = paymentSettingsQuery.data;
     const featureFlag = useFeatureFlag();
-    const aioDepositMethodEnabled = (() => {
-        const isMobile = onMobileDevice();
-        const enabledKey = isMobile ? 'mobileWebEnabled' : 'webEnabled';
-        return (paymentSettings?.aioGCashDepositGatewaySettings?.[enabledKey] ||
-            paymentSettings?.aioPayMayaDepositGatewaySettings?.[enabledKey] ||
-            paymentSettings?.aioGrabPayDepositGatewaySettings?.[enabledKey] ||
-            paymentSettings?.aioPalawanPayDepositGatewaySettings?.[enabledKey] ||
-            false);
-    })();
     const enabledPaymentMethods = (() => {
         const l = [];
         if (onMaya) {
@@ -69,45 +59,24 @@ export function Deposit() {
                 method: 'PISO_PAY',
                 condition: () => paymentSettings?.pisoPayDepositGatewaySettings?.[enabledKey] || false,
             },
-            {
-                method: 'AIO_EWALLET',
-                condition: () => featureFlag.enabled && aioDepositMethodEnabled,
-            },
-        ];
-        paymentMethods.forEach(({ method, condition }) => {
-            if (condition()) {
-                l.push(method);
-            }
-        });
-        return l;
-    })();
-    const enabledAiOeWalletPaymentMethods = (() => {
-        const l = [];
-        const isMobile = onMobileDevice();
-        const enabledKey = isMobile ? 'mobileWebEnabled' : 'webEnabled';
-        const m = [
             {
                 method: 'AIO_GCASH',
-                condition: () => paymentSettings?.aioGCashDepositGatewaySettings?.[enabledKey] ||
-                    false,
+                condition: () => (paymentSettings?.aioGCashDepositGatewaySettings?.[enabledKey] && featureFlag.enabled) || false,
             },
             {
                 method: 'AIO_PAY_MAYA',
-                condition: () => paymentSettings?.aioPayMayaDepositGatewaySettings?.[enabledKey] ||
-                    false,
+                condition: () => (paymentSettings?.aioPayMayaDepositGatewaySettings?.[enabledKey] && featureFlag.enabled) || false,
             },
             {
                 method: 'AIO_GRAB_PAY',
-                condition: () => paymentSettings?.aioGrabPayDepositGatewaySettings?.[enabledKey] ||
-                    false,
+                condition: () => (paymentSettings?.aioGrabPayDepositGatewaySettings?.[enabledKey] && featureFlag.enabled) || false,
             },
             {
                 method: 'AIO_PALAWAN_PAY',
-                condition: () => paymentSettings?.aioPalawanPayDepositGatewaySettings?.[enabledKey] ||
-                    false,
+                condition: () => (paymentSettings?.aioPalawanPayDepositGatewaySettings?.[enabledKey] && featureFlag.enabled) || false,
             },
         ];
-        m.forEach(({ method, condition }) => {
+        paymentMethods.forEach(({ method, condition }) => {
             if (condition()) {
                 l.push(method);
             }
@@ -115,7 +84,6 @@ export function Deposit() {
         return l;
     })();
     const [paymentMethod, setPaymentMethod] = useState();
-    const [paymentMethodAiOeWallet, setPaymentMethodAiOeWallet] = useState('AIO_GCASH');
     useEffect(() => {
         if (enabledPaymentMethods.length > 0 && !paymentMethod) {
             setPaymentMethod(enabledPaymentMethods[0]);
@@ -129,15 +97,10 @@ export function Deposit() {
     if (!isMayaSessionValid) {
         return _jsx(MayaSessionSessionExpired, {});
     }
-    if (enabledPaymentMethods.length <= 0 &&
-        enabledAiOeWalletPaymentMethods.length <= 0) {
+    if (enabledPaymentMethods.length <= 0) {
         return _jsx(NoAvailablePaymentMethods, {});
     }
-    return (_jsxs(_Fragment, { children: [_jsx(PaymentMethods, { value: paymentMethod, onChange: setPaymentMethod, options: enabledPaymentMethods }), 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_EWALLET' && (_jsxs(_Fragment, { children: [_jsx(AiOPaymentMethods, { value: paymentMethodAiOeWallet, onChange: setPaymentMethodAiOeWallet, options: enabledAiOeWalletPaymentMethods, label: "AIO eWallet payment methods", defaultValue: "AIO_GCASH" }), paymentMethodAiOeWallet === 'AIO_GCASH' &&
-                        paymentMethod === 'AIO_EWALLET' && _jsx(AiOGCashDeposit, {}), paymentMethodAiOeWallet === 'AIO_PAY_MAYA' &&
-                        paymentMethod === 'AIO_EWALLET' && _jsx(AiOPayMayaDeposit, {}), paymentMethodAiOeWallet === 'AIO_GRAB_PAY' &&
-                        paymentMethod === 'AIO_EWALLET' && _jsx(AiOGrabPayDeposit, {}), paymentMethodAiOeWallet === 'AIO_PALAWAN_PAY' &&
-                        paymentMethod === 'AIO_EWALLET' && _jsx(AiOPalawanPayDeposit, {})] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(PaymentMethods, { value: paymentMethod, onChange: setPaymentMethod, options: enabledPaymentMethods }), 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, {})] }));
 }
 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/PaymentMethods.js

@@ -10,7 +10,8 @@ import maya from '../../images/maya.png';
 import onlineBank from '../../images/online-bank.png';
 import pisoPay from '../../images/piso-pay.png';
 import qrph from '../../images/QRPH.png';
-import wallet from '../../images/wallet.png';
+import palawanPay from '../../images/palawanpay.png';
+import grabPay from '../../images/grabpay.png';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Field } from '../../ui/Field/index.js';
 import { PaymentMethodDefinition } from './utils.js';
@@ -61,9 +62,24 @@ const OPTIONS = [
         image: pisoPay,
     },
     {
-        value: 'AIO_EWALLET',
-        label: 'AIO eWallet',
-        image: wallet,
+        value: 'AIO_GCASH',
+        label: 'GCash',
+        image: gcash,
+    },
+    {
+        value: 'AIO_PAY_MAYA',
+        label: 'Maya',
+        image: maya,
+    },
+    {
+        value: 'AIO_GRAB_PAY',
+        label: 'GrabPay',
+        image: grabPay,
+    },
+    {
+        value: 'AIO_PALAWAN_PAY',
+        label: 'Palawan Pay',
+        image: palawanPay,
     },
 ];
 export function PaymentMethods(props) {
@@ -80,9 +96,10 @@ export function PaymentMethods(props) {
                     if (!lastValue)
                         return;
                     setValue(PaymentMethodDefinition.parse(lastValue));
-                }, className: "grid grid-cols-2 gap-x-4 gap-y-3", children: options.map((option) => (_jsxs(Checkbox.Root, { value: option.value, className: "flex cursor-pointer items-center justify-between rounded-xl border border-border-secondary ui-checked:border-border-brand-solid p-lg", children: [_jsxs("div", { className: twMerge('rounded-xs bg-white px-sm py-[0.688rem]', option.value === 'GCASH' && 'bg-[#017EFF]', option.value === 'AIO_EWALLET' &&
-                                'flex items-center space-x-sm bg-bg-secondary'), children: [_jsx(Image, { src: option.image, alt: "", width: 200, height: 40, className: twMerge('w-auto', option.value === 'LIBANGAN_PAY_IN' ||
-                                        option.value === 'VENTAJA_DISBURSEMENT'
-                                        ? 'h-[2.5rem]'
-                                        : 'h-[1.063rem]'), draggable: false }), option.value === 'AIO_EWALLET' && (_jsx("p", { className: "text-text-secondary-700 text-xs leading-tight", children: "AIO eWallet" }))] }), _jsx(Checkbox.Control, { className: "shrink-0", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.HiddenInput, {})] }, option.value))) })] }));
+                }, className: "grid grid-cols-2 gap-x-4 gap-y-3", children: options.map((option) => (_jsxs(Checkbox.Root, { value: option.value, className: "flex cursor-pointer items-center justify-between rounded-xl border border-border-secondary ui-checked:border-border-brand-solid p-lg", children: [_jsx("div", { className: twMerge('rounded-xs', option.value === 'AIO_GRAB_PAY'
+                                ? 'bg-transparent px-0 py-0'
+                                : 'bg-white px-sm py-[0.688rem]', option.value.includes('GCASH') && 'bg-[#017EFF]', option.value === 'AIO_PALAWAN_PAY' && 'bg-[#026308]', option.value === 'AIO_PAY_MAYA' && 'bg-black'), children: _jsx(Image, { src: option.image, alt: "", width: 200, height: 40, className: twMerge('w-auto', 'h-[1.063rem]', option.value === 'LIBANGAN_PAY_IN' ||
+                                    option.value === 'VENTAJA_DISBURSEMENT'
+                                    ? 'h-[2.5rem]'
+                                    : '', option.value === 'AIO_GRAB_PAY' && 'h-[3rem] rounded-[4px]', option.value === 'AIO_PALAWAN_PAY' && 'h-[2rem]'), draggable: false }) }), _jsx(Checkbox.Control, { className: "shrink-0", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.HiddenInput, {})] }, option.value))) })] }));
 }

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

@@ -1,8 +1,6 @@
 import { z } from 'zod';
 import type { KnownDepositError, KnownWithdrawalError, WithdrawalError } from '../../types';
-export declare const PaymentMethodDefinition: z.ZodEnum<["GCASH", "MAYA_APP", "MAYA", "ONLINE_BANK", "QRPH", "INSTAPAY", "LIBANGAN_PAY_IN", "VENTAJA_DISBURSEMENT", "PISO_PAY", "AIO_EWALLET"]>;
-export declare const AiOeWalletPaymentMethodDefinition: z.ZodEnum<["AIO_GCASH", "AIO_PAY_MAYA", "AIO_GRAB_PAY", "AIO_PALAWAN_PAY"]>;
+export declare const PaymentMethodDefinition: z.ZodEnum<["GCASH", "MAYA_APP", "MAYA", "ONLINE_BANK", "QRPH", "INSTAPAY", "LIBANGAN_PAY_IN", "VENTAJA_DISBURSEMENT", "PISO_PAY", "AIO_GCASH", "AIO_PAY_MAYA", "AIO_GRAB_PAY", "AIO_PALAWAN_PAY"]>;
 export type PaymentMethod = z.infer<typeof PaymentMethodDefinition>;
-export type AiOeWalletPaymentMethod = z.infer<typeof AiOeWalletPaymentMethodDefinition>;
 export type DepositWithdrawalErrors = KnownDepositError | KnownWithdrawalError | WithdrawalError | string;
 export declare function explainError(error?: DepositWithdrawalErrors): string;

package/dist/components/DepositWithdrawal/utils.js

@@ -9,9 +9,6 @@ export const PaymentMethodDefinition = z.enum([
     'LIBANGAN_PAY_IN',
     'VENTAJA_DISBURSEMENT',
     'PISO_PAY',
-    'AIO_EWALLET',
-]);
-export const AiOeWalletPaymentMethodDefinition = z.enum([
     'AIO_GCASH',
     'AIO_PAY_MAYA',
     'AIO_GRAB_PAY',

package/dist/components/KYC/KycOpenOnHomeMount.js

@@ -10,6 +10,7 @@ export function KycOpenOnHomeMount(props) {
     const { data: account, isLoading: accountLoading } = useAccountQuery();
     const isVerificationLocked = account?.status === 'VERIFICATION_LOCKED';
     const isPending = account?.verificationStatus === 'PENDING';
+    const isRejected = verification?.status === 'REJECTED';
     const hasntSubmittedCompliantDocs = account?.verified ||
         verification?.sumsubVerified ||
         verification?.status === 'APPROVED' ||
@@ -34,14 +35,20 @@ export function KycOpenOnHomeMount(props) {
             !verification?.address;
     useEffect(() => {
         if (!verificationLoading && !accountLoading) {
+            const shouldShowReminder = Boolean(props.isSkippable);
             // Handle pending case with feature flag
             if (isPending) {
                 setkycOpen(false);
                 setkycReminderOpen(true);
             }
-            if (hasntSubmittedCompliantDocs || hasntCompletedKYC) {
+            // Handle rejected verification status
+            else if (isRejected) {
+                setkycReminderOpen(shouldShowReminder);
+                setkycOpen(!shouldShowReminder);
+            }
+            // Handle cases where user hasn't submitted compliant documents or hasn't completed KYC
+            else if (hasntSubmittedCompliantDocs || hasntCompletedKYC) {
                 // Set modal states based on whether KYC can be skipped
-                const shouldShowReminder = Boolean(props.isSkippable);
                 setkycReminderOpen(shouldShowReminder);
                 setkycOpen(!shouldShowReminder);
             }
@@ -62,6 +69,7 @@ export function KycOpenOnHomeMount(props) {
         hasntCompletedKYC,
         isVerificationLocked,
         isPending,
+        isRejected,
         props.isSkippable,
     ]);
     return null;