@atlaskit/react-ufo 4.10.2 → 4.11.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 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
+
+- [`53cdd8bde9bff`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/53cdd8bde9bff) -
+  add optional errorStatusCode param to ufo's addError() and addErrorToAll() api
+
 ## 4.10.2
 
 ### Patch 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 = {
@@ -588,7 +592,7 @@ var ModuleLoadingProfiler = exports.ModuleLoadingProfiler = {
     removeHoldByID(currentInteractionId, id);
   }
 };
-function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError, errorHash) {
+function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError, errorHash, errorStatusCode) {
   var interaction = _constants.interactions.get(interactionId);
   if (interaction != null) {
     interaction.errors.push({
@@ -598,11 +602,12 @@ function addError(interactionId, name, labelStack, errorType, errorMessage, erro
       errorMessage: errorMessage,
       errorStack: errorStack,
       forcedError: forcedError,
-      errorHash: errorHash
+      errorHash: errorHash,
+      errorStatusCode: errorStatusCode
     });
   }
 }
-function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack, errorHash) {
+function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack, errorHash, errorStatusCode) {
   _constants.interactions.forEach(function (interaction) {
     interaction.errors.push({
       name: name,
@@ -610,7 +615,8 @@ function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack, er
       errorType: errorType,
       errorMessage: errorMessage,
       errorStack: errorStack,
-      errorHash: errorHash
+      errorHash: errorHash,
+      errorStatusCode: errorStatusCode
     });
   });
 }

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/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 = {
@@ -507,7 +511,7 @@ export const ModuleLoadingProfiler = {
     removeHoldByID(currentInteractionId, id);
   }
 };
-export function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError, errorHash) {
+export function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError, errorHash, errorStatusCode) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.errors.push({
@@ -517,11 +521,12 @@ export function addError(interactionId, name, labelStack, errorType, errorMessag
       errorMessage,
       errorStack,
       forcedError,
-      errorHash
+      errorHash,
+      errorStatusCode
     });
   }
 }
-export function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack, errorHash) {
+export function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack, errorHash, errorStatusCode) {
   interactions.forEach(interaction => {
     interaction.errors.push({
       name,
@@ -529,7 +534,8 @@ export function addErrorToAll(name, labelStack, errorType, errorMessage, errorSt
       errorType,
       errorMessage,
       errorStack,
-      errorHash
+      errorHash,
+      errorStatusCode
     });
   });
 }

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/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('/')
+            });
+          })
+        } : {})
       }
     }
   };