@atlaskit/react-ufo 4.6.0 → 4.6.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.6.2
+
+### Patch Changes
+
+- [`4dd6789885500`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4dd6789885500) -
+  Fix unhandled hidden timing error
+- [`25fbcd6f57e2f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/25fbcd6f57e2f) -
+  clean up fg
+
+## 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

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

@@ -64,6 +64,11 @@ function setupHiddenTimingCapture() {
   }
 }
 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';
@@ -76,19 +81,18 @@ 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/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,21 +85,41 @@ 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$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 _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
-              if ((0, _platformFeatureFlags.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 (0, _percentileCalc.calculateTTVCPercentilesWithDebugInfo)({
                 viewport: {
                   width: (0, _getViewportWidth.default)(),
@@ -106,31 +129,31 @@ var AbstractVCCalculatorBase = exports.default = /*#__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) {
@@ -152,21 +175,21 @@ var AbstractVCCalculatorBase = exports.default = /*#__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,
@@ -202,10 +225,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);
@@ -214,9 +237,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
@@ -235,13 +258,13 @@ 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, []);
                       }
@@ -256,15 +279,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({
@@ -277,9 +300,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;
@@ -289,13 +312,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
@@ -326,11 +364,11 @@ var AbstractVCCalculatorBase = exports.default = /*#__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);
@@ -379,11 +417,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/create-post-interaction-log-payload/get-late-mutations.js

@@ -1,4 +1,5 @@
-function getLateMutations(vcDetails, lastInteractionFinish, postInteractionFinishVCRatios) {
+import { fg } from '@atlaskit/platform-feature-flags';
+function getLateMutations(vcDetails, labelStacks = {}, lastInteractionFinish, postInteractionFinishVCRatios) {
   // Map to track which elements are already seen for each timestamp
   const seen = new Map();
   const result = [];
@@ -16,11 +17,19 @@ function getLateMutations(vcDetails, lastInteractionFinish, postInteractionFinis
         continue;
       }
       seenElements.add(element);
-      result.push({
+      const lateMutation = {
         time: details.t,
         element,
         viewportHeatmapPercentage: (postInteractionFinishVCRatios === null || postInteractionFinishVCRatios === void 0 ? void 0 : postInteractionFinishVCRatios[element]) || 0
-      });
+      };
+      if (labelStacks && fg('platform_ufo_enable_late_mutation_label_stacks')) {
+        const labels = labelStacks[element];
+        if (labels) {
+          lateMutation.segment = labels.segment;
+          lateMutation.labelStack = labels.labelStack;
+        }
+      }
+      result.push(lateMutation);
     }
   }
   return result;

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

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

package/dist/es2019/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 (let i = 0; i < currentSize; i++) {
     const 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;
 }