@coralogix/browser 3.23.5 → 3.24.0

package/index.esm2.js

@@ -268,32 +268,68 @@ function getCxGlobal() {
 }
 var CxGlobal = getCxGlobal();
 
+var SDK_STORE_KEY = '__cx_store__';
+var CACHED_LOGS_KEY = 'cachedLogs';
+var globalWithStore = CxGlobal;
+var sdkStore = globalWithStore[SDK_STORE_KEY] || (globalWithStore[SDK_STORE_KEY] = {});
+var globalMirror = CxGlobal;
+function setSdkState(key, value) {
+    sdkStore[key] = value;
+    globalMirror[key] = value;
+}
+function deleteSdkState(key) {
+    delete sdkStore[key];
+    delete globalMirror[key];
+}
+
 var CLICK_SCREENSHOT_MANAGER_KEY = 'rumClickScreenshotManager';
 
+var DOM_CHANGE_SCREENSHOT_TRIGGER_KEY = 'rumDomChangeScreenshotTrigger';
+var SETTLE_QUIET_MS = 500;
+var CONTENT_ELEMENT_FLOOR = 50;
+var CHANGE_DEBOUNCE_MS = 400;
+var INTERACTION_TIGHT_MS = 150;
+var INTERACTION_TIGHT_MIN_ELEMENTS = 1;
+var INTERACTION_LOOSE_MS = 1500;
+var INTERACTION_LOOSE_MIN_ELEMENTS = 3;
+var OVERLAY_MAX_DEPTH = 3;
+var MAX_DEPTH_WALK = 40;
+var OVERLAY_MAX_REMOVES_ABSOLUTE = 2;
+var OVERLAY_MAX_REMOVES_FRACTION = 0.1;
+var VIEW_CHANGE_FRACTION = 0.02;
+var VIEW_CHANGE_MIN_WEIGHT = 25;
+var NODE_COUNT_REFRESH_MS = 2000;
+var MIN_CAPTURE_INTERVAL_MS = 2000;
+var MAX_CAPTURES_PER_VIEW = 10;
+var MAX_NODES_FOR_CAPTURE = 20000;
+
 function getSnapshotManager() {
-    return CxGlobal[SNAPSHOT_MANAGER_KEY];
+    return sdkStore[SNAPSHOT_MANAGER_KEY];
 }
 function getSessionManager() {
-    return CxGlobal[SESSION_MANAGER_KEY];
+    return sdkStore[SESSION_MANAGER_KEY];
 }
 function getSessionRecorder() {
-    return CxGlobal[SESSION_RECORDER_KEY];
+    return sdkStore[SESSION_RECORDER_KEY];
 }
 function getClickScreenshotManager() {
-    return CxGlobal[CLICK_SCREENSHOT_MANAGER_KEY];
+    return sdkStore[CLICK_SCREENSHOT_MANAGER_KEY];
+}
+function getDomChangeScreenshotTrigger() {
+    return sdkStore[DOM_CHANGE_SCREENSHOT_TRIGGER_KEY];
 }
 function getSdkConfig() {
-    return CxGlobal[SDK_CONFIG_KEY];
+    return sdkStore[SDK_CONFIG_KEY];
 }
 function getUserAgentData() {
-    return CxGlobal[USER_AGENT_KEY];
+    return sdkStore[USER_AGENT_KEY];
 }
 var TRACER_PROVIDER_KEY = '__cx_tracer_provider__';
 function setTracerProvider(provider) {
-    CxGlobal[TRACER_PROVIDER_KEY] = provider;
+    setSdkState(TRACER_PROVIDER_KEY, provider);
 }
 function getTracerProvider() {
-    return CxGlobal[TRACER_PROVIDER_KEY];
+    return sdkStore[TRACER_PROVIDER_KEY];
 }
 function flush() {
     var tracerProvider = getTracerProvider();
@@ -309,40 +345,40 @@ var CUSTOM_TRACER_IGNORED_INSTRUMENTS = '__customTracerIgnoredInstruments__';
 
 function addGlobalSpanByTraceId(traceId, globalSpan) {
     var _a;
-    CxGlobal[GLOBAL_SPAN_MAP_KEY] = __assign(__assign({}, (CxGlobal[GLOBAL_SPAN_MAP_KEY] || {})), (_a = {}, _a[traceId] = globalSpan, _a));
+    setSdkState(GLOBAL_SPAN_MAP_KEY, __assign(__assign({}, (sdkStore[GLOBAL_SPAN_MAP_KEY] || {})), (_a = {}, _a[traceId] = globalSpan, _a)));
 }
 function getGlobalSpanByTraceId(traceId) {
     var _a;
-    return (_a = CxGlobal[GLOBAL_SPAN_MAP_KEY]) === null || _a === void 0 ? void 0 : _a[traceId];
+    return (_a = sdkStore[GLOBAL_SPAN_MAP_KEY]) === null || _a === void 0 ? void 0 : _a[traceId];
 }
 function clearGlobalSpanMap() {
-    var globalSpanMap = CxGlobal[GLOBAL_SPAN_MAP_KEY];
+    var globalSpanMap = sdkStore[GLOBAL_SPAN_MAP_KEY];
     Object.keys(globalSpanMap || {}).forEach(function (traceId) {
         var globalSpan = globalSpanMap[traceId];
         globalSpan === null || globalSpan === void 0 ? void 0 : globalSpan.endSpan();
     });
-    delete CxGlobal[GLOBAL_SPAN_MAP_KEY];
+    deleteSdkState(GLOBAL_SPAN_MAP_KEY);
 }
 function setGlobalSpan(globalSpan) {
-    CxGlobal[GLOBAL_SPAN_KEY] = globalSpan;
+    setSdkState(GLOBAL_SPAN_KEY, globalSpan);
 }
 function getGlobalSpan() {
-    return CxGlobal[GLOBAL_SPAN_KEY];
+    return sdkStore[GLOBAL_SPAN_KEY];
 }
 function clearGlobalSpan() {
-    delete CxGlobal[GLOBAL_SPAN_KEY];
+    deleteSdkState(GLOBAL_SPAN_KEY);
 }
 function setCustomTracer(customTracer) {
-    CxGlobal[CUSTOM_TRACER_KEY] = customTracer;
+    setSdkState(CUSTOM_TRACER_KEY, customTracer);
 }
 function getActiveCustomTracer() {
-    return CxGlobal[CUSTOM_TRACER_KEY];
+    return sdkStore[CUSTOM_TRACER_KEY];
 }
 function setCustomTracerIgnoredInstruments(ignoredInstruments) {
-    CxGlobal[CUSTOM_TRACER_IGNORED_INSTRUMENTS] = ignoredInstruments;
+    setSdkState(CUSTOM_TRACER_IGNORED_INSTRUMENTS, ignoredInstruments);
 }
 function getCustomTracerIgnoredInstruments() {
-    return CxGlobal[CUSTOM_TRACER_IGNORED_INSTRUMENTS];
+    return sdkStore[CUSTOM_TRACER_IGNORED_INSTRUMENTS];
 }
 function shouldAttachSpanToGlobalSpan(instrumentationType) {
     return getGlobalSpan() && !isInstrumentationIgnored(instrumentationType);
@@ -373,15 +409,15 @@ function shouldAddOtelAttr(span) {
     return !!span[IS_OTEL_READY];
 }
 function setAttrProcessor(processor) {
-    CxGlobal[ATTR_PROCESSOR_KEY] = processor;
+    setSdkState(ATTR_PROCESSOR_KEY, processor);
 }
 function getAttrProcessor() {
-    return CxGlobal[ATTR_PROCESSOR_KEY];
+    return sdkStore[ATTR_PROCESSOR_KEY];
 }
 
 function setCustomLabelsForSpan(span, labels) {
     if (labels === void 0) { labels = {}; }
-    span.setAttribute(CoralogixAttributes.CUSTOM_LABELS, JSON.stringify(getCustomMergedLabels(labels)));
+    span.setAttribute(CoralogixAttributes.CUSTOM_LABELS, JSON.stringify(getCustomMergedLabels(labels), getCircularReplacer()));
 }
 function getCustomMergedLabels(labels) {
     var _a;
@@ -427,6 +463,12 @@ var STACK_FRAME_LIMIT = 50;
 var STACK_LINE_LIMIT = 1024;
 var MESSAGE_LIMIT = 1024;
 var MFE_PATH_PATTERN = /https?:\/\/.*\//;
+function reportFailed(e) {
+    var _a;
+    if ((_a = getSdkConfig()) === null || _a === void 0 ? void 0 : _a.debug) {
+        console.warn('Coralogix Browser SDK - Error report failed', e);
+    }
+}
 var V8_HEADER_PATTERN = /^Error\b/;
 function sanitizeConsoleErrorStack(stack) {
     var _a;
@@ -483,23 +525,29 @@ function parseStackFrames(err) {
 }
 function buildStacktrace(span, err) {
     return __awaiter(this, void 0, void 0, function () {
-        var stackFrames, supportMfe;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var stackFrames, e_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
+                    _b.trys.push([0, 3, , 4]);
                     stackFrames = parseStackFrames(err);
                     if (stackFrames.length === 0) {
                         return [2];
                     }
-                    supportMfe = getSdkConfig().supportMfe;
-                    if (!supportMfe) return [3, 2];
+                    if (!((_a = getSdkConfig()) === null || _a === void 0 ? void 0 : _a.supportMfe)) return [3, 2];
                     return [4, handleMFE(stackFrames, span)];
                 case 1:
-                    _a.sent();
-                    _a.label = 2;
+                    _b.sent();
+                    _b.label = 2;
                 case 2:
                     span[ErrorAttributes.STACK] = stackFrames;
-                    return [2];
+                    return [3, 4];
+                case 3:
+                    e_1 = _b.sent();
+                    reportFailed(e_1);
+                    return [3, 4];
+                case 4: return [2];
             }
         });
     });
@@ -538,7 +586,7 @@ function addLabelForMFE(span, lastFrame) {
 }
 function fetchMfeMetadata(mfePath) {
     return __awaiter(this, void 0, void 0, function () {
-        var response, _a, e_1;
+        var response, _a, e_2;
         var _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
@@ -556,9 +604,9 @@ function fetchMfeMetadata(mfePath) {
                     return [4, response.json()];
                 case 2: return [2, __assign.apply(void 0, [__assign.apply(void 0, _a.concat([(_c.sent())])), { mfePath: mfePath }])];
                 case 3:
-                    e_1 = _c.sent();
+                    e_2 = _c.sent();
                     if ((_b = getSdkConfig()) === null || _b === void 0 ? void 0 : _b.debug) {
-                        console.warn('Coralogix Browser SDK - Error fetching metadata', e_1);
+                        console.warn('Coralogix Browser SDK - Error fetching metadata', e_2);
                     }
                     return [2, undefined];
                 case 4: return [2];
@@ -571,7 +619,7 @@ function extractMetadataFromMfeStacktrace() {
         var cachedMetadata, mfePath, pending;
         if (fileName === void 0) { fileName = ''; }
         return __generator(this, function (_a) {
-            cachedMetadata = CxGlobal[CACHED_METADATA_KEY];
+            cachedMetadata = sdkStore[CACHED_METADATA_KEY];
             mfePath = extractMfePath(fileName);
             if (mfePath) {
                 pending = cachedMetadata === null || cachedMetadata === void 0 ? void 0 : cachedMetadata.get(mfePath);
@@ -621,6 +669,7 @@ function addErrorDefaultAttributes(span) {
 var CoralogixErrorInstrumentation = (function (_super) {
     __extends(CoralogixErrorInstrumentation, _super);
     function CoralogixErrorInstrumentation(config) {
+        var _a;
         var _this = _super.call(this, ERROR_INSTRUMENTATION_NAME, ERROR_INSTRUMENTATION_VERSION, config) || this;
         _this.parseErrorObject = function (obj) {
             var _a;
@@ -631,14 +680,15 @@ var CoralogixErrorInstrumentation = (function (_super) {
                 return obj === null || obj === void 0 ? void 0 : obj.toString();
             }
         };
-        if (getSdkConfig().supportMfe) {
-            CxGlobal[CACHED_METADATA_KEY] = new Map();
+        if ((_a = getSdkConfig()) === null || _a === void 0 ? void 0 : _a.supportMfe) {
+            setSdkState(CACHED_METADATA_KEY, new Map());
         }
         return _this;
     }
     CoralogixErrorInstrumentation.prototype.init = function () { };
     CoralogixErrorInstrumentation.prototype.enable = function () {
-        var stackTraceLimit = getSdkConfig().stackTraceLimit;
+        var _a;
+        var stackTraceLimit = ((_a = getSdkConfig()) !== null && _a !== void 0 ? _a : {}).stackTraceLimit;
         if (stackTraceLimit) {
             Error.stackTraceLimit = stackTraceLimit;
         }
@@ -662,94 +712,115 @@ var CoralogixErrorInstrumentation = (function (_super) {
                 return;
             }
         }
-        switch (true) {
-            case arg instanceof Error:
-                this.reportError(source, arg);
-                break;
-            case arg instanceof ErrorEvent:
-                this.reportErrorEvent(source, arg);
-                break;
-            case arg instanceof Event:
-                this.reportEvent(source, arg);
-                break;
-            case typeof arg === 'string':
-                this.reportString(source, arg, stackContextError);
-                break;
-            case arg instanceof Array: {
-                var firstError = arg.find(function (x) { return x instanceof Error; });
-                var message = arg
-                    .map(function (msg) {
-                    return typeof msg === 'string' ? msg : _this.parseErrorObject(msg);
-                })
-                    .join(' ');
-                var stackSourceError = firstError !== null && firstError !== void 0 ? firstError : stackContextError;
-                this.reportString(source, message, stackSourceError);
-                break;
+        try {
+            switch (true) {
+                case arg instanceof Error:
+                    this.reportError(source, arg);
+                    break;
+                case arg instanceof ErrorEvent:
+                    this.reportErrorEvent(source, arg);
+                    break;
+                case arg instanceof Event:
+                    this.reportEvent(source, arg);
+                    break;
+                case typeof arg === 'string':
+                    this.reportString(source, arg, stackContextError);
+                    break;
+                case arg instanceof Array: {
+                    var firstError = arg.find(function (x) { return x instanceof Error; });
+                    var message = arg
+                        .map(function (msg) {
+                        return typeof msg === 'string' ? msg : _this.parseErrorObject(msg);
+                    })
+                        .join(' ');
+                    var stackSourceError = firstError !== null && firstError !== void 0 ? firstError : stackContextError;
+                    this.reportString(source, message, stackSourceError);
+                    break;
+                }
+                default:
+                    this.reportString(source, typeof arg === 'string' ? arg : this.getPossibleEventMessage(arg));
             }
-            default:
-                this.reportString(source, typeof arg === 'string' ? arg : this.getPossibleEventMessage(arg));
+        }
+        catch (e) {
+            reportFailed(e);
         }
     };
     CoralogixErrorInstrumentation.prototype.reportError = function (source, err, customData, labels) {
         return __awaiter(this, void 0, void 0, function () {
-            var message, name, span, cleanMessage, supportMfe;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var message, name_1, cleanMessage, data, span, e_3;
+            var _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
-                        message = err.message, name = err.name;
-                        span = this.createSpan('error');
+                        _c.trys.push([0, 4, , 5]);
+                        message = err.message, name_1 = err.name;
                         cleanMessage = message.split('\n')[0];
+                        data = customData
+                            ? JSON.stringify(customData, getCircularReplacer())
+                            : undefined;
+                        span = this.createSpan('error');
                         addErrorDefaultAttributes(span);
                         span.setAttribute(CoralogixAttributes.SOURCE, source);
-                        span.setAttribute(ErrorAttributes.TYPE, name);
+                        span.setAttribute(ErrorAttributes.TYPE, name_1);
                         span.setAttribute(ErrorAttributes.MESSAGE, cleanMessage);
-                        if (customData) {
-                            span[ErrorAttributes.DATA] = JSON.stringify(customData, getCircularReplacer());
+                        if (data) {
+                            span[ErrorAttributes.DATA] = data;
                         }
                         if (labels) {
                             setCustomLabelsForSpan(span, labels);
                         }
-                        supportMfe = getSdkConfig().supportMfe;
-                        if (!supportMfe) return [3, 2];
+                        if (!((_b = getSdkConfig()) === null || _b === void 0 ? void 0 : _b.supportMfe)) return [3, 2];
                         return [4, buildStacktrace(span, err)];
                     case 1:
-                        _b.sent();
+                        _c.sent();
                         return [3, 3];
                     case 2:
                         void buildStacktrace(span, err);
-                        _b.label = 3;
+                        _c.label = 3;
                     case 3:
                         span.end();
-                        return [2];
+                        return [3, 5];
+                    case 4:
+                        e_3 = _c.sent();
+                        reportFailed(e_3);
+                        return [3, 5];
+                    case 5: return [2];
                 }
             });
         });
     };
     CoralogixErrorInstrumentation.prototype.reportString = function (source, message, stackError) {
         return __awaiter(this, void 0, void 0, function () {
-            var span, supportMfe;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var cleanMessage, span, e_4;
+            var _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
+                        _c.trys.push([0, 5, , 6]);
+                        cleanMessage = message === null || message === void 0 ? void 0 : message.substring(0, MESSAGE_LIMIT);
                         span = this.createSpan(source);
                         addErrorDefaultAttributes(span);
                         span.setAttribute(CoralogixAttributes.SOURCE, source);
-                        span.setAttribute(ErrorAttributes.MESSAGE, message === null || message === void 0 ? void 0 : message.substring(0, MESSAGE_LIMIT));
-                        supportMfe = getSdkConfig().supportMfe;
+                        span.setAttribute(ErrorAttributes.MESSAGE, cleanMessage);
                         if (!stackError) return [3, 4];
-                        if (!supportMfe) return [3, 2];
+                        if (!((_b = getSdkConfig()) === null || _b === void 0 ? void 0 : _b.supportMfe)) return [3, 2];
                         return [4, buildStacktrace(span, stackError)];
                     case 1:
-                        _b.sent();
+                        _c.sent();
                         return [3, 3];
                     case 2:
                         void buildStacktrace(span, stackError);
-                        _b.label = 3;
+                        _c.label = 3;
                     case 3:
-                        _b.label = 4;
+                        _c.label = 4;
                     case 4:
                         span.end();
-                        return [2];
+                        return [3, 6];
+                    case 5:
+                        e_4 = _c.sent();
+                        reportFailed(e_4);
+                        return [3, 6];
+                    case 6: return [2];
                 }
             });
         });
@@ -2264,6 +2335,29 @@ var ANCESTOR_SEARCH_DEPTH = 5;
 var POINTER_CURSOR = 'pointer';
 var TEXT_CURSOR = 'text';
 var BODY_NODE_NAME = 'BODY';
+var INPUT_BUTTON_TYPES = ['button', 'submit', 'reset'];
+var LINE_BREAK_NODE_NAMES = ['BR', 'P'];
+var BLOCK_DISPLAY_VALUES = [
+    'block',
+    'flex',
+    'grid',
+    'list-item',
+    'table',
+    'table-caption',
+];
+var SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+var SVG_ROOT_LOCAL_NAME = 'svg';
+var NON_RENDERED_SVG_LOCAL_NAMES = [
+    'title',
+    'desc',
+    'metadata',
+    'defs',
+    'symbol',
+    'clipPath',
+    'mask',
+    'pattern',
+    'marker',
+];
 var CLICKABLE_SELECTOR = 'a, button, input, select, textarea, label, summary, option, li, ' +
     '[role="button"], [role="link"], [role="tab"], ' +
     '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], ' +
@@ -2290,39 +2384,125 @@ function extractActionName(el) {
 function extractAriaLabel(el) {
     return getAttributeFromAncestors(el, ARIA_LABEL_ATTRIBUTE);
 }
+function getOwnAriaLabel(element) {
+    return getOwnAttribute(element, ARIA_LABEL_ATTRIBUTE);
+}
 function extractTestId(el) {
     return (el === null || el === void 0 ? void 0 : el.getAttribute(DATA_TEST_ATTRIBUTE)) || '';
 }
 function extractResolvedName(_a) {
-    var isDeadClick = _a.isDeadClick, element = _a.element, config = _a.config, actionName = _a.actionName, ariaLabel = _a.ariaLabel;
+    var isDeadClick = _a.isDeadClick, element = _a.element, config = _a.config, actionName = _a.actionName;
     if (!element)
         return '';
     if (isDeadClick)
         return '';
     var resolveName = actionName ||
         maskedTextIfMasked(element, config) ||
-        resolveFallbackName(element, ariaLabel, ANCESTOR_SEARCH_DEPTH);
+        resolveFallbackName(element, config, ANCESTOR_SEARCH_DEPTH);
     return normalizeInteractionText(resolveName);
 }
 function maskedTextIfMasked(element, config) {
     return isElementMasked(element, config) ? MASKED_TEXT : '';
 }
-function resolveFallbackName(element, ariaLabel, depth) {
+function resolveFallbackName(element, config, depth) {
     var _a;
     if (!element || element.nodeName === BODY_NODE_NAME)
         return '';
+    var isSvgRoot = isSvgRootElement(element);
+    var readText = !isSvgRoot && !isControlContainer(element);
     var resolvedName = getLabelText(element) ||
-        ariaLabel ||
+        getOwnAriaLabel(element) ||
+        getInputButtonValue(element) ||
+        getOwnAttribute(element, ALT_ATTRIBUTE) ||
         getPlaceholder(element) ||
-        getInnerText(element);
+        getSelectFirstOptionText(element) ||
+        (readText ? getUnmaskedInnerText(element, config) : '') ||
+        getOwnAttribute(element, TITLE_ATTRIBUTE);
     if (resolvedName)
         return resolvedName;
     if ((_a = element.matches) === null || _a === void 0 ? void 0 : _a.call(element, CLICKABLE_SELECTOR))
         return '';
+    if (isSvgRoot && !hasClickableAncestor(element))
+        return '';
     var parent = element.parentElement;
     if (depth <= 0 || !parent || parent.nodeName === BODY_NODE_NAME)
         return '';
-    return resolveFallbackName(parent, ariaLabel, depth - 1);
+    return resolveFallbackName(parent, config, depth - 1);
+}
+function isControlContainer(element) {
+    var _a, _b;
+    if ((_a = element.matches) === null || _a === void 0 ? void 0 : _a.call(element, CLICKABLE_SELECTOR))
+        return false;
+    return !!((_b = element.querySelector) === null || _b === void 0 ? void 0 : _b.call(element, CLICKABLE_SELECTOR));
+}
+function getOwnAttribute(element, attribute) {
+    return element.getAttribute(attribute) || '';
+}
+function isSvgElement(element) {
+    return element.namespaceURI === SVG_NAMESPACE;
+}
+function isSvgRootElement(element) {
+    return isSvgElement(element) && element.localName === SVG_ROOT_LOCAL_NAME;
+}
+function hasClickableAncestor(element) {
+    var _a, _b;
+    return !!((_b = (_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.closest) === null || _b === void 0 ? void 0 : _b.call(_a, CLICKABLE_SELECTOR));
+}
+function getInputButtonValue(element) {
+    if (!(element instanceof HTMLInputElement))
+        return '';
+    return INPUT_BUTTON_TYPES.includes(element.type) ? element.value || '' : '';
+}
+function getSelectFirstOptionText(element) {
+    var _a;
+    if (!(element instanceof HTMLSelectElement))
+        return '';
+    return ((_a = element.options[0]) === null || _a === void 0 ? void 0 : _a.text) || '';
+}
+function getUnmaskedInnerText(element, config) {
+    var maskClass = config.maskClass;
+    if (isSvgElement(element)) {
+        return normalizeInteractionText(collectUnmaskedText(element, maskClass));
+    }
+    if (!(element instanceof HTMLElement))
+        return '';
+    if (!hasMaskedDescendant(element, maskClass))
+        return getInnerText(element);
+    return normalizeInteractionText(collectUnmaskedText(element, maskClass));
+}
+function hasMaskedDescendant(element, maskClass) {
+    var descendants = element.getElementsByTagName('*');
+    for (var i = 0; i < descendants.length; i++) {
+        if (isMaskedByClass(getClassName(descendants[i]), maskClass))
+            return true;
+    }
+    return false;
+}
+function collectUnmaskedText(node, maskClass) {
+    if (node.nodeType === Node.TEXT_NODE)
+        return node.textContent || '';
+    if (node.nodeType !== Node.ELEMENT_NODE)
+        return '';
+    var element = node;
+    if (isMaskedByClass(getClassName(element), maskClass))
+        return '';
+    if (isSvgElement(element) &&
+        NON_RENDERED_SVG_LOCAL_NAMES.includes(element.localName)) {
+        return '';
+    }
+    var style = CxGlobal.getComputedStyle(element);
+    if (style.display === 'none' || style.visibility === 'hidden')
+        return '';
+    var text = isBlockBoundary(element, style.display) ? ' ' : '';
+    var children = element.childNodes;
+    for (var i = 0; i < children.length; i++) {
+        text += collectUnmaskedText(children[i], maskClass);
+    }
+    return text;
+}
+function isBlockBoundary(element, display) {
+    return (LINE_BREAK_NODE_NAMES.includes(element.nodeName) ||
+        BLOCK_DISPLAY_VALUES.includes(display));
 }
 function getLabelText(element) {
     var _a;
@@ -2349,10 +2529,15 @@ function getInnerText(element) {
         : '';
 }
 function normalizeInteractionText(text) {
-    return text
-        .slice(0, MAX_INTERACTION_ELEMENT_SIZE)
+    var normalized = text
+        .slice(0, MAX_INTERACTION_ELEMENT_SIZE + 1)
         .replace(/\s+/g, ' ')
         .trim();
+    if (normalized.length <= MAX_INTERACTION_ELEMENT_SIZE)
+        return normalized;
+    var maxTextBeforeMarker = MAX_INTERACTION_ELEMENT_SIZE - INTERACTION_TEXT_TRUNCATION_MARKER.length;
+    return (normalized.slice(0, maxTextBeforeMarker).trim() +
+        INTERACTION_TEXT_TRUNCATION_MARKER);
 }
 function extractMaskedOrTextContent(clickableElement, config) {
     if (!clickableElement)
@@ -2414,6 +2599,7 @@ function wasPasswordInput(element) {
 }
 function isMaskedByClass(className, maskClass) {
     if (maskClass instanceof RegExp) {
+        maskClass.lastIndex = 0;
         return maskClass.test(className);
     }
     return className.includes(maskClass);
@@ -2714,7 +2900,6 @@ var CoralogixUserInteractionInstrumentation = (function (_super) {
                     element: eventTarget,
                     config: config,
                     actionName: cxActionName,
-                    ariaLabel: ariaLabel,
                 });
                 span.setAttribute(CoralogixAttributes.IS_DEAD_CLICK, isDeadClick);
                 var _b = eventTarget.getBoundingClientRect(), width = _b.width, height = _b.height;
@@ -2911,6 +3096,162 @@ var CoralogixMemoryUsageInstrumentation = (function (_super) {
 
 var SCREENSHOT_INSTRUMENTATION_NAME = 'screenshot';
 var SCREENSHOT_INSTRUMENTATION_VERSION = '1.0.0';
+var MAX_SCREENSHOT_ACTIONS = 100;
+var FILL_ATTEMPTS_PER_SLOT = 2;
+var LABELLED_SELECTOR = '[aria-label], [data-testid], [data-test], [data-test-id], [role]';
+var NON_INTERACTIVE_TAGS = new Set([
+    'html', 'body', 'main', 'header', 'footer', 'nav', 'aside', 'section', 'article', 'form',
+    'table', 'thead', 'tbody', 'tr', 'ul', 'ol', 'dl', 'p', 'hr', 'br',
+    'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'img', 'picture', 'svg', 'video', 'audio', 'iframe',
+]);
+var NON_INTERACTIVE_ROLES = new Set([
+    'dialog', 'alertdialog', 'navigation', 'region', 'main', 'banner', 'contentinfo',
+    'complementary', 'search', 'form', 'application', 'document', 'article', 'group', 'toolbar',
+    'tabpanel', 'tablist', 'list', 'listitem', 'table', 'row', 'rowgroup', 'cell', 'gridcell',
+    'columnheader', 'rowheader', 'heading', 'img', 'figure', 'presentation', 'none', 'status',
+    'alert', 'log', 'marquee', 'timer', 'tooltip', 'progressbar', 'separator', 'note', 'definition',
+    'term', 'directory', 'feed', 'math', 'meter', 'scrollbar',
+]);
+var MAX_CANDIDATE_DESCENDANTS = 50;
+function collectDomActionNames(limit) {
+    if (limit === void 0) { limit = MAX_SCREENSHOT_ACTIONS; }
+    try {
+        var doc = CxGlobal.document;
+        if (!(doc === null || doc === void 0 ? void 0 : doc.querySelectorAll)) {
+            return [];
+        }
+        var actions = collectExplicitActionNames(doc, limit);
+        if (actions.length >= limit) {
+            return actions;
+        }
+        var config = getSdkConfig();
+        if (!config) {
+            return actions;
+        }
+        fillFromCandidates(doc, LABELLED_SELECTOR, isLabelledCandidate, actions, limit, config);
+        if (actions.length < limit) {
+            fillFromCandidates(doc, CLICKABLE_SELECTOR, isSemanticCandidate, actions, limit, config);
+        }
+        return actions;
+    }
+    catch (_a) {
+        return [];
+    }
+}
+function collectExplicitActionNames(doc, limit) {
+    var elements = doc.querySelectorAll("[".concat(CX_ACTION_NAME_ATTRIBUTE, "]"));
+    var seen = new Set();
+    var names = [];
+    for (var i = 0; i < elements.length; i++) {
+        var value = elements[i].getAttribute(CX_ACTION_NAME_ATTRIBUTE);
+        if (value && !seen.has(value)) {
+            seen.add(value);
+            names.push(value);
+        }
+    }
+    return names.length > limit ? takeRun(names, limit) : names;
+}
+function fillFromCandidates(doc, selector, isCandidate, actions, limit, config) {
+    var candidates = usableCandidates(doc, selector, isCandidate);
+    var total = candidates.length;
+    if (total === 0) {
+        return;
+    }
+    var attempts = Math.min(total, (limit - actions.length) * FILL_ATTEMPTS_PER_SLOT);
+    var start = randomIndex(total);
+    var seen = new Set(actions);
+    for (var step = 0; step < attempts && actions.length < limit; step++) {
+        var name_1 = resolveClickableName(candidates[(start + step) % total], config);
+        if (name_1 && !seen.has(name_1)) {
+            seen.add(name_1);
+            actions.push(name_1);
+        }
+    }
+}
+function usableCandidates(doc, selector, isCandidate) {
+    var matches = doc.querySelectorAll(selector);
+    var usable = [];
+    for (var i = 0; i < matches.length; i++) {
+        var element = matches[i];
+        if (!isUnderExplicitActionName(element) &&
+            (!isCandidate || isCandidate(element)) &&
+            isRendered(element)) {
+            usable.push(element);
+        }
+    }
+    return usable;
+}
+function isContentRegion(element) {
+    return element.getElementsByTagName('*').length > MAX_CANDIDATE_DESCENDANTS;
+}
+function isUnderExplicitActionName(element) {
+    return typeof element.closest === 'function'
+        ? !!element.closest("[".concat(CX_ACTION_NAME_ATTRIBUTE, "]"))
+        : !!extractActionName(element);
+}
+function isSemanticCandidate(element) {
+    switch (element.localName) {
+        case 'label':
+            return hasAssociatedControl(element);
+        case 'li':
+        case 'option': {
+            var role = element.getAttribute('role');
+            return !!role && !NON_INTERACTIVE_ROLES.has(role);
+        }
+        case 'input':
+            return element.type !== 'hidden';
+        default:
+            return true;
+    }
+}
+function hasAssociatedControl(label) {
+    if (label.control) {
+        return true;
+    }
+    if (label.htmlFor) {
+        return !!label.ownerDocument.getElementById(label.htmlFor);
+    }
+    return !!label.querySelector('input, select, textarea, button, meter, output, progress');
+}
+function isLabelledCandidate(element) {
+    var _a;
+    if (NON_INTERACTIVE_TAGS.has(element.localName)) {
+        return false;
+    }
+    var role = element.getAttribute('role');
+    if (role && NON_INTERACTIVE_ROLES.has(role)) {
+        return false;
+    }
+    return !((_a = element.matches) === null || _a === void 0 ? void 0 : _a.call(element, CLICKABLE_SELECTOR));
+}
+function resolveClickableName(element, config) {
+    if (isContentRegion(element)) {
+        return '';
+    }
+    var name = extractResolvedName({
+        isDeadClick: false,
+        element: element,
+        config: config,
+        actionName: '',
+    });
+    return name === MASKED_TEXT ? '' : name;
+}
+function isRendered(element) {
+    return typeof element.checkVisibility === 'function'
+        ? element.checkVisibility()
+        : true;
+}
+function takeRun(items, count) {
+    var start = randomIndex(items.length);
+    var run = [];
+    for (var step = 0; step < count; step++) {
+        run.push(items[(start + step) % items.length]);
+    }
+    return run;
+}
+function randomIndex(length) {
+    return Math.floor(Math.random() * length);
+}
 
 var CoralogixScreenshotInstrumentation = (function (_super) {
     __extends(CoralogixScreenshotInstrumentation, _super);
@@ -2930,6 +3271,7 @@ var CoralogixScreenshotInstrumentation = (function (_super) {
         span[CoralogixAttributes.SCREENSHOT_CONTEXT] = {
             id: id,
             description: description,
+            actions: collectDomActionNames(),
         };
         span.end();
     };
@@ -3159,7 +3501,8 @@ var CORALOGIX_LOGS_URL_SUFFIX = '/browser/v1beta/logs';
 var CORALOGIX_RECORDING_URL_SUFFIX = '/sessionrecording';
 var MFE_METADATA_FILE = 'cx-metadata.json';
 var MFE_METADATA_URL_PATTERN = /cx-metadata\.json$/;
-var MAX_INTERACTION_ELEMENT_SIZE = 1024;
+var MAX_INTERACTION_ELEMENT_SIZE = 100;
+var INTERACTION_TEXT_TRUNCATION_MARKER = ' [...]';
 var MAX_CHARACTERS = 1024;
 var REQUIRED_CONFIG_KEYS = [
     'application',
@@ -3175,6 +3518,8 @@ var MASKED_TEXT = '***';
 var MASK_CLASS_DEFAULT = 'cx-mask';
 var CX_PREFIX = 'cx';
 var ARIA_LABEL_ATTRIBUTE = 'aria-label';
+var TITLE_ATTRIBUTE = 'title';
+var ALT_ATTRIBUTE = 'alt';
 var PASSWORD_INPUT_TYPE = 'password';
 var MASK_INPUT_TYPES_DEFAULT = [PASSWORD_INPUT_TYPE];
 var FINGER_PRINT_KEY = 'cx-fingerprint';
@@ -3189,7 +3534,7 @@ var idPatterns = [
     },
 ];
 var PATH_ID_PLACEHOLDER = '/{id}';
-var NUMERIC_PATH_SEGMENT_REGEX = /\/(?![vV]\d{1,2}\/)([^/\d?]*\d+[^/?]*)/g;
+var NUMERIC_PATH_SEGMENT_REGEX = /\/\d+(?=$|[/?#])/g;
 function replaceNumericPathSegments(url) {
     var replacePath = function (s) {
         return s.replace(NUMERIC_PATH_SEGMENT_REGEX, PATH_ID_PLACEHOLDER);
@@ -3363,14 +3708,14 @@ var PAGE_URL_PARTS_KEY = 'rum_page_url_parts';
 var REFERRER_URL_PARTS_KEY = 'rum_referrer_url_parts';
 
 function saveInternalRumData(key, value) {
-    if (!CxGlobal[RUM_INTERNAL_DATA_KEY]) {
-        CxGlobal[RUM_INTERNAL_DATA_KEY] = {};
+    if (!sdkStore[RUM_INTERNAL_DATA_KEY]) {
+        setSdkState(RUM_INTERNAL_DATA_KEY, {});
     }
-    CxGlobal[RUM_INTERNAL_DATA_KEY][key] = value;
+    sdkStore[RUM_INTERNAL_DATA_KEY][key] = value;
 }
 function getInternalRumData(key) {
     var _a;
-    return (_a = CxGlobal[RUM_INTERNAL_DATA_KEY]) === null || _a === void 0 ? void 0 : _a[key];
+    return (_a = sdkStore[RUM_INTERNAL_DATA_KEY]) === null || _a === void 0 ? void 0 : _a[key];
 }
 
 var _a$2;
@@ -3613,14 +3958,14 @@ function applyUrlBluePrinters(_a) {
     return blueprintedUrl;
 }
 function resolvePageContext(url) {
-    var _a;
+    var _a, _b, _c, _d;
     var page_url_blueprint = applyUrlBluePrinters({
         url: url,
-        blueprinters: (_a = getSdkConfig().urlBlueprinters) === null || _a === void 0 ? void 0 : _a.pageUrlBlueprinters,
+        blueprinters: (_b = (_a = getSdkConfig()) === null || _a === void 0 ? void 0 : _a.urlBlueprinters) === null || _b === void 0 ? void 0 : _b.pageUrlBlueprinters,
     });
     var page_fragments = getUrlFragments(page_url_blueprint);
     var urlParts = getCachedUrlParts(PAGE_URL_PARTS_KEY, url);
-    var referrerParts = getCachedUrlParts(REFERRER_URL_PARTS_KEY, document === null || document === void 0 ? void 0 : document.referrer);
+    var referrerParts = getCachedUrlParts(REFERRER_URL_PARTS_KEY, (_c = CxGlobal.document) === null || _c === void 0 ? void 0 : _c.referrer);
     return {
         page_url: url.slice(0, MAX_CHARACTERS),
         page_url_blueprint: page_url_blueprint,
@@ -3629,7 +3974,7 @@ function resolvePageContext(url) {
         subdomain: urlParts === null || urlParts === void 0 ? void 0 : urlParts.subdomain,
         domain: urlParts === null || urlParts === void 0 ? void 0 : urlParts.domain,
         host: urlParts === null || urlParts === void 0 ? void 0 : urlParts.host,
-        referrer: document.referrer,
+        referrer: (_d = CxGlobal.document) === null || _d === void 0 ? void 0 : _d.referrer,
         referrer_path: referrerParts === null || referrerParts === void 0 ? void 0 : referrerParts.path,
         referrer_schema: referrerParts === null || referrerParts === void 0 ? void 0 : referrerParts.schema,
         referrer_subdomain: referrerParts === null || referrerParts === void 0 ? void 0 : referrerParts.subdomain,
@@ -4161,9 +4506,9 @@ function resolveSessionConfig(config) {
     return __assign(__assign({}, config), { sessionSampleRate: (_a = config.sessionSampleRate) !== null && _a !== void 0 ? _a : 100, onlyWithErrorConfig: resolveSessionWithErrorsConfig(config.onlyWithErrorConfig) });
 }
 function resolveSessionRecordingConfig(config) {
-    var _a;
+    var _a, _b;
     if (config) {
-        return __assign(__assign({}, config), { sessionRecordingSampleRate: (_a = config.sessionRecordingSampleRate) !== null && _a !== void 0 ? _a : 100 });
+        return __assign(__assign({}, config), { sessionRecordingSampleRate: (_a = config.sessionRecordingSampleRate) !== null && _a !== void 0 ? _a : 100, captureScreenshotOnDomChange: (_b = config.captureScreenshotOnDomChange) !== null && _b !== void 0 ? _b : true });
     }
     return;
 }
@@ -4449,7 +4794,8 @@ var CoralogixExporter = (function () {
             return cxSpans;
         }, []);
         this.invokeLogRequest(instrumentationLogs);
-        var cachedLogs = (CxGlobal.cachedLogs = __spreadArray(__spreadArray([], __read$1((CxGlobal.cachedLogs || [])), false), __read$1(currentSpans), false));
+        var cachedLogs = __spreadArray(__spreadArray([], __read$1((sdkStore[CACHED_LOGS_KEY] || [])), false), __read$1(currentSpans), false);
+        setSdkState(CACHED_LOGS_KEY, cachedLogs);
         var logsCounter = cachedLogs.length;
         if (logsCounter > maxRumEventsForSessionWithError && !sessionHasError) {
             this.clearCachedDataForSessionWithError();
@@ -4481,7 +4827,7 @@ var CoralogixExporter = (function () {
         return strippedLogs;
     };
     CoralogixExporter.prototype.clearCachedDataForSessionWithError = function () {
-        CxGlobal.cachedLogs = [];
+        setSdkState(CACHED_LOGS_KEY, []);
         this.batchTimeDelay = BATCH_TIME_DELAY;
     };
     CoralogixExporter.prototype.shutdown = function () {
@@ -4575,7 +4921,7 @@ var SnapshotManager = (function () {
             _this._isSnapshotSentDueToRecording = false;
             clearStoredSnapshotState();
         };
-        CxGlobal[SNAPSHOT_MANAGER_KEY] = this;
+        setSdkState(SNAPSHOT_MANAGER_KEY, this);
         if (!this.restoreSnapshot()) {
             this.resetSnapshot();
         }
@@ -4905,7 +5251,7 @@ var SessionManager = (function (_super) {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        CxGlobal[SESSION_MANAGER_KEY] = this;
+                        setSdkState(SESSION_MANAGER_KEY, this);
                         this.sessionRecorderConfig = recordConfig;
                         if (!(recordConfig === null || recordConfig === void 0 ? void 0 : recordConfig.enable)) return [3, 3];
                         recordingSamplingEnabled = isSamplingOn(recordConfig.sessionRecordingSampleRate);
@@ -4938,7 +5284,7 @@ var SessionManager = (function (_super) {
         (_a = CxGlobal.sessionStorage) === null || _a === void 0 ? void 0 : _a.removeItem(PREV_SESSION_KEY);
     };
     SessionManager.prototype.clearSession = function () {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         if (this.debugMode) {
             console.debug('Coralogix Browser SDK - Session expired, clearing session');
         }
@@ -4948,10 +5294,11 @@ var SessionManager = (function (_super) {
         (_d = getSnapshotManager()) === null || _d === void 0 ? void 0 : _d.resetSnapshot();
         clearStoredSnapshotState();
         (_e = getClickScreenshotManager()) === null || _e === void 0 ? void 0 : _e.reset();
+        (_f = getDomChangeScreenshotTrigger()) === null || _f === void 0 ? void 0 : _f.reset();
         this.resetCurrentPageFragment();
         this.resetViewNumber();
-        (_f = this.sessionRecorder) === null || _f === void 0 ? void 0 : _f.stopRecording();
-        (_g = CxGlobal.sessionStorage) === null || _g === void 0 ? void 0 : _g.removeItem(SESSION_KEY);
+        (_g = this.sessionRecorder) === null || _g === void 0 ? void 0 : _g.stopRecording();
+        (_h = CxGlobal.sessionStorage) === null || _h === void 0 ? void 0 : _h.removeItem(SESSION_KEY);
     };
     SessionManager.prototype.clearGlobalSpans = function () {
         var _a;
@@ -5203,28 +5550,14 @@ function resolveUrlBlueprinters(urlBlueprinters) {
     if (!urlBlueprinters) {
         return OPTIONS_DEFAULTS.urlBlueprinters;
     }
-    var resolvedUrlBlueprinters = {
-        pageUrlBlueprinters: [],
-        networkUrlBlueprinters: [],
-    };
-    var concatBlueprinters = function (urlBlueprinters) {
-        var _a, _b;
-        var _c = urlBlueprinters || {}, pageUrlBlueprinters = _c.pageUrlBlueprinters, networkUrlBlueprinters = _c.networkUrlBlueprinters;
-        if (pageUrlBlueprinters) {
-            (_a = resolvedUrlBlueprinters.pageUrlBlueprinters).push.apply(_a, __spreadArray([], __read$1(pageUrlBlueprinters), false));
-        }
-        if (networkUrlBlueprinters) {
-            (_b = resolvedUrlBlueprinters.networkUrlBlueprinters).push.apply(_b, __spreadArray([], __read$1(networkUrlBlueprinters), false));
-        }
+    var defaults = OPTIONS_DEFAULTS.urlBlueprinters || {};
+    return {
+        pageUrlBlueprinters: __spreadArray(__spreadArray([], __read$1((defaults.pageUrlBlueprinters || [])), false), __read$1((urlBlueprinters.pageUrlBlueprinters || [])), false),
+        networkUrlBlueprinters: __spreadArray(__spreadArray([], __read$1((defaults.networkUrlBlueprinters || [])), false), __read$1((urlBlueprinters.networkUrlBlueprinters || [])), false),
     };
-    concatBlueprinters(urlBlueprinters);
-    if (OPTIONS_DEFAULTS.urlBlueprinters) {
-        concatBlueprinters(OPTIONS_DEFAULTS.urlBlueprinters);
-    }
-    return resolvedUrlBlueprinters;
 }
 
-var SDK_VERSION = '3.23.5';
+var SDK_VERSION = '3.24.0';
 
 function shouldDropEvent(cxRumEvent, options) {
     if (isDocumentErrorWithoutMessage(cxRumEvent)) {
@@ -5747,24 +6080,26 @@ var CoralogixNavigationProcessor = (function () {
     };
     CoralogixNavigationProcessor.prototype.onEnd = function (span) { };
     CoralogixNavigationProcessor.prototype.onStart = function (span) {
-        var _a;
+        var _a, _b;
         if (this.isResolving) {
             return;
         }
         this.isResolving = true;
         try {
             var pageContext = resolvePageContext(location.href);
-            if (pageContext) {
+            var sessionManager = getSessionManager();
+            if (pageContext && sessionManager) {
                 span[CoralogixAttributes.PAGE_CONTEXT] = pageContext;
-                var previousPageFragment = getSessionManager().currentPageFragment;
+                var previousPageFragment = sessionManager.currentPageFragment;
                 var page_fragments = pageContext.page_fragments;
                 if (previousPageFragment !== page_fragments) {
-                    getSessionManager().updateCurrentPage(page_fragments);
+                    sessionManager.updateCurrentPage(page_fragments);
                     span[CoralogixAttributes.IS_NAVIGATION_EVENT] = true;
                     this.handlePageNavigation(previousPageFragment);
                     (_a = getClickScreenshotManager()) === null || _a === void 0 ? void 0 : _a.onNavigation();
+                    (_b = getDomChangeScreenshotTrigger()) === null || _b === void 0 ? void 0 : _b.onNavigation();
                 }
-                span[CoralogixAttributes.VIEW_NUMBER] = getSessionManager().viewNumber;
+                span[CoralogixAttributes.VIEW_NUMBER] = sessionManager.viewNumber;
             }
         }
         finally {
@@ -5772,8 +6107,9 @@ var CoralogixNavigationProcessor = (function () {
         }
     };
     CoralogixNavigationProcessor.prototype.handlePageNavigation = function (previousPageFragment) {
+        var _a;
         if (previousPageFragment) {
-            getSessionManager().incrementViewNumber();
+            (_a = getSessionManager()) === null || _a === void 0 ? void 0 : _a.incrementViewNumber();
         }
     };
     CoralogixNavigationProcessor.prototype.shutdown = function () {
@@ -5789,6 +6125,14 @@ function getTiming(duration) {
     return getNowTime() - getSessionManager().currentPageTimestamp;
 }
 
+function canCaptureAutomaticScreenshot() {
+    var sessionManager = getSessionManager();
+    if (!(sessionManager === null || sessionManager === void 0 ? void 0 : sessionManager.onlySessionWithErrorMode)) {
+        return true;
+    }
+    return sessionManager.sessionHasError;
+}
+
 var FIRST_CAPTURE_CLICK = 1;
 var MIN_SECOND_CAPTURE_CLICK = 2;
 var TOTAL_CAPTURE_OPTIONS = 9;
@@ -5808,23 +6152,333 @@ var ClickScreenshotManager = (function () {
             _this.clickCount = 0;
         };
         this.handleClick = function () {
-            if (!getSessionRecorder()) {
+            var _a;
+            if (!((_a = getSessionRecorder()) === null || _a === void 0 ? void 0 : _a.isRecordingActive())) {
                 return;
             }
             _this.clickCount += 1;
             if (_this.clickCount === FIRST_CAPTURE_CLICK ||
                 _this.clickCount === _this.secondCaptureClick) {
+                if (!canCaptureAutomaticScreenshot()) {
+                    return;
+                }
                 CoralogixRum.screenshot(CX_PREFIX);
             }
         };
-        CxGlobal[CLICK_SCREENSHOT_MANAGER_KEY] = this;
+        setSdkState(CLICK_SCREENSHOT_MANAGER_KEY, this);
     }
     ClickScreenshotManager.unregister = function () {
-        CxGlobal[CLICK_SCREENSHOT_MANAGER_KEY] = undefined;
+        deleteSdkState(CLICK_SCREENSHOT_MANAGER_KEY);
     };
     return ClickScreenshotManager;
 }());
 
+var EventType;
+(function (EventType) {
+    EventType[EventType["DomContentLoaded"] = 0] = "DomContentLoaded";
+    EventType[EventType["Load"] = 1] = "Load";
+    EventType[EventType["FullSnapshot"] = 2] = "FullSnapshot";
+    EventType[EventType["IncrementalSnapshot"] = 3] = "IncrementalSnapshot";
+    EventType[EventType["Meta"] = 4] = "Meta";
+    EventType[EventType["Custom"] = 5] = "Custom";
+    EventType[EventType["Plugin"] = 6] = "Plugin";
+    EventType[EventType["Asset"] = 7] = "Asset";
+})(EventType || (EventType = {}));
+var IncrementalSource;
+(function (IncrementalSource) {
+    IncrementalSource[IncrementalSource["Mutation"] = 0] = "Mutation";
+    IncrementalSource[IncrementalSource["MouseMove"] = 1] = "MouseMove";
+    IncrementalSource[IncrementalSource["MouseInteraction"] = 2] = "MouseInteraction";
+    IncrementalSource[IncrementalSource["Scroll"] = 3] = "Scroll";
+    IncrementalSource[IncrementalSource["ViewportResize"] = 4] = "ViewportResize";
+    IncrementalSource[IncrementalSource["Input"] = 5] = "Input";
+    IncrementalSource[IncrementalSource["TouchMove"] = 6] = "TouchMove";
+    IncrementalSource[IncrementalSource["MediaInteraction"] = 7] = "MediaInteraction";
+    IncrementalSource[IncrementalSource["StyleSheetRule"] = 8] = "StyleSheetRule";
+    IncrementalSource[IncrementalSource["CanvasMutation"] = 9] = "CanvasMutation";
+    IncrementalSource[IncrementalSource["Font"] = 10] = "Font";
+    IncrementalSource[IncrementalSource["Log"] = 11] = "Log";
+    IncrementalSource[IncrementalSource["Drag"] = 12] = "Drag";
+    IncrementalSource[IncrementalSource["StyleDeclaration"] = 13] = "StyleDeclaration";
+    IncrementalSource[IncrementalSource["Selection"] = 14] = "Selection";
+    IncrementalSource[IncrementalSource["AdoptedStyleSheet"] = 15] = "AdoptedStyleSheet";
+    IncrementalSource[IncrementalSource["CustomElement"] = 16] = "CustomElement";
+})(IncrementalSource || (IncrementalSource = {}));
+var MouseInteractions;
+(function (MouseInteractions) {
+    MouseInteractions[MouseInteractions["MouseUp"] = 0] = "MouseUp";
+    MouseInteractions[MouseInteractions["MouseDown"] = 1] = "MouseDown";
+    MouseInteractions[MouseInteractions["Click"] = 2] = "Click";
+    MouseInteractions[MouseInteractions["ContextMenu"] = 3] = "ContextMenu";
+    MouseInteractions[MouseInteractions["DblClick"] = 4] = "DblClick";
+    MouseInteractions[MouseInteractions["Focus"] = 5] = "Focus";
+    MouseInteractions[MouseInteractions["Blur"] = 6] = "Blur";
+    MouseInteractions[MouseInteractions["TouchStart"] = 7] = "TouchStart";
+    MouseInteractions[MouseInteractions["TouchMove_Departed"] = 8] = "TouchMove_Departed";
+    MouseInteractions[MouseInteractions["TouchEnd"] = 9] = "TouchEnd";
+    MouseInteractions[MouseInteractions["TouchCancel"] = 10] = "TouchCancel";
+})(MouseInteractions || (MouseInteractions = {}));
+var PointerTypes;
+(function (PointerTypes) {
+    PointerTypes[PointerTypes["Mouse"] = 0] = "Mouse";
+    PointerTypes[PointerTypes["Pen"] = 1] = "Pen";
+    PointerTypes[PointerTypes["Touch"] = 2] = "Touch";
+})(PointerTypes || (PointerTypes = {}));
+var CanvasContext;
+(function (CanvasContext) {
+    CanvasContext[CanvasContext["2D"] = 0] = "2D";
+    CanvasContext[CanvasContext["WebGL"] = 1] = "WebGL";
+    CanvasContext[CanvasContext["WebGL2"] = 2] = "WebGL2";
+})(CanvasContext || (CanvasContext = {}));
+var MediaInteractions;
+(function (MediaInteractions) {
+    MediaInteractions[MediaInteractions["Play"] = 0] = "Play";
+    MediaInteractions[MediaInteractions["Pause"] = 1] = "Pause";
+    MediaInteractions[MediaInteractions["Seeked"] = 2] = "Seeked";
+    MediaInteractions[MediaInteractions["VolumeChange"] = 3] = "VolumeChange";
+    MediaInteractions[MediaInteractions["RateChange"] = 4] = "RateChange";
+})(MediaInteractions || (MediaInteractions = {}));
+var NodeType;
+(function (NodeType) {
+    NodeType[NodeType["Document"] = 0] = "Document";
+    NodeType[NodeType["DocumentType"] = 1] = "DocumentType";
+    NodeType[NodeType["Element"] = 2] = "Element";
+    NodeType[NodeType["Text"] = 3] = "Text";
+    NodeType[NodeType["CDATA"] = 4] = "CDATA";
+    NodeType[NodeType["Comment"] = 5] = "Comment";
+})(NodeType || (NodeType = {}));
+
+var NEVER = 0;
+var UNRESOLVED_DEPTH = MAX_DEPTH_WALK + 1;
+var DomChangeScreenshotTrigger = (function () {
+    function DomChangeScreenshotTrigger() {
+        var _this = this;
+        this.settled = false;
+        this.lastInteractionAt = NEVER;
+        this.cachedElementCount = 0;
+        this.elementCountRefreshedAt = NEVER;
+        this.lastCaptureAt = NEVER;
+        this.capturesThisView = 0;
+        this.reset = function () {
+            _this.clearTimers();
+            _this.settled = false;
+            _this.lastInteractionAt = NEVER;
+            _this.lastCaptureAt = NEVER;
+            _this.onNavigation();
+        };
+        this.onNavigation = function () {
+            _this.clearTimers();
+            _this.settled = false;
+            _this.pendingReason = undefined;
+            _this.capturesThisView = 0;
+            _this.elementCountRefreshedAt = NEVER;
+        };
+        this.handleRecordEvent = function (event, resolveNode) {
+            var _a;
+            try {
+                if ((event === null || event === void 0 ? void 0 : event.type) === EventType.FullSnapshot) {
+                    _this.armSettleTimer();
+                    return;
+                }
+                if ((event === null || event === void 0 ? void 0 : event.type) !== EventType.IncrementalSnapshot) {
+                    return;
+                }
+                var source = (_a = event.data) === null || _a === void 0 ? void 0 : _a.source;
+                if (_this.isUserInteraction(event)) {
+                    _this.lastInteractionAt = event.timestamp;
+                    return;
+                }
+                if (source !== IncrementalSource.Mutation) {
+                    return;
+                }
+                if (!_this.settled) {
+                    _this.armSettleTimer();
+                    return;
+                }
+                _this.handleMutation(event.data, event.timestamp, resolveNode);
+            }
+            catch (_b) {
+            }
+        };
+        this.capture = function () {
+            var reason = _this.pendingReason;
+            _this.pendingReason = undefined;
+            if (!reason) {
+                return;
+            }
+            var now = Date.now();
+            if (_this.capturesThisView >= MAX_CAPTURES_PER_VIEW ||
+                now - _this.lastCaptureAt < MIN_CAPTURE_INTERVAL_MS ||
+                _this.cachedElementCount > MAX_NODES_FOR_CAPTURE ||
+                !canCaptureAutomaticScreenshot()) {
+                return;
+            }
+            _this.lastCaptureAt = now;
+            _this.capturesThisView += 1;
+            _this.lastInteractionAt = NEVER;
+            CoralogixRum.screenshot(reason);
+        };
+        this.markSettled = function () {
+            var _a;
+            var elementCount = ((_a = CxGlobal.document) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('*').length) || 0;
+            if (elementCount < CONTENT_ELEMENT_FLOOR) {
+                return;
+            }
+            _this.settled = true;
+            _this.cachedElementCount = elementCount;
+            _this.elementCountRefreshedAt = Date.now();
+        };
+        setSdkState(DOM_CHANGE_SCREENSHOT_TRIGGER_KEY, this);
+    }
+    DomChangeScreenshotTrigger.unregister = function () {
+        var instance = sdkStore[DOM_CHANGE_SCREENSHOT_TRIGGER_KEY];
+        instance === null || instance === void 0 ? void 0 : instance.clearTimers();
+        deleteSdkState(DOM_CHANGE_SCREENSHOT_TRIGGER_KEY);
+    };
+    DomChangeScreenshotTrigger.prototype.isUserInteraction = function (event) {
+        var data = event.data;
+        if ((data === null || data === void 0 ? void 0 : data.source) === IncrementalSource.Input) {
+            return true;
+        }
+        if ((data === null || data === void 0 ? void 0 : data.source) !== IncrementalSource.MouseInteraction) {
+            return false;
+        }
+        return (data.type === MouseInteractions.MouseDown ||
+            data.type === MouseInteractions.Click ||
+            data.type === MouseInteractions.DblClick ||
+            data.type === MouseInteractions.TouchStart);
+    };
+    DomChangeScreenshotTrigger.prototype.handleMutation = function (data, timestamp, resolveNode) {
+        var _a;
+        var adds = data.adds || [];
+        var removes = data.removes || [];
+        var weight = adds.length + removes.length + (((_a = data.texts) === null || _a === void 0 ? void 0 : _a.length) || 0);
+        if (!weight) {
+            return;
+        }
+        var elementCount = this.getElementCount(timestamp);
+        var reason = this.classify(adds, removes, weight, elementCount, timestamp, resolveNode);
+        if (!reason) {
+            return;
+        }
+        this.pendingReason = reason;
+        this.clearDebounceTimer();
+        this.debounceTimer = cxSetTimeout(this.capture, CHANGE_DEBOUNCE_MS);
+    };
+    DomChangeScreenshotTrigger.prototype.classify = function (adds, removes, weight, elementCount, timestamp, resolveNode) {
+        var sinceInteraction = timestamp - this.lastInteractionAt;
+        var withinTightWindow = sinceInteraction <= INTERACTION_TIGHT_MS;
+        var withinLooseWindow = sinceInteraction <= INTERACTION_LOOSE_MS;
+        if (withinLooseWindow && removesTolerable(adds.length, removes.length)) {
+            var addedElements_1 = adds.filter(function (add) { return containsElement(add.node); }).length;
+            var looksLikeOverlay = function () {
+                return addedElements_1 > 0 &&
+                    shallowestDepth(adds, resolveNode) <= OVERLAY_MAX_DEPTH;
+            };
+            var bigEnough = withinTightWindow
+                ? addedElements_1 >= INTERACTION_TIGHT_MIN_ELEMENTS
+                : addedElements_1 >= INTERACTION_LOOSE_MIN_ELEMENTS;
+            if (bigEnough && looksLikeOverlay()) {
+                return "dom-overlay";
+            }
+        }
+        if (withinLooseWindow &&
+            weight >= threshold(VIEW_CHANGE_MIN_WEIGHT, VIEW_CHANGE_FRACTION, elementCount)) {
+            return "dom-view-change";
+        }
+        return undefined;
+    };
+    DomChangeScreenshotTrigger.prototype.getElementCount = function (timestamp) {
+        var _a;
+        if (timestamp - this.elementCountRefreshedAt < NODE_COUNT_REFRESH_MS) {
+            return this.cachedElementCount;
+        }
+        this.cachedElementCount =
+            ((_a = CxGlobal.document) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('*').length) || 0;
+        this.elementCountRefreshedAt = timestamp;
+        return this.cachedElementCount;
+    };
+    DomChangeScreenshotTrigger.prototype.armSettleTimer = function () {
+        this.clearSettleTimer();
+        this.quietTimer = cxSetTimeout(this.markSettled, SETTLE_QUIET_MS);
+    };
+    DomChangeScreenshotTrigger.prototype.clearTimers = function () {
+        this.clearSettleTimer();
+        this.clearDebounceTimer();
+    };
+    DomChangeScreenshotTrigger.prototype.clearSettleTimer = function () {
+        if (this.quietTimer) {
+            cxClearTimeout(this.quietTimer);
+            this.quietTimer = undefined;
+        }
+    };
+    DomChangeScreenshotTrigger.prototype.clearDebounceTimer = function () {
+        if (this.debounceTimer) {
+            cxClearTimeout(this.debounceTimer);
+            this.debounceTimer = undefined;
+        }
+    };
+    return DomChangeScreenshotTrigger;
+}());
+function shallowestDepth(adds, resolveNode) {
+    var e_1, _a;
+    if (!resolveNode) {
+        return UNRESOLVED_DEPTH;
+    }
+    var shallowest = UNRESOLVED_DEPTH;
+    try {
+        for (var adds_1 = __values$1(adds), adds_1_1 = adds_1.next(); !adds_1_1.done; adds_1_1 = adds_1.next()) {
+            var add = adds_1_1.value;
+            var parent_1 = resolveNode(add.parentId);
+            if (parent_1) {
+                shallowest = Math.min(shallowest, depthFromBody(parent_1));
+            }
+            if (shallowest <= OVERLAY_MAX_DEPTH) {
+                break;
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (adds_1_1 && !adds_1_1.done && (_a = adds_1.return)) _a.call(adds_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return shallowest;
+}
+function removesTolerable(added, removed) {
+    return (removed <=
+        Math.max(OVERLAY_MAX_REMOVES_ABSOLUTE, added * OVERLAY_MAX_REMOVES_FRACTION));
+}
+function threshold(minimum, fraction, elementCount) {
+    return Math.max(minimum, elementCount * fraction);
+}
+function containsElement(node) {
+    if (!node) {
+        return false;
+    }
+    if (node.type === NodeType.Element) {
+        return true;
+    }
+    var children = node.childNodes;
+    return !!(children === null || children === void 0 ? void 0 : children.some(containsElement));
+}
+function depthFromBody(node) {
+    var _a;
+    var body = (_a = CxGlobal.document) === null || _a === void 0 ? void 0 : _a.body;
+    var depth = 0;
+    var current = node;
+    while (current && current !== body) {
+        current = current.parentElement;
+        depth += 1;
+        if (depth > MAX_DEPTH_WALK) {
+            return UNRESOLVED_DEPTH;
+        }
+    }
+    return current ? depth : UNRESOLVED_DEPTH;
+}
+
 if (supportedPerformanceTypes === null || supportedPerformanceTypes === void 0 ? void 0 : supportedPerformanceTypes.has(PerformanceTypes.LongTask)) {
     var ttiHandler_1 = (CxGlobal.__tti = {
         e: [],
@@ -5863,7 +6517,6 @@ function getResolvedName(element, fullData) {
             element: element,
             config: getSdkConfig(),
             actionName: actionName,
-            ariaLabel: ariaLabel,
         });
         return fullData
             ? { resolvedName: resolvedName, isDeadClick: isDeadClick, actionName: actionName, ariaLabel: ariaLabel }
@@ -5880,9 +6533,14 @@ var CoralogixRum = {
     init: function (options) {
         var _a, _b;
         var _this = this;
-        var _c, _d;
+        var _c;
         try {
-            if (isInited || ((_c = CxGlobal === null || CxGlobal === void 0 ? void 0 : CxGlobal.CoralogixRum) === null || _c === void 0 ? void 0 : _c.isInited)) {
+            var owner = CxGlobal === null || CxGlobal === void 0 ? void 0 : CxGlobal.CoralogixRum;
+            if (owner && owner !== CoralogixRum) {
+                console.debug('CoralogixRum: another SDK copy on this page owns the global, ignoring init');
+                return;
+            }
+            if (isInited) {
                 if (options === null || options === void 0 ? void 0 : options.debug) {
                     console.debug('CoralogixRum already initialized, skipping init');
                 }
@@ -5900,8 +6558,8 @@ var CoralogixRum = {
             if (!resolvedOptions_1) {
                 return;
             }
-            CxGlobal[USER_AGENT_KEY] = parseUserAgent(navigator.userAgent);
-            CxGlobal[SDK_CONFIG_KEY] = resolvedOptions_1;
+            setSdkState(USER_AGENT_KEY, parseUserAgent(navigator.userAgent));
+            setSdkState(SDK_CONFIG_KEY, resolvedOptions_1);
             var sampler = getResolvedSampler();
             if (!resolvedOptions_1.debug && !resolvedOptions_1.public_key) {
                 console.warn('rumAuth will be required in the future');
@@ -5998,8 +6656,11 @@ var CoralogixRum = {
             spanMapProcessor = new CoralogixSpanMapProcessor();
             tracerProvider.addSpanProcessor(spanMapProcessor);
             new SnapshotManager();
-            if ((_d = resolvedOptions_1.sessionRecordingConfig) === null || _d === void 0 ? void 0 : _d.enable) {
+            if ((_c = resolvedOptions_1.sessionRecordingConfig) === null || _c === void 0 ? void 0 : _c.enable) {
                 new ClickScreenshotManager();
+                if (resolvedOptions_1.sessionRecordingConfig.captureScreenshotOnDomChange) {
+                    new DomChangeScreenshotTrigger();
+                }
             }
             snapshotProcessor = new CoralogixSnapshotSpanProcessor();
             tracerProvider.addSpanProcessor(snapshotProcessor);
@@ -6009,10 +6670,10 @@ var CoralogixRum = {
                 tracerProvider: tracerProvider,
                 instrumentations: instrumentations,
             });
-            var _e = __read$1(partition(resolvedOptions_1.labelProviders || [], function (_a) {
+            var _d = __read$1(partition(resolvedOptions_1.labelProviders || [], function (_a) {
                 var urlType = _a.urlType;
                 return urlType === UrlType.PAGE || !urlType;
-            }), 2), pageUrlLabelProviders = _e[0], networkUrlLabelProviders = _e[1];
+            }), 2), pageUrlLabelProviders = _d[0], networkUrlLabelProviders = _d[1];
             saveInternalRumData(PAGE_URL_LABEL_PROVIDERS_KEY, pageUrlLabelProviders);
             saveInternalRumData(NETWORK_URL_LABEL_PROVIDERS_KEY, networkUrlLabelProviders);
             isInited = true;
@@ -6099,6 +6760,7 @@ var CoralogixRum = {
         this.stopSessionRecording();
         (_a = getSessionManager()) === null || _a === void 0 ? void 0 : _a.stop();
         ClickScreenshotManager.unregister();
+        DomChangeScreenshotTrigger.unregister();
         attributesProcessor === null || attributesProcessor === void 0 ? void 0 : attributesProcessor.shutdown();
         navigationProcessor === null || navigationProcessor === void 0 ? void 0 : navigationProcessor.shutdown();
         spanMapProcessor === null || spanMapProcessor === void 0 ? void 0 : spanMapProcessor.shutdown();
@@ -6275,7 +6937,9 @@ var CoralogixRum = {
         }
     },
 };
-CxGlobal.CoralogixRum = CoralogixRum;
+if (!CxGlobal.CoralogixRum) {
+    CxGlobal.CoralogixRum = CoralogixRum;
+}
 
 var UrlBasedLabelProvider = (function () {
     function UrlBasedLabelProvider(config) {
@@ -6326,4 +6990,4 @@ var SessionRecordingEventType;
     SessionRecordingEventType[SessionRecordingEventType["Plugin"] = 6] = "Plugin";
 })(SessionRecordingEventType || (SessionRecordingEventType = {}));
 
-export { BATCH_TIME_DELAY as B, CxGlobal as C, MAX_BATCH_TIME_MS as M, OtelNetworkAttrs as O, PerformanceTypes as P, Request as R, SESSION_RECORDER_SEGMENTS_MAP as S, UrlBasedLabelProvider as U, cxClearTimeout as a, createCxMutationObserver as b, cxSetTimeout as c, cxRequestAnimationFrame as d, cxCancelAnimationFrame as e, getSdkConfig as f, getZoneJsOriginalDom as g, cxClearInterval as h, getNowTime as i, SESSION_RECORDING_NETWORK_ERR0R_MESSAGE as j, cxSetInterval as k, SESSION_RECORDING_DEFAULT_HEADERS as l, SESSION_RECORDING_POSTFIX_URL as m, SESSION_RECORDER_KEY as n, SESSION_RECORDING_DEFAULT_ERROR_MESSAGE as o, CoralogixRum as p, CoralogixLogSeverity as q, SessionRecordingEventType as r, CoralogixEventType as s, UrlType as t };
+export { BATCH_TIME_DELAY as B, CanvasContext as C, EventType as E, IncrementalSource as I, MouseInteractions as M, NodeType as N, OtelNetworkAttrs as O, PointerTypes as P, Request as R, SESSION_RECORDER_SEGMENTS_MAP as S, UrlBasedLabelProvider as U, cxClearTimeout as a, createCxMutationObserver as b, cxSetTimeout as c, MediaInteractions as d, cxRequestAnimationFrame as e, cxCancelAnimationFrame as f, getZoneJsOriginalDom as g, CxGlobal as h, getSdkConfig as i, cxClearInterval as j, getNowTime as k, SESSION_RECORDING_NETWORK_ERR0R_MESSAGE as l, cxSetInterval as m, SESSION_RECORDING_DEFAULT_HEADERS as n, SESSION_RECORDING_POSTFIX_URL as o, getDomChangeScreenshotTrigger as p, SESSION_RECORDER_KEY as q, SESSION_RECORDING_DEFAULT_ERROR_MESSAGE as r, setSdkState as s, MAX_BATCH_TIME_MS as t, CoralogixRum as u, CoralogixLogSeverity as v, SessionRecordingEventType as w, CoralogixEventType as x, PerformanceTypes as y, UrlType as z };