@atlaskit/react-ufo 4.11.0 → 4.11.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.11.2
+
+### Patch Changes
+
+- [`2237400c3b932`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2237400c3b932) -
+  FG cleanup - platform_ufo_unify_abort_status_in_ttvc_debug_data
+
+## 4.11.1
+
+### Patch Changes
+
+- [`89aa5e2bb9363`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/89aa5e2bb9363) -
+  Mark layout-shift entries with same-rect in VC observer
+
 ## 4.11.0
 
 ### Minor Changes

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

@@ -125,7 +125,8 @@ function createPostInteractionLogPayload(_ref2) {
   var lastInteractionFinish = _ref2.lastInteractionFinish,
     reactProfilerTimings = _ref2.reactProfilerTimings,
     lastInteractionFinishVCResult = _ref2.lastInteractionFinishVCResult,
-    postInteractionFinishVCResult = _ref2.postInteractionFinishVCResult;
+    postInteractionFinishVCResult = _ref2.postInteractionFinishVCResult,
+    postInteractionHoldInfo = _ref2.postInteractionHoldInfo;
   var config = (0, _config.getConfig)();
   if (!config) {
     throw Error('UFO Configuration not provided');
@@ -213,7 +214,7 @@ function createPostInteractionLogPayload(_ref2) {
         },
         'event:region': config.region || 'unknown',
         'experience:key': 'custom.post-interaction-logs',
-        postInteractionLog: {
+        postInteractionLog: _objectSpread({
           lastInteractionFinish: _objectSpread(_objectSpread({}, lastInteractionFinish), {}, {
             ufoName: ufoName,
             start: lastInteractionFinishStart,
@@ -228,7 +229,15 @@ function createPostInteractionLogPayload(_ref2) {
           vcClean: postInteractionFinishVCClean,
           lateMutations: lateMutations,
           reactProfilerTimings: transformReactProfilerTimings(reactProfilerTimings)
-        }
+        }, (0, _platformFeatureFlags.fg)('platform_ufo_enable_late_holds_post_interaction') ? {
+          postInteractionHoldInfo: postInteractionHoldInfo === null || postInteractionHoldInfo === void 0 ? void 0 : postInteractionHoldInfo.map(function (hold) {
+            return _objectSpread(_objectSpread({}, hold), {}, {
+              labelStack: hold.labelStack.map(function (label) {
+                return label.name;
+              }).join('/')
+            });
+          })
+        } : {})
       }
     }
   };

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

@@ -385,6 +385,10 @@ function removeHoldCriterion(id) {
 function addHold(interactionId, labelStack, name, experimental) {
   var interaction = _constants.interactions.get(interactionId);
   var id = (0, _uuid.v4)();
+  if (!interaction && (0, _platformFeatureFlags.fg)('platform_ufo_enable_late_holds_post_interaction')) {
+    // add hold timestamp to post interaction log if interaction is complete
+    postInteractionLog.addHoldInfo(labelStack, name, performance.now());
+  }
   if (interaction != null) {
     var start = performance.now();
     var holdActive = {

package/dist/cjs/interaction-metrics/post-interaction-log.js

@@ -32,6 +32,7 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
      * Store the scheduled sink timeout Id so that it can be cancelled when needed
      */
     (0, _defineProperty2.default)(this, "sinkTimeoutId", null);
+    (0, _defineProperty2.default)(this, "holdInfo", []);
     /**
      * independent VC observer, that observes until `custom.post-interaction-logs` event is sent
      */
@@ -98,6 +99,7 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
     value: function reset() {
       this.lastInteractionFinish = null;
       this.reactProfilerTimings = [];
+      this.holdInfo = [];
       if (this.sinkTimeoutId != null) {
         clearTimeout(this.sinkTimeoutId);
         this.sinkTimeoutId = null;
@@ -162,7 +164,8 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
                 lastInteractionFinish: this.lastInteractionFinish,
                 reactProfilerTimings: this.reactProfilerTimings,
                 postInteractionFinishVCResult: postInteractionFinishVCResult,
-                lastInteractionFinishVCResult: this.lastInteractionFinishVCResult
+                lastInteractionFinishVCResult: this.lastInteractionFinishVCResult,
+                postInteractionHoldInfo: this.holdInfo
               });
               this.reset();
             case 13:
@@ -243,5 +246,14 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
         });
       }
     }
+  }, {
+    key: "addHoldInfo",
+    value: function addHoldInfo(labelStack, name, start) {
+      this.holdInfo.push({
+        name: name,
+        labelStack: labelStack,
+        start: start
+      });
+    }
   }]);
 }();

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

@@ -310,24 +310,14 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
               // Only create debug details if callbacks exist
               v3RevisionDebugDetails = null;
               if (shouldCalculateDebugDetails) {
-                if ((0, _platformFeatureFlags.fg)('platform_ufo_unify_abort_status_in_ttvc_debug_data')) {
-                  v3RevisionDebugDetails = {
-                    revision: this.revisionNo,
-                    isClean: isVCClean && !interactionAbortReason && isPageVisible,
-                    abortReason: !isPageVisible ? 'browser_backgrounded' : dirtyReason !== null && dirtyReason !== void 0 ? dirtyReason : interactionAbortReason,
-                    vcLogs: enhancedVcLogs,
-                    interactionId: interactionId,
-                    interactionType: interactionType
-                  };
-                } else {
-                  v3RevisionDebugDetails = {
-                    revision: this.revisionNo,
-                    isClean: isVCClean,
-                    abortReason: dirtyReason,
-                    vcLogs: enhancedVcLogs,
-                    interactionId: interactionId
-                  };
-                }
+                v3RevisionDebugDetails = {
+                  revision: this.revisionNo,
+                  isClean: isVCClean && !interactionAbortReason && isPageVisible,
+                  abortReason: !isPageVisible ? 'browser_backgrounded' : dirtyReason !== null && dirtyReason !== void 0 ? dirtyReason : interactionAbortReason,
+                  vcLogs: enhancedVcLogs,
+                  interactionId: interactionId,
+                  interactionType: interactionType
+                };
               }
 
               // Handle devtool callback

package/dist/cjs/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -21,6 +21,11 @@ var REVISION_NO = 'fy25.03';
 var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
   var entryTypes = ['mutation:child-element', 'mutation:element', 'mutation:attribute', 'layout-shift', 'window:event'];
 
+  // in rolling this out, still include it in TTVC v3
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_next_filter_ls_entries_same_rect')) {
+    entryTypes.push('layout-shift:same-rect');
+  }
+
   // If not exclude 3p elements from ttvc,
   // including the tags into the ConsideredEntryTypes so that it won't be ignored for TTVC calculation
   if (!(0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_elements_from_ttvc') || include3p) {

package/dist/cjs/vc/vc-observer-new/metric-calculator/vcnext/index.js

@@ -20,6 +20,9 @@ var REVISION_NO = 'next';
 var getConsideredEntryTypes = function getConsideredEntryTypes() {
   return ['mutation:display-contents-children-element'];
 };
+var getExcludedEntryTypes = function getExcludedEntryTypes() {
+  return ['layout-shift:same-rect'];
+};
 
 // NOTE: `VCNext` to be renamed `FY26_04` once stable
 var VCNextCalculator = exports.default = /*#__PURE__*/function (_VCCalculator_FY25_) {
@@ -32,7 +35,7 @@ var VCNextCalculator = exports.default = /*#__PURE__*/function (_VCCalculator_FY
     key: "isEntryIncluded",
     value: function isEntryIncluded(entry, include3p) {
       var isEntryIncludedInV3 = _superPropGet(VCNextCalculator, "isEntryIncluded", this, 3)([entry, include3p]);
-      if (isEntryIncludedInV3) {
+      if (isEntryIncludedInV3 && !getExcludedEntryTypes().includes(entry.data.type)) {
         return true;
       }
       return getConsideredEntryTypes().includes(entry.data.type);

package/dist/cjs/vc/vc-observer-new/viewport-observer/index.js

@@ -22,41 +22,15 @@ var _performanceObserver = _interopRequireDefault(require("./performance-observe
 var _checkDisplayContent = _interopRequireDefault(require("./utils/check-display-content"));
 var _checkWithinComponent2 = _interopRequireWildcard(require("./utils/check-within-component"));
 var _getMutatedElements = require("./utils/get-mutated-elements");
+var _isElementVisible = require("./utils/is-element-visible");
 var _isInVcIgnoreIfNoLayoutShiftMarker = _interopRequireDefault(require("./utils/is-in-vc-ignore-if-no-layout-shift-marker"));
+var _isSameRectDimensions = require("./utils/is-same-rect-dimensions");
+var _isSameRectSize = require("./utils/is-same-rect-size");
 var _trackDisplayContentOccurrence = _interopRequireDefault(require("./utils/track-display-content-occurrence"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 isElementVisible(element) {
-  if (!(element instanceof HTMLElement)) {
-    return true;
-  }
-  try {
-    var visible = element.checkVisibility({
-      // @ts-ignore - visibilityProperty may not exist in all TS environments
-      visibilityProperty: true,
-      contentVisibilityAuto: true,
-      opacityProperty: true
-    });
-    return visible;
-  } catch (e) {
-    // there is no support for checkVisibility
-    return true;
-  }
-}
-function sameRectSize(a, b) {
-  if (!a || !b) {
-    return false;
-  }
-  return a.width === b.width && a.height === b.height;
-}
-function sameRectDimensions(a, b) {
-  if (!a || !b) {
-    return false;
-  }
-  return a.width === b.width && a.height === b.height && a.x === b.x && a.y === b.y;
-}
 var createElementMutationsWatcher = function createElementMutationsWatcher(removedNodeRects) {
   return function (_ref) {
     var target = _ref.target,
@@ -70,7 +44,7 @@ var createElementMutationsWatcher = function createElementMutationsWatcher(remov
       return 'mutation:rll-placeholder';
     }
     var wasDeleted = removedNodeRects.some(function (nr) {
-      return sameRectDimensions(nr, rect);
+      return (0, _isSameRectDimensions.isSameRectDimensions)(nr, rect);
     });
     if (wasDeleted && isInIgnoreLsMarker) {
       return 'mutation:element-replacement';
@@ -96,7 +70,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
       if (!target) {
         return;
       }
-      var visible = isElementVisible(target);
+      var visible = (0, _isElementVisible.isElementVisible)(target);
       var lastElementRect = _this.mapVisibleNodeRects.get(target);
       _this.mapVisibleNodeRects.set(target, rect);
       _this.onChange({
@@ -381,7 +355,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
           };
         }
         var lastElementRect = _this.mapVisibleNodeRects.get(target);
-        if (lastElementRect && sameRectSize(rect, lastElementRect)) {
+        if (lastElementRect && (0, _isSameRectSize.isSameRectSize)(rect, lastElementRect)) {
           return {
             type: 'mutation:attribute:no-layout-shift',
             mutationData: {
@@ -411,14 +385,26 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
           var changedRect = _step4.value;
           var target = changedRect.node;
           if (target) {
-            _this.onChange({
-              time: time,
-              elementRef: new WeakRef(target),
-              visible: true,
-              rect: changedRect.rect,
-              previousRect: changedRect.previousRect,
-              type: 'layout-shift'
-            });
+            if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_next_filter_ls_entries_same_rect')) {
+              var isSameCurrentAndPreviousRects = (0, _isSameRectDimensions.isSameRectDimensions)(changedRect.rect, changedRect.previousRect);
+              _this.onChange({
+                time: time,
+                elementRef: new WeakRef(target),
+                visible: true,
+                rect: changedRect.rect,
+                previousRect: changedRect.previousRect,
+                type: isSameCurrentAndPreviousRects ? 'layout-shift:same-rect' : 'layout-shift'
+              });
+            } else {
+              _this.onChange({
+                time: time,
+                elementRef: new WeakRef(target),
+                visible: true,
+                rect: changedRect.rect,
+                previousRect: changedRect.previousRect,
+                type: 'layout-shift'
+              });
+            }
           }
         }
       } catch (err) {

package/dist/cjs/vc/vc-observer-new/viewport-observer/utils/is-element-visible.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isElementVisible = isElementVisible;
+function isElementVisible(element) {
+  if (!(element instanceof HTMLElement)) {
+    return true;
+  }
+  try {
+    var visible = element.checkVisibility({
+      // @ts-ignore - visibilityProperty may not exist in all TS environments
+      visibilityProperty: true,
+      contentVisibilityAuto: true,
+      opacityProperty: true
+    });
+    return visible;
+  } catch (e) {
+    // there is no support for checkVisibility
+    return true;
+  }
+}

package/dist/cjs/vc/vc-observer-new/viewport-observer/utils/is-same-rect-dimensions.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSameRectDimensions = isSameRectDimensions;
+var DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX = 1;
+function isSameRectDimensions(a, b) {
+  if (!a || !b) {
+    return false;
+  }
+  return Math.abs(a.width - b.width) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.height - b.height) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.x - b.x) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.y - b.y) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX;
+}

package/dist/cjs/vc/vc-observer-new/viewport-observer/utils/is-same-rect-size.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSameRectSize = isSameRectSize;
+var SIZE_CHECK_TOLERANCE_MARGIN_IN_PX = 1;
+function isSameRectSize(a, b) {
+  if (!a || !b) {
+    return false;
+  }
+  return Math.abs(a.width - b.width) <= SIZE_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.height - b.height) <= SIZE_CHECK_TOLERANCE_MARGIN_IN_PX;
+}

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

@@ -110,7 +110,8 @@ function createPostInteractionLogPayload({
   lastInteractionFinish,
   reactProfilerTimings,
   lastInteractionFinishVCResult,
-  postInteractionFinishVCResult
+  postInteractionFinishVCResult,
+  postInteractionHoldInfo
 }) {
   var _getMostRecentVCRevis, _window$location;
   const config = getConfig();
@@ -211,7 +212,13 @@ function createPostInteractionLogPayload({
           revisedVC90,
           vcClean: postInteractionFinishVCClean,
           lateMutations,
-          reactProfilerTimings: transformReactProfilerTimings(reactProfilerTimings)
+          reactProfilerTimings: transformReactProfilerTimings(reactProfilerTimings),
+          ...(fg('platform_ufo_enable_late_holds_post_interaction') ? {
+            postInteractionHoldInfo: postInteractionHoldInfo === null || postInteractionHoldInfo === void 0 ? void 0 : postInteractionHoldInfo.map(hold => ({
+              ...hold,
+              labelStack: hold.labelStack.map(label => label.name).join('/')
+            }))
+          } : {})
         }
       }
     }

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

@@ -299,6 +299,10 @@ function removeHoldCriterion(id) {
 export function addHold(interactionId, labelStack, name, experimental) {
   const interaction = interactions.get(interactionId);
   const id = createUUID();
+  if (!interaction && fg('platform_ufo_enable_late_holds_post_interaction')) {
+    // add hold timestamp to post interaction log if interaction is complete
+    postInteractionLog.addHoldInfo(labelStack, name, performance.now());
+  }
   if (interaction != null) {
     const start = performance.now();
     const holdActive = {

package/dist/es2019/interaction-metrics/post-interaction-log.js

@@ -18,6 +18,7 @@ export default class PostInteractionLog {
      * Store the scheduled sink timeout Id so that it can be cancelled when needed
      */
     _defineProperty(this, "sinkTimeoutId", null);
+    _defineProperty(this, "holdInfo", []);
     /**
      * independent VC observer, that observes until `custom.post-interaction-logs` event is sent
      */
@@ -71,6 +72,7 @@ export default class PostInteractionLog {
   reset() {
     this.lastInteractionFinish = null;
     this.reactProfilerTimings = [];
+    this.holdInfo = [];
     if (this.sinkTimeoutId != null) {
       clearTimeout(this.sinkTimeoutId);
       this.sinkTimeoutId = null;
@@ -121,7 +123,8 @@ export default class PostInteractionLog {
       lastInteractionFinish: this.lastInteractionFinish,
       reactProfilerTimings: this.reactProfilerTimings,
       postInteractionFinishVCResult,
-      lastInteractionFinishVCResult: this.lastInteractionFinishVCResult
+      lastInteractionFinishVCResult: this.lastInteractionFinishVCResult,
+      postInteractionHoldInfo: this.holdInfo
     });
     this.reset();
   }
@@ -179,4 +182,11 @@ export default class PostInteractionLog {
       });
     }
   }
+  addHoldInfo(labelStack, name, start) {
+    this.holdInfo.push({
+      name,
+      labelStack,
+      start
+    });
+  }
 }

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

@@ -208,24 +208,14 @@ export default class AbstractVCCalculatorBase {
     // Only create debug details if callbacks exist
     let v3RevisionDebugDetails = null;
     if (shouldCalculateDebugDetails) {
-      if (fg('platform_ufo_unify_abort_status_in_ttvc_debug_data')) {
-        v3RevisionDebugDetails = {
-          revision: this.revisionNo,
-          isClean: isVCClean && !interactionAbortReason && isPageVisible,
-          abortReason: !isPageVisible ? 'browser_backgrounded' : dirtyReason !== null && dirtyReason !== void 0 ? dirtyReason : interactionAbortReason,
-          vcLogs: enhancedVcLogs,
-          interactionId,
-          interactionType
-        };
-      } else {
-        v3RevisionDebugDetails = {
-          revision: this.revisionNo,
-          isClean: isVCClean,
-          abortReason: dirtyReason,
-          vcLogs: enhancedVcLogs,
-          interactionId
-        };
-      }
+      v3RevisionDebugDetails = {
+        revision: this.revisionNo,
+        isClean: isVCClean && !interactionAbortReason && isPageVisible,
+        abortReason: !isPageVisible ? 'browser_backgrounded' : dirtyReason !== null && dirtyReason !== void 0 ? dirtyReason : interactionAbortReason,
+        vcLogs: enhancedVcLogs,
+        interactionId,
+        interactionType
+      };
     }
 
     // Handle devtool callback

package/dist/es2019/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -7,6 +7,11 @@ const REVISION_NO = 'fy25.03';
 const getConsideredEntryTypes = include3p => {
   const entryTypes = ['mutation:child-element', 'mutation:element', 'mutation:attribute', 'layout-shift', 'window:event'];
 
+  // in rolling this out, still include it in TTVC v3
+  if (fg('platform_ufo_vc_next_filter_ls_entries_same_rect')) {
+    entryTypes.push('layout-shift:same-rect');
+  }
+
   // If not exclude 3p elements from ttvc,
   // including the tags into the ConsideredEntryTypes so that it won't be ignored for TTVC calculation
   if (!fg('platform_ufo_exclude_3p_elements_from_ttvc') || include3p) {

package/dist/es2019/vc/vc-observer-new/metric-calculator/vcnext/index.js

@@ -5,6 +5,9 @@ const REVISION_NO = 'next';
 const getConsideredEntryTypes = () => {
   return ['mutation:display-contents-children-element'];
 };
+const getExcludedEntryTypes = () => {
+  return ['layout-shift:same-rect'];
+};
 
 // NOTE: `VCNext` to be renamed `FY26_04` once stable
 export default class VCNextCalculator extends VCCalculator_FY25_03 {
@@ -13,7 +16,7 @@ export default class VCNextCalculator extends VCCalculator_FY25_03 {
   }
   isEntryIncluded(entry, include3p) {
     const isEntryIncludedInV3 = super.isEntryIncluded(entry, include3p);
-    if (isEntryIncludedInV3) {
+    if (isEntryIncludedInV3 && !getExcludedEntryTypes().includes(entry.data.type)) {
       return true;
     }
     return getConsideredEntryTypes().includes(entry.data.type);

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

@@ -10,37 +10,11 @@ import createPerformanceObserver from './performance-observer';
 import checkCssProperty from './utils/check-display-content';
 import checkWithinComponent, { cleanupCaches } from './utils/check-within-component';
 import { getMutatedElements } from './utils/get-mutated-elements';
+import { isElementVisible } from './utils/is-element-visible';
 import isInVCIgnoreIfNoLayoutShiftMarker from './utils/is-in-vc-ignore-if-no-layout-shift-marker';
+import { isSameRectDimensions } from './utils/is-same-rect-dimensions';
+import { isSameRectSize } from './utils/is-same-rect-size';
 import trackDisplayContentsOccurrence from './utils/track-display-content-occurrence';
-function isElementVisible(element) {
-  if (!(element instanceof HTMLElement)) {
-    return true;
-  }
-  try {
-    const visible = element.checkVisibility({
-      // @ts-ignore - visibilityProperty may not exist in all TS environments
-      visibilityProperty: true,
-      contentVisibilityAuto: true,
-      opacityProperty: true
-    });
-    return visible;
-  } catch (e) {
-    // there is no support for checkVisibility
-    return true;
-  }
-}
-function sameRectSize(a, b) {
-  if (!a || !b) {
-    return false;
-  }
-  return a.width === b.width && a.height === b.height;
-}
-function sameRectDimensions(a, b) {
-  if (!a || !b) {
-    return false;
-  }
-  return a.width === b.width && a.height === b.height && a.x === b.x && a.y === b.y;
-}
 const createElementMutationsWatcher = removedNodeRects => ({
   target,
   rect
@@ -53,7 +27,7 @@ const createElementMutationsWatcher = removedNodeRects => ({
   if (isRLLPlaceholder && isInIgnoreLsMarker) {
     return 'mutation:rll-placeholder';
   }
-  const wasDeleted = removedNodeRects.some(nr => sameRectDimensions(nr, rect));
+  const wasDeleted = removedNodeRects.some(nr => isSameRectDimensions(nr, rect));
   if (wasDeleted && isInIgnoreLsMarker) {
     return 'mutation:element-replacement';
   }
@@ -281,7 +255,7 @@ export default class ViewportObserver {
           };
         }
         const lastElementRect = this.mapVisibleNodeRects.get(target);
-        if (lastElementRect && sameRectSize(rect, lastElementRect)) {
+        if (lastElementRect && isSameRectSize(rect, lastElementRect)) {
           return {
             type: 'mutation:attribute:no-layout-shift',
             mutationData: {
@@ -308,14 +282,26 @@ export default class ViewportObserver {
       for (const changedRect of changedRects) {
         const target = changedRect.node;
         if (target) {
-          this.onChange({
-            time,
-            elementRef: new WeakRef(target),
-            visible: true,
-            rect: changedRect.rect,
-            previousRect: changedRect.previousRect,
-            type: 'layout-shift'
-          });
+          if (fg('platform_ufo_vc_next_filter_ls_entries_same_rect')) {
+            const isSameCurrentAndPreviousRects = isSameRectDimensions(changedRect.rect, changedRect.previousRect);
+            this.onChange({
+              time,
+              elementRef: new WeakRef(target),
+              visible: true,
+              rect: changedRect.rect,
+              previousRect: changedRect.previousRect,
+              type: isSameCurrentAndPreviousRects ? 'layout-shift:same-rect' : 'layout-shift'
+            });
+          } else {
+            this.onChange({
+              time,
+              elementRef: new WeakRef(target),
+              visible: true,
+              rect: changedRect.rect,
+              previousRect: changedRect.previousRect,
+              type: 'layout-shift'
+            });
+          }
         }
       }
     });

package/dist/es2019/vc/vc-observer-new/viewport-observer/utils/is-element-visible.js

@@ -0,0 +1,17 @@
+export function isElementVisible(element) {
+  if (!(element instanceof HTMLElement)) {
+    return true;
+  }
+  try {
+    const visible = element.checkVisibility({
+      // @ts-ignore - visibilityProperty may not exist in all TS environments
+      visibilityProperty: true,
+      contentVisibilityAuto: true,
+      opacityProperty: true
+    });
+    return visible;
+  } catch (e) {
+    // there is no support for checkVisibility
+    return true;
+  }
+}

package/dist/es2019/vc/vc-observer-new/viewport-observer/utils/is-same-rect-dimensions.js

@@ -0,0 +1,7 @@
+const DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX = 1;
+export function isSameRectDimensions(a, b) {
+  if (!a || !b) {
+    return false;
+  }
+  return Math.abs(a.width - b.width) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.height - b.height) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.x - b.x) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.y - b.y) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX;
+}

package/dist/es2019/vc/vc-observer-new/viewport-observer/utils/is-same-rect-size.js

@@ -0,0 +1,7 @@
+const SIZE_CHECK_TOLERANCE_MARGIN_IN_PX = 1;
+export function isSameRectSize(a, b) {
+  if (!a || !b) {
+    return false;
+  }
+  return Math.abs(a.width - b.width) <= SIZE_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.height - b.height) <= SIZE_CHECK_TOLERANCE_MARGIN_IN_PX;
+}

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

@@ -118,7 +118,8 @@ function createPostInteractionLogPayload(_ref2) {
   var lastInteractionFinish = _ref2.lastInteractionFinish,
     reactProfilerTimings = _ref2.reactProfilerTimings,
     lastInteractionFinishVCResult = _ref2.lastInteractionFinishVCResult,
-    postInteractionFinishVCResult = _ref2.postInteractionFinishVCResult;
+    postInteractionFinishVCResult = _ref2.postInteractionFinishVCResult,
+    postInteractionHoldInfo = _ref2.postInteractionHoldInfo;
   var config = getConfig();
   if (!config) {
     throw Error('UFO Configuration not provided');
@@ -206,7 +207,7 @@ function createPostInteractionLogPayload(_ref2) {
         },
         'event:region': config.region || 'unknown',
         'experience:key': 'custom.post-interaction-logs',
-        postInteractionLog: {
+        postInteractionLog: _objectSpread({
           lastInteractionFinish: _objectSpread(_objectSpread({}, lastInteractionFinish), {}, {
             ufoName: ufoName,
             start: lastInteractionFinishStart,
@@ -221,7 +222,15 @@ function createPostInteractionLogPayload(_ref2) {
           vcClean: postInteractionFinishVCClean,
           lateMutations: lateMutations,
           reactProfilerTimings: transformReactProfilerTimings(reactProfilerTimings)
-        }
+        }, fg('platform_ufo_enable_late_holds_post_interaction') ? {
+          postInteractionHoldInfo: postInteractionHoldInfo === null || postInteractionHoldInfo === void 0 ? void 0 : postInteractionHoldInfo.map(function (hold) {
+            return _objectSpread(_objectSpread({}, hold), {}, {
+              labelStack: hold.labelStack.map(function (label) {
+                return label.name;
+              }).join('/')
+            });
+          })
+        } : {})
       }
     }
   };

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

@@ -339,6 +339,10 @@ function removeHoldCriterion(id) {
 export function addHold(interactionId, labelStack, name, experimental) {
   var interaction = interactions.get(interactionId);
   var id = createUUID();
+  if (!interaction && fg('platform_ufo_enable_late_holds_post_interaction')) {
+    // add hold timestamp to post interaction log if interaction is complete
+    postInteractionLog.addHoldInfo(labelStack, name, performance.now());
+  }
   if (interaction != null) {
     var start = performance.now();
     var holdActive = {

package/dist/esm/interaction-metrics/post-interaction-log.js

@@ -25,6 +25,7 @@ var PostInteractionLog = /*#__PURE__*/function () {
      * Store the scheduled sink timeout Id so that it can be cancelled when needed
      */
     _defineProperty(this, "sinkTimeoutId", null);
+    _defineProperty(this, "holdInfo", []);
     /**
      * independent VC observer, that observes until `custom.post-interaction-logs` event is sent
      */
@@ -91,6 +92,7 @@ var PostInteractionLog = /*#__PURE__*/function () {
     value: function reset() {
       this.lastInteractionFinish = null;
       this.reactProfilerTimings = [];
+      this.holdInfo = [];
       if (this.sinkTimeoutId != null) {
         clearTimeout(this.sinkTimeoutId);
         this.sinkTimeoutId = null;
@@ -155,7 +157,8 @@ var PostInteractionLog = /*#__PURE__*/function () {
                 lastInteractionFinish: this.lastInteractionFinish,
                 reactProfilerTimings: this.reactProfilerTimings,
                 postInteractionFinishVCResult: postInteractionFinishVCResult,
-                lastInteractionFinishVCResult: this.lastInteractionFinishVCResult
+                lastInteractionFinishVCResult: this.lastInteractionFinishVCResult,
+                postInteractionHoldInfo: this.holdInfo
               });
               this.reset();
             case 13:
@@ -236,6 +239,15 @@ var PostInteractionLog = /*#__PURE__*/function () {
         });
       }
     }
+  }, {
+    key: "addHoldInfo",
+    value: function addHoldInfo(labelStack, name, start) {
+      this.holdInfo.push({
+        name: name,
+        labelStack: labelStack,
+        start: start
+      });
+    }
   }]);
 }();
 export { PostInteractionLog as default };

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

@@ -304,24 +304,14 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
               // Only create debug details if callbacks exist
               v3RevisionDebugDetails = null;
               if (shouldCalculateDebugDetails) {
-                if (fg('platform_ufo_unify_abort_status_in_ttvc_debug_data')) {
-                  v3RevisionDebugDetails = {
-                    revision: this.revisionNo,
-                    isClean: isVCClean && !interactionAbortReason && isPageVisible,
-                    abortReason: !isPageVisible ? 'browser_backgrounded' : dirtyReason !== null && dirtyReason !== void 0 ? dirtyReason : interactionAbortReason,
-                    vcLogs: enhancedVcLogs,
-                    interactionId: interactionId,
-                    interactionType: interactionType
-                  };
-                } else {
-                  v3RevisionDebugDetails = {
-                    revision: this.revisionNo,
-                    isClean: isVCClean,
-                    abortReason: dirtyReason,
-                    vcLogs: enhancedVcLogs,
-                    interactionId: interactionId
-                  };
-                }
+                v3RevisionDebugDetails = {
+                  revision: this.revisionNo,
+                  isClean: isVCClean && !interactionAbortReason && isPageVisible,
+                  abortReason: !isPageVisible ? 'browser_backgrounded' : dirtyReason !== null && dirtyReason !== void 0 ? dirtyReason : interactionAbortReason,
+                  vcLogs: enhancedVcLogs,
+                  interactionId: interactionId,
+                  interactionType: interactionType
+                };
               }
 
               // Handle devtool callback

package/dist/esm/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -14,6 +14,11 @@ var REVISION_NO = 'fy25.03';
 var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
   var entryTypes = ['mutation:child-element', 'mutation:element', 'mutation:attribute', 'layout-shift', 'window:event'];
 
+  // in rolling this out, still include it in TTVC v3
+  if (fg('platform_ufo_vc_next_filter_ls_entries_same_rect')) {
+    entryTypes.push('layout-shift:same-rect');
+  }
+
   // If not exclude 3p elements from ttvc,
   // including the tags into the ConsideredEntryTypes so that it won't be ignored for TTVC calculation
   if (!fg('platform_ufo_exclude_3p_elements_from_ttvc') || include3p) {

package/dist/esm/vc/vc-observer-new/metric-calculator/vcnext/index.js

@@ -14,6 +14,9 @@ var REVISION_NO = 'next';
 var getConsideredEntryTypes = function getConsideredEntryTypes() {
   return ['mutation:display-contents-children-element'];
 };
+var getExcludedEntryTypes = function getExcludedEntryTypes() {
+  return ['layout-shift:same-rect'];
+};
 
 // NOTE: `VCNext` to be renamed `FY26_04` once stable
 var VCNextCalculator = /*#__PURE__*/function (_VCCalculator_FY25_) {
@@ -26,7 +29,7 @@ var VCNextCalculator = /*#__PURE__*/function (_VCCalculator_FY25_) {
     key: "isEntryIncluded",
     value: function isEntryIncluded(entry, include3p) {
       var isEntryIncludedInV3 = _superPropGet(VCNextCalculator, "isEntryIncluded", this, 3)([entry, include3p]);
-      if (isEntryIncludedInV3) {
+      if (isEntryIncludedInV3 && !getExcludedEntryTypes().includes(entry.data.type)) {
         return true;
       }
       return getConsideredEntryTypes().includes(entry.data.type);

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

@@ -17,37 +17,11 @@ import createPerformanceObserver from './performance-observer';
 import checkCssProperty from './utils/check-display-content';
 import checkWithinComponent, { cleanupCaches } from './utils/check-within-component';
 import { getMutatedElements } from './utils/get-mutated-elements';
+import { isElementVisible } from './utils/is-element-visible';
 import isInVCIgnoreIfNoLayoutShiftMarker from './utils/is-in-vc-ignore-if-no-layout-shift-marker';
+import { isSameRectDimensions } from './utils/is-same-rect-dimensions';
+import { isSameRectSize } from './utils/is-same-rect-size';
 import trackDisplayContentsOccurrence from './utils/track-display-content-occurrence';
-function isElementVisible(element) {
-  if (!(element instanceof HTMLElement)) {
-    return true;
-  }
-  try {
-    var visible = element.checkVisibility({
-      // @ts-ignore - visibilityProperty may not exist in all TS environments
-      visibilityProperty: true,
-      contentVisibilityAuto: true,
-      opacityProperty: true
-    });
-    return visible;
-  } catch (e) {
-    // there is no support for checkVisibility
-    return true;
-  }
-}
-function sameRectSize(a, b) {
-  if (!a || !b) {
-    return false;
-  }
-  return a.width === b.width && a.height === b.height;
-}
-function sameRectDimensions(a, b) {
-  if (!a || !b) {
-    return false;
-  }
-  return a.width === b.width && a.height === b.height && a.x === b.x && a.y === b.y;
-}
 var createElementMutationsWatcher = function createElementMutationsWatcher(removedNodeRects) {
   return function (_ref) {
     var target = _ref.target,
@@ -61,7 +35,7 @@ var createElementMutationsWatcher = function createElementMutationsWatcher(remov
       return 'mutation:rll-placeholder';
     }
     var wasDeleted = removedNodeRects.some(function (nr) {
-      return sameRectDimensions(nr, rect);
+      return isSameRectDimensions(nr, rect);
     });
     if (wasDeleted && isInIgnoreLsMarker) {
       return 'mutation:element-replacement';
@@ -372,7 +346,7 @@ var ViewportObserver = /*#__PURE__*/function () {
           };
         }
         var lastElementRect = _this.mapVisibleNodeRects.get(target);
-        if (lastElementRect && sameRectSize(rect, lastElementRect)) {
+        if (lastElementRect && isSameRectSize(rect, lastElementRect)) {
           return {
             type: 'mutation:attribute:no-layout-shift',
             mutationData: {
@@ -402,14 +376,26 @@ var ViewportObserver = /*#__PURE__*/function () {
           var changedRect = _step4.value;
           var target = changedRect.node;
           if (target) {
-            _this.onChange({
-              time: time,
-              elementRef: new WeakRef(target),
-              visible: true,
-              rect: changedRect.rect,
-              previousRect: changedRect.previousRect,
-              type: 'layout-shift'
-            });
+            if (fg('platform_ufo_vc_next_filter_ls_entries_same_rect')) {
+              var isSameCurrentAndPreviousRects = isSameRectDimensions(changedRect.rect, changedRect.previousRect);
+              _this.onChange({
+                time: time,
+                elementRef: new WeakRef(target),
+                visible: true,
+                rect: changedRect.rect,
+                previousRect: changedRect.previousRect,
+                type: isSameCurrentAndPreviousRects ? 'layout-shift:same-rect' : 'layout-shift'
+              });
+            } else {
+              _this.onChange({
+                time: time,
+                elementRef: new WeakRef(target),
+                visible: true,
+                rect: changedRect.rect,
+                previousRect: changedRect.previousRect,
+                type: 'layout-shift'
+              });
+            }
           }
         }
       } catch (err) {

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/is-element-visible.js

@@ -0,0 +1,17 @@
+export function isElementVisible(element) {
+  if (!(element instanceof HTMLElement)) {
+    return true;
+  }
+  try {
+    var visible = element.checkVisibility({
+      // @ts-ignore - visibilityProperty may not exist in all TS environments
+      visibilityProperty: true,
+      contentVisibilityAuto: true,
+      opacityProperty: true
+    });
+    return visible;
+  } catch (e) {
+    // there is no support for checkVisibility
+    return true;
+  }
+}

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/is-same-rect-dimensions.js

@@ -0,0 +1,7 @@
+var DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX = 1;
+export function isSameRectDimensions(a, b) {
+  if (!a || !b) {
+    return false;
+  }
+  return Math.abs(a.width - b.width) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.height - b.height) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.x - b.x) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.y - b.y) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX;
+}

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/is-same-rect-size.js

@@ -0,0 +1,7 @@
+var SIZE_CHECK_TOLERANCE_MARGIN_IN_PX = 1;
+export function isSameRectSize(a, b) {
+  if (!a || !b) {
+    return false;
+  }
+  return Math.abs(a.width - b.width) <= SIZE_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.height - b.height) <= SIZE_CHECK_TOLERANCE_MARGIN_IN_PX;
+}

package/dist/types/common/common/types.d.ts

@@ -224,5 +224,6 @@ export type PostInteractionLogOutput = {
     reactProfilerTimings?: ReactProfilerTiming[];
     postInteractionFinishVCResult?: VCResult;
     lastInteractionFinishVCResult?: VCResult;
+    postInteractionHoldInfo?: HoldActive[];
 };
 export {};

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

@@ -240,6 +240,7 @@ export type PostInteractionLogPayload = {
                 vcClean: boolean;
                 lateMutations: LateMutation[];
                 reactProfilerTimings: ReactProfilerTiming[];
+                postInteractionHoldInfo?: HoldActive[];
             };
         };
     };

package/dist/types/create-post-interaction-log-payload/index.d.ts

@@ -1,6 +1,6 @@
 import { type PostInteractionLogOutput } from '../common';
 import type { LateMutation } from '../common/react-ufo-payload-schema';
-declare function createPostInteractionLogPayload({ lastInteractionFinish, reactProfilerTimings, lastInteractionFinishVCResult, postInteractionFinishVCResult, }: PostInteractionLogOutput): {
+declare function createPostInteractionLogPayload({ lastInteractionFinish, reactProfilerTimings, lastInteractionFinishVCResult, postInteractionFinishVCResult, postInteractionHoldInfo, }: PostInteractionLogOutput): {
     actionSubject: string;
     action: string;
     eventType: string;
@@ -18,6 +18,12 @@ declare function createPostInteractionLogPayload({ lastInteractionFinish, reactP
             'event:region': string;
             'experience:key': string;
             postInteractionLog: {
+                postInteractionHoldInfo?: {
+                    labelStack: string;
+                    name: string;
+                    start: number;
+                    ignoreOnSubmit?: boolean;
+                }[] | undefined;
                 lastInteractionFinish: {
                     ufoName: string;
                     start: number;

package/dist/types/interaction-metrics/post-interaction-log.d.ts

@@ -1,4 +1,4 @@
-import { type LastInteractionFinishInfo, type PostInteractionLogOutput, type ReactProfilerTiming } from '../common/common/types';
+import { type HoldActive, type LastInteractionFinishInfo, type PostInteractionLogOutput, type ReactProfilerTiming } from '../common/common/types';
 import type { VCResult } from '../common/vc/types';
 import type { LabelStack } from '../interaction-context';
 import type { VCObserverInterface, VCObserverOptions } from '../vc/types';
@@ -15,6 +15,7 @@ export default class PostInteractionLog {
      * Store the scheduled sink timeout Id so that it can be cancelled when needed
      */
     sinkTimeoutId: number | null;
+    holdInfo: HoldActive[];
     /**
      * independent VC observer, that observes until `custom.post-interaction-logs` event is sent
      */
@@ -67,4 +68,5 @@ export default class PostInteractionLog {
      * This fn should be invoked when a React render happens after interaction has finished
      */
     addProfilerTimings(labelStack: LabelStack, type: 'mount' | 'update' | 'nested-update', actualDuration: number, baseDuration: number, startTime: number, commitTime: number): void;
+    addHoldInfo(labelStack: LabelStack, name: string, start: number): void;
 }

package/dist/types/vc/vc-observer-new/types.d.ts

@@ -1,6 +1,6 @@
 import type { AbortReasonType, InteractionType } from '../../common/common/types';
 import type { ObservedWindowEvent } from './window-event-observer';
-export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:ssr-placeholder' | 'layout-shift' | 'window:event' | 'ssr-hydration' | 'unknown';
+export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:ssr-placeholder' | 'layout-shift' | 'layout-shift:same-rect' | 'window:event' | 'ssr-hydration' | 'unknown';
 export type ViewportEntryData = {
     readonly type: VCObserverEntryType;
     readonly elementName: string;

package/dist/types/vc/vc-observer-new/viewport-observer/utils/is-element-visible.d.ts

@@ -0,0 +1 @@
+export declare function isElementVisible(element: Element): boolean;

package/dist/types/vc/vc-observer-new/viewport-observer/utils/is-same-rect-dimensions.d.ts

@@ -0,0 +1 @@
+export declare function isSameRectDimensions(a: DOMRect | null | undefined, b: DOMRect | null | undefined): boolean;

package/dist/types/vc/vc-observer-new/viewport-observer/utils/is-same-rect-size.d.ts

@@ -0,0 +1 @@
+export declare function isSameRectSize(a: DOMRect | null | undefined, b: DOMRect | null | undefined): boolean;

package/dist/types-ts4.5/common/common/types.d.ts

@@ -224,5 +224,6 @@ export type PostInteractionLogOutput = {
     reactProfilerTimings?: ReactProfilerTiming[];
     postInteractionFinishVCResult?: VCResult;
     lastInteractionFinishVCResult?: VCResult;
+    postInteractionHoldInfo?: HoldActive[];
 };
 export {};

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

@@ -244,6 +244,7 @@ export type PostInteractionLogPayload = {
                 vcClean: boolean;
                 lateMutations: LateMutation[];
                 reactProfilerTimings: ReactProfilerTiming[];
+                postInteractionHoldInfo?: HoldActive[];
             };
         };
     };

package/dist/types-ts4.5/create-post-interaction-log-payload/index.d.ts

@@ -1,6 +1,6 @@
 import { type PostInteractionLogOutput } from '../common';
 import type { LateMutation } from '../common/react-ufo-payload-schema';
-declare function createPostInteractionLogPayload({ lastInteractionFinish, reactProfilerTimings, lastInteractionFinishVCResult, postInteractionFinishVCResult, }: PostInteractionLogOutput): {
+declare function createPostInteractionLogPayload({ lastInteractionFinish, reactProfilerTimings, lastInteractionFinishVCResult, postInteractionFinishVCResult, postInteractionHoldInfo, }: PostInteractionLogOutput): {
     actionSubject: string;
     action: string;
     eventType: string;
@@ -18,6 +18,12 @@ declare function createPostInteractionLogPayload({ lastInteractionFinish, reactP
             'event:region': string;
             'experience:key': string;
             postInteractionLog: {
+                postInteractionHoldInfo?: {
+                    labelStack: string;
+                    name: string;
+                    start: number;
+                    ignoreOnSubmit?: boolean;
+                }[] | undefined;
                 lastInteractionFinish: {
                     ufoName: string;
                     start: number;

package/dist/types-ts4.5/interaction-metrics/post-interaction-log.d.ts

@@ -1,4 +1,4 @@
-import { type LastInteractionFinishInfo, type PostInteractionLogOutput, type ReactProfilerTiming } from '../common/common/types';
+import { type HoldActive, type LastInteractionFinishInfo, type PostInteractionLogOutput, type ReactProfilerTiming } from '../common/common/types';
 import type { VCResult } from '../common/vc/types';
 import type { LabelStack } from '../interaction-context';
 import type { VCObserverInterface, VCObserverOptions } from '../vc/types';
@@ -15,6 +15,7 @@ export default class PostInteractionLog {
      * Store the scheduled sink timeout Id so that it can be cancelled when needed
      */
     sinkTimeoutId: number | null;
+    holdInfo: HoldActive[];
     /**
      * independent VC observer, that observes until `custom.post-interaction-logs` event is sent
      */
@@ -67,4 +68,5 @@ export default class PostInteractionLog {
      * This fn should be invoked when a React render happens after interaction has finished
      */
     addProfilerTimings(labelStack: LabelStack, type: 'mount' | 'update' | 'nested-update', actualDuration: number, baseDuration: number, startTime: number, commitTime: number): void;
+    addHoldInfo(labelStack: LabelStack, name: string, start: number): void;
 }

package/dist/types-ts4.5/vc/vc-observer-new/types.d.ts

@@ -1,6 +1,6 @@
 import type { AbortReasonType, InteractionType } from '../../common/common/types';
 import type { ObservedWindowEvent } from './window-event-observer';
-export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:ssr-placeholder' | 'layout-shift' | 'window:event' | 'ssr-hydration' | 'unknown';
+export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:ssr-placeholder' | 'layout-shift' | 'layout-shift:same-rect' | 'window:event' | 'ssr-hydration' | 'unknown';
 export type ViewportEntryData = {
     readonly type: VCObserverEntryType;
     readonly elementName: string;

package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/utils/is-element-visible.d.ts

@@ -0,0 +1 @@
+export declare function isElementVisible(element: Element): boolean;

package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/utils/is-same-rect-dimensions.d.ts

@@ -0,0 +1 @@
+export declare function isSameRectDimensions(a: DOMRect | null | undefined, b: DOMRect | null | undefined): boolean;

package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/utils/is-same-rect-size.d.ts

@@ -0,0 +1 @@
+export declare function isSameRectSize(a: DOMRect | null | undefined, b: DOMRect | null | undefined): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.11.0",
+	"version": "4.11.2",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -88,6 +88,9 @@
 		"platform_ufo_vcnext_v4_enabled": {
 			"type": "boolean"
 		},
+		"platform_ufo_vc_next_filter_ls_entries_same_rect": {
+			"type": "boolean"
+		},
 		"platform_ufo_enable_minor_interactions": {
 			"type": "boolean"
 		},
@@ -121,9 +124,6 @@
 		"platform_ufo_enable_interactivity_jsm": {
 			"type": "boolean"
 		},
-		"platform_ufo_unify_abort_status_in_ttvc_debug_data": {
-			"type": "boolean"
-		},
 		"platform_ufo_exclude_3p_elements_from_ttai": {
 			"type": "boolean"
 		},
@@ -148,6 +148,9 @@
 		"platform_ufo_exclude_3p_extensions_from_ttvc": {
 			"type": "boolean"
 		},
+		"platform_ufo_enable_late_holds_post_interaction": {
+			"type": "boolean"
+		},
 		"platform_ufo_display_content_track_occurrence": {
 			"type": "boolean"
 		},