@adobe/helix-rum-enhancer 2.26.4 → 2.27.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [2.27.0](https://github.com/adobe/helix-rum-enhancer/compare/v2.26.4...v2.27.0) (2024-12-20)
+
+
+### Features
+
+* adding new checkpoint fill ([#336](https://github.com/adobe/helix-rum-enhancer/issues/336)) ([d3887f3](https://github.com/adobe/helix-rum-enhancer/commit/d3887f3b7eb073aa9f9e18f4d4a106bf7fa5b676))
+
 ## [2.26.4](https://github.com/adobe/helix-rum-enhancer/compare/v2.26.3...v2.26.4) (2024-12-20)
 
 

package/modules/index.js

@@ -251,21 +251,25 @@ function addViewMediaTracking(parent) {
   }
 }
 
-function addFocusTracking(parent) {
-  parent.addEventListener('focusin', (event) => {
-    if (['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON'].includes(event.target.tagName)
-      || event.target.getAttribute('contenteditable') === 'true') {
-      sampleRUM('click', { source: sourceSelector(event.target) });
-    }
-  });
-}
-
 function addFormTracking(parent) {
   activateBlocksMO();
   activateMediaMO();
   parent.querySelectorAll('form').forEach((form) => {
     form.addEventListener('submit', (e) => sampleRUM('formsubmit', { target: targetSelector(e.target), source: sourceSelector(e.target) }), { once: true });
-    addFocusTracking(form);
+    let lastSource;
+    form.addEventListener('change', (e) => {
+      const source = sourceSelector(e.target);
+      if (source !== lastSource) {
+        sampleRUM('fill', { source });
+        lastSource = source;
+      }
+    });
+    form.addEventListener('focusin', (e) => {
+      if (['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON'].includes(e.target.tagName)
+        || e.target.getAttribute('contenteditable') === 'true') {
+        sampleRUM('click', { source: sourceSelector(e.target) });
+      }
+    });
   });
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/helix-rum-enhancer",
-  "version": "2.26.4",
+  "version": "2.27.0",
   "description": "Helix RUM Enhancer",
   "main": "src/index.js",
   "type": "module",

package/src/index.js

@@ -384,20 +384,25 @@
       });
     }
   }
-  function addFocusTracking(parent) {
-    parent.addEventListener('focusin', (event) => {
-      if (['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON'].includes(event.target.tagName)
-        || event.target.getAttribute('contenteditable') === 'true') {
-        sampleRUM('click', { source: sourceSelector(event.target) });
-      }
-    });
-  }
   function addFormTracking(parent) {
     activateBlocksMO();
     activateMediaMO();
     parent.querySelectorAll('form').forEach((form) => {
       form.addEventListener('submit', (e) => sampleRUM('formsubmit', { target: targetSelector(e.target), source: sourceSelector(e.target) }), { once: true });
-      addFocusTracking(form);
+      let lastSource;
+      form.addEventListener('change', (e) => {
+        const source = sourceSelector(e.target);
+        if (source !== lastSource) {
+          sampleRUM('fill', { source });
+          lastSource = source;
+        }
+      });
+      form.addEventListener('focusin', (e) => {
+        if (['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON'].includes(e.target.tagName)
+          || e.target.getAttribute('contenteditable') === 'true') {
+          sampleRUM('click', { source: sourceSelector(e.target) });
+        }
+      });
     });
   }
   function addObserver(ck, fn, block) {

package/src/index.md5

@@ -1 +1 @@
-80a42e2816eebe0efae335ce49fe1225
+04eb0119fbaa5f7d37e24a608bbb8195