@atlaskit/react-ufo 4.5.12 → 4.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.6.0
+
+### Minor Changes
+
+- [`a5c2905c301d6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a5c2905c301d6) -
+  add tracking of minor interactions
+
+### Patch Changes
+
+- [`135fc7330f9f3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/135fc7330f9f3) -
+  serialise TTVC v3 debug data rectangles
+
 ## 4.5.12
 
 ### Patch Changes

package/dist/cjs/config/index.js

@@ -15,6 +15,7 @@ exports.getExperimentalInteractionRate = getExperimentalInteractionRate;
 exports.getExtraInteractionRate = getExtraInteractionRate;
 exports.getInteractionRate = getInteractionRate;
 exports.getInteractionTimeout = getInteractionTimeout;
+exports.getMinorInteractions = getMinorInteractions;
 exports.getMostRecentVCRevision = getMostRecentVCRevision;
 exports.getPostInteractionRate = getPostInteractionRate;
 exports.getReactHydrationStats = getReactHydrationStats;
@@ -299,6 +300,18 @@ function getUfoNameOverrides() {
     return undefined;
   }
 }
+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
 function getDoNotAbortActivePressInteraction() {
@@ -306,8 +319,8 @@ function getDoNotAbortActivePressInteraction() {
     if (!config) {
       return undefined;
     }
-    var _config8 = config,
-      doNotAbortActivePressInteraction = _config8.doNotAbortActivePressInteraction;
+    var _config9 = config,
+      doNotAbortActivePressInteraction = _config9.doNotAbortActivePressInteraction;
     return doNotAbortActivePressInteraction;
   } catch (e) {
     return undefined;
@@ -320,8 +333,8 @@ function getDoNotAbortActivePressInteractionOnTransition() {
     if (!config) {
       return undefined;
     }
-    var _config9 = config,
-      doNotAbortActivePressInteractionOnTransition = _config9.doNotAbortActivePressInteractionOnTransition;
+    var _config0 = config,
+      doNotAbortActivePressInteractionOnTransition = _config0.doNotAbortActivePressInteractionOnTransition;
     return doNotAbortActivePressInteractionOnTransition;
   } catch (e) {
     return undefined;
@@ -333,8 +346,8 @@ 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/cjs/create-payload/index.js

@@ -748,7 +748,7 @@ function _createInteractionMetricsPayload() {
                 'ufo:multipayload': true,
                 'ufo:criticalPayloadCount': criticalPayloadCount
               } : {}), (0, _getBrowserMetadata.getBrowserMetadataToLegacyFormat)()), getSSRProperties(type)), getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime)), getPPSMetrics(interaction)), paintMetrics), (0, _getNavigationMetrics.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,
@@ -782,6 +782,8 @@ function _createInteractionMetricsPayload() {
                   unknownElementName: unknownElementName
                 } : {}), unknownElementHierarchy ? {
                   unknownElementHierarchy: unknownElementHierarchy
+                } : {}), (0, _platformFeatureFlags.fg)('platform_ufo_enable_minor_interactions') ? {
+                  minorInteractions: interaction.minorInteractions
                 } : {}),
                 'ufo:payloadTime': (0, _roundNumber.roundEpsilon)(performance.now() - interactionPayloadStart)
               })

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

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

package/dist/cjs/segment/segment.js

@@ -11,6 +11,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _react = _interopRequireWildcard(require("react"));
 var _scheduler = require("scheduler");
 var _uuid = require("uuid");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _coinflip = _interopRequireDefault(require("../coinflip"));
 var _config = require("../config");
 var _experienceTraceIdContext = require("../experience-trace-id-context");
@@ -172,8 +173,24 @@ 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) {
-          (0, _interactionMetrics.abortByNewInteraction)(interactionId.current, name);
+        if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_minor_interactions')) {
+          var _getDoNotAbortActiveP, _getMinorInteractions;
+          var minorInteractions = [].concat((0, _toConsumableArray2.default)((_getDoNotAbortActiveP = (0, _config.getDoNotAbortActivePressInteraction)()) !== null && _getDoNotAbortActiveP !== void 0 ? _getDoNotAbortActiveP : []), (0, _toConsumableArray2.default)((_getMinorInteractions = (0, _config.getMinorInteractions)()) !== null && _getMinorInteractions !== void 0 ? _getMinorInteractions : []));
+          if (minorInteractions.includes(name)) {
+            var _activeInteraction$mi;
+            var activeInteraction = (0, _interactionMetrics.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) {
+            (0, _interactionMetrics.abortByNewInteraction)(interactionId.current, name);
+          }
+        } else {
+          if (interactionId.current != null) {
+            (0, _interactionMetrics.abortByNewInteraction)(interactionId.current, name);
+          }
         }
         var rate = (0, _config.getInteractionRate)(name, 'press');
         if ((0, _coinflip.default)(rate)) {

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

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _traceUfoInteraction = _interopRequireDefault(require("../trace-interaction/internal/trace-ufo-interaction"));
+function traceUFOHover(name, timestamp) {
+  return (0, _traceUfoInteraction.default)(name, 'hover', timestamp);
+}
+var _default = exports.default = traceUFOHover;

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _uuid = require("uuid");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _coinflip = _interopRequireDefault(require("../../coinflip"));
 var _config = require("../../config");
 var _experienceTraceIdContext = require("../../experience-trace-id-context");
@@ -15,15 +16,31 @@ var _routeNameContext = _interopRequireDefault(require("../../route-name-context
 function traceUFOInteraction(name, interactionType, startTime) {
   var rate = (0, _config.getInteractionRate)(name, interactionType);
   var pressInteractionsList = (0, _config.getDoNotAbortActivePressInteraction)();
-  if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
-    var interaction = (0, _interactionMetrics.getActiveInteraction)();
-    if ((interaction === null || interaction === void 0 ? void 0 : interaction.ufoName) !== 'unknown' && (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_minor_interactions')) {
+    var _getMinorInteractions;
+    var minorInteractions = (pressInteractionsList !== null && pressInteractionsList !== void 0 ? pressInteractionsList : []).concat((_getMinorInteractions = (0, _config.getMinorInteractions)()) !== null && _getMinorInteractions !== void 0 ? _getMinorInteractions : []);
+    if (minorInteractions.includes(name)) {
+      var _activeInteraction$mi;
+      var activeInteraction = (0, _interactionMetrics.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 {
+      (0, _interactionMetrics.abortAll)('new_interaction', name);
     }
   } else {
-    // Abort any existing interaction regardless of the coinflip outcome
-    // Ensures measurements are not carried over between distinct interactions
-    (0, _interactionMetrics.abortAll)('new_interaction', name);
+    if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
+      var interaction = (0, _interactionMetrics.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
+      (0, _interactionMetrics.abortAll)('new_interaction', name);
+    }
   }
   if ((0, _coinflip.default)(rate)) {
     var startTimestamp = startTime !== null && startTime !== void 0 ? startTime : performance.now();

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

@@ -87,7 +87,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
     value: function () {
       var _calculateWithDebugInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries, include3p) {
         var _window, _window2, _window3, _window5;
-        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator3, _step3, _entry2, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, enhancedVcLogs, shouldCalculate3p, shouldCalculateDebugDetails, sortedVcLogs, maxViewportPercentageAtTime, maxSoFar, _iterator4, _step4, log, getBiggestPreviousViewportPercentage, ignoredEntriesByTime, _iterator5, _step5, _entry3, _ignoredEntriesByTime, viewportData, timestamp, additionalVcLogs, _iterator6, _step6, _step6$value, _timestamp, ignoredEntries, _viewportPercentage, v3RevisionDebugDetails, _window4, _window4$__ufo_devtoo, _window6, _window6$__on_ufo_vc_;
+        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator3, _step3, _entry2, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, enhancedVcLogs, shouldCalculate3p, shouldCalculateDebugDetails, sortedVcLogs, maxViewportPercentageAtTime, maxSoFar, _iterator4, _step4, log, getBiggestPreviousViewportPercentage, ignoredEntriesByTime, _iterator5, _step5, _entry3, _ignoredEntriesByTime, _viewportData$rect, _viewportData$previou, viewportData, timestamp, additionalVcLogs, _iterator6, _step6, _step6$value, _timestamp, ignoredEntries, _viewportPercentage, v3RevisionDebugDetails, _window4, _window4$__ufo_devtoo, _window6, _window6$__on_ufo_vc_;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -181,7 +181,15 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                 }
               }
               enhancedVcLogs = vcLogs ? vcLogs.map(function (log) {
-                return _objectSpread(_objectSpread({}, log), {}, {
+                return _objectSpread(_objectSpread(_objectSpread({}, log), (0, _platformFeatureFlags.fg)('platform_ufo_serialise_ttvc_v3_debug_data') && {
+                  entries: log.entries.map(function (entry) {
+                    var _entry$rect, _entry$previousRect;
+                    return _objectSpread(_objectSpread({}, 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
                 });
               }) : []; // If 3p metric enabled - calculate the debug details
@@ -237,7 +245,10 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                       if (!ignoredEntriesByTime.has(timestamp)) {
                         ignoredEntriesByTime.set(timestamp, []);
                       }
-                      (_ignoredEntriesByTime = ignoredEntriesByTime.get(timestamp)) === null || _ignoredEntriesByTime === void 0 || _ignoredEntriesByTime.push(_objectSpread(_objectSpread({}, viewportData), {}, {
+                      (_ignoredEntriesByTime = ignoredEntriesByTime.get(timestamp)) === null || _ignoredEntriesByTime === void 0 || _ignoredEntriesByTime.push(_objectSpread(_objectSpread(_objectSpread({}, viewportData), (0, _platformFeatureFlags.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'
                       }));
                     }

package/dist/es2019/config/index.js

@@ -280,6 +280,19 @@ export function getUfoNameOverrides() {
     return undefined;
   }
 }
+export function getMinorInteractions() {
+  try {
+    if (!config) {
+      return undefined;
+    }
+    const {
+      minorInteractions
+    } = config;
+    return minorInteractions;
+  } catch (e) {
+    return undefined;
+  }
+}
 
 // Contains the list of interactions that do not abort existing known interactions
 export function getDoNotAbortActivePressInteraction() {

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

@@ -787,6 +787,9 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
           } : {}),
           ...(unknownElementHierarchy ? {
             unknownElementHierarchy
+          } : {}),
+          ...(fg('platform_ufo_enable_minor_interactions') ? {
+            minorInteractions: interaction.minorInteractions
           } : {})
         },
         'ufo:payloadTime': roundEpsilon(performance.now() - interactionPayloadStart)

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/metric-calculator/abstract-base-vc-calculator.js

@@ -109,6 +109,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 +162,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 +170,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'
           });
         }

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/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();