@azure/msal-browser 2.22.1 → 2.23.0

package/README.md

@@ -59,7 +59,7 @@ npm install @azure/msal-browser
 
 <!-- CDN_LATEST -->
 ```html
-<script type="text/javascript" src="https://alcdn.msauth.net/browser/2.22.1/js/msal-browser.min.js"></script>
+<script type="text/javascript" src="https://alcdn.msauth.net/browser/2.23.0/js/msal-browser.min.js"></script>
 ```
 
 See [here](https://github.com/AzureAD/microsoft-authentication-library-for-js/blob/dev/lib/msal-browser/docs/cdn-usage.md) for more info on how to use this package from the Microsoft CDN.

package/dist/_virtual/_tslib.js

@@ -1,4 +1,4 @@
-/*! @azure/msal-browser v2.22.1 2022-03-07 */
+/*! @azure/msal-browser v2.23.0 2022-04-04 */
 'use strict';
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.

package/dist/app/ClientApplication.d.ts

@@ -1,4 +1,4 @@
-import { AccountInfo, INetworkModule, AuthenticationResult, Logger, CommonSilentFlowRequest, ICrypto } from "@azure/msal-common";
+import { AccountInfo, INetworkModule, AuthenticationResult, Logger, CommonSilentFlowRequest, ICrypto, PerformanceCallbackFunction, IPerformanceClient, BaseAuthRequest } from "@azure/msal-common";
 import { BrowserCacheManager } from "../cache/BrowserCacheManager";
 import { BrowserConfiguration, Configuration } from "../config/Configuration";
 import { InteractionType, WrapperSKU } from "../utils/BrowserConstants";
@@ -24,6 +24,7 @@ export declare abstract class ClientApplication {
     protected eventHandler: EventHandler;
     protected redirectResponse: Map<string, Promise<AuthenticationResult | null>>;
     private hybridAuthCodeResponses;
+    protected performanceClient: IPerformanceClient;
     /**
      * @constructor
      * Constructor for the PublicClientApplication used to instantiate the PublicClientApplication object
@@ -196,6 +197,20 @@ export declare abstract class ClientApplication {
      * @param callbackId
      */
     removeEventCallback(callbackId: string): void;
+    /**
+     * Registers a callback to receive performance events.
+     *
+     * @param {PerformanceCallbackFunction} callback
+     * @returns {string}
+     */
+    addPerformanceCallback(callback: PerformanceCallbackFunction): string;
+    /**
+     * Removes a callback registered with addPerformanceCallback.
+     *
+     * @param {string} callbackId
+     * @returns {boolean}
+     */
+    removePerformanceCallback(callbackId: string): boolean;
     /**
      * Adds event listener that emits an event when a user account is added or removed from localstorage in a different browser tab or window
      */
@@ -232,5 +247,13 @@ export declare abstract class ClientApplication {
      * Returns the configuration object
      */
     getConfiguration(): BrowserConfiguration;
+    /**
+     * Generates a correlation id for a request if none is provided.
+     *
+     * @protected
+     * @param {?Partial<BaseAuthRequest>} [request]
+     * @returns {string}
+     */
+    protected getRequestCorrelationId(request?: Partial<BaseAuthRequest>): string;
 }
 //# sourceMappingURL=ClientApplication.d.ts.map

package/dist/app/ClientApplication.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClientApplication.d.ts","sourceRoot":"","sources":["../../src/app/ClientApplication.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ClientApplication.d.ts","sourceRoot":"","sources":["../../src/app/ClientApplication.ts"],"names":[],"mappings":"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"}

package/dist/app/ClientApplication.js

@@ -1,8 +1,8 @@
-/*! @azure/msal-browser v2.22.1 2022-03-07 */
+/*! @azure/msal-browser v2.23.0 2022-04-04 */
 'use strict';
-import { __awaiter, __generator } from '../_virtual/_tslib.js';
+import { __awaiter, __generator, __assign } from '../_virtual/_tslib.js';
 import { CryptoOps } from '../crypto/CryptoOps.js';
-import { StringUtils, Logger, DEFAULT_CRYPTO_IMPLEMENTATION, Constants, ServerError, InteractionRequiredAuthError } from '@azure/msal-common';
+import { Constants, PerformanceEvents, StringUtils, Logger, StubPerformanceClient, DEFAULT_CRYPTO_IMPLEMENTATION, ServerError, InteractionRequiredAuthError } from '@azure/msal-common';
 import { BrowserCacheManager, DEFAULT_BROWSER_CACHE_MANAGER } from '../cache/BrowserCacheManager.js';
 import { buildConfiguration } from '../config/Configuration.js';
 import { InteractionType, TemporaryCacheKeys, ApiId, BrowserCacheLocation, BrowserConstants } from '../utils/BrowserConstants.js';
@@ -18,6 +18,7 @@ import { SilentRefreshClient } from '../interaction_client/SilentRefreshClient.j
 import { TokenCache } from '../cache/TokenCache.js';
 import { SilentAuthCodeClient } from '../interaction_client/SilentAuthCodeClient.js';
 import { BrowserAuthError } from '../error/BrowserAuthError.js';
+import { BrowserPerformanceClient } from '../telemetry/BrowserPerformanceClient.js';
 
 /*
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -64,8 +65,12 @@ var ClientApplication = /** @class */ (function () {
         this.redirectResponse = new Map();
         // Initial hybrid spa map
         this.hybridAuthCodeResponses = new Map();
+        // Initialize performance client
+        this.performanceClient = this.isBrowserEnvironment ?
+            new BrowserPerformanceClient(this.config.auth.clientId, this.config.auth.authority, this.logger, name, version, this.config.telemetry.application) :
+            new StubPerformanceClient(this.config.auth.clientId, this.config.auth.authority, this.logger, name, version, this.config.telemetry.application);
         // Initialize the crypto class.
-        this.browserCrypto = this.isBrowserEnvironment ? new CryptoOps(this.logger) : DEFAULT_CRYPTO_IMPLEMENTATION;
+        this.browserCrypto = this.isBrowserEnvironment ? new CryptoOps(this.logger, this.performanceClient) : DEFAULT_CRYPTO_IMPLEMENTATION;
         this.eventHandler = new EventHandler(this.logger, this.browserCrypto);
         // Initialize the browser storage class.
         this.browserStorage = this.isBrowserEnvironment ?
@@ -95,8 +100,8 @@ var ClientApplication = /** @class */ (function () {
                     if (typeof response === "undefined") {
                         this.eventHandler.emitEvent(EventType.HANDLE_REDIRECT_START, InteractionType.Redirect);
                         this.logger.verbose("handleRedirectPromise has been called for the first time, storing the promise");
-                        correlationId = this.browserStorage.getTemporaryCache(TemporaryCacheKeys.CORRELATION_ID, true) || "";
-                        redirectClient = new RedirectClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, correlationId);
+                        correlationId = this.browserStorage.getTemporaryCache(TemporaryCacheKeys.CORRELATION_ID, true) || Constants.EMPTY_STRING;
+                        redirectClient = new RedirectClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, this.performanceClient, correlationId);
                         response = redirectClient.handleRedirectPromise(hash)
                             .then(function (result) {
                             if (result) {
@@ -148,11 +153,11 @@ var ClientApplication = /** @class */ (function () {
      */
     ClientApplication.prototype.acquireTokenRedirect = function (request) {
         return __awaiter(this, void 0, void 0, function () {
-            var isLoggedIn, redirectClient;
+            var correlationId, isLoggedIn, redirectClient;
             var _this = this;
             return __generator(this, function (_a) {
-                // Preflight request
-                this.logger.verbose("acquireTokenRedirect called");
+                correlationId = this.getRequestCorrelationId(request);
+                this.logger.verbose("acquireTokenRedirect called", correlationId);
                 this.preflightBrowserEnvironmentCheck(InteractionType.Redirect);
                 isLoggedIn = this.getAllAccounts().length > 0;
                 if (isLoggedIn) {
@@ -161,8 +166,8 @@ var ClientApplication = /** @class */ (function () {
                 else {
                     this.eventHandler.emitEvent(EventType.LOGIN_START, InteractionType.Redirect, request);
                 }
-                redirectClient = new RedirectClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, request.correlationId);
-                return [2 /*return*/, redirectClient.acquireToken(request).catch(function (e) {
+                redirectClient = new RedirectClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, this.performanceClient, correlationId);
+                return [2 /*return*/, redirectClient.acquireToken(__assign(__assign({}, request), { correlationId: correlationId })).catch(function (e) {
                         // If logged in, emit acquire token events
                         if (isLoggedIn) {
                             _this.eventHandler.emitEvent(EventType.ACQUIRE_TOKEN_FAILURE, InteractionType.Redirect, null, e);
@@ -186,8 +191,9 @@ var ClientApplication = /** @class */ (function () {
      */
     ClientApplication.prototype.acquireTokenPopup = function (request) {
         var _this = this;
+        var correlationId = this.getRequestCorrelationId(request);
         try {
-            this.logger.verbose("acquireTokenPopup called", request.correlationId);
+            this.logger.verbose("acquireTokenPopup called", correlationId);
             this.preflightBrowserEnvironmentCheck(InteractionType.Popup);
         }
         catch (e) {
@@ -202,8 +208,8 @@ var ClientApplication = /** @class */ (function () {
         else {
             this.eventHandler.emitEvent(EventType.LOGIN_START, InteractionType.Popup, request);
         }
-        var popupClient = new PopupClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, request.correlationId);
-        return popupClient.acquireToken(request).then(function (result) {
+        var popupClient = new PopupClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, this.performanceClient, correlationId);
+        return popupClient.acquireToken(__assign(__assign({}, request), { correlationId: correlationId })).then(function (result) {
             // If logged in, emit acquire token events
             var isLoggingIn = loggedInAccounts.length < _this.getAllAccounts().length;
             if (isLoggingIn) {
@@ -243,25 +249,35 @@ var ClientApplication = /** @class */ (function () {
      */
     ClientApplication.prototype.ssoSilent = function (request) {
         return __awaiter(this, void 0, void 0, function () {
-            var silentIframeClient, silentTokenResult, e_1;
+            var correlationId, ssoSilentMeasurement, silentIframeClient, silentTokenResult, e_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
+                        correlationId = this.getRequestCorrelationId(request);
                         this.preflightBrowserEnvironmentCheck(InteractionType.Silent);
-                        this.logger.verbose("ssoSilent called", request.correlationId);
+                        ssoSilentMeasurement = this.performanceClient.startMeasurement(PerformanceEvents.SsoSilent, correlationId);
+                        this.logger.verbose("ssoSilent called", correlationId);
                         this.eventHandler.emitEvent(EventType.SSO_SILENT_START, InteractionType.Silent, request);
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 3, , 4]);
-                        silentIframeClient = new SilentIframeClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, ApiId.ssoSilent, request.correlationId);
-                        return [4 /*yield*/, silentIframeClient.acquireToken(request)];
+                        silentIframeClient = new SilentIframeClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, ApiId.ssoSilent, this.performanceClient, correlationId);
+                        return [4 /*yield*/, silentIframeClient.acquireToken(__assign(__assign({}, request), { correlationId: correlationId }))];
                     case 2:
                         silentTokenResult = _a.sent();
                         this.eventHandler.emitEvent(EventType.SSO_SILENT_SUCCESS, InteractionType.Silent, silentTokenResult);
+                        ssoSilentMeasurement.endMeasurement({
+                            success: true
+                        });
+                        ssoSilentMeasurement.flushMeasurement();
                         return [2 /*return*/, silentTokenResult];
                     case 3:
                         e_1 = _a.sent();
                         this.eventHandler.emitEvent(EventType.SSO_SILENT_FAILURE, InteractionType.Silent, null, e_1);
+                        ssoSilentMeasurement.endMeasurement({
+                            success: false
+                        });
+                        ssoSilentMeasurement.flushMeasurement();
                         throw e_1;
                     case 4: return [2 /*return*/];
                 }
@@ -280,38 +296,56 @@ var ClientApplication = /** @class */ (function () {
      */
     ClientApplication.prototype.acquireTokenByCode = function (request) {
         return __awaiter(this, void 0, void 0, function () {
-            var response;
+            var correlationId, atbcMeasurement, response;
             var _this = this;
             return __generator(this, function (_a) {
+                correlationId = this.getRequestCorrelationId(request);
                 this.preflightBrowserEnvironmentCheck(InteractionType.Silent);
-                this.logger.trace("acquireTokenByCode called", request.correlationId);
+                this.logger.trace("acquireTokenByCode called", correlationId);
                 this.eventHandler.emitEvent(EventType.ACQUIRE_TOKEN_BY_CODE_START, InteractionType.Silent, request);
+                atbcMeasurement = this.performanceClient.startMeasurement(PerformanceEvents.AcquireTokenByCode, request.correlationId);
                 try {
                     if (!request.code) {
                         throw BrowserAuthError.createAuthCodeRequiredError();
                     }
                     response = this.hybridAuthCodeResponses.get(request.code);
                     if (!response) {
-                        this.logger.verbose("Initiating new acquireTokenByCode request", request.correlationId);
-                        response = this.acquireTokenByCodeAsync(request)
+                        this.logger.verbose("Initiating new acquireTokenByCode request", correlationId);
+                        response = this.acquireTokenByCodeAsync(__assign(__assign({}, request), { correlationId: correlationId }))
                             .then(function (result) {
                             _this.eventHandler.emitEvent(EventType.ACQUIRE_TOKEN_BY_CODE_SUCCESS, InteractionType.Silent, result);
                             _this.hybridAuthCodeResponses.delete(request.code);
+                            atbcMeasurement.endMeasurement({
+                                success: true
+                            });
+                            atbcMeasurement.flushMeasurement();
                             return result;
                         })
                             .catch(function (error) {
                             _this.hybridAuthCodeResponses.delete(request.code);
+                            _this.eventHandler.emitEvent(EventType.ACQUIRE_TOKEN_BY_CODE_FAILURE, InteractionType.Silent, null, error);
+                            atbcMeasurement.endMeasurement({
+                                success: false
+                            });
+                            atbcMeasurement.flushMeasurement();
                             throw error;
                         });
                         this.hybridAuthCodeResponses.set(request.code, response);
                     }
                     else {
                         this.logger.verbose("Existing acquireTokenByCode request found", request.correlationId);
+                        atbcMeasurement.endMeasurement({
+                            success: true
+                        });
+                        atbcMeasurement.discardMeasurement();
                     }
                     return [2 /*return*/, response];
                 }
                 catch (e) {
                     this.eventHandler.emitEvent(EventType.ACQUIRE_TOKEN_BY_CODE_FAILURE, InteractionType.Silent, null, e);
+                    atbcMeasurement.endMeasurement({
+                        success: false
+                    });
                     throw e;
                 }
                 return [2 /*return*/];
@@ -330,7 +364,7 @@ var ClientApplication = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         this.logger.trace("acquireTokenByCodeAsync called", request.correlationId);
-                        silentAuthCodeClient = new SilentAuthCodeClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, ApiId.acquireTokenByCode, request.correlationId);
+                        silentAuthCodeClient = new SilentAuthCodeClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, ApiId.acquireTokenByCode, this.performanceClient, request.correlationId);
                         return [4 /*yield*/, silentAuthCodeClient.acquireToken(request)];
                     case 1:
                         silentTokenResult = _a.sent();
@@ -352,22 +386,47 @@ var ClientApplication = /** @class */ (function () {
      */
     ClientApplication.prototype.acquireTokenByRefreshToken = function (request) {
         return __awaiter(this, void 0, void 0, function () {
-            var silentRefreshClient;
+            var atbrtMeasurement, silentRefreshClient;
             var _this = this;
             return __generator(this, function (_a) {
-                this.eventHandler.emitEvent(EventType.ACQUIRE_TOKEN_NETWORK_START, InteractionType.Silent, request);
                 // block the reload if it occurred inside a hidden iframe
                 BrowserUtils.blockReloadInHiddenIframes();
-                silentRefreshClient = new SilentRefreshClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, request.correlationId);
-                return [2 /*return*/, silentRefreshClient.acquireToken(request).catch(function (e) {
+                atbrtMeasurement = this.performanceClient.startMeasurement(PerformanceEvents.AcquireTokenByRefreshToken, request.correlationId);
+                this.eventHandler.emitEvent(EventType.ACQUIRE_TOKEN_NETWORK_START, InteractionType.Silent, request);
+                silentRefreshClient = new SilentRefreshClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, this.performanceClient, request.correlationId);
+                return [2 /*return*/, silentRefreshClient.acquireToken(request)
+                        .then(function (result) {
+                        atbrtMeasurement.endMeasurement({
+                            success: true,
+                            fromCache: result.fromCache
+                        });
+                        return result;
+                    })
+                        .catch(function (e) {
                         var isServerError = e instanceof ServerError;
                         var isInteractionRequiredError = e instanceof InteractionRequiredAuthError;
                         var isInvalidGrantError = (e.errorCode === BrowserConstants.INVALID_GRANT_ERROR);
                         if (isServerError && isInvalidGrantError && !isInteractionRequiredError) {
                             _this.logger.verbose("Refresh token expired or invalid, attempting acquire token by iframe", request.correlationId);
-                            var silentIframeClient = new SilentIframeClient(_this.config, _this.browserStorage, _this.browserCrypto, _this.logger, _this.eventHandler, _this.navigationClient, ApiId.acquireTokenSilent_authCode, request.correlationId);
-                            return silentIframeClient.acquireToken(request);
+                            var silentIframeClient = new SilentIframeClient(_this.config, _this.browserStorage, _this.browserCrypto, _this.logger, _this.eventHandler, _this.navigationClient, ApiId.acquireTokenSilent_authCode, _this.performanceClient, request.correlationId);
+                            return silentIframeClient.acquireToken(request)
+                                .then(function (result) {
+                                atbrtMeasurement.endMeasurement({
+                                    success: true,
+                                    fromCache: result.fromCache
+                                });
+                                return result;
+                            })
+                                .catch(function (error) {
+                                atbrtMeasurement.endMeasurement({
+                                    success: false
+                                });
+                                throw error;
+                            });
                         }
+                        atbrtMeasurement.endMeasurement({
+                            success: false
+                        });
                         throw e;
                     })];
             });
@@ -382,9 +441,11 @@ var ClientApplication = /** @class */ (function () {
      */
     ClientApplication.prototype.logout = function (logoutRequest) {
         return __awaiter(this, void 0, void 0, function () {
+            var correlationId;
             return __generator(this, function (_a) {
-                this.logger.warning("logout API is deprecated and will be removed in msal-browser v3.0.0. Use logoutRedirect instead.");
-                return [2 /*return*/, this.logoutRedirect(logoutRequest)];
+                correlationId = this.getRequestCorrelationId(logoutRequest);
+                this.logger.warning("logout API is deprecated and will be removed in msal-browser v3.0.0. Use logoutRedirect instead.", correlationId);
+                return [2 /*return*/, this.logoutRedirect(__assign({ correlationId: correlationId }, logoutRequest))];
             });
         });
     };
@@ -395,11 +456,12 @@ var ClientApplication = /** @class */ (function () {
      */
     ClientApplication.prototype.logoutRedirect = function (logoutRequest) {
         return __awaiter(this, void 0, void 0, function () {
-            var redirectClient;
+            var correlationId, redirectClient;
             return __generator(this, function (_a) {
+                correlationId = this.getRequestCorrelationId(logoutRequest);
                 this.preflightBrowserEnvironmentCheck(InteractionType.Redirect);
-                redirectClient = new RedirectClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, logoutRequest === null || logoutRequest === void 0 ? void 0 : logoutRequest.correlationId);
-                return [2 /*return*/, redirectClient.logout(logoutRequest)];
+                redirectClient = new RedirectClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, this.performanceClient, correlationId);
+                return [2 /*return*/, redirectClient.logout(__assign({ correlationId: correlationId }, logoutRequest))];
             });
         });
     };
@@ -409,9 +471,10 @@ var ClientApplication = /** @class */ (function () {
      */
     ClientApplication.prototype.logoutPopup = function (logoutRequest) {
         try {
+            var correlationId = this.getRequestCorrelationId(logoutRequest);
             this.preflightBrowserEnvironmentCheck(InteractionType.Popup);
-            var popupClient = new PopupClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, logoutRequest === null || logoutRequest === void 0 ? void 0 : logoutRequest.correlationId);
-            return popupClient.logout(logoutRequest);
+            var popupClient = new PopupClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, this.performanceClient, correlationId);
+            return popupClient.logout(__assign({ correlationId: correlationId }, logoutRequest));
         }
         catch (e) {
             // Since this function is syncronous we need to reject
@@ -553,6 +616,24 @@ var ClientApplication = /** @class */ (function () {
     ClientApplication.prototype.removeEventCallback = function (callbackId) {
         this.eventHandler.removeEventCallback(callbackId);
     };
+    /**
+     * Registers a callback to receive performance events.
+     *
+     * @param {PerformanceCallbackFunction} callback
+     * @returns {string}
+     */
+    ClientApplication.prototype.addPerformanceCallback = function (callback) {
+        return this.performanceClient.addPerformanceCallback(callback);
+    };
+    /**
+     * Removes a callback registered with addPerformanceCallback.
+     *
+     * @param {string} callbackId
+     * @returns {boolean}
+     */
+    ClientApplication.prototype.removePerformanceCallback = function (callbackId) {
+        return this.performanceClient.removePerformanceCallback(callbackId);
+    };
     /**
      * Adds event listener that emits an event when a user account is added or removed from localstorage in a different browser tab or window
      */
@@ -606,6 +687,26 @@ var ClientApplication = /** @class */ (function () {
     ClientApplication.prototype.getConfiguration = function () {
         return this.config;
     };
+    /**
+     * Generates a correlation id for a request if none is provided.
+     *
+     * @protected
+     * @param {?Partial<BaseAuthRequest>} [request]
+     * @returns {string}
+     */
+    ClientApplication.prototype.getRequestCorrelationId = function (request) {
+        if (request === null || request === void 0 ? void 0 : request.correlationId) {
+            return request.correlationId;
+        }
+        if (this.isBrowserEnvironment) {
+            return this.browserCrypto.createNewGuid();
+        }
+        /*
+         * Included for fallback for non-browser environments,
+         * and to ensure this method always returns a string.
+         */
+        return Constants.EMPTY_STRING;
+    };
     return ClientApplication;
 }());