mixpanel-browser 2.75.0 → 2.76.0

package/dist/mixpanel.module.js

@@ -23,16 +23,19 @@ if (typeof(window) === 'undefined') {
     win = window;
 }
 
-/**
- * Shared global window property names used across modules
- */
+var Config = {
+    DEBUG: false,
+    LIB_VERSION: '2.76.0'
+};
 
-// Targeting library global (used by flags and targeting modules)
+// Window global names for async modules
 var TARGETING_GLOBAL_NAME = '__mp_targeting';
-
-// Recorder library global (used by recorder and mixpanel-core)
 var RECORDER_GLOBAL_NAME = '__mp_recorder';
 
+// Constants that are injected at build-time for the names of async modules.
+var RECORDER_FILENAME = '__MP_RECORDER_FILENAME__';
+var TARGETING_FILENAME = '__MP_TARGETING_FILENAME__';
+
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -18132,7 +18135,7 @@ var __defNormalProp = function(obj, key, value) {
 var __publicField = function(obj, key, value) {
     return __defNormalProp(obj, (typeof key === "undefined" ? "undefined" : _type_of(key)) !== "symbol" ? key + "" : key, value);
 };
-function patch(source, name, replacement) {
+function patch$3(source, name, replacement) {
     try {
         if (!(name in source)) {
             return function() {};
@@ -18549,7 +18552,7 @@ function initLogObserver(cb, win, options) {
         if (!_logger[level]) {
             return function() {};
         }
-        return patch(_logger, level, function(original) {
+        return patch$3(_logger, level, function(original) {
             var _this1 = _this;
             return function() {
                 for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
@@ -18970,11 +18973,6 @@ if (typeof Promise !== 'undefined' && Promise.toString().indexOf('[native code]'
     PromisePolyfill = NpoPromise;
 }
 
-var Config = {
-    DEBUG: false,
-    LIB_VERSION: '2.75.0'
-};
-
 /* eslint camelcase: "off", eqeqeq: "off" */
 
 // Maximum allowed session recording length
@@ -20706,6 +20704,17 @@ var isOnline = function() {
 
 var NOOP_FUNC = function () {};
 
+var urlMatchesRegexList = function (url, regexList) {
+    var matches = false;
+    for (var i = 0; i < regexList.length; i++) {
+        if (url.match(regexList[i])) {
+            matches = true;
+            break;
+        }
+    }
+    return matches;
+};
+
 var JSONStringify = null, JSONParse = null;
 if (typeof JSON !== 'undefined') {
     JSONStringify = JSON.stringify;
@@ -21177,7 +21186,7 @@ function _addOptOutCheck(method, getConfigValue) {
     };
 }
 
-var logger$6 = console_with_prefix('lock');
+var logger$7 = console_with_prefix('lock');
 
 /**
  * SharedLock: a mutex built on HTML5 localStorage, to ensure that only one browser
@@ -21229,7 +21238,7 @@ SharedLock.prototype.withLock = function(lockedCB, pid) {
 
         var delay = function(cb) {
             if (new Date().getTime() - startTime > timeoutMS) {
-                logger$6.error('Timeout waiting for mutex on ' + key + '; clearing lock. [' + i + ']');
+                logger$7.error('Timeout waiting for mutex on ' + key + '; clearing lock. [' + i + ']');
                 storage.removeItem(keyZ);
                 storage.removeItem(keyY);
                 loop();
@@ -21376,7 +21385,7 @@ LocalStorageWrapper.prototype.removeItem = function (key) {
     }, this));
 };
 
-var logger$5 = console_with_prefix('batch');
+var logger$6 = console_with_prefix('batch');
 
 /**
  * RequestQueue: queue for batching API requests with localStorage backup for retries.
@@ -21405,7 +21414,7 @@ var RequestQueue = function (storageKey, options) {
             timeoutMS: options.sharedLockTimeoutMS,
         });
     }
-    this.reportError = options.errorReporter || _.bind(logger$5.error, logger$5);
+    this.reportError = options.errorReporter || _.bind(logger$6.error, logger$6);
 
     this.pid = options.pid || null; // pass pid to test out storage lock contention scenarios
 
@@ -21738,7 +21747,7 @@ RequestQueue.prototype.clear = function () {
 // maximum interval between request retries after exponential backoff
 var MAX_RETRY_INTERVAL_MS = 10 * 60 * 1000; // 10 minutes
 
-var logger$4 = console_with_prefix('batch');
+var logger$5 = console_with_prefix('batch');
 
 /**
  * RequestBatcher: manages the queueing, flushing, retry etc of requests of one
@@ -21866,7 +21875,7 @@ RequestBatcher.prototype.sendRequestPromise = function(data, options) {
  */
 RequestBatcher.prototype.flush = function(options) {
     if (this.requestInProgress) {
-        logger$4.log('Flush: Request already in progress');
+        logger$5.log('Flush: Request already in progress');
         return PromisePolyfill.resolve();
     }
 
@@ -22043,7 +22052,7 @@ RequestBatcher.prototype.flush = function(options) {
             if (options.unloading) {
                 requestOptions.transport = 'sendBeacon';
             }
-            logger$4.log('MIXPANEL REQUEST:', dataForRequest);
+            logger$5.log('MIXPANEL REQUEST:', dataForRequest);
             return this.sendRequestPromise(dataForRequest, requestOptions).then(batchSendCallback);
         }, this))
         .catch(_.bind(function(err) {
@@ -22056,7 +22065,7 @@ RequestBatcher.prototype.flush = function(options) {
  * Log error to global logger and optional user-defined logger.
  */
 RequestBatcher.prototype.reportError = function(msg, err) {
-    logger$4.error.apply(logger$4.error, arguments);
+    logger$5.error.apply(logger$5.error, arguments);
     if (this.errorReporter) {
         try {
             if (!(err instanceof Error)) {
@@ -22064,7 +22073,7 @@ RequestBatcher.prototype.reportError = function(msg, err) {
             }
             this.errorReporter(msg, err);
         } catch(err) {
-            logger$4.error(err);
+            logger$5.error(err);
         }
     }
 };
@@ -22186,7 +22195,7 @@ var EVENT_HANDLER_ATTRIBUTES = [
 
 var MAX_DEPTH = 5;
 
-var logger$3 = console_with_prefix('autocapture');
+var logger$4 = console_with_prefix('autocapture');
 
 
 function getClasses(el) {
@@ -22450,7 +22459,7 @@ function isElementAllowed(el, ev, allowElementCallback, allowSelectors) {
                 return false;
             }
         } catch (err) {
-            logger$3.critical('Error while checking element in allowElementCallback', err);
+            logger$4.critical('Error while checking element in allowElementCallback', err);
             return false;
         }
     }
@@ -22467,7 +22476,7 @@ function isElementAllowed(el, ev, allowElementCallback, allowSelectors) {
                 return true;
             }
         } catch (err) {
-            logger$3.critical('Error while checking selector: ' + sel, err);
+            logger$4.critical('Error while checking selector: ' + sel, err);
         }
     }
     return false;
@@ -22482,7 +22491,7 @@ function isElementBlocked(el, ev, blockElementCallback, blockSelectors) {
                 return true;
             }
         } catch (err) {
-            logger$3.critical('Error while checking element in blockElementCallback', err);
+            logger$4.critical('Error while checking element in blockElementCallback', err);
             return true;
         }
     }
@@ -22496,7 +22505,7 @@ function isElementBlocked(el, ev, blockElementCallback, blockSelectors) {
                     return true;
                 }
             } catch (err) {
-                logger$3.critical('Error while checking selector: ' + sel, err);
+                logger$4.critical('Error while checking selector: ' + sel, err);
             }
         }
     }
@@ -23043,6 +23052,655 @@ function shouldMaskText(element, privacyConfig) {
     }
 }
 
+/**
+ * This is a port of the open rrweb network plugin in this PR https://github.com/rrweb-io/rrweb/pull/1105
+ * the hope is that eventually this can be replaced with the official plugin once it's published (and we sync the mixpanel rrweb fork)
+ *
+ * This plugin incorporates some important fixes for fetch/XHR body recording that are not yet in the main rrweb repo, as well as makes
+ * header and body recording more restrictive by requiring an allowlist instead of content type / blocklist.
+ *
+ */
+
+var logger$3 = console_with_prefix('network-plugin');
+
+/**
+ * Get the time origin for converting performance timestamps to absolute timestamps.
+ * Uses Date.now() - performance.now() instead of performance.timeOrigin because
+ * browsers can report timeOrigin values that are skewed from actual time, and some
+ * browsers (notably older Safari versions) don't implement timeOrigin at all.
+ * See: https://github.com/getsentry/sentry-javascript/blob/e856e40b6e71a73252e788cd42b5260f81c9c88e/packages/utils/src/time.ts#L49-L70
+ * @param {Window} win
+ * @returns {number}
+ */
+function getTimeOrigin(win) {
+    return Math.round(Date.now() - win.performance.now());
+}
+
+/**
+ * @typedef {import('../index.d.ts').InitiatorType} InitiatorType
+ * @typedef {import('../index.d.ts').NetworkRequest} NetworkRequest
+ * @typedef {import('../index.d.ts').NetworkRecordOptions} NetworkRecordOptions
+ * @typedef {import('../index.d.ts').NetworkData} NetworkData
+ */
+
+/**
+ * @typedef {Record<string, string>} Headers
+ */
+
+/**
+ * @typedef {string | Document | Blob | ArrayBufferView | ArrayBuffer | FormData | URLSearchParams | ReadableStream<Uint8Array> | null} Body
+ */
+
+/**
+ * @callback networkCallback
+ * @param {NetworkData} data
+ * @returns {void}
+ */
+
+/**
+ * @callback listenerHandler
+ * @returns {void}
+ */
+
+/**
+ * @typedef {(PerformanceNavigationTiming | PerformanceResourceTiming) & { responseStatus?: number }} ObservedPerformanceEntry
+ */
+
+/**
+ * @typedef {Object} RecordPlugin
+ * @property {string} name
+ * @property {(callback: networkCallback, win: Window, options: NetworkRecordOptions) => listenerHandler} observer
+ * @property {NetworkRecordOptions} [options]
+ */
+
+/** @type {Required<NetworkRecordOptions>} */
+var defaultNetworkOptions = {
+    initiatorTypes: [
+        'audio',
+        'beacon',
+        'body',
+        'css',
+        'early-hint',
+        'embed',
+        'fetch',
+        'frame',
+        'iframe',
+        'icon',
+        'image',
+        'img',
+        'input',
+        'link',
+        'navigation',
+        'object',
+        'ping',
+        'script',
+        'track',
+        'video',
+        'xmlhttprequest',
+    ],
+    ignoreRequestFn: function() { return false; },
+    recordHeaders: {
+        request: [],
+        response: [],
+    },
+    recordBodyUrls: {
+        request: [],
+        response: [],
+    },
+    recordInitialRequests: false,
+};
+
+/**
+ * @param {PerformanceEntry} entry
+ * @returns {entry is PerformanceNavigationTiming}
+ */
+function isNavigationTiming(entry) {
+    return entry.entryType === 'navigation';
+}
+
+/**
+ * @param {PerformanceEntry} entry
+ * @returns {entry is PerformanceResourceTiming}
+ */
+function isResourceTiming (entry) {
+    return entry.entryType === 'resource';
+}
+
+function findLast(array, predicate) {
+    var length = array.length;
+    for (var i = length - 1; i >= 0; i -= 1) {
+        if (predicate(array[i])) {
+            return array[i];
+        }
+    }
+}
+
+/**
+ * Monkey-patches a method on an object with a wrapped version, returning a function that restores the original.
+ * Adapted from Sentry's `fill` utility:
+ * https://github.com/getsentry/sentry-javascript/blob/de5c5cbe177b4334386e747857225eec36a91ea1/packages/core/src/utils/object.ts#L67-L95
+ *
+ * @param {object} source - The object containing the method to patch
+ * @param {string} name - The method name to patch
+ * @param {function} replacementFactory - A function that receives the original method and returns the replacement
+ * @returns {function} A function that restores the original method
+ */
+function patch(source, name, replacementFactory) {
+    if (!(name in source) || typeof source[name] !== 'function') {
+        return function() {};
+    }
+    var original = source[name];
+    var wrapped = replacementFactory(original);
+    source[name] = wrapped;
+    return function() {
+        source[name] = original;
+    };
+}
+
+
+/**
+ * Maximum body size to record (1MB)
+ */
+var MAX_BODY_SIZE = 1024 * 1024;
+
+/**
+ * Truncate string if it exceeds max size
+ * @param {string} str
+ * @returns {string}
+ */
+function truncateBody(str) {
+    if (!str || typeof str !== 'string') {
+        return str;
+    }
+    if (str.length > MAX_BODY_SIZE) {
+        logger$3.error('Body truncated from ' + str.length + ' to ' + MAX_BODY_SIZE + ' characters');
+        return str.substring(0, MAX_BODY_SIZE) + '... [truncated]';
+    }
+    return str;
+}
+
+/**
+ * @param {networkCallback} cb
+ * @param {Window} win
+ * @param {Required<NetworkRecordOptions>} options
+ * @returns {listenerHandler}
+ */
+function initPerformanceObserver(cb, win, options) {
+    if (!win.PerformanceObserver) {
+        logger$3.error('PerformanceObserver not supported');
+        return function() {
+            //
+        };
+    }
+    if (options.recordInitialRequests) {
+        var initialPerformanceEntries = win.performance
+            .getEntries()
+            .filter(function(entry) {
+                return isNavigationTiming(entry) ||
+          (isResourceTiming(entry) &&
+            options.initiatorTypes.includes(entry.initiatorType));
+            });
+        cb({
+            requests: initialPerformanceEntries.map(function(entry) {
+                return {
+                    url: entry.name,
+                    initiatorType: /** @type {InitiatorType} */ (entry.initiatorType),
+                    status: 'responseStatus' in entry ? entry.responseStatus : undefined,
+                    startTime: Math.round(entry.startTime),
+                    endTime: Math.round(entry.responseEnd),
+                    timeOrigin: getTimeOrigin(win),
+                };
+            }),
+            isInitial: true,
+        });
+    }
+    var observer = new win.PerformanceObserver(function(entries) {
+        var performanceEntries = entries
+            .getEntries()
+            .filter(function(entry) {
+                return isResourceTiming(entry) &&
+                    options.initiatorTypes.includes(entry.initiatorType) &&
+                    entry.initiatorType !== 'xmlhttprequest' &&
+                    entry.initiatorType !== 'fetch';
+            });
+        cb({
+            requests: performanceEntries.map(function(entry) {
+                return {
+                    url: entry.name,
+                    initiatorType: /** @type {InitiatorType} */ (entry.initiatorType),
+                    status: 'responseStatus' in entry ? entry.responseStatus : undefined,
+                    startTime: Math.round(entry.startTime),
+                    endTime: Math.round(entry.responseEnd),
+                    timeOrigin: getTimeOrigin(win),
+                };
+            }),
+        });
+    });
+    observer.observe({ entryTypes: ['navigation', 'resource'] });
+    return function() {
+        observer.disconnect();
+    };
+}
+
+/**
+ * Variation of the original rrweb function that requires an allowlist for headers instead of supporting boolean options
+ * @param {'request' | 'response'} type
+ * @param {NetworkRecordOptions['recordHeaders']} recordHeaders
+ * @param {string} headerName
+ * @returns {boolean}
+ */
+function shouldRecordHeader(type, recordHeaders, headerName) {
+    if (!recordHeaders[type] || recordHeaders[type].length === 0) {
+        return false;
+    }
+
+    return recordHeaders[type].includes(headerName.toLowerCase());
+}
+
+/**
+ * Variation of the original rrweb function that requires an allowlist for URLs instead of supporting boolean options or by content type
+ * @param {'request' | 'response'} type
+ * @param {NetworkRecordOptions['recordBodyUrls']} recordBodyUrls
+ * @param {string} url
+ * @returns {boolean}
+ */
+function shouldRecordBody(type, recordBodyUrls, url) {
+    if (!recordBodyUrls[type] || recordBodyUrls[type].length === 0) {
+        return false;
+    }
+
+    return urlMatchesRegexList(url, recordBodyUrls[type]);
+}
+
+function tryReadXHRBody(body) {
+    if (body === null || body === undefined) {
+        return null;
+    }
+
+    var result;
+    if (typeof body === 'string') {
+        result = body;
+    } else if (body instanceof Document) {
+        result = body.textContent;
+    } else if (body instanceof FormData) {
+        result = _.HTTPBuildQuery(body);
+    } else if (_.isObject(body)) {
+        try {
+            result = JSON.stringify(body);
+        } catch (e) {
+            return 'Failed to stringify response object';
+        }
+    } else {
+        return 'Cannot read body of type ' + typeof body;
+    }
+
+    return truncateBody(result);
+}
+
+/**
+ * @param {Request | Response} r
+ * @returns {Promise<string>}
+ */
+function tryReadFetchBody(r) {
+    return new Promise(function(resolve) {
+        var timeout = setTimeout(function() {
+            resolve('Timeout while trying to read body');
+        }, 500);
+        try {
+            r.clone()
+                .text()
+                .then(
+                    function(txt) {
+                        clearTimeout(timeout);
+                        resolve(truncateBody(txt));
+                    },
+                    function(reason) {
+                        clearTimeout(timeout);
+                        resolve('Failed to read body: ' + String(reason));
+                    }
+                );
+        } catch (e) {
+            clearTimeout(timeout);
+            resolve('Failed to read body: ' + String(e));
+        }
+    });
+}
+
+/**
+ * @param {Window} win
+ * @param {string} initiatorType
+ * @param {string} url
+ * @param {number} [after]
+ * @param {number} [before]
+ * @param {number} [attempt]
+ * @returns {Promise<PerformanceResourceTiming>}
+ */
+function getRequestPerformanceEntry(win, initiatorType, url, after, before, attempt) {
+    if (attempt === undefined) {
+        attempt = 0;
+    }
+    if (attempt > 10) {
+        logger$3.error('Cannot find performance entry');
+        return Promise.resolve(null);
+    }
+    var urlPerformanceEntries = /** @type {PerformanceResourceTiming[]} */ (
+        win.performance.getEntriesByName(url)
+    );
+    var performanceEntry = findLast(
+        urlPerformanceEntries,
+        function(entry) {
+            return isResourceTiming(entry) &&
+        entry.initiatorType === initiatorType &&
+        (!after || entry.startTime >= after) &&
+        (!before || entry.startTime <= before);
+        }
+    );
+    if (!performanceEntry) {
+        return new Promise(function(resolve) {
+            setTimeout(resolve, 50 * attempt);
+        }).then(function() {
+            return getRequestPerformanceEntry(
+                win,
+                initiatorType,
+                url,
+                after,
+                before,
+                attempt + 1
+            );
+        });
+    }
+    return Promise.resolve(performanceEntry);
+}
+
+/**
+ * @param {networkCallback} cb
+ * @param {Window} win
+ * @param {Required<NetworkRecordOptions>} options
+ * @returns {listenerHandler}
+ */
+function initXhrObserver(cb, win, options) {
+    if (!options.initiatorTypes.includes('xmlhttprequest')) {
+        return function() {
+            //
+        };
+    }
+    var restorePatch = patch(
+        win.XMLHttpRequest.prototype,
+        'open',
+        function(/** @type {typeof XMLHttpRequest.prototype.open} */ originalOpen) {
+            return function(
+                /** @type {string} */ method,
+                /** @type {string | URL} */ url,
+                /** @type {boolean} */ async,
+                username, password
+            ) {
+                if (async === undefined) {
+                    async = true;
+                }
+                var xhr = /** @type {XMLHttpRequest} */ (this);
+                var req = new Request(url, { method: method });
+                /** @type {Partial<NetworkRequest>} */
+                var networkRequest = {};
+                /** @type {number | undefined} */
+                var after;
+                /** @type {number | undefined} */
+                var before;
+
+                /** @type {Headers} */
+                var requestHeaders = {};
+                var originalSetRequestHeader = xhr.setRequestHeader.bind(xhr);
+                xhr.setRequestHeader = function(/** @type {string} */ header, /** @type {string} */ value) {
+                    if (shouldRecordHeader('request', options.recordHeaders, header)) {
+                        requestHeaders[header] = value;
+                    }
+                    return originalSetRequestHeader(header, value);
+                };
+                networkRequest.requestHeaders = requestHeaders;
+
+                var originalSend = xhr.send.bind(xhr);
+                xhr.send = function(/** @type {Body} */ body) {
+                    if (shouldRecordBody('request', options.recordBodyUrls, req.url)) {
+                        networkRequest.requestBody = tryReadXHRBody(body);
+                    }
+                    after = win.performance.now();
+                    return originalSend(body);
+                };
+                xhr.addEventListener('readystatechange', function() {
+                    if (xhr.readyState !== xhr.DONE) {
+                        return;
+                    }
+                    before = win.performance.now();
+                    /** @type {Headers} */
+                    var responseHeaders = {};
+                    var rawHeaders = xhr.getAllResponseHeaders();
+                    if (rawHeaders) {
+                        var headers = rawHeaders.trim().split(/[\r\n]+/);
+                        headers.forEach(function(line) {
+                            if (!line) return;
+                            var colonIndex = line.indexOf(': ');
+                            if (colonIndex === -1) return;
+                            var header = line.substring(0, colonIndex);
+                            var value = line.substring(colonIndex + 2);
+                            if (header && shouldRecordHeader('response', options.recordHeaders, header)) {
+                                responseHeaders[header] = value;
+                            }
+                        });
+                    }
+                    networkRequest.responseHeaders = responseHeaders;
+                    if (
+                        shouldRecordBody('response', options.recordBodyUrls, req.url)
+                    ) {
+                        networkRequest.responseBody = tryReadXHRBody(xhr.response);
+                    }
+                    getRequestPerformanceEntry(
+                        win,
+                        'xmlhttprequest',
+                        req.url,
+                        after,
+                        before
+                    )
+                        .then(function(entry) {
+                            if (!entry) {
+                                logger$3.error('Failed to get performance entry for XHR request to ' + req.url);
+                                return;
+                            }
+                            /** @type {NetworkRequest} */
+                            var request = {
+                                url: entry.name,
+                                method: req.method,
+                                initiatorType: /** @type {InitiatorType} */ (entry.initiatorType),
+                                status: xhr.status,
+                                startTime: Math.round(entry.startTime),
+                                endTime: Math.round(entry.responseEnd),
+                                timeOrigin: getTimeOrigin(win),
+                                requestHeaders: networkRequest.requestHeaders,
+                                requestBody: networkRequest.requestBody,
+                                responseHeaders: networkRequest.responseHeaders,
+                                responseBody: networkRequest.responseBody,
+                            };
+                            cb({ requests: [request] });
+                        })
+                        .catch(function(e) {
+                            logger$3.error('Error recording XHR request to ' + req.url + ': ' + String(e));
+                        });
+                });
+
+                originalOpen.call(xhr, method, url, async, username, password);
+            };
+        }
+    );
+    return function() {
+        restorePatch();
+    };
+}
+
+/**
+ * @param {networkCallback} cb
+ * @param {Window} win
+ * @param {Required<NetworkRecordOptions>} options
+ * @returns {listenerHandler}
+ */
+function initFetchObserver(cb, win, options) {
+    if (!options.initiatorTypes.includes('fetch')) {
+        return function() {
+            //
+        };
+    }
+
+    var restorePatch = patch(win, 'fetch', function(/** @type {typeof fetch} */ originalFetch) {
+        return function() {
+            var req = new Request(arguments[0], arguments[1]);
+            /** @type {Response | undefined} */
+            var res;
+            /** @type {Partial<NetworkRequest>} */
+            var networkRequest = {};
+            /** @type {number | undefined} */
+            var after;
+            /** @type {number | undefined} */
+            var before;
+
+            var originalFetchPromise;
+            var requestBodyPromise = Promise.resolve(undefined);
+            var responseBodyPromise = Promise.resolve(undefined);
+            try {
+                /** @type {Headers} */
+                var requestHeaders = {};
+                req.headers.forEach(function(value, header) {
+                    if (shouldRecordHeader('request', options.recordHeaders, header)) {
+                        requestHeaders[header] = value;
+                    }
+                });
+                networkRequest.requestHeaders = requestHeaders;
+
+                if (shouldRecordBody('request', options.recordBodyUrls, req.url)) {
+                    requestBodyPromise = tryReadFetchBody(req)
+                        .then(function(body) {
+                            networkRequest.requestBody = body;
+                        });
+                }
+
+                after = win.performance.now();
+                originalFetchPromise = originalFetch.apply(win, arguments).then(function(response) {
+                    res = response;
+                    before = win.performance.now();
+
+                    /** @type {Headers} */
+                    var responseHeaders = {};
+                    res.headers.forEach(function(value, header) {
+                        if (shouldRecordHeader('response', options.recordHeaders, header)) {
+                            responseHeaders[header] = value;
+                        }
+                    });
+                    networkRequest.responseHeaders = responseHeaders;
+
+                    if (shouldRecordBody('response', options.recordBodyUrls, req.url)) {
+                        responseBodyPromise = tryReadFetchBody(res)
+                            .then(function(body) {
+                                networkRequest.responseBody = body;
+                            });
+                    }
+
+                    return res;
+                });
+            } catch (e) {
+                originalFetchPromise = Promise.reject(e);
+            }
+
+            // await concurrently so we don't delay the fetch response
+            Promise.all([requestBodyPromise, responseBodyPromise, originalFetchPromise])
+                .then(function () {
+                    return getRequestPerformanceEntry(win, 'fetch', req.url, after, before);
+                })
+                .then(function(entry) {
+                    if (!entry) {
+                        logger$3.error('Failed to get performance entry for fetch request to ' + req.url);
+                        return;
+                    }
+                    /** @type {NetworkRequest} */
+                    var request = {
+                        url: entry.name,
+                        method: req.method,
+                        initiatorType: /** @type {InitiatorType} */ (entry.initiatorType),
+                        status: res ? res.status : undefined,
+                        startTime: Math.round(entry.startTime),
+                        endTime: Math.round(entry.responseEnd),
+                        timeOrigin: getTimeOrigin(win),
+                        requestHeaders: networkRequest.requestHeaders,
+                        requestBody: networkRequest.requestBody,
+                        responseHeaders: networkRequest.responseHeaders,
+                        responseBody: networkRequest.responseBody,
+                    };
+                    cb({ requests: [request] });
+                })
+                .catch(function (e) {
+                    logger$3.error('Error recording fetch request to ' + req.url + ': ' + String(e));
+                });
+
+            return originalFetchPromise;
+        };
+    });
+    return function() {
+        restorePatch();
+    };
+}
+
+/**
+ * @param {networkCallback} callback
+ * @param {Window} win
+ * @param {NetworkRecordOptions} options
+ * @returns {listenerHandler}
+ */
+function initNetworkObserver(callback, win, options) {
+    if (!('performance' in win)) {
+        return function() {
+            //
+        };
+    }
+
+    var recordHeaders = Object.assign({}, defaultNetworkOptions.recordHeaders, options.recordHeaders || {});
+    var recordBodyUrls = Object.assign({}, defaultNetworkOptions.recordBodyUrls, options.recordBodyUrls || {});
+    options = Object.assign({}, options, {
+        recordHeaders: recordHeaders,
+        recordBodyUrls: recordBodyUrls,
+    });
+    var networkOptions = /** @type {Required<NetworkRecordOptions>} */ Object.assign({}, defaultNetworkOptions, options);
+
+    /** @type {networkCallback} */
+    var cb = function(data) {
+        var requests = data.requests.filter(function(request) {
+            var shouldIgnoreUrl = urlMatchesRegexList(request.url, networkOptions.ignoreRequestUrls || []);
+            return !shouldIgnoreUrl && !networkOptions.ignoreRequestFn(request);
+        });
+        if (requests.length > 0 || data.isInitial) {
+            callback(Object.assign({}, data, { requests: requests }));
+        }
+    };
+    var performanceObserver = initPerformanceObserver(cb, win, networkOptions);
+    var xhrObserver = initXhrObserver(cb, win, networkOptions);
+    var fetchObserver = initFetchObserver(cb, win, networkOptions);
+    return function() {
+        performanceObserver();
+        xhrObserver();
+        fetchObserver();
+    };
+}
+
+// arbitrary .mp suffix in case rrweb does publish this plugin later and we use it but need to handle
+// a changed format in the mixpanel product.
+var NETWORK_PLUGIN_NAME = 'rrweb/network@1.mp';
+
+/**
+ * @param {NetworkRecordOptions} [options]
+ * @returns {RecordPlugin}
+ */
+var getRecordNetworkPlugin = function(options) {
+    return {
+        name: NETWORK_PLUGIN_NAME,
+        observer: initNetworkObserver,
+        options: options,
+    };
+};
+
 /**
  * @typedef {import('../index').RecordPrivacyConfig} RecordPrivacyConfig
  */
@@ -23276,12 +23934,35 @@ SessionRecording.prototype.startRecording = function (shouldStopBatcher) {
 
     var privacyConfig = getPrivacyConfig(this._mixpanel);
 
-    try {
-        this._stopRecording = this._rrwebRecord({
-            'emit': function (ev) {
-                if (this.idleExpires && this.idleExpires < ev.timestamp) {
-                    this._onIdleTimeout();
-                    return;
+    var plugins = [];
+    if (this.getConfig('record_network')) {
+        var options = this.getConfig('record_network_options') || {};
+        // don't track requests to Mixpanel /record API
+        var ignoreRequestUrls = (options.ignoreRequestUrls || []).slice();
+        ignoreRequestUrls.push(this._getApiRoute());
+        options.ignoreRequestUrls = ignoreRequestUrls;
+
+        plugins.push(getRecordNetworkPlugin(options));
+    }
+
+    if (this.getConfig('record_console')) {
+        plugins.push(
+            getRecordConsolePlugin({
+                stringifyOptions: {
+                    stringLengthLimit: 1000,
+                    numOfKeysLimit: 50,
+                    depthOfLimit: 2
+                }
+            })
+        );
+    }
+
+    try {
+        this._stopRecording = this._rrwebRecord({
+            'emit': function (ev) {
+                if (this.idleExpires && this.idleExpires < ev.timestamp) {
+                    this._onIdleTimeout();
+                    return;
                 }
                 if (isUserEvent(ev)) {
                     if (this.batcher.stopped && new Date().getTime() - this.replayStartTime >= this.recordMinMs) {
@@ -23314,15 +23995,7 @@ SessionRecording.prototype.startRecording = function (shouldStopBatcher) {
             'sampling': {
                 'canvas': 15
             },
-            'plugins': this.getConfig('record_console') ? [
-                getRecordConsolePlugin({
-                    stringifyOptions: {
-                        stringLengthLimit: 1000,
-                        numOfKeysLimit: 50,
-                        depthOfLimit: 2
-                    }
-                })
-            ] : []
+            'plugins': plugins,
         });
     } catch (err) {
         this.reportError('Unexpected error when starting rrweb recording.', err);
@@ -23437,6 +24110,10 @@ SessionRecording.deserialize = function (serializedRecording, options) {
     return recording;
 };
 
+SessionRecording.prototype._getApiRoute = function () {
+    return this.getConfig('api_routes')['record'];
+};
+
 SessionRecording.prototype._sendRequest = function(currentReplayId, reqParams, reqBody, callback) {
     var onSuccess = function (response, responseBody) {
         // Update batch specific props only if the request was successful to guarantee ordering.
@@ -23456,7 +24133,7 @@ SessionRecording.prototype._sendRequest = function(currentReplayId, reqParams, r
         });
     }.bind(this);
     var apiHost = (this._mixpanel.get_api_host && this._mixpanel.get_api_host('record')) || this.getConfig('api_host');
-    win['fetch'](apiHost + '/' + this.getConfig('api_routes')['record'] + '?' + new URLSearchParams(reqParams), {
+    win['fetch'](apiHost + '/' + this._getApiRoute() + '?' + new URLSearchParams(reqParams), {
         'method': 'POST',
         'headers': {
             'Authorization': 'Basic ' + btoa(this.getConfig('token') + ':'),
@@ -23857,8 +24534,12 @@ MixpanelRecorder.prototype.resetRecording = function () {
     this.startRecording({shouldStopBatcher: true});
 };
 
+MixpanelRecorder.prototype.isRecording = function () {
+    return this.activeRecording && !this.activeRecording.isRrwebStopped();
+};
+
 MixpanelRecorder.prototype.getActiveReplayId = function () {
-    if (this.activeRecording && !this.activeRecording.isRrwebStopped()) {
+    if (this.isRecording()) {
         return this.activeRecording.replayId;
     } else {
         return null;
@@ -24362,53 +25043,6 @@ function requireLogic () {
 var logicExports = requireLogic();
 var jsonLogic = /*@__PURE__*/getDefaultExportFromCjs(logicExports);
 
-/**
- * Shared helper to recursively lowercase strings in nested structures
- * @param {*} obj - Value to process
- * @param {boolean} lowercaseKeys - Whether to lowercase object keys
- * @returns {*} Processed value with lowercased strings
- */
-var lowercaseJson = function(obj, lowercaseKeys) {
-    if (obj === null || obj === undefined) {
-        return obj;
-    } else if (typeof obj === 'string') {
-        return obj.toLowerCase();
-    } else if (Array.isArray(obj)) {
-        return obj.map(function(item) {
-            return lowercaseJson(item, lowercaseKeys);
-        });
-    } else if (obj === Object(obj)) {
-        var result = {};
-        for (var key in obj) {
-            if (obj.hasOwnProperty(key)) {
-                var newKey = lowercaseKeys && typeof key === 'string' ? key.toLowerCase() : key;
-                result[newKey] = lowercaseJson(obj[key], lowercaseKeys);
-            }
-        }
-        return result;
-    } else {
-        return obj;
-    }
-};
-
-/**
- * Lowercase all string keys and values in a nested structure
- * @param {*} val - Value to process
- * @returns {*} Processed value with lowercased strings
- */
-var lowercaseKeysAndValues = function(val) {
-    return lowercaseJson(val, true);
-};
-
-/**
- * Lowercase only leaf node string values in a nested structure (keys unchanged)
- * @param {*} val - Value to process
- * @returns {*} Processed value with lowercased leaf strings
- */
-var lowercaseOnlyLeafNodes = function(val) {
-    return lowercaseJson(val, false);
-};
-
 /**
  * Check if an event matches the given criteria
  * @param {string} eventName - The name of the event being checked
@@ -24432,13 +25066,8 @@ var eventMatchesCriteria = function(eventName, properties, criteria) {
 
     if (propertyFilters && !_.isEmptyObject(propertyFilters)) {
         try {
-            // Lowercase all keys and values in event properties for case-insensitive matching
-            var lowercasedProperties = lowercaseKeysAndValues(properties || {});
-
-            // Lowercase only leaf nodes in JsonLogic filters (keep operators intact)
-            var lowercasedFilters = lowercaseOnlyLeafNodes(propertyFilters);
-
-            filtersMatch = jsonLogic.apply(lowercasedFilters, lowercasedProperties);
+            // Use properties as-is for case-sensitive matching
+            filtersMatch = jsonLogic.apply(propertyFilters, properties || {});
         } catch (error) {
             return {
                 matches: false,
@@ -24558,7 +25187,7 @@ ShadowDOMObserver.prototype.observeShadowRoot = function(shadowRoot) {
         observer.observe(shadowRoot, this.observerConfig);
         this.shadowObservers.push(observer);
     } catch (e) {
-        logger$3.critical('Error while observing shadow root', e);
+        logger$4.critical('Error while observing shadow root', e);
     }
 };
 
@@ -24569,7 +25198,7 @@ ShadowDOMObserver.prototype.start = function() {
     }
 
     if (!weakSetSupported()) {
-        logger$3.critical('Shadow DOM observation unavailable: WeakSet not supported');
+        logger$4.critical('Shadow DOM observation unavailable: WeakSet not supported');
         return;
     }
 
@@ -24585,7 +25214,7 @@ ShadowDOMObserver.prototype.stop = function() {
         try {
             this.shadowObservers[i].disconnect();
         } catch (e) {
-            logger$3.critical('Error while disconnecting shadow DOM observer', e);
+            logger$4.critical('Error while disconnecting shadow DOM observer', e);
         }
     }
     this.shadowObservers = [];
@@ -24773,7 +25402,7 @@ DeadClickTracker.prototype.startTracking = function() {
 
             this.mutationObserver.observe(document.body || document.documentElement, MUTATION_OBSERVER_CONFIG);
         } catch (e) {
-            logger$3.critical('Error while setting up mutation observer', e);
+            logger$4.critical('Error while setting up mutation observer', e);
         }
     }
 
@@ -24788,7 +25417,7 @@ DeadClickTracker.prototype.startTracking = function() {
             );
             this.shadowDOMObserver.start();
         } catch (e) {
-            logger$3.critical('Error while setting up shadow DOM observer', e);
+            logger$4.critical('Error while setting up shadow DOM observer', e);
             this.shadowDOMObserver = null;
         }
     }
@@ -24815,7 +25444,7 @@ DeadClickTracker.prototype.stopTracking = function() {
         try {
             listener.target.removeEventListener(listener.event, listener.handler, listener.options);
         } catch (e) {
-            logger$3.critical('Error while removing event listener', e);
+            logger$4.critical('Error while removing event listener', e);
         }
     }
     this.eventListeners = [];
@@ -24824,7 +25453,7 @@ DeadClickTracker.prototype.stopTracking = function() {
         try {
             this.mutationObserver.disconnect();
         } catch (e) {
-            logger$3.critical('Error while disconnecting mutation observer', e);
+            logger$4.critical('Error while disconnecting mutation observer', e);
         }
         this.mutationObserver = null;
     }
@@ -24833,7 +25462,7 @@ DeadClickTracker.prototype.stopTracking = function() {
         try {
             this.shadowDOMObserver.stop();
         } catch (e) {
-            logger$3.critical('Error while stopping shadow DOM observer', e);
+            logger$4.critical('Error while stopping shadow DOM observer', e);
         }
         this.shadowDOMObserver = null;
     }
@@ -24911,7 +25540,7 @@ var Autocapture = function(mp) {
 
 Autocapture.prototype.init = function() {
     if (!minDOMApisSupported()) {
-        logger$3.critical('Autocapture unavailable: missing required DOM APIs');
+        logger$4.critical('Autocapture unavailable: missing required DOM APIs');
         return;
     }
     this.initPageListeners();
@@ -24943,27 +25572,15 @@ Autocapture.prototype.getConfig = function(key) {
 };
 
 Autocapture.prototype.currentUrlBlocked = function() {
-    var i;
     var currentUrl = _.info.currentUrl();
 
     var allowUrlRegexes = this.getConfig(CONFIG_ALLOW_URL_REGEXES) || [];
     if (allowUrlRegexes.length) {
         // we're using an allowlist, only track if current URL matches
-        var allowed = false;
-        for (i = 0; i < allowUrlRegexes.length; i++) {
-            var allowRegex = allowUrlRegexes[i];
-            try {
-                if (currentUrl.match(allowRegex)) {
-                    allowed = true;
-                    break;
-                }
-            } catch (err) {
-                logger$3.critical('Error while checking block URL regex: ' + allowRegex, err);
-                return true;
-            }
-        }
-        if (!allowed) {
-            // wasn't allowed by any regex
+        try {
+            return !urlMatchesRegexList(currentUrl, allowUrlRegexes);
+        } catch (err) {
+            logger$4.critical('Error while checking block URL regexes: ', err);
             return true;
         }
     }
@@ -24973,17 +25590,12 @@ Autocapture.prototype.currentUrlBlocked = function() {
         return false;
     }
 
-    for (i = 0; i < blockUrlRegexes.length; i++) {
-        try {
-            if (currentUrl.match(blockUrlRegexes[i])) {
-                return true;
-            }
-        } catch (err) {
-            logger$3.critical('Error while checking block URL regex: ' + blockUrlRegexes[i], err);
-            return true;
-        }
+    try {
+        return urlMatchesRegexList(currentUrl, blockUrlRegexes);
+    } catch (err) {
+        logger$4.critical('Error while checking block URL regexes: ', err);
+        return true;
     }
-    return false;
 };
 
 Autocapture.prototype.pageviewTrackingConfig = function() {
@@ -25119,7 +25731,7 @@ Autocapture.prototype._initScrollDepthTracking = function() {
         return;
     }
 
-    logger$3.log('Initializing scroll depth tracking');
+    logger$4.log('Initializing scroll depth tracking');
 
     this.maxScrollViewDepth = Math.max(document$1.documentElement.clientHeight, win.innerHeight || 0);
 
@@ -25145,7 +25757,7 @@ Autocapture.prototype.initClickTracking = function() {
     if (!this.getConfig(CONFIG_TRACK_CLICK) && !this.mp.get_config('record_heatmap_data')) {
         return;
     }
-    logger$3.log('Initializing click tracking');
+    logger$4.log('Initializing click tracking');
 
     this.listenerClick = function(ev) {
         if (!this.getConfig(CONFIG_TRACK_CLICK) && !this.mp.is_recording_heatmap_data()) {
@@ -25164,7 +25776,7 @@ Autocapture.prototype.initDeadClickTracking = function() {
         return;
     }
 
-    logger$3.log('Initializing dead click tracking');
+    logger$4.log('Initializing dead click tracking');
     if (!this._deadClickTracker) {
         this._deadClickTracker = new DeadClickTracker(function(deadClickEvent) {
             this.trackDomEvent(deadClickEvent, MP_EV_DEAD_CLICK);
@@ -25198,7 +25810,7 @@ Autocapture.prototype.initInputTracking = function() {
     if (!this.getConfig(CONFIG_TRACK_INPUT)) {
         return;
     }
-    logger$3.log('Initializing input tracking');
+    logger$4.log('Initializing input tracking');
 
     this.listenerChange = function(ev) {
         if (!this.getConfig(CONFIG_TRACK_INPUT)) {
@@ -25215,7 +25827,7 @@ Autocapture.prototype.initPageviewTracking = function() {
     if (!this.pageviewTrackingConfig()) {
         return;
     }
-    logger$3.log('Initializing pageview tracking');
+    logger$4.log('Initializing pageview tracking');
 
     var previousTrackedUrl = '';
     var tracked = false;
@@ -25250,7 +25862,7 @@ Autocapture.prototype.initPageviewTracking = function() {
             }
             if (didPathChange) {
                 this.lastScrollCheckpoint = 0;
-                logger$3.log('Path change: re-initializing scroll depth checkpoints');
+                logger$4.log('Path change: re-initializing scroll depth checkpoints');
             }
         }
     }.bind(this));
@@ -25265,7 +25877,7 @@ Autocapture.prototype.initRageClickTracking = function() {
         return;
     }
 
-    logger$3.log('Initializing rage click tracking');
+    logger$4.log('Initializing rage click tracking');
     if (!this._rageClickTracker) {
         this._rageClickTracker = new RageClickTracker();
     }
@@ -25295,7 +25907,7 @@ Autocapture.prototype.initScrollTracking = function() {
     if (!this.getConfig(CONFIG_TRACK_SCROLL)) {
         return;
     }
-    logger$3.log('Initializing scroll tracking');
+    logger$4.log('Initializing scroll tracking');
     this.lastScrollCheckpoint = 0;
 
     var scrollTrackFunction = function() {
@@ -25332,7 +25944,7 @@ Autocapture.prototype.initScrollTracking = function() {
                 }
             }
         } catch (err) {
-            logger$3.critical('Error while calculating scroll percentage', err);
+            logger$4.critical('Error while calculating scroll percentage', err);
         }
         if (shouldTrack) {
             this.mp.track(MP_EV_SCROLL, props);
@@ -25350,7 +25962,7 @@ Autocapture.prototype.initSubmitTracking = function() {
     if (!this.getConfig(CONFIG_TRACK_SUBMIT)) {
         return;
     }
-    logger$3.log('Initializing submit tracking');
+    logger$4.log('Initializing submit tracking');
 
     this.listenerSubmit = function(ev) {
         if (!this.getConfig(CONFIG_TRACK_SUBMIT)) {
@@ -25372,7 +25984,7 @@ Autocapture.prototype.initPageLeaveTracking = function() {
         return;
     }
 
-    logger$3.log('Initializing page visibility tracking.');
+    logger$4.log('Initializing page visibility tracking.');
     this._initScrollDepthTracking();
     var previousTrackedUrl = _.info.currentUrl();
 
@@ -25980,6 +26592,214 @@ FeatureFlagManager.prototype['getTargeting'] = FeatureFlagManager.prototype.getT
 /* eslint camelcase: "off" */
 
 
+/**
+ * RecorderManager: manages session recording initialization, lifecycle and state
+ * @constructor
+ */
+var RecorderManager = function(initOptions) {
+    // TODO - Passing in mixpanel instance as it is still needed for recorder creation
+    // but ideally we should be able to remove this dependency.
+    this.mixpanelInstance = initOptions.mixpanelInstance;
+
+    this.getMpConfig = initOptions.getConfigFunc;
+    this.getTabId = initOptions.getTabIdFunc;
+    this.reportError = initOptions.reportErrorFunc;
+    this.getDistinctId = initOptions.getDistinctIdFunc;
+    this.loadExtraBundle = initOptions.loadExtraBundle;
+    this.recorderSrc = initOptions.recorderSrc;
+    this.targetingSrc = initOptions.targetingSrc;
+    this.libBasePath = initOptions.libBasePath;
+
+    this._recorder = null;
+};
+
+RecorderManager.prototype.shouldLoadRecorder = function() {
+    if (this.getMpConfig('disable_persistence')) {
+        console$1.log('Load recorder check skipped due to disable_persistence config');
+        return PromisePolyfill.resolve(false);
+    }
+
+    var recording_registry_idb = new IDBStorageWrapper(RECORDING_REGISTRY_STORE_NAME);
+    var tab_id = this.getTabId();
+    return recording_registry_idb.init()
+        .then(function () {
+            return recording_registry_idb.getAll();
+        })
+        .then(function (recordings) {
+            for (var i = 0; i < recordings.length; i++) {
+                // if there are expired recordings in the registry, we should load the recorder to flush them
+                // if there's a recording for this tab id, we should load the recorder to continue the recording
+                if (isRecordingExpired(recordings[i]) || recordings[i]['tabId'] === tab_id) {
+                    return true;
+                }
+            }
+            return false;
+        })
+        .catch(_.bind(function (err) {
+            this.reportError('Error checking recording registry', err);
+            return false;
+        }, this));
+};
+
+RecorderManager.prototype.checkAndStartSessionRecording = function(force_start, rate) {
+    if (!win['MutationObserver']) {
+        console$1.critical('Browser does not support MutationObserver; skipping session recording');
+        return PromisePolyfill.resolve();
+    }
+
+    var loadRecorder = _.bind(function(startNewIfInactive) {
+        return new PromisePolyfill(_.bind(function(resolve) {
+            var handleLoadedRecorder = safewrap(_.bind(function() {
+                this._recorder = this._recorder || new win[RECORDER_GLOBAL_NAME](this.mixpanelInstance);
+                this._recorder['resumeRecording'](startNewIfInactive);
+                resolve();
+            }, this));
+
+            if (_.isUndefined(win[RECORDER_GLOBAL_NAME])) {
+                var recorderSrc = this.recorderSrc || (this.libBasePath + RECORDER_FILENAME);
+                this.loadExtraBundle(recorderSrc, handleLoadedRecorder);
+            } else {
+                handleLoadedRecorder();
+            }
+        }, this));
+    }, this);
+
+    /**
+     * If the user is sampled or start_session_recording is called, we always load the recorder since it's guaranteed a recording should start.
+     * Otherwise, if the recording registry has any records then it's likely there's a recording in progress or orphaned data that needs to be flushed.
+     */
+    var effective_rate = _.isUndefined(rate) ? this.getMpConfig('record_sessions_percent') : rate;
+    var is_sampled = effective_rate > 0 && Math.random() * 100 <= effective_rate;
+    if (force_start || is_sampled) {
+        return loadRecorder(true);
+    } else {
+        return this.shouldLoadRecorder()
+            .then(_.bind(function (shouldLoad) {
+                if (shouldLoad) {
+                    return loadRecorder(false);
+                }
+                return PromisePolyfill.resolve();
+            }, this));
+    }
+};
+
+RecorderManager.prototype.isRecording = function() {
+    // Safety check: ensure isRecording method exists (older CDN builds may not have it)
+    if (!this._recorder || !_.isFunction(this._recorder['isRecording'])) {
+        return false;
+    }
+    try {
+        return this._recorder['isRecording']();
+    } catch (e) {
+        this.reportError('Error checking if recording is active', e);
+        return false;
+    }
+};
+
+RecorderManager.prototype.startRecordingOnEvent = function(event_name, properties) {
+    var isRecording = this.isRecording();
+    var recordingTriggerEvents = this.getMpConfig('recording_event_triggers');
+
+    if (!isRecording && recordingTriggerEvents) {
+        var trigger = recordingTriggerEvents[event_name];
+        if (trigger && typeof trigger['percentage'] === 'number') {
+            var newRate = trigger['percentage'];
+            var propertyFilters = trigger['property_filters'];
+            if (propertyFilters && !_.isEmptyObject(propertyFilters)) {
+                var targetingSrc = this.targetingSrc || (this.libBasePath + TARGETING_FILENAME);
+                getTargetingPromise(this.loadExtraBundle, targetingSrc)
+                    .then(function(targeting) {
+                        try {
+                            var result = targeting['eventMatchesCriteria'](
+                                event_name,
+                                properties,
+                                {
+                                    'event_name': event_name,
+                                    'property_filters': propertyFilters
+                                }
+                            );
+                            if (result['matches']) {
+                                this.checkAndStartSessionRecording(false, newRate);
+                            }
+                        } catch (err) {
+                            console$1.critical('Could not parse recording event trigger properties logic:', err);
+                        }
+                    }.bind(this)).catch(function(err) {
+                        console$1.critical('Failed to load targeting library:', err);
+                    });
+            } else {
+                this.checkAndStartSessionRecording(false, newRate);
+            }
+        }
+    }
+};
+
+RecorderManager.prototype.stopSessionRecording = function() {
+    if (this._recorder) {
+        return this._recorder['stopRecording']();
+    }
+    return PromisePolyfill.resolve();
+};
+
+RecorderManager.prototype.pauseSessionRecording = function() {
+    if (this._recorder) {
+        return this._recorder['pauseRecording']();
+    }
+    return PromisePolyfill.resolve();
+};
+
+RecorderManager.prototype.resumeSessionRecording = function() {
+    if (this._recorder) {
+        return this._recorder['resumeRecording']();
+    }
+    return PromisePolyfill.resolve();
+};
+
+RecorderManager.prototype.isRecordingHeatmapData = function() {
+    return this.getSessionReplayId() && this.getMpConfig('record_heatmap_data');
+};
+
+RecorderManager.prototype.getSessionRecordingProperties = function() {
+    var props = {};
+    var replay_id = this.getSessionReplayId();
+    if (replay_id) {
+        props['$mp_replay_id'] = replay_id;
+    }
+    return props;
+};
+
+RecorderManager.prototype.getSessionReplayUrl = function() {
+    var replay_url = null;
+    var replay_id = this.getSessionReplayId();
+    if (replay_id) {
+        var query_params = _.HTTPBuildQuery({
+            'replay_id': replay_id,
+            'distinct_id': this.getDistinctId(),
+            'token': this.getMpConfig('token')
+        });
+        replay_url = 'https://mixpanel.com/projects/replay-redirect?' + query_params;
+    }
+    return replay_url;
+};
+
+RecorderManager.prototype.getSessionReplayId = function() {
+    var replay_id = null;
+    if (this._recorder) {
+        replay_id = this._recorder['replayId'];
+    }
+    return replay_id || null;
+};
+
+// "private" public method to reach into the recorder in test cases
+RecorderManager.prototype.getRecorder = function() {
+    return this._recorder;
+};
+
+safewrapClass(RecorderManager);
+
+/* eslint camelcase: "off" */
+
+
 /**
  * DomTracker Object
  * @constructor
@@ -27440,13 +28260,17 @@ var DEFAULT_CONFIG = {
     'record_collect_fonts':              false,
     'record_console':                    true,
     'record_heatmap_data':               false,
+    'recording_event_triggers':          {},
     'record_idle_timeout_ms':            30 * 60 * 1000, // 30 minutes
     'record_mask_inputs':                true,
     'record_max_ms':                     MAX_RECORDING_MS,
     'record_min_ms':                     0,
+    'record_network':                    false,
+    'record_network_options':            {},
     'record_sessions_percent':           0,
-    'recorder_src':                      'https://cdn.mxpnl.com/libs/mixpanel-recorder.min.js',
-    'targeting_src':                     'https://cdn.mxpnl.com/libs/mixpanel-targeting.min.js',
+    'recorder_src':                      null,
+    'targeting_src':                     null,
+    'lib_base_path':                     'https://cdn.mxpnl.com/libs/',
     'remote_settings_mode':              SETTING_DISABLED // 'strict', 'fallback', 'disabled'
 };
 
@@ -27600,6 +28424,19 @@ MixpanelLib.prototype._init = function(token, config, name) {
         'callback_fn': ((name === PRIMARY_INSTANCE_NAME) ? name : PRIMARY_INSTANCE_NAME + '.' + name) + '._jsc'
     }));
 
+    this.recorderManager = new RecorderManager({
+        mixpanelInstance: this,
+        getConfigFunc: _.bind(this.get_config, this),
+        setConfigFunc: _.bind(this.set_config, this),
+        getTabIdFunc: _.bind(this.get_tab_id, this),
+        reportErrorFunc: _.bind(this.report_error, this),
+        getDistinctIdFunc: _.bind(this.get_distinct_id, this),
+        recorderSrc: this.get_config('recorder_src'),
+        targetingSrc: this.get_config('targeting_src'),
+        libBasePath: this.get_config('lib_base_path'),
+        loadExtraBundle: load_extra_bundle
+    });
+
     this['_jsc'] = NOOP_FUNC;
 
     this.__dom_loaded_queue = [];
@@ -27678,7 +28515,7 @@ MixpanelLib.prototype._init = function(token, config, name) {
         getPropertyFunc: _.bind(this.get_property, this),
         trackingFunc: _.bind(this.track, this),
         loadExtraBundle: load_extra_bundle,
-        targetingSrc: this.get_config('targeting_src')
+        targetingSrc: this.get_config('targeting_src') || (this.get_config('lib_base_path') + TARGETING_FILENAME)
     });
     this.flags.init();
     this['flags'] = this.flags;
@@ -27691,11 +28528,11 @@ MixpanelLib.prototype._init = function(token, config, name) {
     // Based on remote_settings_mode, fetch remote settings and then start session recording if applicable
     var mode = this.get_config('remote_settings_mode');
     if (mode === SETTING_STRICT || mode === SETTING_FALLBACK) {
-        this._fetch_remote_settings(mode).then(_.bind(function() {
-            this._check_and_start_session_recording();
+        this.__session_recording_init_promise = this._fetch_remote_settings(mode).then(_.bind(function() {
+            return this._check_and_start_session_recording();
         }, this));
     } else {
-        this._check_and_start_session_recording();
+        this.__session_recording_init_promise = this._check_and_start_session_recording();
     }
 };
 
@@ -27739,132 +28576,50 @@ MixpanelLib.prototype.get_tab_id = function () {
     return this.tab_id || null;
 };
 
-MixpanelLib.prototype._should_load_recorder = function () {
-    if (this.get_config('disable_persistence')) {
-        console$1.log('Load recorder check skipped due to disable_persistence config');
-        return Promise.resolve(false);
-    }
-
-    var recording_registry_idb = new IDBStorageWrapper(RECORDING_REGISTRY_STORE_NAME);
-    var tab_id = this.get_tab_id();
-    return recording_registry_idb.init()
-        .then(function () {
-            return recording_registry_idb.getAll();
-        })
-        .then(function (recordings) {
-            for (var i = 0; i < recordings.length; i++) {
-                // if there are expired recordings in the registry, we should load the recorder to flush them
-                // if there's a recording for this tab id, we should load the recorder to continue the recording
-                if (isRecordingExpired(recordings[i]) || recordings[i]['tabId'] === tab_id) {
-                    return true;
-                }
-            }
-            return false;
-        })
-        .catch(_.bind(function (err) {
-            this.report_error('Error checking recording registry', err);
-        }, this));
-};
-
 MixpanelLib.prototype._check_and_start_session_recording = addOptOutCheckMixpanelLib(function(force_start) {
-    if (!win['MutationObserver']) {
-        console$1.critical('Browser does not support MutationObserver; skipping session recording');
-        return;
-    }
-
-    var loadRecorder = _.bind(function(startNewIfInactive) {
-        var handleLoadedRecorder = _.bind(function() {
-            this._recorder = this._recorder || new win[RECORDER_GLOBAL_NAME](this);
-            this._recorder['resumeRecording'](startNewIfInactive);
-        }, this);
-
-        if (_.isUndefined(win[RECORDER_GLOBAL_NAME])) {
-            load_extra_bundle(this.get_config('recorder_src'), handleLoadedRecorder);
-        } else {
-            handleLoadedRecorder();
-        }
-    }, this);
-
-    /**
-     * If the user is sampled or start_session_recording is called, we always load the recorder since it's guaranteed a recording should start.
-     * Otherwise, if the recording registry has any records then it's likely there's a recording in progress or orphaned data that needs to be flushed.
-     */
-    var is_sampled = this.get_config('record_sessions_percent') > 0 && Math.random() * 100 <= this.get_config('record_sessions_percent');
-    if (force_start || is_sampled) {
-        loadRecorder(true);
-    } else {
-        this._should_load_recorder()
-            .then(function (shouldLoad) {
-                if (shouldLoad) {
-                    loadRecorder(false);
-                }
-            });
-    }
+    return this.recorderManager.checkAndStartSessionRecording(force_start);
 });
 
+MixpanelLib.prototype._start_recording_on_event = function(event_name, properties) {
+    return this.recorderManager.startRecordingOnEvent(event_name, properties);
+};
+
 MixpanelLib.prototype.start_session_recording = function () {
-    this._check_and_start_session_recording(true);
+    return this._check_and_start_session_recording(true);
 };
 
 MixpanelLib.prototype.stop_session_recording = function () {
-    if (this._recorder) {
-        return this._recorder['stopRecording']();
-    }
-    return Promise.resolve();
+    return this.recorderManager.stopSessionRecording();
 };
 
 MixpanelLib.prototype.pause_session_recording = function () {
-    if (this._recorder) {
-        return this._recorder['pauseRecording']();
-    }
-    return Promise.resolve();
+    return this.recorderManager.pauseSessionRecording();
 };
 
 MixpanelLib.prototype.resume_session_recording = function () {
-    if (this._recorder) {
-        return this._recorder['resumeRecording']();
-    }
-    return Promise.resolve();
+    return this.recorderManager.resumeSessionRecording();
 };
 
 MixpanelLib.prototype.is_recording_heatmap_data = function () {
-    return this._get_session_replay_id() && this.get_config('record_heatmap_data');
+    return this.recorderManager.isRecordingHeatmapData();
 };
 
 MixpanelLib.prototype.get_session_recording_properties = function () {
-    var props = {};
-    var replay_id = this._get_session_replay_id();
-    if (replay_id) {
-        props['$mp_replay_id'] = replay_id;
-    }
-    return props;
+    return this.recorderManager.getSessionRecordingProperties();
 };
 
 MixpanelLib.prototype.get_session_replay_url = function () {
-    var replay_url = null;
-    var replay_id = this._get_session_replay_id();
-    if (replay_id) {
-        var query_params = _.HTTPBuildQuery({
-            'replay_id': replay_id,
-            'distinct_id': this.get_distinct_id(),
-            'token': this.get_config('token')
-        });
-        replay_url = 'https://mixpanel.com/projects/replay-redirect?' + query_params;
-    }
-    return replay_url;
-};
-
-MixpanelLib.prototype._get_session_replay_id = function () {
-    var replay_id = null;
-    if (this._recorder) {
-        replay_id = this._recorder['replayId'];
-    }
-    return replay_id || null;
+    return this.recorderManager.getSessionReplayUrl();
 };
 
 // "private" public method to reach into the recorder in test cases
 MixpanelLib.prototype.__get_recorder = function () {
-    return this._recorder;
+    return this.recorderManager.getRecorder();
+};
+
+// "private" public method to get session recording init promise in test cases
+MixpanelLib.prototype.__get_recording_init_promise = function () {
+    return this.__session_recording_init_promise;
 };
 
 // Private methods
@@ -28122,6 +28877,7 @@ MixpanelLib.prototype._send_request = function(url, data, options, callback) {
 };
 
 MixpanelLib.prototype._fetch_remote_settings = function(mode) {
+    var self = this;
     var disableRecordingIfStrict = function() {
         if (mode === 'strict') {
             self.set_config({'record_sessions_percent': 0});
@@ -28142,7 +28898,6 @@ MixpanelLib.prototype._fetch_remote_settings = function(mode) {
     };
     var query_string = _.HTTPBuildQuery(request_params);
     var full_url = settings_endpoint + '?' + query_string;
-    var self = this;
 
     var abortController = new AbortController();
     var timeout_id = setTimeout(function() {
@@ -28334,6 +29089,34 @@ MixpanelLib.prototype.push = function(item) {
     this._execute_array([item]);
 };
 
+/**
+ * Enables events on the Mixpanel object. If passed no arguments,
+ * this function enable tracking of all events. If passed an
+ * array of event names, those events will be enabled, but other
+ * existing disabled events will continue to be not tracked.
+ *
+ * @param {Array} [events] An array of event names to enable
+ */
+MixpanelLib.prototype.enable = function(events) {
+    var keys, new_disabled_events, i, j;
+
+    if (typeof(events) === 'undefined') {
+        this._flags.disable_all_events = false;
+    } else {
+        keys = {};
+        new_disabled_events = [];
+        for (i = 0; i < events.length; i++) {
+            keys[events[i]] = true;
+        }
+        for (j = 0; j < this.__disabled_events.length; j++) {
+            if (!keys[this.__disabled_events[j]]) {
+                new_disabled_events.push(this.__disabled_events[j]);
+            }
+        }
+        this.__disabled_events = new_disabled_events;
+    }
+};
+
 /**
  * Disable events on the Mixpanel object. If passed no arguments,
  * this function disables tracking of any event. If passed an
@@ -28507,6 +29290,8 @@ MixpanelLib.prototype.track = addOptOutCheckMixpanelLib(function(event_name, pro
         this.report_error('Invalid value for property_blacklist config: ' + property_blacklist);
     }
 
+    this._start_recording_on_event(event_name, properties);
+
     var data = {
         'event': event_name,
         'properties': properties
@@ -29715,6 +30500,7 @@ MixpanelLib.prototype.remove_hook = function(hook_name, hook_fn) {
 // MixpanelLib Exports
 MixpanelLib.prototype['init']                               = MixpanelLib.prototype.init;
 MixpanelLib.prototype['reset']                              = MixpanelLib.prototype.reset;
+MixpanelLib.prototype['enable']                             = MixpanelLib.prototype.enable;
 MixpanelLib.prototype['disable']                            = MixpanelLib.prototype.disable;
 MixpanelLib.prototype['time_event']                         = MixpanelLib.prototype.time_event;
 MixpanelLib.prototype['track']                              = MixpanelLib.prototype.track;
@@ -29758,6 +30544,7 @@ MixpanelLib.prototype['DEFAULT_API_ROUTES']                 = DEFAULT_API_ROUTES
 
 // Exports intended only for testing
 MixpanelLib.prototype['__get_recorder']                     = MixpanelLib.prototype.__get_recorder;
+MixpanelLib.prototype['__get_recording_init_promise']       = MixpanelLib.prototype.__get_recording_init_promise;
 
 // MixpanelPersistence Exports
 MixpanelPersistence.prototype['properties']            = MixpanelPersistence.prototype.properties;