@imtbl/auth 2.10.7-alpha.3 → 2.10.7-alpha.5

package/src/authManager.ts

@@ -24,13 +24,11 @@ import {
   OidcConfiguration,
   UserZkEvm,
   isUserZkEvm,
-  UserImx,
-  isUserImx,
 } from './types';
 import { IAuthConfiguration } from './config';
-import ConfirmationOverlay from './overlay/confirmationOverlay';
+import LoginPopupOverlay from './overlay/loginPopupOverlay';
+import EmbeddedLoginPrompt from './login/embeddedLoginPrompt';
 import { LocalForageAsyncStorage } from './storage/LocalForageAsyncStorage';
-import { EmbeddedLoginPrompt } from './confirmation';
 
 const LOGIN_POPUP_CLOSED_POLLING_DURATION = 500;
 
@@ -94,7 +92,7 @@ const getAuthConfiguration = (config: IAuthConfiguration): UserManagerSettings =
   return baseConfiguration;
 };
 
-function base64URLEncode(str: ArrayBuffer) {
+function base64URLEncode(str: ArrayBuffer | Uint8Array) {
   return btoa(String.fromCharCode(...new Uint8Array(str)))
     .replace(/\+/g, '-')
     .replace(/\//g, '_')
@@ -148,17 +146,10 @@ export default class AuthManager {
         nickname: oidcUser.profile.nickname,
       },
     };
-    if (passport?.imx_eth_address) {
-      user.imx = {
-        ethAddress: passport.imx_eth_address,
-        starkAddress: passport.imx_stark_address,
-        userAdminAddress: passport.imx_user_admin_address,
-      };
-    }
-    if (passport?.zkevm_eth_address) {
+    if (passport?.zkevm_eth_address && passport?.zkevm_user_admin_address) {
       user.zkEvm = {
-        ethAddress: passport?.zkevm_eth_address,
-        userAdminAddress: passport?.zkevm_user_admin_address,
+        ethAddress: passport.zkevm_eth_address,
+        userAdminAddress: passport.zkevm_user_admin_address,
       };
     }
     return user;
@@ -186,14 +177,13 @@ export default class AuthManager {
   };
 
   private buildExtraQueryParams(
-    anonymousId?: string,
     directLoginOptions?: DirectLoginOptions,
     imPassportTraceId?: string,
   ): Record<string, string> {
     const params: Record<string, string> = {
       ...(this.userManager.settings?.extraQueryParams ?? {}),
       rid: getDetail(Detail.RUNTIME_ID) || '',
-      third_party_a_id: anonymousId || '',
+      third_party_a_id: '',
     };
 
     if (directLoginOptions) {
@@ -221,10 +211,14 @@ export default class AuthManager {
     return params;
   }
 
-  public async loginWithRedirect(anonymousId?: string, directLoginOptions?: DirectLoginOptions): Promise<void> {
+  public async getClientId(): Promise<string> {
+    return this.config.oidcConfiguration.clientId;
+  }
+
+  public async loginWithRedirect(directLoginOptions?: DirectLoginOptions): Promise<void> {
     await this.userManager.clearStaleState();
     return withPassportError<void>(async () => {
-      const extraQueryParams = this.buildExtraQueryParams(anonymousId, directLoginOptions);
+      const extraQueryParams = this.buildExtraQueryParams(directLoginOptions);
 
       await this.userManager.signinRedirect({
         extraQueryParams,
@@ -234,13 +228,12 @@ export default class AuthManager {
 
   /**
    * login
-   * @param anonymousId Caller can pass an anonymousId if they want to associate their user's identity with immutable's internal instrumentation.
    * @param directLoginOptions If provided, contains login method and marketing consent options
    * @param directLoginOptions.directLoginMethod The login method to use (e.g., 'google', 'apple', 'email')
    * @param directLoginOptions.marketingConsentStatus Marketing consent status ('opted_in' or 'unsubscribed')
    * @param directLoginOptions.email Required when directLoginMethod is 'email'
    */
-  public async login(anonymousId?: string, directLoginOptions?: DirectLoginOptions): Promise<User> {
+  public async login(directLoginOptions?: DirectLoginOptions): Promise<User> {
     return withPassportError<User>(async () => {
       // If directLoginOptions are provided, then the consumer has rendered their own initial login screen.
       // If not, display the embedded login prompt and pass the returned direct login options and imPassportTraceId to the login popup.
@@ -252,14 +245,14 @@ export default class AuthManager {
         const {
           imPassportTraceId: embeddedLoginPromptImPassportTraceId,
           ...embeddedLoginPromptDirectLoginOptions
-        } = await this.embeddedLoginPrompt.displayEmbeddedLoginPrompt(anonymousId);
+        } = await this.embeddedLoginPrompt.displayEmbeddedLoginPrompt();
         directLoginOptionsToUse = embeddedLoginPromptDirectLoginOptions;
         imPassportTraceId = embeddedLoginPromptImPassportTraceId;
       }
 
       const popupWindowTarget = window.crypto.randomUUID();
       const signinPopup = async () => {
-        const extraQueryParams = this.buildExtraQueryParams(anonymousId, directLoginOptionsToUse, imPassportTraceId);
+        const extraQueryParams = this.buildExtraQueryParams(directLoginOptionsToUse, imPassportTraceId);
 
         const userPromise = this.userManager.signinPopup({
           extraQueryParams,
@@ -316,7 +309,7 @@ export default class AuthManager {
 
             // Popup was blocked; append the blocked popup overlay to allow the user to try again.
             let popupHasBeenOpened: boolean = false;
-            const overlay = new ConfirmationOverlay(this.config.popupOverlayOptions || {}, true);
+            const overlay = new LoginPopupOverlay(this.config.popupOverlayOptions || {}, true);
             overlay.append(
               async () => {
                 try {
@@ -647,13 +640,4 @@ export default class AuthManager {
 
     return user;
   }
-
-  public async getUserImx(): Promise<UserImx> {
-    const user = await this.getUser(isUserImx);
-    if (!user) {
-      throw new Error('Failed to obtain a User with the required IMX attributes');
-    }
-
-    return user;
-  }
 }

package/src/index.ts

@@ -1,3 +1,6 @@
+// Export Auth class (public API)
+export { Auth } from './Auth';
+
 // Export AuthManager for use by other packages
 export { default as AuthManager } from './authManager';
 
@@ -8,10 +11,10 @@ export { AuthConfiguration, type IAuthConfiguration } from './config';
 export type {
   User,
   UserProfile,
-  UserImx,
   UserZkEvm,
   DirectLoginMethod,
   DirectLoginOptions,
+  LoginOptions,
   DeviceTokenResponse,
   OidcConfiguration,
   AuthModuleConfiguration,
@@ -19,15 +22,14 @@ export type {
   PassportMetadata,
   IdTokenPayload,
   PKCEData,
+  AuthEventMap,
 } from './types';
 export {
-  isUserZkEvm, isUserImx, RollupType, MarketingConsentStatus,
+  isUserZkEvm, RollupType, MarketingConsentStatus, AuthEvents,
 } from './types';
 
+// Export TypedEventEmitter
+export { default as TypedEventEmitter } from './utils/typedEventEmitter';
+
 // Export errors
 export { PassportError, PassportErrorType, withPassportError } from './errors';
-
-// Export confirmation and overlay classes
-export { default as ConfirmationScreen } from './confirmation/confirmation';
-export { default as EmbeddedLoginPrompt } from './confirmation/embeddedLoginPrompt';
-export { default as ConfirmationOverlay } from './overlay/confirmationOverlay';

package/src/{confirmation → login}/embeddedLoginPrompt.ts

@@ -20,15 +20,11 @@ export default class EmbeddedLoginPrompt {
     this.config = config;
   }
 
-  private getHref = (anonymousId?: string) => {
-    let href = `${this.config.authenticationDomain}/im-embedded-login-prompt`
+  private getHref = () => {
+    const href = `${this.config.authenticationDomain}/im-embedded-login-prompt`
     + `?client_id=${this.config.oidcConfiguration.clientId}`
     + `&rid=${getDetail(Detail.RUNTIME_ID)}`;
 
-    if (anonymousId) {
-      href += `&third_party_a_id=${anonymousId}`;
-    }
-
     return href;
   };
 
@@ -77,10 +73,10 @@ export default class EmbeddedLoginPrompt {
     document.head.appendChild(style);
   };
 
-  private getEmbeddedLoginIFrame = (anonymousId?: string) => {
+  private getEmbeddedLoginIFrame = () => {
     const embeddedLoginPrompt = document.createElement('iframe');
     embeddedLoginPrompt.id = LOGIN_PROMPT_IFRAME_ID;
-    embeddedLoginPrompt.src = this.getHref(anonymousId);
+    embeddedLoginPrompt.src = this.getHref();
     embeddedLoginPrompt.style.height = '100vh';
     embeddedLoginPrompt.style.width = '100vw';
     embeddedLoginPrompt.style.maxHeight = `${LOGIN_PROMPT_WINDOW_HEIGHT}px`;
@@ -96,9 +92,9 @@ export default class EmbeddedLoginPrompt {
     return embeddedLoginPrompt;
   };
 
-  public displayEmbeddedLoginPrompt(anonymousId?: string): Promise<EmbeddedLoginPromptResult> {
+  public displayEmbeddedLoginPrompt(): Promise<EmbeddedLoginPromptResult> {
     return new Promise((resolve, reject) => {
-      const embeddedLoginPrompt = this.getEmbeddedLoginIFrame(anonymousId);
+      const embeddedLoginPrompt = this.getEmbeddedLoginIFrame();
       const messageHandler = ({ data, origin }: MessageEvent) => {
         if (
           origin !== this.config.authenticationDomain

package/src/overlay/{confirmationOverlay.ts → loginPopupOverlay.ts}

@@ -2,7 +2,7 @@ import { PopupOverlayOptions } from '../types';
 import { PASSPORT_OVERLAY_CLOSE_ID, PASSPORT_OVERLAY_TRY_AGAIN_ID } from './constants';
 import { addLink, getBlockedOverlay, getGenericOverlay } from './elements';
 
-export default class ConfirmationOverlay {
+export default class LoginPopupOverlay {
   private disableGenericPopupOverlay: boolean;
 
   private disableBlockedPopupOverlay: boolean;

package/src/types.ts

@@ -12,7 +12,6 @@ export type UserProfile = {
 };
 
 export enum RollupType {
-  IMX = 'imx',
   ZKEVM = 'zkEvm',
 }
 
@@ -22,11 +21,6 @@ export type User = {
   refreshToken?: string;
   profile: UserProfile;
   expired?: boolean;
-  [RollupType.IMX]?: {
-    ethAddress: string;
-    starkAddress: string;
-    userAdminAddress: string;
-  };
   [RollupType.ZKEVM]?: {
     ethAddress: string;
     userAdminAddress: string;
@@ -34,11 +28,8 @@ export type User = {
 };
 
 export type PassportMetadata = {
-  imx_eth_address: string;
-  imx_stark_address: string;
-  imx_user_admin_address: string;
-  zkevm_eth_address: string;
-  zkevm_user_admin_address: string;
+  zkevm_eth_address?: string;
+  zkevm_user_admin_address?: string;
 };
 
 export interface OidcConfiguration {
@@ -82,11 +73,9 @@ export interface AuthModuleConfiguration extends OidcConfiguration {
 
 type WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };
 
-export type UserImx = WithRequired<User, RollupType.IMX>;
 export type UserZkEvm = WithRequired<User, RollupType.ZKEVM>;
 
 export const isUserZkEvm = (user: User): user is UserZkEvm => !!user[RollupType.ZKEVM];
-export const isUserImx = (user: User): user is UserImx => !!user[RollupType.IMX];
 
 export type DeviceTokenResponse = {
   access_token: string;
@@ -122,7 +111,38 @@ export enum MarketingConsentStatus {
 }
 
 export type DirectLoginOptions = {
-  directLoginMethod: DirectLoginMethod;
-  marketingConsentStatus?: MarketingConsentStatus;
-  email?: string;
+  marketingConsentStatus: MarketingConsentStatus;
+} & (
+  | { directLoginMethod: 'email'; email: string }
+  | { directLoginMethod: Exclude<DirectLoginMethod, 'email'>; email?: never }
+);
+
+/**
+ * Extended login options with caching and silent login support
+ */
+export type LoginOptions = {
+  /** If true, attempts to use cached session without user interaction */
+  useCachedSession?: boolean;
+  /** If true, attempts silent authentication (force token refresh) */
+  useSilentLogin?: boolean;
+  /** If true, uses redirect flow instead of popup flow */
+  useRedirectFlow?: boolean;
+  /** Direct login options (social provider, email, etc.) */
+  directLoginOptions?: DirectLoginOptions;
 };
+
+/**
+ * Authentication events emitted by the Auth class
+ */
+export enum AuthEvents {
+  LOGGED_OUT = 'loggedOut',
+  LOGGED_IN = 'loggedIn',
+}
+
+/**
+ * Event map for typed event emitter
+ */
+export interface AuthEventMap extends Record<string, any> {
+  [AuthEvents.LOGGED_OUT]: [];
+  [AuthEvents.LOGGED_IN]: [User];
+}

package/src/utils/metrics.ts

@@ -0,0 +1,29 @@
+import { Flow, trackError, trackFlow } from '@imtbl/metrics';
+
+export const withMetricsAsync = async <T>(
+  fn: (flow: Flow) => Promise<T>,
+  flowName: string,
+  trackStartEvent: boolean = true,
+  trackEndEvent: boolean = true,
+): Promise<T> => {
+  const flow: Flow = trackFlow(
+    'passport',
+    flowName,
+    trackStartEvent,
+  );
+
+  try {
+    return await fn(flow);
+  } catch (error) {
+    if (error instanceof Error) {
+      trackError('passport', flowName, error, { flowId: flow.details.flowId });
+    } else {
+      flow.addEvent('errored');
+    }
+    throw error;
+  } finally {
+    if (trackEndEvent) {
+      flow.addEvent('End');
+    }
+  }
+};

package/src/utils/typedEventEmitter.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from 'events';
+
+export default class TypedEventEmitter<TEvents extends Record<string, any>> {
+  private emitter = new EventEmitter();
+
+  emit<TEventName extends keyof TEvents & string>(
+    eventName: TEventName,
+    ...eventArg: TEvents[TEventName]
+  ) {
+    this.emitter.emit(eventName, ...(eventArg as []));
+  }
+
+  on<TEventName extends keyof TEvents & string>(
+    eventName: TEventName,
+    handler: (...eventArg: TEvents[TEventName]) => void,
+  ) {
+    this.emitter.on(eventName, handler as any);
+  }
+
+  removeListener<TEventName extends keyof TEvents & string>(
+    eventName: TEventName,
+    handler: (...eventArg: TEvents[TEventName]) => void,
+  ) {
+    this.emitter.removeListener(eventName, handler as any);
+  }
+}

package/dist/types/confirmation/confirmation.d.ts

@@ -1,28 +0,0 @@
-import * as GeneratedClients from '@imtbl/generated-clients';
-import { ConfirmationResult } from './types';
-import { IAuthConfiguration } from '../config';
-export declare const CONFIRMATION_IFRAME_ID = "passport-confirm";
-export declare const CONFIRMATION_IFRAME_STYLE = "display: none; position: absolute;width:0px;height:0px;border:0;";
-type MessageHandler = (arg0: MessageEvent) => void;
-type MessageType = 'erc191' | 'eip712';
-export default class ConfirmationScreen {
-    private config;
-    private confirmationWindow;
-    private popupOptions;
-    private overlay;
-    private overlayClosed;
-    private timer;
-    constructor(config: IAuthConfiguration);
-    private getHref;
-    requestConfirmation(transactionId: string, etherAddress: string, chainType: GeneratedClients.mr.TransactionApprovalRequestChainTypeEnum, chainId?: string): Promise<ConfirmationResult>;
-    requestMessageConfirmation(messageID: string, etherAddress: string, messageType?: MessageType): Promise<ConfirmationResult>;
-    showServiceUnavailable(): Promise<void>;
-    loading(popupOptions?: {
-        width: number;
-        height: number;
-    }): void;
-    closeWindow(): void;
-    showConfirmationScreen(href: string, messageHandler: MessageHandler, resolve: Function): void;
-    private recreateConfirmationWindow;
-}
-export {};

package/dist/types/confirmation/index.d.ts

@@ -1,3 +0,0 @@
-export { default as ConfirmationScreen } from './confirmation';
-export { default as EmbeddedLoginPrompt } from './embeddedLoginPrompt';
-export * from './types';

package/dist/types/confirmation/popup.d.ts

@@ -1,8 +0,0 @@
-export type PopUpProps = {
-    url: string;
-    title: string;
-    width: number;
-    height: number;
-    query?: string;
-};
-export declare const openPopupCenter: ({ url, title, width, height, }: PopUpProps) => Window;

package/src/confirmation/confirmation.ts

@@ -1,275 +0,0 @@
-import * as GeneratedClients from '@imtbl/generated-clients';
-import { trackError } from '@imtbl/metrics';
-
-import {
-  ConfirmationResult,
-  PASSPORT_CONFIRMATION_EVENT_TYPE,
-  ConfirmationReceiveMessage,
-  ConfirmationSendMessage,
-} from './types';
-import { openPopupCenter } from './popup';
-import { IAuthConfiguration } from '../config';
-import ConfirmationOverlay from '../overlay/confirmationOverlay';
-
-const CONFIRMATION_WINDOW_TITLE = 'Confirm this transaction';
-const CONFIRMATION_WINDOW_HEIGHT = 720;
-const CONFIRMATION_WINDOW_WIDTH = 480;
-const CONFIRMATION_WINDOW_CLOSED_POLLING_DURATION = 1000;
-
-export const CONFIRMATION_IFRAME_ID = 'passport-confirm';
-export const CONFIRMATION_IFRAME_STYLE = 'display: none; position: absolute;width:0px;height:0px;border:0;';
-
-type MessageHandler = (arg0: MessageEvent) => void;
-
-type MessageType = 'erc191' | 'eip712';
-
-export default class ConfirmationScreen {
-  private config: IAuthConfiguration;
-
-  private confirmationWindow: Window | undefined;
-
-  private popupOptions: { width: number; height: number } | undefined;
-
-  private overlay: ConfirmationOverlay | undefined;
-
-  private overlayClosed: boolean;
-
-  private timer: NodeJS.Timeout | undefined;
-
-  constructor(config: IAuthConfiguration) {
-    this.config = config;
-    this.overlayClosed = false;
-  }
-
-  private getHref(relativePath: string, queryStringParams?: { [key: string]: any }) {
-    let href = `${this.config.passportDomain}/transaction-confirmation/${relativePath}`;
-
-    if (queryStringParams) {
-      const queryString = queryStringParams
-        ? Object.keys(queryStringParams)
-          .map((key) => `${key}=${queryStringParams[key]}`)
-          .join('&')
-        : '';
-
-      href = `${href}?${queryString}`;
-    }
-
-    return href;
-  }
-
-  requestConfirmation(
-    transactionId: string,
-    etherAddress: string,
-    chainType: GeneratedClients.mr.TransactionApprovalRequestChainTypeEnum,
-    chainId?: string,
-  ): Promise<ConfirmationResult> {
-    return new Promise((resolve, reject) => {
-      const messageHandler = ({ data, origin }: MessageEvent) => {
-        if (
-          origin !== this.config.passportDomain
-          || data.eventType !== PASSPORT_CONFIRMATION_EVENT_TYPE
-        ) {
-          return;
-        }
-
-        switch (data.messageType as ConfirmationReceiveMessage) {
-          case ConfirmationReceiveMessage.CONFIRMATION_WINDOW_READY: {
-            this.confirmationWindow?.postMessage({
-              eventType: PASSPORT_CONFIRMATION_EVENT_TYPE,
-              messageType: ConfirmationSendMessage.CONFIRMATION_START,
-            }, this.config.passportDomain);
-            break;
-          }
-          case ConfirmationReceiveMessage.TRANSACTION_CONFIRMED: {
-            this.closeWindow();
-            resolve({ confirmed: true });
-            break;
-          }
-          case ConfirmationReceiveMessage.TRANSACTION_REJECTED: {
-            this.closeWindow();
-            resolve({ confirmed: false });
-            break;
-          }
-          case ConfirmationReceiveMessage.TRANSACTION_ERROR: {
-            this.closeWindow();
-            reject(new Error('Error during transaction confirmation'));
-            break;
-          }
-          default:
-            this.closeWindow();
-            reject(new Error('Unsupported message type'));
-        }
-      };
-
-      let href = '';
-      if (chainType === GeneratedClients.mr.TransactionApprovalRequestChainTypeEnum.Starkex) {
-        href = this.getHref('transaction', { transactionId, etherAddress, chainType });
-      } else {
-        href = this.getHref('zkevm/transaction', {
-          transactionID: transactionId, etherAddress, chainType, chainID: chainId,
-        });
-      }
-      window.addEventListener('message', messageHandler);
-      this.showConfirmationScreen(href, messageHandler, resolve);
-    });
-  }
-
-  requestMessageConfirmation(
-    messageID: string,
-    etherAddress: string,
-    messageType?: MessageType,
-  ): Promise<ConfirmationResult> {
-    return new Promise((resolve, reject) => {
-      const messageHandler = ({ data, origin }: MessageEvent) => {
-        if (
-          origin !== this.config.passportDomain
-          || data.eventType !== PASSPORT_CONFIRMATION_EVENT_TYPE
-        ) {
-          return;
-        }
-        switch (data.messageType as ConfirmationReceiveMessage) {
-          case ConfirmationReceiveMessage.CONFIRMATION_WINDOW_READY: {
-            this.confirmationWindow?.postMessage({
-              eventType: PASSPORT_CONFIRMATION_EVENT_TYPE,
-              messageType: ConfirmationSendMessage.CONFIRMATION_START,
-            }, this.config.passportDomain);
-            break;
-          }
-          case ConfirmationReceiveMessage.MESSAGE_CONFIRMED: {
-            this.closeWindow();
-            resolve({ confirmed: true });
-            break;
-          }
-          case ConfirmationReceiveMessage.MESSAGE_REJECTED: {
-            this.closeWindow();
-            resolve({ confirmed: false });
-            break;
-          }
-          case ConfirmationReceiveMessage.MESSAGE_ERROR: {
-            this.closeWindow();
-            reject(new Error('Error during message confirmation'));
-            break;
-          }
-          default:
-            this.closeWindow();
-            reject(new Error('Unsupported message type'));
-        }
-      };
-
-      window.addEventListener('message', messageHandler);
-      const href = this.getHref('zkevm/message', {
-        messageID,
-        etherAddress,
-        ...(messageType ? { messageType } : {}),
-      });
-      this.showConfirmationScreen(href, messageHandler, resolve);
-    });
-  }
-
-  showServiceUnavailable(): Promise<void> {
-    return new Promise((_, reject) => {
-      this.showConfirmationScreen(
-        this.getHref('unavailable'),
-        () => {},
-        () => {
-          this.closeWindow();
-          reject(new Error('Service unavailable'));
-        },
-      );
-    });
-  }
-
-  loading(popupOptions?: { width: number; height: number }) {
-    if (this.config.crossSdkBridgeEnabled) {
-      // There is no need to open a confirmation window if cross-sdk bridge is enabled
-      return;
-    }
-
-    this.popupOptions = popupOptions;
-
-    try {
-      this.confirmationWindow = openPopupCenter({
-        url: this.getHref('loading'),
-        title: CONFIRMATION_WINDOW_TITLE,
-        width: popupOptions?.width || CONFIRMATION_WINDOW_WIDTH,
-        height: popupOptions?.height || CONFIRMATION_WINDOW_HEIGHT,
-      });
-      this.overlay = new ConfirmationOverlay(this.config.popupOverlayOptions || {});
-    } catch (error) {
-      // If an error is thrown here then the popup is blocked
-      const errorMessage = error instanceof Error ? error.message : String(error);
-      trackError('passport', 'confirmationPopupDenied', new Error(errorMessage));
-      this.overlay = new ConfirmationOverlay(this.config.popupOverlayOptions || {}, true);
-    }
-
-    this.overlay.append(
-      () => {
-        try {
-          this.confirmationWindow?.close();
-          this.confirmationWindow = openPopupCenter({
-            url: this.getHref('loading'),
-            title: CONFIRMATION_WINDOW_TITLE,
-            width: this.popupOptions?.width || CONFIRMATION_WINDOW_WIDTH,
-            height: this.popupOptions?.height || CONFIRMATION_WINDOW_HEIGHT,
-          });
-        } catch { /* Empty */ }
-      },
-      () => {
-        this.overlayClosed = true;
-        this.closeWindow();
-      },
-    );
-  }
-
-  closeWindow() {
-    this.confirmationWindow?.close();
-    this.overlay?.remove();
-    this.overlay = undefined;
-  }
-
-  showConfirmationScreen(href: string, messageHandler: MessageHandler, resolve: Function) {
-    // If popup blocked, the confirmation window will not exist
-    if (this.confirmationWindow) {
-      this.confirmationWindow.location.href = href;
-    }
-
-    // This indicates the user closed the overlay so the transaction should be rejected
-    if (!this.overlay) {
-      this.overlayClosed = false;
-      resolve({ confirmed: false });
-      return;
-    }
-
-    // https://stackoverflow.com/questions/9388380/capture-the-close-event-of-popup-window-in-javascript/48240128#48240128
-    const timerCallback = () => {
-      if (this.confirmationWindow?.closed || this.overlayClosed) {
-        clearInterval(this.timer);
-        window.removeEventListener('message', messageHandler);
-        resolve({ confirmed: false });
-        this.overlayClosed = false;
-        this.confirmationWindow = undefined;
-      }
-    };
-    this.timer = setInterval(
-      timerCallback,
-      CONFIRMATION_WINDOW_CLOSED_POLLING_DURATION,
-    );
-    this.overlay.update(() => this.recreateConfirmationWindow(href, timerCallback));
-  }
-
-  private recreateConfirmationWindow(href: string, timerCallback: () => void) {
-    try {
-      // Clears and recreates the timer to ensure when the confirmation window
-      // is closed and recreated the transaction is not rejected.
-      clearInterval(this.timer);
-      this.confirmationWindow?.close();
-      this.confirmationWindow = openPopupCenter({
-        url: href,
-        title: CONFIRMATION_WINDOW_TITLE,
-        width: this.popupOptions?.width || CONFIRMATION_WINDOW_WIDTH,
-        height: this.popupOptions?.height || CONFIRMATION_WINDOW_HEIGHT,
-      });
-      this.timer = setInterval(timerCallback, CONFIRMATION_WINDOW_CLOSED_POLLING_DURATION);
-    } catch { /* Empty */ }
-  }
-}