@opexa/portal-components 0.0.909 → 0.0.911

package/dist/client/hooks/useCreateAurixPayGCashDepositMutation.js

@@ -45,7 +45,7 @@ export const useCreateAurixPayGCashDepositMutation = (config) => {
                 maxAttempt: 20,
             });
             // Sleep for 3.5 seconds before polling
-            await new Promise((resolve) => setTimeout(resolve, 3500));
+            await new Promise((resolve) => setTimeout(resolve, 6000));
             const res = await poll();
             if (res?.error) {
                 const error = new Error();

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

@@ -97,7 +97,7 @@ export function AurixPayGCashDeposit() {
     const depositsCount = depositsCountQuery.data ?? 0;
     const paymentSettingsQuery = usePaymentSettingsQuery();
     const paymentSettings = paymentSettingsQuery.data;
-    const gatewaySettings = paymentSettings?.aioGCashDepositGatewaySettings;
+    const gatewaySettings = paymentSettings?.aurixPayGCashDepositGatewaySettings;
     const maximumAmount = parseDecimal(gatewaySettings?.maximumAmount, 0);
     const minimumAmount = depositsCount <= 0
         ? parseDecimal(paymentSettingsQuery.data?.minimumFirstDepositAmount, 0)
@@ -200,7 +200,26 @@ export function AurixPayGCashDeposit() {
                     accountNumber: data.accountNumber,
                 });
             }
-        }), noValidate: true, children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, children: [_jsx(Field.Label, { children: "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-lg", children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
+        }), noValidate: true, children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, children: [_jsx(Field.Label, { children: "Account number" }), _jsx(Field.Input, { ...form.register('accountNumber', {
+                            onChange: (e) => {
+                                // Allow only digits and leading +
+                                let value = e.target.value;
+                                // Remove all non-digit except leading +
+                                value = value.replace(/(?!^)\D/g, '');
+                                if (value.startsWith('+')) {
+                                    // keep leading +
+                                    value = '+' + value.slice(1).replace(/\D/g, '');
+                                }
+                                else {
+                                    // remove all non-digits
+                                    value = value.replace(/\D/g, '');
+                                }
+                                e.target.value = value;
+                                form.setValue('accountNumber', value, {
+                                    shouldValidate: true,
+                                });
+                            },
+                        }), inputMode: "tel", pattern: "^\\+?[0-9]*$", autoComplete: "tel" }), _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-lg", 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 deposit" }), _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/Deposit/AurixPayGrabPayDeposit/AurixPayGrabPayDeposit.js

@@ -97,7 +97,7 @@ export function AurixPayPayMayaDeposit() {
     const depositsCount = depositsCountQuery.data ?? 0;
     const paymentSettingsQuery = usePaymentSettingsQuery();
     const paymentSettings = paymentSettingsQuery.data;
-    const gatewaySettings = paymentSettings?.aioGCashDepositGatewaySettings;
+    const gatewaySettings = paymentSettings?.aurixPayGrabPayDepositGatewaySettings;
     const maximumAmount = parseDecimal(gatewaySettings?.maximumAmount, 0);
     const minimumAmount = depositsCount <= 0
         ? parseDecimal(paymentSettingsQuery.data?.minimumFirstDepositAmount, 0)

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

@@ -97,7 +97,7 @@ export function AurixPayGrabPayDeposit() {
     const depositsCount = depositsCountQuery.data ?? 0;
     const paymentSettingsQuery = usePaymentSettingsQuery();
     const paymentSettings = paymentSettingsQuery.data;
-    const gatewaySettings = paymentSettings?.aioGCashDepositGatewaySettings;
+    const gatewaySettings = paymentSettings?.aurixPayGrabPayDepositGatewaySettings;
     const maximumAmount = parseDecimal(gatewaySettings?.maximumAmount, 0);
     const minimumAmount = depositsCount <= 0
         ? parseDecimal(paymentSettingsQuery.data?.minimumFirstDepositAmount, 0)

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

@@ -1,6 +1,6 @@
 export declare const AurixPayQRPHDepositContext: (props: {
     value: {
-        status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+        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" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+    status: "confirmed" | "failed" | "idle" | "generating-qr-code" | "qr-code-generated";
     deposit: import("../../../../types").Deposit | null;
     errorMessage: {
         name: string;

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

@@ -31,11 +31,12 @@ export function Form() {
     const depositsCount = depositsCountQuery.data ?? 0;
     const paymentSettingsQuery = usePaymentSettingsQuery();
     const paymentSettings = paymentSettingsQuery.data;
-    const gatewaySettings = paymentSettings?.qrphDepositGatewaySettings;
+    const gatewaySettings = paymentSettings?.aurixPayQrphDepositGatewaySettings;
     const maximumAmount = parseDecimal(gatewaySettings?.maximumAmount, 0);
     const minimumAmount = depositsCount <= 0
         ? parseDecimal(paymentSettingsQuery.data?.minimumFirstDepositAmount, 0)
         : parseDecimal(gatewaySettings?.minimumAmount, 0);
+    console.log(gatewaySettings, 'maximumAmount');
     const promosQuery = useAvailablePromosQuery();
     const promos = promosQuery.data ?? [];
     const definition = z

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 export declare const QRPHDepositContext: (props: {
     value: {
-        status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+        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" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+    status: "confirmed" | "failed" | "idle" | "generating-qr-code" | "qr-code-generated";
     deposit: import("../../../../types").Deposit | null;
     errorMessage: {
         name: string;

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

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

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

@@ -120,7 +120,7 @@ export function Withdrawal() {
     if (enabledPaymentMethods.length <= 0) {
         return _jsx(NoAvailablePaymentMethods, {});
     }
-    return (_jsxs(_Fragment, { children: [_jsx(PaymentMethods, { value: paymentMethod, onChange: setPaymentMethod, options: enabledPaymentMethods }), paymentMethod === 'GCASH' && _jsx(GCashWithdrawal, {}), paymentMethod === 'MAYA' && _jsx(MayaWithdrawal, {}), paymentMethod === 'MAYA_APP' && _jsx(MayaAppWithdrawal, {}), paymentMethod === 'INSTAPAY' && _jsx(InstapayWithdrawal, {}), paymentMethod === 'INSTAPAY_GCASH' && _jsx(InstapayGCashWithdrawal, {}), paymentMethod === 'INSTAPAY_PAYMAYA' && _jsx(InstapayPaymayaWithdrawal, {}), paymentMethod === 'VENTAJA_DISBURSEMENT' && _jsx(VentajaWithdrawal, {}), paymentMethod === 'PISO_PAY' && _jsx(PisoPayWithdrawal, {}), paymentMethod === 'GCASH_STANDARD_CASH_IN' && (_jsx(GCashStandardCashInWithdrawal, {}))] }));
+    return (_jsxs(_Fragment, { children: [enabledPaymentMethods.length > 1 && (_jsx(PaymentMethods, { value: paymentMethod, onChange: setPaymentMethod, options: enabledPaymentMethods })), paymentMethod === 'GCASH' && _jsx(GCashWithdrawal, {}), paymentMethod === 'MAYA' && _jsx(MayaWithdrawal, {}), paymentMethod === 'MAYA_APP' && _jsx(MayaAppWithdrawal, {}), paymentMethod === 'INSTAPAY' && _jsx(InstapayWithdrawal, {}), paymentMethod === 'INSTAPAY_GCASH' && _jsx(InstapayGCashWithdrawal, {}), paymentMethod === 'INSTAPAY_PAYMAYA' && _jsx(InstapayPaymayaWithdrawal, {}), paymentMethod === 'VENTAJA_DISBURSEMENT' && _jsx(VentajaWithdrawal, {}), paymentMethod === 'PISO_PAY' && _jsx(PisoPayWithdrawal, {}), paymentMethod === 'GCASH_STANDARD_CASH_IN' && (_jsx(GCashStandardCashInWithdrawal, {}))] }));
 }
 function AccountVerificationRequired() {
     const globalStore = useGlobalStore(useShallow((ctx) => ({

package/dist/components/Disclaimer/useDisclaimer.js

@@ -1,4 +1,4 @@
-import { useSearchParams } from 'next/navigation';
+import { usePathname, useSearchParams } from 'next/navigation';
 import { useTimeout } from 'usehooks-ts';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
@@ -7,8 +7,11 @@ export function useDisclaimer({ showInLogin = false, } = {}) {
     'use no memo';
     const sessionQuery = useSessionQuery();
     const searchParams = useSearchParams();
+    const pathname = usePathname();
     const disclaimerStore = useGlobalStore(useShallow((state) => state.disclaimer));
-    const shouldShowDisclaimer = searchParams.get('game-exit') !== 'true';
+    // Check if we're on an SSO route (like /login/[partnerId])
+    const isSsoRoute = pathname?.startsWith('/login/') && pathname.includes('/');
+    const shouldShowDisclaimer = searchParams.get('game-exit') !== 'true' && !isSsoRoute;
     const isAuthenticated = sessionQuery.data?.status === 'authenticated';
     // Auto-open only for guest flow (original behavior)
     useTimeout(() => {

package/dist/components/Jackpots/JackpotsList/JackpotsList.js

@@ -1,18 +1,19 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { isString } from 'lodash-es';
+import dynamic from 'next/dynamic';
 import Image, {} from 'next/image';
 import { useIntersectionObserver } from 'usehooks-ts';
 import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useJackpotsQuery } from '../../../client/hooks/useJackpotsQuery.js';
 import closeChest from '../../../images/close-chest.png';
 import { isStyleEntries } from '../../../utils/isStyleEntries.js';
-import { JackpotsListNext } from '../JackpotsListNext/JackpotsList.js';
 import { JackpotsListItemContext, JackpotsListPropsContext, } from './JackpotsListContext.js';
-import { JackpotsListItemCrazyWin } from './JackpotsListItem.CrazyWin.js';
-import { JackpotsListItemHappyBingo } from './JackpotsListItem.HappyBingo.js';
-import { JackpotsListItemDesktop } from './JackpotsListItemDesktop.js';
-import { JackpotsListItemMobile } from './JackpotsListItemMobile.js';
+const JackpotsListNext = dynamic(() => import('../JackpotsListNext/JackpotsList.js').then((mod) => mod.JackpotsListNext));
+const JackpotsListItemCrazyWin = dynamic(() => import('./JackpotsListItem.CrazyWin.js').then((mod) => mod.JackpotsListItemCrazyWin));
+const JackpotsListItemHappyBingo = dynamic(() => import('./JackpotsListItem.HappyBingo.js').then((mod) => mod.JackpotsListItemHappyBingo));
+const JackpotsListItemDesktop = dynamic(() => import('./JackpotsListItemDesktop.js').then((mod) => mod.JackpotsListItemDesktop));
+const JackpotsListItemMobile = dynamic(() => import('./JackpotsListItemMobile.js').then((mod) => mod.JackpotsListItemMobile));
 export function JackpotsList(props) {
     const [ref, inView] = useIntersectionObserver({
         threshold: 0.25,

package/dist/components/Jackpots/JackpotsListNext/JackpotsList.js

@@ -1,15 +1,16 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { isString } from 'lodash-es';
+import dynamic from 'next/dynamic';
 import Image, {} from 'next/image';
 import { useJackpotsNextQuery } from '../../../client/hooks/useJackpotsNextQuery.js';
 import closeChest from '../../../images/close-chest.png';
 import { isStyleEntries } from '../../../utils/isStyleEntries.js';
-import { JackpotMultiStageDesktop } from './JackpotMultiStageDesktop.js';
-import { JackpotMultiStageMobile } from './JackpotMultiStageMobile.js';
 import { JackpotsListItemContext, JackpotsListPropsContext, } from './JackpotsListContext.js';
-import { JackpotsListItemDesktop } from './JackpotsListItemDesktop.js';
-import { JackpotsListItemMobile } from './JackpotsListItemMobile.js';
+const JackpotMultiStageDesktop = dynamic(() => import('./JackpotMultiStageDesktop.js').then((mod) => mod.JackpotMultiStageDesktop));
+const JackpotMultiStageMobile = dynamic(() => import('./JackpotMultiStageMobile.js').then((mod) => mod.JackpotMultiStageMobile));
+const JackpotsListItemDesktop = dynamic(() => import('./JackpotsListItemDesktop.js').then((mod) => mod.JackpotsListItemDesktop));
+const JackpotsListItemMobile = dynamic(() => import('./JackpotsListItemMobile.js').then((mod) => mod.JackpotsListItemMobile));
 export function JackpotsListNext(props) {
     const jackpotsNextQuery = useJackpotsNextQuery({
         first: 25,

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

@@ -1,10 +1,10 @@
 import { type ImageProps } from 'next/image';
 import { type CSSProperties, type ReactNode } from 'react';
 import type { GameProvider } from '../../types';
-import { type ClassNameEntries as DailyCheckInQuestClassNameEntries } from './DailyCheckInQuest';
-import { type ClassNameEntries as JourneyQuestClassNameEntries } from './JourneyQuest';
-import { type WageringClassNameEntries, type ClassNameEntries as WageringQuestClassNameEntries } from './WageringQuest';
-import { type ClassNameEntries as WageringQuestNextClassNameEntries } from './WageringQuest__next';
+import type { ClassNameEntries as DailyCheckInQuestClassNameEntries } from './DailyCheckInQuest';
+import type { ClassNameEntries as JourneyQuestClassNameEntries } from './JourneyQuest';
+import type { WageringClassNameEntries, ClassNameEntries as WageringQuestClassNameEntries } from './WageringQuest';
+import type { ClassNameEntries as WageringQuestNextClassNameEntries } from './WageringQuest__next';
 export interface ClassNameEntries {
     root?: string;
     wageringQuest?: string | WageringQuestClassNameEntries;

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

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { isString } from 'lodash-es';
+import dynamic from 'next/dynamic';
 import Image, {} from 'next/image';
 import { Suspense, useEffect, useState, } from 'react';
 import { twMerge } from 'tailwind-merge';
@@ -11,17 +12,17 @@ import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
 import { SpinnerIcon } from '../../icons/SpinnerIcon.js';
 import closeChest from '../../images/close-chest.png';
 import { SegmentGroup } from '../../ui/SegmentGroup/index.js';
-import CWDailyCheckInQuest from './Crazywin/CWDailyCheckInQuest.js';
-import CWJourneyQuest from './Crazywin/CWJourneyQuest.js';
-import CWOnboardingQuest from './Crazywin/CWOnboardingQuest.js';
-import CWWageringQuestNext from './Crazywin/CWWageringQuestNext.js';
-import { DailyCheckInQuest, } from './DailyCheckInQuest.js';
-import { JourneyQuest, } from './JourneyQuest.js';
+const CWDailyCheckInQuest = dynamic(() => import('./Crazywin/CWDailyCheckInQuest.js').then((mod) => mod.default), { ssr: false, loading: () => null });
+const CWJourneyQuest = dynamic(() => import('./Crazywin/CWJourneyQuest.js').then((mod) => mod.default), { ssr: false, loading: () => null });
+const CWOnboardingQuest = dynamic(() => import('./Crazywin/CWOnboardingQuest.js').then((mod) => mod.default), { ssr: false, loading: () => null });
+const CWWageringQuestNext = dynamic(() => import('./Crazywin/CWWageringQuestNext.js').then((mod) => mod.default), { ssr: false, loading: () => null });
+const DailyCheckInQuest = dynamic(() => import('./DailyCheckInQuest.js').then((mod) => mod.DailyCheckInQuest), { ssr: false, loading: () => null });
+const JourneyQuest = dynamic(() => import('./JourneyQuest.js').then((mod) => mod.JourneyQuest), { ssr: false, loading: () => null });
+const OnboardingQuest = dynamic(() => import('./OnboardingQuest.js').then((mod) => mod.OnboardingQuest), { ssr: false, loading: () => null });
+const WageringQuest = dynamic(() => import('./WageringQuest.js').then((mod) => mod.WageringQuest), { ssr: false, loading: () => null });
+const WageringQuestNext = dynamic(() => import('./WageringQuest__next.js').then((mod) => mod.WageringQuestNext), { ssr: false, loading: () => null });
 import { NoQuests } from './NoQuests.js';
-import { OnboardingQuest } from './OnboardingQuest.js';
 import { QuestContext } from './QuestsContext.js';
-import { WageringQuest, } from './WageringQuest.js';
-import { WageringQuestNext, } from './WageringQuest__next.js';
 const TabDefinition = z.enum(['AVAILABLE', 'COMPLETED', 'FAILED']);
 export function Quests__client(props) {
     const featureFlag = useFeatureFlag();

package/dist/components/SingleSignOn/SingleSignOn.d.ts

@@ -1,4 +1,4 @@
-export declare function SingleSignOn(): import("react/jsx-runtime").JSX.Element | null;
+export declare function SingleSignOn(): import("react/jsx-runtime").JSX.Element;
 export declare function VerifyMobileNumber({ onClose }: {
     onClose?: () => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/SingleSignOn/SingleSignOn.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from '@hookform/resolvers/zod';
 import Image from 'next/image';
 import { useParams, useRouter, useSearchParams } from 'next/navigation';
@@ -45,8 +45,6 @@ export function SingleSignOn() {
             toaster.error({
                 description: 'Account creation failed',
             });
-            setIsSsoOpen(false);
-            router.push('/');
         },
     });
     // biome-ignore lint/correctness/useExhaustiveDependencies: We only want to trigger the mutation when the URL parameters change.
@@ -56,18 +54,12 @@ export function SingleSignOn() {
             ssoMutation.mutate({ partnerId, token });
         }
     }, [partnerId, token]);
-    if (ssoMutation.isPending) {
-        return (_jsx(Dialog.Root, { open: isSsoOpen, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "flex items-center", children: _jsxs(Dialog.Content, { className: "flex h-[333px] w-[375px] flex-col items-center space-y-4 bg-[#111827] p-6 text-center", style: {
-                                backgroundImage: `url(${lightBg.src})`,
-                            }, children: [_jsx(Image, { src: inplayLogo, alt: "inplay logo", width: 82, height: 34, className: "h-auto w-[82px]" }), _jsx("div", { className: "mb-4 h-7 w-7 animate-spin rounded-full border-4 border-[#101730] border-t-[#F05027]" }), _jsx("div", { className: "text-[#CECFD2] text-sm", children: "We\u2019re creating an account for you..." }), _jsx("div", { className: "text-[#CECFD2] text-sm", children: "In the meantime, you can watch your favorite series on CinePop!" }), _jsxs("div", { className: "pt-3", children: [_jsx(Image, { src: cinePopLogo, alt: "cine poplogo", width: 151, height: 24, className: "mx-auto mb-2 h-auto w-[151px]" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Image, { src: secretConfessionsLogo, alt: "secret confessions logo", width: 104, height: 53, className: "h-auto w-[104px]" }), _jsx(Image, { src: dearUtolLogo, alt: "dear utol logo", width: 105, height: 53, className: "h-auto w-[105px]" }), _jsx(Image, { src: mariasDiary, alt: "maria's diary logo", width: 104, height: 53, className: "h-auto w-[104px]" })] })] })] }) })] }) }));
-    }
-    if (showVerifyDialog) {
-        return (_jsx(VerifyMobileNumber, { onClose: () => {
-                setShowVerifyDialog(false);
-                router.push('/');
-            } }));
-    }
-    return null;
+    return (_jsxs(_Fragment, { children: [_jsx(Dialog.Root, { open: isSsoOpen, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "flex items-center", children: _jsxs(Dialog.Content, { className: "flex h-[333px] w-[375px] flex-col items-center space-y-4 bg-[#111827] p-6 text-center justify-between", style: {
+                                    backgroundImage: `url(${lightBg.src})`,
+                                }, children: [_jsxs("div", { className: 'flex flex-col items-center', children: [_jsx(Image, { src: inplayLogo, alt: "inplay logo", width: 82, height: 34, className: "h-auto w-[82px] " }), ssoMutation.isError ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-[#CECFD2] text-sm mt-4", children: "Account creation failed. Please try again." }), _jsx(Button, { type: "button", className: 'mt-4', onClick: () => router.push('/'), children: "Back to home page" })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "mb-4 h-7 w-7 animate-spin rounded-full border-4 border-[#101730] border-t-[#F05027]" }), _jsx("div", { className: "text-[#CECFD2] text-sm", children: "We're creating an account for you..." }), _jsx("div", { className: "text-[#CECFD2] text-sm", children: "In the meantime, you can watch your favorite series on CinePop!" })] }))] }), _jsxs("div", { className: "pt-3", children: [_jsx(Image, { src: cinePopLogo, alt: "cine poplogo", width: 151, height: 24, className: "mx-auto mb-2 h-auto w-[151px]" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Image, { src: secretConfessionsLogo, alt: "secret confessions logo", width: 104, height: 53, className: "h-auto w-[104px]" }), _jsx(Image, { src: dearUtolLogo, alt: "dear utol logo", width: 105, height: 53, className: "h-auto w-[105px]" }), _jsx(Image, { src: mariasDiary, alt: "maria's diary logo", width: 104, height: 53, className: "h-auto w-[104px]" })] })] })] }) })] }) }), showVerifyDialog && (_jsx(VerifyMobileNumber, { onClose: () => {
+                    setShowVerifyDialog(false);
+                    router.push('/');
+                } }))] }));
 }
 export function VerifyMobileNumber({ onClose }) {
     const [step, setStep] = useState(1);

package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarousel.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import useEmblaCarousel from 'embla-carousel-react';
 import { isString } from 'lodash-es';
+import dynamic from 'next/dynamic';
 import Image from 'next/image';
 import Link from 'next/link';
 import { useCallback, useEffect, useState, } from 'react';
@@ -13,10 +14,10 @@ import { ChevronRightIcon } from '../../../icons/ChevronRightIcon.js';
 import tournamentIcon from '../../../images/tourna-icon.webp';
 import { Button } from '../../../ui/Button/index.js';
 import { isStyleEntries } from '../../../utils/isStyleEntries.js';
-import { TournamentsCarouselItemCrazywin } from './TournamentCarouselItem.Crazywin.js';
 import { TournamentsCarouselItemContext } from './TournamentsCarouselContext.js';
-import { TournamentsCarouselItem } from './TournamentsCarouselItem.js';
-import { TournamentsCarouselItemHappyBingo } from './TournamentsCarouselItem.HappyBingo.js';
+const TournamentsCarouselItemCrazywin = dynamic(() => import('./TournamentCarouselItem.Crazywin.js').then((mod) => mod.TournamentsCarouselItemCrazywin), { ssr: false, loading: () => null });
+const TournamentsCarouselItemHappyBingo = dynamic(() => import('./TournamentsCarouselItem.HappyBingo.js').then((mod) => mod.TournamentsCarouselItemHappyBingo), { ssr: false, loading: () => null });
+const TournamentsCarouselItem = dynamic(() => import('./TournamentsCarouselItem.js').then((mod) => mod.TournamentsCarouselItem), { ssr: false, loading: () => null });
 export function TournamentsCarousel({ style, className, ...props }) {
     const [emblaRef, emblaApi] = useEmblaCarousel({
         align: 'start',

package/dist/components/Tournaments/TournamentsList/TournamentsList.js

@@ -1,15 +1,16 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { isString } from 'lodash-es';
+import dynamic from 'next/dynamic';
 import Image from 'next/image';
 import { useTournamentsQuery } from '../../../client/hooks/useTournamentsQuery.js';
 import closeChest from '../../../images/close-chest.png';
 import { isStyleEntries } from '../../../utils/isStyleEntries.js';
 import { TournamentsListItemContext, TournamentsListPropsContext, } from './TournamentsListContext.js';
-import { TournamentsListItemCrazyWin } from './TournamentsListItem.CrazyWin.js';
-import { TournamentsListItemHappyBingo } from './TournamentsListItem.HappyBingo.js';
-import { TournamentsListItemDesktop } from './TournamentsListItemDesktop.js';
-import { TournamentsListItemMobile } from './TournamentsListItemMobile.js';
+const TournamentsListItemCrazyWin = dynamic(() => import('./TournamentsListItem.CrazyWin.js').then((mod) => mod.TournamentsListItemCrazyWin), { ssr: false, loading: () => null });
+const TournamentsListItemHappyBingo = dynamic(() => import('./TournamentsListItem.HappyBingo.js').then((mod) => mod.TournamentsListItemHappyBingo), { ssr: false, loading: () => null });
+const TournamentsListItemDesktop = dynamic(() => import('./TournamentsListItemDesktop.js').then((mod) => mod.TournamentsListItemDesktop), { ssr: false, loading: () => null });
+const TournamentsListItemMobile = dynamic(() => import('./TournamentsListItemMobile.js').then((mod) => mod.TournamentsListItemMobile), { ssr: false, loading: () => null });
 export function TournamentsList({ style, className, ...props }) {
     const tournamentsQuery = useTournamentsQuery({
         first: 100,

package/dist/components/TransactionRecords/TableFilters.js

@@ -42,6 +42,10 @@ const DEPOSIT_TYPES_MAP = {
     AIO_PAY_MAYA: 'AiO Maya',
     AIO_GRAB_PAY: 'AiO Grab Pay',
     AIO_PALAWAN_PAY: 'AiO Palawan Pay',
+    AURIX_PAY_QRPH: 'Aurix QRPH',
+    AURIX_PAY_GCASH: 'Aurix GCash',
+    AURIX_PAY_PAYMAYA: 'Aurix Maya',
+    AURIX_PAY_GRAB_PAY: 'Aurix GrabPay',
     MAYA_WEBPAY: 'Maya WebPay',
     TEST: 'Test',
 };

package/dist/schemas/forgotPasswordSchema.d.ts

@@ -8,24 +8,24 @@ export declare const createForgotPasswordSchema: (mobileNumberParser: MobileNumb
     mobileNumber: z.ZodEffects<z.ZodString, string, string>;
     verificationCode: z.ZodEffects<z.ZodString, string, string>;
 }, "strip", z.ZodTypeAny, {
-    verificationCode: string;
     password: string;
     mobileNumber: string;
+    verificationCode: string;
     confirmPassword: string;
 }, {
-    verificationCode: string;
     password: string;
     mobileNumber: string;
+    verificationCode: string;
     confirmPassword: string;
 }>, {
-    verificationCode: string;
     password: string;
     mobileNumber: string;
+    verificationCode: string;
     confirmPassword: string;
 }, {
-    verificationCode: string;
     password: string;
     mobileNumber: string;
+    verificationCode: string;
     confirmPassword: string;
 }>;
 export type ForgotPasswordSchema = z.infer<ReturnType<typeof createForgotPasswordSchema>>;

package/dist/types/index.d.ts

@@ -255,7 +255,7 @@ export interface LatestBetRecord {
     dateTimeSettled: string;
     dateTimeCreated: string;
 }
-export type DepositType = 'BANK' | 'GCASH' | 'MANUAL' | 'MAYA' | 'MAYA_APP' | 'MAYA_WEBPAY' | 'QR_PH' | 'ONLINE_BANK' | 'MANUAL_BANK' | 'MANUAL_UPI' | 'PISO_PAY_CHECKOUT' | 'AIO_GCASH' | 'AIO_PAY_MAYA' | 'AIO_GRAB_PAY' | 'AIO_PALAWAN_PAY' | 'LIBANGAN_PAY_IN' | 'TEST';
+export type DepositType = 'BANK' | 'GCASH' | 'MANUAL' | 'MAYA' | 'MAYA_APP' | 'MAYA_WEBPAY' | 'QR_PH' | 'ONLINE_BANK' | 'MANUAL_BANK' | 'MANUAL_UPI' | 'PISO_PAY_CHECKOUT' | 'AIO_GCASH' | 'AIO_PAY_MAYA' | 'AIO_GRAB_PAY' | 'AIO_PALAWAN_PAY' | 'LIBANGAN_PAY_IN' | 'AURIX_PAY_QRPH' | 'AURIX_PAY_GCASH' | 'AURIX_PAY_PAYMAYA' | 'AURIX_PAY_GRAB_PAY' | 'TEST';
 export type DepositStatus = 'PENDING' | 'ACCEPTED' | 'APPROVED' | 'REJECTED' | 'CONFIRMED' | 'CANCELLED' | 'FAILED';
 export type KnownDepositError = 'INSUFFICIENT_BALANCE' | 'DEPOSIT_CREATION_REQUEST_FAILED' | 'DEPOSIT_EXECUTION_REQUEST_FAILED' | 'REQUEST_SESSION_EXPIRED' | 'REQUEST_TIMEOUT' | 'SYSTEM_CANCELLATION' | 'UNEXPECTED_ERROR' | 'FAILED_TO_PROCESS_PAYMENT' | 'MINIMUM_DEPOSIT_AMOUNT_NOT_MET' | 'UNTOUCHED';
 export interface DepositRecord {