Chore: Update MsGraph JavaScript SDK (#1568)

package.json

@@ -11,7 +11,7 @@
                 "@fluentui/react": "8.43.0",
                 "@microsoft/applicationinsights-react-js": "2.3.1",
                 "@microsoft/applicationinsights-web": "2.7.1",
-                "@microsoft/microsoft-graph-client": "2.1.0",
+                "@microsoft/microsoft-graph-client": "3.0.2",
                 "@monaco-editor/react": "4.3.1",
                 "@ms-ofb/officebrowserfeedbacknpm": "file:packages/officebrowserfeedbacknpm-1.6.6.tgz",
                 "adaptivecards": "1.2.3",
@@ -124,4 +124,4 @@
                 "reportFile": "test-report.xml",
                 "indent": 4
         }
-}
+}

src/app/services/actions/query-action-creator-util.ts

@@ -1,12 +1,14 @@
+import { InteractionType } from '@azure/msal-browser';
 import {
   AuthenticationHandlerOptions,
   GraphRequest,
   ResponseType
 } from '@microsoft/microsoft-graph-client';
 import {
-  MSALAuthenticationProviderOptions
-} from '@microsoft/microsoft-graph-client/lib/src/MSALAuthenticationProviderOptions';
+  AuthCodeMSALBrowserAuthenticationProviderOptions
+} from '@microsoft/microsoft-graph-client/authProviders/authCodeMsalBrowser';
 
+import { authenticationWrapper } from '../../../modules/authentication';
 import { IAction } from '../../../types/action';
 import { ContentType } from '../../../types/enums';
 import { IQuery } from '../../../types/query-runner';
@@ -95,11 +97,15 @@ function createAuthenticatedRequest(
     });
   }
 
-  const msalAuthOptions = new MSALAuthenticationProviderOptions(scopes);
+  const msalAuthOptions:AuthCodeMSALBrowserAuthenticationProviderOptions = {
+    account: authenticationWrapper.getAccount()!,
+    interactionType: InteractionType.Popup ,
+    scopes
+  }
   const middlewareOptions = new AuthenticationHandlerOptions(
     authProvider,
     msalAuthOptions
-  );
+  )
   const graphRequest = GraphClient.getInstance()
     .api(encodeHashCharacters(query))
     .middlewareOptions([middlewareOptions])

src/app/services/graph-client/graph-client.ts

@@ -1,6 +1,6 @@
 import { Client } from '@microsoft/microsoft-graph-client';
 import 'isomorphic-fetch';
-import { authProvider } from './';
+import { authProvider } from '.';
 
 export class GraphClient {
   private static client: Client;

src/app/services/graph-client/index.ts

@@ -1,4 +1,4 @@
 import { GraphAuthenticationProvider } from './GraphAuthenticationProvider';
 
 export { GraphClient } from './graph-client';
-export const authProvider = new GraphAuthenticationProvider();
+export const authProvider = new GraphAuthenticationProvider();

src/modules/authentication/AuthenticationWrapper.ts

@@ -79,7 +79,7 @@ export class AuthenticationWrapper implements IAuthenticationWrapper {
       return undefined;
     }
 
-    const allAccounts = msalApplication.getAllAccounts();
+    const allAccounts: AccountInfo[] = msalApplication.getAllAccounts();
     if (!allAccounts || allAccounts.length === 0) {
       return undefined;
     }