@atlaskit/react-ufo 4.6.0 → 4.6.2

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,12 +43,21 @@ 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];
-    if (fg('platform_ufo_send_vc_100')) {
-      percentiles.push(100);
-    }
+    const percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99, 100];
     const viewportEntries = this.filterViewportEntries(filteredEntries);
     const vcLogs = await calculateTTVCPercentilesWithDebugInfo({
       viewport: {
@@ -199,13 +211,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
@@ -275,6 +303,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/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/hidden-timing/index.js

@@ -57,6 +57,11 @@ export function setupHiddenTimingCapture() {
   }
 }
 export function getPageVisibilityState(start, end) {
+  // Input validation - return default for invalid inputs
+  if (!Number.isFinite(start) || !Number.isFinite(end)) {
+    return 'visible';
+  }
+
   // Desirable default value is visible
   if (timings.length === 0) {
     return 'visible';
@@ -69,19 +74,18 @@ export function getPageVisibilityState(start, end) {
   // currentSize is capped at SIZE.
   for (var i = 0; i < currentSize; i++) {
     var tmpIdx = (insertIndex + i) % currentSize;
-    if (timings[tmpIdx].time <= end) {
+    // Add bounds checking before accessing array element
+    if (timings[tmpIdx] && timings[tmpIdx].time <= end) {
       endIdx = tmpIdx;
       if (timings[tmpIdx].time <= start) {
         startIdx = tmpIdx;
       }
     }
   }
-  if (endIdx - startIdx === 0) {
-    if (timings[startIdx].hidden) {
-      hiddenState = 'hidden';
-    } else {
-      hiddenState = 'visible';
-    }
+
+  // Add bounds checking before accessing timings array
+  if (endIdx - startIdx === 0 && timings[startIdx]) {
+    hiddenState = timings[startIdx].hidden ? 'hidden' : 'visible';
   }
   return hiddenState;
 }

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

@@ -5,6 +5,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+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';
@@ -68,18 +69,27 @@ var VCObserverNew = /*#__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 && 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
@@ -302,4 +312,57 @@ var VCObserverNew = /*#__PURE__*/function () {
     }
   }]);
 }();
-export { VCObserverNew as default };
+export { VCObserverNew as default };
+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/esm/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -11,6 +11,9 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { fg } from '@atlaskit/platform-feature-flags';
+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';
@@ -76,21 +79,41 @@ var AbstractVCCalculatorBase = /*#__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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.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$rect, _viewportData$previou, 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 _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
-              if (fg('platform_ufo_send_vc_100')) {
-                percentiles.push(100);
-              }
+              percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99, 100];
               viewportEntries = this.filterViewportEntries(filteredEntries);
-              _context.next = 5;
+              _context.next = 4;
               return calculateTTVCPercentilesWithDebugInfo({
                 viewport: {
                   width: getViewportWidth(),
@@ -100,31 +123,31 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                 stopTime: stopTime,
                 orderedEntries: viewportEntries
               });
-            case 5:
+            case 4:
               vcLogs = _context.sent;
               vcDetails = {};
               percentileIndex = 0;
               entryDataBuffer = new Set();
               if (!vcLogs) {
-                _context.next = 29;
+                _context.next = 28;
                 break;
               }
-              _iterator3 = _createForOfIteratorHelper(vcLogs);
-              _context.prev = 11;
-              _iterator3.s();
-            case 13:
-              if ((_step3 = _iterator3.n()).done) {
-                _context.next = 21;
+              _iterator4 = _createForOfIteratorHelper(vcLogs);
+              _context.prev = 10;
+              _iterator4.s();
+            case 12:
+              if ((_step4 = _iterator4.n()).done) {
+                _context.next = 20;
                 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;
+                _context.next = 17;
                 break;
               }
-              return _context.abrupt("break", 21);
-            case 18:
+              return _context.abrupt("break", 20);
+            case 17:
               // Check if this entry matches any checkpoint percentiles
               if (viewportPercentage >= percentiles[percentileIndex]) {
                 elementNames = entries.map(function (e) {
@@ -146,21 +169,21 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                   return entryDataBuffer.add(e);
                 });
               }
-            case 19:
-              _context.next = 13;
+            case 18:
+              _context.next = 12;
               break;
-            case 21:
-              _context.next = 26;
+            case 20:
+              _context.next = 25;
               break;
-            case 23:
-              _context.prev = 23;
-              _context.t0 = _context["catch"](11);
-              _iterator3.e(_context.t0);
-            case 26:
-              _context.prev = 26;
-              _iterator3.f();
-              return _context.finish(26);
-            case 29:
+            case 22:
+              _context.prev = 22;
+              _context.t0 = _context["catch"](10);
+              _iterator4.e(_context.t0);
+            case 25:
+              _context.prev = 25;
+              _iterator4.f();
+              return _context.finish(25);
+            case 28:
               // Fill in any missing percentiles with the last known values
               previousResult = {
                 t: 0,
@@ -196,10 +219,10 @@ var AbstractVCCalculatorBase = /*#__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);
@@ -208,9 +231,9 @@ var AbstractVCCalculatorBase = /*#__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
@@ -229,13 +252,13 @@ var AbstractVCCalculatorBase = /*#__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, []);
                       }
@@ -250,15 +273,15 @@ var AbstractVCCalculatorBase = /*#__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 = _slicedToArray(_step6.value, 2), _timestamp = _step6$value[0], ignoredEntries = _step6$value[1];
+                  for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+                    _step7$value = _slicedToArray(_step7.value, 2), _timestamp = _step7$value[0], ignoredEntries = _step7$value[1];
                     if (ignoredEntries.length > 0) {
                       _viewportPercentage = getBiggestPreviousViewportPercentage(_timestamp);
                       additionalVcLogs.push({
@@ -271,9 +294,9 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
 
                   // Combine and sort all vcLogs
                 } catch (err) {
-                  _iterator6.e(err);
+                  _iterator7.e(err);
                 } finally {
-                  _iterator6.f();
+                  _iterator7.f();
                 }
                 enhancedVcLogs = [].concat(_toConsumableArray(enhancedVcLogs), additionalVcLogs).sort(function (a, b) {
                   return a.time - b.time;
@@ -283,13 +306,28 @@ var AbstractVCCalculatorBase = /*#__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 (fg('platform_ufo_unify_abort_status_in_ttvc_debug_data')) {
+                  // NOTE: using this instead of directly calling `getActiveInteraction()` to get around circular dependencies
+                  activeInteractionId = getInteractionId();
+                  activeInteraction = interactions.get((_activeInteractionId$ = activeInteractionId.current) !== null && _activeInteractionId$ !== void 0 ? _activeInteractionId$ : '');
+                  pageVisibilityUpToTTAI = activeInteraction ? getPageVisibilityUpToTTAI(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
@@ -320,11 +358,11 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                 }
               }
               return _context.abrupt("return", vcDetails);
-            case 41:
+            case 40:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[11, 23, 26, 29]]);
+        }, _callee, this, [[10, 22, 25, 28]]);
       }));
       function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9) {
         return _calculateWithDebugInfo.apply(this, arguments);
@@ -373,11 +411,14 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                 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;
               }
               return _context2.abrupt("return", result);
-            case 14:
+            case 15:
             case "end":
               return _context2.stop();
           }

package/dist/types/common/react-ufo-payload-schema.d.ts

@@ -201,6 +201,8 @@ export type LateMutation = {
     time: number;
     element: string;
     viewportHeatmapPercentage: number;
+    segment?: string;
+    labelStack?: string;
 };
 export type PostInteractionLogPayload = {
     actionSubject: 'experience';