npm - @opexa/portal-components - Versions diffs - 0.0.896 → 0.0.898 - Mend

@opexa/portal-components 0.0.896 → 0.0.898

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

package/dist/components/DepositStatus/index.js ADDED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/IdentityVerification.js CHANGED Viewed

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Capacitor } from '@capacitor/core';
 import { zodResolver } from '@hookform/resolvers/zod';
+import { ObjectId } from '@opexa/object-id';
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
@@ -16,6 +17,7 @@ import { useSignOutMutation } from '../../../client/hooks/useSignOutMutation.js'
 import { useUpdateMemberVerificationMutation } from '../../../client/hooks/useUpdateMemberVerificationMutation.js';
 import { getSession } from '../../../client/services/getSession.js';
 import { toaster } from '../../../client/utils/toaster.js';
+import { ObjectType } from '../../../services/ObjectType.js';
 import { unregisterFCMDevice } from '../../../services/trigger.js';
 import { Button } from '../../../ui/Button/index.js';
 import { Dialog } from '../../../ui/Dialog/index.js';
@@ -106,6 +108,7 @@ export function IdentityVerification() {
         },
     });
     async function onSubmit(values) {
+        //if member verification id is not available (first time doing kyc to trigger notifications)
         if (!memberId) {
             createMemberVerification({
                 selfieImage: values.selfieImage,
@@ -117,7 +120,10 @@ export function IdentityVerification() {
                 placeOfBirth: '',
                 sourceOfIncome: '',
             });
+            const id = ObjectId.generate(ObjectType.MemberVerification).toString();
+            await approveMemberVerificationMutation.mutateAsync(id);
         }
+        //if member verification id is available (updating kyc)
         else {
             updateMemberVerification({
                 id: memberId,

package/dist/components/Quests/JourneyQuest.d.ts CHANGED Viewed

@@ -1,9 +1,19 @@
 import { type CSSProperties } from 'react';
 export interface ClassNameEntries {
     root?: string;
+    completedBadgeRoot?: string;
+    completedBadgeLabel?: string;
+    failedBadgeRoot?: string;
+    failedBadgeLabel?: string;
+    progressRoot?: string;
+    progressTrack?: string;
+    progressRange?: string;
+    progressLabel?: string;
     checkboxName?: string;
     checkboxBonus?: string;
     dialogRoot?: string;
+    dialogTitle?: string;
+    dialogDescription?: string;
     dialogMilestone?: string;
     dialogMilestoneName?: string;
     dialogMilestoneDescription?: string;

package/dist/components/Quests/JourneyQuest.js CHANGED Viewed

@@ -85,13 +85,20 @@ export function JourneyQuest(props) {
         disclosure.setOpen(true);
     }, [disclosure]);
     const localeInfo = useLocaleInfo();
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: twMerge('flex h-full w-full flex-col space-y-6 rounded-2xl border border-border-primary bg-bg-tertiary px-4 pt-5 pb-6', classNames?.root), children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-center justify-between", children: [_jsx(RemainingTime, { endOfDay: true }), quest.status === 'COMPLETED' && (_jsx(Badge.Root, { colorScheme: "success", size: "lg", round: false, children: _jsxs(Badge.Label, { children: ["Final Bonus:", ' ', formatNumber(quest.bonus, {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: twMerge('flex h-full w-full flex-col space-y-6 rounded-2xl border border-border-primary bg-bg-tertiary px-4 pt-5 pb-6', classNames?.root), children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-center justify-between", children: [_jsx(RemainingTime, { endOfDay: true, className: {
+                                            completedBadgeRoot: classNames?.completedBadgeRoot,
+                                            completedBadgeLabel: classNames?.completedBadgeLabel,
+                                            failedBadgeRoot: classNames?.failedBadgeRoot,
+                                            failedBadgeLabel: classNames?.failedBadgeLabel,
+                                        } }), quest.status === 'COMPLETED' && (_jsx(Badge.Root, { colorScheme: "success", size: "lg", round: false, children: _jsxs(Badge.Label, { children: ["Final Bonus:", ' ', formatNumber(quest.bonus, {
                                                     currency: localeInfo.currency.code,
-                                                })] }) }))] }), _jsx("p", { className: "font-semibold text-xl", children: quest?.name || 'Journey Quest' }), _jsxs("div", { className: "flex w-full items-center space-x-2", children: [_jsx(Progress.Root, { max: 100, className: "h-2 rounded-full bg-bg-primary", value: progressValue, children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsxs("p", { className: "text-text-quarterary-brand text-xs", children: [currentMilestone, "/", totalMilestones] })] }), _jsx("div", { className: "flex w-full flex-col space-y-3", children: milestones.map((milestone, index) => (_jsx(QuestMilestone, { label: milestone.label, bonus: milestone.bonus, isCompleted: milestone.isCompleted, checkboxControlStyle: props.checkboxControlStyle, className: {
+                                                })] }) }))] }), _jsx("p", { className: "font-semibold text-xl", children: quest?.name || 'Journey Quest' }), _jsxs("div", { className: "flex w-full items-center space-x-2", children: [_jsx(Progress.Root, { max: 100, className: twMerge('h-2 rounded-full bg-bg-primary', classNames?.progressRoot), value: progressValue, children: _jsx(Progress.Track, { className: classNames?.progressTrack, children: _jsx(Progress.Range, { className: classNames?.progressRange }) }) }), _jsxs("p", { className: twMerge('text-text-quarterary-brand text-xs', classNames?.progressLabel), children: [currentMilestone, "/", totalMilestones] })] }), _jsx("div", { className: "flex w-full flex-col space-y-3", children: milestones.map((milestone, index) => (_jsx(QuestMilestone, { label: milestone.label, bonus: milestone.bonus, isCompleted: milestone.isCompleted, checkboxControlStyle: props.checkboxControlStyle, className: {
                                         name: classNames?.checkboxName,
                                         bonus: classNames?.checkboxBonus,
                                     } }, index))) })] }), _jsx("div", { className: "flex h-full items-end", children: _jsx(Button, { size: "sm", onClick: handleViewDetails, "aria-label": "View Details", disabled: false, className: "disabled:bg-bg-primary disabled:text-text-disabled", children: "View Details" }) })] }), _jsx(Rules, { open: disclosure.open, onOpenChange: disclosure.setOpen, quest: quest, milestones: milestones, className: {
                     root: classNames?.dialogRoot,
+                    title: classNames?.dialogTitle,
+                    description: classNames?.dialogDescription,
                     milestone: classNames?.dialogMilestone,
                     milestoneName: classNames?.dialogMilestoneName,
                     milestoneDescription: classNames?.dialogMilestoneDescription,
@@ -124,9 +131,9 @@ function Rules(props) {
     }, [milestones]);
     const sessionQuery = useSessionQuery();
     const session = sessionQuery.data;
-    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: open, onOpenChange: (details) => setOpen(details.open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center p-4", children: _jsxs(Dialog.Content, { className: twMerge('mx-auto max-h-[80vh] min-h-auto min-w-[21.438rem] max-w-[400px] overflow-y-auto rounded-xl px-4 py-10 md:scrollbar:h-2 md:scrollbar:w-2 md:scrollbar-thumb:rounded-full md:scrollbar-thumb:bg-bg-quaternary md:scrollbar-track:bg-transparent', props.className?.root), children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "group flex flex-col space-y-5 text-sm text-text-quarterary-brand", children: [_jsx("h2", { className: "font-semibold text-lg text-text-primary-900", children: quest?.name || 'Quest' }), _jsxs("div", { className: "relative", children: [_jsx("div", { className: "max-h-[30vh] overflow-y-auto", children: quest?.description ? (_jsx(Prose, { dangerouslySetInnerHTML: {
-                                                        __html: quest.description,
-                                                    }, className: "mb-3" })) : (_jsx("p", { children: "Ready for a challenge? Complete them all and get amazing rewards!" })) }), _jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-safe-area-inset-bottom h-8 bg-gradient-to-t from-bg-primary to-transparent" })] }), milestones.map((milestone) => {
+    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: open, onOpenChange: (details) => setOpen(details.open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center p-4", children: _jsxs(Dialog.Content, { className: twMerge('mx-auto max-h-[80vh] min-h-auto min-w-[21.438rem] max-w-[400px] overflow-y-auto rounded-xl px-4 py-10 md:scrollbar:h-2 md:scrollbar:w-2 md:scrollbar-thumb:rounded-full md:scrollbar-thumb:bg-bg-quaternary md:scrollbar-track:bg-transparent', props.className?.root), children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "group flex flex-col space-y-5 text-sm text-text-quarterary-brand", children: [_jsx("h2", { className: twMerge('font-semibold text-lg text-text-primary-900', props.className?.title), children: quest?.name || 'Quest' }), _jsx("div", { className: "relative", children: _jsx("div", { className: "max-h-[30vh] overflow-y-auto", children: quest?.description ? (_jsx(Prose, { dangerouslySetInnerHTML: {
+                                                    __html: quest.description,
+                                                }, className: twMerge('mb-3', props.className?.description) })) : (_jsx("p", { className: twMerge(props.className?.description), children: "Ready for a challenge? Complete them all and get amazing rewards!" })) }) }), milestones.map((milestone) => {
                                         const milestoneType = quest?.milestones?.find((m) => m.id === milestone.id)?.type;
                                         const accountVerificationMessage = milestoneType === 'ACCOUNT_VERIFICATION'
                                             ? verificationStatus === 'PENDING'

package/dist/components/Quests/RemainingTime.d.ts CHANGED Viewed

@@ -1,5 +1,11 @@
 interface RemainingTimeProps {
     endOfDay?: boolean;
+    className?: {
+        completedBadgeRoot?: string;
+        completedBadgeLabel?: string;
+        failedBadgeRoot?: string;
+        failedBadgeLabel?: string;
+    };
 }
-export declare function RemainingTime({ endOfDay: useEndOfDay, }: RemainingTimeProps): import("react/jsx-runtime").JSX.Element;
+export declare function RemainingTime({ endOfDay: useEndOfDay, className, }: RemainingTimeProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Quests/RemainingTime.js CHANGED Viewed

@@ -4,17 +4,17 @@ import { useRemainingTime } from '../../client/hooks/useRemainingTime.js';
 import { ClockStopWatchIcon } from '../../icons/ClockStopWatchIcon.js';
 import { Badge } from '../../ui/Badge/index.js';
 import { useQuestContext } from './QuestsContext.js';
-export function RemainingTime({ endOfDay: useEndOfDay = false, }) {
+export function RemainingTime({ endOfDay: useEndOfDay = false, className, }) {
     const quest = useQuestContext();
     const targetDateTime = useEndOfDay
         ? endOfDay(new Date(quest.endDateTime)).toISOString()
         : quest.endDateTime;
     const remainingTime = useRemainingTime(targetDateTime);
     if (quest.status === 'COMPLETED') {
-        return (_jsx(Badge.Root, { size: "lg", colorScheme: "success", round: false, children: _jsx(Badge.Label, { children: "Completed" }) }));
+        return (_jsx(Badge.Root, { size: "lg", colorScheme: "success", round: false, className: className?.completedBadgeRoot, children: _jsx(Badge.Label, { className: className?.completedBadgeLabel, children: "Completed" }) }));
     }
     if (quest.status === 'FAILED' || remainingTime.expired) {
-        return (_jsx(Badge.Root, { size: "lg", colorScheme: "danger", round: false, children: _jsx(Badge.Label, { children: "Failed" }) }));
+        return (_jsx(Badge.Root, { size: "lg", colorScheme: "danger", round: false, className: className?.failedBadgeRoot, children: _jsx(Badge.Label, { className: className?.failedBadgeLabel, children: "Failed" }) }));
     }
     return (_jsxs(Badge.Root, { size: "lg", colorScheme: "brand", round: false, children: [_jsx(Badge.Icon, { children: _jsx(ClockStopWatchIcon, {}) }), _jsx(Badge.Label, { children: remainingTime.toString() })] }));
 }

package/dist/services/queries.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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