@opexa/portal-components 0.0.1033 → 0.0.1035

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

@@ -60,7 +60,10 @@ export function GCashStandardCashInWithdrawal() {
     const minimumAmount = parseDecimal(gatewaySettings?.minimumAmount, 0);
     const maximumAmount = parseDecimal(gatewaySettings?.maximumAmount, 0);
     const definition = z.object({
-        amount: z.string().superRefine((val, ctx) => {
+        amount: z
+            .string()
+            .regex(/^\d+$/, 'Amount must be a whole number')
+            .superRefine((val, ctx) => {
             const n = parseDecimal(val, 0);
             if (n < minimumAmount) {
                 ctx.addIssue({
@@ -120,7 +123,11 @@ export function GCashStandardCashInWithdrawal() {
     });
     return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.mobileNumber, children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [_jsx(localeInfo.country.flag, { className: "-translate-y-1/2 pointer-events-none absolute top-1/2 left-3.5 size-5" }), _jsx(Field.Input, { className: "pl-10.5", ...form.register('mobileNumber') })] }), _jsx(Field.ErrorText, { children: form.formState.errors.mobileNumber?.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) => {
+                            }, allowMouseWheel: true, children: [_jsx(NumberInput.Label, { children: "Enter amount you want to withdraw" }), _jsxs(NumberInput.Control, { children: [_jsx(NumberInput.Input, { onKeyDown: (e) => {
+                                                if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
+                                                    e.preventDefault();
+                                                }
+                                            } }), _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(), {
                         shouldTouch: true,
                         shouldDirty: true,

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

@@ -60,7 +60,10 @@ export function GCashWithdrawal() {
     const minimumAmount = parseDecimal(gatewaySettings?.minimumAmount, 0);
     const maximumAmount = parseDecimal(gatewaySettings?.maximumAmount, 0);
     const definition = z.object({
-        amount: z.string().superRefine((val, ctx) => {
+        amount: z
+            .string()
+            .regex(/^\d+$/, 'Amount must be a whole number')
+            .superRefine((val, ctx) => {
             const n = parseDecimal(val, 0);
             if (n < minimumAmount) {
                 ctx.addIssue({
@@ -120,7 +123,11 @@ export function GCashWithdrawal() {
     });
     return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.mobileNumber, children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [_jsx(localeInfo.country.flag, { className: "-translate-y-1/2 pointer-events-none absolute top-1/2 left-3.5 size-5" }), _jsx(Field.Input, { className: "pl-10.5", ...form.register('mobileNumber') })] }), _jsx(Field.ErrorText, { children: form.formState.errors.mobileNumber?.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) => {
+                            }, allowMouseWheel: true, children: [_jsx(NumberInput.Label, { children: "Enter amount you want to withdraw" }), _jsxs(NumberInput.Control, { children: [_jsx(NumberInput.Input, { onKeyDown: (e) => {
+                                                if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
+                                                    e.preventDefault();
+                                                }
+                                            } }), _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(), {
                         shouldTouch: true,
                         shouldDirty: true,

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from '@hookform/resolvers/zod';
 import Link from 'next/link';
 import { useEffect, useState } from 'react';
-import { useForm } from 'react-hook-form';
+import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useAccountQuery } from '../../../../client/hooks/useAccountQuery.js';
@@ -11,6 +11,8 @@ import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
 import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
 import { useWalletQuery } from '../../../../client/hooks/useWalletQuery.js';
 import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
+import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.js';
+import { ChevronUpIcon } from '../../../../icons/ChevronUpIcon.js';
 import { EyeIcon } from '../../../../icons/EyeIcon.js';
 import { EyeOffIcon } from '../../../../icons/EyeOffIcon.js';
 import { SpinnerIcon } from '../../../../icons/SpinnerIcon.js';
@@ -18,6 +20,7 @@ import { XIcon } from '../../../../icons/XIcon.js';
 import { AlertDialog } from '../../../../ui/AlertDialog/index.js';
 import { Button } from '../../../../ui/Button/index.js';
 import { Field } from '../../../../ui/Field/index.js';
+import { NumberInput } from '../../../../ui/NumberInput/index.js';
 import { PasswordInput } from '../../../../ui/PasswordInput/index.js';
 import { Portal } from '../../../../ui/Portal/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
@@ -120,7 +123,13 @@ export function InstapayGCashWithdrawal() {
             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'), onKeyDown: (e) => {
+    return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", id: "hook-form", children: [_jsx(Controller, { control: form.control, name: "accountNumber", 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: "Phone Number" }), _jsxs(NumberInput.Control, { children: [_jsx(NumberInput.Input, { onKeyDown: (e) => {
+                                                if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
+                                                    e.preventDefault();
+                                                }
+                                            } }), _jsx(NumberInput.IncrementTrigger, { children: _jsx(ChevronUpIcon, {}) }), _jsx(NumberInput.DecrementTrigger, { children: _jsx(ChevronDownIcon, {}) })] })] }), _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'), onKeyDown: (e) => {
                             if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
                                 e.preventDefault();
                             }

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from '@hookform/resolvers/zod';
 import Link from 'next/link';
 import { useEffect, useState } from 'react';
-import { useForm } from 'react-hook-form';
+import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useAccountQuery } from '../../../../client/hooks/useAccountQuery.js';
@@ -11,6 +11,8 @@ import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
 import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
 import { useWalletQuery } from '../../../../client/hooks/useWalletQuery.js';
 import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
+import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.js';
+import { ChevronUpIcon } from '../../../../icons/ChevronUpIcon.js';
 import { EyeIcon } from '../../../../icons/EyeIcon.js';
 import { EyeOffIcon } from '../../../../icons/EyeOffIcon.js';
 import { SpinnerIcon } from '../../../../icons/SpinnerIcon.js';
@@ -18,6 +20,7 @@ import { XIcon } from '../../../../icons/XIcon.js';
 import { AlertDialog } from '../../../../ui/AlertDialog/index.js';
 import { Button } from '../../../../ui/Button/index.js';
 import { Field } from '../../../../ui/Field/index.js';
+import { NumberInput } from '../../../../ui/NumberInput/index.js';
 import { PasswordInput } from '../../../../ui/PasswordInput/index.js';
 import { Portal } from '../../../../ui/Portal/index.js';
 import { parseDecimal } from '../../../../utils/parseDecimal.js';
@@ -120,7 +123,13 @@ export function InstapayPaymayaWithdrawal() {
             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'), onKeyDown: (e) => {
+    return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", id: "hook-form", children: [_jsx(Controller, { control: form.control, name: "accountNumber", 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: "Phone Number" }), _jsxs(NumberInput.Control, { children: [_jsx(NumberInput.Input, { onKeyDown: (e) => {
+                                                if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
+                                                    e.preventDefault();
+                                                }
+                                            } }), _jsx(NumberInput.IncrementTrigger, { children: _jsx(ChevronUpIcon, {}) }), _jsx(NumberInput.DecrementTrigger, { children: _jsx(ChevronDownIcon, {}) })] })] }), _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'), onKeyDown: (e) => {
                             if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
                                 e.preventDefault();
                             }

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

@@ -69,7 +69,10 @@ export function VentajaWithdrawal() {
     const accountQuery = useAccountQuery();
     const account = accountQuery.data;
     const definition = z.object({
-        amount: z.string().superRefine((val, ctx) => {
+        amount: z
+            .string()
+            .regex(/^\d+$/, 'Amount must be a whole number')
+            .superRefine((val, ctx) => {
             const n = parseDecimal(val, 0);
             if (n < minimumAmount) {
                 ctx.addIssue({
@@ -77,7 +80,7 @@ export function VentajaWithdrawal() {
                     code: z.ZodIssueCode.too_small,
                     inclusive: true,
                     minimum: minimumAmount,
-                    message: `Minimum amount is ${minimumAmount.toLocaleString()}`,
+                    message: `Please enter ${minimumAmount.toLocaleString()} or more to proceed with your withdrawal.`,
                 });
             }
             if (n > maximumAmount) {
@@ -194,9 +197,11 @@ export function VentajaWithdrawal() {
                                         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) => {
+                                    }, 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 })] })] })), _jsx(Controller, { control: form.control, name: "accountNumber", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, 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: paymentMethod === 'INSTAPAY'
+                                        ? 'Bank account number'
+                                        : 'Phone Number' }), _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.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(), {

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

@@ -57,7 +57,6 @@ export function Withdrawal() {
     const isMayaSessionValid = isMayaSessionValidQuery.data ?? true;
     const memberVerificationQuery = useMemberVerificationQuery();
     const memberVerification = memberVerificationQuery.data;
-    console.log(account?.status, 'status');
     const enabledPaymentMethods = (() => {
         const l = [];
         if (onMaya) {
@@ -127,6 +126,7 @@ export function Withdrawal() {
         });
         return l;
     })();
+    console.log(enabledPaymentMethods, 'payment methods');
     const [paymentMethod, setPaymentMethod] = useState();
     useEffect(() => {
         if (enabledPaymentMethods.length > 0 && !paymentMethod) {

package/dist/components/Quests/Quests.client.js

@@ -56,7 +56,7 @@ export function Quests__client(props) {
         ? []
         : questsQuery.data.filter((quest) => {
             if (tab === 'AVAILABLE') {
-                return quest.status === 'IN_PROGRESS';
+                return quest.status === 'IN_PROGRESS' || quest.status === 'ACTIVE';
             }
             else if (tab === 'COMPLETED') {
                 return quest.status === 'COMPLETED';

package/dist/types/index.d.ts

@@ -721,7 +721,7 @@ export interface Message {
 export type OnboardingStatus = 'PENDING' | 'SKIPPED' | 'COMPLETED';
 export type OnboardingPlayerExperience = 'ROOKIE' | 'VETERAN';
 export type QuestType = 'WAGERING' | 'DAILY_CHECKIN' | 'ONBOARDING' | 'JOURNEY';
-export type QuestStatus = 'IN_PROGRESS' | 'COMPLETED' | 'FAILED';
+export type QuestStatus = 'IN_PROGRESS' | 'ACTIVE' | 'COMPLETED' | 'FAILED';
 export type QuestProgramStatus = 'ACTIVE' | 'INACTIVE' | 'DELETED';
 export interface WageringQuestStageSettings {
     targetTurnover: number;