When will msal-angular move to MSAL 2.0?

Library

• @azure/msal-angular@1.x.x

Description

ETA needed.

I am building a First party Microsoft app and need to move to Auth code flow. Should I use the MSAL browser instead?

I am currently using MSAL Angular 1.x.x

@hamiltonha

THanks

[f430FERRARI]

Got it working.

I have the same problem and I am trying to get it to work as well. Do you have an example of how you got it to work? Thanks in advance.

[jrmcdona]

@ollief87 what is the issue you have?

I have this in my app.component.ts

const msalConfig: msal.Configuration = {
        auth: {
          clientId: environment.msaClientId,
          authority: environment.msaIssuer,
          redirectUri: environment.oAuthRedirectUrl,
        },
        cache: {
          cacheLocation: "localStorage", // This configures where your cache will be stored
          storeAuthStateInCookie: false, // Set this to "true" if you are having issues on IE11 or Edge
        }
      };

      this.msalInstance = new msal.PublicClientApplication(msalConfig);

      this.msalService.setMsalInstance(this.msalInstance);

      // Register Callbacks for Redirect flow
      this.msalInstance
      .handleRedirectPromise()
      .then((tokenResponse) => {

        this.msalCallBackFired = true;

        if (tokenResponse !== null) {
            // Account object was retrieved, continue with app progress
            console.log("id_token acquired at: " + new Date().toString());
            // showWelcomeMessage(accountObj);
            localStorage.setItem("current", tokenResponse.account.username);
            this.userService.setIsAuthenticated(true);
            this.getUserSettings();

          } else {
            // need to call getAccount here?
            const currentAccounts = this.msalInstance.getAllAccounts()
            if (currentAccounts === null || currentAccounts.length < 1) {
              this.userService.setIsAuthenticated(false);
              this.getUserSettings();
            } else {
              this.userService.setIsAuthenticated(true);
              this.getUserSettings();
            }
          }
        })
        .catch((error) => {
          console.log(error);
        });

I have a MSAL Helper service which has all the main functions like LoginRedirect and SilentRequest.