@gemx-dev/clarity-js 0.8.66 → 0.8.68

package/build/clarity.js

@@ -174,6 +174,7 @@ var config$3 = {
     conversions: false,
     includeSubdomains: true,
     modules: [],
+    diagnostics: false,
     excludeClassNames: [],
     externalSession: false,
     userId: null,
@@ -211,7 +212,7 @@ function stop$K() {
     startTime = 0;
 }
 
-var version$1 = "0.8.66";
+var version$1 = "0.8.68";
 
 // tslint:disable: no-bitwise
 function hash (input, precision) {
@@ -274,10 +275,7 @@ function text$1(value, hint, privacy, mangle, type) {
                     case "href":
                     case "xlink:href":
                         if (privacy === 3 /* Privacy.TextImage */) {
-                            if (hint === 'src' && (value === null || value === void 0 ? void 0 : value.startsWith('blob:'))) {
-                                return 'blob:';
-                            }
-                            return "" /* Data.Constant.Empty */;
+                            return (value === null || value === void 0 ? void 0 : value.startsWith('blob:')) ? 'blob:' : "" /* Data.Constant.Empty */;
                         }
                         return value;
                     case "value":
@@ -1384,6 +1382,18 @@ function check$5(id, target, input) {
     }
 }
 
+/**
+ * Pre-computed arrays for better minification and performance
+ * These replace comma-separated strings that were previously split at runtime
+ */
+// Pre-computed mask arrays (replaces Mask.Text.split(), etc.)
+var MaskTextList = ["address", "password", "contact"];
+var MaskDisableList = ["radio", "checkbox", "range", "button", "reset", "submit"];
+var MaskExcludeList = ["password", "secret", "pass", "social", "ssn", "code", "hidden"];
+var MaskTagsList = ["INPUT", "SELECT", "TEXTAREA"];
+// Pre-computed exclude class names (replaces Constant.ExcludeClassNames.split())
+var ExcludeClassNamesList = ["load", "active", "fixed", "visible", "focus", "show", "collaps", "animat"];
+
 var state$a = [];
 function start$E() {
     reset$o();
@@ -1395,7 +1405,7 @@ function recompute$8(evt) {
     var element = target(evt);
     if (element) {
         var value = element.value;
-        var checksum = value && value.length >= 5 /* Setting.WordLength */ && config$3.fraud && "password,secret,pass,social,ssn,code,hidden" /* Mask.Exclude */.indexOf(element.type) === -1 ? hash(value, 28 /* Setting.ChecksumPrecision */) : "" /* Constant.Empty */;
+        var checksum = value && value.length >= 5 /* Setting.WordLength */ && config$3.fraud && MaskExcludeList.indexOf(element.type) === -1 ? hash(value, 28 /* Setting.ChecksumPrecision */) : "" /* Constant.Empty */;
         state$a.push({ time: time(evt), event: 42 /* Event.Change */, data: { target: target(evt), type: element.type, value: value, checksum: checksum } });
         schedule(encode$4.bind(this, 42 /* Event.Change */));
     }
@@ -1424,6 +1434,7 @@ function offset(element) {
 }
 
 var UserInputTags = ["input", "textarea", "radio", "button", "canvas", "select"];
+var VM_PATTERN = /VM\d/;
 var state$9 = [];
 function start$D() {
     reset$n();
@@ -1456,8 +1467,9 @@ function handler$4(event, root, evt) {
         x = Math.round(l.x + (l.w / 2));
         y = Math.round(l.y + (l.h / 2));
     }
-    var eX = l ? Math.max(Math.floor(((x - l.x) / l.w) * 32767 /* Setting.ClickPrecision */), 0) : 0;
-    var eY = l ? Math.max(Math.floor(((y - l.y) / l.h) * 32767 /* Setting.ClickPrecision */), 0) : 0;
+    var relativeCoords = computeRelativeCoordinates(t, x, y, l);
+    var eX = relativeCoords.eX;
+    var eY = relativeCoords.eY;
     // Check for null values before processing this event
     if (x !== null && y !== null) {
         var textInfo = text(t);
@@ -1483,6 +1495,7 @@ function handler$4(event, root, evt) {
                 tag: getElementAttribute(t, "tagName").substring(0, 10 /* Setting.ClickTag */),
                 class: getElementAttribute(t, "className").substring(0, 50 /* Setting.ClickClass */),
                 id: getElementAttribute(t, "id").substring(0, 25 /* Setting.ClickId */),
+                source: config$3.diagnostics && !evt.isTrusted ? source() : 0 /* ClickSource.Undefined */
             }
         });
         schedule(encode$4.bind(this, event));
@@ -1534,7 +1547,9 @@ function getElementAttribute(element, attribute) {
 }
 function layout$1(element) {
     var box = null;
-    var de = document.documentElement;
+    var doc = element.ownerDocument || document;
+    var de = doc.documentElement;
+    var win = doc.defaultView || window;
     if (typeof element.getBoundingClientRect === "function") {
         // getBoundingClientRect returns rectangle relative positioning to viewport
         var rect = element.getBoundingClientRect();
@@ -1543,16 +1558,46 @@ function layout$1(element) {
             // Also: using Math.floor() instead of Math.round() because in Edge,
             // getBoundingClientRect returns partial pixel values (e.g. 162.5px) and Chrome already
             // floors the value (e.g. 162px). This keeps consistent behavior across browsers.
+            var scrollLeft = "pageXOffset" in win ? win.pageXOffset : de.scrollLeft;
+            var scrollTop = "pageYOffset" in win ? win.pageYOffset : de.scrollTop;
             box = {
-                x: Math.floor(rect.left + ("pageXOffset" in window ? window.pageXOffset : de.scrollLeft)),
-                y: Math.floor(rect.top + ("pageYOffset" in window ? window.pageYOffset : de.scrollTop)),
+                x: Math.floor(rect.left + scrollLeft),
+                y: Math.floor(rect.top + scrollTop),
                 w: Math.floor(rect.width),
                 h: Math.floor(rect.height)
             };
+            // If this element is inside an iframe, add the iframe's offset to get parent-page coordinates
+            var frame = iframe(doc);
+            if (frame) {
+                var distance = offset(frame);
+                box.x += Math.round(distance.x);
+                box.y += Math.round(distance.y);
+            }
         }
     }
     return box;
 }
+function computeRelativeCoordinates(element, x, y, l) {
+    if (!l)
+        return { eX: 0, eY: 0 };
+    var box = l;
+    var el = element;
+    var eX = Math.max(Math.floor(((x - box.x) / box.w) * 32767 /* Setting.ClickPrecision */), 0);
+    var eY = Math.max(Math.floor(((y - box.y) / box.h) * 32767 /* Setting.ClickPrecision */), 0);
+    // Walk up parent chain if coords exceed bounds (can happen with CSS-rendered text)
+    // Cap iterations to prevent performance issues with deeply nested DOM
+    var iterations = 0;
+    while ((eX > 32767 /* Setting.ClickPrecision */ || eY > 32767 /* Setting.ClickPrecision */) && el.parentElement && iterations < 10 /* Setting.ClickParentTraversal */) {
+        el = el.parentElement;
+        iterations++;
+        box = layout$1(el);
+        if (!box)
+            continue;
+        eX = Math.max(Math.floor(((x - box.x) / box.w) * 32767 /* Setting.ClickPrecision */), 0);
+        eY = Math.max(Math.floor(((y - box.y) / box.h) * 32767 /* Setting.ClickPrecision */), 0);
+    }
+    return { eX: eX, eY: eY };
+}
 function context(a) {
     if (a && a.hasAttribute("target" /* Constant.Target */)) {
         switch (a.getAttribute("target" /* Constant.Target */)) {
@@ -1563,6 +1608,29 @@ function context(a) {
     }
     return 0 /* BrowsingContext.Self */;
 }
+function source() {
+    source.dn = 1 /* FunctionNames.ClickSource */;
+    try {
+        var stack = new Error().stack || "";
+        var origin_1 = location.origin;
+        var result = 4 /* ClickSource.Unknown */;
+        for (var _i = 0, _a = stack.split("\n"); _i < _a.length; _i++) {
+            var line = _a[_i];
+            if (line.indexOf("://") >= 0) {
+                result = line.indexOf("extension") < 0 && line.indexOf(origin_1) >= 0
+                    ? 1 /* ClickSource.FirstParty */
+                    : 2 /* ClickSource.ThirdParty */;
+            }
+            else if (line.indexOf("eval") >= 0 || line.indexOf("Function") >= 0 || line.indexOf("<a") >= 0 || VM_PATTERN.test(line)) {
+                result = 3 /* ClickSource.Eval */;
+            }
+        }
+        return result;
+    }
+    catch (_b) {
+        return 4 /* ClickSource.Unknown */;
+    }
+}
 function reset$n() {
     state$9 = [];
 }
@@ -2458,15 +2526,21 @@ function check$4(tag) {
 }
 function start$o() {
     var _a;
-    window.clarityOverrides = window.clarityOverrides || {};
-    if (((_a = window.customElements) === null || _a === void 0 ? void 0 : _a.define) && !window.clarityOverrides.define) {
-        window.clarityOverrides.define = window.customElements.define;
-        window.customElements.define = function () {
-            if (active()) {
-                register$1(arguments[0]);
-            }
-            return window.clarityOverrides.define.apply(this, arguments);
-        };
+    // Wrap in try-catch to handle Safari iOS where window properties or customElements.define may be readonly
+    try {
+        window.clarityOverrides = window.clarityOverrides || {};
+        if (((_a = window.customElements) === null || _a === void 0 ? void 0 : _a.define) && !window.clarityOverrides.define) {
+            window.clarityOverrides.define = window.customElements.define;
+            window.customElements.define = function () {
+                if (active()) {
+                    register$1(arguments[0]);
+                }
+                return window.clarityOverrides.define.apply(this, arguments);
+            };
+        }
+    }
+    catch (e) {
+        // customElements.define or window properties are readonly in this environment (e.g., Safari iOS WKWebView)
     }
 }
 function reset$a() {
@@ -2603,7 +2677,7 @@ function encode$5 (type, timer, ts) {
                                 case "attributes":
                                     for (attr in data[key]) {
                                         if (data[key][attr] !== undefined) {
-                                            tokens.push(attribute$1(attr, data[key][attr], privacy));
+                                            tokens.push(attribute$1(attr, data[key][attr], privacy, data.tag));
                                         }
                                     }
                                     break;
@@ -2653,7 +2727,10 @@ function size(value) {
 function str(input) {
     return input.toString(36);
 }
-function attribute$1(key, value, privacy) {
+function attribute$1(key, value, privacy, tag) {
+    if (key === "href" /* Constant.Href */ && tag === "LINK" /* Constant.LinkTag */) {
+        return "".concat(key, "=").concat(value);
+    }
     return "".concat(key, "=").concat(text$1(value, key.indexOf("data-" /* Constant.DataAttribute */) === 0 ? "data-" /* Constant.DataAttribute */ : key, privacy));
 }
 
@@ -3082,7 +3159,7 @@ function proxyStyleRules(win) {
     // by injecting CSS using insertRule API vs. appending text node. A side effect of
     // using javascript API is that it doesn't trigger DOM mutation and therefore we
     // need to override the insertRule API and listen for changes manually.
-    if (win.clarityOverrides.InsertRule === undefined) {
+    if ("CSSStyleSheet" in win && win.CSSStyleSheet && win.CSSStyleSheet.prototype && win.clarityOverrides.InsertRule === undefined) {
         win.clarityOverrides.InsertRule = win.CSSStyleSheet.prototype.insertRule;
         win.CSSStyleSheet.prototype.insertRule = function () {
             if (active()) {
@@ -3091,7 +3168,7 @@ function proxyStyleRules(win) {
             return win.clarityOverrides.InsertRule.apply(this, arguments);
         };
     }
-    if ("CSSMediaRule" in win && win.clarityOverrides.MediaInsertRule === undefined) {
+    if ("CSSMediaRule" in win && win.CSSMediaRule && win.CSSMediaRule.prototype && win.clarityOverrides.MediaInsertRule === undefined) {
         win.clarityOverrides.MediaInsertRule = win.CSSMediaRule.prototype.insertRule;
         win.CSSMediaRule.prototype.insertRule = function () {
             if (active()) {
@@ -3100,7 +3177,7 @@ function proxyStyleRules(win) {
             return win.clarityOverrides.MediaInsertRule.apply(this, arguments);
         };
     }
-    if (win.clarityOverrides.DeleteRule === undefined) {
+    if ("CSSStyleSheet" in win && win.CSSStyleSheet && win.CSSStyleSheet.prototype && win.clarityOverrides.DeleteRule === undefined) {
         win.clarityOverrides.DeleteRule = win.CSSStyleSheet.prototype.deleteRule;
         win.CSSStyleSheet.prototype.deleteRule = function () {
             if (active()) {
@@ -3109,7 +3186,7 @@ function proxyStyleRules(win) {
             return win.clarityOverrides.DeleteRule.apply(this, arguments);
         };
     }
-    if ("CSSMediaRule" in win && win.clarityOverrides.MediaDeleteRule === undefined) {
+    if ("CSSMediaRule" in win && win.CSSMediaRule && win.CSSMediaRule.prototype && win.clarityOverrides.MediaDeleteRule === undefined) {
         win.clarityOverrides.MediaDeleteRule = win.CSSMediaRule.prototype.deleteRule;
         win.CSSMediaRule.prototype.deleteRule = function () {
             if (active()) {
@@ -3121,7 +3198,7 @@ function proxyStyleRules(win) {
     // Add a hook to attachShadow API calls
     // In case we are unable to add a hook and browser throws an exception,
     // reset attachShadow variable and resume processing like before
-    if (win.clarityOverrides.AttachShadow === undefined) {
+    if ("Element" in win && win.Element && win.Element.prototype && win.clarityOverrides.AttachShadow === undefined) {
         win.clarityOverrides.AttachShadow = win.Element.prototype.attachShadow;
         try {
             win.Element.prototype.attachShadow = function () {
@@ -3535,7 +3612,7 @@ function getAttributes$1(element) {
     return output;
 }
 
-var excludeClassNames = "load,active,fixed,visible,focus,show,collaps,animat" /* Constant.ExcludeClassNames */.split("," /* Constant.Comma */);
+var excludeClassNames = ExcludeClassNamesList;
 var extraExcludeClassNames = [];
 var selectorMap = {};
 function reset$8() {
@@ -3676,10 +3753,10 @@ function reset$7() {
     hashMap = {};
     override = [];
     unmask = [];
-    maskText = "address,password,contact" /* Mask.Text */.split("," /* Constant.Comma */);
-    maskExclude = "password,secret,pass,social,ssn,code,hidden" /* Mask.Exclude */.split("," /* Constant.Comma */);
-    maskDisable = "radio,checkbox,range,button,reset,submit" /* Mask.Disable */.split("," /* Constant.Comma */);
-    maskTags = "INPUT,SELECT,TEXTAREA" /* Mask.Tags */.split("," /* Constant.Comma */);
+    maskText = MaskTextList;
+    maskExclude = MaskExcludeList;
+    maskDisable = MaskDisableList;
+    maskTags = MaskTagsList;
     nodesMap = new Map();
     idMap$1 = new WeakMap();
     iframeMap = new WeakMap();
@@ -4293,6 +4370,7 @@ function encode$4 (type, ts) {
                         tokens.push(entry.data.tag);
                         tokens.push(entry.data.class);
                         tokens.push(entry.data.id);
+                        tokens.push(entry.data.source);
                         queue(tokens);
                         track$2(entry.time, entry.event, cHash, entry.data.x, entry.data.y, entry.data.reaction, entry.data.context);
                     }
@@ -4528,7 +4606,7 @@ function encode$3 (type) {
                                         case "attributes":
                                             for (attr in data[key]) {
                                                 if (data[key][attr] !== undefined) {
-                                                    tokens.push(attribute(attr, data[key][attr], privacy));
+                                                    tokens.push(attribute(attr, data[key][attr], privacy, data.tag));
                                                 }
                                             }
                                             break;
@@ -4547,7 +4625,10 @@ function encode$3 (type) {
         });
     });
 }
-function attribute(key, value, privacy) {
+function attribute(key, value, privacy, tag) {
+    if (key === "href" /* Constant.Href */ && tag === "LINK" /* Constant.LinkTag */) {
+        return "".concat(key, "=").concat(value);
+    }
     return "".concat(key, "=").concat(text$1(value, key.indexOf("data-" /* Constant.DataAttribute */) === 0 ? "data-" /* Constant.DataAttribute */ : key, privacy));
 }
 
@@ -5617,10 +5698,16 @@ function processConsent() {
     if (!(ics === null || ics === void 0 ? void 0 : ics.getConsentState)) {
         return;
     }
-    var analytics_storage = ics.getConsentState("analytics_storage" /* Constant.AnalyticsStorage */);
-    var ad_storage = ics.getConsentState("ad_storage" /* Constant.AdStorage */);
-    var consentState = getGcmConsentState({ ad_Storage: ad_storage, analytics_Storage: analytics_storage });
-    consentv2(consentState);
+    try {
+        var analytics_storage = ics.getConsentState("analytics_storage" /* Constant.AnalyticsStorage */);
+        var ad_storage = ics.getConsentState("ad_storage" /* Constant.AdStorage */);
+        var consentState = getGcmConsentState({ ad_Storage: ad_storage, analytics_Storage: analytics_storage });
+        consentv2(consentState);
+    }
+    catch (_b) {
+        // Handle GTM errors gracefully (e.g., misconfigured consent initialization)
+        return;
+    }
 }
 function getGcmConsentState(googleConsent) {
     var consentState = {
@@ -5664,6 +5751,7 @@ var data$2 = null;
 var callbacks = [];
 var electron = 0 /* BooleanFlag.False */;
 var consentStatus = null;
+var cookiesLogged = false;
 var defaultStatus = { source: 7 /* ConsentSource.Default */, ad_Storage: "denied" /* Constant.Denied */, analytics_Storage: "denied" /* Constant.Denied */ };
 function start$8() {
     var _a, _b, _c;
@@ -5719,14 +5807,6 @@ function start$8() {
         max(15 /* Metric.ScreenHeight */, Math.round(screen.height));
         max(16 /* Metric.ColorDepth */, Math.round(screen.colorDepth));
     }
-    // Read cookies specified in configuration
-    for (var _i = 0, _d = config$3.cookies; _i < _d.length; _i++) {
-        var key = _d[_i];
-        var value = getCookie(key);
-        if (value) {
-            set(key, value);
-        }
-    }
     // Track consent config
     // If consent status is not already set, initialize it based on project configuration. Otherwise, use the existing consent status.
     if (consentStatus === null) {
@@ -5736,6 +5816,7 @@ function start$8() {
             analytics_Storage: config$3.track ? "granted" /* Constant.Granted */ : "denied" /* Constant.Denied */,
         };
     }
+    logCookies();
     var consent = getConsentData(consentStatus);
     config$1(consent);
     // Track ids using a cookie if configuration allows it, skip if using external session
@@ -5759,8 +5840,25 @@ function userAgentData() {
         log(22 /* Dimension.Platform */, navigator.platform);
     }
 }
+function logCookies() {
+    // Only log cookies if both analytics_Storage and ad_Storage are granted, and we haven't already logged them
+    if (cookiesLogged || (consentStatus === null || consentStatus === void 0 ? void 0 : consentStatus.analytics_Storage) !== "granted" /* Constant.Granted */ || (consentStatus === null || consentStatus === void 0 ? void 0 : consentStatus.ad_Storage) !== "granted" /* Constant.Granted */) {
+        return;
+    }
+    for (var _i = 0, _a = config$3.cookies; _i < _a.length; _i++) {
+        var key = _a[_i];
+        var value = getCookie(key);
+        if (value) {
+            set(key, value);
+        }
+    }
+    cookiesLogged = true;
+}
 function stop$8() {
     data$2 = null;
+    // Reset cookiesLogged so cookies are re-logged on restart. Each session generates new metadata
+    // (sessionId, pageNum), and cookie values need to be recorded in the new session's data stream.
+    cookiesLogged = false;
     callbacks.forEach(function (cb) { cb.called = false; });
 }
 function metadata(cb, wait, recall, consentInfo) {
@@ -5792,12 +5890,15 @@ function consent(status) {
         return;
     }
     consentv2({ source: 4 /* ConsentSource.APIv1 */, ad_Storage: "granted" /* Constant.Granted */, analytics_Storage: "granted" /* Constant.Granted */ });
-    consent$1();
 }
 function consentv2(consentState, source) {
     var _a;
     if (consentState === void 0) { consentState = defaultStatus; }
     if (source === void 0) { source = 5 /* ConsentSource.APIv2 */; }
+    // Guard against calling consent API when Clarity hasn't started (e.g., due to GPC)
+    if (!active()) {
+        return;
+    }
     var updatedStatus = {
         source: (_a = consentState.source) !== null && _a !== void 0 ? _a : source,
         ad_Storage: normalizeConsent(consentState.ad_Storage, consentStatus === null || consentStatus === void 0 ? void 0 : consentStatus.ad_Storage),
@@ -5826,6 +5927,7 @@ function consentv2(consentState, source) {
         track(user(), 1 /* BooleanFlag.True */);
         save();
     }
+    logCookies();
     trackConsentv2(consentData);
     consent$1();
 }
@@ -6111,24 +6213,38 @@ function start$6() {
     count = 0;
     bind(window, "popstate", compute$1);
     // Add a proxy to history.pushState function
+    // Wrap in try-catch to handle Safari iOS where history methods may be readonly
     if (pushState === null) {
-        pushState = history.pushState;
-        history.pushState = function () {
-            pushState.apply(this, arguments);
-            if (active() && check$1()) {
-                compute$1();
-            }
-        };
+        try {
+            pushState = history.pushState;
+            history.pushState = function () {
+                pushState.apply(this, arguments);
+                if (active() && check$1()) {
+                    compute$1();
+                }
+            };
+        }
+        catch (e) {
+            // history.pushState is readonly in this environment (e.g., Safari iOS WKWebView)
+            pushState = null;
+        }
     }
     // Add a proxy to history.replaceState function
+    // Wrap in try-catch to handle Safari iOS where history methods may be readonly
     if (replaceState === null) {
-        replaceState = history.replaceState;
-        history.replaceState = function () {
-            replaceState.apply(this, arguments);
-            if (active() && check$1()) {
-                compute$1();
-            }
-        };
+        try {
+            replaceState = history.replaceState;
+            history.replaceState = function () {
+                replaceState.apply(this, arguments);
+                if (active() && check$1()) {
+                    compute$1();
+                }
+            };
+        }
+        catch (e) {
+            // history.replaceState is readonly in this environment (e.g., Safari iOS WKWebView)
+            replaceState = null;
+        }
     }
 }
 function check$1() {
@@ -6246,12 +6362,11 @@ function start$3() {
     // The order below is important
     // and is determined by interdependencies of modules
     config$2(config$3.excludeClassNames || []);
-    console.log("\uD83D\uDE80 \uD83D\uDC25 ~ start ~ config:", config$3);
     start$n();
     start$k();
     start$l();
     if (config$3.delayDom) {
-        // Lazy load layout module as part of page load time performance improvements experiment 
+        // Lazy load layout module as part of page load time performance improvements experiment
         bind(window, 'load', function () {
             start$m();
         });
@@ -6259,10 +6374,12 @@ function start$3() {
     else {
         start$m();
     }
+    // IMPORTANT: Start custom element detection BEFORE discover
+    // This ensures pre-existing custom elements are registered before DOM traversal
+    start$o();
     start$d();
     start$q();
     start$p();
-    start$o();
 }
 function stop$3() {
     stop$i();