chore(deps): Fix browser close action to cancel loading page behaviour (#2750)

Author: rodrigo-fournier-immutable

packages/auth/src/Auth.ts

@@ -41,6 +41,7 @@ import { isAccessTokenExpiredOrExpiring } from './utils/token';
 import LoginPopupOverlay from './overlay/loginPopupOverlay';
 import { LocalForageAsyncStorage } from './storage/LocalForageAsyncStorage';
 
+const LOGIN_POPUP_CLOSED_POLLING_DURATION = 500;
 const formUrlEncodedHeaders = {
   'Content-Type': 'application/x-www-form-urlencoded',
 };
@@ -498,14 +499,43 @@ export class Auth {
       const signinPopup = async () => {
         const extraQueryParams = this.buildExtraQueryParams(directLoginOptionsToUse, imPassportTraceId);
 
-        return this.userManager.signinPopup({
+        const userPromise = this.userManager.signinPopup({
           extraQueryParams,
           popupWindowFeatures: {
             width: 410,
             height: 450,
           },
           popupWindowTarget,
+          // Enable oidc-client-ts native popup close detection (works for initial screen)
+          popupAbortOnClose: true,
         });
+
+        // Additional polling workaround to detect popup closure during navigation
+        // (e.g., when user navigates to third-party login, passwordless, or captcha screens)
+        // This complements oidc-client-ts native detection which only checks once at start
+        const popupRef = window.open('', popupWindowTarget);
+        if (popupRef) {
+          // Create a promise that rejects when popup is closed
+          const popupClosedPromise = new Promise<never>((_, reject) => {
+            const timer = setInterval(() => {
+              if (popupRef.closed) {
+                clearInterval(timer);
+                reject(new Error('Popup closed by user'));
+              }
+            }, LOGIN_POPUP_CLOSED_POLLING_DURATION);
+
+            // Clean up timer when the user promise resolves/rejects
+            userPromise.finally(() => {
+              clearInterval(timer);
+              popupRef.close();
+            });
+          });
+
+          // Race between user authentication and popup being closed
+          return Promise.race([userPromise, popupClosedPromise]);
+        }
+
+        return userPromise;
       };
 
       return new Promise((resolve, reject) => {