Merge pull request #154 from microsoftgraph/MSALProvider_UserAgentApp

Updated MSALAuthenticationProvider's constructor to accept an instance of UserAgentApplication

Author: muthurathinam

README.md

@@ -60,13 +60,17 @@ Refer devDependencies in [package.json](./package.json) for the compatible msal
 ```
 
 ```typescript
-const clientID = "your_client_id"; // Client Id of the registered application
-const graphScopes = ["user.read", "mail.send"]; // An array of graph scopes
+const clientId = "your_client_id"; // Client Id of the registered application
+const callback = (errorDesc, token, error, tokenType) => {};
+// An Optional options for initializing the MSAL @see https://github.com/AzureAD/microsoft-authentication-library-for-js/wiki/MSAL-basics#configuration-options
 const options = {
-	// An Optional options for initializing the MSAL @see https://github.com/AzureAD/microsoft-authentication-library-for-js/wiki/MSAL-basics#configuration-options
 	redirectUri: "Your redirect URI",
 };
-const authProvider = new MicrosoftGraph.MSALAuthenticationProvider(clientId, graphScopes, options);
+const graphScopes = ["user.read", "mail.send"]; // An array of graph scopes
+
+// Initialize the MSAL @see https://github.com/AzureAD/microsoft-authentication-library-for-js/wiki/MSAL-basics#initialization-of-msal
+const userAgentApplication = new Msal.UserAgentApplication(clientId, undefined, callback, options);
+const authProvider = new MicrosoftGraph.MSALAuthenticationProvider(userAgentApplication, graphScopes);
 ```
 
 #### Creating an instance of MSALAuthenticationProvider in node environment
@@ -78,15 +82,21 @@ npm install msal@<version>
 ```
 
 ```typescript
+import { UserAgentApplication } from "msal";
+
 import { MSALAuthenticationProvider } from "./node_modules/@microsoft/microsoft-graph-client/lib/src/MSALAuthenticationProvider";
 
 const clientId = "your_client_id"; // Client Id of the registered application
-const graphScopes = ["user.read", "mail.send"]; // An array of graph scopes
+const callback = (errorDesc, token, error, tokenType) => {};
+// An Optional options for initializing the MSAL @see https://github.com/AzureAD/microsoft-authentication-library-for-js/wiki/MSAL-basics#configuration-options
 const options = {
-	// An Optional options for initializing the MSAL @see https://github.com/AzureAD/microsoft-authentication-library-for-js/wiki/MSAL-basics#configuration-options
 	redirectUri: "Your redirect URI",
 };
-const authProvider = new MSALAuthenticationProvider(clientId, scopes, options);
+const graphScopes = ["user.read", "mail.send"]; // An array of graph scopes
+
+// Initialize the MSAL @see https://github.com/AzureAD/microsoft-authentication-library-for-js/wiki/MSAL-basics#initialization-of-msal
+const userAgentApplication = new UserAgentApplication(clientId, undefined, callback, options);
+const authProvider = new MSALAuthenticationProvider(userAgentApplication, scopes);
 ```
 
 User can integrate own preferred authentication library by implementing `IAuthenticationProvider` interface. Refer implementing [Custom Authentication Provider](./docs/CustomAuthenticationProvider.md).