@coralogix/browser 3.19.1 → 3.20.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## 3.20.0 (2026-07-21)
+
+### 🚀 Features
+
+- Add Proofpoint env
+
+## 3.19.4 (2026-07-20)
+
+### 🩹 Fixes
+
+- Improve dead-click handling and referrer path resolution
+
+## 3.19.3 (2026-07-14)
+
+### 🩹 Fixes
+
+- Improve action-name attribute detection in nested elements
+
+## 3.19.2 (2026-07-13)
+
+### 🩹 Fixes
+
+- fingerprint the clickable ancestor, not the raw click target
+
 ## 3.19.1 (2026-07-12)
 
 ### 🩹 Fixes

package/index.esm2.js

@@ -2198,6 +2198,7 @@ function handleMutations(mutations) {
 }
 
 var PARENT_SEARCH_DEPTH = 5;
+var ACTION_NAME_SEARCH_DEPTH = 10;
 var POINTER_CURSOR = 'pointer';
 var CLICKABLE_SELECTOR = 'a, button, input, select, textarea, label, summary, option, li, ' +
     '[role="button"], [role="link"], [role="tab"], ' +
@@ -2214,7 +2215,7 @@ function getAttributeFromAncestors(element, attr, depth) {
     return getAttributeFromAncestors(element.parentElement, attr, depth - 1);
 }
 function extractActionName(el) {
-    return getAttributeFromAncestors(el, CX_ACTION_NAME_ATTRIBUTE);
+    return getAttributeFromAncestors(el, CX_ACTION_NAME_ATTRIBUTE, ACTION_NAME_SEARCH_DEPTH);
 }
 function extractAriaLabel(el) {
     return getAttributeFromAncestors(el, ARIA_LABEL_ATTRIBUTE);
@@ -2223,14 +2224,14 @@ function extractTestId(el) {
     return (el === null || el === void 0 ? void 0 : el.getAttribute(DATA_TEST_ATTRIBUTE)) || '';
 }
 function extractResolvedName(_a) {
-    var element = _a.element, clickableElement = _a.clickableElement, config = _a.config, actionName = _a.actionName, ariaLabel = _a.ariaLabel;
+    var element = _a.element, 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(clickableElement) || '');
+    return (ariaLabel || getPlaceholder(element) || getInnerText(element) || '');
 }
 function getPlaceholder(element) {
     if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {
@@ -2588,13 +2589,12 @@ var CoralogixUserInteractionInstrumentation = (function (_super) {
             }
             if (eventTarget instanceof Element) {
                 var clickableElement = findClickableElement(eventTarget);
-                var elementText = extractMaskedOrTextContent(clickableElement, config);
+                var elementText = extractMaskedOrTextContent(eventTarget, config);
                 var cxActionName = extractActionName(eventTarget);
                 var ariaLabel = extractAriaLabel(eventTarget);
                 var testId = extractTestId(eventTarget);
                 var resolvedName = extractResolvedName({
-                    element: eventTarget,
-                    clickableElement: clickableElement,
+                    element: clickableElement !== null && clickableElement !== void 0 ? clickableElement : eventTarget,
                     config: config,
                     actionName: cxActionName,
                     ariaLabel: ariaLabel,
@@ -2603,7 +2603,7 @@ var CoralogixUserInteractionInstrumentation = (function (_super) {
                 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);
+                var fingerprint = getElementFingerprint(clickableElement !== null && clickableElement !== void 0 ? clickableElement : eventTarget);
                 if (fingerprint) {
                     span.setAttribute(CoralogixAttributes.ELEMENT_FINGERPRINT, fingerprint);
                     var isRageClick = clickableElement
@@ -3073,7 +3073,9 @@ var idPatterns = [
 var PATH_ID_PLACEHOLDER = '/{id}';
 var NUMERIC_PATH_SEGMENT_REGEX = /\/(?![vV]\d{1,2}\/)([^/\d?]*\d+[^/?]*)/g;
 function replaceNumericPathSegments(url) {
-    var replacePath = function (s) { return s.replace(NUMERIC_PATH_SEGMENT_REGEX, PATH_ID_PLACEHOLDER); };
+    var replacePath = function (s) {
+        return s.replace(NUMERIC_PATH_SEGMENT_REGEX, PATH_ID_PLACEHOLDER);
+    };
     try {
         var origin_1 = new URL(url).origin;
         if (origin_1 === 'null' || !url.startsWith(origin_1))
@@ -3224,6 +3226,7 @@ var CoralogixDomainsApiUrlMap = {
     AP1: 'https://ingress.ap1.rum-ingress-coralogix.com',
     AP2: 'https://ingress.ap2.rum-ingress-coralogix.com',
     AP3: 'https://ingress.ap3.rum-ingress-coralogix.com',
+    PROOFPOINT: 'https://ingress.proofpoint.rum-ingress-coralogix.com',
     STAGING: 'https://ingress.staging.rum-ingress-coralogix.com',
 };
 var PROXY_CX_FORWARD_PARAMETER = 'cxforward';
@@ -3338,7 +3341,8 @@ var getCachedUrlParts = function (cacheKey, url) {
     }
     catch (_c) {
     }
-    var parts = getUrlParts(url);
+    var baseParts = getUrlParts(url);
+    var parts = baseParts && __assign(__assign({}, baseParts), { path: getUrlFragments(url) });
     try {
         (_b = CxGlobal.sessionStorage) === null || _b === void 0 ? void 0 : _b.setItem(cacheKey, JSON.stringify({ url: url, parts: parts }));
     }
@@ -3505,6 +3509,7 @@ function resolvePageContext(url) {
         domain: urlParts === null || urlParts === void 0 ? void 0 : urlParts.domain,
         host: urlParts === null || urlParts === void 0 ? void 0 : urlParts.host,
         referrer: document.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,
         referrer_domain: referrerParts === null || referrerParts === void 0 ? void 0 : referrerParts.domain,
@@ -5039,7 +5044,7 @@ function resolveUrlBlueprinters(urlBlueprinters) {
     return resolvedUrlBlueprinters;
 }
 
-var SDK_VERSION = '3.19.1';
+var SDK_VERSION = '3.20.0';
 
 function shouldDropEvent(cxRumEvent, options) {
     if (isDocumentErrorWithoutMessage(cxRumEvent)) {
@@ -5199,9 +5204,9 @@ var CoralogixSpanMapProcessor = (function () {
         return Promise.resolve(undefined);
     };
     CoralogixSpanMapProcessor.prototype._mapToCxSpan = function (span, session, prevSession, sessionHasRecording, sessionHasScreenshot, onlySessionWithErrorMode) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        var _l = session || {}, sessionId = _l.sessionId, sessionCreationDate = _l.sessionCreationDate;
-        var _m = prevSession || {}, prevSessionId = _m.sessionId, prevSessionCreationDate = _m.sessionCreationDate, prevSessionHasRecording = _m.hasRecording, prevSessionHasScreenshot = _m.hasScreenshot;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _m = session || {}, sessionId = _m.sessionId, sessionCreationDate = _m.sessionCreationDate;
+        var _o = prevSession || {}, prevSessionId = _o.sessionId, prevSessionCreationDate = _o.sessionCreationDate, prevSessionHasRecording = _o.hasRecording, prevSessionHasScreenshot = _o.hasScreenshot;
         var attributes = span.attributes;
         var user_context = JSON.parse(attributes[CoralogixAttributes.USER_CONTEXT]);
         var application_context = JSON.parse(attributes[CoralogixAttributes.APPLICATION_CONTEXT]);
@@ -5232,7 +5237,7 @@ var CoralogixSpanMapProcessor = (function () {
             text: {
                 cx_rum: __assign(__assign({ fingerPrint: fingerPrint, platform: 'browser', timestamp: timestamp }, eventTypeContext), { browser_sdk: {
                         version: SDK_VERSION,
-                    }, version_metadata: version_metadata, session_context: __assign(__assign(__assign(__assign({}, user_context), { session_id: sessionId, session_creation_date: sessionCreationDate, prev_session: prevSessionId
+                    }, version_metadata: version_metadata, session_context: __assign(__assign(__assign(__assign({}, user_context), { user_id: String((_b = user_context === null || user_context === void 0 ? void 0 : user_context.user_id) !== null && _b !== void 0 ? _b : ''), session_id: sessionId, session_creation_date: sessionCreationDate, prev_session: prevSessionId
                             ? {
                                 session_id: prevSessionId,
                                 session_creation_date: prevSessionCreationDate,
@@ -5244,13 +5249,13 @@ var CoralogixSpanMapProcessor = (function () {
                         source: attributes[CoralogixAttributes.SOURCE],
                         severity: severity,
                     }, labels: labels, environment: attributes[CoralogixAttributes.ENVIRONMENT] || '', view_number: getSessionManager().viewNumber, layout_context: {
-                        viewport_width: (_b = window === null || window === void 0 ? void 0 : window.innerWidth) !== null && _b !== void 0 ? _b : 0,
-                        viewport_height: (_c = window === null || window === void 0 ? void 0 : window.innerHeight) !== null && _c !== void 0 ? _c : 0,
-                        view_width: (_e = (_d = document === null || document === void 0 ? void 0 : document.documentElement) === null || _d === void 0 ? void 0 : _d.scrollWidth) !== null && _e !== void 0 ? _e : 0,
-                        view_height: (_g = (_f = document === null || document === void 0 ? void 0 : document.documentElement) === null || _f === void 0 ? void 0 : _f.scrollHeight) !== null && _g !== void 0 ? _g : 0,
-                        device_pixel_ratio: (_h = window === null || window === void 0 ? void 0 : window.devicePixelRatio) !== null && _h !== void 0 ? _h : 1,
-                        scroll_x: (_j = window === null || window === void 0 ? void 0 : window.scrollX) !== null && _j !== void 0 ? _j : 0,
-                        scroll_y: (_k = window === null || window === void 0 ? void 0 : window.scrollY) !== null && _k !== void 0 ? _k : 0,
+                        viewport_width: (_c = window === null || window === void 0 ? void 0 : window.innerWidth) !== null && _c !== void 0 ? _c : 0,
+                        viewport_height: (_d = window === null || window === void 0 ? void 0 : window.innerHeight) !== null && _d !== void 0 ? _d : 0,
+                        view_width: (_f = (_e = document === null || document === void 0 ? void 0 : document.documentElement) === null || _e === void 0 ? void 0 : _e.scrollWidth) !== null && _f !== void 0 ? _f : 0,
+                        view_height: (_h = (_g = document === null || document === void 0 ? void 0 : document.documentElement) === null || _g === void 0 ? void 0 : _g.scrollHeight) !== null && _h !== void 0 ? _h : 0,
+                        device_pixel_ratio: (_j = window === null || window === void 0 ? void 0 : window.devicePixelRatio) !== null && _j !== void 0 ? _j : 1,
+                        scroll_x: (_k = window === null || window === void 0 ? void 0 : window.scrollX) !== null && _k !== void 0 ? _k : 0,
+                        scroll_y: (_l = window === null || window === void 0 ? void 0 : window.scrollY) !== null && _l !== void 0 ? _l : 0,
                     } }),
             },
         };

package/package.json

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

package/src/constants.d.ts

@@ -74,6 +74,7 @@ export declare const CoralogixDomainsApiUrlMap: {
     AP1: string;
     AP2: string;
     AP3: string;
+    PROOFPOINT: string;
     STAGING: string;
 };
 export declare const PROXY_CX_FORWARD_PARAMETER = "cxforward";

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

@@ -2,9 +2,8 @@ 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, clickableElement, config, actionName, ariaLabel, }: {
+export declare function extractResolvedName({ element, config, actionName, ariaLabel, }: {
     element: Element | HTMLElement | null;
-    clickableElement: Element | HTMLElement | null;
     config: CoralogixBrowserSdkConfig;
     actionName: string;
     ariaLabel: string;

package/src/types.d.ts

@@ -354,6 +354,7 @@ export interface PageContext {
     domain?: string;
     host?: string;
     referrer: string;
+    referrer_path?: string;
     referrer_schema?: string;
     referrer_subdomain?: string;
     referrer_domain?: string;

package/src/utils/all.d.ts

@@ -11,6 +11,7 @@ type UrlParts = {
     subdomain: string;
     domain: string;
     host: string;
+    path?: string;
 };
 export declare const getUrlParts: (url: string) => UrlParts | undefined;
 export declare const getCachedUrlParts: (cacheKey: string, url: string) => UrlParts | undefined;

package/src/version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "3.19.1";
+export declare const SDK_VERSION = "3.20.0";