clarity-js 0.7.52 → 0.7.56

package/build/clarity.js

@@ -85,11 +85,11 @@ function setup() {
         w[c] = function () {
             (w[c].q = w[c].q || []).push(arguments);
             // if the start function was called, don't queue it and instead process the queue
-            arguments[0] === "start" && w[c].q.unshift(w[c].q.pop()) && process$7();
+            arguments[0] === "start" && w[c].q.unshift(w[c].q.pop()) && process$8();
         };
     }
 }
-function process$7() {
+function process$8() {
     if (typeof w !== "undefined") {
         // Do not execute or reset global "clarity" variable if a version of Clarity is already running on the page
         if (w[c] && w[c].v) {
@@ -165,7 +165,7 @@ function stop$F() {
     startTime = 0;
 }
 
-var version$1 = "0.7.52";
+var version$1 = "0.7.56";
 
 // tslint:disable: no-bitwise
 function hash (input, precision) {
@@ -542,16 +542,16 @@ function clearTimeout(handle) {
 var data$h;
 var last = 0;
 var interval = 0;
-var timeout$6 = null;
+var timeout$7 = null;
 function start$F() {
     interval = 60000 /* Setting.PingInterval */;
     last = 0;
 }
 function reset$q() {
-    if (timeout$6) {
-        clearTimeout(timeout$6);
+    if (timeout$7) {
+        clearTimeout(timeout$7);
     }
-    timeout$6 = setTimeout(ping, interval);
+    timeout$7 = setTimeout(ping, interval);
     last = time();
 }
 function ping() {
@@ -559,14 +559,14 @@ function ping() {
     data$h = { gap: now - last };
     encode$1(25 /* Event.Ping */);
     if (data$h.gap < 300000 /* Setting.PingTimeout */) {
-        timeout$6 = setTimeout(ping, interval);
+        timeout$7 = setTimeout(ping, interval);
     }
     else {
         suspend();
     }
 }
 function stop$C() {
-    clearTimeout(timeout$6);
+    clearTimeout(timeout$7);
     last = 0;
     interval = 0;
 }
@@ -1158,7 +1158,7 @@ function add(node, parent, data, source) {
     };
     privacy(node, values[id], parentValue);
     updateSelector(values[id]);
-    size$1(values[id]);
+    updateImageSize(values[id]);
     track$6(id, source);
 }
 function update$1(node, parent, data, source) {
@@ -1235,6 +1235,7 @@ function iframe(node) {
     return doc && iframeMap.has(doc) ? iframeMap.get(doc) : null;
 }
 function privacy(node, value, parent) {
+    var _a;
     var data = value.data;
     var metadata = value.metadata;
     var current = metadata.privacy;
@@ -1279,6 +1280,12 @@ function privacy(node, value, parent) {
             // In a mode where we mask sensitive information by default, look through class names to aggressively mask content
             metadata.privacy = inspect(attributes["class" /* Constant.Class */], maskText, metadata);
             break;
+        case tag === "IMG" /* Constant.ImageTag */:
+            // Mask images with blob src as it is not publicly available anyway.
+            if ((_a = attributes.src) === null || _a === void 0 ? void 0 : _a.startsWith('blob:')) {
+                metadata.privacy = 3 /* Privacy.TextImage */;
+            }
+            break;
     }
 }
 function inspect(input, lookup, metadata) {
@@ -1385,9 +1392,17 @@ function removeNodeFromNodesMap(id) {
         }
     }
 }
-function size$1(value) {
+function updateImageSize(value) {
     // If this element is a image node, and is masked, then track box model for the current element
     if (value.data.tag === "IMG" /* Constant.ImageTag */ && value.metadata.privacy === 3 /* Privacy.TextImage */) {
+        var img_1 = getNode(value.id);
+        // We will not capture the natural image dimensions until it loads. 
+        if (img_1 && (!img_1.complete || img_1.naturalWidth === 0)) {
+            // This will trigger mutation to update the original width and height after image loads.
+            bind(img_1, 'load', function () {
+                img_1.setAttribute('data-clarity-loaded', "".concat(shortid()));
+            });
+        }
         value.metadata.size = [];
     }
 }
@@ -1898,7 +1913,7 @@ function stop$s() {
     reset$h();
 }
 
-var timeout$5 = null;
+var timeout$6 = null;
 var state$6 = [];
 function start$t() {
     reset$g();
@@ -1924,23 +1939,23 @@ function recompute$6(evt) {
             state$6.pop();
         }
         state$6.push({ time: time(evt), event: 27 /* Event.Input */, data: data });
-        clearTimeout(timeout$5);
-        timeout$5 = setTimeout(process$6, 1000 /* Setting.InputLookAhead */, 27 /* Event.Input */);
+        clearTimeout(timeout$6);
+        timeout$6 = setTimeout(process$7, 1000 /* Setting.InputLookAhead */, 27 /* Event.Input */);
     }
 }
-function process$6(event) {
+function process$7(event) {
     schedule$1(encode$3.bind(this, event));
 }
 function reset$g() {
     state$6 = [];
 }
 function stop$r() {
-    clearTimeout(timeout$5);
+    clearTimeout(timeout$6);
     reset$g();
 }
 
 var state$5 = [];
-var timeout$4 = null;
+var timeout$5 = null;
 function start$s() {
     reset$f();
 }
@@ -2005,16 +2020,16 @@ function handler$2(current) {
                 state$5.pop();
             }
             state$5.push(current);
-            clearTimeout(timeout$4);
-            timeout$4 = setTimeout(process$5, 500 /* Setting.LookAhead */, current.event);
+            clearTimeout(timeout$5);
+            timeout$5 = setTimeout(process$6, 500 /* Setting.LookAhead */, current.event);
             break;
         default:
             state$5.push(current);
-            process$5(current.event);
+            process$6(current.event);
             break;
     }
 }
-function process$5(event) {
+function process$6(event) {
     schedule$1(encode$3.bind(this, event));
 }
 function reset$f() {
@@ -2029,14 +2044,15 @@ function similar$1(last, current) {
     return current.event === last.event && match && distance < 20 /* Setting.Distance */ && gap < 25 /* Setting.Interval */;
 }
 function stop$q() {
-    clearTimeout(timeout$4);
+    clearTimeout(timeout$5);
     // Send out any pending pointer events in the pipeline
     if (state$5.length > 0) {
-        process$5(state$5[state$5.length - 1].event);
+        process$6(state$5[state$5.length - 1].event);
     }
 }
 
 var data$b;
+var timeout$4 = null;
 function start$r() {
     bind(window, "resize", recompute$5);
     recompute$5();
@@ -2049,10 +2065,15 @@ function recompute$5() {
         width: de && "clientWidth" in de ? Math.min(de.clientWidth, window.innerWidth) : window.innerWidth,
         height: de && "clientHeight" in de ? Math.min(de.clientHeight, window.innerHeight) : window.innerHeight,
     };
-    encode$3(11 /* Event.Resize */);
+    clearTimeout(timeout$4);
+    timeout$4 = setTimeout(process$5, 500 /* Setting.LookAhead */, 11 /* Event.Resize */);
+}
+function process$5(event) {
+    schedule$1(encode$3.bind(this, event));
 }
 function reset$e() {
     data$b = null;
+    clearTimeout(timeout$4);
 }
 function stop$p() {
     reset$e();
@@ -2702,9 +2723,6 @@ function ld(json) {
                     max(12 /* Metric.RatingCount */, num$1(json["ratingCount" /* JsonLD.RatingCount */]));
                     max(17 /* Metric.ReviewCount */, num$1(json["reviewCount" /* JsonLD.ReviewCount */]));
                     break;
-                case "person" /* JsonLD.Author */:
-                    log(8 /* Dimension.AuthorName */, json["name" /* JsonLD.Name */]);
-                    break;
                 case "offer" /* JsonLD.Offer */:
                     log(7 /* Dimension.ProductAvailability */, json["availability" /* JsonLD.Availability */]);
                     log(14 /* Dimension.ProductCondition */, json["itemCondition" /* JsonLD.ItemCondition */]);
@@ -4500,8 +4518,11 @@ function check$2(bytes) {
 }
 function trigger(reason) {
     data$4.check = reason;
-    clear();
-    stop();
+    // limit the dimensions we collect, but we don't need to stop Clarity entirely if we hit the limit
+    if (reason !== 5 /* Check.Collection */) {
+        clear();
+        stop();
+    }
 }
 function compute$3() {
     if (data$4.check !== 0 /* Check.None */) {
@@ -4514,13 +4535,16 @@ function stop$a() {
 
 var data$3 = null;
 var updates = null;
+var limited = false;
 function start$a() {
     data$3 = {};
     updates = {};
+    limited = false;
 }
 function stop$9() {
     data$3 = {};
     updates = {};
+    limited = false;
 }
 function log(dimension, value) {
     // Check valid value before moving ahead
@@ -4531,6 +4555,14 @@ function log(dimension, value) {
             data$3[dimension] = [];
         }
         if (data$3[dimension].indexOf(value) < 0) {
+            // Limit check to ensure we have a cap on number of dimensions we can collect
+            if (data$3[dimension].length > 128 /* Setting.CollectionLimit */) {
+                if (!limited) {
+                    limited = true;
+                    trigger(5 /* Check.Collection */);
+                }
+                return;
+            }
             data$3[dimension].push(value);
             // If this is a new value, track it as part of updates object
             // This allows us to only send back new values in subsequent payloads
@@ -4538,10 +4570,6 @@ function log(dimension, value) {
                 updates[dimension] = [];
             }
             updates[dimension].push(value);
-            // Limit check to ensure we have a cap on number of dimensions we can collect
-            if (data$3[dimension].length > 128 /* Setting.CollectionLimit */) {
-                trigger(5 /* Check.Collection */);
-            }
         }
     }
 }
@@ -4550,6 +4578,7 @@ function compute$2() {
 }
 function reset$3() {
     updates = {};
+    limited = false;
 }
 
 function config$1(track) {
@@ -5319,6 +5348,9 @@ var getInteractionCountForNavigation = function () {
  * the slowest 2% of interactions, helping identify a likely P98 candidate.
  */
 var estimateP98LongestInteraction = function () {
+    if (!longestInteractionList.length) {
+        return -1;
+    }
     var candidateInteractionIndex = Math.min(longestInteractionList.length - 1, Math.floor(getInteractionCountForNavigation() / 50));
     return longestInteractionList[candidateInteractionIndex].latency;
 };
@@ -5504,7 +5536,7 @@ function start(config$1) {
         // If it's an internal call to start, without explicit configuration,
         // re-process any newly accumulated items in the queue
         if (config$1 === null) {
-            process$7();
+            process$8();
         }
     }
 }