@atlaskit/react-ufo 4.5.12 → 4.6.1

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

@@ -1,4 +1,5 @@
-function getLateMutations(vcDetails, lastInteractionFinish, postInteractionFinishVCRatios) {
+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();
   const result = [];
@@ -16,11 +17,19 @@ function getLateMutations(vcDetails, lastInteractionFinish, postInteractionFinis
         continue;
       }
       seenElements.add(element);
-      result.push({
+      const lateMutation = {
         time: details.t,
         element,
         viewportHeatmapPercentage: (postInteractionFinishVCRatios === null || postInteractionFinishVCRatios === void 0 ? void 0 : postInteractionFinishVCRatios[element]) || 0
-      });
+      };
+      if (labelStacks && fg('platform_ufo_enable_late_mutation_label_stacks')) {
+        const labels = labelStacks[element];
+        if (labels) {
+          lateMutation.segment = labels.segment;
+          lateMutation.labelStack = labels.labelStack;
+        }
+      }
+      result.push(lateMutation);
     }
   }
   return result;

package/dist/es2019/create-post-interaction-log-payload/index.js

@@ -173,8 +173,9 @@ function createPostInteractionLogPayload({
       revisedVC90 = (_postInteractionFinis = postInteractionFinishRevision['metric:vc90']) !== null && _postInteractionFinis !== void 0 ? _postInteractionFinis : null;
     }
     const vcDetails = postInteractionFinishRevision.vcDetails;
+    const labelStacks = postInteractionFinishRevision.labelStacks;
     if (vcDetails) {
-      lateMutations = getLateMutations(vcDetails, lastInteractionFinish, postInteractionFinishVCRatios);
+      lateMutations = getLateMutations(vcDetails, labelStacks, lastInteractionFinish, postInteractionFinishVCRatios);
     }
   }
   return {

package/dist/es2019/interaction-metrics/index.js

@@ -979,7 +979,8 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
     trace,
     vcObserver,
     hold3pActive: new Map(),
-    hold3pInfo: []
+    hold3pInfo: [],
+    minorInteractions: []
   };
   if (addFeatureFlagsToInteraction) {
     currentFeatureFlagsAccessed.clear();

package/dist/es2019/segment/segment.js

@@ -1,12 +1,13 @@
 import React, { lazy, Profiler, Suspense, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import { unstable_NormalPriority as NormalPriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
 import { v4 as createUUID } from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
-import { getConfig, getInteractionRate } from '../config';
+import { getConfig, getDoNotAbortActivePressInteraction, getInteractionRate, getMinorInteractions } from '../config';
 import { getActiveTrace, setInteractionActiveTrace } from '../experience-trace-id-context';
 import UFOInteractionContext from '../interaction-context';
 import UFOInteractionIDContext from '../interaction-id-context';
-import { abortByNewInteraction, addApdex, addCustomData, addCustomTiming, addHold, addHoldByID, addMark, addNewInteraction, addProfilerTimings, addRequestInfo, addSegment, addSpan, removeHoldByID, removeSegment, tryComplete } from '../interaction-metrics';
+import { abortByNewInteraction, addApdex, addCustomData, addCustomTiming, addHold, addHoldByID, addMark, addNewInteraction, addProfilerTimings, addRequestInfo, addSegment, addSpan, getActiveInteraction, removeHoldByID, removeSegment, tryComplete } from '../interaction-metrics';
 import UFORouteName from '../route-name-context';
 import generateId from '../short-id';
 import scheduleOnPaint from './schedule-on-paint';
@@ -145,8 +146,24 @@ export default function UFOSegment({
         this._internalHoldByID(labelStack, id, name, true);
       },
       tracePress(name = 'unknown', timestamp) {
-        if (interactionId.current != null) {
-          abortByNewInteraction(interactionId.current, name);
+        if (fg('platform_ufo_enable_minor_interactions')) {
+          var _getDoNotAbortActiveP, _getMinorInteractions;
+          const minorInteractions = [...((_getDoNotAbortActiveP = getDoNotAbortActivePressInteraction()) !== null && _getDoNotAbortActiveP !== void 0 ? _getDoNotAbortActiveP : []), ...((_getMinorInteractions = getMinorInteractions()) !== null && _getMinorInteractions !== void 0 ? _getMinorInteractions : [])];
+          if (minorInteractions.includes(name)) {
+            var _activeInteraction$mi;
+            const activeInteraction = getActiveInteraction();
+            activeInteraction === null || activeInteraction === void 0 ? void 0 : (_activeInteraction$mi = activeInteraction.minorInteractions) === null || _activeInteraction$mi === void 0 ? void 0 : _activeInteraction$mi.push({
+              name,
+              startTime: timestamp !== null && timestamp !== void 0 ? timestamp : performance.now()
+            });
+            return;
+          } else if (interactionId.current != null) {
+            abortByNewInteraction(interactionId.current, name);
+          }
+        } else {
+          if (interactionId.current != null) {
+            abortByNewInteraction(interactionId.current, name);
+          }
         }
         const rate = getInteractionRate(name, 'press');
         if (coinflip(rate)) {

package/dist/es2019/trace-hover/index.js

@@ -0,0 +1,5 @@
+import { default as internal_traceUFOInteraction } from '../trace-interaction/internal/trace-ufo-interaction';
+function traceUFOHover(name, timestamp) {
+  return internal_traceUFOInteraction(name, 'hover', timestamp);
+}
+export default traceUFOHover;

package/dist/es2019/trace-interaction/internal/trace-ufo-interaction.js

@@ -1,6 +1,7 @@
 import { v4 as createUUID } from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../../coinflip';
-import { getDoNotAbortActivePressInteraction, getInteractionRate } from '../../config';
+import { getDoNotAbortActivePressInteraction, getInteractionRate, getMinorInteractions } from '../../config';
 import { getActiveTrace, setInteractionActiveTrace } from '../../experience-trace-id-context';
 import { DefaultInteractionID } from '../../interaction-id-context';
 import { abortAll, addNewInteraction, getActiveInteraction } from '../../interaction-metrics';
@@ -8,15 +9,31 @@ import UFORouteName from '../../route-name-context';
 function traceUFOInteraction(name, interactionType, startTime) {
   const rate = getInteractionRate(name, interactionType);
   const pressInteractionsList = getDoNotAbortActivePressInteraction();
-  if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
-    const interaction = getActiveInteraction();
-    if ((interaction === null || interaction === void 0 ? void 0 : interaction.ufoName) !== 'unknown' && (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+  if (fg('platform_ufo_enable_minor_interactions')) {
+    var _getMinorInteractions;
+    const minorInteractions = (pressInteractionsList !== null && pressInteractionsList !== void 0 ? pressInteractionsList : []).concat((_getMinorInteractions = getMinorInteractions()) !== null && _getMinorInteractions !== void 0 ? _getMinorInteractions : []);
+    if (minorInteractions.includes(name)) {
+      var _activeInteraction$mi;
+      const activeInteraction = getActiveInteraction();
+      activeInteraction === null || activeInteraction === void 0 ? void 0 : (_activeInteraction$mi = activeInteraction.minorInteractions) === null || _activeInteraction$mi === void 0 ? void 0 : _activeInteraction$mi.push({
+        name,
+        startTime: startTime !== null && startTime !== void 0 ? startTime : performance.now()
+      });
       return;
+    } else {
+      abortAll('new_interaction', name);
     }
   } else {
-    // Abort any existing interaction regardless of the coinflip outcome
-    // Ensures measurements are not carried over between distinct interactions
-    abortAll('new_interaction', name);
+    if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
+      const interaction = getActiveInteraction();
+      if ((interaction === null || interaction === void 0 ? void 0 : interaction.ufoName) !== 'unknown' && (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+        return;
+      }
+    } else {
+      // Abort any existing interaction regardless of the coinflip outcome
+      // Ensures measurements are not carried over between distinct interactions
+      abortAll('new_interaction', name);
+    }
   }
   if (coinflip(rate)) {
     const startTimestamp = startTime !== null && startTime !== void 0 ? startTime : performance.now();

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

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SSRPlaceholderHandlers } from '../vc-observer/observers/ssr-placeholders';
 import EntriesTimeline from './entries-timeline';
 import getElementName from './get-element-name';
@@ -61,18 +62,27 @@ export default class VCObserverNew {
         if (element) {
           elementName = this.getElementName(element);
         }
+        const data = {
+          type,
+          elementName,
+          rect,
+          previousRect,
+          visible,
+          attributeName: mutationData === null || mutationData === void 0 ? void 0 : mutationData.attributeName,
+          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')) {
+          const labelStacks = getLabelStacks(element);
+          if (labelStacks) {
+            Object.assign(data, {
+              labelStacks
+            });
+          }
+        }
         this.entriesTimeline.push({
           time,
-          data: {
-            type,
-            elementName,
-            rect,
-            previousRect,
-            visible,
-            attributeName: mutationData === null || mutationData === void 0 ? void 0 : mutationData.attributeName,
-            oldValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.oldValue,
-            newValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.newValue
-          }
+          data
         });
       },
       // Pass SSR context to ViewportObserver
@@ -245,4 +255,51 @@ export default class VCObserverNew {
   getElementName(element) {
     return getElementName(this.selectorConfig, element);
   }
+}
+function labelStackFromFiber(fiber) {
+  var _fiber$child, _fiber$child$memoized;
+  const value = fiber === null || fiber === void 0 ? void 0 : (_fiber$child = fiber.child) === null || _fiber$child === void 0 ? void 0 : (_fiber$child$memoized = _fiber$child.memoizedProps) === null || _fiber$child$memoized === void 0 ? void 0 : _fiber$child$memoized.value;
+  return Array.isArray(value === null || value === void 0 ? void 0 : value.labelStack) ? value.labelStack : [];
+}
+function labelStackToString(labelStack) {
+  return labelStack.map(label => label.name).join('/');
+}
+function labelStackToSegment(labelStack) {
+  let segmentIndex = -1;
+  for (let i = labelStack.length - 1; i >= 0; i--) {
+    if (labelStack[i].segmentId) {
+      segmentIndex = i;
+      break;
+    }
+  }
+  return labelStack.slice(0, segmentIndex + 1).map(label => label.name).join('/');
+}
+function traverseFiber(fiber) {
+  let segment = 'unknown';
+  let labelStackString = 'unknown';
+  let currentFiber = fiber;
+  while (currentFiber) {
+    if (currentFiber.type) {
+      const componentName = currentFiber.type.displayName || currentFiber.type.name;
+      if (componentName === 'UFOSegment' || componentName === 'UFOLabel') {
+        const labelStack = labelStackFromFiber(currentFiber);
+        labelStackString = labelStackToString(labelStack) || 'unknown';
+        segment = labelStackToSegment(labelStack) || 'unknown';
+        break;
+      }
+    }
+    currentFiber = currentFiber.return;
+  }
+  return {
+    segment,
+    labelStack: labelStackString
+  };
+}
+function getLabelStacks(element) {
+  const reactFiberKey = Object.keys(element).find(key => key.startsWith('__reactFiber$'));
+  if (!reactFiberKey) {
+    return null;
+  }
+  const fiber = element[reactFiberKey];
+  return fiber ? traverseFiber(fiber) : null;
 }

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

@@ -1,4 +1,7 @@
 import { fg } from '@atlaskit/platform-feature-flags';
+import getPageVisibilityUpToTTAI from '../../../create-payload/utils/get-page-visibility-up-to-ttai';
+import { getInteractionId } from '../../../interaction-id-context';
+import { interactions } from '../../../interaction-metrics/common/constants';
 import { cssIssueOccurrence } from '../viewport-observer/utils/track-display-content-occurrence';
 import { calculateTTVCPercentilesWithDebugInfo } from './percentile-calc';
 import getViewportHeight from './utils/get-viewport-height';
@@ -40,6 +43,18 @@ export default class AbstractVCCalculatorBase {
     }
     return ratios;
   }
+  getLabelStacks(filteredEntries) {
+    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
+        };
+      }
+    }
+    return labelStacks;
+  }
   async calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries, include3p) {
     var _window, _window2, _window3, _window5;
     const percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
@@ -109,6 +124,16 @@ export default class AbstractVCCalculatorBase {
     }
     let enhancedVcLogs = vcLogs ? vcLogs.map(log => ({
       ...log,
+      ...(fg('platform_ufo_serialise_ttvc_v3_debug_data') && {
+        entries: log.entries.map(entry => {
+          var _entry$rect, _entry$previousRect;
+          return {
+            ...entry,
+            rect: (_entry$rect = entry.rect) === null || _entry$rect === void 0 ? void 0 : _entry$rect.toJSON(),
+            previousRect: (_entry$previousRect = entry.previousRect) === null || _entry$previousRect === void 0 ? void 0 : _entry$previousRect.toJSON()
+          };
+        })
+      }),
       viewportPercentage: log.viewportPercentage
     })) : [];
 
@@ -152,7 +177,7 @@ export default class AbstractVCCalculatorBase {
       const ignoredEntriesByTime = new Map();
       for (const entry of allEntries) {
         if ('rect' in entry.data && !this.isEntryIncluded(entry, include3p)) {
-          var _ignoredEntriesByTime;
+          var _ignoredEntriesByTime, _viewportData$rect, _viewportData$previou;
           const viewportData = entry.data;
           const timestamp = Math.round(entry.time);
           if (!ignoredEntriesByTime.has(timestamp)) {
@@ -160,6 +185,10 @@ export default class AbstractVCCalculatorBase {
           }
           (_ignoredEntriesByTime = ignoredEntriesByTime.get(timestamp)) === null || _ignoredEntriesByTime === void 0 ? void 0 : _ignoredEntriesByTime.push({
             ...viewportData,
+            ...(fg('platform_ufo_serialise_ttvc_v3_debug_data') && {
+              rect: (_viewportData$rect = viewportData.rect) === null || _viewportData$rect === void 0 ? void 0 : _viewportData$rect.toJSON(),
+              previousRect: (_viewportData$previou = viewportData.previousRect) === null || _viewportData$previou === void 0 ? void 0 : _viewportData$previou.toJSON()
+            }),
             ignoreReason: viewportData.visible ? viewportData.type : 'not-visible'
           });
         }
@@ -185,13 +214,29 @@ export default class AbstractVCCalculatorBase {
     // Only create debug details if callbacks exist
     let v3RevisionDebugDetails = null;
     if (shouldCalculateDebugDetails) {
-      v3RevisionDebugDetails = {
-        revision: this.revisionNo,
-        isClean: isVCClean,
-        abortReason: dirtyReason,
-        vcLogs: enhancedVcLogs,
-        interactionId
-      };
+      if (fg('platform_ufo_unify_abort_status_in_ttvc_debug_data')) {
+        var _activeInteractionId$;
+        // NOTE: using this instead of directly calling `getActiveInteraction()` to get around circular dependencies
+        const activeInteractionId = getInteractionId();
+        const activeInteraction = interactions.get((_activeInteractionId$ = activeInteractionId.current) !== null && _activeInteractionId$ !== void 0 ? _activeInteractionId$ : '');
+        const pageVisibilityUpToTTAI = activeInteraction ? getPageVisibilityUpToTTAI(activeInteraction) : null;
+        const isBackgrounded = pageVisibilityUpToTTAI !== 'visible';
+        v3RevisionDebugDetails = {
+          revision: this.revisionNo,
+          isClean: isVCClean && !(activeInteraction !== null && activeInteraction !== void 0 && activeInteraction.abortReason) && !isBackgrounded,
+          abortReason: isBackgrounded ? 'browser_backgrounded' : dirtyReason !== null && dirtyReason !== void 0 ? dirtyReason : activeInteraction === null || activeInteraction === void 0 ? void 0 : activeInteraction.abortReason,
+          vcLogs: enhancedVcLogs,
+          interactionId
+        };
+      } else {
+        v3RevisionDebugDetails = {
+          revision: this.revisionNo,
+          isClean: isVCClean,
+          abortReason: dirtyReason,
+          vcLogs: enhancedVcLogs,
+          interactionId
+        };
+      }
     }
 
     // Handle devtool callback
@@ -261,6 +306,9 @@ export default class AbstractVCCalculatorBase {
       vcDetails: vcDetails !== null && vcDetails !== void 0 ? vcDetails : undefined
     };
     result.ratios = this.calculateRatios(filteredEntries);
+    if (isPostInteraction) {
+      result.labelStacks = this.getLabelStacks(filteredEntries);
+    }
     if (fg('platform_ufo_display_content_track_occurrence')) {
       result.displayContentsOccurrence = cssIssueOccurrence;
     }

package/dist/esm/config/index.js

@@ -275,6 +275,18 @@ export function getUfoNameOverrides() {
     return undefined;
   }
 }
+export function getMinorInteractions() {
+  try {
+    if (!config) {
+      return undefined;
+    }
+    var _config8 = config,
+      minorInteractions = _config8.minorInteractions;
+    return minorInteractions;
+  } catch (e) {
+    return undefined;
+  }
+}
 
 // Contains the list of interactions that do not abort existing known interactions
 export function getDoNotAbortActivePressInteraction() {
@@ -282,8 +294,8 @@ export function getDoNotAbortActivePressInteraction() {
     if (!config) {
       return undefined;
     }
-    var _config8 = config,
-      doNotAbortActivePressInteraction = _config8.doNotAbortActivePressInteraction;
+    var _config9 = config,
+      doNotAbortActivePressInteraction = _config9.doNotAbortActivePressInteraction;
     return doNotAbortActivePressInteraction;
   } catch (e) {
     return undefined;
@@ -296,8 +308,8 @@ export function getDoNotAbortActivePressInteractionOnTransition() {
     if (!config) {
       return undefined;
     }
-    var _config9 = config,
-      doNotAbortActivePressInteractionOnTransition = _config9.doNotAbortActivePressInteractionOnTransition;
+    var _config0 = config,
+      doNotAbortActivePressInteractionOnTransition = _config0.doNotAbortActivePressInteractionOnTransition;
     return doNotAbortActivePressInteractionOnTransition;
   } catch (e) {
     return undefined;
@@ -309,8 +321,8 @@ export function getInteractionTimeout(ufoName) {
     if (!config) {
       return CLEANUP_TIMEOUT;
     }
-    var _config0 = config,
-      interactionTimeout = _config0.interactionTimeout;
+    var _config1 = config,
+      interactionTimeout = _config1.interactionTimeout;
     if (interactionTimeout != null && interactionTimeout[ufoName] != null) {
       return interactionTimeout[ufoName];
     }

package/dist/esm/create-payload/index.js

@@ -739,7 +739,7 @@ function _createInteractionMetricsPayload() {
                 'ufo:multipayload': true,
                 'ufo:criticalPayloadCount': criticalPayloadCount
               } : {}), getBrowserMetadataToLegacyFormat()), getSSRProperties(type)), getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime)), getPPSMetrics(interaction)), paintMetrics), getNavigationMetricsToLegacyFormat(type)), finalVCMetrics), experimentalMetrics), (_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)), getTracingContextData(interaction)), getStylesheetMetrics()), getErrorCounts(interaction)), getReactHydrationStats()), {}, {
-                interactionMetrics: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+                interactionMetrics: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
                   namePrefix: config.namePrefix || '',
                   segmentPrefix: config.segmentPrefix || '',
                   interactionId: interactionId,
@@ -773,6 +773,8 @@ function _createInteractionMetricsPayload() {
                   unknownElementName: unknownElementName
                 } : {}), unknownElementHierarchy ? {
                   unknownElementHierarchy: unknownElementHierarchy
+                } : {}), fg('platform_ufo_enable_minor_interactions') ? {
+                  minorInteractions: interaction.minorInteractions
                 } : {}),
                 'ufo:payloadTime': roundEpsilon(performance.now() - interactionPayloadStart)
               })

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

@@ -1,7 +1,11 @@
 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; }
-function getLateMutations(vcDetails, lastInteractionFinish, postInteractionFinishVCRatios) {
+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;
+  var postInteractionFinishVCRatios = arguments.length > 3 ? arguments[3] : undefined;
   // Map to track which elements are already seen for each timestamp
   var seen = new Map();
   var result = [];
@@ -23,11 +27,19 @@ function getLateMutations(vcDetails, lastInteractionFinish, postInteractionFinis
           continue;
         }
         seenElements.add(element);
-        result.push({
+        var lateMutation = {
           time: details.t,
           element: element,
           viewportHeatmapPercentage: (postInteractionFinishVCRatios === null || postInteractionFinishVCRatios === void 0 ? void 0 : postInteractionFinishVCRatios[element]) || 0
-        });
+        };
+        if (labelStacks && fg('platform_ufo_enable_late_mutation_label_stacks')) {
+          var labels = labelStacks[element];
+          if (labels) {
+            lateMutation.segment = labels.segment;
+            lateMutation.labelStack = labels.labelStack;
+          }
+        }
+        result.push(lateMutation);
       }
     } catch (err) {
       _iterator.e(err);

package/dist/esm/create-post-interaction-log-payload/index.js

@@ -183,8 +183,9 @@ function createPostInteractionLogPayload(_ref2) {
       revisedVC90 = (_postInteractionFinis = postInteractionFinishRevision['metric:vc90']) !== null && _postInteractionFinis !== void 0 ? _postInteractionFinis : null;
     }
     var vcDetails = postInteractionFinishRevision.vcDetails;
+    var labelStacks = postInteractionFinishRevision.labelStacks;
     if (vcDetails) {
-      lateMutations = getLateMutations(vcDetails, lastInteractionFinish, postInteractionFinishVCRatios);
+      lateMutations = getLateMutations(vcDetails, labelStacks, lastInteractionFinish, postInteractionFinishVCRatios);
     }
   }
   return {

package/dist/esm/interaction-metrics/index.js

@@ -1055,7 +1055,8 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
     trace: trace,
     vcObserver: vcObserver,
     hold3pActive: new Map(),
-    hold3pInfo: []
+    hold3pInfo: [],
+    minorInteractions: []
   };
   if (addFeatureFlagsToInteraction) {
     currentFeatureFlagsAccessed.clear();

package/dist/esm/segment/segment.js

@@ -5,12 +5,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { lazy, Profiler, Suspense, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import { unstable_NormalPriority as NormalPriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
 import { v4 as createUUID } from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
-import { getConfig, getInteractionRate } from '../config';
+import { getConfig, getDoNotAbortActivePressInteraction, getInteractionRate, getMinorInteractions } from '../config';
 import { getActiveTrace, setInteractionActiveTrace } from '../experience-trace-id-context';
 import UFOInteractionContext from '../interaction-context';
 import UFOInteractionIDContext from '../interaction-id-context';
-import { abortByNewInteraction, addApdex as _addApdex, addCustomData as _addCustomData, addCustomTiming, addHold, addHoldByID, addMark as _addMark, addNewInteraction, addProfilerTimings, addRequestInfo, addSegment, addSpan, removeHoldByID, removeSegment, tryComplete } from '../interaction-metrics';
+import { abortByNewInteraction, addApdex as _addApdex, addCustomData as _addCustomData, addCustomTiming, addHold, addHoldByID, addMark as _addMark, addNewInteraction, addProfilerTimings, addRequestInfo, addSegment, addSpan, getActiveInteraction, removeHoldByID, removeSegment, tryComplete } from '../interaction-metrics';
 import UFORouteName from '../route-name-context';
 import generateId from '../short-id';
 import scheduleOnPaint from './schedule-on-paint';
@@ -161,8 +162,24 @@ export default function UFOSegment(_ref) {
       tracePress: function tracePress() {
         var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'unknown';
         var timestamp = arguments.length > 1 ? arguments[1] : undefined;
-        if (interactionId.current != null) {
-          abortByNewInteraction(interactionId.current, name);
+        if (fg('platform_ufo_enable_minor_interactions')) {
+          var _getDoNotAbortActiveP, _getMinorInteractions;
+          var minorInteractions = [].concat(_toConsumableArray((_getDoNotAbortActiveP = getDoNotAbortActivePressInteraction()) !== null && _getDoNotAbortActiveP !== void 0 ? _getDoNotAbortActiveP : []), _toConsumableArray((_getMinorInteractions = getMinorInteractions()) !== null && _getMinorInteractions !== void 0 ? _getMinorInteractions : []));
+          if (minorInteractions.includes(name)) {
+            var _activeInteraction$mi;
+            var activeInteraction = getActiveInteraction();
+            activeInteraction === null || activeInteraction === void 0 || (_activeInteraction$mi = activeInteraction.minorInteractions) === null || _activeInteraction$mi === void 0 || _activeInteraction$mi.push({
+              name: name,
+              startTime: timestamp !== null && timestamp !== void 0 ? timestamp : performance.now()
+            });
+            return;
+          } else if (interactionId.current != null) {
+            abortByNewInteraction(interactionId.current, name);
+          }
+        } else {
+          if (interactionId.current != null) {
+            abortByNewInteraction(interactionId.current, name);
+          }
         }
         var rate = getInteractionRate(name, 'press');
         if (coinflip(rate)) {

package/dist/esm/trace-hover/index.js

@@ -0,0 +1,5 @@
+import { default as internal_traceUFOInteraction } from '../trace-interaction/internal/trace-ufo-interaction';
+function traceUFOHover(name, timestamp) {
+  return internal_traceUFOInteraction(name, 'hover', timestamp);
+}
+export default traceUFOHover;

package/dist/esm/trace-interaction/internal/trace-ufo-interaction.js

@@ -1,6 +1,7 @@
 import { v4 as createUUID } from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../../coinflip';
-import { getDoNotAbortActivePressInteraction, getInteractionRate } from '../../config';
+import { getDoNotAbortActivePressInteraction, getInteractionRate, getMinorInteractions } from '../../config';
 import { getActiveTrace, setInteractionActiveTrace } from '../../experience-trace-id-context';
 import { DefaultInteractionID } from '../../interaction-id-context';
 import { abortAll, addNewInteraction, getActiveInteraction } from '../../interaction-metrics';
@@ -8,15 +9,31 @@ import UFORouteName from '../../route-name-context';
 function traceUFOInteraction(name, interactionType, startTime) {
   var rate = getInteractionRate(name, interactionType);
   var pressInteractionsList = getDoNotAbortActivePressInteraction();
-  if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
-    var interaction = getActiveInteraction();
-    if ((interaction === null || interaction === void 0 ? void 0 : interaction.ufoName) !== 'unknown' && (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+  if (fg('platform_ufo_enable_minor_interactions')) {
+    var _getMinorInteractions;
+    var minorInteractions = (pressInteractionsList !== null && pressInteractionsList !== void 0 ? pressInteractionsList : []).concat((_getMinorInteractions = getMinorInteractions()) !== null && _getMinorInteractions !== void 0 ? _getMinorInteractions : []);
+    if (minorInteractions.includes(name)) {
+      var _activeInteraction$mi;
+      var activeInteraction = getActiveInteraction();
+      activeInteraction === null || activeInteraction === void 0 || (_activeInteraction$mi = activeInteraction.minorInteractions) === null || _activeInteraction$mi === void 0 || _activeInteraction$mi.push({
+        name: name,
+        startTime: startTime !== null && startTime !== void 0 ? startTime : performance.now()
+      });
       return;
+    } else {
+      abortAll('new_interaction', name);
     }
   } else {
-    // Abort any existing interaction regardless of the coinflip outcome
-    // Ensures measurements are not carried over between distinct interactions
-    abortAll('new_interaction', name);
+    if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
+      var interaction = getActiveInteraction();
+      if ((interaction === null || interaction === void 0 ? void 0 : interaction.ufoName) !== 'unknown' && (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+        return;
+      }
+    } else {
+      // Abort any existing interaction regardless of the coinflip outcome
+      // Ensures measurements are not carried over between distinct interactions
+      abortAll('new_interaction', name);
+    }
   }
   if (coinflip(rate)) {
     var startTimestamp = startTime !== null && startTime !== void 0 ? startTime : performance.now();