clarity-js 0.8.43 → 0.8.45

package/build/clarity.module.js

@@ -13,43 +13,53 @@ var dom = /*#__PURE__*/Object.freeze({
     get parse () { return parse; },
     get removeIFrame () { return removeIFrame; },
     get sameorigin () { return sameorigin; },
-    get start () { return start$k; },
-    get stop () { return stop$i; },
+    get start () { return start$l; },
+    get stop () { return stop$j; },
     get update () { return update; },
     get updates () { return updates$2; }
 });
 var upload$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     get queue () { return queue; },
-    get start () { return start$g; },
-    get stop () { return stop$e; },
+    get start () { return start$h; },
+    get stop () { return stop$f; },
     get track () { return track$1; }
 });
 var upgrade$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    get data () { return data$5; },
-    get start () { return start$b; },
-    get stop () { return stop$b; },
+    get data () { return data$6; },
+    get start () { return start$c; },
+    get stop () { return stop$c; },
     get upgrade () { return upgrade; }
 });
 var limit = /*#__PURE__*/Object.freeze({
     __proto__: null,
     get check () { return check$2; },
+    get compute () { return compute$4; },
+    get data () { return data$5; },
+    get start () { return start$b; },
+    get stop () { return stop$b; },
+    get trigger () { return trigger; }
+});
+var dimension = /*#__PURE__*/Object.freeze({
+    __proto__: null,
     get compute () { return compute$3; },
     get data () { return data$4; },
+    get log () { return log; },
+    get reset () { return reset$3; },
     get start () { return start$a; },
     get stop () { return stop$a; },
-    get trigger () { return trigger; }
+    get updates () { return updates; }
 });
-var dimension = /*#__PURE__*/Object.freeze({
+var consent$2 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     get compute () { return compute$2; },
+    get config () { return config$1; },
+    get consent () { return consent$1; },
     get data () { return data$3; },
-    get log () { return log; },
-    get reset () { return reset$3; },
     get start () { return start$9; },
     get stop () { return stop$9; },
-    get updates () { return updates; }
+    get trackConsentv2 () { return trackConsentv2; }
 });
 var metadata$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -174,7 +184,7 @@ var startTime = 0;
 function computeStartTime() {
     return performance.now() + performance.timeOrigin;
 }
-function start$M() {
+function start$N() {
     startTime = computeStartTime();
 }
 // event.timestamp is number of milliseconds elapsed since the document was loaded
@@ -190,11 +200,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$J() {
+function stop$K() {
     startTime = 0;
 }
 
-var version$1 = "0.8.43";
+var version$1 = "0.8.45";
 
 // tslint:disable: no-bitwise
 function hash (input, precision) {
@@ -417,7 +427,7 @@ function redact$1(value) {
 var state$b = null;
 var buffer = null;
 var update$2 = false;
-function start$L() {
+function start$M() {
     update$2 = false;
     reset$u();
 }
@@ -560,7 +570,7 @@ function compute$g() {
         encode$1(4 /* Event.Baseline */);
     }
 }
-function stop$I() {
+function stop$J() {
     reset$u();
 }
 
@@ -570,86 +580,14 @@ var baseline = /*#__PURE__*/Object.freeze({
     compute: compute$g,
     dynamic: dynamic$1,
     reset: reset$u,
-    start: start$L,
+    start: start$M,
     get state () { return state$b; },
-    stop: stop$I,
+    stop: stop$J,
     track: track$8,
     visibility: visibility
 });
 
 var data$l = null;
-var updateConsent = true;
-function start$K() {
-    var _a;
-    var ics = (_a = window.google_tag_data) === null || _a === void 0 ? void 0 : _a.ics;
-    updateConsent = true;
-    if (ics === null || ics === void 0 ? void 0 : ics.addListener) {
-        ics.addListener(["ad_storage" /* Constant.AdStorage */, "analytics_storage" /* Constant.AnalyticsStorage */], processConsent);
-    }
-}
-function stop$H() {
-    updateConsent = true;
-}
-function processConsent() {
-    var _a;
-    var ics = (_a = window.google_tag_data) === null || _a === void 0 ? void 0 : _a.ics;
-    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 = getConsentState({ ad_Storage: ad_storage, analytics_Storage: analytics_storage });
-    consentv2(consentState, 2 /* ConsentSource.GCM */);
-}
-function getConsentState(googleConsent) {
-    var consentState = {
-        ad_Storage: googleConsent.ad_Storage === 1 /* GCMConsent.Granted */ ? "granted" /* Constant.Granted */ : "denied" /* Constant.Denied */,
-        analytics_Storage: googleConsent.analytics_Storage === 1 /* GCMConsent.Granted */ ? "granted" /* Constant.Granted */ : "denied" /* Constant.Denied */,
-    };
-    return consentState;
-}
-function config$1(consent) {
-    trackConsent(consent.analytics_Storage ? 1 /* ConsentType.Implicit */ : 0 /* ConsentType.None */);
-    data$l = consent;
-}
-// When we get consent signal as false, we restart the service and track config as false.
-function consent$1() {
-    trackConsent(2 /* ConsentType.General */);
-}
-function trackConsent(consent) {
-    log(36 /* Dimension.Consent */, consent.toString());
-}
-function trackConsentv2(consent) {
-    data$l = consent;
-    encode$1(47 /* Event.Consent */);
-}
-// Compute function is called every upload, but we only want to send consent data once.
-function compute$f() {
-    var _a;
-    if (updateConsent) {
-        encode$1(47 /* Event.Consent */);
-        updateConsent = false;
-        if (!config$2.track) {
-            var ics = (_a = window.google_tag_data) === null || _a === void 0 ? void 0 : _a.ics;
-            if (ics === null || ics === void 0 ? void 0 : ics.usedUpdate) {
-                processConsent();
-            }
-        }
-    }
-}
-
-var consent$2 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    compute: compute$f,
-    config: config$1,
-    consent: consent$1,
-    get data () { return data$l; },
-    start: start$K,
-    stop: stop$H,
-    trackConsentv2: trackConsentv2
-});
-
-var data$k = null;
 // custom events allow 2 parameters or 1 parameter to be passed. If 2 are passed we
 // consider it a key value pair. If only 1 is passed we only consider the event to have a value.
 function event$1(a, b) {
@@ -658,61 +596,61 @@ function event$1(a, b) {
         typeof a === "string" /* Constant.String */ &&
         a.length < 255) {
         if (b && typeof b === "string" /* Constant.String */ && b.length < 255) {
-            data$k = { key: a, value: b };
+            data$l = { key: a, value: b };
         }
         else {
-            data$k = { value: a };
+            data$l = { value: a };
         }
         encode$1(24 /* Event.Custom */);
     }
 }
 
-var data$j = null;
+var data$k = null;
 var updates$3 = null;
-function start$J() {
-    data$j = {};
+function start$L() {
+    data$k = {};
     updates$3 = {};
     count$1(5 /* Metric.InvokeCount */);
 }
-function stop$G() {
-    data$j = {};
+function stop$I() {
+    data$k = {};
     updates$3 = {};
 }
 function count$1(metric) {
-    if (!(metric in data$j)) {
-        data$j[metric] = 0;
+    if (!(metric in data$k)) {
+        data$k[metric] = 0;
     }
     if (!(metric in updates$3)) {
         updates$3[metric] = 0;
     }
-    data$j[metric]++;
+    data$k[metric]++;
     updates$3[metric]++;
 }
 function sum(metric, value) {
     if (value !== null) {
-        if (!(metric in data$j)) {
-            data$j[metric] = 0;
+        if (!(metric in data$k)) {
+            data$k[metric] = 0;
         }
         if (!(metric in updates$3)) {
             updates$3[metric] = 0;
         }
-        data$j[metric] += value;
+        data$k[metric] += value;
         updates$3[metric] += value;
     }
 }
 function max(metric, value) {
     // Ensure that we do not process null or NaN values
     if (value !== null && isNaN(value) === false) {
-        if (!(metric in data$j)) {
-            data$j[metric] = 0;
+        if (!(metric in data$k)) {
+            data$k[metric] = 0;
         }
-        if (value > data$j[metric] || data$j[metric] === 0) {
+        if (value > data$k[metric] || data$k[metric] === 0) {
             updates$3[metric] = value;
-            data$j[metric] = value;
+            data$k[metric] = value;
         }
     }
 }
-function compute$e() {
+function compute$f() {
     encode$1(0 /* Event.Metric */);
 }
 function reset$t() {
@@ -726,11 +664,11 @@ function clearTimeout$1(handle) {
     return window.clearTimeout(handle);
 }
 
-var data$i;
+var data$j;
 var last = 0;
 var interval = 0;
 var timeout$7 = null;
-function start$I() {
+function start$K() {
     interval = 60000 /* Setting.PingInterval */;
     last = 0;
 }
@@ -743,16 +681,16 @@ function reset$s() {
 }
 function ping() {
     var now = time();
-    data$i = { gap: now - last };
+    data$j = { gap: now - last };
     encode$1(25 /* Event.Ping */);
-    if (data$i.gap < 300000 /* Setting.PingTimeout */) {
+    if (data$j.gap < 300000 /* Setting.PingTimeout */) {
         timeout$7 = setTimeout$1(ping, interval);
     }
     else {
         suspend();
     }
 }
-function stop$F() {
+function stop$H() {
     clearTimeout$1(timeout$7);
     last = 0;
     interval = 0;
@@ -760,50 +698,50 @@ function stop$F() {
 
 var ping$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    get data () { return data$i; },
+    get data () { return data$j; },
     reset: reset$s,
-    start: start$I,
-    stop: stop$F
+    start: start$K,
+    stop: stop$H
 });
 
-var data$h = null;
-function start$H() {
-    data$h = {};
+var data$i = null;
+function start$J() {
+    data$i = {};
 }
-function stop$E() {
-    data$h = {};
+function stop$G() {
+    data$i = {};
 }
 function track$7(event, time) {
-    if (!(event in data$h)) {
-        data$h[event] = [[time, 0]];
+    if (!(event in data$i)) {
+        data$i[event] = [[time, 0]];
     }
     else {
-        var e = data$h[event];
+        var e = data$i[event];
         var last = e[e.length - 1];
         // Add a new entry only if the new event occurs after configured interval
         // Otherwise, extend the duration of the previous entry
         if (time - last[0] > 100 /* Setting.SummaryInterval */) {
-            data$h[event].push([time, 0]);
+            data$i[event].push([time, 0]);
         }
         else {
             last[1] = time - last[0];
         }
     }
 }
-function compute$d() {
+function compute$e() {
     encode$1(36 /* Event.Summary */);
 }
 function reset$r() {
-    data$h = {};
+    data$i = {};
 }
 
 var summary = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    compute: compute$d,
-    get data () { return data$h; },
+    compute: compute$e,
+    get data () { return data$i; },
     reset: reset$r,
-    start: start$H,
-    stop: stop$E,
+    start: start$J,
+    stop: stop$G,
     track: track$7
 });
 
@@ -920,8 +858,8 @@ function read(stream) {
     });
 }
 
-var data$g = null;
-function start$G() {
+var data$h = null;
+function start$I() {
     reset$q();
 }
 function set(variable, value) {
@@ -968,22 +906,22 @@ function log$2(variable, value) {
         value &&
         typeof variable === "string" /* Constant.String */ &&
         variable.length < 255) {
-        var validValues = variable in data$g ? data$g[variable] : [];
+        var validValues = variable in data$h ? data$h[variable] : [];
         for (var i = 0; i < value.length; i++) {
             if (typeof value[i] === "string" /* Constant.String */ && value[i].length < 255) {
                 validValues.push(value[i]);
             }
         }
-        data$g[variable] = validValues;
+        data$h[variable] = validValues;
     }
 }
-function compute$c() {
+function compute$d() {
     encode$1(34 /* Event.Variable */);
 }
 function reset$q() {
-    data$g = {};
+    data$h = {};
 }
-function stop$D() {
+function stop$F() {
     reset$q();
 }
 function redact(input) {
@@ -1018,22 +956,22 @@ function detect(input) {
 
 var variable = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    compute: compute$c,
-    get data () { return data$g; },
+    compute: compute$d,
+    get data () { return data$h; },
     identify: identify,
     reset: reset$q,
     set: set,
-    start: start$G,
-    stop: stop$D
+    start: start$I,
+    stop: stop$F
 });
 
-var data$f = {};
+var data$g = {};
 var keys = new Set();
 var variables = {};
 var selectors = {};
 var hashes = {};
 var validation = {};
-function start$F() {
+function start$H() {
     reset$p();
 }
 // Input string is of the following form:
@@ -1086,7 +1024,7 @@ function trigger$2(input) {
 function clone$1(v) {
     return JSON.parse(JSON.stringify(v));
 }
-function compute$b() {
+function compute$c() {
     try {
         for (var v in variables) {
             var key = parseInt(v);
@@ -1135,21 +1073,21 @@ function reset$p() {
 }
 function update$1(key, subkey, value) {
     var update = false;
-    if (!(key in data$f)) {
-        data$f[key] = {};
+    if (!(key in data$g)) {
+        data$g[key] = {};
         update = true;
     }
     if (!isEmpty(hashes[key])
-        && (!(subkey in data$f[key]) || data$f[key][subkey] != value)) {
+        && (!(subkey in data$g[key]) || data$g[key][subkey] != value)) {
         update = true;
     }
-    data$f[key][subkey] = value;
+    data$g[key][subkey] = value;
     if (update) {
         keys.add(key);
     }
     return;
 }
-function stop$C() {
+function stop$E() {
     reset$p();
 }
 function parse$1(variable) {
@@ -1218,16 +1156,128 @@ function isEmpty(obj) {
 var extract = /*#__PURE__*/Object.freeze({
     __proto__: null,
     clone: clone$1,
-    compute: compute$b,
-    data: data$f,
+    compute: compute$c,
+    data: data$g,
     keys: keys,
     reset: reset$p,
-    start: start$F,
-    stop: stop$C,
+    start: start$H,
+    stop: stop$E,
     trigger: trigger$2,
     update: update$1
 });
 
+function supported(target, api) {
+    try {
+        return !!target[api];
+    }
+    catch (_a) {
+        return false;
+    }
+}
+function encodeCookieValue(value) {
+    return encodeURIComponent(value);
+}
+function decodeCookieValue(value) {
+    try {
+        var decodedValue = decodeURIComponent(value);
+        return [decodedValue != value, decodedValue];
+    }
+    catch (_a) {
+    }
+    return [false, value];
+}
+
+var rootDomain = null;
+var COOKIE_SEP = "^" /* Constant.Caret */;
+function start$G() {
+    rootDomain = null;
+}
+function stop$D() {
+    rootDomain = null;
+}
+function getCookie(key, limit) {
+    var _a;
+    if (limit === void 0) { limit = false; }
+    if (supported(document, "cookie" /* Constant.Cookie */)) {
+        var cookies = document.cookie.split(";" /* Constant.Semicolon */);
+        if (cookies) {
+            for (var i = 0; i < cookies.length; i++) {
+                var pair = cookies[i].split("=" /* Constant.Equals */);
+                if (pair.length > 1 && pair[0] && pair[0].trim() === key) {
+                    // Some browsers automatically url encode cookie values if they are not url encoded.
+                    // We therefore encode and decode cookie values ourselves.
+                    // For backwards compatability we need to consider 3 cases:
+                    // * Cookie was previously not encoded by Clarity and browser did not encode it
+                    // * Cookie was previously not encoded by Clarity and browser encoded it once or more
+                    // * Cookie was previously encoded by Clarity and browser did not encode it
+                    var _b = decodeCookieValue(pair[1]), isEncoded = _b[0], decodedValue = _b[1];
+                    while (isEncoded) {
+                        _a = decodeCookieValue(decodedValue), isEncoded = _a[0], decodedValue = _a[1];
+                    }
+                    // If we are limiting cookies, check if the cookie value is limited
+                    if (limit) {
+                        return decodedValue.endsWith("".concat("~" /* Constant.Tilde */, "1")) ? decodedValue.substring(0, decodedValue.length - 2) : null;
+                    }
+                    return decodedValue;
+                }
+            }
+        }
+    }
+    return null;
+}
+function setCookie(key, value, time) {
+    // only write cookies if we are currently in a cookie writing mode (and they are supported)
+    // OR if we are trying to write an empty cookie (i.e. clear the cookie value out)
+    if ((config$2.track || value == "" /* Constant.Empty */) && ((navigator && navigator.cookieEnabled) || supported(document, "cookie" /* Constant.Cookie */))) {
+        // Some browsers automatically url encode cookie values if they are not url encoded.
+        // We therefore encode and decode cookie values ourselves.
+        var encodedValue = encodeCookieValue(value);
+        var expiry = new Date();
+        expiry.setDate(expiry.getDate() + time);
+        var expires = expiry ? "expires=" /* Constant.Expires */ + expiry.toUTCString() : "" /* Constant.Empty */;
+        var cookie = "".concat(key, "=").concat(encodedValue).concat(";" /* Constant.Semicolon */).concat(expires).concat(";path=/" /* Constant.Path */);
+        try {
+            // Attempt to get the root domain only once and fall back to writing cookie on the current domain.
+            if (rootDomain === null) {
+                var hostname = location.hostname ? location.hostname.split("." /* Constant.Dot */) : [];
+                // Walk backwards on a domain and attempt to set a cookie, until successful
+                for (var i = hostname.length - 1; i >= 0; i--) {
+                    rootDomain = ".".concat(hostname[i]).concat(rootDomain ? rootDomain : "" /* Constant.Empty */);
+                    // We do not wish to attempt writing a cookie on the absolute last part of the domain, e.g. .com or .net.
+                    // So we start attempting after second-last part, e.g. .domain.com (PASS) or .co.uk (FAIL)
+                    if (i < hostname.length - 1) {
+                        // Write the cookie on the current computed top level domain
+                        document.cookie = "".concat(cookie).concat(";" /* Constant.Semicolon */).concat("domain=" /* Constant.Domain */).concat(rootDomain);
+                        // Once written, check if the cookie exists and its value matches exactly with what we intended to set
+                        // Checking for exact value match helps us eliminate a corner case where the cookie may already be present with a different value
+                        // If the check is successful, no more action is required and we can return from the function since rootDomain cookie is already set
+                        // If the check fails, continue with the for loop until we can successfully set and verify the cookie
+                        if (getCookie(key) === value) {
+                            return;
+                        }
+                    }
+                }
+                // Finally, if we were not successful and gone through all the options, play it safe and reset rootDomain to be empty
+                // This forces our code to fall back to always writing cookie to the current domain
+                rootDomain = "" /* Constant.Empty */;
+            }
+        }
+        catch (_a) {
+            rootDomain = "" /* Constant.Empty */;
+        }
+        document.cookie = rootDomain ? "".concat(cookie).concat(";" /* Constant.Semicolon */).concat("domain=" /* Constant.Domain */).concat(rootDomain) : cookie;
+    }
+}
+
+var cookie = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    COOKIE_SEP: COOKIE_SEP,
+    getCookie: getCookie,
+    setCookie: setCookie,
+    start: start$G,
+    stop: stop$D
+});
+
 var signalCallback = null;
 function signal(cb) {
     signalCallback = cb;
@@ -1256,34 +1306,34 @@ function signalsEvent(signalsPayload) {
     }
 }
 
-var modules$2 = [baseline, dimension, variable, limit, summary, consent$2, metadata$1, envelope$1, upload$1, ping$1, upgrade$1, extract];
-function start$E() {
+var modules$2 = [baseline, dimension, variable, limit, summary, cookie, consent$2, metadata$1, envelope$1, upload$1, ping$1, upgrade$1, extract];
+function start$F() {
     // Metric needs to be initialized before we can start measuring. so metric is not wrapped in measure
-    start$J();
+    start$L();
     modules$2.forEach(function (x) { return measure(x.start)(); });
 }
-function stop$B() {
+function stop$C() {
     // 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$2.slice().reverse().forEach(function (x) { return measure(x.stop)(); });
-    stop$G();
+    stop$I();
 }
-function compute$a() {
-    compute$c();
-    compute$g();
-    compute$2();
-    compute$e();
+function compute$b() {
     compute$d();
+    compute$g();
     compute$3();
-    compute$b();
     compute$f();
+    compute$e();
+    compute$4();
+    compute$c();
+    compute$2();
 }
 
 var history$5 = [];
-var data$e;
-function start$D() {
+var data$f;
+function start$E() {
     history$5 = [];
     max(26 /* Metric.Automation */, navigator.webdriver ? 1 /* BooleanFlag.True */ : 0 /* BooleanFlag.False */);
     try {
@@ -1297,17 +1347,17 @@ function start$D() {
 function check$5(id, target, input) {
     // Compute hash for fraud detection, if enabled. Hash is computed only if input meets the minimum length criteria
     if (config$2.fraud && id !== null && input && input.length >= 5 /* Setting.WordLength */) {
-        data$e = { id: id, target: target, checksum: hash(input, 28 /* Setting.ChecksumPrecision */) };
+        data$f = { id: id, target: target, checksum: hash(input, 28 /* Setting.ChecksumPrecision */) };
         // Only encode this event if we haven't already reported this hash
-        if (history$5.indexOf(data$e.checksum) < 0) {
-            history$5.push(data$e.checksum);
+        if (history$5.indexOf(data$f.checksum) < 0) {
+            history$5.push(data$f.checksum);
             encode$2(41 /* Event.Fraud */);
         }
     }
 }
 
 var state$a = [];
-function start$C() {
+function start$D() {
     reset$o();
 }
 function observe$c(root) {
@@ -1325,7 +1375,7 @@ function recompute$8(evt) {
 function reset$o() {
     state$a = [];
 }
-function stop$A() {
+function stop$B() {
     reset$o();
 }
 
@@ -1347,7 +1397,7 @@ function offset(element) {
 
 var UserInputTags = ["input", "textarea", "radio", "button", "canvas", "select"];
 var state$9 = [];
-function start$B() {
+function start$C() {
     reset$n();
 }
 function observe$b(root) {
@@ -1488,12 +1538,12 @@ function context(a) {
 function reset$n() {
     state$9 = [];
 }
-function stop$z() {
+function stop$A() {
     reset$n();
 }
 
 var state$8 = [];
-function start$A() {
+function start$B() {
     reset$m();
 }
 function observe$a(root) {
@@ -1508,13 +1558,13 @@ function recompute$7(action, evt) {
 function reset$m() {
     state$8 = [];
 }
-function stop$y() {
+function stop$z() {
     reset$m();
 }
 
 var timeout$6 = null;
 var state$7 = [];
-function start$z() {
+function start$A() {
     reset$l();
 }
 function observe$9(root) {
@@ -1548,7 +1598,7 @@ function process$7(event) {
 function reset$l() {
     state$7 = [];
 }
-function stop$x() {
+function stop$y() {
     clearTimeout$1(timeout$6);
     reset$l();
 }
@@ -1558,7 +1608,7 @@ var timeout$5 = null;
 var hasPrimaryTouch = false;
 var primaryTouchId = 0;
 var activeTouchPointIds = new Set();
-function start$y() {
+function start$z() {
     reset$k();
 }
 function observe$8(root) {
@@ -1666,7 +1716,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$w() {
+function stop$x() {
     clearTimeout$1(timeout$5);
     // Send out any pending pointer events in the pipeline
     if (state$6.length > 0) {
@@ -1722,11 +1772,11 @@ function throttle(func, duration) {
     return throttledFunction;
 }
 
-var data$d;
+var data$e;
 var timeout$4 = null;
 var initialStateLogged = false;
 var throttledRecompute$1 = throttle(recompute$5, 500 /* Setting.LookAhead */);
-function start$x() {
+function start$y() {
     initialStateLogged = false;
     bind(window, "resize", throttledRecompute$1);
     recompute$5();
@@ -1735,7 +1785,7 @@ function recompute$5() {
     var de = document.documentElement;
     // window.innerWidth includes width of the scrollbar and is not a true representation of the viewport width.
     // Therefore, when possible, use documentElement's clientWidth property.
-    data$d = {
+    data$e = {
         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,
     };
@@ -1752,11 +1802,11 @@ function process$5(event) {
     schedule(encode$4.bind(this, event));
 }
 function reset$j() {
-    data$d = null;
+    data$e = null;
     clearTimeout$1(timeout$4);
     throttledRecompute$1.cleanup();
 }
-function stop$v() {
+function stop$w() {
     reset$j();
 }
 
@@ -1764,7 +1814,7 @@ var state$5 = [];
 var initialTop = null;
 var initialBottom = null;
 var timeout$3 = null;
-function start$w() {
+function start$x() {
     state$5 = [];
     recompute$4();
 }
@@ -1849,7 +1899,7 @@ function similar(last, current) {
     var dy = last.data.y - current.data.y;
     return (dx * dx + dy * dy < 20 /* Setting.Distance */ * 20 /* Setting.Distance */) && (current.time - last.time < 50 /* Setting.ScrollInterval */);
 }
-function compute$9() {
+function compute$a() {
     var _a, _b;
     if (initialTop) {
         var top_1 = metadata$2(initialTop, null);
@@ -1860,7 +1910,7 @@ function compute$9() {
         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$u() {
+function stop$v() {
     clearTimeout$1(timeout$3);
     throttledRecompute.cleanup();
     state$5 = [];
@@ -1868,10 +1918,10 @@ function stop$u() {
     initialBottom = null;
 }
 
-var data$c = null;
+var data$d = null;
 var previous = null;
 var timeout$2 = null;
-function start$v() {
+function start$w() {
     reset$h();
 }
 function observe$6(root) {
@@ -1893,12 +1943,12 @@ function recompute$3(root) {
         (current.anchorNode === current.focusNode && current.anchorOffset === current.focusOffset)) {
         return;
     }
-    var startNode = data$c.start ? data$c.start : null;
-    if (previous !== null && data$c.start !== null && startNode !== current.anchorNode) {
+    var startNode = data$d.start ? data$d.start : null;
+    if (previous !== null && data$d.start !== null && startNode !== current.anchorNode) {
         clearTimeout$1(timeout$2);
         process$3(21 /* Event.Selection */);
     }
-    data$c = {
+    data$d = {
         start: current.anchorNode,
         startOffset: current.anchorOffset,
         end: current.focusNode,
@@ -1913,15 +1963,15 @@ function process$3(event) {
 }
 function reset$h() {
     previous = null;
-    data$c = { start: 0, startOffset: 0, end: 0, endOffset: 0 };
+    data$d = { start: 0, startOffset: 0, end: 0, endOffset: 0 };
 }
-function stop$t() {
+function stop$u() {
     reset$h();
     clearTimeout$1(timeout$2);
 }
 
 var state$4 = [];
-function start$u() {
+function start$v() {
     reset$g();
 }
 function observe$5(root) {
@@ -1934,28 +1984,28 @@ function recompute$2(evt) {
 function reset$g() {
     state$4 = [];
 }
-function stop$s() {
+function stop$t() {
     reset$g();
 }
 
-var data$b;
-function start$t() {
+var data$c;
+function start$u() {
     bind(window, "pagehide", recompute$1);
 }
 function recompute$1(evt) {
-    data$b = { name: evt.type, persisted: evt.persisted ? 1 /* BooleanFlag.True */ : 0 /* BooleanFlag.False */ };
+    data$c = { name: evt.type, persisted: evt.persisted ? 1 /* BooleanFlag.True */ : 0 /* BooleanFlag.False */ };
     encode$4(26 /* Event.Unload */, time(evt));
     stop();
 }
 function reset$f() {
-    data$b = null;
+    data$c = null;
 }
-function stop$r() {
+function stop$s() {
     reset$f();
 }
 
-var data$a;
-function start$s() {
+var data$b;
+function start$t() {
     bind(document, "visibilitychange", recompute);
     recompute();
 }
@@ -1963,62 +2013,62 @@ function recompute(evt) {
     if (evt === void 0) { evt = null; }
     if ("visibilityState" in document) {
         var visible = document.visibilityState === "visible" ? 1 /* BooleanFlag.True */ : 0 /* BooleanFlag.False */;
-        data$a = { visible: visible };
+        data$b = { visible: visible };
         encode$4(28 /* Event.Visibility */, time(evt));
     }
 }
 function reset$e() {
-    data$a = null;
+    data$b = null;
 }
-function stop$q() {
+function stop$r() {
     reset$e();
 }
 
-var data$9;
-function start$r() {
-    bind(window, "focus", function () { return compute$8(1 /* BooleanFlag.True */); });
-    bind(window, "blur", function () { return compute$8(0 /* BooleanFlag.False */); });
+var data$a;
+function start$s() {
+    bind(window, "focus", function () { return compute$9(1 /* BooleanFlag.True */); });
+    bind(window, "blur", function () { return compute$9(0 /* BooleanFlag.False */); });
 }
-function stop$p() {
+function stop$q() {
     reset$d();
 }
 function reset$d() {
-    data$9 = null;
+    data$a = null;
 }
-function compute$8(focus) {
-    data$9 = { focused: focus };
+function compute$9(focus) {
+    data$a = { focused: focus };
     encode$4(50 /* Event.Focus */);
 }
 
-function start$q() {
-    start$i();
+function start$r() {
+    start$j();
+    start$C();
     start$B();
+    start$z();
     start$A();
     start$y();
-    start$z();
-    start$x();
+    start$t();
     start$s();
-    start$r();
+    start$x();
     start$w();
+    start$D();
     start$v();
-    start$C();
     start$u();
-    start$t();
 }
-function stop$o() {
-    stop$g();
+function stop$p() {
+    stop$h();
+    stop$A();
     stop$z();
+    stop$x();
     stop$y();
     stop$w();
-    stop$x();
-    stop$v();
+    stop$r();
     stop$q();
-    stop$p();
+    stop$v();
     stop$u();
+    stop$B();
     stop$t();
-    stop$A();
     stop$s();
-    stop$r();
 }
 function observe$4(root) {
     observe$7(root);
@@ -2038,8 +2088,8 @@ function observe$4(root) {
 var interaction = /*#__PURE__*/Object.freeze({
     __proto__: null,
     observe: observe$4,
-    start: start$q,
-    stop: stop$o
+    start: start$r,
+    stop: stop$p
 });
 
 // Following code takes an array of tokens and transforms it to optimize for repeating tokens and make it efficient to send over the wire
@@ -2128,7 +2178,7 @@ function proxyStyleRules$1(win) {
         }
     }
 }
-function start$p() {
+function start$q() {
     proxyStyleRules$1(window);
 }
 function checkDocumentStyles(documentNode, timestamp) {
@@ -2172,7 +2222,7 @@ function checkDocumentStyles(documentNode, timestamp) {
         styleTimeMap[documentId] = timestamp;
     }
 }
-function compute$7() {
+function compute$8() {
     for (var _i = 0, documentNodes_1 = documentNodes; _i < documentNodes_1.length; _i++) {
         var documentNode = documentNodes_1[_i];
         var docId = documentNode == document ? -1 : getId$1(documentNode);
@@ -2184,7 +2234,7 @@ function reset$c() {
     sheetAdoptionState = [];
     sheetUpdateState = [];
 }
-function stop$n() {
+function stop$o() {
     styleSheetMap = {};
     styleTimeMap = {};
     documentNodes = [];
@@ -2232,7 +2282,7 @@ var animationFinish = null;
 var animationId = 'clarityAnimationId';
 var operationCount = 'clarityOperationCount';
 var maxOperations = 20;
-function start$o() {
+function start$p() {
     if (window["Animation"] &&
         window["Animation"].prototype &&
         window["KeyframeEffect"] &&
@@ -2287,7 +2337,7 @@ function track$6(time, id, operation, keyFrames, timing, targetId, timeline) {
     });
     encode$5(44 /* Event.Animation */);
 }
-function stop$m() {
+function stop$n() {
     reset$b();
 }
 function overrideAnimationHelper(functionToOverride, name) {
@@ -2353,7 +2403,7 @@ function check$4(tag) {
         register$1(tag);
     }
 }
-function start$n() {
+function start$o() {
     var _a;
     window.clarityOverrides = window.clarityOverrides || {};
     if (((_a = window.customElements) === null || _a === void 0 ? void 0 : _a.define) && !window.clarityOverrides.define) {
@@ -2369,7 +2419,7 @@ function start$n() {
 function reset$a() {
     elements.length = 0;
 }
-function stop$l() {
+function stop$m() {
     reset$a();
     definedElements.clear();
 }
@@ -2397,7 +2447,7 @@ function encode$5 (type, timer, ts) {
                     }
                     return [3 /*break*/, 13];
                 case 1:
-                    d = data$8;
+                    d = data$9;
                     tokens.push(d.width);
                     tokens.push(d.height);
                     track$8(type, d.width, d.height);
@@ -2554,15 +2604,15 @@ function attribute$1(key, value, privacy) {
     return "".concat(key, "=").concat(text$1(value, key.indexOf("data-" /* Constant.DataAttribute */) === 0 ? "data-" /* Constant.DataAttribute */ : key, privacy));
 }
 
-var data$8;
+var data$9;
 function reset$9() {
-    data$8 = null;
+    data$9 = null;
 }
-function start$m() {
+function start$n() {
     reset$9();
-    compute$6();
+    compute$7();
 }
-function compute$6() {
+function compute$7() {
     var body = document.body;
     var d = document.documentElement;
     var bodyClientWidth = body ? body.clientWidth : null;
@@ -2580,12 +2630,12 @@ function compute$6() {
     var documentOffsetHeight = d ? d.offsetHeight : null;
     var height = Math.max(bodyClientHeight, bodyScrollHeight, bodyOffsetHeight, documentClientHeight, documentScrollHeight, documentOffsetHeight);
     // Check that width or height has changed from before, and also that width & height are not null values
-    if ((data$8 === null || width !== data$8.width || height !== data$8.height) && width !== null && height !== null) {
-        data$8 = { width: width, height: height };
+    if ((data$9 === null || width !== data$9.width || height !== data$9.height) && width !== null && height !== null) {
+        data$9 = { width: width, height: height };
         encode$5(8 /* Event.Document */);
     }
 }
-function stop$k() {
+function stop$l() {
     reset$9();
 }
 
@@ -2637,7 +2687,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$l() {
+function start$m() {
     observers = new Set();
     queue$2 = [];
     timeout$1 = null;
@@ -2675,7 +2725,7 @@ function monitor(frame) {
         bind(frame, "load" /* Constant.LoadEvent */, generate.bind(this, frame, "childList" /* Constant.ChildList */), true);
     }
 }
-function stop$j() {
+function stop$k() {
     for (var _i = 0, _a = Array.from(observers); _i < _a.length; _i++) {
         var observer = _a[_i];
         if (observer) {
@@ -2708,8 +2758,8 @@ function handle$1(m) {
     track$7(6 /* Event.Mutation */, now);
     mutations.push({ time: now, mutations: m });
     schedule(process$2, 1 /* Priority.High */).then(function () {
-        setTimeout$1(compute$6);
-        measure(compute$5)();
+        setTimeout$1(compute$7);
+        measure(compute$6)();
     });
 }
 function processMutation(timer, mutation, instance, timestamp) {
@@ -2762,7 +2812,7 @@ function process$2() {
             switch (_d.label) {
                 case 0:
                     timer = { id: id(), cost: 3 /* Metric.LayoutCost */ };
-                    start$d(timer);
+                    start$e(timer);
                     _d.label = 1;
                 case 1:
                     if (!(mutations.length > 0)) return [3 /*break*/, 7];
@@ -2812,7 +2862,7 @@ function process$2() {
                     _d.label = 13;
                 case 13:
                     cleanHistory();
-                    stop$c(timer);
+                    stop$d(timer);
                     return [2 /*return*/];
             }
         });
@@ -3488,11 +3538,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$k() {
+function start$l() {
     reset$7();
     parse(document, true);
 }
-function stop$i() {
+function stop$j() {
     reset$7();
 }
 function reset$7() {
@@ -3887,7 +3937,7 @@ var regions = {};
 var queue$1 = [];
 var watch = false;
 var observer$1 = null;
-function start$j() {
+function start$k() {
     reset$6();
     observer$1 = null;
     regionMap = new WeakMap();
@@ -3932,7 +3982,7 @@ function track$3(id, event) {
     // Process updates to this region, if applicable
     process$1(node, data, interaction, data.visibility);
 }
-function compute$5() {
+function compute$6() {
     // Process any regions where we couldn't resolve an "id" for at the time of last intersection observer event
     // This could happen in cases where elements are not yet processed by Clarity's virtual DOM but browser reports a change, regardless.
     // For those cases we add them to the queue and re-process them below
@@ -4015,7 +4065,7 @@ function clone(r) {
 function reset$6() {
     state$2 = [];
 }
-function stop$h() {
+function stop$i() {
     reset$6();
     regionMap = null;
     regions = {};
@@ -4138,7 +4188,7 @@ function encode$4 (type, ts) {
                     reset$m();
                     break;
                 case 11 /* Event.Resize */:
-                    r = data$d;
+                    r = data$e;
                     tokens.push(r.width);
                     tokens.push(r.height);
                     track$8(type, r.width, r.height);
@@ -4146,7 +4196,7 @@ function encode$4 (type, ts) {
                     queue(tokens);
                     break;
                 case 26 /* Event.Unload */:
-                    u = data$b;
+                    u = data$c;
                     tokens.push(u.name);
                     tokens.push(u.persisted);
                     reset$f();
@@ -4165,7 +4215,7 @@ function encode$4 (type, ts) {
                     reset$l();
                     break;
                 case 21 /* Event.Selection */:
-                    s = data$c;
+                    s = data$d;
                     if (s) {
                         startTarget = metadata$2(s.start, type);
                         endTarget = metadata$2(s.end, type);
@@ -4241,14 +4291,14 @@ function encode$4 (type, ts) {
                     reset$5();
                     break;
                 case 28 /* Event.Visibility */:
-                    v = data$a;
+                    v = data$b;
                     tokens.push(v.visible);
                     queue(tokens);
                     visibility(t, v.visible);
                     reset$e();
                     break;
                 case 50 /* Event.Focus */: {
-                    f = data$9;
+                    f = data$a;
                     tokens.push(f.focused);
                     queue(tokens, false);
                     reset$d();
@@ -4262,7 +4312,7 @@ function encode$4 (type, ts) {
 
 var state$1 = [];
 var updates$1 = [];
-function start$i() {
+function start$j() {
     state$1 = [];
     reset$5();
 }
@@ -4289,7 +4339,7 @@ function track$2(time, event, hash, x, y, reaction, context) {
     // We would still need to capture the last scroll position as part of the baseline event, even when timeline will be empty.
     track$8(event, x, y, time);
 }
-function compute$4() {
+function compute$5() {
     if (!data$1) {
         return;
     }
@@ -4309,7 +4359,7 @@ function compute$4() {
     state$1 = temp; // Drop events less than the min time
     encode$4(22 /* Event.Timeline */);
 }
-function stop$g() {
+function stop$h() {
     state$1 = [];
     reset$5();
 }
@@ -4322,7 +4372,7 @@ function encode$3 (type) {
             tokens = [eventTime, type];
             switch (type) {
                 case 8 /* Event.Document */:
-                    d = data$8;
+                    d = data$9;
                     tokens.push(d.width);
                     tokens.push(d.height);
                     track$8(type, d.width, d.height);
@@ -4450,11 +4500,11 @@ function add(node, parent, data) {
 var stopCallbacks = [];
 var active$2 = false;
 var modules$1 = null;
-function start$h() {
+function start$i() {
     active$2 = true;
     modules$1 = new Set();
 }
-function stop$f() {
+function stop$g() {
     stopCallbacks.reverse().forEach(function (callback) {
         try {
             callback();
@@ -4506,8 +4556,8 @@ var dynamic = /*#__PURE__*/Object.freeze({
     __proto__: null,
     event: event,
     register: register,
-    start: start$h,
-    stop: stop$f
+    start: start$i,
+    stop: stop$g
 });
 
 var discoverBytes = 0;
@@ -4520,7 +4570,7 @@ var active$1;
 var queuedTime = 0;
 var leanLimit = false;
 var track$1;
-function start$g() {
+function start$h() {
     active$1 = true;
     discoverBytes = 0;
     playbackBytes = 0;
@@ -4591,7 +4641,7 @@ function queue(tokens, transmit) {
         check$2(playbackBytes);
     }
 }
-function stop$e() {
+function stop$f() {
     clearTimeout$1(timeout);
     upload(true);
     discoverBytes = 0;
@@ -4621,10 +4671,10 @@ function upload(final) {
                     }
                     // CAUTION: Ensure "transmit" is set to false in the queue function for following events
                     // Otherwise you run a risk of infinite loop.
+                    compute$6();
                     compute$5();
-                    compute$4();
-                    compute$a();
-                    compute$7();
+                    compute$b();
+                    compute$8();
                     last = final === true;
                     // In some cases envelope has null data because it's part of the shutdown process while there's one upload call queued which might introduce runtime error
                     if (!data$1)
@@ -4837,8 +4887,8 @@ function response(payload) {
 }
 
 var history$3 = {};
-var data$7;
-function start$f() {
+var data$8;
+function start$g() {
     bind(window, "error", handler);
     history$3 = {};
 }
@@ -4854,7 +4904,7 @@ function handler(error) {
     }
     // Send back information only if the handled error has valid information
     if (e && e.message) {
-        data$7 = {
+        data$8 = {
             message: e.message,
             line: error["lineno"],
             column: error["colno"],
@@ -4873,28 +4923,28 @@ function encode$2 (type) {
             tokens = [time(), type];
             switch (type) {
                 case 31 /* Event.ScriptError */:
-                    tokens.push(data$7.message);
-                    tokens.push(data$7.line);
-                    tokens.push(data$7.column);
-                    tokens.push(data$7.stack);
-                    tokens.push(url$1(data$7.source));
+                    tokens.push(data$8.message);
+                    tokens.push(data$8.line);
+                    tokens.push(data$8.column);
+                    tokens.push(data$8.stack);
+                    tokens.push(url$1(data$8.source));
                     queue(tokens);
                     break;
                 case 33 /* Event.Log */:
-                    if (data$6) {
-                        tokens.push(data$6.code);
-                        tokens.push(data$6.name);
-                        tokens.push(data$6.message);
-                        tokens.push(data$6.stack);
-                        tokens.push(data$6.severity);
+                    if (data$7) {
+                        tokens.push(data$7.code);
+                        tokens.push(data$7.name);
+                        tokens.push(data$7.message);
+                        tokens.push(data$7.stack);
+                        tokens.push(data$7.severity);
                         queue(tokens, false);
                     }
                     break;
                 case 41 /* Event.Fraud */:
-                    if (data$e) {
-                        tokens.push(data$e.id);
-                        tokens.push(data$e.target);
-                        tokens.push(data$e.checksum);
+                    if (data$f) {
+                        tokens.push(data$f.id);
+                        tokens.push(data$f.target);
+                        tokens.push(data$f.checksum);
                         queue(tokens, false);
                     }
                     break;
@@ -4905,8 +4955,8 @@ function encode$2 (type) {
 }
 
 var history$2 = {};
-var data$6;
-function start$e() {
+var data$7;
+function start$f() {
     history$2 = {};
 }
 function log$1(code, severity, name, message, stack) {
@@ -4919,7 +4969,7 @@ function log$1(code, severity, name, message, stack) {
     if (code in history$2 && history$2[code].indexOf(key) >= 0) {
         return;
     }
-    data$6 = { code: code, name: name, message: message, stack: stack, severity: severity };
+    data$7 = { code: code, name: name, message: message, stack: stack, severity: severity };
     // Maintain history of errors in memory to avoid sending redundant information
     if (code in history$2) {
         history$2[code].push(key);
@@ -4929,7 +4979,7 @@ function log$1(code, severity, name, message, stack) {
     }
     encode$2(33 /* Event.Log */);
 }
-function stop$d() {
+function stop$e() {
     history$2 = {};
 }
 
@@ -5026,7 +5076,7 @@ function state(timer) {
     // If this task is no longer being tracked, send stop message to the caller
     return 2 /* Task.Stop */;
 }
-function start$d(timer) {
+function start$e(timer) {
     tracker[key(timer)] = { start: performance.now(), calls: 0, yield: 30 /* Setting.LongTask */ };
 }
 function restart$2(timer) {
@@ -5034,12 +5084,12 @@ function restart$2(timer) {
     if (tracker && tracker[id]) {
         var c = tracker[id].calls;
         var y = tracker[id].yield;
-        start$d(timer);
+        start$e(timer);
         tracker[id].calls = c + 1;
         tracker[id].yield = y;
     }
 }
-function stop$c(timer) {
+function stop$d(timer) {
     var end = performance.now();
     var id = key(timer);
     var duration = end - tracker[id].start;
@@ -5060,7 +5110,7 @@ function suspend$1(timer) {
                 case 0:
                     id = key(timer);
                     if (!(id in tracker)) return [3 /*break*/, 2];
-                    stop$c(timer);
+                    stop$d(timer);
                     // some customer polyfills for requestIdleCallback return null 
                     _b = tracker[id];
                     return [4 /*yield*/, wait()];
@@ -5131,11 +5181,11 @@ function requestIdleCallbackPolyfill(callback, options) {
 }
 var requestIdleCallback = window["requestIdleCallback"] || requestIdleCallbackPolyfill;
 
-function start$c() {
+function start$d() {
     schedule(discover, 1 /* Priority.High */).then(function () {
+        measure(compute$7)();
         measure(compute$6)();
-        measure(compute$5)();
-        measure(compute$9)();
+        measure(compute$a)();
     });
 }
 function discover() {
@@ -5146,7 +5196,7 @@ function discover() {
                 case 0:
                     ts = time();
                     timer = { id: id(), cost: 3 /* Metric.LayoutCost */ };
-                    start$d(timer);
+                    start$e(timer);
                     return [4 /*yield*/, traverse$1(document, timer, 0 /* Source.Discover */, ts)];
                 case 1:
                     _a.sent();
@@ -5154,19 +5204,19 @@ function discover() {
                     return [4 /*yield*/, encode$5(5 /* Event.Discover */, timer, ts)];
                 case 2:
                     _a.sent();
-                    stop$c(timer);
+                    stop$d(timer);
                     return [2 /*return*/];
             }
         });
     });
 }
 
-var data$5 = null;
-function start$b() {
+var data$6 = null;
+function start$c() {
     if (!config$2.lean && config$2.upgrade) {
         config$2.upgrade("Config" /* Constant.Config */);
     }
-    data$5 = null;
+    data$6 = null;
 }
 // Following call will upgrade the session from lean mode into the full mode retroactively from the start of the page.
 // As part of the lean mode, we do not send back any layout information - including discovery of DOM and mutations.
@@ -5176,7 +5226,7 @@ function upgrade(key) {
     // Upgrade only if Clarity was successfully activated on the page
     if (active() && config$2.lean) {
         config$2.lean = false;
-        data$5 = { key: key };
+        data$6 = { key: key };
         // Update metadata to track we have upgraded this session
         callback();
         save();
@@ -5186,13 +5236,13 @@ function upgrade(key) {
         }
         encode$1(3 /* Event.Upgrade */);
         if (config$2.lite) {
-            start$c();
-            start$p();
+            start$d();
+            start$q();
         }
     }
 }
-function stop$b() {
-    data$5 = null;
+function stop$c() {
+    data$6 = null;
 }
 
 function encode$1 (event) {
@@ -5234,15 +5284,15 @@ function encode$1 (event) {
             break;
         }
         case 25 /* Event.Ping */:
-            tokens.push(data$i.gap);
+            tokens.push(data$j.gap);
             queue(tokens);
             break;
         case 35 /* Event.Limit */:
-            tokens.push(data$4.check);
+            tokens.push(data$5.check);
             queue(tokens, false);
             break;
         case 3 /* Event.Upgrade */:
-            tokens.push(data$5.key);
+            tokens.push(data$6.key);
             queue(tokens);
             break;
         case 2 /* Event.Upload */:
@@ -5253,17 +5303,17 @@ function encode$1 (event) {
             break;
         case 24 /* Event.Custom */:
             // not all custom events have a key - if it wasn't passed server handles just value
-            data$k.key && tokens.push(data$k.key);
-            tokens.push(data$k.value);
+            data$l.key && tokens.push(data$l.key);
+            tokens.push(data$l.value);
             queue(tokens);
             break;
         case 34 /* Event.Variable */: {
-            var variableKeys = Object.keys(data$g);
+            var variableKeys = Object.keys(data$h);
             if (variableKeys.length > 0) {
                 for (var _i = 0, variableKeys_1 = variableKeys; _i < variableKeys_1.length; _i++) {
                     var v = variableKeys_1[_i];
                     tokens.push(v);
-                    tokens.push(data$g[v]);
+                    tokens.push(data$h[v]);
                 }
                 reset$q();
                 queue(tokens, false);
@@ -5301,13 +5351,13 @@ function encode$1 (event) {
             break;
         }
         case 36 /* Event.Summary */: {
-            var eventKeys = Object.keys(data$h);
+            var eventKeys = Object.keys(data$i);
             if (eventKeys.length > 0) {
                 for (var _c = 0, eventKeys_1 = eventKeys; _c < eventKeys_1.length; _c++) {
                     var e = eventKeys_1[_c];
                     var key = parseInt(e, 10);
                     tokens.push(key);
-                    tokens.push([].concat.apply([], data$h[e]));
+                    tokens.push([].concat.apply([], data$i[e]));
                 }
                 reset$r();
                 queue(tokens, false);
@@ -5319,10 +5369,10 @@ function encode$1 (event) {
             extractKeys.forEach(function (e) {
                 tokens.push(e);
                 var token = [];
-                for (var d in data$f[e]) {
+                for (var d in data$g[e]) {
                     var key = parseInt(d, 10);
                     token.push(key);
-                    token.push(data$f[e][d]);
+                    token.push(data$g[e][d]);
                 }
                 tokens.push(token);
             });
@@ -5331,57 +5381,57 @@ function encode$1 (event) {
             break;
         }
         case 47 /* Event.Consent */:
-            tokens.push(data$l.source);
-            tokens.push(data$l.ad_Storage);
-            tokens.push(data$l.analytics_Storage);
+            tokens.push(data$3.source);
+            tokens.push(data$3.ad_Storage);
+            tokens.push(data$3.analytics_Storage);
             queue(tokens, false);
             break;
     }
 }
 
-var data$4;
-function start$a() {
-    data$4 = { check: 0 /* Check.None */ };
+var data$5;
+function start$b() {
+    data$5 = { check: 0 /* Check.None */ };
 }
 function check$2(bytes) {
-    if (data$4.check === 0 /* Check.None */) {
-        var reason = data$4.check;
+    if (data$5.check === 0 /* Check.None */) {
+        var reason = data$5.check;
         reason = data$1.sequence >= 128 /* Setting.PayloadLimit */ ? 1 /* Check.Payload */ : reason;
         reason = data$1.pageNum >= 128 /* Setting.PageLimit */ ? 7 /* Check.Page */ : reason;
         reason = time() > 7200000 /* Setting.ShutdownLimit */ ? 2 /* Check.Shutdown */ : reason;
         reason = bytes > 10485760 /* Setting.PlaybackBytesLimit */ ? 2 /* Check.Shutdown */ : reason;
-        if (reason !== data$4.check) {
+        if (reason !== data$5.check) {
             trigger(reason);
         }
     }
 }
 function trigger(reason) {
-    data$4.check = reason;
+    data$5.check = reason;
     // 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 */) {
+function compute$4() {
+    if (data$5.check !== 0 /* Check.None */) {
         encode$1(35 /* Event.Limit */);
     }
 }
-function stop$a() {
-    data$4 = null;
+function stop$b() {
+    data$5 = null;
 }
 
-var data$3 = null;
+var data$4 = null;
 var updates = null;
 var limited = false;
-function start$9() {
-    data$3 = {};
+function start$a() {
+    data$4 = {};
     updates = {};
     limited = false;
 }
-function stop$9() {
-    data$3 = {};
+function stop$a() {
+    data$4 = {};
     updates = {};
     limited = false;
 }
@@ -5390,19 +5440,19 @@ function log(dimension, value) {
     if (value) {
         // Ensure received value is casted into a string if it wasn't a string to begin with
         value = "".concat(value);
-        if (!(dimension in data$3)) {
-            data$3[dimension] = [];
+        if (!(dimension in data$4)) {
+            data$4[dimension] = [];
         }
-        if (data$3[dimension].indexOf(value) < 0) {
+        if (data$4[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 (data$4[dimension].length > 128 /* Setting.CollectionLimit */) {
                 if (!limited) {
                     limited = true;
                     trigger(5 /* Check.Collection */);
                 }
                 return;
             }
-            data$3[dimension].push(value);
+            data$4[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
             if (!(dimension in updates)) {
@@ -5412,7 +5462,7 @@ function log(dimension, value) {
         }
     }
 }
-function compute$2() {
+function compute$3() {
     encode$1(1 /* Event.Dimension */);
 }
 function reset$3() {
@@ -5420,15 +5470,74 @@ function reset$3() {
     limited = false;
 }
 
+var data$3 = null;
+var updateConsent = true;
+function start$9() {
+    var _a;
+    var ics = (_a = window.google_tag_data) === null || _a === void 0 ? void 0 : _a.ics;
+    updateConsent = true;
+    if (ics === null || ics === void 0 ? void 0 : ics.addListener) {
+        ics.addListener(["ad_storage" /* Constant.AdStorage */, "analytics_storage" /* Constant.AnalyticsStorage */], processConsent);
+    }
+}
+function stop$9() {
+    updateConsent = true;
+}
+function processConsent() {
+    var _a;
+    var ics = (_a = window.google_tag_data) === null || _a === void 0 ? void 0 : _a.ics;
+    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 = getConsentState({ ad_Storage: ad_storage, analytics_Storage: analytics_storage });
+    consentv2(consentState, 2 /* ConsentSource.GCM */);
+}
+function getConsentState(googleConsent) {
+    var consentState = {
+        ad_Storage: googleConsent.ad_Storage === 1 /* GCMConsent.Granted */ ? "granted" /* Constant.Granted */ : "denied" /* Constant.Denied */,
+        analytics_Storage: googleConsent.analytics_Storage === 1 /* GCMConsent.Granted */ ? "granted" /* Constant.Granted */ : "denied" /* Constant.Denied */,
+    };
+    return consentState;
+}
+function config$1(consent) {
+    trackConsent(consent.analytics_Storage ? 1 /* ConsentType.Implicit */ : 0 /* ConsentType.None */);
+    data$3 = consent;
+}
+// When we get consent signal as false, we restart the service and track config as false.
+function consent$1() {
+    trackConsent(2 /* ConsentType.General */);
+}
+function trackConsent(consent) {
+    log(36 /* Dimension.Consent */, consent.toString());
+}
+function trackConsentv2(consent) {
+    data$3 = consent;
+    encode$1(47 /* Event.Consent */);
+}
+// Compute function is called every upload, but we only want to send consent data once.
+function compute$2() {
+    var _a;
+    if (updateConsent) {
+        encode$1(47 /* Event.Consent */);
+        updateConsent = false;
+        if (!config$2.track) {
+            var ics = (_a = window.google_tag_data) === null || _a === void 0 ? void 0 : _a.ics;
+            if (ics === null || ics === void 0 ? void 0 : ics.usedUpdate) {
+                processConsent();
+            }
+        }
+    }
+}
+
 var data$2 = null;
 var callbacks = [];
 var electron = 0 /* BooleanFlag.False */;
-var rootDomain = null;
 var consentStatus = null;
 var defaultStatus = { source: 1 /* ConsentSource.API */, ad_Storage: "denied" /* Constant.Denied */, analytics_Storage: "denied" /* Constant.Denied */ };
 function start$8() {
     var _a, _b, _c;
-    rootDomain = null;
     var ua = navigator && "userAgent" in navigator ? navigator.userAgent : "" /* Constant.Empty */;
     var timezone = (_c = (typeof Intl !== 'undefined' && ((_b = (_a = Intl === null || Intl === void 0 ? void 0 : Intl.DateTimeFormat()) === null || _a === void 0 ? void 0 : _a.resolvedOptions()) === null || _b === void 0 ? void 0 : _b.timeZone))) !== null && _c !== void 0 ? _c : '';
     var timezoneOffset = new Date().getTimezoneOffset().toString();
@@ -5491,7 +5600,7 @@ function start$8() {
     // If consent status is not already set, initialize it based on project configuration. Otherwise, use the existing consent status.
     if (consentStatus === null) {
         consentStatus = {
-            source: 0 /* ConsentSource.Implicit */,
+            source: u.consent ? 6 /* ConsentSource.Cookie */ : 0 /* ConsentSource.Implicit */,
             ad_Storage: config$2.track ? "granted" /* Constant.Granted */ : "denied" /* Constant.Denied */,
             analytics_Storage: config$2.track ? "granted" /* Constant.Granted */ : "denied" /* Constant.Denied */,
         };
@@ -5518,7 +5627,6 @@ function userAgentData() {
     }
 }
 function stop$8() {
-    rootDomain = null;
     data$2 = null;
     callbacks.forEach(function (cb) { cb.called = false; });
 }
@@ -5572,8 +5680,7 @@ function consentv2(consentState, source) {
     var consentData = getConsentData(consentStatus);
     if (!consentData.analytics_Storage && config$2.track) {
         config$2.track = false;
-        setCookie("_clsk" /* Constant.SessionKey */, "" /* Constant.Empty */, -Number.MAX_VALUE);
-        setCookie("_clck" /* Constant.CookieKey */, "" /* Constant.Empty */, -Number.MAX_VALUE);
+        clear(true);
         stop();
         window.setTimeout(start, 250 /* Setting.RestartDelay */);
         return;
@@ -5599,9 +5706,14 @@ function normalizeConsent(value, fallback) {
     if (fallback === void 0) { fallback = "denied" /* Constant.Denied */; }
     return typeof value === 'string' ? value.toLowerCase() : fallback;
 }
-function clear() {
+function clear(all) {
+    if (all === void 0) { all = false; }
     // Clear any stored information in the cookie that tracks session information so we can restart fresh the next time
-    setCookie("_clsk" /* Constant.SessionKey */, "" /* Constant.Empty */, 0);
+    setCookie("_clsk" /* Constant.SessionKey */, "" /* Constant.Empty */, -Number.MAX_VALUE);
+    // Clear user cookie as well if all flag is set
+    if (all) {
+        setCookie("_clck" /* Constant.CookieKey */, "" /* Constant.Empty */, -Number.MAX_VALUE);
+    }
 }
 function tab() {
     var id = shortid();
@@ -5623,7 +5735,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.Caret */), 1 /* Setting.SessionExpire */);
+    setCookie("_clsk" /* Constant.SessionKey */, [data$2.sessionId, ts, data$2.pageNum, upgrade, upload].join(COOKIE_SEP), 1 /* Setting.SessionExpire */);
 }
 function processCallback(upgrade, consentUpdate) {
     if (consentUpdate === void 0) { consentUpdate = false; }
@@ -5643,14 +5755,6 @@ function processCallback(upgrade, consentUpdate) {
         }
     }
 }
-function supported(target, api) {
-    try {
-        return !!target[api];
-    }
-    catch (_a) {
-        return false;
-    }
-}
 function track(u, consent) {
     if (consent === void 0) { consent = null; }
     // If consent is not explicitly specified, infer it from the user object
@@ -5663,7 +5767,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.Caret */), 365 /* Setting.Expire */);
+        setCookie("_clck" /* Constant.CookieKey */, cookieParts.join(COOKIE_SEP), 365 /* Setting.Expire */);
     }
 }
 function shortid() {
@@ -5722,93 +5826,6 @@ function user() {
     }
     return output;
 }
-function getCookie(key, limit) {
-    var _a;
-    if (limit === void 0) { limit = false; }
-    if (supported(document, "cookie" /* Constant.Cookie */)) {
-        var cookies = document.cookie.split(";" /* Constant.Semicolon */);
-        if (cookies) {
-            for (var i = 0; i < cookies.length; i++) {
-                var pair = cookies[i].split("=" /* Constant.Equals */);
-                if (pair.length > 1 && pair[0] && pair[0].trim() === key) {
-                    // Some browsers automatically url encode cookie values if they are not url encoded.
-                    // We therefore encode and decode cookie values ourselves.
-                    // For backwards compatability we need to consider 3 cases:
-                    // * Cookie was previously not encoded by Clarity and browser did not encode it
-                    // * Cookie was previously not encoded by Clarity and browser encoded it once or more
-                    // * Cookie was previously encoded by Clarity and browser did not encode it
-                    var _b = decodeCookieValue(pair[1]), isEncoded = _b[0], decodedValue = _b[1];
-                    while (isEncoded) {
-                        _a = decodeCookieValue(decodedValue), isEncoded = _a[0], decodedValue = _a[1];
-                    }
-                    // If we are limiting cookies, check if the cookie value is limited
-                    if (limit) {
-                        return decodedValue.endsWith("".concat("~" /* Constant.Tilde */, "1"))
-                            ? decodedValue.substring(0, decodedValue.length - 2)
-                            : null;
-                    }
-                    return decodedValue;
-                }
-            }
-        }
-    }
-    return null;
-}
-function decodeCookieValue(value) {
-    try {
-        var decodedValue = decodeURIComponent(value);
-        return [decodedValue != value, decodedValue];
-    }
-    catch (_a) {
-    }
-    return [false, value];
-}
-function encodeCookieValue(value) {
-    return encodeURIComponent(value);
-}
-function setCookie(key, value, time) {
-    // only write cookies if we are currently in a cookie writing mode (and they are supported)
-    // OR if we are trying to write an empty cookie (i.e. clear the cookie value out)
-    if ((config$2.track || value == "" /* Constant.Empty */) && ((navigator && navigator.cookieEnabled) || supported(document, "cookie" /* Constant.Cookie */))) {
-        // Some browsers automatically url encode cookie values if they are not url encoded.
-        // We therefore encode and decode cookie values ourselves.
-        var encodedValue = encodeCookieValue(value);
-        var expiry = new Date();
-        expiry.setDate(expiry.getDate() + time);
-        var expires = expiry ? "expires=" /* Constant.Expires */ + expiry.toUTCString() : "" /* Constant.Empty */;
-        var cookie = "".concat(key, "=").concat(encodedValue).concat(";" /* Constant.Semicolon */).concat(expires).concat(";path=/" /* Constant.Path */);
-        try {
-            // Attempt to get the root domain only once and fall back to writing cookie on the current domain.
-            if (rootDomain === null) {
-                var hostname = location.hostname ? location.hostname.split("." /* Constant.Dot */) : [];
-                // Walk backwards on a domain and attempt to set a cookie, until successful
-                for (var i = hostname.length - 1; i >= 0; i--) {
-                    rootDomain = ".".concat(hostname[i]).concat(rootDomain ? rootDomain : "" /* Constant.Empty */);
-                    // We do not wish to attempt writing a cookie on the absolute last part of the domain, e.g. .com or .net.
-                    // So we start attempting after second-last part, e.g. .domain.com (PASS) or .co.uk (FAIL)
-                    if (i < hostname.length - 1) {
-                        // Write the cookie on the current computed top level domain
-                        document.cookie = "".concat(cookie).concat(";" /* Constant.Semicolon */).concat("domain=" /* Constant.Domain */).concat(rootDomain);
-                        // Once written, check if the cookie exists and its value matches exactly with what we intended to set
-                        // Checking for exact value match helps us eliminate a corner case where the cookie may already be present with a different value
-                        // If the check is successful, no more action is required and we can return from the function since rootDomain cookie is already set
-                        // If the check fails, continue with the for loop until we can successfully set and verify the cookie
-                        if (getCookie(key) === value) {
-                            return;
-                        }
-                    }
-                }
-                // Finally, if we were not successful and gone through all the options, play it safe and reset rootDomain to be empty
-                // This forces our code to fall back to always writing cookie to the current domain
-                rootDomain = "" /* Constant.Empty */;
-            }
-        }
-        catch (_a) {
-            rootDomain = "" /* Constant.Empty */;
-        }
-        document.cookie = rootDomain ? "".concat(cookie).concat(";" /* Constant.Semicolon */).concat("domain=" /* Constant.Domain */).concat(rootDomain) : cookie;
-    }
-}
 
 var data$1 = null;
 function start$7() {
@@ -6008,7 +6025,7 @@ function stop$6() {
 var status = false;
 function start$5() {
     status = true;
-    start$M();
+    start$N();
     reset$4();
     reset$1();
     reset$2();
@@ -6019,7 +6036,7 @@ function stop$5() {
     reset$2();
     reset$1();
     reset$4();
-    stop$J();
+    stop$K();
     status = false;
 }
 function active() {
@@ -6075,12 +6092,12 @@ function restart() {
 }
 
 function start$4() {
-    start$D();
+    start$E();
+    start$g();
     start$f();
-    start$e();
 }
 function stop$4() {
-    stop$d();
+    stop$e();
 }
 
 var diagnostic = /*#__PURE__*/Object.freeze({
@@ -6092,31 +6109,31 @@ var diagnostic = /*#__PURE__*/Object.freeze({
 function start$3() {
     // The order below is important 
     // and is determined by interdependencies of modules
-    start$m();
-    start$j();
+    start$n();
     start$k();
+    start$l();
     if (config$2.delayDom) {
         // Lazy load layout module as part of page load time performance improvements experiment 
         bind(window, 'load', function () {
-            start$l();
+            start$m();
         });
     }
     else {
-        start$l();
+        start$m();
     }
-    start$c();
+    start$d();
+    start$q();
     start$p();
     start$o();
-    start$n();
 }
 function stop$3() {
-    stop$h();
     stop$i();
     stop$j();
     stop$k();
+    stop$l();
+    stop$o();
     stop$n();
     stop$m();
-    stop$l();
 }
 
 var layout = /*#__PURE__*/Object.freeze({
@@ -6417,7 +6434,7 @@ function start(config$1) {
     if (check()) {
         config(config$1);
         start$5();
-        start$E();
+        start$F();
         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
@@ -6448,7 +6465,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$B();
+        stop$C();
         stop$5();
         setup();
     }