clarity-js 0.8.24 → 0.8.26

package/build/clarity.js

@@ -15,8 +15,8 @@ var dom = /*#__PURE__*/Object.freeze({
     get parse () { return parse; },
     get removeIFrame () { return removeIFrame; },
     get sameorigin () { return sameorigin; },
-    get start () { return start$j; },
-    get stop () { return stop$h; },
+    get start () { return start$k; },
+    get stop () { return stop$i; },
     get update () { return update; },
     get updates () { return updates$2; }
 });
@@ -83,13 +83,17 @@ var clarity = /*#__PURE__*/Object.freeze({
     get event () { return event; },
     get hashText () { return hashText; },
     get identify () { return identify; },
+    get measure () { return measure; },
     get metadata () { return metadata; },
     get pause () { return pause; },
+    get queue () { return queue; },
+    get register () { return register; },
     get resume () { return resume; },
     get set () { return set; },
     get signal () { return signal; },
     get start () { return start; },
     get stop () { return stop; },
+    get time () { return time; },
     get upgrade () { return upgrade; },
     get version () { return version$1; }
 });
@@ -169,7 +173,7 @@ var startTime = 0;
 function computeStartTime() {
     return performance.now() + performance.timeOrigin;
 }
-function start$J() {
+function start$K() {
     startTime = computeStartTime();
 }
 // event.timestamp is number of milliseconds elapsed since the document was loaded
@@ -185,11 +189,11 @@ function time(event) {
     var origin = event && event.view ? event.view.performance.timeOrigin : performance.timeOrigin;
     return Math.max(Math.round(ts + origin - baseline), 0);
 }
-function stop$G() {
+function stop$H() {
     startTime = 0;
 }
 
-var version$1 = "0.8.24";
+var version$1 = "0.8.26";
 
 // tslint:disable: no-bitwise
 function hash (input, precision) {
@@ -410,7 +414,7 @@ function redact$1(value) {
 var state$b = null;
 var buffer = null;
 var update$2 = false;
-function start$I() {
+function start$J() {
     update$2 = false;
     reset$s();
 }
@@ -547,7 +551,7 @@ function compute$f() {
         encode$1(4 /* Event.Baseline */);
     }
 }
-function stop$F() {
+function stop$G() {
     reset$s();
 }
 
@@ -556,19 +560,19 @@ var baseline = /*#__PURE__*/Object.freeze({
     activity: activity,
     compute: compute$f,
     reset: reset$s,
-    start: start$I,
+    start: start$J,
     get state () { return state$b; },
-    stop: stop$F,
+    stop: stop$G,
     track: track$8,
     visibility: visibility
 });
 
 var data$k = null;
 var updateConsent = true;
-function start$H() {
+function start$I() {
     updateConsent = true;
 }
-function stop$E() {
+function stop$F() {
     updateConsent = true;
 }
 function config$1(consent) {
@@ -601,8 +605,8 @@ var consent$2 = /*#__PURE__*/Object.freeze({
     consent: consent$1,
     consentv2: consentv2$1,
     get data () { return data$k; },
-    start: start$H,
-    stop: stop$E
+    start: start$I,
+    stop: stop$F
 });
 
 var data$j = null;
@@ -625,12 +629,12 @@ function event(a, b) {
 
 var data$i = null;
 var updates$3 = null;
-function start$G() {
+function start$H() {
     data$i = {};
     updates$3 = {};
     count$1(5 /* Metric.InvokeCount */);
 }
-function stop$D() {
+function stop$E() {
     data$i = {};
     updates$3 = {};
 }
@@ -686,7 +690,7 @@ var data$h;
 var last = 0;
 var interval = 0;
 var timeout$7 = null;
-function start$F() {
+function start$G() {
     interval = 60000 /* Setting.PingInterval */;
     last = 0;
 }
@@ -708,7 +712,7 @@ function ping() {
         suspend();
     }
 }
-function stop$C() {
+function stop$D() {
     clearTimeout$1(timeout$7);
     last = 0;
     interval = 0;
@@ -718,15 +722,15 @@ var ping$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     get data () { return data$h; },
     reset: reset$q,
-    start: start$F,
-    stop: stop$C
+    start: start$G,
+    stop: stop$D
 });
 
 var data$g = null;
-function start$E() {
+function start$F() {
     data$g = {};
 }
-function stop$B() {
+function stop$C() {
     data$g = {};
 }
 function track$7(event, time) {
@@ -758,8 +762,8 @@ var summary = /*#__PURE__*/Object.freeze({
     compute: compute$c,
     get data () { return data$g; },
     reset: reset$p,
-    start: start$E,
-    stop: stop$B,
+    start: start$F,
+    stop: stop$C,
     track: track$7
 });
 
@@ -877,7 +881,7 @@ function read(stream) {
 }
 
 var data$f = null;
-function start$D() {
+function start$E() {
     reset$o();
 }
 function set(variable, value) {
@@ -939,7 +943,7 @@ function compute$b() {
 function reset$o() {
     data$f = {};
 }
-function stop$A() {
+function stop$B() {
     reset$o();
 }
 function redact(input) {
@@ -979,8 +983,8 @@ var variable = /*#__PURE__*/Object.freeze({
     identify: identify,
     reset: reset$o,
     set: set,
-    start: start$D,
-    stop: stop$A
+    start: start$E,
+    stop: stop$B
 });
 
 var data$e = {};
@@ -989,7 +993,7 @@ var variables = {};
 var selectors = {};
 var hashes = {};
 var validation = {};
-function start$C() {
+function start$D() {
     reset$n();
 }
 // Input string is of the following form:
@@ -1105,7 +1109,7 @@ function update$1(key, subkey, value) {
     }
     return;
 }
-function stop$z() {
+function stop$A() {
     reset$n();
 }
 function parse$1(variable) {
@@ -1178,8 +1182,8 @@ var extract = /*#__PURE__*/Object.freeze({
     data: data$e,
     keys: keys,
     reset: reset$n,
-    start: start$C,
-    stop: stop$z,
+    start: start$D,
+    stop: stop$A,
     trigger: trigger$2,
     update: update$1
 });
@@ -1213,18 +1217,18 @@ function signalsEvent(signalsPayload) {
 }
 
 var modules$1 = [baseline, dimension, variable, limit, summary, consent$2, metadata$1, envelope$1, upload$1, ping$1, upgrade$1, extract];
-function start$B() {
+function start$C() {
     // Metric needs to be initialized before we can start measuring. so metric is not wrapped in measure
-    start$G();
+    start$H();
     modules$1.forEach(function (x) { return measure(x.start)(); });
 }
-function stop$y() {
+function stop$z() {
     // Stop modules in the reverse order of their initialization
     // The ordering below should respect inter-module dependency.
     // E.g. if upgrade depends on upload, then upgrade needs to end before upload.
     // Similarly, if upload depends on metadata, upload needs to end before metadata.
     modules$1.slice().reverse().forEach(function (x) { return measure(x.stop)(); });
-    stop$D();
+    stop$E();
 }
 function compute$9() {
     compute$b();
@@ -1239,7 +1243,7 @@ function compute$9() {
 
 var history$5 = [];
 var data$d;
-function start$A() {
+function start$B() {
     history$5 = [];
     max(26 /* Metric.Automation */, navigator.webdriver ? 1 /* BooleanFlag.True */ : 0 /* BooleanFlag.False */);
     try {
@@ -1263,7 +1267,7 @@ function check$4(id, target, input) {
 }
 
 var state$a = [];
-function start$z() {
+function start$A() {
     reset$m();
 }
 function observe$c(root) {
@@ -1281,7 +1285,7 @@ function recompute$8(evt) {
 function reset$m() {
     state$a = [];
 }
-function stop$x() {
+function stop$y() {
     reset$m();
 }
 
@@ -1303,7 +1307,7 @@ function offset(element) {
 
 var UserInputTags = ["input", "textarea", "radio", "button", "canvas", "select"];
 var state$9 = [];
-function start$y() {
+function start$z() {
     reset$l();
 }
 function observe$b(root) {
@@ -1433,12 +1437,12 @@ function context(a) {
 function reset$l() {
     state$9 = [];
 }
-function stop$w() {
+function stop$x() {
     reset$l();
 }
 
 var state$8 = [];
-function start$x() {
+function start$y() {
     reset$k();
 }
 function observe$a(root) {
@@ -1453,13 +1457,13 @@ function recompute$7(action, evt) {
 function reset$k() {
     state$8 = [];
 }
-function stop$v() {
+function stop$w() {
     reset$k();
 }
 
 var timeout$6 = null;
 var state$7 = [];
-function start$w() {
+function start$x() {
     reset$j();
 }
 function observe$9(root) {
@@ -1493,7 +1497,7 @@ function process$7(event) {
 function reset$j() {
     state$7 = [];
 }
-function stop$u() {
+function stop$v() {
     clearTimeout$1(timeout$6);
     reset$j();
 }
@@ -1503,7 +1507,7 @@ var timeout$5 = null;
 var hasPrimaryTouch = false;
 var primaryTouchId = 0;
 var activeTouchPointIds = new Set();
-function start$v() {
+function start$w() {
     reset$i();
 }
 function observe$8(root) {
@@ -1611,7 +1615,7 @@ function similar$1(last, current) {
     var sameId = current.data.id !== undefined ? current.data.id === last.data.id : true;
     return current.event === last.event && match && distance < 20 /* Setting.Distance */ && gap < 25 /* Setting.PointerInterval */ && sameId;
 }
-function stop$t() {
+function stop$u() {
     clearTimeout$1(timeout$5);
     // Send out any pending pointer events in the pipeline
     if (state$6.length > 0) {
@@ -1671,7 +1675,7 @@ var data$c;
 var timeout$4 = null;
 var initialStateLogged = false;
 var throttledRecompute$1 = throttle(recompute$5, 500 /* Setting.LookAhead */);
-function start$u() {
+function start$v() {
     initialStateLogged = false;
     bind(window, "resize", throttledRecompute$1);
     recompute$5();
@@ -1701,7 +1705,7 @@ function reset$h() {
     clearTimeout$1(timeout$4);
     throttledRecompute$1.cleanup();
 }
-function stop$s() {
+function stop$t() {
     reset$h();
 }
 
@@ -1709,7 +1713,7 @@ var state$5 = [];
 var initialTop = null;
 var initialBottom = null;
 var timeout$3 = null;
-function start$t() {
+function start$u() {
     state$5 = [];
     recompute$4();
 }
@@ -1805,7 +1809,7 @@ function compute$8() {
         log(32 /* Dimension.InitialScrollBottom */, (_b = bottom === null || bottom === void 0 ? void 0 : bottom.hash) === null || _b === void 0 ? void 0 : _b.join("." /* Constant.Dot */));
     }
 }
-function stop$r() {
+function stop$s() {
     clearTimeout$1(timeout$3);
     throttledRecompute.cleanup();
     state$5 = [];
@@ -1816,7 +1820,7 @@ function stop$r() {
 var data$b = null;
 var previous = null;
 var timeout$2 = null;
-function start$s() {
+function start$t() {
     reset$f();
 }
 function observe$6(root) {
@@ -1860,13 +1864,13 @@ function reset$f() {
     previous = null;
     data$b = { start: 0, startOffset: 0, end: 0, endOffset: 0 };
 }
-function stop$q() {
+function stop$r() {
     reset$f();
     clearTimeout$1(timeout$2);
 }
 
 var state$4 = [];
-function start$r() {
+function start$s() {
     reset$e();
 }
 function observe$5(root) {
@@ -1879,12 +1883,12 @@ function recompute$2(evt) {
 function reset$e() {
     state$4 = [];
 }
-function stop$p() {
+function stop$q() {
     reset$e();
 }
 
 var data$a;
-function start$q() {
+function start$r() {
     bind(window, "pagehide", recompute$1);
 }
 function recompute$1(evt) {
@@ -1895,12 +1899,12 @@ function recompute$1(evt) {
 function reset$d() {
     data$a = null;
 }
-function stop$o() {
+function stop$p() {
     reset$d();
 }
 
 var data$9;
-function start$p() {
+function start$q() {
     bind(document, "visibilitychange", recompute);
     recompute();
 }
@@ -1912,37 +1916,37 @@ function recompute(evt) {
 function reset$c() {
     data$9 = null;
 }
-function stop$n() {
+function stop$o() {
     reset$c();
 }
 
-function start$o() {
-    start$h();
+function start$p() {
+    start$i();
+    start$z();
     start$y();
+    start$w();
     start$x();
     start$v();
-    start$w();
+    start$q();
     start$u();
-    start$p();
     start$t();
+    start$A();
     start$s();
-    start$z();
     start$r();
-    start$q();
 }
-function stop$m() {
-    stop$f();
+function stop$n() {
+    stop$g();
+    stop$x();
     stop$w();
+    stop$u();
     stop$v();
     stop$t();
-    stop$u();
+    stop$o();
     stop$s();
-    stop$n();
     stop$r();
+    stop$y();
     stop$q();
-    stop$x();
     stop$p();
-    stop$o();
 }
 function observe$4(root) {
     observe$7(root);
@@ -1962,8 +1966,8 @@ function observe$4(root) {
 var interaction = /*#__PURE__*/Object.freeze({
     __proto__: null,
     observe: observe$4,
-    start: start$o,
-    stop: stop$m
+    start: start$p,
+    stop: stop$n
 });
 
 // Following code takes an array of tokens and transforms it to optimize for repeating tokens and make it efficient to send over the wire
@@ -2052,7 +2056,7 @@ function proxyStyleRules$1(win) {
         }
     }
 }
-function start$n() {
+function start$o() {
     proxyStyleRules$1(window);
 }
 function checkDocumentStyles(documentNode, timestamp) {
@@ -2108,7 +2112,7 @@ function reset$b() {
     sheetAdoptionState = [];
     sheetUpdateState = [];
 }
-function stop$l() {
+function stop$m() {
     styleSheetMap = {};
     styleTimeMap = {};
     documentNodes = [];
@@ -2156,7 +2160,7 @@ var animationFinish = null;
 var animationId = 'clarityAnimationId';
 var operationCount = 'clarityOperationCount';
 var maxOperations = 20;
-function start$m() {
+function start$n() {
     if (window["Animation"] &&
         window["Animation"].prototype &&
         window["KeyframeEffect"] &&
@@ -2211,7 +2215,7 @@ function track$6(time, id, operation, keyFrames, timing, targetId, timeline) {
     });
     encode$5(44 /* Event.Animation */);
 }
-function stop$k() {
+function stop$l() {
     reset$a();
 }
 function overrideAnimationHelper(functionToOverride, name) {
@@ -2438,7 +2442,7 @@ var data$8;
 function reset$9() {
     data$8 = null;
 }
-function start$l() {
+function start$m() {
     reset$9();
     compute$6();
 }
@@ -2465,7 +2469,7 @@ function compute$6() {
         encode$5(8 /* Event.Document */);
     }
 }
-function stop$j() {
+function stop$k() {
     reset$9();
 }
 
@@ -2517,7 +2521,7 @@ var history$4 = {};
 var observedNodes = new WeakMap();
 // We ignore mutations if these attributes are updated
 var IGNORED_ATTRIBUTES = ["data-google-query-id", "data-load-complete", "data-google-container-id"];
-function start$k() {
+function start$l() {
     observers = new Set();
     queue$2 = [];
     timeout$1 = null;
@@ -2555,7 +2559,7 @@ function monitor(frame) {
         bind(frame, "load" /* Constant.LoadEvent */, generate.bind(this, frame, "childList" /* Constant.ChildList */), true);
     }
 }
-function stop$i() {
+function stop$j() {
     for (var _i = 0, _a = Array.from(observers); _i < _a.length; _i++) {
         var observer = _a[_i];
         if (observer) {
@@ -2571,7 +2575,7 @@ function stop$i() {
     timeout$1 = null;
     observedNodes = new WeakMap();
 }
-function active$2() {
+function active$3() {
     activePeriod = time() + 3000 /* Setting.MutationActivePeriod */;
 }
 function disconnect(n) {
@@ -3367,11 +3371,11 @@ var iframeMap = null; // Maps iframe's contentDocument => parent iframe element
 var iframeContentMap = null; // Maps parent iframe element => iframe's contentDocument & contentWindow
 var privacyMap = null; // Maps node => Privacy (enum)
 var fraudMap = null; // Maps node => FraudId (number)
-function start$j() {
+function start$k() {
     reset$7();
     parse(document, true);
 }
-function stop$h() {
+function stop$i() {
     reset$7();
 }
 function reset$7() {
@@ -3766,7 +3770,7 @@ var regions = {};
 var queue$1 = [];
 var watch = false;
 var observer$1 = null;
-function start$i() {
+function start$j() {
     reset$6();
     observer$1 = null;
     regionMap = new WeakMap();
@@ -3894,7 +3898,7 @@ function clone(r) {
 function reset$6() {
     state$2 = [];
 }
-function stop$g() {
+function stop$h() {
     reset$6();
     regionMap = null;
     regions = {};
@@ -3909,7 +3913,7 @@ function stop$g() {
 function target(evt) {
     var path = evt.composed && evt.composedPath ? evt.composedPath() : null;
     var node = (path && path.length > 0 ? path[0] : evt.target);
-    active$2(); // Mark active periods of time so mutations can continue uninterrupted
+    active$3(); // Mark active periods of time so mutations can continue uninterrupted
     return node && node.nodeType === Node.DOCUMENT_NODE ? node.documentElement : node;
 }
 function metadata$2(node, event, text) {
@@ -4129,7 +4133,7 @@ function encode$4 (type, ts) {
 
 var state$1 = [];
 var updates$1 = [];
-function start$h() {
+function start$i() {
     state$1 = [];
     reset$5();
 }
@@ -4176,7 +4180,7 @@ function compute$4() {
     state$1 = temp; // Drop events less than the min time
     encode$4(22 /* Event.Timeline */);
 }
-function stop$f() {
+function stop$g() {
     state$1 = [];
     reset$5();
 }
@@ -4314,6 +4318,53 @@ function add(node, parent, data) {
     }
 }
 
+var stopCallbacks = [];
+var active$2 = false;
+function start$h() {
+    active$2 = true;
+}
+function stop$f() {
+    stopCallbacks.reverse().forEach(function (callback) {
+        try {
+            callback();
+        }
+        catch (error) {
+            // Do nothing
+        }
+    });
+    stopCallbacks = [];
+    active$2 = false;
+}
+function register(stopCallback) {
+    if (active$2 && typeof stopCallback === "function") {
+        stopCallbacks.push(stopCallback);
+    }
+}
+function dynamicEvent(url) {
+    load(url);
+}
+function load(url) {
+    if (!active$2)
+        return;
+    try {
+        var script = document.createElement("script");
+        script.src = url;
+        script.async = true;
+        document.head.appendChild(script);
+    }
+    catch (error) {
+        // Do nothing
+    }
+}
+
+var dynamic = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    dynamicEvent: dynamicEvent,
+    register: register,
+    start: start$h,
+    stop: stop$f
+});
+
 var discoverBytes = 0;
 var playbackBytes = 0;
 var playback;
@@ -4434,6 +4485,10 @@ function upload(final) {
                     e = JSON.stringify(envelope(last));
                     a = "[".concat(analysis.join(), "]");
                     p = sendPlaybackBytes ? "[".concat(playback.join(), "]") : "" /* Constant.Empty */;
+                    // For final (beacon) payloads, If size is too large, we need to remove playback data
+                    if (last && p.length > 0 && (e.length + a.length + p.length > 65536 /* Setting.MaxBeaconPayloadBytes */)) {
+                        p = "" /* Constant.Empty */;
+                    }
                     encoded = { e: e, a: a, p: p };
                     payload = stringify(encoded);
                     if (!last) return [3 /*break*/, 1];
@@ -4621,6 +4676,11 @@ function response(payload) {
                     signalsEvent(parts[1]);
                 }
                 break;
+            case "MODULE" /* Constant.Module */:
+                if (parts.length > 1) {
+                    dynamicEvent(parts[1]);
+                }
+                break;
             case "SNAPSHOT" /* Constant.Snapshot */:
                 config$2.lean = false; // Disable lean mode to ensure we can send playback information to server.
                 snapshot();
@@ -4980,7 +5040,7 @@ function upgrade(key) {
         encode$1(3 /* Event.Upgrade */);
         if (config$2.lite) {
             start$c();
-            start$n();
+            start$o();
         }
     }
 }
@@ -5402,7 +5462,7 @@ function save() {
     var ts = Math.round(Date.now());
     var upload = config$2.upload && typeof config$2.upload === "string" /* Constant.String */ ? config$2.upload.replace("https://" /* Constant.HTTPS */, "" /* Constant.Empty */) : "" /* Constant.Empty */;
     var upgrade = config$2.lean ? 0 /* BooleanFlag.False */ : 1 /* BooleanFlag.True */;
-    setCookie("_clsk" /* Constant.SessionKey */, [data$2.sessionId, ts, data$2.pageNum, upgrade, upload].join("|" /* Constant.Pipe */), 1 /* Setting.SessionExpire */);
+    setCookie("_clsk" /* Constant.SessionKey */, [data$2.sessionId, ts, data$2.pageNum, upgrade, upload].join("^" /* Constant.Caret */), 1 /* Setting.SessionExpire */);
 }
 function processCallback(upgrade, consentUpdate) {
     if (consentUpdate === void 0) { consentUpdate = false; }
@@ -5442,7 +5502,7 @@ function track(u, consent) {
     // To avoid cookie churn, write user id cookie only once every day
     if (u.expiry === null || Math.abs(end - u.expiry) >= 1 /* Setting.CookieInterval */ || u.consent !== consent || u.dob !== dob) {
         var cookieParts = [data$2.userId, 2 /* Setting.CookieVersion */, end.toString(36), consent, dob];
-        setCookie("_clck" /* Constant.CookieKey */, cookieParts.join("|" /* Constant.Pipe */), 365 /* Setting.Expire */);
+        setCookie("_clck" /* Constant.CookieKey */, cookieParts.join("^" /* Constant.Caret */), 365 /* Setting.Expire */);
     }
 }
 function shortid() {
@@ -5676,6 +5736,7 @@ function measure (method) {
         if (duration > 30 /* Setting.LongTask */) {
             count$1(7 /* Metric.LongTaskCount */);
             max(6 /* Metric.ThreadBlockedTime */, duration);
+            log$1(9 /* Code.FunctionExecutionTime */, 0 /* Severity.Info */, "".concat(method.dn || method.name, "-").concat(duration));
         }
     };
 }
@@ -5786,7 +5847,7 @@ function stop$6() {
 var status = false;
 function start$5() {
     status = true;
-    start$J();
+    start$K();
     reset$4();
     reset$1();
     reset$2();
@@ -5797,7 +5858,7 @@ function stop$5() {
     reset$2();
     reset$1();
     reset$4();
-    stop$G();
+    stop$H();
     status = false;
 }
 function active() {
@@ -5853,7 +5914,7 @@ function restart() {
 }
 
 function start$4() {
-    start$A();
+    start$B();
     start$f();
     start$e();
 }
@@ -5870,29 +5931,29 @@ var diagnostic = /*#__PURE__*/Object.freeze({
 function start$3() {
     // The order below is important 
     // and is determined by interdependencies of modules
-    start$l();
-    start$i();
+    start$m();
     start$j();
+    start$k();
     if (config$2.delayDom) {
         // Lazy load layout module as part of page load time performance improvements experiment 
         bind(window, 'load', function () {
-            start$k();
+            start$l();
         });
     }
     else {
-        start$k();
+        start$l();
     }
     start$c();
+    start$o();
     start$n();
-    start$m();
 }
 function stop$3() {
-    stop$g();
     stop$h();
     stop$i();
     stop$j();
-    stop$l();
     stop$k();
+    stop$m();
+    stop$l();
 }
 
 var layout = /*#__PURE__*/Object.freeze({
@@ -6186,14 +6247,14 @@ var performance$1 = /*#__PURE__*/Object.freeze({
     stop: stop$1
 });
 
-var modules = [diagnostic, layout, interaction, performance$1];
+var modules = [diagnostic, layout, interaction, performance$1, dynamic];
 function start(config$1) {
     if (config$1 === void 0) { config$1 = null; }
     // Check that browser supports required APIs and we do not attempt to start Clarity multiple times
     if (check()) {
         config(config$1);
         start$5();
-        start$B();
+        start$C();
         modules.forEach(function (x) { return measure(x.start)(); });
         // If it's an internal call to start, without explicit configuration,
         // re-process any newly accumulated items in the queue
@@ -6224,7 +6285,7 @@ function stop() {
     if (active()) {
         // Stop modules in the reverse order of their initialization and start queuing up items again
         modules.slice().reverse().forEach(function (x) { return measure(x.stop)(); });
-        stop$y();
+        stop$z();
         stop$5();
         setup();
     }