@openreplay/tracker 17.2.9 → 17.2.10

package/dist/cjs/index.js

@@ -4009,7 +4009,7 @@ class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '17.2.9'; // TODO: version compatability check inside each plugin.
+        this.version = '17.2.10'; // TODO: version compatability check inside each plugin.
         this.socketMode = false;
         this.compressionThreshold = 24 * 1000;
         this.bc = null;
@@ -6039,9 +6039,11 @@ function Input (app, opts) {
     }
     const inputValues = new Map();
     const checkboxValues = new Map();
+    const selectValues = new Map();
     app.attachStopCallback(() => {
         inputValues.clear();
         checkboxValues.clear();
+        selectValues.clear();
         tagSelectorMap.clear();
     });
     function trackInputValue(id, node) {
@@ -6058,6 +6060,13 @@ function Input (app, opts) {
         checkboxValues.set(id, value);
         app.send(SetInputChecked(id, value));
     }
+    function trackSelectValue(id, node) {
+        if (selectValues.get(id) === node.value) {
+            return;
+        }
+        selectValues.set(id, node.value);
+        sendInputValue(id, node);
+    }
     // The only way (to our knowledge) to track all kinds of input changes, including those made by JS
     app.ticker.attach(() => {
         inputValues.forEach((value, id) => {
@@ -6072,6 +6081,12 @@ function Input (app, opts) {
                 return checkboxValues.delete(id);
             trackCheckboxValue(id, node.checked);
         });
+        selectValues.forEach((_, id) => {
+            const node = app.nodes.getNode(id);
+            if (!node)
+                return selectValues.delete(id);
+            trackSelectValue(id, node);
+        });
     }, 3);
     function sendInputChange(id, node, hesitationTime, inputTime) {
         const { value, mask } = getInputValue(id, node);
@@ -6088,8 +6103,8 @@ function Input (app, opts) {
         }
         // TODO: support multiple select (?): use selectedOptions;
         if (hasTag(node, 'select')) {
-            sendInputValue(id, node);
-            app.nodes.attachNodeListener(node, 'change', () => sendInputValue(id, node));
+            trackSelectValue(id, node);
+            app.nodes.attachNodeListener(node, 'change', () => trackSelectValue(id, node));
         }
         if (isTextFieldElement(node)) {
             trackInputValue(id, node);
@@ -8942,7 +8957,7 @@ class ConstantProperties {
             user_id: this.user_id,
             distinct_id: this.deviceId,
             sdk_edition: 'web',
-            sdk_version: '17.2.9',
+            sdk_version: '17.2.10',
             timezone: getUTCOffsetString(),
             search_engine: this.searchEngine,
         };
@@ -9644,7 +9659,7 @@ class API {
         this.signalStartIssue = (reason, missingApi) => {
             const doNotTrack = this.checkDoNotTrack();
             console.log("Tracker couldn't start due to:", JSON.stringify({
-                trackerVersion: '17.2.9',
+                trackerVersion: '17.2.10',
                 projectKey: this.options.projectKey,
                 doNotTrack,
                 reason: missingApi.length ? `missing api: ${missingApi.join(',')}` : reason,