@opexa/portal-components 0.1.71 → 0.1.73

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

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

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

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

package/dist/components/KYC/KycOpenOnHomeMount.js

@@ -9,7 +9,6 @@ export function KycOpenOnHomeMount({ isSkippable, bypassKycCheck, enablePendingK
     const setkycAccountVerificationRequired = useGlobalStore((s) => s.kycAccountVerificationRequired.setOpen);
     const isSignUpOpen = useGlobalStore((s) => s.signUp.open);
     const isKycOpen = useGlobalStore((s) => s.kyc.open);
-    const isKycReminderOpen = useGlobalStore((s) => s.kycReminder.open);
     const { data: verification, isLoading: verificationLoading } = useMemberVerificationQuery();
     const { data: account, isLoading: accountLoading } = useAccountQuery();
     const isVerificationLocked = account?.status === 'VERIFICATION_LOCKED';
@@ -36,6 +35,8 @@ export function KycOpenOnHomeMount({ isSkippable, bypassKycCheck, enablePendingK
             const shouldShowReminder = Boolean(isSkippable) && !isVerificationLocked;
             const hasSeenKycModal = sessionStorage.getItem('hasSeenKycModal');
             const isFirstVisit = !hasSeenKycModal;
+            // Closing the reminder must not re-run this home-mount decision.
+            const isKycReminderOpen = useGlobalStore.getState().kycReminder.open;
             if (isKycCompleted) {
                 setkycReminderOpen(false);
                 setkycOpen(false);
@@ -112,7 +113,6 @@ export function KycOpenOnHomeMount({ isSkippable, bypassKycCheck, enablePendingK
         accountLoading,
         isSignUpOpen,
         isKycOpen,
-        isKycReminderOpen,
         isVerificationLocked,
         isPending,
         isRejected,

package/dist/components/PortalProvider/SessionWatcher.js

@@ -1,7 +1,5 @@
 'use client';
-import { App } from '@capacitor/app';
 import { useRouter } from 'next/navigation';
-import { useEffect, useRef } from 'react';
 import { useTimeout } from 'usehooks-ts';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
@@ -9,51 +7,13 @@ import { useSessionHealthQuery } from '../../client/hooks/useSessionHealthQuery.
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { useSignOutMutation } from '../../client/hooks/useSignOutMutation.js';
 import { toaster } from '../../client/utils/toaster.js';
-const SESSION_WATCH_INTERVAL = 5_000;
 export function SessionWatcher() {
     const router = useRouter();
     const sessionQuery = useSessionQuery();
-    const isAuthenticated = sessionQuery.data?.status === 'authenticated';
-    const isAuthenticatedRef = useRef(isAuthenticated);
-    isAuthenticatedRef.current = isAuthenticated;
     const sessionHealthQuery = useSessionHealthQuery({
-        enabled: false,
+        enabled: sessionQuery.data?.status === 'authenticated',
+        refetchInterval: 1000 * 5,
     });
-    const refetchSessionHealthRef = useRef(sessionHealthQuery.refetch);
-    refetchSessionHealthRef.current = sessionHealthQuery.refetch;
-    useEffect(() => {
-        let timeout = null;
-        let isForeground = true;
-        let stopped = false;
-        const listener = App.addListener('appStateChange', ({ isActive }) => {
-            isForeground = isActive;
-        });
-        const assignTimeout = () => {
-            return setTimeout(async () => {
-                if (isForeground && isAuthenticatedRef.current) {
-                    try {
-                        await refetchSessionHealthRef.current();
-                    }
-                    catch {
-                        // A failed check must not stop future session checks.
-                    }
-                    if (stopped) {
-                        return;
-                    }
-                }
-                timeout = assignTimeout();
-            }, SESSION_WATCH_INTERVAL);
-        };
-        timeout = assignTimeout();
-        return () => {
-            stopped = true;
-            if (timeout) {
-                clearTimeout(timeout);
-                timeout = null;
-            }
-            void listener.then((handle) => handle.remove()).catch(() => undefined);
-        };
-    }, []);
     const { gameLaunch, reset } = useGlobalStore(useShallow((ctx) => ({
         gameLaunch: ctx.gameLaunch,
         reset: ctx.reset,

package/dist/constants/StorageKey.d.ts

@@ -1,6 +1,7 @@
 export declare const AUTH_CONFIG_COOKIE_NAME: string;
 export declare const ACCESS_TOKEN_COOKIE_NAME: string;
 export declare const REFRESH_TOKEN_COOKIE_NAME: string;
+export declare const FINGERPRINT_COOKIE_NAME: string;
 export declare const DOMAIN_COOKIE_NAME: string;
 export declare const BTAG_COOKIE_NAME: string;
 export declare const CXD_STORAGE_KEY: string;

package/dist/constants/StorageKey.js

@@ -1,6 +1,7 @@
 export const AUTH_CONFIG_COOKIE_NAME = 'WebPortalAuthConfig';
 export const ACCESS_TOKEN_COOKIE_NAME = 'WebPortalAuthAccessToken';
 export const REFRESH_TOKEN_COOKIE_NAME = 'WebPortalAuthRefreshToken';
+export const FINGERPRINT_COOKIE_NAME = 'WebPortalFingerprint';
 export const DOMAIN_COOKIE_NAME = 'WebPortalDomain';
 export const BTAG_COOKIE_NAME = 'WebPortalBtag';
 export const CXD_STORAGE_KEY = 'WebPortalCellxpertCxd';

package/dist/handlers/deleteSession.js

@@ -1,10 +1,10 @@
 import { NextResponse } from 'next/server';
-import { ACCESS_TOKEN_COOKIE_NAME, AUTH_CONFIG_COOKIE_NAME, REFRESH_TOKEN_COOKIE_NAME, } from '../constants/index.js';
+import { ACCESS_TOKEN_COOKIE_NAME, AUTH_CONFIG_COOKIE_NAME, FINGERPRINT_COOKIE_NAME, REFRESH_TOKEN_COOKIE_NAME, } from '../constants/index.js';
 import { destroySession } from '../services/auth.js';
 export async function deleteSession(request) {
     const accessToken = request.cookies.get(ACCESS_TOKEN_COOKIE_NAME)?.value;
     const authConfig = JSON.parse(request.cookies.get(AUTH_CONFIG_COOKIE_NAME)?.value ?? '{}');
-    const authApiBaseUrl = authConfig.apiBaseUrl;
+    const authApiBaseUrl = authConfig.authApiBaseUrl;
     console.log('\n');
     console.log('[DESTROY SESSION]');
     console.log({ authApiBaseUrl });
@@ -21,5 +21,7 @@ export async function deleteSession(request) {
     });
     response.cookies.delete(ACCESS_TOKEN_COOKIE_NAME);
     response.cookies.delete(REFRESH_TOKEN_COOKIE_NAME);
+    response.cookies.delete(AUTH_CONFIG_COOKIE_NAME);
+    response.cookies.delete(FINGERPRINT_COOKIE_NAME);
     return response;
 }

package/dist/handlers/getSession.js

@@ -1,12 +1,12 @@
 import { addDays, addMinutes, subMinutes } from 'date-fns';
 import { NextResponse } from 'next/server';
-import { ACCESS_TOKEN_COOKIE_NAME, AUTH_CONFIG_COOKIE_NAME, BTAG_COOKIE_NAME, DOMAIN_COOKIE_NAME, FINGERPRINT_HEADER_KEY, REFRESH_TOKEN_COOKIE_NAME, } from '../constants/index.js';
+import { ACCESS_TOKEN_COOKIE_NAME, AUTH_CONFIG_COOKIE_NAME, BTAG_COOKIE_NAME, DOMAIN_COOKIE_NAME, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_KEY, REFRESH_TOKEN_COOKIE_NAME, } from '../constants/index.js';
 import { refreshSession } from '../services/auth.js';
 export async function getSession(request) {
     const accessToken = request.cookies.get(ACCESS_TOKEN_COOKIE_NAME)?.value;
     const authConfig = JSON.parse(request.cookies.get(AUTH_CONFIG_COOKIE_NAME)?.value ?? '{}');
     const authVersion = authConfig.version;
-    const authApiBaseUrl = authConfig.apiBaseUrl;
+    const authApiBaseUrl = authConfig.authApiBaseUrl;
     const fingerprint = request.headers.get(FINGERPRINT_HEADER_KEY);
     console.log('\n');
     console.log('[GET SESSION]');
@@ -59,6 +59,7 @@ export async function getSession(request) {
         response.cookies.delete(ACCESS_TOKEN_COOKIE_NAME);
         response.cookies.delete(REFRESH_TOKEN_COOKIE_NAME);
         response.cookies.delete(AUTH_CONFIG_COOKIE_NAME);
+        response.cookies.delete(FINGERPRINT_COOKIE_NAME);
         return response;
     }
     if (!accessToken || !isAccessTokenValid) {
@@ -105,10 +106,16 @@ export async function getSession(request) {
                 sameSite: 'strict',
             });
             if (authVersion === 4) {
+                const _15d = subMinutes(addDays(new Date(), 15), 2);
+                response.cookies.set(FINGERPRINT_COOKIE_NAME, fingerprint ?? '', {
+                    expires: _15d,
+                    httpOnly: true,
+                    sameSite: 'strict',
+                });
                 response.cookies.set(REFRESH_TOKEN_COOKIE_NAME, authVersion === 4
                     ? data.data.refreshToken
                     : data.refreshToken, {
-                    expires: subMinutes(addDays(new Date(), 15), 2),
+                    expires: _15d,
                     httpOnly: true,
                     sameSite: 'strict',
                 });
@@ -131,6 +138,7 @@ export async function getSession(request) {
             });
             response.cookies.delete(REFRESH_TOKEN_COOKIE_NAME);
             response.cookies.delete(AUTH_CONFIG_COOKIE_NAME);
+            response.cookies.delete(FINGERPRINT_COOKIE_NAME);
             return response;
         }
     }

package/dist/handlers/postSession.js

@@ -1,7 +1,7 @@
 import { addDays, addMinutes, subMinutes } from 'date-fns';
 import { NextResponse } from 'next/server';
 import { z } from 'zod';
-import { ACCESS_TOKEN_COOKIE_NAME, API_VERSION_HEADER_KEY, AUTH_API_BASE_URL_HEADER_KEY, AUTH_CONFIG_COOKIE_NAME, DOMAIN_HEADER_KEY, FINGERPRINT_HEADER_KEY, GOOGLE_FRAUD_DEFENSE_HEADER_KEY, PLATFORM_WEB_HEADER_KEY, RECAPTCHA_HEADER_KEY, REFRESH_TOKEN_COOKIE_NAME, SESSION_VERSION_HEADER_KEY, } from '../constants/index.js';
+import { ACCESS_TOKEN_COOKIE_NAME, API_VERSION_HEADER_KEY, AUTH_API_BASE_URL_HEADER_KEY, AUTH_CONFIG_COOKIE_NAME, DOMAIN_HEADER_KEY, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_KEY, GOOGLE_FRAUD_DEFENSE_HEADER_KEY, PLATFORM_WEB_HEADER_KEY, RECAPTCHA_HEADER_KEY, REFRESH_TOKEN_COOKIE_NAME, SESSION_VERSION_HEADER_KEY, } from '../constants/index.js';
 import { createSession, } from '../services/auth.js';
 const CreateSessionDefinition = z.union([
     z.object({
@@ -103,6 +103,11 @@ export async function postSession(request) {
             httpOnly: true,
             sameSite: 'strict',
         });
+        response.cookies.set(FINGERPRINT_COOKIE_NAME, fingerprint ?? '', {
+            expires: _15d,
+            httpOnly: true,
+            sameSite: 'strict',
+        });
         response.cookies.set(AUTH_CONFIG_COOKIE_NAME, JSON.stringify({
             version,
             authApiBaseUrl,

package/dist/middleware.js

@@ -1,30 +1,58 @@
-import { addMinutes } from 'date-fns';
+import { addDays, addMinutes, subMinutes } from 'date-fns';
 import { NextResponse, } from 'next/server';
-import { ACCESS_TOKEN_COOKIE_NAME, REFRESH_TOKEN_COOKIE_NAME, } from './constants/index.js';
+import { ACCESS_TOKEN_COOKIE_NAME, AUTH_CONFIG_COOKIE_NAME, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_KEY, REFRESH_TOKEN_COOKIE_NAME, } from './constants/index.js';
 import { refreshSession } from './services/auth.js';
 export const middleware = async (req) => {
     const accessToken = req.cookies.get(ACCESS_TOKEN_COOKIE_NAME)?.value;
     const refreshToken = req.cookies.get(REFRESH_TOKEN_COOKIE_NAME)?.value;
+    const authConfig = JSON.parse(req.cookies.get(AUTH_CONFIG_COOKIE_NAME)?.value ?? '{}');
+    const authVersion = authConfig.version;
+    const authApiBaseUrl = authConfig.authApiBaseUrl;
+    const fingerprint = req.cookies.get(FINGERPRINT_COOKIE_NAME)?.value;
     const res = NextResponse.next();
     const forwarded = req.headers.get('x-forwarded-for');
     const realIp = req.headers.get('x-real-ip');
     const ipaddress = forwarded || realIp || 'unknown';
+    console.log('\n');
+    console.log('[MIDDLEWARE]');
+    console.log({
+        authVersion,
+        authApiBaseUrl,
+        fingerprint,
+        accessToken,
+        refreshToken,
+    });
+    console.log('\n');
     if (!accessToken && refreshToken) {
         try {
             const data = await refreshSession({
                 headers: {
                     Authorization: `Bearer ${refreshToken}`,
                     'x-forwarded-for': ipaddress,
+                    ...(fingerprint && {
+                        [FINGERPRINT_HEADER_KEY]: fingerprint,
+                    }),
                 },
-            });
-            res.cookies.set(ACCESS_TOKEN_COOKIE_NAME, data.accessToken, {
-                expires: addMinutes(new Date(), 9),
+            }, authVersion, authApiBaseUrl);
+            res.cookies.set(ACCESS_TOKEN_COOKIE_NAME, authVersion === 4 ? data.data.accessToken : data.accessToken, {
+                expires: addMinutes(new Date(), authVersion === 4 ? 4 : 9),
                 httpOnly: true,
                 sameSite: 'strict',
             });
+            if (authVersion === 4) {
+                res.cookies.set(REFRESH_TOKEN_COOKIE_NAME, authVersion === 4
+                    ? data.data.refreshToken
+                    : data.refreshToken, {
+                    expires: subMinutes(addDays(new Date(), 15), 2),
+                    httpOnly: true,
+                    sameSite: 'strict',
+                });
+            }
         }
         catch {
             res.cookies.delete(REFRESH_TOKEN_COOKIE_NAME);
+            res.cookies.delete(AUTH_CONFIG_COOKIE_NAME);
+            res.cookies.delete(FINGERPRINT_COOKIE_NAME);
         }
     }
     return res;