microsoft-authentication-library-for-js: Observable fro msalBroadcastService doesn't send all InteractionStatus or Event

Core Library

MSAL.js v2 (@azure/msal-browser)

Core Library Version

2.18.0

Wrapper Library

MSAL Angular (@azure/msal-angular)

Wrapper Library Version

2.0.4

Description

Since msal-angular 2.0.3, Observables from msalBroadcastService doesn’t send all data:

• inProgress$: missing some InteractionStatus such as none. I receive only startup
• msalSubject$: missing some EventMessage such as handleRedirectStart. I receive some other likehandleRedirectEnd

Error Message

No response

Msal Logs

3 '[Wed, 20 Oct 2021 16:11:21 GMT] : @azure/msal-angular@2.0.4 : Verbose - MsalRedirectComponent activated' msalInstance.factory.ts:8 
3 '[Wed, 20 Oct 2021 16:11:21 GMT] : @azure/msal-browser@2.18.0 : Verbose - handleRedirectPromise called' msalInstance.factory.ts:8
3 '[Wed, 20 Oct 2021 16:11:21 GMT] : @azure/msal-browser@2.18.0 : Verbose - getAllAccounts called' msalInstance.factory.ts:8 
2 '[Wed, 20 Oct 2021 16:11:21 GMT] : @azure/msal-browser@2.18.0 : Info - Emitting event: msal:handleRedirectStart' msalInstance.factory.ts:8 
3 '[Wed, 20 Oct 2021 16:11:21 GMT] : @azure/msal-browser@2.18.0 : Verbose - handleRedirectPromise has been called for the first time, storing the promise' msalInstance.factory.ts:8 
3 '[Wed, 20 Oct 2021 16:11:21 GMT] : [5fc57d40-0f7c-41a6-bf5c-b1cca863e9a4] : msal.js.browser@2.18.0 : Verbose - initializeServerTelemetryManager called' msalInstance.factory.ts:8 
2 '[Wed, 20 Oct 2021 16:11:21 GMT] : [5fc57d40-0f7c-41a6-bf5c-b1cca863e9a4] : msal.js.browser@2.18.0 : Info - handleRedirectPromise called but there is no interaction in progress, returning null.' core.js:28039 
Angular is running in development mode. Call enableProdMode() to enable production mode. msalInstance.factory.ts:8 
3 '[Wed, 20 Oct 2021 16:11:21 GMT] : @azure/msal-browser@2.18.0 : Verbose - Event callback registered with id: fd4aeb5a-9e1b-45ea-b685-3f9c66bbfbf6' msalInstance.factory.ts:8 
3 '[Wed, 20 Oct 2021 16:11:21 GMT] : @azure/msal-browser@2.18.0 : Verbose - getAllAccounts called' auth.service.ts:31 
MSAL Interaction Status: startup msalInstance.factory.ts:8 
2 '[Wed, 20 Oct 2021 16:11:21 GMT] : @azure/msal-browser@2.18.0 : Info - Emitting event: msal:handleRedirectEnd' msalInstance.factory.ts:8 
3 '[Wed, 20 Oct 2021 16:11:21 GMT] : @azure/msal-browser@2.18.0 : Verbose - Emitting event to callback fd4aeb5a-9e1b-45ea-b685-3f9c66bbfbf6: msal:handleRedirectEnd'
auth.service.ts:45 
MSAL Event Type: msal:handleRedirectEnd index.js:52
[WDS] Live Reloading enabled.

MSAL Configuration

export function MSALInstanceFactory(): IPublicClientApplication {
  return new PublicClientApplication({
    auth: {
      clientId: environment.aad.clientId,
      authority: 'https://login.microsoftonline.com/' + environment.aad.tenantId,
      redirectUri: environment.aad.redirectUri,
      postLogoutRedirectUri: '/',
      navigateToLoginRequestUrl: true
    },
    cache: {
      cacheLocation: 'sessionStorage',
      storeAuthStateInCookie: false
    },
    system: {
      loggerOptions: {
        loggerCallback,
        logLevel: LogLevel.Verbose,
        piiLoggingEnabled: false
      }
    }
  });
}

Relevant Code Snippets

// inProgress Observble
this.msalBroadcastService.inProgress$.subscribe({
  next: (status: InteractionStatus) => {
    if (environment.debug.msal) {
      console.log(`MSAL Interaction Status: ${status}`);
    }
  }
});

// msalSubject observable
this.msalBroadcastService.msalSubject$.subscribe({
  next: (event: EventMessage) => {
    if (environment.debug.msal) {
      console.log(`MSAL Event Type: ${event.eventType}`);
    }
  }
});

Reproduction Steps

1. Clone https://github.com/0xdbe-example/angular-msal-azure-ad
2. Configure Azure AD and MSAL (in environment file)
3. Run with ng serve (needs mkcert for HTTPS)
4. Open your browser, authentication should works
5. Update MSAL and restart
6. Open your browser, authentication doesn’t work anymore.

Expected Behavior

• inProgress$: must send all InteractionStatus including none
• msalSubject$: must send all EventMessage including handleRedirectStart

Identity Provider

Azure AD / MSA

Browsers Affected (Select all that apply)

Chrome

Regression

@azure/msal-angular 2.0.1 with @azure/msal-browser 2.16.1

Source

External (Customer)