@opexa/portal-components 0.0.680 → 0.0.682

package/dist/client/hooks/useCamera.d.ts

@@ -11,8 +11,9 @@ export interface CameraData {
 }
 export interface UseCameraReturn<T extends string = never> {
     open(): Promise<void>;
+    openNativeCamera(): Promise<CameraData | null>;
     close(): Promise<void>;
-    snap(): CameraData | null;
+    snap(): Promise<CameraData | null>;
     reopen(): Promise<void>;
     reset(): Promise<void>;
     data: CameraData | null;

package/dist/client/hooks/useCamera.js

@@ -1,5 +1,6 @@
 import { isBoolean } from 'lodash-es';
 import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import invariant from 'tiny-invariant';
 import { useMediaQuery } from 'usehooks-ts';
 export function useCamera(options = {}) {
     const videoRef = useRef(null);
@@ -78,6 +79,68 @@ export function useCamera(options = {}) {
             setLoading(false);
         }
     }, [options, desktop]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: Intentional empty deps: we need a stable openNativeCamera reference.
+    const openNativeCamera = useCallback(async () => {
+        setData(null);
+        setError(null);
+        setSnapping(true);
+        try {
+            // Dynamically import only when running native
+            const { Camera, CameraResultType } = await import('@capacitor/camera');
+            const photo = await Camera.getPhoto({
+                quality: 90,
+                resultType: CameraResultType.Uri,
+                saveToGallery: false,
+                allowEditing: false,
+            });
+            if (!photo.webPath) {
+                throw new Error('No photo returned from native camera');
+            }
+            console.log(photo, 'photo');
+            const response = await fetch(photo.webPath);
+            const blob = await response.blob();
+            const file = new File([blob], `${crypto.randomUUID()}.jpeg`, {
+                type: blob.type,
+                lastModified: Date.now(),
+            });
+            // Convert blob → base64 data URL
+            const url = await new Promise((resolve, reject) => {
+                const reader = new FileReader();
+                reader.onloadend = () => {
+                    if (typeof reader.result === 'string')
+                        resolve(reader.result);
+                    else
+                        reject(new Error('Failed to read image as data URL'));
+                };
+                reader.onerror = reject;
+                reader.readAsDataURL(blob);
+            });
+            const image = new Image();
+            image.src = url;
+            if (!image.complete || image.naturalWidth === 0) {
+                await new Promise((resolve, reject) => {
+                    image.onload = () => resolve();
+                    image.onerror = () => reject(new Error('Failed to load preview image'));
+                });
+            }
+            const data = {
+                url,
+                file,
+                image,
+            };
+            setData(data);
+            setSnapping(false);
+            return data;
+        }
+        catch (e) {
+            setError({
+                name: 'CameraError',
+                message: e instanceof Error ? e.message : 'Failed to open native camera',
+            });
+            setSnapping(false);
+            return null;
+        }
+    }, [setData, setError, setSnapping]);
     const close = useCallback(() => {
         setData(null);
         setError(null);
@@ -89,33 +152,76 @@ export function useCamera(options = {}) {
             resolve();
         });
     }, []);
-    const snap = useCallback(() => {
+    const snap = useCallback(async () => {
+        setData(null);
+        setError(null);
+        setSnapping(true);
         const video = videoRef.current;
-        if (!video)
-            return null;
         const canvas = document.createElement('canvas');
         const context = canvas.getContext('2d');
-        if (!context)
-            return null;
+        invariant(video, 'Could not find video element');
+        invariant(context, 'Could not get canvas context');
+        video.currentTime = 1;
         canvas.width = video.videoWidth;
         canvas.height = video.videoHeight;
-        context.drawImage(video, 0, 0, canvas.width, canvas.height);
-        const url = canvas.toDataURL('image/jpeg', 0.9);
-        const arr = atob(url.split(',')[1]);
-        const u8arr = new Uint8Array(arr.length);
-        for (let i = 0; i < arr.length; i++)
-            u8arr[i] = arr.charCodeAt(i);
-        const file = new File([u8arr], `${crypto.randomUUID()}.jpeg`, {
-            type: 'image/jpeg',
+        context.imageSmoothingEnabled = true;
+        context.imageSmoothingQuality = 'high';
+        context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
+        return new Promise((resolve) => {
+            canvas.toBlob(async (blob) => {
+                if (!blob) {
+                    setSnapping(false);
+                    resolve(null);
+                    return setError({
+                        name: 'CameraError',
+                        message: "'canvas.toBlob' failed to create blob",
+                    });
+                }
+                const url = canvas.toDataURL('image/jpeg', 1);
+                const file = new File([blob], `${crypto.randomUUID()}.jpeg`, {
+                    type: 'image/jpeg',
+                    endings: 'native',
+                    lastModified: Date.now(),
+                });
+                const image = new Image();
+                image.src = url;
+                image.alt = '';
+                image.width = canvas.width;
+                image.height = canvas.height;
+                if (!image.complete || image.naturalWidth === 0) {
+                    await new Promise((resolve, reject) => {
+                        image.onload = () => resolve();
+                        image.onerror = () => reject();
+                    });
+                }
+                const data = {
+                    url,
+                    file,
+                    image,
+                };
+                if (!options.transform) {
+                    setData(data);
+                    setSnapping(false);
+                    resolve(data);
+                    return;
+                }
+                const transformResult = await options.transform({
+                    ...data,
+                    video,
+                    canvas,
+                });
+                if (transformResult.ok) {
+                    setData(transformResult.data);
+                    resolve(transformResult.data);
+                }
+                else {
+                    setError(transformResult.error);
+                    resolve(null);
+                }
+                setSnapping(false);
+            }, 'image/jpeg', 1);
         });
-        const image = new Image();
-        image.src = url;
-        image.width = canvas.width;
-        image.height = canvas.height;
-        const data = { url, file, image };
-        setData(data);
-        return data;
-    }, []);
+    }, [options]);
     const reset = useCallback(() => {
         setData(null);
         setError(null);
@@ -157,6 +263,7 @@ export function useCamera(options = {}) {
     return {
         snap,
         open,
+        openNativeCamera,
         close,
         reopen,
         reset,

package/dist/client/hooks/useSignOutMutation.js

@@ -1,7 +1,10 @@
 import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { unregisterFCMDevice } from '../../services/trigger.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getSignOutMutationKey } from '../../utils/mutationKeys.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
 import { signOut } from '../services/signOut.js';
 const IDLE_TIMESTAMP_KEY = 'idle-logout-timestamp';
 export const useSignOutMutation = (config) => {
@@ -10,6 +13,18 @@ export const useSignOutMutation = (config) => {
         ...config,
         mutationKey: getSignOutMutationKey(),
         mutationFn: async () => {
+            const session = await getQueryClient().fetchQuery({
+                queryKey: getSessionQueryKey(),
+                queryFn: async () => getSession(),
+            });
+            invariant(session.status === 'authenticated');
+            await unregisterFCMDevice({
+                type: ['IOS', 'ANDROID'],
+            }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
             await signOut();
             await queryClient.invalidateQueries({ queryKey: getSessionQueryKey() });
             queryClient.removeQueries();

package/dist/client/utils/biometric.js

@@ -1,5 +1,5 @@
 import { addDays, isAfter } from 'date-fns';
-const SERVER = `com.${process.env.NEXT_PUBLIC_PLATFORM_CODE}.app`;
+const SERVER = `${process.env.NEXT_PUBLIC_PLATFORM_CODE?.toLocaleLowerCase()}.app`;
 export const BIOMETRIC_STORAGE_KEY = `${process.env.NEXT_PUBLIC_PLATFORM_CODE}__BiometricEnabled`;
 export var BiometryType;
 (function (BiometryType) {

package/dist/components/AccountInfo/GoogleDisconnect.d.ts

@@ -0,0 +1,7 @@
+import { type UseDisclosureReturn } from '../../client/hooks/useDisclosure';
+interface GoogleDisconnectProps {
+    onConfirmAction?: (ctx: UseDisclosureReturn) => React.ReactNode;
+    children?: (ctx: UseDisclosureReturn) => React.ReactNode;
+}
+export declare function GoogleDisconnect(props: GoogleDisconnectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/AccountInfo/GoogleDisconnect.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useDisclosure, } from '../../client/hooks/useDisclosure.js';
+import { LinkBrokenIcon } from '../../icons/LinkBrokenIcon.js';
+import { XIcon } from '../../icons/XIcon.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
+export function GoogleDisconnect(props) {
+    const disclosure = useDisclosure();
+    return (_jsxs(_Fragment, { children: [props.children?.(disclosure), _jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: disclosure.open, onOpenChange: (details) => disclosure.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", children: _jsxs(Dialog.Content, { className: "mx-auto min-h-auto max-w-[25rem] overflow-y-auto rounded-xl p-6", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col ", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-brand-secondary text-text-brand", children: _jsx(LinkBrokenIcon, {}) }), _jsx("h2", { className: "mb-1 text-center font-semibold text-lg xl:mt-xl", children: "Disconnect Google Account" }), _jsx("p", { className: "text-center text-sm text-text-tertiary-600 leading-2xl", children: "Are you sure you want to disconnect your Google account? This may affect your ability to log in or sync data." })] }), _jsx("div", { className: "pt-6", children: props.onConfirmAction?.(disclosure) })] }) })] }) })] }));
+}

package/dist/components/DepositWithdrawal/AiOPaymentMethods.js

@@ -4,12 +4,12 @@ import { twMerge } from 'tailwind-merge';
 import { useControllableState } from '../../client/hooks/useControllableState.js';
 import { CheckIcon } from '../../icons/CheckIcon.js';
 import gcash from '../../images/gcash.png';
-import maya from '../../images/maya.png';
 import grabPay from '../../images/grabpay.png';
+import maya from '../../images/maya.png';
 import palawanPay from '../../images/palawanpay.png';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Field } from '../../ui/Field/index.js';
-import { AiOeWalletPaymentMethodDefinition } from './utils.js';
+import { AiOeWalletPaymentMethodDefinition, } from './utils.js';
 const AIO_EWALLET_OPTIONS = [
     {
         value: 'AIO_GCASH',
@@ -50,6 +50,6 @@ export function AiOPaymentMethods(props) {
                         return;
                     setValue(parseValue(lastValue));
                 }, className: "grid grid-cols-2 gap-x-4 gap-y-3", children: options.map((option) => (_jsxs(Checkbox.Root, { value: option.value, className: "flex cursor-pointer items-center justify-between rounded-xl border border-border-secondary ui-checked:border-border-brand-solid p-lg", children: [_jsx("div", { className: twMerge('rounded-xs', option.value === 'AIO_GRAB_PAY'
-                                ? 'bg-transparent py-0 px-0'
-                                : 'bg-white py-[0.688rem] px-sm', option.value === 'AIO_GCASH' && 'bg-[#017EFF]', option.value === 'AIO_PALAWAN_PAY' && 'bg-[#026308]', option.value === 'AIO_PAY_MAYA' && 'bg-black'), children: _jsx(Image, { src: option.image, alt: "", width: 200, height: 40, className: twMerge('w-auto h-[1.063rem]', option.value === 'AIO_GRAB_PAY' && 'h-[3rem] rounded-[4px]', option.value === 'AIO_PALAWAN_PAY' && 'h-[2rem]'), draggable: false }) }), _jsx(Checkbox.Control, { className: "shrink-0", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.HiddenInput, {})] }, option.value))) })] }));
+                                ? 'bg-transparent px-0 py-0'
+                                : 'bg-white px-sm py-[0.688rem]', option.value === 'AIO_GCASH' && 'bg-[#017EFF]', option.value === 'AIO_PALAWAN_PAY' && 'bg-[#026308]', option.value === 'AIO_PAY_MAYA' && 'bg-black'), children: _jsx(Image, { src: option.image, alt: "", width: 200, height: 40, className: twMerge('h-[1.063rem] w-auto', option.value === 'AIO_GRAB_PAY' && 'h-[3rem] rounded-[4px]', option.value === 'AIO_PALAWAN_PAY' && 'h-[2rem]'), draggable: false }) }), _jsx(Checkbox.Control, { className: "shrink-0", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.HiddenInput, {})] }, option.value))) })] }));
 }

package/dist/components/DepositWithdrawal/PaymentMethods.js

@@ -3,13 +3,13 @@ import Image from 'next/image';
 import { twMerge } from 'tailwind-merge';
 import { useControllableState } from '../../client/hooks/useControllableState.js';
 import { CheckIcon } from '../../icons/CheckIcon.js';
-import qrph from '../../images/QRPH.png';
 import gcash from '../../images/gcash.png';
 import instapay from '../../images/instapay.png';
 import libangan from '../../images/libangan.png';
 import maya from '../../images/maya.png';
 import onlineBank from '../../images/online-bank.png';
 import pisoPay from '../../images/piso-pay.png';
+import qrph from '../../images/QRPH.png';
 import wallet from '../../images/wallet.png';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Field } from '../../ui/Field/index.js';
@@ -80,8 +80,9 @@ export function PaymentMethods(props) {
                     if (!lastValue)
                         return;
                     setValue(PaymentMethodDefinition.parse(lastValue));
-                }, className: "grid grid-cols-2 gap-x-4 gap-y-3", children: options.map((option) => (_jsxs(Checkbox.Root, { value: option.value, className: "flex cursor-pointer items-center justify-between rounded-xl border border-border-secondary ui-checked:border-border-brand-solid p-lg", children: [_jsxs("div", { className: twMerge('rounded-xs bg-white px-sm py-[0.688rem]', option.value === 'GCASH' && 'bg-[#017EFF]', option.value === 'AIO_EWALLET' && 'bg-bg-secondary flex items-center space-x-sm'), children: [_jsx(Image, { src: option.image, alt: "", width: 200, height: 40, className: twMerge('w-auto', option.value === 'LIBANGAN_PAY_IN' ||
+                }, className: "grid grid-cols-2 gap-x-4 gap-y-3", children: options.map((option) => (_jsxs(Checkbox.Root, { value: option.value, className: "flex cursor-pointer items-center justify-between rounded-xl border border-border-secondary ui-checked:border-border-brand-solid p-lg", children: [_jsxs("div", { className: twMerge('rounded-xs bg-white px-sm py-[0.688rem]', option.value === 'GCASH' && 'bg-[#017EFF]', option.value === 'AIO_EWALLET' &&
+                                'flex items-center space-x-sm bg-bg-secondary'), children: [_jsx(Image, { src: option.image, alt: "", width: 200, height: 40, className: twMerge('w-auto', option.value === 'LIBANGAN_PAY_IN' ||
                                         option.value === 'VENTAJA_DISBURSEMENT'
                                         ? 'h-[2.5rem]'
-                                        : 'h-[1.063rem]'), draggable: false }), option.value === 'AIO_EWALLET' && _jsx("p", { className: 'text-text-secondary-700 text-xs leading-tight', children: "AIO eWallet" })] }), _jsx(Checkbox.Control, { className: "shrink-0", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.HiddenInput, {})] }, option.value))) })] }));
+                                        : 'h-[1.063rem]'), draggable: false }), option.value === 'AIO_EWALLET' && (_jsx("p", { className: "text-text-secondary-700 text-xs leading-tight", children: "AIO eWallet" }))] }), _jsx(Checkbox.Control, { className: "shrink-0", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.HiddenInput, {})] }, option.value))) })] }));
 }

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ark } from '@ark-ui/react/factory';
 import { BiometricAuthError } from 'capacitor-native-biometric';
+import { useState } from 'react';
 import { useShallow } from 'zustand/shallow';
 import { useCreateGameSessionMutation } from '../../client/hooks/useCreateGameSessionMutation.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
@@ -9,7 +10,7 @@ import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerifica
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { getSession } from '../../client/services/getSession.js';
 import { signIn } from '../../client/services/signIn.js';
-import { getBiometricCredentials, getBiometricInfo, hasSavedBiometry, performBiometricVerification, saveBiometricCredentials, } from '../../client/utils/biometric.js';
+import { deleteBiometricCredentials, getBiometricCredentials, getBiometricInfo, hasSavedBiometry, performBiometricVerification, saveBiometricCredentials, } from '../../client/utils/biometric.js';
 import { toaster } from '../../client/utils/toaster.js';
 import { createSingleUseToken } from '../../services/auth.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
@@ -23,6 +24,7 @@ export function GameLaunchTrigger(props) {
         gameLaunch: ctx.gameLaunch,
         kycVerificationStatus: ctx.kycVerificationStatus,
     })));
+    const [hasCancelledBiometric, setHasCancelledBiometric] = useState(false);
     const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
     const currentHour = new Date().getHours();
     const between3amAnd3pm = currentHour >= 15 || currentHour < 3;
@@ -44,7 +46,7 @@ export function GameLaunchTrigger(props) {
                 : 'open', ...props, disabled: disabled, onClick: async (e) => {
             props.onClick?.(e);
             if (sessionQuery.data?.status === 'unauthenticated') {
-                if (hasSavedBiometry()) {
+                if (hasSavedBiometry() && !hasCancelledBiometric) {
                     const ok = await performBiometricVerification({
                         reason: 'Login to your account',
                         title: 'Login',
@@ -56,7 +58,10 @@ export function GameLaunchTrigger(props) {
                         const info = await getBiometricInfo();
                         if (info.errorCode === BiometricAuthError.APP_CANCEL ||
                             info.errorCode === BiometricAuthError.USER_CANCEL ||
-                            info.errorCode === BiometricAuthError.SYSTEM_CANCEL) {
+                            info.errorCode === BiometricAuthError.SYSTEM_CANCEL ||
+                            info.errorCode === undefined ||
+                            info.errorCode === null) {
+                            setHasCancelledBiometric(true);
                             console.log('Biometric verification cancelled');
                         }
                         else {
@@ -71,10 +76,21 @@ export function GameLaunchTrigger(props) {
                         globalStore.signIn.setOpen(!globalStore.signIn.open);
                         return;
                     }
-                    await signIn({
-                        type: 'SINGLE_USE_TOKEN',
-                        token: credentials.password,
-                    });
+                    try {
+                        console.log('Signing in using biometric credentials');
+                        await signIn({
+                            type: 'SINGLE_USE_TOKEN',
+                            token: credentials.password,
+                        });
+                    }
+                    catch {
+                        toaster.error({
+                            title: 'Biometric sign-in token has expired.',
+                            description: 'Please sign in with your mobile number or username to re-enable biometric login.',
+                        });
+                        deleteBiometricCredentials();
+                        globalStore.signIn.setOpen(!globalStore.signIn.open);
+                    }
                     getQueryClient().invalidateQueries({
                         queryKey: getSessionQueryKey(),
                     });
@@ -95,19 +111,56 @@ export function GameLaunchTrigger(props) {
                         else {
                             console.warn('Failed to updated biometric credentials');
                             globalStore.signIn.setOpen(!globalStore.signIn.open);
-                            return;
                         }
                     }
                     else {
                         console.error('Failed to create token');
                         globalStore.signIn.setOpen(!globalStore.signIn.open);
-                        return;
                     }
                 }
                 else {
-                    globalStore.signIn.setOpen(true);
-                    return;
+                    // still update biometric credentials if user has cancelled biometric once
+                    if (hasCancelledBiometric) {
+                        const credentials = await getBiometricCredentials();
+                        if (!credentials) {
+                            toaster.error({ description: 'Biometric verification failed' });
+                            globalStore.signIn.setOpen(!globalStore.signIn.open);
+                            return;
+                        }
+                        await signIn({
+                            type: 'SINGLE_USE_TOKEN',
+                            token: credentials.password,
+                        });
+                        getQueryClient().invalidateQueries({
+                            queryKey: getSessionQueryKey(),
+                        });
+                        const session = await getSession();
+                        const r = await createSingleUseToken({
+                            headers: {
+                                Authorization: `Bearer ${session.token}`,
+                            },
+                        });
+                        if (r.token) {
+                            const saved = await saveBiometricCredentials({
+                                username: credentials.username,
+                                password: r.token,
+                            });
+                            if (saved) {
+                                console.info('Biometric credentials has been updated');
+                            }
+                            else {
+                                console.warn('Failed to updated biometric credentials');
+                                globalStore.signIn.setOpen(!globalStore.signIn.open);
+                            }
+                        }
+                        else {
+                            console.error('Failed to create token');
+                            globalStore.signIn.setOpen(!globalStore.signIn.open);
+                        }
+                    }
+                    globalStore.signIn.setOpen(!globalStore.signIn.open);
                 }
+                return props.onClick?.(e);
             }
             //handle new kyc process to play only on verified members only
             if (verificationStatus === 'PENDING' ||

package/dist/components/KYC/KYCDefault/PersonalInformation.js

@@ -10,6 +10,7 @@ import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useMemberVerificationQuery } from '../../../client/hooks/useMemberVerificationQuery.js';
 import { useSignOutMutation } from '../../../client/hooks/useSignOutMutation.js';
 import { useUpdateMemberVerificationMutation } from '../../../client/hooks/useUpdateMemberVerificationMutation.js';
+import { BIOMETRIC_STORAGE_KEY } from '../../../client/utils/biometric.js';
 import { toaster } from '../../../client/utils/toaster.js';
 import { CheckIcon } from '../../../icons/CheckIcon.js';
 import { Button } from '../../../ui/Button/index.js';
@@ -38,7 +39,16 @@ export function PersonalInformation() {
     const router = useRouter();
     const signOutMutation = useSignOutMutation({
         onSuccess() {
-            localStorage.clear();
+            const keep = new Set([BIOMETRIC_STORAGE_KEY]);
+            for (let i = 0; i < localStorage.length;) {
+                const key = localStorage.key(i);
+                if (key && !keep.has(key)) {
+                    localStorage.removeItem(key);
+                }
+                else {
+                    i++;
+                }
+            }
             sessionStorage.clear();
             router.replace('/');
         },

package/dist/components/KYC/KYCReminder.lazy.js

@@ -28,16 +28,14 @@ export function KYCReminder(props) {
     const signOutMutation = useSignOutMutation({
         onSuccess() {
             // Clear everything except the 'biometric' entry
-            {
-                const keep = new Set([BIOMETRIC_STORAGE_KEY]);
-                for (let i = 0; i < localStorage.length;) {
-                    const key = localStorage.key(i);
-                    if (key && !keep.has(key)) {
-                        localStorage.removeItem(key);
-                    }
-                    else {
-                        i++;
-                    }
+            const keep = new Set([BIOMETRIC_STORAGE_KEY]);
+            for (let i = 0; i < localStorage.length;) {
+                const key = localStorage.key(i);
+                if (key && !keep.has(key)) {
+                    localStorage.removeItem(key);
+                }
+                else {
+                    i++;
                 }
             }
             sessionStorage.clear();

package/dist/components/KYC/KYCVerificationStatus.lazy.js

@@ -19,18 +19,15 @@ export function KYCVerificationStatus() {
     const icons = status === 'PENDING' ? bellIcon : alertIcon;
     return (_jsx(Dialog.Root, { open: globalStore.kycVerificationStatus.open, onOpenChange: (details) => {
             globalStore.kycVerificationStatus.setOpen(details.open);
-        }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", className: "w-60 object-contain", draggable: false, width: 120, height: 120 }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED' ||
-                                            (status === 'CREATED' && 'Verification Required')] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
+        }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", className: "w-60 object-contain", draggable: false, width: 120, height: 120 }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED' && 'Verification Required'] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
                                             `Your account verification is still under review. Please wait
 								until it's approved before you can continue playing or
 								depositing.`, status === 'REJECTED' &&
-                                            'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' ||
-                                            (status === 'CREATED' &&
-                                                'Your account is not yet verified. Please complete the verification process to continue playing or depositing.')] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {
+                                            'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' &&
+                                            'Your account is not yet verified. Please complete the verification process to continue playing or depositing.'] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {
                                         globalStore.kycVerificationStatus.setOpen(false);
                                         globalStore.kyc.setOpen(true);
-                                    }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' ||
-                                            (status === 'CREATED' && 'Verify Now')] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
+                                    }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' && 'Verify Now'] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
                                         globalStore.kycVerificationStatus.setOpen(false);
                                     }, children: "Close" })] }) }) })] }) }));
 }

package/dist/components/KYC/KycOpenOnHomeMount.js

@@ -33,6 +33,7 @@ export function KycOpenOnHomeMount(props) {
             !verification?.placeOfBirth ||
             !verification?.address;
     useEffect(() => {
+        console.log(hasntSubmittedCompliantDocs, hasntCompletedKYC);
         if (!verificationLoading && !accountLoading) {
             // Handle pending case with feature flag
             if (isPending) {

package/dist/components/PortalProvider/CXDTokenObserver.js

@@ -1,30 +1,30 @@
 'use client';
 import { addHours } from 'date-fns';
 import { clamp } from 'lodash-es';
+import { useSearchParams } from 'next/navigation';
 import { useLocalStorage, useTimeout } from 'usehooks-ts';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 export function CXDTokenObserver() {
-    const { data: account } = useAccountQuery();
-    const accountCxd = {
-        cxd: account?.cellxpertDetails?.cxd,
-    };
-    const [cxd, setCxd, removeCxd] = useLocalStorage('cxd', null);
+    const searchParams = useSearchParams();
+    const cxdToken = searchParams.get('cxd');
+    const accountQuery = useAccountQuery();
+    const account = accountQuery.data;
+    const [cxd, setCxd, removeCxd] = useLocalStorage('WebPortalCellxpertCxd', null);
     const now = new Date();
+    const shouldTimeoutRun = cxdToken && account;
     const removeCxdUntilInMs = cxd?.timestamp
         ? clamp(cxd.timestamp - now.getTime(), 0, Infinity)
         : 0;
     useTimeout(() => {
-        const isSame = cxd?.cxd === accountCxd.cxd;
+        const isSame = cxd?.cxd === cxdToken;
         if (!isSame) {
             const extendedTimestamp = addHours(new Date(), 6).getTime();
             setCxd({
-                cxd: accountCxd.cxd,
+                cxd: cxdToken,
                 timestamp: extendedTimestamp,
             });
         }
-    }, account ? 100 : null);
-    useTimeout(() => {
-        removeCxd();
-    }, account ? removeCxdUntilInMs : null);
+    }, shouldTimeoutRun ? 100 : null);
+    useTimeout(() => removeCxd(), shouldTimeoutRun ? removeCxdUntilInMs : null);
     return null;
 }

package/dist/components/RegisterBiometrics/RegisterBiometrics.js

@@ -45,7 +45,9 @@ export function RegisterBiometrics() {
                                             const info = await getBiometricInfo();
                                             if (info.errorCode === BiometricAuthError.APP_CANCEL ||
                                                 info.errorCode === BiometricAuthError.USER_CANCEL ||
-                                                info.errorCode === BiometricAuthError.SYSTEM_CANCEL) {
+                                                info.errorCode === BiometricAuthError.SYSTEM_CANCEL ||
+                                                info.errorCode === undefined ||
+                                                info.errorCode === null) {
                                                 return;
                                             }
                                             else {

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -6,6 +6,7 @@ import { useRouter } from 'next/navigation';
 import { useRef } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { twMerge } from 'tailwind-merge';
+import invariant from 'tiny-invariant';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useCooldown } from '../../client/hooks/useCooldown.js';
@@ -14,12 +15,14 @@ import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
 import { useMobileNumberParser } from '../../client/hooks/useMobileNumberParser.js';
 import { useSendVerificationCodeMutation } from '../../client/hooks/useSendVerificationCodeMutation.js';
 import { useSignInMutation } from '../../client/hooks/useSignInMutation.js';
+import { getSession } from '../../client/services/getSession.js';
 import { hasSavedBiometry } from '../../client/utils/biometric.js';
 import { toaster } from '../../client/utils/toaster.js';
 import { ArrowLeftIcon } from '../../icons/ArrowLeftIcon.js';
 import { CheckIcon } from '../../icons/CheckIcon.js';
 import pagcorLogo from '../../images/pagcor-round-icon.png';
 import responsibleGamingLogo from '../../images/responsible-gaming-gold.png';
+import { unregisterFCMDevice } from '../../services/trigger.js';
 import { Button } from '../../ui/Button/index.js';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Field } from '../../ui/Field/index.js';
@@ -45,11 +48,20 @@ export function MobileNumberSignIn() {
         registerBiometrics: ctx.registerBiometrics,
     })));
     const signInMutation = useSignInMutation({
-        onSuccess: () => {
+        onSuccess: async () => {
             step1Form.reset();
             step2Form.reset();
             context.setStep(1);
             globalStore.signIn.setOpen(false);
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await unregisterFCMDevice({
+                type: ['IOS', 'ANDROID'],
+            }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
             if (signInProps.shouldShowResponsibleGamingReminder) {
                 globalStore.responsibleGamingReminder.setOpen(true);
             }