fix: adds customHosts support for non-graph domain requests (#2592)

added custom hosts passthrough
added converter to custom-hosts attribute

Author: techienickb

packages/mgt-element/src/Graph.ts

@@ -159,6 +159,7 @@ export const createFromProvider = (provider: IProvider, version?: string, compon
   const baseURL = provider.baseURL ? provider.baseURL : MICROSOFT_GRAPH_DEFAULT_ENDPOINT;
   const client = Client.initWithMiddleware({
     middleware: chainMiddleware(...middleware),
+    customHosts: typeof provider.customHosts === undefined ? null : new Set(provider.customHosts),
     baseUrl: baseURL
   });
 

packages/mgt-element/src/components/baseProvider.ts

@@ -78,6 +78,18 @@ export abstract class MgtBaseProvider extends MgtBaseComponent {
   })
   public baseUrl: GraphEndpoint;
 
+  /**
+   * Custom Hosts to be passed through to the graph client
+   *
+   * @memberof MgtBaseProvider
+   */
+  @property({
+    attribute: 'custom-hosts',
+    type: String,
+    converter: newValue => newValue.split(',').map(s => s.trim())
+  })
+  public customHosts?: string[];
+
   private _provider: IProvider;
 
   /**

packages/mgt-element/src/providers/IProvider.ts

@@ -67,6 +67,19 @@ export abstract class IProvider implements AuthenticationProvider {
     return this._baseURL;
   }
 
+  private _customHosts?: string[] = undefined;
+
+  /**
+   * Custom Hostnames to allow graph client to utilize
+   */
+  public set customHosts(hosts: string[] | undefined) {
+    this._customHosts = hosts;
+  }
+
+  public get customHosts(): string[] | undefined {
+    return this._customHosts;
+  }
+
   /**
    * Enable/Disable incremental consent
    *

packages/providers/mgt-msal2-provider/src/Msal2Provider.ts

@@ -146,6 +146,14 @@ export interface Msal2Config extends Msal2ConfigBase {
    * The base URL for the graph client
    */
   baseURL?: GraphEndpoint;
+
+  /**
+   * CustomHosts
+   *
+   * @type {string[]}
+   * @memberof Msal2Config
+   */
+  customHosts?: string[];
 }
 
 /**
@@ -394,6 +402,7 @@ export class Msal2Provider extends IProvider {
     this.isMultipleAccountEnabled =
       typeof msal2config.isMultiAccountEnabled !== 'undefined' ? msal2config.isMultiAccountEnabled : true;
     this.baseURL = typeof msal2config.baseURL !== 'undefined' ? msal2config.baseURL : this.baseURL;
+    this.customHosts = msal2config.customHosts;
 
     this.graph = createFromProvider(this);
     try {

packages/providers/mgt-msal2-provider/src/mgt-msal2-provider.ts

@@ -195,6 +195,10 @@ export class MgtMsal2Provider extends MgtBaseProvider {
         config.baseURL = this.baseUrl;
       }
 
+      if (this.customHosts) {
+        config.customHosts = this.customHosts;
+      }
+
       this.provider = new Msal2Provider(config);
       Providers.globalProvider = this.provider;
     }

tsconfig.base.json

@@ -6,7 +6,7 @@
     // "incremental": true,                   /* Enable incremental compilation */
     "target": "es2015" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */,
     "module": "es6" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */,
-    "lib": ["dom", "es5", "DOM.Iterable"] /* Specify library files to be included in the compilation. */,
+    "lib": ["dom", "es5", "es6", "DOM.Iterable"] /* Specify library files to be included in the compilation. */,
     // "allowJs": true,                       /* Allow javascript files to be compiled. */
     // "checkJs": true,                       /* Report errors in .js files. */
     // "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */