@opexa/portal-components 0.1.70 → 0.1.72

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

@@ -9,7 +9,7 @@ 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 = 30_000;
+const SESSION_WATCH_INTERVAL = 5_000;
 export function SessionWatcher() {
     const router = useRouter();
     const sessionQuery = useSessionQuery();
@@ -22,7 +22,6 @@ export function SessionWatcher() {
     const refetchSessionHealthRef = useRef(sessionHealthQuery.refetch);
     refetchSessionHealthRef.current = sessionHealthQuery.refetch;
     useEffect(() => {
-        let counter = 0;
         let timeout = null;
         let isForeground = true;
         let stopped = false;
@@ -30,7 +29,6 @@ export function SessionWatcher() {
             isForeground = isActive;
         });
         const assignTimeout = () => {
-            const duration = counter <= 0 ? SESSION_WATCH_INTERVAL * 1.5 : SESSION_WATCH_INTERVAL;
             return setTimeout(async () => {
                 if (isForeground && isAuthenticatedRef.current) {
                     try {
@@ -43,9 +41,8 @@ export function SessionWatcher() {
                         return;
                     }
                 }
-                counter += 1;
                 timeout = assignTimeout();
-            }, duration);
+            }, SESSION_WATCH_INTERVAL);
         };
         timeout = assignTimeout();
         return () => {

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;