@coralogix/browser 3.16.0 → 3.19.0

package/CHANGELOG.md

@@ -1,3 +1,40 @@
+## 3.19.0 (2026-07-12)
+
+### 🚀 Features
+
+- Add `createNewSession()` API to manually rotate the session (e.g. on user logout)
+
+## 3.18.0 (2026-07-08)
+
+### 🚀 Features
+
+-    Add product analytics support for richer product-level insights
+
+## 3.17.1 (2026-07-07)
+
+### 🩹 Fixes
+
+- Persist snapshot context across page reloads when `keepSessionAfterReload` is enabled, so session-level counters (views, errors, actions) no longer reset on refresh
+
+## 3.17.0 (2026-07-06)
+
+### 🚀 Features
+
+- add configurable OpenTelemetry batch/flush via otelConfig
+
+## 3.16.2 (2026-07-06)
+
+### 🩹 Fixes
+
+- Fix PII masking for password input field changes
+- The default `maskInputTypes` is narrowed from `['password', 'email', 'tel']` to `['password']`, to match session-recording default. `email` and `tel` inputs are no longer masked by default in user-interaction events — set `maskInputTypes: ['password', 'email', 'tel']` to restore the previous behavior.
+
+## 3.16.1 (2026-06-29)
+
+### 🩹 Fixes
+
+- Improve user-interaction accuracy: capture SVG icon clicks and resolve role-based/custom controls.
+
 ## 3.16.0 (2026-06-24)
 
 ### 🚀 Features

package/README.md

@@ -22,17 +22,18 @@
    - [Worker URL](#worker-url)
    - [Screenshots](#screenshots)
 
-10. [Unique Users](#unique-users)
-11. [Network Extra Configuration](#network-extra-configuration)
-12. [Multi Page Application](#multi-page-application)
-13. [Ignore Errors](#ignore-errors)
-14. [Ignore URLs](#ignore-urls)
-15. [Stack Trace Limit](#stack-trace-limit)
-16. [Mask Elements](#mask-elements)
-17. [Custom Action Names](#custom-action-names)
-18. [Label Providers](#label-providers)
-19. [URL Blueprinters](#url-blueprinters)
-20. [Traces](#traces)
+10. [Manually Create a New Session](#manually-create-a-new-session)
+11. [Unique Users](#unique-users)
+12. [Network Extra Configuration](#network-extra-configuration)
+13. [Multi Page Application](#multi-page-application)
+14. [Ignore Errors](#ignore-errors)
+15. [Ignore URLs](#ignore-urls)
+16. [Stack Trace Limit](#stack-trace-limit)
+17. [Mask Elements](#mask-elements)
+18. [Custom Action Names](#custom-action-names)
+19. [Label Providers](#label-providers)
+20. [URL Blueprinters](#url-blueprinters)
+21. [Traces](#traces)
 
     - [Propagate Trace Header for CORS URLs](#propagatetraceheadercorsurls)
     - [Allowed Tracing URLs](#allowedtracingurls)
@@ -40,33 +41,34 @@
     - [Custom Propagation](#custom-propagation)
     - [Traces Exporter](#traces-exporter)
 
-21. [Before Send](#before-send)
-22. [Proxy URL](#proxy-url)
+22. [Before Send](#before-send)
+23. [Proxy URL](#proxy-url)
 
     - [ignoreProxyUrlParams](#ignoreproxyurlparams)
 
-23. [Collect IP Data](#collect-ip-data)
-24. [SDK Fetch Priority](#sdk-fetch-priority)
-25. [Custom Measurement](#custom-measurement)
-26. [Add Timing](#add-timing)
-27. [Custom Time Measurement](#custom-time-measurement)
-28. [Microfrontend Support](#microfrontend-support)
+24. [Collect IP Data](#collect-ip-data)
+25. [SDK Fetch Priority](#sdk-fetch-priority)
+26. [Custom Measurement](#custom-measurement)
+27. [Add Timing](#add-timing)
+28. [Custom Time Measurement](#custom-time-measurement)
+29. [Microfrontend Support](#microfrontend-support)
 
     - [Pre Requisites](#pre-requisites)
 
-29. [Custom Spans](#custom-spans)
+30. [Custom Spans](#custom-spans)
 
     - [Ignored Instruments](#ignored-instruments)
 
-30. [Soft Navigations (Experimental)](#soft-navigations--experimental)
-31. [Memory Usage (Experimental)](#memory-usage---experimental)
-32. [Web Worker Support](#web-worker-support)
+31. [OpenTelemetry Batch Configuration](#opentelemetry-batch-configuration)
+32. [Soft Navigations (Experimental)](#soft-navigations--experimental)
+33. [Memory Usage (Experimental)](#memory-usage---experimental)
+34. [Web Worker Support](#web-worker-support)
 
     - [Enabling Web Worker Support](#enabling-web-worker-support)
     - [Examples](#examples)
 
-33. [Angular Zone.js Configuration](#angular-zonejs-configuration)
-34. [CDN](#cdn)
+35. [Angular Zone.js Configuration](#angular-zonejs-configuration)
+36. [CDN](#cdn)
 
     - [Specific Version](#specific-version-recommended)
     - [ES5](#es5)
@@ -75,7 +77,7 @@
       - [Via JS File](#via-js-file)
       - [Via TS File](#via-ts-file)
 
-35. [Flutter Web](#flutter-web)
+37. [Flutter Web](#flutter-web)
 
 ---
 
@@ -453,6 +455,19 @@ CoralogixRum.init({
 });
 ```
 
+### Manually Create a New Session
+
+By default the SDK rotates the session automatically — after 15 minutes of inactivity, or once a session reaches 1 hour. Starting with version `3.19.0`, you can also rotate it on demand by calling `CoralogixRum.createNewSession()`, for example when a user logs out, so that subsequent events are attributed to a fresh session.
+
+```javascript
+import { CoralogixRum } from '@coralogix/browser';
+
+// e.g. inside your logout handler
+CoralogixRum.createNewSession();
+```
+
+This ends the current session and immediately starts a new one with a new session id. If session recording is active, the current recording is finalized and a new one begins for the new session.
+
 ### Unique Users
 
 Starting with version `2.9.0`, the SDK calculates unique users based on the user’s `fingerprint`.<br>
@@ -545,7 +560,7 @@ CoralogixRum.init({
 
 User interactions capture text from clickable elements only (button, label, link, input, option).
 Elements text can be masked to prevent sensitive data exposure.
-<br>use `maskInputTypes` to specify the types of inputs to mask. defaults to: `['password', 'email', 'tel']`
+<br>use `maskInputTypes` to specify the types of inputs to mask. defaults to: `['password']`
 <br>use `maskClass` to specify the class name that will be used to mask any clickable element. Default masking class is `cx-mask`.
 
 ```javascript
@@ -1006,6 +1021,23 @@ CoralogixRum.init({
 });
 ```
 
+### OpenTelemetry Batch Configuration
+
+The SDK batches logs and traces through an OpenTelemetry `BatchSpanProcessor` before sending them to Coralogix. Use `otelConfig` to tune that batching — for example, to flush less frequently and reduce the number of network requests your app makes.
+
+All fields are optional. Omitting `otelConfig` keeps the SDK defaults, and any out-of-range value is clamped to the documented bounds.
+
+```javascript
+CoralogixRum.init({
+  // ...
+  otelConfig: {
+    maxExportBatchSize: 50, // Max spans per export; reaching it triggers an early flush. Defaults to 50, min 1, max 256
+    scheduledDelayMillis: 2000, // Delay in ms between two consecutive exports. Defaults to 2000(2s), min 2000(2s), max 30000(30s)
+    maxQueueSize: 2048, // Max buffered spans before new spans are dropped. Defaults to 2048, min 512, max 4096
+  },
+});
+```
+
 ### Soft Navigations — Experimental
 
 Soft navigations are navigations that do not trigger a full page reload, such as SPA navigations. Defaults to false.

package/index.esm2.js

@@ -230,6 +230,7 @@ var SESSION_RECORDER_SEGMENTS_MAP = 'rumSessionRecorderSegmentsMap';
 var VIEW_NUMBER_KEY = 'rum_view_number';
 
 var SNAPSHOT_MANAGER_KEY = 'rumSnapshotManager';
+var SNAPSHOT_KEY = 'rum_snapshot';
 var INITIAL_SNAPSHOT_CONTEXT = {
     errorCount: 0,
     viewCount: 0,
@@ -2145,9 +2146,64 @@ var CX_ACTION_NAME_ATTRIBUTE = 'data-cx-action-name';
 var DATA_TEST_ATTRIBUTE = 'data-test';
 var DATA_TESTID_ATTRIBUTE = 'data-testid';
 var DATA_TEST_ID_ATTRIBUTE = 'data-test-id';
+var RR_IS_PASSWORD_ATTRIBUTE = 'data-rr-is-password';
+
+var knownPasswordInputs = new WeakSet();
+var TYPE_ATTRIBUTE = 'type';
+var observer;
+function isKnownPasswordInput(element) {
+    return (element instanceof HTMLInputElement && knownPasswordInputs.has(element));
+}
+function startPasswordInputObserver() {
+    var doc = CxGlobal.document;
+    if (observer || !doc) {
+        return;
+    }
+    try {
+        observer = createCxMutationObserver(handleMutations);
+        observer.observe(doc.documentElement, {
+            subtree: true,
+            attributes: true,
+            attributeOldValue: true,
+            attributeFilter: [TYPE_ATTRIBUTE],
+        });
+    }
+    catch (_a) {
+        observer = undefined;
+    }
+}
+function stopPasswordInputObserver() {
+    observer === null || observer === void 0 ? void 0 : observer.disconnect();
+    observer = undefined;
+}
+function handleMutations(mutations) {
+    var e_1, _a;
+    try {
+        for (var mutations_1 = __values$1(mutations), mutations_1_1 = mutations_1.next(); !mutations_1_1.done; mutations_1_1 = mutations_1.next()) {
+            var mutation = mutations_1_1.value;
+            var target = mutation.target;
+            if (target instanceof HTMLInputElement &&
+                (mutation.oldValue || '').toLowerCase() === PASSWORD_INPUT_TYPE) {
+                knownPasswordInputs.add(target);
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (mutations_1_1 && !mutations_1_1.done && (_a = mutations_1.return)) _a.call(mutations_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+}
 
 var PARENT_SEARCH_DEPTH = 5;
-var CLICKABLE_ELEMENTS = ['BUTTON', 'LABEL', 'A', 'INPUT', 'OPTION', 'LI'];
+var POINTER_CURSOR = 'pointer';
+var CLICKABLE_SELECTOR = 'a, button, input, select, textarea, label, summary, option, li, ' +
+    '[role="button"], [role="link"], [role="tab"], ' +
+    '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], ' +
+    '[role="checkbox"], [role="radio"], [role="switch"], ' +
+    '[role="option"], [role="combobox"]';
 function getAttributeFromAncestors(element, attr, depth) {
     if (depth === void 0) { depth = PARENT_SEARCH_DEPTH; }
     if (!element || depth <= 0)
@@ -2167,14 +2223,14 @@ function extractTestId(el) {
     return (el === null || el === void 0 ? void 0 : el.getAttribute(DATA_TEST_ATTRIBUTE)) || '';
 }
 function extractResolvedName(_a) {
-    var element = _a.element, config = _a.config, actionName = _a.actionName, ariaLabel = _a.ariaLabel;
+    var element = _a.element, clickableElement = _a.clickableElement, config = _a.config, actionName = _a.actionName, ariaLabel = _a.ariaLabel;
     if (!element)
         return '';
     if (actionName)
         return actionName;
     if (isElementMasked(element, config))
         return MASKED_TEXT;
-    return ariaLabel || getPlaceholder(element) || getInnerText(element) || '';
+    return (ariaLabel || getPlaceholder(element) || getInnerText(clickableElement) || '');
 }
 function getPlaceholder(element) {
     if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {
@@ -2182,18 +2238,14 @@ function getPlaceholder(element) {
     }
     return '';
 }
-function getInnerText(element) {
-    var clickableElement = findClickableElement(element, PARENT_SEARCH_DEPTH);
+function getInnerText(clickableElement) {
     if (!clickableElement)
         return '';
     return clickableElement instanceof HTMLElement
         ? clickableElement.innerText || ''
         : '';
 }
-function extractMaskedOrTextContent(element, config) {
-    if (!element)
-        return '';
-    var clickableElement = findClickableElement(element, PARENT_SEARCH_DEPTH);
+function extractMaskedOrTextContent(clickableElement, config) {
     if (!clickableElement)
         return '';
     return getMaskedOrTextualContent(clickableElement, config);
@@ -2223,22 +2275,30 @@ function shouldMaskElement(element, maskInputTypes, maskClass) {
     if (!element)
         return false;
     return (isMaskedInput(element, maskInputTypes) ||
-        isMaskedByClass(element.className, maskClass));
+        isMaskedByClass(getClassName(element), maskClass));
+}
+function getClassName(element) {
+    var _a;
+    return (_a = element.getAttribute('class')) !== null && _a !== void 0 ? _a : '';
 }
 function isMaskedInput(element, maskInputTypes) {
-    if (element instanceof HTMLInputElement) {
-        var inputType = element.type || 'text';
-        return maskInputTypes.includes(inputType);
+    if (!(element instanceof HTMLInputElement)) {
+        return false;
     }
-    return false;
+    var inputType = element.type || 'text';
+    if (maskInputTypes.includes(inputType)) {
+        return true;
+    }
+    return (maskInputTypes.includes(PASSWORD_INPUT_TYPE) && wasPasswordInput(element));
+}
+function wasPasswordInput(element) {
+    return (element.hasAttribute(RR_IS_PASSWORD_ATTRIBUTE) ||
+        isKnownPasswordInput(element));
 }
 function isMaskedByClass(className, maskClass) {
     if (maskClass instanceof RegExp) {
         return maskClass.test(className);
     }
-    if (typeof className !== 'string') {
-        return false;
-    }
     return className.includes(maskClass);
 }
 function isParentMasked(element, maskClass, maxDepth) {
@@ -2246,7 +2306,7 @@ function isParentMasked(element, maskClass, maxDepth) {
     if (!element || maxDepth <= 0) {
         return false;
     }
-    if (isMaskedByClass(element.className, maskClass)) {
+    if (isMaskedByClass(getClassName(element), maskClass)) {
         return true;
     }
     return isParentMasked(element.parentElement, maskClass, maxDepth - 1);
@@ -2258,15 +2318,64 @@ function findMaskedChildren(element, config) {
         return shouldMaskElement(child, config.maskInputTypes, config.maskClass);
     });
 }
-function findClickableElement(element, maxDepth) {
-    if (!element || maxDepth <= 0) {
+function findSemanticClickable(element, maxDepth) {
+    if (!element || element === document.body || maxDepth <= 0)
         return null;
-    }
-    if (CLICKABLE_ELEMENTS.includes(element.nodeName))
+    if (element.matches(CLICKABLE_SELECTOR))
         return element;
-    return findClickableElement(element.parentElement, maxDepth - 1);
+    return findSemanticClickable(element.parentElement, maxDepth - 1);
+}
+function getClickableElement(element) {
+    var _a;
+    if (!element)
+        return null;
+    return ((_a = getComputedStyle(element)) === null || _a === void 0 ? void 0 : _a.cursor) === POINTER_CURSOR ? element : null;
+}
+function findClickableElement(element, maxDepth) {
+    var _a;
+    if (maxDepth === void 0) { maxDepth = PARENT_SEARCH_DEPTH; }
+    return ((_a = findSemanticClickable(element, maxDepth)) !== null && _a !== void 0 ? _a : getClickableElement(element));
 }
 
+var RAGE_CLICK_THRESHOLD = 3;
+var RAGE_CLICK_WINDOW_MS = 1000;
+var RageClickTracker = (function () {
+    function RageClickTracker() {
+        this.clickHistory = new Map();
+    }
+    RageClickTracker.prototype.recordClick = function (fingerprint, now) {
+        var _a;
+        this.prune(now - RAGE_CLICK_WINDOW_MS);
+        var recentClicks = (_a = this.clickHistory.get(fingerprint)) !== null && _a !== void 0 ? _a : [];
+        recentClicks.push(now);
+        this.clickHistory.set(fingerprint, recentClicks);
+        return recentClicks.length >= RAGE_CLICK_THRESHOLD;
+    };
+    RageClickTracker.prototype.clear = function () {
+        this.clickHistory.clear();
+    };
+    RageClickTracker.prototype.prune = function (windowStart) {
+        var e_1, _a;
+        try {
+            for (var _b = __values$1(this.clickHistory), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var _d = __read$1(_c.value, 2), fingerprint = _d[0], timestamps = _d[1];
+                var recentClicks = timestamps.filter(function (time) { return time >= windowStart; });
+                recentClicks.length === 0
+                    ? this.clickHistory.delete(fingerprint)
+                    : this.clickHistory.set(fingerprint, recentClicks);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+    };
+    return RageClickTracker;
+}());
+
 var SHADOW_DOM_MARKER = '::shadow ';
 var STABLE_ATTRIBUTES = [
     CX_ACTION_NAME_ATTRIBUTE,
@@ -2444,18 +2553,18 @@ var USER_INTERACTION_INSTRUMENTATION_VERSION = '1';
 var DEFAULT_INSTRUMENTED_EVENTS = (_a$3 = {},
     _a$3["click"] = true,
     _a$3);
+var stopListeners = function () { };
 var CoralogixUserInteractionInstrumentation = (function (_super) {
     __extends(CoralogixUserInteractionInstrumentation, _super);
     function CoralogixUserInteractionInstrumentation(config) {
         var _this = _super.call(this, USER_INTERACTION_INSTRUMENTATION_NAME, USER_INTERACTION_INSTRUMENTATION_VERSION, config) || this;
-        _this.handler = function (_) { };
-        _this.stop = function () { };
+        _this.rageClicksTracker = new RageClickTracker();
         return _this;
     }
     CoralogixUserInteractionInstrumentation.prototype.enable = function () {
         var _this = this;
-        var _a;
-        this.handler = function (e) {
+        stopListeners();
+        var handler = function (e) {
             var _a;
             var span;
             if (shouldAttachSpanToGlobalSpan(CoralogixEventType.USER_INTERACTION)) {
@@ -2466,7 +2575,7 @@ var CoralogixUserInteractionInstrumentation = (function (_super) {
             }
             var eventTarget = e.target;
             var config = getSdkConfig();
-            var id = eventTarget.id, type = eventTarget.type, className = eventTarget.className, nodeName = eventTarget.nodeName;
+            var id = eventTarget.id, type = eventTarget.type, nodeName = eventTarget.nodeName;
             var clickKey = generateUUID();
             span.setAttribute(CoralogixAttributes.EVENT_TYPE, CoralogixEventType.USER_INTERACTION);
             span.setAttribute(CoralogixAttributes.INTERACTION_EVENT_NAME, e.type);
@@ -2477,27 +2586,34 @@ var CoralogixUserInteractionInstrumentation = (function (_super) {
                 span.setAttribute(CoralogixAttributes.ELEMENT_RELATIVE_X, e.offsetX);
                 span.setAttribute(CoralogixAttributes.ELEMENT_RELATIVE_Y, e.offsetY);
             }
-            if (eventTarget && eventTarget instanceof HTMLElement) {
-                var elementText = extractMaskedOrTextContent(eventTarget, config);
+            if (eventTarget instanceof Element) {
+                var clickableElement = findClickableElement(eventTarget);
+                var elementText = extractMaskedOrTextContent(clickableElement, config);
                 var cxActionName = extractActionName(eventTarget);
                 var ariaLabel = extractAriaLabel(eventTarget);
                 var testId = extractTestId(eventTarget);
                 var resolvedName = extractResolvedName({
                     element: eventTarget,
+                    clickableElement: clickableElement,
                     config: config,
                     actionName: cxActionName,
                     ariaLabel: ariaLabel,
                 });
+                span.setAttribute(CoralogixAttributes.IS_DEAD_CLICK, clickableElement === null);
                 var _b = eventTarget.getBoundingClientRect(), width = _b.width, height = _b.height;
                 span.setAttribute(CoralogixAttributes.ELEMENT_WIDTH, width);
                 span.setAttribute(CoralogixAttributes.ELEMENT_HEIGHT, height);
                 var fingerprint = getElementFingerprint(eventTarget);
                 if (fingerprint) {
                     span.setAttribute(CoralogixAttributes.ELEMENT_FINGERPRINT, fingerprint);
+                    var isRageClick = clickableElement
+                        ? _this.rageClicksTracker.recordClick(fingerprint, Date.now())
+                        : false;
+                    span.setAttribute(CoralogixAttributes.IS_RAGE_CLICK, isRageClick);
                 }
                 [
                     [CoralogixAttributes.ELEMENT_ID, id],
-                    [CoralogixAttributes.ELEMENT_CLASSES, className],
+                    [CoralogixAttributes.ELEMENT_CLASSES, getClassName(eventTarget)],
                     [CoralogixAttributes.TARGET_ELEMENT_TYPE, type],
                     [
                         CoralogixAttributes.ELEMENT_INNER_TEXT,
@@ -2519,7 +2635,7 @@ var CoralogixUserInteractionInstrumentation = (function (_super) {
             span.end();
             (_a = getClickScreenshotManager()) === null || _a === void 0 ? void 0 : _a.handleClick();
         };
-        var eventsMap = __assign(__assign({}, DEFAULT_INSTRUMENTED_EVENTS), (_a = this._config) === null || _a === void 0 ? void 0 : _a['events']);
+        var eventsMap = __assign(__assign({}, DEFAULT_INSTRUMENTED_EVENTS), this.getConfig().events);
         var eventNames = Object.entries(eventsMap)
             .filter(function (_a) {
             var _b = __read$1(_a, 2); _b[0]; var enabled = _b[1];
@@ -2529,13 +2645,17 @@ var CoralogixUserInteractionInstrumentation = (function (_super) {
             var _b = __read$1(_a, 1), eventName = _b[0];
             return eventName;
         });
-        this.stop = addEventListeners(document, eventNames, this.handler, {
+        stopListeners = addEventListeners(document, eventNames, handler, {
             capture: true,
             passive: true,
         }).stop;
+        startPasswordInputObserver();
     };
     CoralogixUserInteractionInstrumentation.prototype.disable = function () {
-        this.stop();
+        stopListeners();
+        stopListeners = function () { };
+        this.rageClicksTracker.clear();
+        stopPasswordInputObserver();
     };
     CoralogixUserInteractionInstrumentation.prototype.init = function () { };
     return CoralogixUserInteractionInstrumentation;
@@ -2920,10 +3040,8 @@ var CoralogixWorkerInstrumentation = (function (_super) {
 
 var CORALOGIX_LOGS_URL_SUFFIX = '/browser/v1beta/logs';
 var CORALOGIX_RECORDING_URL_SUFFIX = '/sessionrecording';
-var MAX_EXPORT_BATCH_SIZE = 50;
 var MAX_INTERACTION_ELEMENT_SIZE = 1024;
 var MAX_CHARACTERS = 1024;
-var SCHEDULE_DELAY_MILLIS = 2 * millisecondsPerSecond;
 var REQUIRED_CONFIG_KEYS = [
     'application',
     'version',
@@ -2939,11 +3057,8 @@ var MASKED_TEXT = '***';
 var MASK_CLASS_DEFAULT = 'cx-mask';
 var CX_PREFIX = 'cx';
 var ARIA_LABEL_ATTRIBUTE = 'aria-label';
-var MASK_INPUT_TYPES_DEFAULT = [
-    'password',
-    'email',
-    'tel',
-];
+var PASSWORD_INPUT_TYPE = 'password';
+var MASK_INPUT_TYPES_DEFAULT = [PASSWORD_INPUT_TYPE];
 var FINGER_PRINT_KEY = 'cx-fingerprint';
 var idPatterns = [
     {
@@ -3095,6 +3210,8 @@ var CoralogixAttributes = {
     INTERNAL: 'internal',
     PAGE_CONTEXT: 'page_context',
     IS_NAVIGATION_EVENT: 'is_navigation_event',
+    IS_DEAD_CLICK: 'is_dead_click',
+    IS_RAGE_CLICK: 'is_rage_click',
     SCREENSHOT_CONTEXT: 'screenshot_context',
     DOM_CONTEXT: 'dom_context',
 };
@@ -3115,6 +3232,11 @@ var BASE_PATH = '/';
 var HASH_SEPARATOR = '#';
 var PARAMS_SEPARATOR = '?';
 var PROTOCOL_SEPARATOR = '://';
+var DOT = '.';
+var COLON = ':';
+var REGISTRABLE_DOMAIN_LABEL_COUNT = 2;
+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]) {
@@ -3177,7 +3299,7 @@ var getUrlFragments = function (url) {
             if (url.startsWith('blob:')) {
                 return url;
             }
-            return decodeURIComponent(new URL(url).pathname.substring(1)) || BASE_PATH;
+            return (decodeURIComponent(new URL(url).pathname.substring(1)) || BASE_PATH);
         }
         catch (err) {
             console.warn('Coralogix Browser SDK - Error parsing URL', err);
@@ -3185,6 +3307,45 @@ var getUrlFragments = function (url) {
         }
     }
 };
+var getUrlParts = function (url) {
+    if (!url) {
+        return undefined;
+    }
+    try {
+        var _a = new URL(url), protocol = _a.protocol, host = _a.host, hostname = _a.hostname;
+        var labels = hostname.split(DOT);
+        return {
+            schema: protocol.replace(COLON, ''),
+            host: host,
+            subdomain: labels.slice(0, -REGISTRABLE_DOMAIN_LABEL_COUNT).join(DOT),
+            domain: labels.slice(-REGISTRABLE_DOMAIN_LABEL_COUNT).join(DOT),
+        };
+    }
+    catch (_b) {
+        return undefined;
+    }
+};
+var getCachedUrlParts = function (cacheKey, url) {
+    var _a, _b;
+    try {
+        var stored = (_a = CxGlobal.sessionStorage) === null || _a === void 0 ? void 0 : _a.getItem(cacheKey);
+        if (stored) {
+            var cached = JSON.parse(stored);
+            if (cached.url === url) {
+                return cached.parts;
+            }
+        }
+    }
+    catch (_c) {
+    }
+    var parts = getUrlParts(url);
+    try {
+        (_b = CxGlobal.sessionStorage) === null || _b === void 0 ? void 0 : _b.setItem(cacheKey, JSON.stringify({ url: url, parts: parts }));
+    }
+    catch (_d) {
+    }
+    return parts;
+};
 function parseUserAgent(userAgent) {
     var e_1, _a, e_2, _b, e_3, _c;
     var _d, _e, _f;
@@ -3333,11 +3494,21 @@ function resolvePageContext(url) {
         blueprinters: (_a = getSdkConfig().urlBlueprinters) === null || _a === void 0 ? void 0 : _a.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);
     return {
         page_url: url.slice(0, MAX_CHARACTERS),
         page_url_blueprint: page_url_blueprint,
         page_fragments: page_fragments,
+        schema: urlParts === null || urlParts === void 0 ? void 0 : urlParts.schema,
+        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_schema: referrerParts === null || referrerParts === void 0 ? void 0 : referrerParts.schema,
+        referrer_subdomain: referrerParts === null || referrerParts === void 0 ? void 0 : referrerParts.subdomain,
+        referrer_domain: referrerParts === null || referrerParts === void 0 ? void 0 : referrerParts.domain,
+        referrer_host: referrerParts === null || referrerParts === void 0 ? void 0 : referrerParts.host,
     };
 }
 function deepClone(obj) {
@@ -4246,6 +4417,114 @@ var SessionIdle = (function () {
     return SessionIdle;
 }());
 
+function clearStoredSnapshotState() {
+    var _a;
+    try {
+        (_a = CxGlobal.sessionStorage) === null || _a === void 0 ? void 0 : _a.removeItem(SNAPSHOT_KEY);
+    }
+    catch (_b) {
+    }
+}
+var SnapshotManager = (function () {
+    function SnapshotManager() {
+        var _this = this;
+        this._shouldTriggerSnapshotContext = false;
+        this.updateSnapshot = function (overrides) {
+            _this._currentSnapshot = __assign(__assign({}, _this._currentSnapshot), overrides);
+            _this.persistSnapshot();
+        };
+        this.resetSnapshot = function () {
+            _this._currentSnapshot = __assign(__assign({}, INITIAL_SNAPSHOT_CONTEXT), { timestamp: getNowTime() });
+            _this._fragmentsState = new Set();
+            _this._isSnapshotSentDueToRecording = false;
+            clearStoredSnapshotState();
+        };
+        CxGlobal[SNAPSHOT_MANAGER_KEY] = this;
+        if (!this.restoreSnapshot()) {
+            this.resetSnapshot();
+        }
+    }
+    Object.defineProperty(SnapshotManager.prototype, "fragmentsState", {
+        get: function () {
+            return this._fragmentsState;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SnapshotManager.prototype, "currentSnapshot", {
+        get: function () {
+            return this._currentSnapshot;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SnapshotManager.prototype, "isSnapshotSentDueToRecording", {
+        get: function () {
+            return this._isSnapshotSentDueToRecording;
+        },
+        set: function (value) {
+            this._isSnapshotSentDueToRecording = value;
+            this.persistSnapshot();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SnapshotManager.prototype, "shouldTriggerSnapshotContext", {
+        get: function () {
+            return this._shouldTriggerSnapshotContext;
+        },
+        set: function (value) {
+            this._shouldTriggerSnapshotContext = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SnapshotManager.prototype.shouldPersistSnapshot = function () {
+        var _a, _b;
+        return !!((_b = (_a = getSdkConfig()) === null || _a === void 0 ? void 0 : _a.sessionConfig) === null || _b === void 0 ? void 0 : _b.keepSessionAfterReload);
+    };
+    SnapshotManager.prototype.persistSnapshot = function () {
+        var _a;
+        if (!this.shouldPersistSnapshot()) {
+            return;
+        }
+        try {
+            var state = {
+                snapshot: this._currentSnapshot,
+                fragments: Array.from(this._fragmentsState),
+                isSnapshotSentDueToRecording: this._isSnapshotSentDueToRecording,
+            };
+            (_a = CxGlobal.sessionStorage) === null || _a === void 0 ? void 0 : _a.setItem(SNAPSHOT_KEY, JSON.stringify(state));
+        }
+        catch (_b) {
+        }
+    };
+    SnapshotManager.prototype.restoreSnapshot = function () {
+        var _a;
+        if (!this.shouldPersistSnapshot()) {
+            return false;
+        }
+        try {
+            var storedState = (_a = CxGlobal.sessionStorage) === null || _a === void 0 ? void 0 : _a.getItem(SNAPSHOT_KEY);
+            if (!storedState) {
+                return false;
+            }
+            var _b = JSON.parse(storedState), snapshot = _b.snapshot, fragments = _b.fragments, isSnapshotSentDueToRecording = _b.isSnapshotSentDueToRecording;
+            if (!snapshot || !Array.isArray(fragments)) {
+                return false;
+            }
+            this._currentSnapshot = __assign(__assign(__assign({}, INITIAL_SNAPSHOT_CONTEXT), { timestamp: getNowTime() }), snapshot);
+            this._fragmentsState = new Set(fragments);
+            this._isSnapshotSentDueToRecording = !!isSnapshotSentDueToRecording;
+            return true;
+        }
+        catch (_c) {
+            return false;
+        }
+    };
+    return SnapshotManager;
+}());
+
 var _a;
 var instrumentationsCompatibility = (_a = {},
     _a[XHR_INSTRUMENTATION_NAME] = {
@@ -4289,6 +4568,10 @@ var SessionManager = (function (_super) {
         _this._currentPageTimestamp = getNowTime();
         _this._viewNumber = 0;
         _this.debugMode = !!((_a = getSdkConfig()) === null || _a === void 0 ? void 0 : _a.debug);
+        _this.recreateSession = function () {
+            _this.clearSessionWhenIdle();
+            return _this.setSession(true);
+        };
         _this.getPrevSession = function () {
             var _a;
             return JSON.parse((_a = CxGlobal.sessionStorage) === null || _a === void 0 ? void 0 : _a.getItem(PREV_SESSION_KEY));
@@ -4509,6 +4792,7 @@ var SessionManager = (function (_super) {
         this.clearGlobalSpans();
         this.clearSessionWithErrorMode();
         (_d = getSnapshotManager()) === null || _d === void 0 ? void 0 : _d.resetSnapshot();
+        clearStoredSnapshotState();
         (_e = getClickScreenshotManager()) === null || _e === void 0 ? void 0 : _e.reset();
         this._currentPageFragment = undefined;
         this.resetViewNumber();
@@ -4639,6 +4923,49 @@ var CxPropagator = (function () {
     return CxPropagator;
 }());
 
+var SCHEDULED_DELAY_MILLIS_BOUND = {
+    default: 2 * millisecondsPerSecond,
+    min: 2 * millisecondsPerSecond,
+    max: 30 * millisecondsPerSecond,
+};
+var MAX_EXPORT_BATCH_SIZE_BOUND = {
+    default: 50,
+    min: 1,
+    max: 256,
+};
+var MAX_QUEUE_SIZE_BOUND = {
+    default: 2048,
+    min: 512,
+    max: 4096,
+};
+
+function resolveBoundedValue(value, range, optionName) {
+    var defaultValue = range.default, min = range.min, max = range.max;
+    if (value == null) {
+        return defaultValue;
+    }
+    if (!Number.isFinite(value)) {
+        console.warn("CoralogixRum: otelConfig.".concat(optionName, " value \"").concat(value, "\" is not a valid number; using the default (").concat(defaultValue, ") instead."));
+        return defaultValue;
+    }
+    if (value < min || value > max) {
+        var clamped = Math.min(Math.max(value, min), max);
+        console.warn("CoralogixRum: otelConfig.".concat(optionName, " value ").concat(value, " is out of range [").concat(min, ", ").concat(max, "]; using ").concat(clamped, " instead."));
+        return clamped;
+    }
+    return value;
+}
+function resolveOtelConfig(config) {
+    var scheduledDelayMillis = resolveBoundedValue(config === null || config === void 0 ? void 0 : config.scheduledDelayMillis, SCHEDULED_DELAY_MILLIS_BOUND, 'scheduledDelayMillis');
+    var maxQueueSize = resolveBoundedValue(config === null || config === void 0 ? void 0 : config.maxQueueSize, MAX_QUEUE_SIZE_BOUND, 'maxQueueSize');
+    var maxExportBatchSize = Math.min(resolveBoundedValue(config === null || config === void 0 ? void 0 : config.maxExportBatchSize, MAX_EXPORT_BATCH_SIZE_BOUND, 'maxExportBatchSize'), maxQueueSize);
+    return {
+        maxExportBatchSize: maxExportBatchSize,
+        scheduledDelayMillis: scheduledDelayMillis,
+        maxQueueSize: maxQueueSize,
+    };
+}
+
 function isInitialConfigValid(initConfig) {
     var e_1, _a;
     if (!initConfig) {
@@ -4678,7 +5005,7 @@ function validateAndResolveInitConfig(config) {
     if (proxyUrl)
         resolvedIgnoreUrls.push(new RegExp(proxyUrl));
     OPTIONS_DEFAULTS.ignoreUrls && resolvedIgnoreUrls.push.apply(resolvedIgnoreUrls, __spreadArray([], __read$1(OPTIONS_DEFAULTS.ignoreUrls), false));
-    return __assign(__assign(__assign({}, OPTIONS_DEFAULTS), config), { maskInputTypes: (_a = config.maskInputTypes) !== null && _a !== void 0 ? _a : MASK_INPUT_TYPES_DEFAULT, maskClass: (_b = config.maskClass) !== null && _b !== void 0 ? _b : MASK_CLASS_DEFAULT, ignoreUrls: resolvedIgnoreUrls, urlBlueprinters: resolveUrlBlueprinters(urlBlueprinters), sessionSampleRate: (_c = config.sessionSampleRate) !== null && _c !== void 0 ? _c : 100, sessionConfig: resolveSessionConfig(config.sessionConfig), sessionRecordingConfig: resolveSessionRecordingConfig(config.sessionRecordingConfig), memoryUsageConfig: resolveMemoryUsageConfig(config.memoryUsageConfig), trackSoftNavigations: !!config.trackSoftNavigations, supportMfe: !!config.supportMfe, runOutsideAngularZone: (_d = config.runOutsideAngularZone) !== null && _d !== void 0 ? _d : true });
+    return __assign(__assign(__assign({}, OPTIONS_DEFAULTS), config), { maskInputTypes: (_a = config.maskInputTypes) !== null && _a !== void 0 ? _a : MASK_INPUT_TYPES_DEFAULT, maskClass: (_b = config.maskClass) !== null && _b !== void 0 ? _b : MASK_CLASS_DEFAULT, ignoreUrls: resolvedIgnoreUrls, urlBlueprinters: resolveUrlBlueprinters(urlBlueprinters), sessionSampleRate: (_c = config.sessionSampleRate) !== null && _c !== void 0 ? _c : 100, sessionConfig: resolveSessionConfig(config.sessionConfig), sessionRecordingConfig: resolveSessionRecordingConfig(config.sessionRecordingConfig), memoryUsageConfig: resolveMemoryUsageConfig(config.memoryUsageConfig), otelConfig: resolveOtelConfig(config.otelConfig), trackSoftNavigations: !!config.trackSoftNavigations, supportMfe: !!config.supportMfe, runOutsideAngularZone: (_d = config.runOutsideAngularZone) !== null && _d !== void 0 ? _d : true });
 }
 function resolveMemoryUsageConfig(memoryUsageConfig) {
     var _a;
@@ -4712,7 +5039,7 @@ function resolveUrlBlueprinters(urlBlueprinters) {
     return resolvedUrlBlueprinters;
 }
 
-var SDK_VERSION = '3.16.0';
+var SDK_VERSION = '3.19.0';
 
 function shouldDropEvent(cxRumEvent, options) {
     if (isDocumentErrorWithoutMessage(cxRumEvent)) {
@@ -4771,8 +5098,14 @@ function validateBeforeSendResult(beforeSendResult) {
     return beforeSendResult;
 }
 function cxRumEventToEditable(cxRumEvent) {
-    var _a = cxRumEvent.session_context, user_id = _a.user_id, user_name = _a.user_name, user_email = _a.user_email, user_metadata = _a.user_metadata; cxRumEvent.browser_sdk; cxRumEvent.timestamp; var rest = __rest(cxRumEvent, ["session_context", "browser_sdk", "timestamp"]);
-    return __assign(__assign({}, rest), { session_context: { user_id: user_id, user_email: user_email, user_name: user_name, user_metadata: user_metadata } });
+    var _a = cxRumEvent.session_context, user_id = _a.user_id, user_name = _a.user_name, user_email = _a.user_email, account_id = _a.account_id, user_metadata = _a.user_metadata; cxRumEvent.browser_sdk; cxRumEvent.timestamp; cxRumEvent.isNavigationEvent; cxRumEvent.isSnapshotEvent; cxRumEvent.view_number; var rest = __rest(cxRumEvent, ["session_context", "browser_sdk", "timestamp", "isNavigationEvent", "isSnapshotEvent", "view_number"]);
+    return __assign(__assign({}, rest), { session_context: {
+            user_id: user_id,
+            user_email: user_email,
+            user_name: user_name,
+            account_id: account_id,
+            user_metadata: user_metadata,
+        } });
 }
 function editableToCxRumEvent(editable, cxRumEvent) {
     return __assign(__assign(__assign({}, cxRumEvent), editable), { session_context: __assign(__assign({}, cxRumEvent.session_context), editable.session_context) });
@@ -4823,7 +5156,7 @@ function flattenToAttributes(obj, prefix) {
 function buildRumContextAttributes(cxRumEvent, resolvedLabels) {
     var session_context = cxRumEvent.session_context, page_context = cxRumEvent.page_context, event_context = cxRumEvent.event_context, error_context = cxRumEvent.error_context, network_request_context = cxRumEvent.network_request_context;
     var prefixedLabels = flattenToAttributes(resolvedLabels, 'cx_rum.labels.');
-    return buildCxRumSpanAttributes(__assign(__assign({ 'cx_rum.browser_sdk.version': cxRumEvent.browser_sdk.version, 'cx_rum.platform': cxRumEvent.platform, 'cx_rum.environment': cxRumEvent.environment, 'cx_rum.version_metadata.app_name': cxRumEvent.version_metadata.app_name, 'cx_rum.version_metadata.app_version': cxRumEvent.version_metadata.app_version }, prefixedLabels), { 'cx_rum.session_context.session_id': session_context === null || session_context === void 0 ? void 0 : session_context.session_id, 'cx_rum.session_context.session_creation_date': session_context === null || session_context === void 0 ? void 0 : session_context.session_creation_date, 'cx_rum.session_context.hasRecording': session_context === null || session_context === void 0 ? void 0 : session_context.hasRecording, 'cx_rum.session_context.os': session_context === null || session_context === void 0 ? void 0 : session_context.os, 'cx_rum.session_context.osVersion': session_context === null || session_context === void 0 ? void 0 : session_context.osVersion, 'cx_rum.session_context.browser': session_context === null || session_context === void 0 ? void 0 : session_context.browser, 'cx_rum.session_context.browserVersion': session_context === null || session_context === void 0 ? void 0 : session_context.browserVersion, 'cx_rum.session_context.device': session_context === null || session_context === void 0 ? void 0 : session_context.device, 'cx_rum.session_context.user_agent': session_context === null || session_context === void 0 ? void 0 : session_context.user_agent, 'cx_rum.session_context.user_email': session_context === null || session_context === void 0 ? void 0 : session_context.user_email, 'cx_rum.session_context.user_id': session_context === null || session_context === void 0 ? void 0 : session_context.user_id, 'cx_rum.session_context.user_name': session_context === null || session_context === void 0 ? void 0 : session_context.user_name, 'cx_rum.page_context.page_fragments': page_context === null || page_context === void 0 ? void 0 : page_context.page_fragments, 'cx_rum.page_context.page_url_blueprint': page_context === null || page_context === void 0 ? void 0 : page_context.page_url_blueprint, 'cx_rum.event_context.type': event_context === null || event_context === void 0 ? void 0 : event_context.type, 'cx_rum.event_context.severity': event_context === null || event_context === void 0 ? void 0 : event_context.severity, 'cx_rum.error_context.error_type': error_context === null || error_context === void 0 ? void 0 : error_context.error_type, 'cx_rum.error_context.error_message': error_context === null || error_context === void 0 ? void 0 : error_context.error_message, 'cx_rum.network_request_context.fragments': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.fragments, 'cx_rum.network_request_context.url': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.url, 'cx_rum.network_request_context.status_code': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.status_code, 'cx_rum.network_request_context.method': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.method }));
+    return buildCxRumSpanAttributes(__assign(__assign({ 'cx_rum.browser_sdk.version': cxRumEvent.browser_sdk.version, 'cx_rum.platform': cxRumEvent.platform, 'cx_rum.environment': cxRumEvent.environment, 'cx_rum.version_metadata.app_name': cxRumEvent.version_metadata.app_name, 'cx_rum.version_metadata.app_version': cxRumEvent.version_metadata.app_version }, prefixedLabels), { 'cx_rum.session_context.session_id': session_context === null || session_context === void 0 ? void 0 : session_context.session_id, 'cx_rum.session_context.session_creation_date': session_context === null || session_context === void 0 ? void 0 : session_context.session_creation_date, 'cx_rum.session_context.hasRecording': session_context === null || session_context === void 0 ? void 0 : session_context.hasRecording, 'cx_rum.session_context.os': session_context === null || session_context === void 0 ? void 0 : session_context.os, 'cx_rum.session_context.osVersion': session_context === null || session_context === void 0 ? void 0 : session_context.osVersion, 'cx_rum.session_context.browser': session_context === null || session_context === void 0 ? void 0 : session_context.browser, 'cx_rum.session_context.browserVersion': session_context === null || session_context === void 0 ? void 0 : session_context.browserVersion, 'cx_rum.session_context.device': session_context === null || session_context === void 0 ? void 0 : session_context.device, 'cx_rum.session_context.user_agent': session_context === null || session_context === void 0 ? void 0 : session_context.user_agent, 'cx_rum.session_context.user_email': session_context === null || session_context === void 0 ? void 0 : session_context.user_email, 'cx_rum.session_context.user_id': session_context === null || session_context === void 0 ? void 0 : session_context.user_id, 'cx_rum.session_context.user_name': session_context === null || session_context === void 0 ? void 0 : session_context.user_name, 'cx_rum.session_context.account_id': session_context === null || session_context === void 0 ? void 0 : session_context.account_id, 'cx_rum.page_context.page_fragments': page_context === null || page_context === void 0 ? void 0 : page_context.page_fragments, 'cx_rum.page_context.page_url_blueprint': page_context === null || page_context === void 0 ? void 0 : page_context.page_url_blueprint, 'cx_rum.event_context.type': event_context === null || event_context === void 0 ? void 0 : event_context.type, 'cx_rum.event_context.severity': event_context === null || event_context === void 0 ? void 0 : event_context.severity, 'cx_rum.error_context.error_type': error_context === null || error_context === void 0 ? void 0 : error_context.error_type, 'cx_rum.error_context.error_message': error_context === null || error_context === void 0 ? void 0 : error_context.error_message, 'cx_rum.network_request_context.fragments': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.fragments, 'cx_rum.network_request_context.url': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.url, 'cx_rum.network_request_context.status_code': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.status_code, 'cx_rum.network_request_context.method': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.method }));
 }
 
 var CoralogixSpanMapProcessor = (function () {
@@ -4997,6 +5330,7 @@ var CoralogixSpanMapProcessor = (function () {
             }
             case CoralogixEventType.NETWORK_REQUEST: {
                 var url = spanAttributes[OtelNetworkAttrs.URL];
+                var networkUrlParts = getUrlParts(url);
                 var url_blueprint = applyUrlBluePrinters({
                     url: url,
                     blueprinters: (_a = this.sdkConfig.urlBlueprinters) === null || _a === void 0 ? void 0 : _a.networkUrlBlueprinters,
@@ -5010,6 +5344,8 @@ var CoralogixSpanMapProcessor = (function () {
                         fragments: getUrlFragments(url_blueprint),
                         host: spanAttributes[OtelNetworkAttrs.HOST],
                         schema: spanAttributes[OtelNetworkAttrs.SCHEME],
+                        subdomain: networkUrlParts === null || networkUrlParts === void 0 ? void 0 : networkUrlParts.subdomain,
+                        domain: networkUrlParts === null || networkUrlParts === void 0 ? void 0 : networkUrlParts.domain,
                         status_text: spanAttributes[OtelNetworkAttrs.STATUS_TEXT],
                         duration: hrTimeToMilliseconds(span === null || span === void 0 ? void 0 : span.duration),
                         source: spanAttributes[CoralogixAttributes.SOURCE],
@@ -5068,6 +5404,8 @@ var CoralogixSpanMapProcessor = (function () {
                         element_width: spanAttributes[CoralogixAttributes.ELEMENT_WIDTH],
                         element_height: spanAttributes[CoralogixAttributes.ELEMENT_HEIGHT],
                         element_fingerprint: spanAttributes[CoralogixAttributes.ELEMENT_FINGERPRINT],
+                        is_dead_click: spanAttributes[CoralogixAttributes.IS_DEAD_CLICK],
+                        is_rage_click: spanAttributes[CoralogixAttributes.IS_RAGE_CLICK],
                     },
                 };
             }
@@ -5214,58 +5552,6 @@ var CoralogixSnapshotSpanProcessor = (function () {
     return CoralogixSnapshotSpanProcessor;
 }());
 
-var SnapshotManager = (function () {
-    function SnapshotManager() {
-        var _this = this;
-        this._shouldTriggerSnapshotContext = false;
-        this.updateSnapshot = function (overrides) {
-            _this._currentSnapshot = __assign(__assign({}, _this._currentSnapshot), overrides);
-        };
-        this.resetSnapshot = function () {
-            _this._currentSnapshot = __assign(__assign({}, INITIAL_SNAPSHOT_CONTEXT), { timestamp: getNowTime() });
-            _this._fragmentsState = new Set();
-            _this._isSnapshotSentDueToRecording = false;
-        };
-        CxGlobal[SNAPSHOT_MANAGER_KEY] = this;
-        this.resetSnapshot();
-    }
-    Object.defineProperty(SnapshotManager.prototype, "fragmentsState", {
-        get: function () {
-            return this._fragmentsState;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SnapshotManager.prototype, "currentSnapshot", {
-        get: function () {
-            return this._currentSnapshot;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SnapshotManager.prototype, "isSnapshotSentDueToRecording", {
-        get: function () {
-            return this._isSnapshotSentDueToRecording;
-        },
-        set: function (value) {
-            this._isSnapshotSentDueToRecording = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SnapshotManager.prototype, "shouldTriggerSnapshotContext", {
-        get: function () {
-            return this._shouldTriggerSnapshotContext;
-        },
-        set: function (value) {
-            this._shouldTriggerSnapshotContext = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return SnapshotManager;
-}());
-
 var CoralogixNavigationProcessor = (function () {
     function CoralogixNavigationProcessor() {
         this.isResolving = false;
@@ -5505,10 +5791,7 @@ var CoralogixRum = {
             }
             snapshotProcessor = new CoralogixSnapshotSpanProcessor();
             tracerProvider.addSpanProcessor(snapshotProcessor);
-            tracerProvider.addSpanProcessor(new BatchSpanProcessor((exporter = new CoralogixExporter()), {
-                maxExportBatchSize: MAX_EXPORT_BATCH_SIZE,
-                scheduledDelayMillis: SCHEDULE_DELAY_MILLIS,
-            }));
+            tracerProvider.addSpanProcessor(new BatchSpanProcessor((exporter = new CoralogixExporter()), resolvedOptions_1.otelConfig));
             handlePropagators(options, tracerProvider);
             _deregisterInstrumentations = registerInstrumentations({
                 tracerProvider: tracerProvider,
@@ -5711,6 +5994,14 @@ var CoralogixRum = {
         var _a, _b;
         return (_b = (_a = getSessionManager()) === null || _a === void 0 ? void 0 : _a.getSession()) === null || _b === void 0 ? void 0 : _b.sessionId;
     },
+    createNewSession: function () {
+        var _a;
+        if (!isInited) {
+            console.debug('CoralogixRum must be initiated before creating a new session');
+            return;
+        }
+        (_a = getSessionManager()) === null || _a === void 0 ? void 0 : _a.recreateSession();
+    },
     log: function (severity, message, data, labels) {
         if (!isInited) {
             console.debug('CoralogixRum must be initiated before using log');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coralogix/browser",
-  "version": "3.16.0",
+  "version": "3.19.0",
   "description": "Official Coralogix SDK for browsers",
   "license": "Apache-2.0",
   "author": "Coralogix",

package/src/constants.d.ts

@@ -2,10 +2,8 @@ import { CoralogixBrowserSdkConfig, InputType } from './types';
 import { InternalInstrumentationConfig } from './instrumentations/instrumentation.model';
 export declare const CORALOGIX_LOGS_URL_SUFFIX = "/browser/v1beta/logs";
 export declare const CORALOGIX_RECORDING_URL_SUFFIX = "/sessionrecording";
-export declare const MAX_EXPORT_BATCH_SIZE = 50;
 export declare const MAX_INTERACTION_ELEMENT_SIZE = 1024;
 export declare const MAX_CHARACTERS = 1024;
-export declare const SCHEDULE_DELAY_MILLIS: number;
 export declare const REQUIRED_CONFIG_KEYS: Array<keyof CoralogixBrowserSdkConfig>;
 export { SDK_CONFIG_KEY, USER_AGENT_KEY } from './tools/global-keys';
 export declare const ID_MASK_KEY = "{id}";
@@ -18,6 +16,7 @@ export declare const MASKED_TEXT = "***";
 export declare const MASK_CLASS_DEFAULT = "cx-mask";
 export declare const CX_PREFIX = "cx";
 export declare const ARIA_LABEL_ATTRIBUTE = "aria-label";
+export declare const PASSWORD_INPUT_TYPE: InputType;
 export declare const MASK_INPUT_TYPES_DEFAULT: InputType[];
 export declare const FINGER_PRINT_KEY = "cx-fingerprint";
 export declare const OPTIONS_DEFAULTS: Partial<CoralogixBrowserSdkConfig>;
@@ -61,6 +60,8 @@ export declare const CoralogixAttributes: {
     INTERNAL: string;
     PAGE_CONTEXT: string;
     IS_NAVIGATION_EVENT: string;
+    IS_DEAD_CLICK: string;
+    IS_RAGE_CLICK: string;
     SCREENSHOT_CONTEXT: string;
     DOM_CONTEXT: string;
 };
@@ -81,3 +82,8 @@ export declare const BASE_PATH = "/";
 export declare const HASH_SEPARATOR = "#";
 export declare const PARAMS_SEPARATOR = "?";
 export declare const PROTOCOL_SEPARATOR = "://";
+export declare const DOT = ".";
+export declare const COLON = ":";
+export declare const REGISTRABLE_DOMAIN_LABEL_COUNT = 2;
+export declare const PAGE_URL_PARTS_KEY = "rum_page_url_parts";
+export declare const REFERRER_URL_PARTS_KEY = "rum_referrer_url_parts";

package/src/dom-attributes.consts.d.ts

@@ -2,3 +2,4 @@ export declare const CX_ACTION_NAME_ATTRIBUTE = "data-cx-action-name";
 export declare const DATA_TEST_ATTRIBUTE = "data-test";
 export declare const DATA_TESTID_ATTRIBUTE = "data-testid";
 export declare const DATA_TEST_ID_ATTRIBUTE = "data-test-id";
+export declare const RR_IS_PASSWORD_ATTRIBUTE = "data-rr-is-password";

package/src/instrumentations/user-interaction/CoralogixUserInteractionInstrumentation.d.ts

@@ -7,9 +7,8 @@ export interface CoralogixUserInteractionInstrumentationConfig extends Instrumen
     events?: UserInteractionEventsConfig;
 }
 export declare const DEFAULT_INSTRUMENTED_EVENTS: UserInteractionEventsConfig;
-export declare class CoralogixUserInteractionInstrumentation extends InstrumentationBase {
-    private handler;
-    private stop;
+export declare class CoralogixUserInteractionInstrumentation extends InstrumentationBase<CoralogixUserInteractionInstrumentationConfig> {
+    private readonly rageClicksTracker;
     constructor(config: CoralogixUserInteractionInstrumentationConfig);
     enable(): void;
     disable(): void;

package/src/instrumentations/user-interaction/password-input-tracker.d.ts

@@ -0,0 +1,3 @@
+export declare function isKnownPasswordInput(element: Element | HTMLElement): boolean;
+export declare function startPasswordInputObserver(): void;
+export declare function stopPasswordInputObserver(): void;

package/src/instrumentations/user-interaction/rage-click-tracker.d.ts

@@ -0,0 +1,6 @@
+export declare class RageClickTracker {
+    private readonly clickHistory;
+    recordClick(fingerprint: string, now: number): boolean;
+    clear(): void;
+    private prune;
+}

package/src/instrumentations/user-interaction/user-interaction.utils.d.ts

@@ -2,10 +2,13 @@ import { CoralogixBrowserSdkConfig } from '../../types';
 export declare function extractActionName(el: Element | HTMLElement | null): string;
 export declare function extractAriaLabel(el: Element | HTMLElement | null): string;
 export declare function extractTestId(el: Element | HTMLElement | null): string;
-export declare function extractResolvedName({ element, config, actionName, ariaLabel, }: {
+export declare function extractResolvedName({ element, clickableElement, config, actionName, ariaLabel, }: {
     element: Element | HTMLElement | null;
+    clickableElement: Element | HTMLElement | null;
     config: CoralogixBrowserSdkConfig;
     actionName: string;
     ariaLabel: string;
 }): string;
-export declare function extractMaskedOrTextContent(element: Element | HTMLElement, config: CoralogixBrowserSdkConfig): string;
+export declare function extractMaskedOrTextContent(clickableElement: Element | HTMLElement | null, config: CoralogixBrowserSdkConfig): string;
+export declare function getClassName(element: Element | HTMLElement): string;
+export declare function findClickableElement(element: Element | HTMLElement | null, maxDepth?: number): Element | HTMLElement | null;

package/src/otel/otel-batch.consts.d.ts

@@ -0,0 +1,8 @@
+export interface NumericRange {
+    default: number;
+    min: number;
+    max: number;
+}
+export declare const SCHEDULED_DELAY_MILLIS_BOUND: NumericRange;
+export declare const MAX_EXPORT_BATCH_SIZE_BOUND: NumericRange;
+export declare const MAX_QUEUE_SIZE_BOUND: NumericRange;

package/src/otel/otel-config.helper.d.ts

@@ -0,0 +1,2 @@
+import { OtelConfig } from '../types';
+export declare function resolveOtelConfig(config: OtelConfig | undefined): Required<OtelConfig>;

package/src/otel/rum-span-attributes.types.d.ts

@@ -18,6 +18,7 @@ export interface CxRumSpanAttributes extends Attributes {
     'cx_rum.session_context.user_email'?: string;
     'cx_rum.session_context.user_id'?: string;
     'cx_rum.session_context.user_name'?: string;
+    'cx_rum.session_context.account_id'?: string;
     'cx_rum.page_context.page_fragments'?: string;
     'cx_rum.page_context.page_url_blueprint'?: string;
     'cx_rum.event_context.type'?: string;

package/src/session/sessionManager.d.ts

@@ -36,6 +36,7 @@ export declare class SessionManager extends SessionIdle {
     getActiveSession(): Session;
     start(): void;
     stop(): void;
+    recreateSession: () => Session;
     getPrevSession: () => PrevSession;
     getSession: () => Session;
     private initializeSession;

package/src/snapshot/snapshot.consts.d.ts

@@ -1,3 +1,4 @@
 import { SnapshotContext } from './snapshot.model';
 export declare const SNAPSHOT_MANAGER_KEY: string;
+export declare const SNAPSHOT_KEY: string;
 export declare const INITIAL_SNAPSHOT_CONTEXT: SnapshotContext;

package/src/snapshot/snapshot.model.d.ts

@@ -6,3 +6,8 @@ export interface SnapshotContext {
     hasRecording: boolean;
     hasScreenshot: boolean;
 }
+export interface StoredSnapshotState {
+    snapshot: SnapshotContext;
+    fragments: string[];
+    isSnapshotSentDueToRecording: boolean;
+}

package/src/snapshot/snapshotManager.d.ts

@@ -1,4 +1,5 @@
 import { SnapshotContext } from './snapshot.model';
+export declare function clearStoredSnapshotState(): void;
 export declare class SnapshotManager {
     private _currentSnapshot;
     private _fragmentsState;
@@ -13,4 +14,7 @@ export declare class SnapshotManager {
     set shouldTriggerSnapshotContext(value: boolean);
     updateSnapshot: (overrides: Partial<SnapshotContext>) => void;
     resetSnapshot: () => void;
+    private shouldPersistSnapshot;
+    private persistSnapshot;
+    private restoreSnapshot;
 }

package/src/types.d.ts

@@ -63,6 +63,7 @@ export interface UserContextConfig {
     user_id: string;
     user_name: string;
     user_email?: string;
+    account_id?: string;
     user_metadata?: {
         [key: string]: any;
     };
@@ -131,6 +132,11 @@ export interface NetworkExtraConfig {
     collectReqPayload?: boolean;
     collectResPayload?: boolean;
 }
+export interface OtelConfig {
+    maxExportBatchSize?: number;
+    scheduledDelayMillis?: number;
+    maxQueueSize?: number;
+}
 export interface CoralogixBrowserSdkConfig {
     public_key?: string;
     application: string;
@@ -163,6 +169,7 @@ export interface CoralogixBrowserSdkConfig {
     supportMfe?: boolean;
     workerSupport?: boolean;
     tracesExporter?: (data: TraceExporterData) => void;
+    otelConfig?: OtelConfig;
     runOutsideAngularZone?: boolean;
     sdkFetchPriority?: RequestPriority;
 }
@@ -179,6 +186,7 @@ export interface CoralogixOtelWebType extends SendLog {
     measureUserAgentSpecificMemory: () => void;
     getUserContext: () => UserContextConfig | undefined;
     getSessionId: () => string | undefined;
+    createNewSession: () => void;
     stopSessionRecording: () => void;
     startSessionRecording: () => void;
     screenshot: (description?: string) => string | undefined;
@@ -211,6 +219,8 @@ export interface NetworkRequestContext {
     fragments: string;
     host: string;
     schema: string;
+    subdomain?: string;
+    domain?: string;
     status_text: string;
     response_content_length: string;
     duration: number;
@@ -239,6 +249,8 @@ export interface InteractionContext {
     element_width?: number;
     element_height?: number;
     element_fingerprint?: string;
+    is_dead_click?: boolean;
+    is_rage_click?: boolean;
 }
 export interface LayoutContext {
     viewport_width: number;
@@ -285,6 +297,7 @@ export interface UserMetadata {
     user_id: string;
     user_name?: string;
     user_email?: string;
+    account_id?: string;
     user_metadata?: {
         [key: string]: any;
     };
@@ -335,7 +348,15 @@ export interface PageContext {
     page_url: string;
     page_url_blueprint: string;
     page_fragments: string;
+    schema?: string;
+    subdomain?: string;
+    domain?: string;
+    host?: string;
     referrer: string;
+    referrer_schema?: string;
+    referrer_subdomain?: string;
+    referrer_domain?: string;
+    referrer_host?: string;
 }
 export interface CxRumEvent extends EventTypeContext {
     browser_sdk: {
@@ -416,7 +437,7 @@ export interface GenericLabelProvider {
 }
 export type LabelProvider = UrlBasedLabelProvider | GenericLabelProvider;
 export type InputType = 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';
-export interface EditableCxRumEvent extends Omit<CxRumEvent, 'session_context' | 'browser_sdk' | 'timestamp'> {
+export interface EditableCxRumEvent extends Omit<CxRumEvent, 'session_context' | 'browser_sdk' | 'timestamp' | 'isNavigationEvent' | 'isSnapshotEvent' | 'view_number'> {
     session_context: Pick<SessionContext, keyof UserMetadata>;
 }
 interface BrowserCompatibility {

package/src/utils/all.d.ts

@@ -6,6 +6,14 @@ export declare function getInstrumentationConfig<T>(value: T | boolean | undefin
 export declare const hrTimeToMilliseconds: ([seconds, nanoseconds]: [number, number]) => number;
 export declare const isNetworkError: (status?: number) => boolean;
 export declare const getUrlFragments: (url: string) => string;
+type UrlParts = {
+    schema: string;
+    subdomain: string;
+    domain: string;
+    host: string;
+};
+export declare const getUrlParts: (url: string) => UrlParts | undefined;
+export declare const getCachedUrlParts: (cacheKey: string, url: string) => UrlParts | undefined;
 export declare function parseUserAgent(userAgent: string): UserAgentData;
 export declare function calculateTotalBlockingTime(list: PerformanceEntry[]): number;
 export declare function generateWebVitalUniqueID(): string;
@@ -23,3 +31,4 @@ export declare function applyUrlBluePrinters({ url, blueprinters, }: {
 export declare function resolvePageContext(url: string): PageContext;
 export declare function deepClone<T>(obj: T): T;
 export declare function partition<T>(array: T[], predicate: (value: T) => boolean): [T[], T[]];
+export {};

package/src/version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "3.16.0";
+export declare const SDK_VERSION = "3.19.0";