@gemx-dev/clarity-js 0.8.63 → 0.8.64

package/build/clarity.module.js

@@ -147,7 +147,7 @@ function process$8() {
     }
 }
 
-var config$2 = {
+var config$3 = {
     projectId: null,
     delay: 1 * 1000 /* Time.Second */,
     lean: false,
@@ -332,7 +332,7 @@ function url$1(input, electron, truncate) {
         result = "".concat("https://" /* Data.Constant.HTTPS */).concat("Electron" /* Data.Constant.Electron */);
     }
     else {
-        var drop_1 = config$2.drop;
+        var drop_1 = config$3.drop;
         if (drop_1 && drop_1.length > 0 && input && input.indexOf("?") > 0) {
             var _a = input.split("?"), path = _a[0], query = _a[1];
             var swap_1 = "*na*" /* Data.Constant.Dropped */;
@@ -1254,7 +1254,7 @@ function getCookie(key, limit) {
 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 */))) {
+    if ((config$3.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);
@@ -1372,7 +1372,7 @@ function start$F() {
 }
 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 */) {
+    if (config$3.fraud && id !== null && input && input.length >= 5 /* Setting.WordLength */) {
         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$f.checksum) < 0) {
@@ -1393,7 +1393,7 @@ function recompute$8(evt) {
     var element = target(evt);
     if (element) {
         var value = element.value;
-        var checksum = value && value.length >= 5 /* Setting.WordLength */ && config$2.fraud && "password,secret,pass,social,ssn,code,hidden" /* Mask.Exclude */.indexOf(element.type) === -1 ? hash(value, 28 /* Setting.ChecksumPrecision */) : "" /* Constant.Empty */;
+        var checksum = value && value.length >= 5 /* Setting.WordLength */ && config$3.fraud && "password,secret,pass,social,ssn,code,hidden" /* Mask.Exclude */.indexOf(element.type) === -1 ? hash(value, 28 /* Setting.ChecksumPrecision */) : "" /* Constant.Empty */;
         state$a.push({ time: time(evt), event: 42 /* Event.Change */, data: { target: target(evt), type: element.type, value: value, checksum: checksum } });
         schedule(encode$4.bind(this, 42 /* Event.Change */));
     }
@@ -2194,7 +2194,7 @@ var styleTimeMap = {};
 var documentNodes = [];
 var createdSheetIds = [];
 function proxyStyleRules$1(win) {
-    if ((config$2.lean && config$2.lite) || win === null || win === undefined) {
+    if ((config$3.lean && config$3.lite) || win === null || win === undefined) {
         return;
     }
     win.clarityOverrides = win.clarityOverrides || {};
@@ -2233,7 +2233,7 @@ function start$q() {
     proxyStyleRules$1(window);
 }
 function checkDocumentStyles(documentNode, timestamp) {
-    if (config$2.lean && config$2.lite) {
+    if (config$3.lean && config$3.lite) {
         return;
     }
     if (documentNodes.indexOf(documentNode) === -1) {
@@ -2620,7 +2620,7 @@ function encode$5 (type, timer, ts) {
                     if (type === 6 /* Event.Mutation */) {
                         activity(eventTime);
                     }
-                    queue(tokenize(tokens), !config$2.lean);
+                    queue(tokenize(tokens), !config$3.lean);
                     _o.label = 11;
                 case 11: return [3 /*break*/, 13];
                 case 12:
@@ -2830,7 +2830,7 @@ function processMutation(timer, mutation, instance, timestamp) {
                         return [2 /*return*/];
                     }
                     target = mutation.target;
-                    type = config$2.throttleDom ? track$5(mutation, timer, instance, timestamp) : mutation.type;
+                    type = config$3.throttleDom ? track$5(mutation, timer, instance, timestamp) : mutation.type;
                     if (type && target && target.ownerDocument) {
                         parse(target.ownerDocument);
                     }
@@ -3539,8 +3539,9 @@ var selectorMap = {};
 function reset$8() {
     selectorMap = {};
 }
-function configure(classNames) {
+function config$2(classNames) {
     extraExcludeClassNames = classNames || [];
+    console.log("[Selector] config called \u2014 extraExcludeClassNames set to: [".concat(extraExcludeClassNames.join(', '), "]"));
 }
 function get$1(input, type) {
     var a = input.attributes;
@@ -3564,7 +3565,13 @@ function get$1(input, type) {
             input.tag = input.tag.indexOf("svg:" /* Constant.SvgPrefix */) === 0 ? input.tag.substr("svg:" /* Constant.SvgPrefix */.length) : input.tag;
             var selector = "".concat(prefix).concat(input.tag).concat(suffix);
             var id = "id" /* Constant.Id */ in a && a["id" /* Constant.Id */].length > 0 ? a["id" /* Constant.Id */] : null;
-            var classes = input.tag !== "BODY" /* Constant.BodyTag */ && "class" /* Constant.Class */ in a && a["class" /* Constant.Class */].length > 0 ? a["class" /* Constant.Class */].trim().split(/\s+/).filter(function (c) { return filter(c); }).join("." /* Constant.Period */) : null;
+            var rawClasses = "class" /* Constant.Class */ in a ? a["class" /* Constant.Class */].trim().split(/\s+/) : [];
+            var filteredClasses = rawClasses.filter(function (c) { return filter(c); });
+            var removedClasses = rawClasses.filter(function (c) { return !filter(c); });
+            if (removedClasses.length > 0) {
+                console.log("[Selector] tag=\"".concat(input.tag, "\" id=\"").concat(input.id, "\" \u2014 removed classes: [").concat(removedClasses.join(', '), "] | kept: [").concat(filteredClasses.join(', '), "] | extraExclude: [").concat(extraExcludeClassNames.join(', '), "]"));
+            }
+            var classes = input.tag !== "BODY" /* Constant.BodyTag */ && filteredClasses.length > 0 ? filteredClasses.join("." /* Constant.Period */) : null;
             if (classes && classes.length > 0) {
                 if (type === 0 /* Selector.Alpha */) {
                     // In Alpha mode, update selector to use class names, with relative positioning within the parent id container.
@@ -3577,16 +3584,19 @@ function get$1(input, type) {
                         selectorMap[key].push(input.id);
                     }
                     selector = "".concat(key).concat("~" /* Constant.Tilde */).concat(selectorMap[key].indexOf(input.id));
+                    console.log("\uD83D\uDE80 \uD83D\uDC25 ~ get ~ selector:", selector);
                 }
                 else {
                     // In Beta mode, we continue to look at query selectors in context of the full page
                     selector = "".concat(prefix).concat(input.tag, ".").concat(classes).concat(suffix);
+                    console.log("\uD83D\uDE80 \uD83D\uDC25 ~ get ~ selector:", selector);
                 }
             }
             // Update selector to use "id" field when available. There are two exceptions:
             // (1) if "id" appears to be an auto generated string token, e.g. guid or a random id containing digits
             // (2) if "id" appears inside a shadow DOM, in which case we continue to prefix up to shadow DOM to prevent conflicts
             selector = id && filter(id) ? "".concat(getDomPrefix(prefix)).concat("#" /* Constant.Hash */).concat(id) : selector;
+            console.log("\uD83D\uDE80 \uD83D\uDC25 ~ get ~ selector:", selector);
             return selector;
     }
 }
@@ -3613,7 +3623,9 @@ function filter(value) {
     if (!value) {
         return false;
     } // Do not process empty strings
-    if (getExcludeClassNames().some(function (x) { return value.toLowerCase().indexOf(x) >= 0; })) {
+    var excludeClassNames = getExcludeClassNames();
+    console.log("\uD83D\uDE80 \uD83D\uDC25 ~ filter ~ excludeClassNames:", excludeClassNames);
+    if (excludeClassNames.some(function (x) { return value.toLowerCase().indexOf(x) >= 0; })) {
         return false;
     }
     for (var i = 0; i < value.length; i++) {
@@ -3625,12 +3637,14 @@ function filter(value) {
     return true;
 }
 function getExcludeClassNames() {
+    console.log("\uD83D\uDE80 \uD83D\uDC25 ~ getExcludeClassNames ~ extraExcludeClassNames:", extraExcludeClassNames);
+    console.log("\uD83D\uDE80 \uD83D\uDC25 ~ getExcludeClassNames ~ excludeClassNames:", excludeClassNames);
     return __spreadArray(__spreadArray([], excludeClassNames, true), extraExcludeClassNames, true);
 }
 
 var selector = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    configure: configure,
+    config: config$2,
     get: get$1,
     reset: reset$8
 });
@@ -3687,14 +3701,14 @@ function parse(root, init) {
     try {
         // Parse unmask configuration into separate query selectors and override tokens as part of initialization
         if (init) {
-            config$2.unmask.forEach(function (x) { return x.indexOf("!" /* Constant.Bang */) < 0 ? unmask.push(x) : override.push(x.substr(1)); });
+            config$3.unmask.forEach(function (x) { return x.indexOf("!" /* Constant.Bang */) < 0 ? unmask.push(x) : override.push(x.substr(1)); });
         }
         // Since mutations may happen on leaf nodes too, e.g. text nodes, which may not support all selector APIs.
         // We ensure that the root note supports querySelectorAll API before executing the code below to identify new regions.
         if ("querySelectorAll" in root) {
-            config$2.regions.forEach(function (x) { return root.querySelectorAll(x[1]).forEach(function (e) { return observe$1(e, "".concat(x[0])); }); }); // Regions
-            config$2.mask.forEach(function (x) { return root.querySelectorAll(x).forEach(function (e) { return privacyMap.set(e, 3 /* Privacy.TextImage */); }); }); // Masked Elements
-            config$2.checksum.forEach(function (x) { return root.querySelectorAll(x[1]).forEach(function (e) { return fraudMap.set(e, x[0]); }); }); // Fraud Checksum Check
+            config$3.regions.forEach(function (x) { return root.querySelectorAll(x[1]).forEach(function (e) { return observe$1(e, "".concat(x[0])); }); }); // Regions
+            config$3.mask.forEach(function (x) { return root.querySelectorAll(x).forEach(function (e) { return privacyMap.set(e, 3 /* Privacy.TextImage */); }); }); // Masked Elements
+            config$3.checksum.forEach(function (x) { return root.querySelectorAll(x[1]).forEach(function (e) { return fraudMap.set(e, x[0]); }); }); // Fraud Checksum Check
             unmask.forEach(function (x) { return root.querySelectorAll(x).forEach(function (e) { return privacyMap.set(e, 0 /* Privacy.None */); }); }); // Unmasked Elements
         }
     }
@@ -3725,7 +3739,7 @@ function add$1(node, parent, data, source) {
     var parentValue = null;
     var regionId = exists(node) ? id : null;
     var fraudId = fraudMap.has(node) ? fraudMap.get(node) : null;
-    var privacyId = config$2.content ? 1 /* Privacy.Sensitive */ : 3 /* Privacy.TextImage */;
+    var privacyId = config$3.content ? 1 /* Privacy.Sensitive */ : 3 /* Privacy.TextImage */;
     if (parentId >= 0 && values$1[parentId]) {
         parentValue = values$1[parentId];
         parentValue.children.push(id);
@@ -4029,7 +4043,7 @@ function getPreviousId(node) {
 function track$4(id, source, changed, parentChanged) {
     if (changed === void 0) { changed = true; }
     if (parentChanged === void 0) { parentChanged = false; }
-    if (config$2.lean && config$2.lite) {
+    if (config$3.lean && config$3.lite) {
         return;
     }
     // Keep track of the order in which mutations happened, they may not be sequential
@@ -4618,8 +4632,8 @@ var modules$1 = null;
 function start$i() {
     active$2 = true;
     modules$1 = new Set();
-    if (config$2.modules && config$2.modules.length > 0) {
-        config$2.modules.forEach(function (m) { event(m); });
+    if (config$3.modules && config$3.modules.length > 0) {
+        config$3.modules.forEach(function (m) { event(m); });
     }
 }
 function stop$g() {
@@ -4707,7 +4721,7 @@ function queue(tokens, transmit) {
     var now = time();
     var type = tokens.length > 1 ? tokens[1] : null;
     var event = JSON.stringify(tokens);
-    if (!config$2.lean) {
+    if (!config$3.lean) {
         leanLimit = false;
     }
     else if (!leanLimit && playbackBytes + event.length > 10485760 /* Setting.PlaybackBytesLimit */) {
@@ -4783,7 +4797,7 @@ function upload(final) {
                         return [2 /*return*/];
                     }
                     timeout = null;
-                    sendPlaybackBytes = config$2.lean === false && playbackBytes > 0 && (playbackBytes < 1048576 /* Setting.MaxFirstPayloadBytes */ || data$1.sequence > 0);
+                    sendPlaybackBytes = config$3.lean === false && playbackBytes > 0 && (playbackBytes < 1048576 /* Setting.MaxFirstPayloadBytes */ || data$1.sequence > 0);
                     if (sendPlaybackBytes) {
                         max(1 /* Metric.Playback */, 1 /* BooleanFlag.True */);
                     }
@@ -4836,8 +4850,8 @@ function stringify(encoded) {
 function send(payload, zipped, sequence, beacon) {
     if (beacon === void 0) { beacon = false; }
     // Upload data if a valid URL is defined in the config
-    if (typeof config$2.upload === "string" /* Constant.String */) {
-        var url_1 = config$2.upload;
+    if (typeof config$3.upload === "string" /* Constant.String */) {
+        var url_1 = config$3.upload;
         var dispatched = false;
         // If it's the last payload, attempt to upload using sendBeacon first.
         // The advantage to using sendBeacon is that browser can decide to upload asynchronously, improving chances of success
@@ -4888,8 +4902,8 @@ function send(payload, zipped, sequence, beacon) {
             }
         }
     }
-    else if (config$2.upload) {
-        var callback = config$2.upload;
+    else if (config$3.upload) {
+        var callback = config$3.upload;
         callback(payload);
         done(sequence);
     }
@@ -4911,7 +4925,7 @@ function check$3(xhr, sequence) {
                 //    2: Safari will terminate pending XHR requests with status code 0 if the user navigates away from the page
                 // In any case, we switch the upload URL to fallback configuration (if available) before re-trying one more time
                 if (xhr.status === 0) {
-                    config$2.upload = config$2.fallback ? config$2.fallback : config$2.upload;
+                    config$3.upload = config$3.fallback ? config$3.fallback : config$3.upload;
                 }
                 // Capture the status code and number of attempts so we can report it back to the server
                 track$1 = { sequence: sequence, attempts: transitData.attempts, status: xhr.status };
@@ -4958,8 +4972,8 @@ function done(sequence) {
 function delay() {
     // Progressively increase delay as we continue to send more payloads from the client to the server
     // If we are not uploading data to a server, and instead invoking UploadCallback, in that case keep returning configured value
-    var gap = config$2.lean === false && discoverBytes > 0 ? 100 /* Setting.MinUploadDelay */ : data$1.sequence * config$2.delay;
-    return typeof config$2.upload === "string" /* Constant.String */ ? Math.max(Math.min(gap, 30000 /* Setting.MaxUploadDelay */), 100 /* Setting.MinUploadDelay */) : config$2.delay;
+    var gap = config$3.lean === false && discoverBytes > 0 ? 100 /* Setting.MinUploadDelay */ : data$1.sequence * config$3.delay;
+    return typeof config$3.upload === "string" /* Constant.String */ ? Math.max(Math.min(gap, 30000 /* Setting.MaxUploadDelay */), 100 /* Setting.MinUploadDelay */) : config$3.delay;
 }
 function response(payload) {
     var lines = payload && payload.length > 0 ? payload.split("\n") : [];
@@ -4977,8 +4991,8 @@ function response(payload) {
                 break;
             case "ACTION" /* Constant.Action */:
                 // Invoke action callback, if configured and has a valid value
-                if (config$2.action && parts.length > 1) {
-                    config$2.action(parts[1]);
+                if (config$3.action && parts.length > 1) {
+                    config$3.action(parts[1]);
                 }
                 break;
             case "EXTRACT" /* Constant.Extract */:
@@ -4997,7 +5011,7 @@ function response(payload) {
                 }
                 break;
             case "SNAPSHOT" /* Constant.Snapshot */:
-                config$2.lean = false; // Disable lean mode to ensure we can send playback information to server.
+                config$3.lean = false; // Disable lean mode to ensure we can send playback information to server.
                 snapshot();
                 break;
         }
@@ -5331,8 +5345,8 @@ function discover() {
 
 var data$6 = null;
 function start$c() {
-    if (!config$2.lean && config$2.upgrade) {
-        config$2.upgrade("Config" /* Constant.Config */);
+    if (!config$3.lean && config$3.upgrade) {
+        config$3.upgrade("Config" /* Constant.Config */);
     }
     data$6 = null;
 }
@@ -5342,18 +5356,18 @@ function start$c() {
 // and send all backed up layout events to the server.
 function upgrade(key) {
     // Upgrade only if Clarity was successfully activated on the page
-    if (active() && config$2.lean) {
-        config$2.lean = false;
+    if (active() && config$3.lean) {
+        config$3.lean = false;
         data$6 = { key: key };
         // Update metadata to track we have upgraded this session
         callback();
         save();
         // Callback upgrade handler, if configured
-        if (config$2.upgrade) {
-            config$2.upgrade(key);
+        if (config$3.upgrade) {
+            config$3.upgrade(key);
         }
         encode$1(3 /* Event.Upgrade */);
-        if (config$2.lite) {
+        if (config$3.lite) {
             start$d();
             start$q();
         }
@@ -5641,7 +5655,7 @@ function compute$2() {
     if (updateConsent) {
         encode$1(47 /* Event.Consent */);
         updateConsent = false;
-        if (!config$2.track) {
+        if (!config$3.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();
@@ -5666,13 +5680,13 @@ function start$8() {
     // Populate ids for this page
     var s = session();
     var u = user();
-    var projectId = config$2.projectId || hash(location.host);
-    var userId = config$2.externalSession && config$2.userId ? config$2.userId : u.id;
-    var sessionId = config$2.externalSession && config$2.sessionId ? config$2.sessionId : s.session;
+    var projectId = config$3.projectId || hash(location.host);
+    var userId = config$3.externalSession && config$3.userId ? config$3.userId : u.id;
+    var sessionId = config$3.externalSession && config$3.sessionId ? config$3.sessionId : s.session;
     data$2 = { projectId: projectId, userId: userId, sessionId: sessionId, pageNum: s.count };
     // Override configuration based on what's in the session storage, unless it is blank (e.g. using upload callback, like in devtools)
-    config$2.lean = config$2.track && s.upgrade !== null ? s.upgrade === 0 /* BooleanFlag.False */ : config$2.lean;
-    config$2.upload = config$2.track && typeof config$2.upload === "string" /* Constant.String */ && s.upload && s.upload.length > "https://" /* Constant.HTTPS */.length ? s.upload : config$2.upload;
+    config$3.lean = config$3.track && s.upgrade !== null ? s.upgrade === 0 /* BooleanFlag.False */ : config$3.lean;
+    config$3.upload = config$3.track && typeof config$3.upload === "string" /* Constant.String */ && s.upload && s.upload.length > "https://" /* Constant.HTTPS */.length ? s.upload : config$3.upload;
     // Log page metadata as dimensions
     log(0 /* Dimension.UserAgent */, ua);
     log(3 /* Dimension.PageTitle */, title);
@@ -5710,7 +5724,7 @@ function start$8() {
         max(16 /* Metric.ColorDepth */, Math.round(screen.colorDepth));
     }
     // Read cookies specified in configuration
-    for (var _i = 0, _d = config$2.cookies; _i < _d.length; _i++) {
+    for (var _i = 0, _d = config$3.cookies; _i < _d.length; _i++) {
         var key = _d[_i];
         var value = getCookie(key);
         if (value) {
@@ -5722,14 +5736,14 @@ function start$8() {
     if (consentStatus === null) {
         consentStatus = {
             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 */,
+            ad_Storage: config$3.track ? "granted" /* Constant.Granted */ : "denied" /* Constant.Denied */,
+            analytics_Storage: config$3.track ? "granted" /* Constant.Granted */ : "denied" /* Constant.Denied */,
         };
     }
     var consent = getConsentData(consentStatus);
     config$1(consent);
     // Track ids using a cookie if configuration allows it, skip if using external session
-    if (!config$2.externalSession) {
+    if (!config$3.externalSession) {
         track(u);
     }
 }
@@ -5757,14 +5771,14 @@ function metadata(cb, wait, recall, consentInfo) {
     if (wait === void 0) { wait = true; }
     if (recall === void 0) { recall = false; }
     if (consentInfo === void 0) { consentInfo = false; }
-    var upgraded = config$2.lean ? 0 /* BooleanFlag.False */ : 1 /* BooleanFlag.True */;
+    var upgraded = config$3.lean ? 0 /* BooleanFlag.False */ : 1 /* BooleanFlag.True */;
     var called = false;
     // if caller hasn't specified that they want to skip waiting for upgrade but we've already upgraded, we need to
     // directly execute the callback in addition to adding to our list as we only process callbacks at the moment
     // we go through the upgrading flow.
     if (data$2 && (upgraded || wait === false)) {
         // Immediately invoke the callback if the caller explicitly doesn't want to wait for the upgrade confirmation
-        cb(data$2, !config$2.lean, consentInfo ? consentStatus : undefined);
+        cb(data$2, !config$3.lean, consentInfo ? consentStatus : undefined);
         called = true;
     }
     if (recall || !called) {
@@ -5804,15 +5818,15 @@ function consentv2(consentState, source) {
     consentStatus = updatedStatus;
     callback(true);
     var consentData = getConsentData(consentStatus);
-    if (!consentData.analytics_Storage && config$2.track) {
-        config$2.track = false;
+    if (!consentData.analytics_Storage && config$3.track) {
+        config$3.track = false;
         clear(true);
         stop();
         window.setTimeout(start, 250 /* Setting.RestartDelay */);
         return;
     }
     if (active() && consentData.analytics_Storage) {
-        config$2.track = true;
+        config$3.track = true;
         track(user(), 1 /* BooleanFlag.True */);
         save();
     }
@@ -5843,7 +5857,7 @@ function clear(all) {
 }
 function tab() {
     var id = shortid();
-    if (config$2.track && supported(window, "sessionStorage" /* Constant.SessionStorage */)) {
+    if (config$3.track && supported(window, "sessionStorage" /* Constant.SessionStorage */)) {
         var value = sessionStorage.getItem("_cltk" /* Constant.TabKey */);
         id = value ? value : id;
         sessionStorage.setItem("_cltk" /* Constant.TabKey */, id);
@@ -5852,15 +5866,15 @@ function tab() {
 }
 function callback(consentUpdate) {
     if (consentUpdate === void 0) { consentUpdate = false; }
-    var upgrade = config$2.lean ? 0 /* BooleanFlag.False */ : 1 /* BooleanFlag.True */;
+    var upgrade = config$3.lean ? 0 /* BooleanFlag.False */ : 1 /* BooleanFlag.True */;
     processCallback(upgrade, consentUpdate);
 }
 function save() {
-    if (!data$2 || !config$2.track || config$2.externalSession)
+    if (!data$2 || !config$3.track || config$3.externalSession)
         return;
     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 */;
+    var upload = config$3.upload && typeof config$3.upload === "string" /* Constant.String */ ? config$3.upload.replace("https://" /* Constant.HTTPS */, "" /* Constant.Empty */) : "" /* Constant.Empty */;
+    var upgrade = config$3.lean ? 0 /* BooleanFlag.False */ : 1 /* BooleanFlag.True */;
     setCookie("_clsk" /* Constant.SessionKey */, [data$2.sessionId, ts, data$2.pageNum, upgrade, upload].join(COOKIE_SEP), 1 /* Setting.SessionExpire */);
 }
 function processCallback(upgrade, consentUpdate) {
@@ -5871,7 +5885,7 @@ function processCallback(upgrade, consentUpdate) {
             if (cb.callback &&
                 ((!cb.called && !consentUpdate) || (cb.consentInfo && consentUpdate)) && //If consentUpdate is true, we only call the callback if it has consentInfo
                 (!cb.wait || upgrade)) {
-                cb.callback(data$2, !config$2.lean, cb.consentInfo ? consentStatus : undefined);
+                cb.callback(data$2, !config$3.lean, cb.consentInfo ? consentStatus : undefined);
                 cb.called = true;
                 if (!cb.recall) {
                     callbacks.splice(i, 1);
@@ -5889,7 +5903,7 @@ function track(u, consent) {
     // E.g. Math.ceil(1628735962643 / (24*60*60*1000)) => 18852 (days) => ejo in base36 (13 bytes => 3 bytes)
     var end = Math.ceil((Date.now() + (365 /* Setting.Expire */ * 86400000 /* Time.Day */)) / 86400000 /* Time.Day */);
     // If DOB is not set in the user object, use the date set in the config as a DOB
-    var dob = u.dob === 0 ? (config$2.dob === null ? 0 : config$2.dob) : u.dob;
+    var dob = u.dob === 0 ? (config$3.dob === null ? 0 : config$3.dob) : u.dob;
     // 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];
@@ -5905,7 +5919,7 @@ function shortid() {
 }
 function session() {
     var output = { session: shortid(), ts: Math.round(Date.now()), count: 1, upgrade: null, upload: "" /* Constant.Empty */ };
-    var value = getCookie("_clsk" /* Constant.SessionKey */, !config$2.includeSubdomains);
+    var value = getCookie("_clsk" /* Constant.SessionKey */, !config$3.includeSubdomains);
     if (value) {
         // Maintaining support for pipe separator for backward compatibility, this can be removed in future releases
         var parts = value.includes("^" /* Constant.Caret */) ? value.split("^" /* Constant.Caret */) : value.split("|" /* Constant.Pipe */);
@@ -5926,7 +5940,7 @@ function num(string, base) {
 }
 function user() {
     var output = { id: shortid(), version: 0, expiry: null, consent: 0 /* BooleanFlag.False */, dob: 0 };
-    var cookie = getCookie("_clck" /* Constant.CookieKey */, !config$2.includeSubdomains);
+    var cookie = getCookie("_clck" /* Constant.CookieKey */, !config$3.includeSubdomains);
     if (cookie && cookie.length > 0) {
         // Splitting and looking up first part for forward compatibility, in case we wish to store additional information in a cookie
         // Maintaining support for pipe separator for backward compatibility, this can be removed in future releases
@@ -5946,9 +5960,9 @@ function user() {
             output.dob = num(parts[4]);
         }
         // Set track configuration to true for this user if we have explicit consent, regardless of project setting
-        config$2.track = config$2.track || output.consent === 1 /* BooleanFlag.True */;
+        config$3.track = config$3.track || output.consent === 1 /* BooleanFlag.True */;
         // Get user id from cookie only if we tracking is enabled, otherwise fallback to a random id
-        output.id = config$2.track ? parts[0] : output.id;
+        output.id = config$3.track ? parts[0] : output.id;
     }
     return output;
 }
@@ -6005,7 +6019,7 @@ function reset$2() {
 function report(e) {
     // Do not report the same message twice for the same page
     if (history$1 && history$1.indexOf(e.message) === -1) {
-        var url = config$2.report;
+        var url = config$3.report;
         if (url && url.length > 0 && data$1) {
             var payload = { v: data$1.version, p: data$1.projectId, u: data$1.userId, s: data$1.sessionId, n: data$1.pageNum };
             if (e.message) {
@@ -6190,8 +6204,8 @@ function config(override) {
         return false;
     }
     for (var key in override) {
-        if (key in config$2) {
-            config$2[key] = override[key];
+        if (key in config$3) {
+            config$3[key] = override[key];
         }
     }
     return true;
@@ -6235,11 +6249,12 @@ var diagnostic = /*#__PURE__*/Object.freeze({
 function start$3() {
     // The order below is important
     // and is determined by interdependencies of modules
-    configure(config$2.excludeClassNames || []);
+    config$2(config$3.excludeClassNames || []);
+    console.log("\uD83D\uDE80 \uD83D\uDC25 ~ start ~ config:", config$3);
     start$n();
     start$k();
     start$l();
-    if (config$2.delayDom) {
+    if (config$3.delayDom) {
         // Lazy load layout module as part of page load time performance improvements experiment 
         bind(window, 'load', function () {
             start$m();
@@ -6488,7 +6503,7 @@ function process(entries) {
             case "resource" /* Constant.Resource */:
                 var name_1 = entry.name;
                 log(4 /* Dimension.NetworkHosts */, host(name_1));
-                if (name_1 === config$2.upload || name_1 === config$2.fallback) {
+                if (name_1 === config$3.upload || name_1 === config$3.fallback) {
                     max(28 /* Metric.UploadTime */, entry.duration);
                 }
                 break;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gemx-dev/clarity-js",
-  "version": "0.8.63",
+  "version": "0.8.64",
   "description": "Clarity js",
   "author": "Microsoft Corp.",
   "license": "MIT",

package/src/core/version.ts

@@ -1,2 +1,2 @@
-let version = "0.8.63";
+let version = "0.8.64";
 export default version;

package/src/layout/index.ts

@@ -15,7 +15,8 @@ export { hashText } from "@src/layout/dom";
 export function start(): void {
     // The order below is important
     // and is determined by interdependencies of modules
-    selector.configure(config.excludeClassNames || []);
+    selector.config(config.excludeClassNames || []);
+    console.log(`🚀 🐥 ~ start ~ config:`, config);
     doc.start();
     region.start();
     dom.start();

package/src/layout/selector.ts

@@ -2,6 +2,7 @@ import { Character } from "../../types/data";
 import { Constant, Selector, SelectorInput } from "../../types/layout";
 
 const excludeClassNames = Constant.ExcludeClassNames.split(Constant.Comma);
+
 let extraExcludeClassNames: string[] = [];
 let selectorMap: { [selector: string]: number[] } = {};
 
@@ -9,8 +10,9 @@ export function reset(): void {
     selectorMap = {};
 }
 
-export function configure(classNames: string[]): void {
+export function config(classNames: string[]): void {
     extraExcludeClassNames = classNames || [];
+    console.log(`[Selector] config called — extraExcludeClassNames set to: [${extraExcludeClassNames.join(', ')}]`);
 }
 
 export function get(input: SelectorInput, type: Selector): string {
@@ -33,7 +35,13 @@ export function get(input: SelectorInput, type: Selector): string {
             input.tag = input.tag.indexOf(Constant.SvgPrefix) === 0 ? input.tag.substr(Constant.SvgPrefix.length) : input.tag;
             let selector = `${prefix}${input.tag}${suffix}`;
             let id = Constant.Id in a && a[Constant.Id].length > 0 ? a[Constant.Id] : null;
-            let classes = input.tag !== Constant.BodyTag && Constant.Class in a && a[Constant.Class].length > 0 ? a[Constant.Class].trim().split(/\s+/).filter(c => filter(c)).join(Constant.Period) : null;
+            const rawClasses = Constant.Class in a ? a[Constant.Class].trim().split(/\s+/) : [];
+            const filteredClasses = rawClasses.filter(c => filter(c));
+            const removedClasses = rawClasses.filter(c => !filter(c));
+            if (removedClasses.length > 0) {
+                console.log(`[Selector] tag="${input.tag}" id="${input.id}" — removed classes: [${removedClasses.join(', ')}] | kept: [${filteredClasses.join(', ')}] | extraExclude: [${extraExcludeClassNames.join(', ')}]`);
+            }
+            let classes = input.tag !== Constant.BodyTag && filteredClasses.length > 0 ? filteredClasses.join(Constant.Period) : null;
             if (classes && classes.length > 0) {
                 if (type === Selector.Alpha) {
                     // In Alpha mode, update selector to use class names, with relative positioning within the parent id container.
@@ -42,15 +50,18 @@ export function get(input: SelectorInput, type: Selector): string {
                     if (!(key in selectorMap)) { selectorMap[key] = []; }
                     if (selectorMap[key].indexOf(input.id) < 0) { selectorMap[key].push(input.id); }
                     selector = `${key}${Constant.Tilde}${selectorMap[key].indexOf(input.id)}`;
+                    console.log(`🚀 🐥 ~ get ~ selector:`, selector);
                 } else {
                     // In Beta mode, we continue to look at query selectors in context of the full page
                     selector = `${prefix}${input.tag}.${classes}${suffix}`
+                    console.log(`🚀 🐥 ~ get ~ selector:`, selector);
                 }
             }
             // Update selector to use "id" field when available. There are two exceptions:
             // (1) if "id" appears to be an auto generated string token, e.g. guid or a random id containing digits
             // (2) if "id" appears inside a shadow DOM, in which case we continue to prefix up to shadow DOM to prevent conflicts
             selector = id && filter(id) ? `${getDomPrefix(prefix)}${Constant.Hash}${id}` : selector;
+            console.log(`🚀 🐥 ~ get ~ selector:`, selector);
             return selector;
     }
 }
@@ -78,7 +89,10 @@ function getDomPath(input: string): string {
 // Check if the given input string has digits or excluded class names
 function filter(value: string): boolean {
     if (!value) { return false; } // Do not process empty strings
-    if (getExcludeClassNames().some(x => value.toLowerCase().indexOf(x) >= 0)) { return false; }
+    
+    const excludeClassNames = getExcludeClassNames();
+    console.log(`🚀 🐥 ~ filter ~ excludeClassNames:`, excludeClassNames);
+    if (excludeClassNames.some(x => value.toLowerCase().indexOf(x) >= 0)) { return false; }
     for (let i = 0; i < value.length; i++) {
         let c = value.charCodeAt(i);
         if (c >= Character.Zero && c <= Character.Nine) { return false };
@@ -88,5 +102,7 @@ function filter(value: string): boolean {
 
 
 function getExcludeClassNames(): string[] {
+    console.log(`🚀 🐥 ~ getExcludeClassNames ~ extraExcludeClassNames:`, extraExcludeClassNames);
+    console.log(`🚀 🐥 ~ getExcludeClassNames ~ excludeClassNames:`, excludeClassNames);
     return [...excludeClassNames, ...extraExcludeClassNames];
 }