@microsoft/applicationinsights-react-js 3.3.2 → 3.3.4-nightly.2205-04

package/browser/applicationinsights-react-js.js

@@ -1,5 +1,5 @@
 /*!
- * Application Insights JavaScript SDK - React Plugin, 3.3.2
+ * Application Insights JavaScript SDK - React Plugin, 3.3.4-nightly.2205-04
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 (function (global, factory) {
@@ -122,7 +122,7 @@
     }
 
     /*!
-     * Microsoft Dynamic Proto Utility, 1.1.5
+     * Microsoft Dynamic Proto Utility, 1.1.6
      * Copyright (c) Microsoft and contributors. All rights reserved.
      */
     var Constructor = 'constructor';
@@ -135,13 +135,15 @@
     var DynInstChkTag = '_dynInstChk';
     var DynAllowInstChkTag = DynInstChkTag;
     var DynProtoDefaultOptions = '_dfOpts';
-    var DynProtoPolyProto = "_dynProto";
     var UnknownValue = '_unknown_';
     var str__Proto$1 = "__proto__";
+    var DynProtoBaseProto = "_dyn" + str__Proto$1;
+    var DynProtoCurrent = "_dynInstProto";
     var strUseBaseInst = 'useBaseInst';
     var strSetInstFuncs = 'setInstFuncs';
     var Obj = Object;
     var _objGetPrototypeOf$1 = Obj["getPrototypeOf"];
+    var _objGetOwnProps = Obj["getOwnPropertyNames"];
     var _dynamicNames = 0;
     function _hasOwnProperty(obj, prop) {
         return obj && Obj[Prototype].hasOwnProperty.call(obj, prop);
@@ -153,25 +155,25 @@
         return _isObjectOrArrayPrototype(target) || target === Function[Prototype];
     }
     function _getObjProto$1(target) {
+        var newProto;
         if (target) {
             if (_objGetPrototypeOf$1) {
                 return _objGetPrototypeOf$1(target);
             }
-            var newProto = target[DynProtoPolyProto] || target[str__Proto$1] || target[Prototype] || (target[Constructor] ? target[Constructor][Prototype] : null);
-            if (newProto) {
-                if (!target[DynProtoPolyProto]) {
-                    target[DynProtoPolyProto] = newProto;
-                }
-                return newProto;
+            var curProto = target[str__Proto$1] || target[Prototype] || (target[Constructor] ? target[Constructor][Prototype] : null);
+            newProto = target[DynProtoBaseProto] || curProto;
+            if (!_hasOwnProperty(target, DynProtoBaseProto)) {
+                delete target[DynProtoCurrent];
+                newProto = target[DynProtoBaseProto] = target[DynProtoCurrent] || target[DynProtoBaseProto];
+                target[DynProtoCurrent] = curProto;
             }
         }
-        return null;
+        return newProto;
     }
     function _forEachProp(target, func) {
         var props = [];
-        var getOwnProps = Obj["getOwnPropertyNames"];
-        if (getOwnProps) {
-            props = getOwnProps(target);
+        if (_objGetOwnProps) {
+            props = _objGetOwnProps(target);
         }
         else {
             for (var name_1 in target) {
@@ -376,23 +378,16 @@
     var strDisabled = "disabled";
     var strDoTeardown = "_doTeardown";
 
-    var strToISOString = "toISOString";
     var cStrEndsWith = "endsWith";
-    var strIndexOf = "indexOf";
-    var strMap = "map";
-    var strReduce = "reduce";
     var cStrTrim = "trim";
     var strToString = "toString";
     var str__Proto = "__proto__";
     var strConstructor = "constructor";
     var _objDefineProperty$1 = ObjDefineProperty;
     var _objFreeze = ObjClass.freeze;
-    var _objKeys = ObjClass.keys;
     var StringProto = String[strShimPrototype];
     var _strTrim = StringProto[cStrTrim];
     var _strEndsWith = StringProto[cStrEndsWith];
-    var DateProto = Date[strShimPrototype];
-    var _dataToISOString = DateProto[strToISOString];
     var _isArray = Array.isArray;
     var _objToString = ObjProto[strToString];
     var _fnToString = ObjHasOwnProperty[strToString];
@@ -413,9 +408,6 @@
         }
         return null;
     }
-    function isTypeof(value, theType) {
-        return typeof value === theType;
-    }
     function isUndefined(value) {
         return value === undefined || typeof value === strShimUndefined;
     }
@@ -425,9 +417,6 @@
     function isNotNullOrUndefined(value) {
         return !isNullOrUndefined(value);
     }
-    function hasOwnProperty(obj, prop) {
-        return !!(obj && ObjHasOwnProperty.call(obj, prop));
-    }
     function isObject(value) {
         return !!(value && typeof value === strShimObject);
     }
@@ -485,9 +474,6 @@
         }
         return false;
     }
-    function isDate(obj) {
-        return !!(obj && _objToString.call(obj) === "[object Date]");
-    }
     var isArray = _isArray || _isArrayPoly;
     function _isArrayPoly(obj) {
         return !!(obj && _objToString.call(obj) === "[object Array]");
@@ -498,9 +484,6 @@
     function isString(value) {
         return typeof value === "string";
     }
-    function isNumber(value) {
-        return typeof value === "number";
-    }
     function isBoolean(value) {
         return typeof value === "boolean";
     }
@@ -520,30 +503,6 @@
         }
         return result;
     }
-    function toISOString(date) {
-        if (date) {
-            return _dataToISOString ? date[strToISOString]() : _toISOStringPoly(date);
-        }
-    }
-    function _toISOStringPoly(date) {
-        if (date && date.getUTCFullYear) {
-            var pad = function (num) {
-                var r = String(num);
-                if (r.length === 1) {
-                    r = "0" + r;
-                }
-                return r;
-            };
-            return date.getUTCFullYear()
-                + "-" + pad(date.getUTCMonth() + 1)
-                + "-" + pad(date.getUTCDate())
-                + "T" + pad(date.getUTCHours())
-                + ":" + pad(date.getUTCMinutes())
-                + ":" + pad(date.getUTCSeconds())
-                + "." + String((date.getUTCMilliseconds() / 1000).toFixed(3)).slice(2, 5)
-                + "Z";
-        }
-    }
     function arrForEach(arr, callbackfn, thisArg) {
         var len = arr.length;
         try {
@@ -558,112 +517,12 @@
         catch (e) {
         }
     }
-    function arrIndexOf(arr, searchElement, fromIndex) {
-        if (arr) {
-            if (arr[strIndexOf]) {
-                return arr[strIndexOf](searchElement, fromIndex);
-            }
-            var len = arr.length;
-            var from = fromIndex || 0;
-            try {
-                for (var lp = Math.max(from >= 0 ? from : len - Math.abs(from), 0); lp < len; lp++) {
-                    if (lp in arr && arr[lp] === searchElement) {
-                        return lp;
-                    }
-                }
-            }
-            catch (e) {
-            }
-        }
-        return -1;
-    }
-    function arrMap(arr, callbackfn, thisArg) {
-        var results;
-        if (arr) {
-            if (arr[strMap]) {
-                return arr[strMap](callbackfn, thisArg);
-            }
-            var len = arr.length;
-            var _this = thisArg || arr;
-            results = new Array(len);
-            try {
-                for (var lp = 0; lp < len; lp++) {
-                    if (lp in arr) {
-                        results[lp] = callbackfn.call(_this, arr[lp], arr);
-                    }
-                }
-            }
-            catch (e) {
-            }
-        }
-        return results;
-    }
-    function arrReduce(arr, callbackfn, initialValue) {
-        var value;
-        if (arr) {
-            if (arr[strReduce]) {
-                return arr[strReduce](callbackfn, initialValue);
-            }
-            var len = arr.length;
-            var lp = 0;
-            if (arguments.length >= 3) {
-                value = arguments[2];
-            }
-            else {
-                while (lp < len && !(lp in arr)) {
-                    lp++;
-                }
-                value = arr[lp++];
-            }
-            while (lp < len) {
-                if (lp in arr) {
-                    value = callbackfn(value, arr[lp], lp, arr);
-                }
-                lp++;
-            }
-        }
-        return value;
-    }
     function strTrim(str) {
         if (str) {
             str = (_strTrim && str[cStrTrim]) ? str[cStrTrim]() : (str.replace ? str.replace(/^\s+|\s+$/g, "") : str);
         }
         return str;
     }
-    var _objKeysHasDontEnumBug = !({ toString: null }).propertyIsEnumerable("toString");
-    var _objKeysDontEnums = [
-        "toString",
-        "toLocaleString",
-        "valueOf",
-        "hasOwnProperty",
-        "isPrototypeOf",
-        "propertyIsEnumerable",
-        "constructor"
-    ];
-    function objKeys(obj) {
-        var objType = typeof obj;
-        if (objType !== strShimFunction && (objType !== strShimObject || obj === null)) {
-            throwTypeError("objKeys called on non-object");
-        }
-        if (!_objKeysHasDontEnumBug && _objKeys) {
-            return _objKeys(obj);
-        }
-        var result = [];
-        for (var prop in obj) {
-            if (obj && ObjHasOwnProperty.call(obj, prop)) {
-                result.push(prop);
-            }
-        }
-        if (_objKeysHasDontEnumBug) {
-            var dontEnumsLength = _objKeysDontEnums.length;
-            for (var lp = 0; lp < dontEnumsLength; lp++) {
-                if (obj && ObjHasOwnProperty.call(obj, _objKeysDontEnums[lp])) {
-                    result.push(_objKeysDontEnums[lp]);
-                }
-            }
-        }
-        return result;
-    }
     function objDefineAccessors(target, prop, getProp, setProp) {
         if (_objDefineProperty$1) {
             try {
@@ -818,7 +677,6 @@
     var strNavigator = "navigator";
     var strLocation = "location";
     var strConsole = "console";
-    var strPerformance = "performance";
     var strJSON = "JSON";
     var strCrypto = "crypto";
     var strMsCrypto = "msCrypto";
@@ -840,12 +698,6 @@
     function hasWindow() {
         return Boolean(typeof window === strShimObject && window);
     }
-    function getWindow() {
-        if (hasWindow()) {
-            return window;
-        }
-        return getGlobalInst(strWindow);
-    }
     function hasDocument() {
         return Boolean(typeof document === strShimObject && document);
     }
@@ -882,9 +734,6 @@
         }
         return getGlobalInst(strConsole);
     }
-    function getPerformance() {
-        return getGlobalInst(strPerformance);
-    }
     function hasJSON() {
         return Boolean((typeof JSON === strShimObject && JSON) || getGlobalInst(strJSON) !== null);
     }
@@ -1226,12 +1075,6 @@
         catch (e) {
         }
     }
-    function randomValue(maxValue) {
-        if (maxValue > 0) {
-            return Math.floor((random32() / MaxUInt32) * (maxValue + 1)) >>> 0;
-        }
-        return 0;
-    }
     function random32(signed) {
         var value = 0;
         var c = getCrypto() || getMsCrypto();
@@ -1252,14 +1095,6 @@
         }
         return value;
     }
-    function mwcRandomSeed(value) {
-        if (!value) {
-            _autoSeedMwc();
-        }
-        else {
-            _mwcSeed(value);
-        }
-    }
     function mwcRandom32(signed) {
         _mwcZ = (36969 * (_mwcZ & 0xFFFF) + (_mwcZ >> 16)) & MaxUInt32;
         _mwcW = (18000 * (_mwcW & 0xFFFF) + (_mwcW >> 16)) & MaxUInt32;
@@ -1288,7 +1123,7 @@
     }
 
     var _objDefineProperty = ObjDefineProperty;
-    var version = "2.8.2";
+    var version = "2.8.4-nightly.2205-04";
     var instanceName = "." + newId(6);
     var _dataUid = 0;
     function _createAccessor(target, prop, value) {
@@ -2130,216 +1965,6 @@
         return BaseTelemetryPlugin;
     }());
 
-    var strOnPrefix = "on";
-    var strAttachEvent = "attachEvent";
-    var strAddEventHelper = "addEventListener";
-    var strEvents = "events";
-    createUniqueNamespace("aiEvtPageHide");
-    createUniqueNamespace("aiEvtPageShow");
-    var rRemoveEmptyNs = /\.[\.]+/g;
-    var rRemoveTrailingEmptyNs = /[\.]+$/;
-    var _guid = 1;
-    var elmNodeData = createElmNodeData("events");
-    var eventNamespace = /^([^.]*)(?:\.(.+)|)/;
-    function _normalizeNamespace(name) {
-        if (name && name.replace) {
-            return name.replace(/^\s*\.*|\.*\s*$/g, "");
-        }
-        return name;
-    }
-    function _getEvtNamespace(eventName, evtNamespace) {
-        if (evtNamespace) {
-            var theNamespace_1 = "";
-            if (isArray(evtNamespace)) {
-                theNamespace_1 = "";
-                arrForEach(evtNamespace, function (name) {
-                    name = _normalizeNamespace(name);
-                    if (name) {
-                        if (name[0] !== ".") {
-                            name = "." + name;
-                        }
-                        theNamespace_1 += name;
-                    }
-                });
-            }
-            else {
-                theNamespace_1 = _normalizeNamespace(evtNamespace);
-            }
-            if (theNamespace_1) {
-                if (theNamespace_1[0] !== ".") {
-                    theNamespace_1 = "." + theNamespace_1;
-                }
-                eventName = (eventName || "") + theNamespace_1;
-            }
-        }
-        var parsedEvent = (eventNamespace.exec(eventName || "") || []);
-        return {
-            type: parsedEvent[1],
-            ns: ((parsedEvent[2] || "").replace(rRemoveEmptyNs, ".").replace(rRemoveTrailingEmptyNs, "").split(".").sort()).join(".")
-        };
-    }
-    function _getRegisteredEvents(target, evtName, addDefault) {
-        if (addDefault === void 0) { addDefault = true; }
-        var aiEvts = elmNodeData.get(target, strEvents, {}, addDefault);
-        var registeredEvents = aiEvts[evtName];
-        if (!registeredEvents) {
-            registeredEvents = aiEvts[evtName] = [];
-        }
-        return registeredEvents;
-    }
-    function _doAttach(obj, evtName, handlerRef, useCapture) {
-        var result = false;
-        if (obj && evtName && evtName.type && handlerRef) {
-            if (obj[strAddEventHelper]) {
-                obj[strAddEventHelper](evtName.type, handlerRef, useCapture);
-                result = true;
-            }
-            else if (obj[strAttachEvent]) {
-                obj[strAttachEvent](strOnPrefix + evtName.type, handlerRef);
-                result = true;
-            }
-        }
-        return result;
-    }
-    function eventOn(target, eventName, handlerRef, evtNamespace, useCapture) {
-        if (useCapture === void 0) { useCapture = false; }
-        var result = false;
-        if (target) {
-            try {
-                var evtName = _getEvtNamespace(eventName, evtNamespace);
-                result = _doAttach(target, evtName, handlerRef, useCapture);
-                if (result && elmNodeData.accept(target)) {
-                    var registeredEvent = {
-                        guid: _guid++,
-                        evtName: evtName,
-                        handler: handlerRef,
-                        capture: useCapture
-                    };
-                    _getRegisteredEvents(target, evtName.type).push(registeredEvent);
-                }
-            }
-            catch (e) {
-            }
-        }
-        return result;
-    }
-    function addEventHandler(eventName, callback, evtNamespace) {
-        var result = false;
-        var w = getWindow();
-        if (w) {
-            result = eventOn(w, eventName, callback, evtNamespace);
-            result = eventOn(w["body"], eventName, callback, evtNamespace) || result;
-        }
-        var doc = getDocument();
-        if (doc) {
-            result = eventOn(doc, eventName, callback, evtNamespace) || result;
-        }
-        return result;
-    }
-
-    var _cookieMgrs = null;
-    var _canUseCookies;
-    function newGuid() {
-        function randomHexDigit() {
-            return randomValue(15);
-        }
-        return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(GuidRegex, function (c) {
-            var r = (randomHexDigit() | 0), v = (c === "x" ? r : r & 0x3 | 0x8);
-            return v.toString(16);
-        });
-    }
-    function perfNow() {
-        var perf = getPerformance();
-        if (perf && perf.now) {
-            return perf.now();
-        }
-        return dateNow();
-    }
-    function generateW3CId() {
-        var hexValues = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"];
-        var oct = strEmpty, tmp;
-        for (var a = 0; a < 4; a++) {
-            tmp = random32();
-            oct +=
-                hexValues[tmp & 0xF] +
-                    hexValues[tmp >> 4 & 0xF] +
-                    hexValues[tmp >> 8 & 0xF] +
-                    hexValues[tmp >> 12 & 0xF] +
-                    hexValues[tmp >> 16 & 0xF] +
-                    hexValues[tmp >> 20 & 0xF] +
-                    hexValues[tmp >> 24 & 0xF] +
-                    hexValues[tmp >> 28 & 0xF];
-        }
-        var clockSequenceHi = hexValues[8 + (random32() & 0x03) | 0];
-        return oct.substr(0, 8) + oct.substr(9, 4) + "4" + oct.substr(13, 3) + clockSequenceHi + oct.substr(16, 3) + oct.substr(19, 12);
-    }
-    var CoreUtils = {
-        _canUseCookies: undefined,
-        isTypeof: isTypeof,
-        isUndefined: isUndefined,
-        isNullOrUndefined: isNullOrUndefined,
-        hasOwnProperty: hasOwnProperty,
-        isFunction: isFunction,
-        isObject: isObject,
-        isDate: isDate,
-        isArray: isArray,
-        isError: isError,
-        isString: isString,
-        isNumber: isNumber,
-        isBoolean: isBoolean,
-        toISOString: toISOString,
-        arrForEach: arrForEach,
-        arrIndexOf: arrIndexOf,
-        arrMap: arrMap,
-        arrReduce: arrReduce,
-        strTrim: strTrim,
-        objCreate: objCreateFn,
-        objKeys: objKeys,
-        objDefineAccessors: objDefineAccessors,
-        addEventHandler: addEventHandler,
-        dateNow: dateNow,
-        isIE: isIE,
-        disableCookies: disableCookies,
-        newGuid: newGuid,
-        perfNow: perfNow,
-        newId: newId,
-        randomValue: randomValue,
-        random32: random32,
-        mwcRandomSeed: mwcRandomSeed,
-        mwcRandom32: mwcRandom32,
-        generateW3CId: generateW3CId
-    };
-    var GuidRegex = /[xy]/g;
-    function _legacyCookieMgr(config, logger) {
-        var cookieMgr = _gblCookieMgr(config, logger);
-        var legacyCanUseCookies = CoreUtils._canUseCookies;
-        if (_cookieMgrs === null) {
-            _cookieMgrs = [];
-            _canUseCookies = legacyCanUseCookies;
-            objDefineAccessors(CoreUtils, "_canUseCookies", function () {
-                return _canUseCookies;
-            }, function (value) {
-                _canUseCookies = value;
-                arrForEach(_cookieMgrs, function (mgr) {
-                    mgr.setEnabled(value);
-                });
-            });
-        }
-        if (arrIndexOf(_cookieMgrs, cookieMgr) === -1) {
-            _cookieMgrs.push(cookieMgr);
-        }
-        if (isBoolean(legacyCanUseCookies)) {
-            cookieMgr.setEnabled(legacyCanUseCookies);
-        }
-        if (isBoolean(_canUseCookies)) {
-            cookieMgr.setEnabled(_canUseCookies);
-        }
-        return cookieMgr;
-    }
-    function disableCookies() {
-        _legacyCookieMgr().setEnabled(false);
-    }
-
     var ReactPlugin = /** @class */ (function (_super) {
         __extendsFn(ReactPlugin, _super);
         function ReactPlugin() {
@@ -2432,6 +2057,74 @@
     }(BaseTelemetryPlugin));
     var ReactPlugin$1 = ReactPlugin;
 
+    var AITrackedComponentBase = /** @class */ (function (_super) {
+        __extendsFn(AITrackedComponentBase, _super);
+        function AITrackedComponentBase(props, reactPlugin, componentName) {
+            var _this = _super.call(this, props) || this;
+            _this._mountTimestamp = 0;
+            _this._firstActiveTimestamp = 0;
+            _this._idleStartTimestamp = 0;
+            _this._lastActiveTimestamp = 0;
+            _this._totalIdleTime = 0;
+            _this._idleCount = 0;
+            _this._idleTimeout = 5000;
+            _this.trackActivity = function (e) {
+                if (_this._firstActiveTimestamp === 0) {
+                    _this._firstActiveTimestamp = dateNow();
+                    _this._lastActiveTimestamp = _this._firstActiveTimestamp;
+                }
+                else {
+                    _this._lastActiveTimestamp = dateNow();
+                }
+                if (_this._idleStartTimestamp > 0) {
+                    var lastIdleTime = _this._lastActiveTimestamp - _this._idleStartTimestamp;
+                    _this._totalIdleTime += lastIdleTime;
+                    _this._idleStartTimestamp = 0;
+                }
+            };
+            _this._reactPlugin = reactPlugin;
+            _this._componentName = componentName;
+            return _this;
+        }
+        AITrackedComponentBase.prototype.componentDidMount = function () {
+            var _this = this;
+            this._mountTimestamp = dateNow();
+            this._firstActiveTimestamp = 0;
+            this._totalIdleTime = 0;
+            this._lastActiveTimestamp = 0;
+            this._idleStartTimestamp = 0;
+            this._idleCount = 0;
+            this._intervalId = setInterval(function () {
+                if (_this._lastActiveTimestamp > 0 && _this._idleStartTimestamp === 0 && dateNow() - _this._lastActiveTimestamp >= _this._idleTimeout) {
+                    _this._idleStartTimestamp = dateNow();
+                    _this._idleCount++;
+                }
+            }, 100);
+        };
+        AITrackedComponentBase.prototype.componentWillUnmount = function () {
+            if (this._mountTimestamp === 0) {
+                throw new Error('withAITracking:componentWillUnmount: mountTimestamp is not initialized.');
+            }
+            if (this._intervalId) {
+                clearInterval(this._intervalId);
+            }
+            if (this._firstActiveTimestamp === 0) {
+                return;
+            }
+            var engagementTime = this.getEngagementTimeSeconds();
+            var metricData = {
+                average: engagementTime,
+                name: 'React Component Engaged Time (seconds)',
+                sampleCount: 1
+            };
+            var additionalProperties = { 'Component Name': this._componentName };
+            this._reactPlugin.trackMetric(metricData, additionalProperties);
+        };
+        AITrackedComponentBase.prototype.getEngagementTimeSeconds = function () {
+            return (dateNow() - this._firstActiveTimestamp - this._totalIdleTime - this._idleCount * this._idleTimeout) / 1000;
+        };
+        return AITrackedComponentBase;
+    }(React__namespace.Component));
     function withAITracking(reactPlugin, Component, componentName, className) {
         if (componentName === undefined || componentName === null || typeof componentName !== 'string') {
             componentName = Component.prototype &&
@@ -2444,74 +2137,15 @@
         }
         return /** @class */ (function (_super) {
             __extendsFn(class_1, _super);
-            function class_1() {
-                var _this = _super !== null && _super.apply(this, arguments) || this;
-                _this._mountTimestamp = 0;
-                _this._firstActiveTimestamp = 0;
-                _this._idleStartTimestamp = 0;
-                _this._lastActiveTimestamp = 0;
-                _this._totalIdleTime = 0;
-                _this._idleCount = 0;
-                _this._idleTimeout = 5000;
-                _this.trackActivity = function (e) {
-                    if (_this._firstActiveTimestamp === 0) {
-                        _this._firstActiveTimestamp = CoreUtils.dateNow();
-                        _this._lastActiveTimestamp = _this._firstActiveTimestamp;
-                    }
-                    else {
-                        _this._lastActiveTimestamp = CoreUtils.dateNow();
-                    }
-                    if (_this._idleStartTimestamp > 0) {
-                        var lastIdleTime = _this._lastActiveTimestamp - _this._idleStartTimestamp;
-                        _this._totalIdleTime += lastIdleTime;
-                        _this._idleStartTimestamp = 0;
-                    }
-                };
-                return _this;
-            }
-            class_1.prototype.componentDidMount = function () {
-                var _this = this;
-                this._mountTimestamp = CoreUtils.dateNow();
-                this._firstActiveTimestamp = 0;
-                this._totalIdleTime = 0;
-                this._lastActiveTimestamp = 0;
-                this._idleStartTimestamp = 0;
-                this._idleCount = 0;
-                this._intervalId = setInterval(function () {
-                    if (_this._lastActiveTimestamp > 0 && _this._idleStartTimestamp === 0 && CoreUtils.dateNow() - _this._lastActiveTimestamp >= _this._idleTimeout) {
-                        _this._idleStartTimestamp = CoreUtils.dateNow();
-                        _this._idleCount++;
-                    }
-                }, 100);
-            };
-            class_1.prototype.componentWillUnmount = function () {
-                if (this._mountTimestamp === 0) {
-                    throw new Error('withAITracking:componentWillUnmount: mountTimestamp is not initialized.');
-                }
-                if (this._intervalId) {
-                    clearInterval(this._intervalId);
-                }
-                if (this._firstActiveTimestamp === 0) {
-                    return;
-                }
-                var engagementTime = this.getEngagementTimeSeconds();
-                var metricData = {
-                    average: engagementTime,
-                    name: 'React Component Engaged Time (seconds)',
-                    sampleCount: 1
-                };
-                var additionalProperties = { 'Component Name': componentName };
-                reactPlugin.trackMetric(metricData, additionalProperties);
-            };
+            function class_1(props) {
+                return _super.call(this, props, reactPlugin, componentName) || this;
+            }
             class_1.prototype.render = function () {
                 return (React__namespace.createElement("div", { onKeyDown: this.trackActivity, onMouseMove: this.trackActivity, onScroll: this.trackActivity, onMouseDown: this.trackActivity, onTouchStart: this.trackActivity, onTouchMove: this.trackActivity, className: className },
                     React__namespace.createElement(Component, __assignFn({}, this.props))));
             };
-            class_1.prototype.getEngagementTimeSeconds = function () {
-                return (CoreUtils.dateNow() - this._firstActiveTimestamp - this._totalIdleTime - this._idleCount * this._idleTimeout) / 1000;
-            };
             return class_1;
-        }(React__namespace.Component));
+        }(AITrackedComponentBase));
     }
 
     var SeverityLevel = createEnumStyle({
@@ -2635,6 +2269,7 @@
     };
     var useComponentTracking$1 = useComponentTracking;
 
+    exports.AITrackedComponentBase = AITrackedComponentBase;
     exports.AppInsightsContext = AppInsightsContext;
     exports.AppInsightsErrorBoundary = AppInsightsErrorBoundary$1;
     exports.ReactPlugin = ReactPlugin$1;