@atlaskit/react-ufo 4.5.12 → 4.6.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.6.1
+
+### Patch Changes
+
+- [`a308f1abf3cf2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a308f1abf3cf2) -
+  unify abort status within TTVC debug data
+
+## 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/create-post-interaction-log-payload/get-late-mutations.js

@@ -4,10 +4,14 @@ 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; }
-function getLateMutations(vcDetails, lastInteractionFinish, postInteractionFinishVCRatios) {
+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 = [];
@@ -29,11 +33,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 && (0, _platformFeatureFlags.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/cjs/create-post-interaction-log-payload/index.js

@@ -190,8 +190,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 = (0, _getLateMutations.default)(vcDetails, lastInteractionFinish, postInteractionFinishVCRatios);
+      lateMutations = (0, _getLateMutations.default)(vcDetails, labelStacks, lastInteractionFinish, postInteractionFinishVCRatios);
     }
   }
   return {

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/index.js

@@ -12,6 +12,7 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ssrPlaceholders = require("../vc-observer/observers/ssr-placeholders");
 var _entriesTimeline = _interopRequireDefault(require("./entries-timeline"));
 var _getElementName2 = _interopRequireDefault(require("./get-element-name"));
@@ -75,18 +76,27 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
         if (element) {
           elementName = _this.getElementName(element);
         }
+        var data = {
+          type: type,
+          elementName: elementName,
+          rect: rect,
+          previousRect: previousRect,
+          visible: 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 && (0, _platformFeatureFlags.fg)('platform_ufo_enable_late_mutation_label_stacks')) {
+          var labelStacks = getLabelStacks(element);
+          if (labelStacks) {
+            Object.assign(data, {
+              labelStacks: labelStacks
+            });
+          }
+        }
         _this.entriesTimeline.push({
           time: time,
-          data: {
-            type: type,
-            elementName: elementName,
-            rect: rect,
-            previousRect: previousRect,
-            visible: 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: data
         });
       },
       // Pass SSR context to ViewportObserver
@@ -308,4 +318,57 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
       return (0, _getElementName2.default)(this.selectorConfig, element);
     }
   }]);
-}();
+}();
+function labelStackFromFiber(fiber) {
+  var _fiber$child;
+  var value = fiber === null || fiber === void 0 || (_fiber$child = fiber.child) === null || _fiber$child === void 0 || (_fiber$child = _fiber$child.memoizedProps) === null || _fiber$child === void 0 ? void 0 : _fiber$child.value;
+  return Array.isArray(value === null || value === void 0 ? void 0 : value.labelStack) ? value.labelStack : [];
+}
+function labelStackToString(labelStack) {
+  return labelStack.map(function (label) {
+    return label.name;
+  }).join('/');
+}
+function labelStackToSegment(labelStack) {
+  var segmentIndex = -1;
+  for (var i = labelStack.length - 1; i >= 0; i--) {
+    if (labelStack[i].segmentId) {
+      segmentIndex = i;
+      break;
+    }
+  }
+  return labelStack.slice(0, segmentIndex + 1).map(function (label) {
+    return label.name;
+  }).join('/');
+}
+function traverseFiber(fiber) {
+  var segment = 'unknown';
+  var labelStackString = 'unknown';
+  var currentFiber = fiber;
+  while (currentFiber) {
+    if (currentFiber.type) {
+      var componentName = currentFiber.type.displayName || currentFiber.type.name;
+      if (componentName === 'UFOSegment' || componentName === 'UFOLabel') {
+        var labelStack = labelStackFromFiber(currentFiber);
+        labelStackString = labelStackToString(labelStack) || 'unknown';
+        segment = labelStackToSegment(labelStack) || 'unknown';
+        break;
+      }
+    }
+    currentFiber = currentFiber.return;
+  }
+  return {
+    segment: segment,
+    labelStack: labelStackString
+  };
+}
+function getLabelStacks(element) {
+  var reactFiberKey = Object.keys(element).find(function (key) {
+    return key.startsWith('__reactFiber$');
+  });
+  if (!reactFiberKey) {
+    return null;
+  }
+  var fiber = element[reactFiberKey];
+  return fiber ? traverseFiber(fiber) : null;
+}

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

@@ -13,6 +13,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _getPageVisibilityUpToTtai = _interopRequireDefault(require("../../../create-payload/utils/get-page-visibility-up-to-ttai"));
+var _interactionIdContext = require("../../../interaction-id-context");
+var _constants = require("../../../interaction-metrics/common/constants");
 var _trackDisplayContentOccurrence = require("../viewport-observer/utils/track-display-content-occurrence");
 var _percentileCalc = require("./percentile-calc");
 var _getViewportHeight = _interopRequireDefault(require("./utils/get-viewport-height"));
@@ -82,12 +85,35 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
       }
       return ratios;
     }
+  }, {
+    key: "getLabelStacks",
+    value: function getLabelStacks(filteredEntries) {
+      var labelStacks = {};
+      var _iterator3 = _createForOfIteratorHelper(filteredEntries),
+        _step3;
+      try {
+        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
+            };
+          }
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      return labelStacks;
+    }
   }, {
     key: "calculateWithDebugInfo",
     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, _iterator4, _step4, _entry3, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, enhancedVcLogs, shouldCalculate3p, shouldCalculateDebugDetails, sortedVcLogs, maxViewportPercentageAtTime, maxSoFar, _iterator5, _step5, log, getBiggestPreviousViewportPercentage, ignoredEntriesByTime, _iterator6, _step6, _entry4, _ignoredEntriesByTime, _viewportData$rect, _viewportData$previou, viewportData, timestamp, additionalVcLogs, _iterator7, _step7, _step7$value, _timestamp, ignoredEntries, _viewportPercentage, v3RevisionDebugDetails, _activeInteractionId$, activeInteractionId, activeInteraction, pageVisibilityUpToTTAI, isBackgrounded, _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:
@@ -115,16 +141,16 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                 _context.next = 29;
                 break;
               }
-              _iterator3 = _createForOfIteratorHelper(vcLogs);
+              _iterator4 = _createForOfIteratorHelper(vcLogs);
               _context.prev = 11;
-              _iterator3.s();
+              _iterator4.s();
             case 13:
-              if ((_step3 = _iterator3.n()).done) {
+              if ((_step4 = _iterator4.n()).done) {
                 _context.next = 21;
                 break;
               }
-              _entry2 = _step3.value;
-              time = _entry2.time, viewportPercentage = _entry2.viewportPercentage, entries = _entry2.entries; // Only process entries if we haven't reached all percentiles
+              _entry3 = _step4.value;
+              time = _entry3.time, viewportPercentage = _entry3.viewportPercentage, entries = _entry3.entries; // Only process entries if we haven't reached all percentiles
               if (!(percentileIndex >= percentiles.length)) {
                 _context.next = 18;
                 break;
@@ -161,10 +187,10 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
             case 23:
               _context.prev = 23;
               _context.t0 = _context["catch"](11);
-              _iterator3.e(_context.t0);
+              _iterator4.e(_context.t0);
             case 26:
               _context.prev = 26;
-              _iterator3.f();
+              _iterator4.f();
               return _context.finish(26);
             case 29:
               // Fill in any missing percentiles with the last known values
@@ -181,7 +207,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
@@ -194,10 +228,10 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                 }); // Pre-calculate max viewport percentage up to each time for efficient lookups
                 maxViewportPercentageAtTime = new Map();
                 maxSoFar = 0;
-                _iterator4 = _createForOfIteratorHelper(sortedVcLogs);
+                _iterator5 = _createForOfIteratorHelper(sortedVcLogs);
                 try {
-                  for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-                    log = _step4.value;
+                  for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+                    log = _step5.value;
                     if (log.viewportPercentage !== null) {
                       maxSoFar = Math.max(maxSoFar, log.viewportPercentage);
                       maxViewportPercentageAtTime.set(log.time, maxSoFar);
@@ -206,9 +240,9 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
 
                   // Helper function to find the biggest previous viewport percentage
                 } catch (err) {
-                  _iterator4.e(err);
+                  _iterator5.e(err);
                 } finally {
-                  _iterator4.f();
+                  _iterator5.f();
                 }
                 getBiggestPreviousViewportPercentage = function getBiggestPreviousViewportPercentage(targetTime) {
                   // Binary search for the largest time <= targetTime
@@ -227,17 +261,20 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                   return result >= 0 ? maxViewportPercentageAtTime.get(sortedVcLogs[result].time) || null : null;
                 }; // Group ignored entries by timestamp
                 ignoredEntriesByTime = new Map();
-                _iterator5 = _createForOfIteratorHelper(allEntries);
+                _iterator6 = _createForOfIteratorHelper(allEntries);
                 try {
-                  for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-                    _entry3 = _step5.value;
-                    if ('rect' in _entry3.data && !this.isEntryIncluded(_entry3, include3p)) {
-                      viewportData = _entry3.data;
-                      timestamp = Math.round(_entry3.time);
+                  for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+                    _entry4 = _step6.value;
+                    if ('rect' in _entry4.data && !this.isEntryIncluded(_entry4, include3p)) {
+                      viewportData = _entry4.data;
+                      timestamp = Math.round(_entry4.time);
                       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'
                       }));
                     }
@@ -245,15 +282,15 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
 
                   // Add ignored entries to vcLogs
                 } catch (err) {
-                  _iterator5.e(err);
+                  _iterator6.e(err);
                 } finally {
-                  _iterator5.f();
+                  _iterator6.f();
                 }
                 additionalVcLogs = [];
-                _iterator6 = _createForOfIteratorHelper(ignoredEntriesByTime);
+                _iterator7 = _createForOfIteratorHelper(ignoredEntriesByTime);
                 try {
-                  for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-                    _step6$value = (0, _slicedToArray2.default)(_step6.value, 2), _timestamp = _step6$value[0], ignoredEntries = _step6$value[1];
+                  for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+                    _step7$value = (0, _slicedToArray2.default)(_step7.value, 2), _timestamp = _step7$value[0], ignoredEntries = _step7$value[1];
                     if (ignoredEntries.length > 0) {
                       _viewportPercentage = getBiggestPreviousViewportPercentage(_timestamp);
                       additionalVcLogs.push({
@@ -266,9 +303,9 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
 
                   // Combine and sort all vcLogs
                 } catch (err) {
-                  _iterator6.e(err);
+                  _iterator7.e(err);
                 } finally {
-                  _iterator6.f();
+                  _iterator7.f();
                 }
                 enhancedVcLogs = [].concat((0, _toConsumableArray2.default)(enhancedVcLogs), additionalVcLogs).sort(function (a, b) {
                   return a.time - b.time;
@@ -278,13 +315,28 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
               // Only create debug details if callbacks exist
               v3RevisionDebugDetails = null;
               if (shouldCalculateDebugDetails) {
-                v3RevisionDebugDetails = {
-                  revision: this.revisionNo,
-                  isClean: isVCClean,
-                  abortReason: dirtyReason,
-                  vcLogs: enhancedVcLogs,
-                  interactionId: interactionId
-                };
+                if ((0, _platformFeatureFlags.fg)('platform_ufo_unify_abort_status_in_ttvc_debug_data')) {
+                  // NOTE: using this instead of directly calling `getActiveInteraction()` to get around circular dependencies
+                  activeInteractionId = (0, _interactionIdContext.getInteractionId)();
+                  activeInteraction = _constants.interactions.get((_activeInteractionId$ = activeInteractionId.current) !== null && _activeInteractionId$ !== void 0 ? _activeInteractionId$ : '');
+                  pageVisibilityUpToTTAI = activeInteraction ? (0, _getPageVisibilityUpToTtai.default)(activeInteraction) : null;
+                  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: interactionId
+                  };
+                } else {
+                  v3RevisionDebugDetails = {
+                    revision: this.revisionNo,
+                    isClean: isVCClean,
+                    abortReason: dirtyReason,
+                    vcLogs: enhancedVcLogs,
+                    interactionId: interactionId
+                  };
+                }
               }
 
               // Handle devtool callback
@@ -368,11 +420,14 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                 vcDetails: vcDetails !== null && vcDetails !== void 0 ? vcDetails : undefined
               };
               result.ratios = this.calculateRatios(filteredEntries);
+              if (isPostInteraction) {
+                result.labelStacks = this.getLabelStacks(filteredEntries);
+              }
               if ((0, _platformFeatureFlags.fg)('platform_ufo_display_content_track_occurrence')) {
                 result.displayContentsOccurrence = _trackDisplayContentOccurrence.cssIssueOccurrence;
               }
               return _context2.abrupt("return", result);
-            case 14:
+            case 15:
             case "end":
               return _context2.stop();
           }

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)