Chore: Update @azure/msal-browser v2 to v3

package.json

@@ -5,7 +5,7 @@
         "dependencies": {
                 "@augloop/types-core": "file:packages/types-core-2.16.189.tgz",
                 "@axe-core/webdriverjs": "4.7.3",
-                "@azure/msal-browser": "2.38.0",
+                "@azure/msal-browser": "3.1.0",
                 "@babel/core": "7.23.0",
                 "@babel/runtime": "7.23.1",
                 "@fluentui/react": "8.112.0",

src/app/services/actions/permissions-action-creator.spec.ts

@@ -251,7 +251,13 @@ describe('Permissions action creators', () => {
       uniqueId: 'string',
       tenantId: 'string',
       scopes: ['profile.Read User.Read'],
-      account: null,
+      account: {
+        homeAccountId: 'string',
+        environment: 'string',
+        tenantId: 'string',
+        username: 'string',
+        localAccountId: 'string'
+      },
       idToken: 'string',
       idTokenClaims: {},
       fromCache: true,
@@ -365,8 +371,8 @@ describe('Permissions action creators', () => {
         {
           type: 'QUERY_GRAPH_STATUS',
           response: {
-            statusText: 'Failed',
-            status: 'An error occurred when unconsenting. Please try again',
+            statusText: 'Default scope',
+            status: 'Graph Explorer requires this permission for its normal working behavior',
             ok: false,
             messageType: 1
           }
@@ -432,8 +438,8 @@ describe('Permissions action creators', () => {
         {
           type: 'QUERY_GRAPH_STATUS',
           response: {
-            statusText: 'Failed',
-            status: 'An error occurred when unconsenting. Please try again',
+            statusText: 'Unable to dissent',
+            status: 'Unable to dissentYou require the following permissions to revoke',
             ok: false,
             messageType: 1
           }
@@ -503,8 +509,9 @@ describe('Permissions action creators', () => {
         {
           type: 'QUERY_GRAPH_STATUS',
           response: {
-            statusText: 'Failed',
-            status: 'An error occurred when unconsenting. Please try again',
+            statusText: 'Revoking admin granted scopes',
+            // eslint-disable-next-line max-len
+            status: 'You are unconsenting to an admin pre-consented permission. Ask your tenant admin to revoke consent to this permission on Azure AD',
             ok: false,
             messageType: 1
           }

src/app/services/reducers/permissions-reducer.ts

@@ -23,9 +23,10 @@ const initialState: IScopes = {
 };
 
 export function scopes(state: IScopes = initialState, action: AppAction): any {
+  let response: IPermissionsResponse;
   switch (action.type) {
     case FETCH_FULL_SCOPES_SUCCESS:
-      let response: IPermissionsResponse = { ...action.response as IPermissionsResponse };
+      response = { ...action.response as IPermissionsResponse };
       return {
         pending: { ...state.pending, isFullPermissions: false },
         data: { ...state.data, fullPermissions: response.scopes.fullPermissions },

src/app/services/reducers/request-history-reducers.ts

@@ -8,9 +8,10 @@ import {
 } from '../redux-constants';
 
 export function history(state: any[] = [], action: AppAction): any {
+  let historyItems: any[];
   switch (action.type) {
     case ADD_HISTORY_ITEM_SUCCESS:
-      let historyItems = [...state, action.response];
+      historyItems = [...state, action.response];
       historyItems = historyItems.reduce((current, compare) => {
         return current.findIndex((historyItem: IHistoryItem) => {
           return historyItem.createdAt === compare.createdAt;

src/modules/authentication/msal-app.ts

@@ -22,4 +22,6 @@ export const configuration: Configuration = {
 };
 
 
-export const msalApplication = new PublicClientApplication(configuration);
+const msalApplication = new PublicClientApplication(configuration);
+msalApplication.initialize();
+export{ msalApplication };

tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "target": "es2022",
     "lib": [
       "dom",
       "dom.iterable",