@atlaskit/react-ufo 4.15.7 → 4.15.9

package/dist/cjs/create-post-interaction-log-payload/get-late-mutations.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -38,9 +37,9 @@ function getLateMutations(vcDetails) {
           element: element,
           viewportHeatmapPercentage: (postInteractionFinishVCRatios === null || postInteractionFinishVCRatios === void 0 ? void 0 : postInteractionFinishVCRatios[element]) || 0
         };
-        if (labelStacks && (0, _platformFeatureFlags.fg)('platform_ufo_enable_late_mutation_label_stacks')) {
+        if (labelStacks) {
           var labels = labelStacks[element];
-          if (labels) {
+          if (labels && typeof labels !== 'string') {
             lateMutation.segment = labels.segment;
             lateMutation.labelStack = labels.labelStack;
           }

package/dist/cjs/vc/vc-observer-new/index.js

@@ -88,7 +88,7 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
           oldValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.oldValue,
           newValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.newValue
         };
-        if (element && _this.isPostInteraction && (0, _platformFeatureFlags.fg)('platform_ufo_enable_late_mutation_label_stacks')) {
+        if (element && (_this.isPostInteraction || (0, _platformFeatureFlags.fg)('platform_ufo_add_segment_names_to_dom_offenders'))) {
           var labelStacks = getLabelStacks(element);
           if (labelStacks) {
             Object.assign(data, {

package/dist/cjs/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -83,7 +83,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
     }
   }, {
     key: "getLabelStacks",
-    value: function getLabelStacks(filteredEntries) {
+    value: function getLabelStacks(filteredEntries, isPostInteraction) {
       var labelStacks = {};
       var _iterator3 = _createForOfIteratorHelper(filteredEntries),
         _step3;
@@ -91,10 +91,14 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var _entry2 = _step3.value;
           if ('elementName' in _entry2.data && _entry2.data.labelStacks) {
-            labelStacks[_entry2.data.elementName] = {
-              segment: _entry2.data.labelStacks.segment,
-              labelStack: _entry2.data.labelStacks.labelStack
-            };
+            if (isPostInteraction) {
+              labelStacks[_entry2.data.elementName] = {
+                segment: _entry2.data.labelStacks.segment,
+                labelStack: _entry2.data.labelStacks.labelStack
+              };
+            } else if ((0, _platformFeatureFlags.fg)('platform_ufo_add_segment_names_to_dom_offenders')) {
+              labelStacks[_entry2.data.elementName] = _entry2.data.labelStacks.labelStack;
+            }
           }
         }
       } catch (err) {
@@ -415,8 +419,8 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
               if (ssrRatio !== -1) {
                 result.ssrRatio = ssrRatio;
               }
-              if (isPostInteraction) {
-                result.labelStacks = this.getLabelStacks(filteredEntries);
+              if (isPostInteraction || (0, _platformFeatureFlags.fg)('platform_ufo_add_segment_names_to_dom_offenders')) {
+                result.labelStacks = this.getLabelStacks(filteredEntries, isPostInteraction);
               }
               return _context2.abrupt("return", result);
             case 17:

package/dist/cjs/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -32,6 +32,11 @@ var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
   if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_media_for_ttvc_v3')) {
     entryTypes.push('mutation:media');
   }
+
+  // Still included as part of TTVC v3
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_ttvc_v4_exclude_input_name_mutation')) {
+    entryTypes.push('mutation:attribute:non-visual-input-name');
+  }
   return entryTypes;
 };
 

package/dist/cjs/vc/vc-observer-new/metric-calculator/vcnext/index.js

@@ -30,6 +30,9 @@ var getConsideredEntryTypes = function getConsideredEntryTypes() {
 };
 var getExcludedEntryTypes = function getExcludedEntryTypes() {
   var excludedEntryTypes = ['layout-shift:same-rect'];
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_ttvc_v4_exclude_input_name_mutation')) {
+    excludedEntryTypes.push('mutation:attribute:non-visual-input-name');
+  }
   return excludedEntryTypes;
 };
 

package/dist/cjs/vc/vc-observer-new/raw-data-handler/index.js

@@ -123,7 +123,7 @@ var RawDataHandler = exports.default = /*#__PURE__*/function () {
                   }
                 }
                 var observation = _objectSpread({
-                  t: Math.round(entry.time),
+                  t: Math.round(entry.time - startTime),
                   r: [Math.round(rect.left * 10) / 10, Math.round(rect.top * 10) / 10, Math.round(rect.right * 10) / 10, Math.round(rect.bottom * 10) / 10],
                   chg: chg,
                   eid: eid || 0

package/dist/cjs/vc/vc-observer-new/viewport-observer/index.js

@@ -23,6 +23,7 @@ var _checkWithinComponent3 = _interopRequireWildcard(require("./utils/check-with
 var _getMutatedElements = require("./utils/get-mutated-elements");
 var _isElementVisible = require("./utils/is-element-visible");
 var _isInVcIgnoreIfNoLayoutShiftMarker = _interopRequireDefault(require("./utils/is-in-vc-ignore-if-no-layout-shift-marker"));
+var _isInputNameMutation = require("./utils/is-input-name-mutation");
 var _isSameRectDimensions = require("./utils/is-same-rect-dimensions");
 var _isSameRectSize = require("./utils/is-same-rect-size");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -446,6 +447,21 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
             }
           };
         }
+        if ((0, _isInputNameMutation.isInputNameMutation)({
+          target: target,
+          attributeName: attributeName,
+          oldValue: oldValue,
+          newValue: newValue
+        })) {
+          return {
+            type: 'mutation:attribute:non-visual-input-name',
+            mutationData: {
+              attributeName: attributeName,
+              oldValue: oldValue,
+              newValue: newValue
+            }
+          };
+        }
         var isRLLPlaceholder = _rllPlaceholders.RLLPlaceholderHandlers.getInstance().isRLLPlaceholderHydration(rect);
         if (isRLLPlaceholder) {
           return {

package/dist/cjs/vc/vc-observer-new/viewport-observer/utils/is-input-name-mutation.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isInputNameMutation = isInputNameMutation;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+// Detecting this is required due to a React/Chromium bug, where React itself triggers an attribute mutation for input elements
+// Reference: https://atlassian.slack.com/archives/C08EK6TCUP6/p1764129900970719
+function isInputNameMutation(_ref) {
+  var target = _ref.target,
+    attributeName = _ref.attributeName,
+    oldValue = _ref.oldValue,
+    newValue = _ref.newValue;
+  if (!(0, _platformFeatureFlags.fg)('platform_ufo_ttvc_v4_exclude_input_name_mutation')) {
+    return false;
+  }
+  return target instanceof HTMLInputElement && attributeName === 'name' && (oldValue === '' || newValue === '');
+}

package/dist/es2019/create-post-interaction-log-payload/get-late-mutations.js

@@ -1,4 +1,3 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 function getLateMutations(vcDetails, labelStacks = {}, lastInteractionFinish, postInteractionFinishVCRatios) {
   // Map to track which elements are already seen for each timestamp
   const seen = new Map();
@@ -22,9 +21,9 @@ function getLateMutations(vcDetails, labelStacks = {}, lastInteractionFinish, po
         element,
         viewportHeatmapPercentage: (postInteractionFinishVCRatios === null || postInteractionFinishVCRatios === void 0 ? void 0 : postInteractionFinishVCRatios[element]) || 0
       };
-      if (labelStacks && fg('platform_ufo_enable_late_mutation_label_stacks')) {
+      if (labelStacks) {
         const labels = labelStacks[element];
-        if (labels) {
+        if (labels && typeof labels !== 'string') {
           lateMutation.segment = labels.segment;
           lateMutation.labelStack = labels.labelStack;
         }

package/dist/es2019/vc/vc-observer-new/index.js

@@ -74,7 +74,7 @@ export default class VCObserverNew {
           oldValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.oldValue,
           newValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.newValue
         };
-        if (element && this.isPostInteraction && fg('platform_ufo_enable_late_mutation_label_stacks')) {
+        if (element && (this.isPostInteraction || fg('platform_ufo_add_segment_names_to_dom_offenders'))) {
           const labelStacks = getLabelStacks(element);
           if (labelStacks) {
             Object.assign(data, {

package/dist/es2019/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -39,14 +39,18 @@ export default class AbstractVCCalculatorBase {
     }
     return ratios;
   }
-  getLabelStacks(filteredEntries) {
+  getLabelStacks(filteredEntries, isPostInteraction) {
     const labelStacks = {};
     for (const entry of filteredEntries) {
       if ('elementName' in entry.data && entry.data.labelStacks) {
-        labelStacks[entry.data.elementName] = {
-          segment: entry.data.labelStacks.segment,
-          labelStack: entry.data.labelStacks.labelStack
-        };
+        if (isPostInteraction) {
+          labelStacks[entry.data.elementName] = {
+            segment: entry.data.labelStacks.segment,
+            labelStack: entry.data.labelStacks.labelStack
+          };
+        } else if (fg('platform_ufo_add_segment_names_to_dom_offenders')) {
+          labelStacks[entry.data.elementName] = entry.data.labelStacks.labelStack;
+        }
       }
     }
     return labelStacks;
@@ -300,8 +304,8 @@ export default class AbstractVCCalculatorBase {
     if (ssrRatio !== -1) {
       result.ssrRatio = ssrRatio;
     }
-    if (isPostInteraction) {
-      result.labelStacks = this.getLabelStacks(filteredEntries);
+    if (isPostInteraction || fg('platform_ufo_add_segment_names_to_dom_offenders')) {
+      result.labelStacks = this.getLabelStacks(filteredEntries, isPostInteraction);
     }
     return result;
   }

package/dist/es2019/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -18,6 +18,11 @@ const getConsideredEntryTypes = include3p => {
   if (fg('platform_ufo_enable_media_for_ttvc_v3')) {
     entryTypes.push('mutation:media');
   }
+
+  // Still included as part of TTVC v3
+  if (fg('platform_ufo_ttvc_v4_exclude_input_name_mutation')) {
+    entryTypes.push('mutation:attribute:non-visual-input-name');
+  }
   return entryTypes;
 };
 

package/dist/es2019/vc/vc-observer-new/metric-calculator/vcnext/index.js

@@ -15,6 +15,9 @@ const getConsideredEntryTypes = () => {
 };
 const getExcludedEntryTypes = () => {
   const excludedEntryTypes = ['layout-shift:same-rect'];
+  if (fg('platform_ufo_ttvc_v4_exclude_input_name_mutation')) {
+    excludedEntryTypes.push('mutation:attribute:non-visual-input-name');
+  }
   return excludedEntryTypes;
 };
 

package/dist/es2019/vc/vc-observer-new/raw-data-handler/index.js

@@ -100,7 +100,7 @@ export default class RawDataHandler {
         }
       }
       const observation = {
-        t: Math.round(entry.time),
+        t: Math.round(entry.time - startTime),
         r: [Math.round(rect.left * 10) / 10, Math.round(rect.top * 10) / 10, Math.round(rect.right * 10) / 10, Math.round(rect.bottom * 10) / 10],
         chg,
         eid: eid || 0,

package/dist/es2019/vc/vc-observer-new/viewport-observer/index.js

@@ -11,6 +11,7 @@ import checkWithinComponent, { cleanupCaches } from './utils/check-within-compon
 import { getMutatedElements } from './utils/get-mutated-elements';
 import { isElementVisible } from './utils/is-element-visible';
 import isInVCIgnoreIfNoLayoutShiftMarker from './utils/is-in-vc-ignore-if-no-layout-shift-marker';
+import { isInputNameMutation } from './utils/is-input-name-mutation';
 import { isSameRectDimensions } from './utils/is-same-rect-dimensions';
 import { isSameRectSize } from './utils/is-same-rect-size';
 const createElementMutationsWatcher = removedNodeRects => ({
@@ -317,6 +318,21 @@ export default class ViewportObserver {
             }
           };
         }
+        if (isInputNameMutation({
+          target,
+          attributeName,
+          oldValue,
+          newValue
+        })) {
+          return {
+            type: 'mutation:attribute:non-visual-input-name',
+            mutationData: {
+              attributeName,
+              oldValue,
+              newValue
+            }
+          };
+        }
         const isRLLPlaceholder = RLLPlaceholderHandlers.getInstance().isRLLPlaceholderHydration(rect);
         if (isRLLPlaceholder) {
           return {

package/dist/es2019/vc/vc-observer-new/viewport-observer/utils/is-input-name-mutation.js

@@ -0,0 +1,15 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+
+// Detecting this is required due to a React/Chromium bug, where React itself triggers an attribute mutation for input elements
+// Reference: https://atlassian.slack.com/archives/C08EK6TCUP6/p1764129900970719
+export function isInputNameMutation({
+  target,
+  attributeName,
+  oldValue,
+  newValue
+}) {
+  if (!fg('platform_ufo_ttvc_v4_exclude_input_name_mutation')) {
+    return false;
+  }
+  return target instanceof HTMLInputElement && attributeName === 'name' && (oldValue === '' || newValue === '');
+}

package/dist/esm/create-post-interaction-log-payload/get-late-mutations.js

@@ -1,7 +1,6 @@
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-import { fg } from '@atlaskit/platform-feature-flags';
 function getLateMutations(vcDetails) {
   var labelStacks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var lastInteractionFinish = arguments.length > 2 ? arguments[2] : undefined;
@@ -32,9 +31,9 @@ function getLateMutations(vcDetails) {
           element: element,
           viewportHeatmapPercentage: (postInteractionFinishVCRatios === null || postInteractionFinishVCRatios === void 0 ? void 0 : postInteractionFinishVCRatios[element]) || 0
         };
-        if (labelStacks && fg('platform_ufo_enable_late_mutation_label_stacks')) {
+        if (labelStacks) {
           var labels = labelStacks[element];
-          if (labels) {
+          if (labels && typeof labels !== 'string') {
             lateMutation.segment = labels.segment;
             lateMutation.labelStack = labels.labelStack;
           }

package/dist/esm/vc/vc-observer-new/index.js

@@ -81,7 +81,7 @@ var VCObserverNew = /*#__PURE__*/function () {
           oldValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.oldValue,
           newValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.newValue
         };
-        if (element && _this.isPostInteraction && fg('platform_ufo_enable_late_mutation_label_stacks')) {
+        if (element && (_this.isPostInteraction || fg('platform_ufo_add_segment_names_to_dom_offenders'))) {
           var labelStacks = getLabelStacks(element);
           if (labelStacks) {
             Object.assign(data, {

package/dist/esm/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -77,7 +77,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
     }
   }, {
     key: "getLabelStacks",
-    value: function getLabelStacks(filteredEntries) {
+    value: function getLabelStacks(filteredEntries, isPostInteraction) {
       var labelStacks = {};
       var _iterator3 = _createForOfIteratorHelper(filteredEntries),
         _step3;
@@ -85,10 +85,14 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var _entry2 = _step3.value;
           if ('elementName' in _entry2.data && _entry2.data.labelStacks) {
-            labelStacks[_entry2.data.elementName] = {
-              segment: _entry2.data.labelStacks.segment,
-              labelStack: _entry2.data.labelStacks.labelStack
-            };
+            if (isPostInteraction) {
+              labelStacks[_entry2.data.elementName] = {
+                segment: _entry2.data.labelStacks.segment,
+                labelStack: _entry2.data.labelStacks.labelStack
+              };
+            } else if (fg('platform_ufo_add_segment_names_to_dom_offenders')) {
+              labelStacks[_entry2.data.elementName] = _entry2.data.labelStacks.labelStack;
+            }
           }
         }
       } catch (err) {
@@ -409,8 +413,8 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
               if (ssrRatio !== -1) {
                 result.ssrRatio = ssrRatio;
               }
-              if (isPostInteraction) {
-                result.labelStacks = this.getLabelStacks(filteredEntries);
+              if (isPostInteraction || fg('platform_ufo_add_segment_names_to_dom_offenders')) {
+                result.labelStacks = this.getLabelStacks(filteredEntries, isPostInteraction);
               }
               return _context2.abrupt("return", result);
             case 17:

package/dist/esm/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -25,6 +25,11 @@ var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
   if (fg('platform_ufo_enable_media_for_ttvc_v3')) {
     entryTypes.push('mutation:media');
   }
+
+  // Still included as part of TTVC v3
+  if (fg('platform_ufo_ttvc_v4_exclude_input_name_mutation')) {
+    entryTypes.push('mutation:attribute:non-visual-input-name');
+  }
   return entryTypes;
 };
 

package/dist/esm/vc/vc-observer-new/metric-calculator/vcnext/index.js

@@ -24,6 +24,9 @@ var getConsideredEntryTypes = function getConsideredEntryTypes() {
 };
 var getExcludedEntryTypes = function getExcludedEntryTypes() {
   var excludedEntryTypes = ['layout-shift:same-rect'];
+  if (fg('platform_ufo_ttvc_v4_exclude_input_name_mutation')) {
+    excludedEntryTypes.push('mutation:attribute:non-visual-input-name');
+  }
   return excludedEntryTypes;
 };
 

package/dist/esm/vc/vc-observer-new/raw-data-handler/index.js

@@ -116,7 +116,7 @@ var RawDataHandler = /*#__PURE__*/function () {
                   }
                 }
                 var observation = _objectSpread({
-                  t: Math.round(entry.time),
+                  t: Math.round(entry.time - startTime),
                   r: [Math.round(rect.left * 10) / 10, Math.round(rect.top * 10) / 10, Math.round(rect.right * 10) / 10, Math.round(rect.bottom * 10) / 10],
                   chg: chg,
                   eid: eid || 0

package/dist/esm/vc/vc-observer-new/viewport-observer/index.js

@@ -18,6 +18,7 @@ import checkWithinComponent, { cleanupCaches } from './utils/check-within-compon
 import { getMutatedElements } from './utils/get-mutated-elements';
 import { isElementVisible } from './utils/is-element-visible';
 import isInVCIgnoreIfNoLayoutShiftMarker from './utils/is-in-vc-ignore-if-no-layout-shift-marker';
+import { isInputNameMutation } from './utils/is-input-name-mutation';
 import { isSameRectDimensions } from './utils/is-same-rect-dimensions';
 import { isSameRectSize } from './utils/is-same-rect-size';
 var createElementMutationsWatcher = function createElementMutationsWatcher(removedNodeRects) {
@@ -437,6 +438,21 @@ var ViewportObserver = /*#__PURE__*/function () {
             }
           };
         }
+        if (isInputNameMutation({
+          target: target,
+          attributeName: attributeName,
+          oldValue: oldValue,
+          newValue: newValue
+        })) {
+          return {
+            type: 'mutation:attribute:non-visual-input-name',
+            mutationData: {
+              attributeName: attributeName,
+              oldValue: oldValue,
+              newValue: newValue
+            }
+          };
+        }
         var isRLLPlaceholder = RLLPlaceholderHandlers.getInstance().isRLLPlaceholderHydration(rect);
         if (isRLLPlaceholder) {
           return {

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/is-input-name-mutation.js

@@ -0,0 +1,14 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+
+// Detecting this is required due to a React/Chromium bug, where React itself triggers an attribute mutation for input elements
+// Reference: https://atlassian.slack.com/archives/C08EK6TCUP6/p1764129900970719
+export function isInputNameMutation(_ref) {
+  var target = _ref.target,
+    attributeName = _ref.attributeName,
+    oldValue = _ref.oldValue,
+    newValue = _ref.newValue;
+  if (!fg('platform_ufo_ttvc_v4_exclude_input_name_mutation')) {
+    return false;
+  }
+  return target instanceof HTMLInputElement && attributeName === 'name' && (oldValue === '' || newValue === '');
+}

package/dist/types/common/vc/types.d.ts

@@ -18,7 +18,7 @@ export type VCLabelStacks = {
     [elementName: string]: {
         segment: string;
         labelStack: string;
-    };
+    } | string;
 };
 export type VCRawDataType = {
     abortReasonInfo: string | null;

package/dist/types/vc/vc-observer-new/types.d.ts

@@ -1,6 +1,6 @@
 import type { AbortReasonType, InteractionType } from '../../common/common/types';
 import type { ObservedWindowEvent } from './window-event-observer';
-export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:display-contents-children-attribute' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:third-party-attribute' | 'mutation:ssr-placeholder' | 'layout-shift' | 'layout-shift:same-rect' | 'window:event' | 'ssr-hydration' | 'unknown';
+export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:display-contents-children-attribute' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute:non-visual-input-name' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:third-party-attribute' | 'mutation:ssr-placeholder' | 'layout-shift' | 'layout-shift:same-rect' | 'window:event' | 'ssr-hydration' | 'unknown';
 export type ViewportEntryData = {
     readonly type: VCObserverEntryType;
     readonly elementName: string;

package/dist/types/vc/vc-observer-new/viewport-observer/utils/is-input-name-mutation.d.ts

@@ -0,0 +1,6 @@
+export declare function isInputNameMutation({ target, attributeName, oldValue, newValue, }: {
+    target?: Node | null;
+    attributeName?: string | null;
+    oldValue?: string | undefined | null;
+    newValue?: string | undefined | null;
+}): boolean;

package/dist/types-ts4.5/common/vc/types.d.ts

@@ -18,7 +18,7 @@ export type VCLabelStacks = {
     [elementName: string]: {
         segment: string;
         labelStack: string;
-    };
+    } | string;
 };
 export type VCRawDataType = {
     abortReasonInfo: string | null;

package/dist/types-ts4.5/vc/vc-observer-new/types.d.ts

@@ -1,6 +1,6 @@
 import type { AbortReasonType, InteractionType } from '../../common/common/types';
 import type { ObservedWindowEvent } from './window-event-observer';
-export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:display-contents-children-attribute' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:third-party-attribute' | 'mutation:ssr-placeholder' | 'layout-shift' | 'layout-shift:same-rect' | 'window:event' | 'ssr-hydration' | 'unknown';
+export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:display-contents-children-attribute' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute:non-visual-input-name' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:third-party-attribute' | 'mutation:ssr-placeholder' | 'layout-shift' | 'layout-shift:same-rect' | 'window:event' | 'ssr-hydration' | 'unknown';
 export type ViewportEntryData = {
     readonly type: VCObserverEntryType;
     readonly elementName: string;

package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/utils/is-input-name-mutation.d.ts

@@ -0,0 +1,6 @@
+export declare function isInputNameMutation({ target, attributeName, oldValue, newValue, }: {
+    target?: Node | null;
+    attributeName?: string | null;
+    oldValue?: string | undefined | null;
+    newValue?: string | undefined | null;
+}): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.15.7",
+	"version": "4.15.9",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -110,6 +110,9 @@
 		"platform_ufo_critical_metrics_payload": {
 			"type": "boolean"
 		},
+		"platform_ufo_ttvc_v4_exclude_input_name_mutation": {
+			"type": "boolean"
+		},
 		"platform_ufo_disable_vcnext_observations": {
 			"type": "boolean"
 		},
@@ -143,7 +146,7 @@
 		"platform_ufo_enable_late_holds_post_interaction": {
 			"type": "boolean"
 		},
-		"platform_ufo_enable_late_mutation_label_stacks": {
+		"platform_ufo_add_segment_names_to_dom_offenders": {
 			"type": "boolean"
 		},
 		"platform_ufo_filter_cls_logs_same_rects_positions": {