@microsoft/applicationinsights-react-js 3.3.0-beta.2203-08 → 3.3.0-beta.2203-11

package/browser/applicationinsights-react-js.js

@@ -1,5 +1,5 @@
 /*!
- * Application Insights JavaScript SDK - React Plugin, 3.3.0-beta.2203-08
+ * Application Insights JavaScript SDK - React Plugin, 3.3.0-beta.2203-11
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 (function (global, factory) {
@@ -98,7 +98,9 @@
     var __assignFn = ObjAssign || __objAssignFnImpl;
     var extendStaticsFn = function (d, b) {
         extendStaticsFn = ObjClass["setPrototypeOf"] ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            ({ __proto__: [] } instanceof Array && function (d, b) {
+                d.__proto__ = b;
+            }) ||
             function (d, b) {
                 for (var p in b) {
                     if (b[strShimHasOwnProperty](p)) {
@@ -113,7 +115,9 @@
             throwTypeError("Class extends value " + String(b) + " is not a constructor or null");
         }
         extendStaticsFn(d, b);
-        function __() { this.constructor = d; }
+        function __() {
+            this.constructor = d;
+        }
         d[strShimPrototype] = b === null ? objCreateFn(b) : (__[strShimPrototype] = b[strShimPrototype], new __());
     }
 
@@ -734,6 +738,17 @@
             }
         }
     }
+    function proxyFunctions(target, source, functionsToProxy, overwriteTarget) {
+        if (overwriteTarget === void 0) { overwriteTarget = true; }
+        if (target && source && isObject(target) && isArray(functionsToProxy)) {
+            arrForEach(functionsToProxy, function (theFuncName) {
+                if (isString(theFuncName)) {
+                    proxyFunctionAs(target, theFuncName, source, theFuncName, overwriteTarget);
+                }
+            });
+        }
+        return target;
+    }
     function createEnumStyle(values) {
         var enumClass = {};
         objForEachKey(values, function (field, value) {
@@ -1265,7 +1280,7 @@
     }
 
     var _objDefineProperty = ObjDefineProperty;
-    var version = "2.7.3";
+    var version = "2.8.0-beta.2203-11";
     var instanceName = "." + newId(6);
     var _dataUid = 0;
     function _createAccessor(target, prop, value) {
@@ -1363,7 +1378,9 @@
         var context = {
             _next: _moveNext,
             ctx: {
-                core: function () { return core; },
+                core: function () {
+                    return core;
+                },
                 diagLog: function () {
                     return safeGetLogger(core, config);
                 },
@@ -2106,6 +2123,8 @@
     var strEvents = "events";
     createUniqueNamespace("aiEvtPageHide");
     createUniqueNamespace("aiEvtPageShow");
+    var rRemoveEmptyNs = /\.[\.]+/g;
+    var rRemoveTrailingEmptyNs = /[\.]+$/;
     var _guid = 1;
     var elmNodeData = createElmNodeData("events");
     var eventNamespace = /^([^.]*)(?:\.(.+)|)/;
@@ -2140,10 +2159,10 @@
                 eventName = (eventName || "") + theNamespace_1;
             }
         }
-        var parsedEvent = (eventNamespace.exec(eventName) || []);
+        var parsedEvent = (eventNamespace.exec(eventName || "") || []);
         return {
             type: parsedEvent[1],
-            ns: ((parsedEvent[2] || "").split(".").sort()).join(".")
+            ns: ((parsedEvent[2] || "").replace(rRemoveEmptyNs, ".").replace(rRemoveTrailingEmptyNs, "").split(".").sort()).join(".")
         };
     }
     function _getRegisteredEvents(target, evtName, addDefault) {
@@ -2400,98 +2419,91 @@
     var ReactPlugin = /** @class */ (function (_super) {
         __extendsFn(ReactPlugin, _super);
         function ReactPlugin() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
+            var _this = _super.call(this) || this;
             _this.priority = 185;
             _this.identifier = 'ReactPlugin';
-            return _this;
-        }
-        ReactPlugin.prototype.initialize = function (config, core, extensions, pluginChain) {
-            var _this = this;
-            _super.prototype.initialize.call(this, config, core, extensions, pluginChain);
-            this._extensionConfig =
-                config.extensionConfig && config.extensionConfig[this.identifier]
-                    ? config.extensionConfig[this.identifier]
-                    : { history: null };
-            arrForEach(extensions, function (ext) {
-                var identifier = ext.identifier;
-                if (identifier === 'ApplicationInsightsAnalytics') {
-                    _this._analyticsPlugin = ext;
+            var _analyticsPlugin;
+            var _extensionConfig;
+            var _unlisten;
+            var _pageViewTimer;
+            dynamicProto(ReactPlugin, _this, function (_self, _base) {
+                _initDefaults();
+                _self.initialize = function (config, core, extensions, pluginChain) {
+                    _super.prototype.initialize.call(_this, config, core, extensions, pluginChain);
+                    _extensionConfig =
+                        config.extensionConfig && config.extensionConfig[_self.identifier]
+                            ? config.extensionConfig[_self.identifier]
+                            : { history: null };
+                    arrForEach(extensions, function (ext) {
+                        var identifier = ext.identifier;
+                        if (identifier === 'ApplicationInsightsAnalytics') {
+                            _analyticsPlugin = ext;
+                        }
+                    });
+                    if (_extensionConfig.history) {
+                        _addHistoryListener(_extensionConfig.history);
+                        var pageViewTelemetry = {
+                            uri: _extensionConfig.history.location.pathname
+                        };
+                        _self.trackPageView(pageViewTelemetry);
+                    }
+                };
+                _self.getCookieMgr = function () {
+                    return safeGetCookieMgr(_self.core);
+                };
+                _self.getAppInsights = _getAnalytics;
+                _self.processTelemetry = function (event, itemCtx) {
+                    _self.processNext(event, itemCtx);
+                };
+                _self._doTeardown = function (unloadCtx, unloadState, asyncCallback) {
+                    if (isFunction(_unlisten)) {
+                        _unlisten();
+                    }
+                    if (_pageViewTimer) {
+                        clearTimeout(_pageViewTimer);
+                    }
+                    _initDefaults();
+                };
+                proxyFunctions(_self, _getAnalytics, [
+                    "trackMetric",
+                    "trackPageView",
+                    "trackEvent",
+                    "trackException",
+                    "trackTrace",
+                ]);
+                function _initDefaults() {
+                    _analyticsPlugin = null;
+                    _extensionConfig = null;
+                    _unlisten = null;
+                    _pageViewTimer = null;
+                }
+                function _getAnalytics() {
+                    if (!_analyticsPlugin) {
+                        _self.diagLog().throwInternal(LoggingSeverity.CRITICAL, _InternalMessageId.TelemetryInitializerFailed, "Analytics plugin is not available, React plugin telemetry will not be sent: ");
+                    }
+                    return _analyticsPlugin;
                 }
+                function _addHistoryListener(history) {
+                    var locationListener = function (arg) {
+                        var locn = null;
+                        if ("location" in arg) {
+                            locn = arg["location"];
+                        }
+                        else {
+                            locn = arg;
+                        }
+                        _pageViewTimer = setTimeout(function () {
+                            _pageViewTimer = null;
+                            var pageViewTelemetry = { uri: locn.pathname };
+                            _self.trackPageView(pageViewTelemetry);
+                        }, 500);
+                    };
+                    _unlisten = history.listen(locationListener);
+                }
+                objDefineAccessors(_self, "_extensionConfig", function () { return _extensionConfig; });
             });
-            if (this._extensionConfig.history) {
-                this.addHistoryListener(this._extensionConfig.history);
-                var pageViewTelemetry = {
-                    uri: this._extensionConfig.history.location.pathname
-                };
-                this.trackPageView(pageViewTelemetry);
-            }
-        };
-        ReactPlugin.prototype.getCookieMgr = function () {
-            return safeGetCookieMgr(this.core);
-        };
-        ReactPlugin.prototype.getAppInsights = function () {
-            return this._analyticsPlugin;
-        };
-        ReactPlugin.prototype.processTelemetry = function (event, itemCtx) {
-            this.processNext(event, itemCtx);
-        };
-        ReactPlugin.prototype.trackMetric = function (metric, customProperties) {
-            if (this._analyticsPlugin) {
-                this._analyticsPlugin.trackMetric(metric, customProperties);
-            }
-            else {
-                this.diagLog().throwInternal(LoggingSeverity.CRITICAL, _InternalMessageId.TelemetryInitializerFailed, "Analytics plugin is not available, React plugin telemetry will not be sent: ");
-            }
-        };
-        ReactPlugin.prototype.trackPageView = function (pageView) {
-            if (this._analyticsPlugin) {
-                this._analyticsPlugin.trackPageView(pageView);
-            }
-            else {
-                this.diagLog().throwInternal(LoggingSeverity.CRITICAL, _InternalMessageId.TelemetryInitializerFailed, "Analytics plugin is not available, React plugin telemetry will not be sent: ");
-            }
-        };
-        ReactPlugin.prototype.trackEvent = function (event, customProperties) {
-            if (this._analyticsPlugin) {
-                this._analyticsPlugin.trackEvent(event, customProperties);
-            }
-            else {
-                this.diagLog().throwInternal(LoggingSeverity.CRITICAL, _InternalMessageId.TelemetryInitializerFailed, "Analytics plugin is not available, React plugin telemetry will not be sent: ");
-            }
-        };
-        ReactPlugin.prototype.trackException = function (exception, customProperties) {
-            if (this._analyticsPlugin) {
-                this._analyticsPlugin.trackException(exception, customProperties);
-            }
-            else {
-                this.diagLog().throwInternal(LoggingSeverity.CRITICAL, _InternalMessageId.TelemetryInitializerFailed, "Analytics plugin is not available, React plugin telemetry will not be sent: ");
-            }
-        };
-        ReactPlugin.prototype.trackTrace = function (trace, customProperties) {
-            if (this._analyticsPlugin) {
-                this._analyticsPlugin.trackTrace(trace, customProperties);
-            }
-            else {
-                this.diagLog().throwInternal(LoggingSeverity.CRITICAL, _InternalMessageId.TelemetryInitializerFailed, "Analytics plugin is not available, React plugin telemetry will not be sent: ");
-            }
-        };
-        ReactPlugin.prototype.addHistoryListener = function (history) {
-            var _this = this;
-            var locationListener = function (arg) {
-                var locn = null;
-                if ("location" in arg) {
-                    locn = arg["location"];
-                }
-                else {
-                    locn = arg;
-                }
-                setTimeout(function () {
-                    var pageViewTelemetry = { uri: locn.pathname };
-                    _this.trackPageView(pageViewTelemetry);
-                }, 500);
-            };
-            history.listen(locationListener);
-        };
+            return _this;
+        }
         return ReactPlugin;
     }(BaseTelemetryPlugin));
     var ReactPlugin$1 = ReactPlugin;
@@ -2638,7 +2650,7 @@
             trackedData.idleCount * trackedData.idleTimeout) /
             1000);
     }
-    var useComponentTracking = function (reactPlugin, componentName) {
+    var useComponentTracking = function (reactPlugin, componentName, customProperties) {
         var tracking = React.useRef({
             hookTimestamp: dateNow(),
             firstActiveTimestamp: 0,
@@ -2677,7 +2689,7 @@
                     name: "React Component Engaged Time (seconds)",
                     sampleCount: 1
                 };
-                var additionalProperties = { "Component Name": componentName };
+                var additionalProperties = __assignFn({ "Component Name": componentName }, customProperties);
                 reactPlugin.trackMetric(metricData, additionalProperties);
             };
         }, []);