Added redirect-uri option (#403)

Co-authored-by: Shane Weaver <[email protected]>

Author: nmetulev

index.html

@@ -26,6 +26,7 @@
     <mgt-msal-provider
       client-id="a974dfa0-9f57-49b9-95db-90f04ce2111a"
       scopes="user.read,people.read,user.readbasic.all,contacts.read,calendars.read"
+      redirect-uri="http://localhost:3000"
       depends-on="mgt-teams-provider"
     ></mgt-msal-provider>
 

src/components/providers/mgt-msal-provider.ts

@@ -59,6 +59,17 @@ export class MgtMsalProvider extends MgtBaseProvider {
   })
   public scopes;
 
+  /**
+   * The redirect uri to use
+   *
+   * @memberof MgtMsalProvider
+   */
+  @property({
+    attribute: 'redirect-uri',
+    type: String
+  })
+  public redirectUri;
+
   /**
    * Gets whether this provider can be used in this environment
    *
@@ -99,6 +110,10 @@ export class MgtMsalProvider extends MgtBaseProvider {
         }
       }
 
+      if (this.redirectUri) {
+        config.redirectUri = this.redirectUri;
+      }
+
       this.provider = new MsalProvider(config);
       Providers.globalProvider = this.provider;
     }

src/providers/MsalProvider.ts

@@ -47,7 +47,8 @@ export interface MsalConfig {
    */
   loginType?: LoginType;
   /**
-   * options
+   * options as defined in
+   * https://docs.microsoft.com/en-us/azure/active-directory/develop/msal-js-initializing-client-applications#configuration-options
    *
    * @type {Configuration}
    * @memberof MsalConfig
@@ -60,6 +61,13 @@ export interface MsalConfig {
    * @memberof MsalConfig
    */
   loginHint?: string;
+  /**
+   * redirect Uri
+   *
+   * @type {string}
+   * @memberof MsalConfig
+   */
+  redirectUri?: string;
 }
 
 /**
@@ -343,6 +351,10 @@ export class MsalProvider extends IProvider {
         msalConfig.auth.authority = config.authority;
       }
 
+      if (config.redirectUri) {
+        msalConfig.auth.redirectUri = config.redirectUri;
+      }
+
       this.clientId = config.clientId;
 
       this._userAgentApplication = new UserAgentApplication(msalConfig);