@atlaskit/react-ufo 3.13.21 → 3.13.23

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 3.13.23
+
+### Patch Changes
+
+- [#173171](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/173171)
+  [`e60305b08b528`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e60305b08b528) -
+  Added fg to enable new interaction metrics in jsm portal
+
+## 3.13.22
+
+### Patch Changes
+
+- [#169345](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/169345)
+  [`6fab3e0da9d68`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6fab3e0da9d68) -
+  Added API to disable checks for size and position of SSR placeholders
+
 ## 3.13.21
 
 ### Patch Changes

package/dist/cjs/config/index.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.CLEANUP_TIMEOUT = void 0;
 exports.getAwaitBM3TTIList = getAwaitBM3TTIList;
 exports.getCapabilityRate = getCapabilityRate;
 exports.getConfig = getConfig;
@@ -12,6 +13,7 @@ exports.getDoNotAbortActivePressInteractionOnTransition = getDoNotAbortActivePre
 exports.getEnabledVCRevisions = getEnabledVCRevisions;
 exports.getExperimentalInteractionRate = getExperimentalInteractionRate;
 exports.getInteractionRate = getInteractionRate;
+exports.getInteractionTimeout = getInteractionTimeout;
 exports.getMostRecentVCRevision = getMostRecentVCRevision;
 exports.getPostInteractionRate = getPostInteractionRate;
 exports.getRemoveInteractionsUFOPrefixes = getRemoveInteractionsUFOPrefixes;
@@ -325,4 +327,24 @@ function getDoNotAbortActivePressInteractionOnTransition() {
   } catch (e) {
     return undefined;
   }
+}
+var CLEANUP_TIMEOUT = exports.CLEANUP_TIMEOUT = 60 * 1000;
+function getInteractionTimeout(ufoName) {
+  try {
+    if (!config) {
+      return CLEANUP_TIMEOUT;
+    }
+    var _config10 = config,
+      interactionTimeout = _config10.interactionTimeout;
+    if (interactionTimeout != null && interactionTimeout[ufoName] != null) {
+      return interactionTimeout[ufoName];
+    }
+    if (interactionTimeout != null && interactionTimeout.__globalInteractionTimeout != null) {
+      return interactionTimeout.__globalInteractionTimeout;
+    } else {
+      return CLEANUP_TIMEOUT;
+    }
+  } catch (e) {
+    return CLEANUP_TIMEOUT;
+  }
 }

package/dist/cjs/create-payload/utils/get-vc-metrics.js

@@ -34,7 +34,7 @@ function _getVCMetrics() {
           }
           return _context.abrupt("return", {});
         case 3:
-          if (!(0, _platformFeatureFlags.fg)('platform_ufo_enable_interactions_vc')) {
+          if (!((0, _platformFeatureFlags.fg)('platform_ufo_enable_interactions_vc') || (0, _platformFeatureFlags.fg)('platform_ufo_enable_interactivity_jsm'))) {
             _context.next = 8;
             break;
           }

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

@@ -758,10 +758,10 @@ function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelS
     postInteractionLog.reset();
   }
   var previousTime = startTime;
-  var timeoutTime = CLEANUP_TIMEOUT;
+  var timeoutTime = (0, _platformFeatureFlags.fg)('platform_ufo_enable_timeout_config') ? (0, _config.getInteractionTimeout)(ufoName) : CLEANUP_TIMEOUT;
   var timerID = setTimeout(function () {
     abort(interactionId, 'timeout');
-  }, CLEANUP_TIMEOUT);
+  }, timeoutTime);
   function changeTimeout(newTime) {
     // we compare if the time left is lower than the new time to no
     // extend the timeout beyond the initial waiting time
@@ -856,7 +856,7 @@ function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelS
       });
     }
   }
-  if (type === 'press' && (0, _platformFeatureFlags.fg)('platform_ufo_enable_interactions_vc')) {
+  if (type === 'press' && ((0, _platformFeatureFlags.fg)('platform_ufo_enable_interactions_vc') || (0, _platformFeatureFlags.fg)('platform_ufo_enable_interactivity_jsm'))) {
     var _getConfig13;
     (0, _vc.getVCObserver)().start({
       startTime: startTime,

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

@@ -95,7 +95,8 @@ function init(analyticsWebClientAsync, config) {
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
     };
     (0, _vc.getVCObserver)(vcOptions).start({
       startTime: 0
@@ -113,7 +114,7 @@ function init(analyticsWebClientAsync, config) {
   (0, _hiddenTiming.setupHiddenTimingCapture)();
   (0, _additionalPayload.startLighthouseObserver)();
   initialized = true;
-  if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_events_observer')) {
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_events_observer') || (0, _platformFeatureFlags.fg)('platform_ufo_enable_interactivity_jsm')) {
     if (typeof PerformanceObserver !== 'undefined') {
       var observer = (0, _interactionsPerformanceObserver.getPerformanceObserver)();
       observer.observe({

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

@@ -454,7 +454,8 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     this.arraySize = options.heatmapSize || 200;
     this.devToolsEnabled = options.devToolsEnabled || false;
     this.oldDomUpdatesEnabled = options.oldDomUpdates || false;
-    var ssrEnablePageLayoutPlaceholder = options.ssrEnablePageLayoutPlaceholder;
+    var ssrEnablePageLayoutPlaceholder = options.ssrEnablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck = options.disableSizeAndPositionCheck;
     this.observers = new _observers.Observers({
       selectorConfig: options.selectorConfig || {
         id: false,
@@ -464,7 +465,8 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         dataVC: true
       },
       SSRConfig: {
-        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false
+        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false,
+        disableSizeAndPositionCheck: disableSizeAndPositionCheck
       }
     });
     this.heatmap = !(0, _config.isVCRevisionEnabled)('fy25.01') ? [] : this.getCleanHeatmap();

package/dist/cjs/vc/vc-observer/observers/index.js

@@ -33,7 +33,8 @@ function isElementVisible(target) {
 var Observers = exports.Observers = /*#__PURE__*/function () {
   function Observers(opts) {
     var _this = this,
-      _opts$SSRConfig;
+      _opts$SSRConfig,
+      _opts$SSRConfig2;
     (0, _classCallCheck2.default)(this, Observers);
     (0, _defineProperty2.default)(this, "observedMutations", new WeakMap());
     (0, _defineProperty2.default)(this, "elementsInView", new Set());
@@ -73,7 +74,10 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
     this.selectorConfig = _objectSpread(_objectSpread({}, this.selectorConfig), opts.selectorConfig);
     this.intersectionObserver = this.getIntersectionObserver();
     this.mutationObserver = this.getMutationObserver();
-    this.ssrPlaceholderHandler = new _ssrPlaceholders.SSRPlaceholderHandlers((_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder);
+    this.ssrPlaceholderHandler = new _ssrPlaceholders.SSRPlaceholderHandlers({
+      enablePageLayoutPlaceholder: (_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck: (_opts$SSRConfig2 = opts.SSRConfig) === null || _opts$SSRConfig2 === void 0 ? void 0 : _opts$SSRConfig2.disableSizeAndPositionCheck
+    });
   }
   return (0, _createClass2.default)(Observers, [{
     key: "isBrowserSupported",

package/dist/cjs/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -11,9 +11,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var ANCESTOR_LOOKUP_LIMIT = 10;
 var PAGE_LAYOUT_ID = 'page-layout.root';
 var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/function () {
-  function SSRPlaceholderHandlers() {
+  function SSRPlaceholderHandlers(_ref) {
     var _this = this;
-    var enablePageLayoutPlaceholder = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    var _ref$enablePageLayout = _ref.enablePageLayoutPlaceholder,
+      enablePageLayoutPlaceholder = _ref$enablePageLayout === void 0 ? false : _ref$enablePageLayout,
+      _ref$disableSizeAndPo = _ref.disableSizeAndPositionCheck,
+      disableSizeAndPositionCheck = _ref$disableSizeAndPo === void 0 ? {
+        v: false,
+        h: false
+      } : _ref$disableSizeAndPo;
     (0, _classCallCheck2.default)(this, SSRPlaceholderHandlers);
     (0, _defineProperty2.default)(this, "staticPlaceholders", new Map());
     (0, _defineProperty2.default)(this, "callbacks", new Map());
@@ -42,10 +48,10 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
       }
       return '';
     });
-    (0, _defineProperty2.default)(this, "intersectionObserverCallback", function (_ref) {
+    (0, _defineProperty2.default)(this, "intersectionObserverCallback", function (_ref2) {
       var _this$intersectionObs;
-      var target = _ref.target,
-        boundingClientRect = _ref.boundingClientRect;
+      var target = _ref2.target,
+        boundingClientRect = _ref2.boundingClientRect;
       (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.unobserve(target);
       if (!(target instanceof HTMLElement)) {
         // impossible case - keep typescript healthy
@@ -102,6 +108,7 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
       });
     }
     this.enablePageLayoutPlaceholder = enablePageLayoutPlaceholder;
+    this.disableSizeAndPositionCheck = disableSizeAndPositionCheck;
     if (window.document) {
       try {
         var selector = this.enablePageLayoutPlaceholder ? '[data-ssr-placeholder],[data-testid="page-layout.root"]' : '[data-ssr-placeholder]';
@@ -223,7 +230,16 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
   }, {
     key: "hasSameSizePosition",
     value: function hasSameSizePosition(rect, boundingClientRect) {
-      return rect && Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD || false;
+      var _this$disableSizeAndP, _this$disableSizeAndP2;
+      if ((_this$disableSizeAndP = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP !== void 0 && _this$disableSizeAndP.v && (_this$disableSizeAndP2 = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP2 !== void 0 && _this$disableSizeAndP2.h) {
+        return true;
+      }
+      if (!rect) {
+        return false;
+      }
+      var horizontalCheck = this.disableSizeAndPositionCheck.h ? true : Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD;
+      var verticalCheck = this.disableSizeAndPositionCheck.v ? true : Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD;
+      return horizontalCheck && verticalCheck || false;
     }
   }, {
     key: "isDummyRect",

package/dist/es2019/config/index.js

@@ -313,4 +313,25 @@ export function getDoNotAbortActivePressInteractionOnTransition() {
   } catch (e) {
     return undefined;
   }
+}
+export const CLEANUP_TIMEOUT = 60 * 1000;
+export function getInteractionTimeout(ufoName) {
+  try {
+    if (!config) {
+      return CLEANUP_TIMEOUT;
+    }
+    const {
+      interactionTimeout
+    } = config;
+    if (interactionTimeout != null && interactionTimeout[ufoName] != null) {
+      return interactionTimeout[ufoName];
+    }
+    if (interactionTimeout != null && interactionTimeout.__globalInteractionTimeout != null) {
+      return interactionTimeout.__globalInteractionTimeout;
+    } else {
+      return CLEANUP_TIMEOUT;
+    }
+  } catch (e) {
+    return CLEANUP_TIMEOUT;
+  }
 }

package/dist/es2019/create-payload/utils/get-vc-metrics.js

@@ -11,7 +11,7 @@ async function getVCMetrics(interaction) {
   if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
     return {};
   }
-  if (fg('platform_ufo_enable_interactions_vc')) {
+  if (fg('platform_ufo_enable_interactions_vc') || fg('platform_ufo_enable_interactivity_jsm')) {
     if (interaction.type !== 'page_load' && interaction.type !== 'transition' && interaction.type !== 'press') {
       return {};
     }

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

@@ -1,7 +1,7 @@
 import { v4 as createUUID } from 'uuid';
 import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
-import { getAwaitBM3TTIList, getCapabilityRate, getConfig } from '../config';
+import { getAwaitBM3TTIList, getCapabilityRate, getConfig, getInteractionTimeout } from '../config';
 import { experimentalVC, getExperimentalVCMetrics, onExperimentalInteractionComplete } from '../create-experimental-interaction-metrics-payload';
 import { clearActiveTrace } from '../experience-trace-id-context';
 import { allFeatureFlagsAccessed, currentFeatureFlagsAccessed } from '../feature-flags-accessed';
@@ -634,10 +634,10 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
     postInteractionLog.reset();
   }
   let previousTime = startTime;
-  let timeoutTime = CLEANUP_TIMEOUT;
+  let timeoutTime = fg('platform_ufo_enable_timeout_config') ? getInteractionTimeout(ufoName) : CLEANUP_TIMEOUT;
   const timerID = setTimeout(() => {
     abort(interactionId, 'timeout');
-  }, CLEANUP_TIMEOUT);
+  }, timeoutTime);
   function changeTimeout(newTime) {
     // we compare if the time left is lower than the new time to no
     // extend the timeout beyond the initial waiting time
@@ -732,7 +732,7 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
       });
     }
   }
-  if (type === 'press' && fg('platform_ufo_enable_interactions_vc')) {
+  if (type === 'press' && (fg('platform_ufo_enable_interactions_vc') || fg('platform_ufo_enable_interactivity_jsm'))) {
     var _getConfig13, _getConfig13$experime;
     getVCObserver().start({
       startTime,

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

@@ -85,7 +85,8 @@ export function init(analyticsWebClientAsync, config) {
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
     };
     getVCObserver(vcOptions).start({
       startTime: 0
@@ -103,7 +104,7 @@ export function init(analyticsWebClientAsync, config) {
   setupHiddenTimingCapture();
   startLighthouseObserver();
   initialized = true;
-  if (fg('platform_ufo_enable_events_observer')) {
+  if (fg('platform_ufo_enable_events_observer') || fg('platform_ufo_enable_interactivity_jsm')) {
     if (typeof PerformanceObserver !== 'undefined') {
       const observer = getPerformanceObserver();
       observer.observe({

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

@@ -494,7 +494,8 @@ export class VCObserver {
     this.devToolsEnabled = options.devToolsEnabled || false;
     this.oldDomUpdatesEnabled = options.oldDomUpdates || false;
     const {
-      ssrEnablePageLayoutPlaceholder
+      ssrEnablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck
     } = options;
     this.observers = new Observers({
       selectorConfig: options.selectorConfig || {
@@ -505,7 +506,8 @@ export class VCObserver {
         dataVC: true
       },
       SSRConfig: {
-        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false
+        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false,
+        disableSizeAndPositionCheck: disableSizeAndPositionCheck
       }
     });
     this.heatmap = !isVCRevisionEnabled('fy25.01') ? [] : this.getCleanHeatmap();

package/dist/es2019/vc/vc-observer/observers/index.js

@@ -21,7 +21,7 @@ function isElementVisible(target) {
 }
 export class Observers {
   constructor(opts) {
-    var _opts$SSRConfig;
+    var _opts$SSRConfig, _opts$SSRConfig2;
     _defineProperty(this, "observedMutations", new WeakMap());
     _defineProperty(this, "elementsInView", new Set());
     _defineProperty(this, "callbacks", new Set());
@@ -61,7 +61,10 @@ export class Observers {
     };
     this.intersectionObserver = this.getIntersectionObserver();
     this.mutationObserver = this.getMutationObserver();
-    this.ssrPlaceholderHandler = new SSRPlaceholderHandlers((_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder);
+    this.ssrPlaceholderHandler = new SSRPlaceholderHandlers({
+      enablePageLayoutPlaceholder: (_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck: (_opts$SSRConfig2 = opts.SSRConfig) === null || _opts$SSRConfig2 === void 0 ? void 0 : _opts$SSRConfig2.disableSizeAndPositionCheck
+    });
   }
   isBrowserSupported() {
     return typeof window.IntersectionObserver === 'function' && typeof window.MutationObserver === 'function';

package/dist/es2019/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -2,7 +2,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const ANCESTOR_LOOKUP_LIMIT = 10;
 const PAGE_LAYOUT_ID = 'page-layout.root';
 export class SSRPlaceholderHandlers {
-  constructor(enablePageLayoutPlaceholder = false) {
+  constructor({
+    enablePageLayoutPlaceholder = false,
+    disableSizeAndPositionCheck = {
+      v: false,
+      h: false
+    }
+  }) {
     _defineProperty(this, "staticPlaceholders", new Map());
     _defineProperty(this, "callbacks", new Map());
     _defineProperty(this, "getSizeCallbacks", new Map());
@@ -87,6 +93,7 @@ export class SSRPlaceholderHandlers {
       this.intersectionObserver = new IntersectionObserver(entries => entries.filter(entry => entry.intersectionRatio > 0).forEach(this.intersectionObserverCallback));
     }
     this.enablePageLayoutPlaceholder = enablePageLayoutPlaceholder;
+    this.disableSizeAndPositionCheck = disableSizeAndPositionCheck;
     if (window.document) {
       try {
         const selector = this.enablePageLayoutPlaceholder ? '[data-ssr-placeholder],[data-testid="page-layout.root"]' : '[data-ssr-placeholder]';
@@ -187,7 +194,16 @@ export class SSRPlaceholderHandlers {
     });
   }
   hasSameSizePosition(rect, boundingClientRect) {
-    return rect && Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD || false;
+    var _this$disableSizeAndP, _this$disableSizeAndP2;
+    if ((_this$disableSizeAndP = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP !== void 0 && _this$disableSizeAndP.v && (_this$disableSizeAndP2 = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP2 !== void 0 && _this$disableSizeAndP2.h) {
+      return true;
+    }
+    if (!rect) {
+      return false;
+    }
+    const horizontalCheck = this.disableSizeAndPositionCheck.h ? true : Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD;
+    const verticalCheck = this.disableSizeAndPositionCheck.v ? true : Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD;
+    return horizontalCheck && verticalCheck || false;
   }
   isDummyRect(rect) {
     return rect && rect.width < 0 && rect.height < 0 || false;

package/dist/esm/config/index.js

@@ -303,4 +303,24 @@ export function getDoNotAbortActivePressInteractionOnTransition() {
   } catch (e) {
     return undefined;
   }
+}
+export var CLEANUP_TIMEOUT = 60 * 1000;
+export function getInteractionTimeout(ufoName) {
+  try {
+    if (!config) {
+      return CLEANUP_TIMEOUT;
+    }
+    var _config10 = config,
+      interactionTimeout = _config10.interactionTimeout;
+    if (interactionTimeout != null && interactionTimeout[ufoName] != null) {
+      return interactionTimeout[ufoName];
+    }
+    if (interactionTimeout != null && interactionTimeout.__globalInteractionTimeout != null) {
+      return interactionTimeout.__globalInteractionTimeout;
+    } else {
+      return CLEANUP_TIMEOUT;
+    }
+  } catch (e) {
+    return CLEANUP_TIMEOUT;
+  }
 }

package/dist/esm/create-payload/utils/get-vc-metrics.js

@@ -27,7 +27,7 @@ function _getVCMetrics() {
           }
           return _context.abrupt("return", {});
         case 3:
-          if (!fg('platform_ufo_enable_interactions_vc')) {
+          if (!(fg('platform_ufo_enable_interactions_vc') || fg('platform_ufo_enable_interactivity_jsm'))) {
             _context.next = 8;
             break;
           }

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

@@ -11,7 +11,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 import { v4 as createUUID } from 'uuid';
 import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
-import { getAwaitBM3TTIList, getCapabilityRate, getConfig } from '../config';
+import { getAwaitBM3TTIList, getCapabilityRate, getConfig, getInteractionTimeout } from '../config';
 import { experimentalVC, getExperimentalVCMetrics, onExperimentalInteractionComplete } from '../create-experimental-interaction-metrics-payload';
 import { clearActiveTrace } from '../experience-trace-id-context';
 import { allFeatureFlagsAccessed, currentFeatureFlagsAccessed } from '../feature-flags-accessed';
@@ -713,10 +713,10 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
     postInteractionLog.reset();
   }
   var previousTime = startTime;
-  var timeoutTime = CLEANUP_TIMEOUT;
+  var timeoutTime = fg('platform_ufo_enable_timeout_config') ? getInteractionTimeout(ufoName) : CLEANUP_TIMEOUT;
   var timerID = setTimeout(function () {
     abort(interactionId, 'timeout');
-  }, CLEANUP_TIMEOUT);
+  }, timeoutTime);
   function changeTimeout(newTime) {
     // we compare if the time left is lower than the new time to no
     // extend the timeout beyond the initial waiting time
@@ -811,7 +811,7 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
       });
     }
   }
-  if (type === 'press' && fg('platform_ufo_enable_interactions_vc')) {
+  if (type === 'press' && (fg('platform_ufo_enable_interactions_vc') || fg('platform_ufo_enable_interactivity_jsm'))) {
     var _getConfig13;
     getVCObserver().start({
       startTime: startTime,

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

@@ -86,7 +86,8 @@ export function init(analyticsWebClientAsync, config) {
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
     };
     getVCObserver(vcOptions).start({
       startTime: 0
@@ -104,7 +105,7 @@ export function init(analyticsWebClientAsync, config) {
   setupHiddenTimingCapture();
   startLighthouseObserver();
   initialized = true;
-  if (fg('platform_ufo_enable_events_observer')) {
+  if (fg('platform_ufo_enable_events_observer') || fg('platform_ufo_enable_interactivity_jsm')) {
     if (typeof PerformanceObserver !== 'undefined') {
       var observer = getPerformanceObserver();
       observer.observe({

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

@@ -447,7 +447,8 @@ export var VCObserver = /*#__PURE__*/function () {
     this.arraySize = options.heatmapSize || 200;
     this.devToolsEnabled = options.devToolsEnabled || false;
     this.oldDomUpdatesEnabled = options.oldDomUpdates || false;
-    var ssrEnablePageLayoutPlaceholder = options.ssrEnablePageLayoutPlaceholder;
+    var ssrEnablePageLayoutPlaceholder = options.ssrEnablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck = options.disableSizeAndPositionCheck;
     this.observers = new Observers({
       selectorConfig: options.selectorConfig || {
         id: false,
@@ -457,7 +458,8 @@ export var VCObserver = /*#__PURE__*/function () {
         dataVC: true
       },
       SSRConfig: {
-        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false
+        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false,
+        disableSizeAndPositionCheck: disableSizeAndPositionCheck
       }
     });
     this.heatmap = !isVCRevisionEnabled('fy25.01') ? [] : this.getCleanHeatmap();

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

@@ -26,7 +26,8 @@ function isElementVisible(target) {
 export var Observers = /*#__PURE__*/function () {
   function Observers(opts) {
     var _this = this,
-      _opts$SSRConfig;
+      _opts$SSRConfig,
+      _opts$SSRConfig2;
     _classCallCheck(this, Observers);
     _defineProperty(this, "observedMutations", new WeakMap());
     _defineProperty(this, "elementsInView", new Set());
@@ -66,7 +67,10 @@ export var Observers = /*#__PURE__*/function () {
     this.selectorConfig = _objectSpread(_objectSpread({}, this.selectorConfig), opts.selectorConfig);
     this.intersectionObserver = this.getIntersectionObserver();
     this.mutationObserver = this.getMutationObserver();
-    this.ssrPlaceholderHandler = new SSRPlaceholderHandlers((_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder);
+    this.ssrPlaceholderHandler = new SSRPlaceholderHandlers({
+      enablePageLayoutPlaceholder: (_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck: (_opts$SSRConfig2 = opts.SSRConfig) === null || _opts$SSRConfig2 === void 0 ? void 0 : _opts$SSRConfig2.disableSizeAndPositionCheck
+    });
   }
   return _createClass(Observers, [{
     key: "isBrowserSupported",

package/dist/esm/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -4,9 +4,15 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var ANCESTOR_LOOKUP_LIMIT = 10;
 var PAGE_LAYOUT_ID = 'page-layout.root';
 export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
-  function SSRPlaceholderHandlers() {
+  function SSRPlaceholderHandlers(_ref) {
     var _this = this;
-    var enablePageLayoutPlaceholder = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    var _ref$enablePageLayout = _ref.enablePageLayoutPlaceholder,
+      enablePageLayoutPlaceholder = _ref$enablePageLayout === void 0 ? false : _ref$enablePageLayout,
+      _ref$disableSizeAndPo = _ref.disableSizeAndPositionCheck,
+      disableSizeAndPositionCheck = _ref$disableSizeAndPo === void 0 ? {
+        v: false,
+        h: false
+      } : _ref$disableSizeAndPo;
     _classCallCheck(this, SSRPlaceholderHandlers);
     _defineProperty(this, "staticPlaceholders", new Map());
     _defineProperty(this, "callbacks", new Map());
@@ -35,10 +41,10 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
       }
       return '';
     });
-    _defineProperty(this, "intersectionObserverCallback", function (_ref) {
+    _defineProperty(this, "intersectionObserverCallback", function (_ref2) {
       var _this$intersectionObs;
-      var target = _ref.target,
-        boundingClientRect = _ref.boundingClientRect;
+      var target = _ref2.target,
+        boundingClientRect = _ref2.boundingClientRect;
       (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.unobserve(target);
       if (!(target instanceof HTMLElement)) {
         // impossible case - keep typescript healthy
@@ -95,6 +101,7 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
       });
     }
     this.enablePageLayoutPlaceholder = enablePageLayoutPlaceholder;
+    this.disableSizeAndPositionCheck = disableSizeAndPositionCheck;
     if (window.document) {
       try {
         var selector = this.enablePageLayoutPlaceholder ? '[data-ssr-placeholder],[data-testid="page-layout.root"]' : '[data-ssr-placeholder]';
@@ -216,7 +223,16 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
   }, {
     key: "hasSameSizePosition",
     value: function hasSameSizePosition(rect, boundingClientRect) {
-      return rect && Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD || false;
+      var _this$disableSizeAndP, _this$disableSizeAndP2;
+      if ((_this$disableSizeAndP = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP !== void 0 && _this$disableSizeAndP.v && (_this$disableSizeAndP2 = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP2 !== void 0 && _this$disableSizeAndP2.h) {
+        return true;
+      }
+      if (!rect) {
+        return false;
+      }
+      var horizontalCheck = this.disableSizeAndPositionCheck.h ? true : Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD;
+      var verticalCheck = this.disableSizeAndPositionCheck.v ? true : Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD;
+      return horizontalCheck && verticalCheck || false;
     }
   }, {
     key: "isDummyRect",

package/dist/types/config/index.d.ts

@@ -30,6 +30,7 @@ type Rates = {
 type TTVCRevisions = 'fy25.01' | 'fy25.02' | 'fy25.03';
 export type Config = {
     readonly enabled?: boolean;
+    readonly interactionTimeout?: Record<string, number>;
     readonly doNotAbortActivePressInteraction?: string[];
     readonly doNotAbortActivePressInteractionOnTransition?: string[];
     readonly awaitBM3TTI?: string[];
@@ -74,6 +75,10 @@ export type Config = {
         readonly ssr?: boolean;
         readonly ssrWhitelist?: string[];
         readonly ssrEnablePageLayoutPlaceholder?: boolean;
+        readonly disableSizeAndPositionCheck?: {
+            v: boolean;
+            h: boolean;
+        };
         readonly includeSSRInV3?: boolean;
         readonly stopVCAtInteractionFinish?: boolean;
         readonly includeSSRRatio?: boolean;
@@ -128,4 +133,6 @@ export declare function getRemoveInteractionsUFOPrefixes(): boolean;
 export declare function getUfoNameOverrides(): UFONameOverride | undefined;
 export declare function getDoNotAbortActivePressInteraction(): string[] | undefined;
 export declare function getDoNotAbortActivePressInteractionOnTransition(): string[] | undefined;
+export declare const CLEANUP_TIMEOUT: number;
+export declare function getInteractionTimeout(ufoName: string): number;
 export {};

package/dist/types/vc/types.d.ts

@@ -26,6 +26,10 @@ export type VCObserverOptions = {
     selectorConfig?: SelectorConfig | undefined;
     isPostInteraction?: boolean;
     ssrEnablePageLayoutPlaceholder?: boolean;
+    disableSizeAndPositionCheck?: {
+        v: boolean;
+        h: boolean;
+    };
 };
 export interface VCObserverInterface {
     start(startArg: {

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

@@ -1,7 +1,7 @@
 import { type UnbindFn } from 'bind-event-listener';
 import type { ComponentsLogType, VCAbortReasonType, VCEntryType, VCIgnoreReason, VCRatioType, VCRawDataType, VCResult } from '../../common/vc/types';
 import type { GetVCResultType, VCObserverInterface, VCObserverOptions } from '../types';
-import { VCRevisionDebugDetails } from './getVCRevisionDebugDetails';
+import { type VCRevisionDebugDetails } from './getVCRevisionDebugDetails';
 import { Observers } from './observers';
 declare global {
     interface Window {

package/dist/types/vc/vc-observer/observers/index.d.ts

@@ -11,6 +11,10 @@ type ConstructorOptions = {
     selectorConfig: SelectorConfig;
     SSRConfig?: {
         enablePageLayoutPlaceholder: boolean;
+        disableSizeAndPositionCheck?: {
+            v: boolean;
+            h: boolean;
+        };
     };
 };
 export declare class Observers implements BrowserObservers {

package/dist/types/vc/vc-observer/observers/ssr-placeholders/index.d.ts

@@ -4,6 +4,14 @@ type Rect = {
     width: number;
     height: number;
 };
+type DisableSizeAndPositionCheckType = {
+    v: boolean;
+    h: boolean;
+};
+type SSRPlaceholderHandlersConfig = {
+    enablePageLayoutPlaceholder?: boolean;
+    disableSizeAndPositionCheck?: DisableSizeAndPositionCheckType;
+};
 export declare class SSRPlaceholderHandlers {
     private staticPlaceholders;
     private callbacks;
@@ -12,7 +20,8 @@ export declare class SSRPlaceholderHandlers {
     private intersectionObserver;
     private EQUALITY_THRESHOLD;
     private enablePageLayoutPlaceholder;
-    constructor(enablePageLayoutPlaceholder?: boolean);
+    private disableSizeAndPositionCheck;
+    constructor({ enablePageLayoutPlaceholder, disableSizeAndPositionCheck, }: SSRPlaceholderHandlersConfig);
     private getPlaceholderId;
     private getPlaceholderReplacementId;
     clear(): void;

package/dist/types/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -1,5 +1,5 @@
 import type { RevisionPayloadEntry, VCAbortReason } from '../../../common/vc/types';
-import { VCRevisionDebugDetails } from '../../vc-observer/getVCRevisionDebugDetails';
+import type { VCRevisionDebugDetails } from '../../vc-observer/getVCRevisionDebugDetails';
 import type { VCObserverEntry } from '../types';
 import type { VCCalculator, VCCalculatorParam } from './types';
 declare global {

package/dist/types-ts4.5/config/index.d.ts

@@ -30,6 +30,7 @@ type Rates = {
 type TTVCRevisions = 'fy25.01' | 'fy25.02' | 'fy25.03';
 export type Config = {
     readonly enabled?: boolean;
+    readonly interactionTimeout?: Record<string, number>;
     readonly doNotAbortActivePressInteraction?: string[];
     readonly doNotAbortActivePressInteractionOnTransition?: string[];
     readonly awaitBM3TTI?: string[];
@@ -74,6 +75,10 @@ export type Config = {
         readonly ssr?: boolean;
         readonly ssrWhitelist?: string[];
         readonly ssrEnablePageLayoutPlaceholder?: boolean;
+        readonly disableSizeAndPositionCheck?: {
+            v: boolean;
+            h: boolean;
+        };
         readonly includeSSRInV3?: boolean;
         readonly stopVCAtInteractionFinish?: boolean;
         readonly includeSSRRatio?: boolean;
@@ -132,4 +137,6 @@ export declare function getRemoveInteractionsUFOPrefixes(): boolean;
 export declare function getUfoNameOverrides(): UFONameOverride | undefined;
 export declare function getDoNotAbortActivePressInteraction(): string[] | undefined;
 export declare function getDoNotAbortActivePressInteractionOnTransition(): string[] | undefined;
+export declare const CLEANUP_TIMEOUT: number;
+export declare function getInteractionTimeout(ufoName: string): number;
 export {};

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

@@ -26,6 +26,10 @@ export type VCObserverOptions = {
     selectorConfig?: SelectorConfig | undefined;
     isPostInteraction?: boolean;
     ssrEnablePageLayoutPlaceholder?: boolean;
+    disableSizeAndPositionCheck?: {
+        v: boolean;
+        h: boolean;
+    };
 };
 export interface VCObserverInterface {
     start(startArg: {

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

@@ -1,7 +1,7 @@
 import { type UnbindFn } from 'bind-event-listener';
 import type { ComponentsLogType, VCAbortReasonType, VCEntryType, VCIgnoreReason, VCRatioType, VCRawDataType, VCResult } from '../../common/vc/types';
 import type { GetVCResultType, VCObserverInterface, VCObserverOptions } from '../types';
-import { VCRevisionDebugDetails } from './getVCRevisionDebugDetails';
+import { type VCRevisionDebugDetails } from './getVCRevisionDebugDetails';
 import { Observers } from './observers';
 declare global {
     interface Window {

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

@@ -11,6 +11,10 @@ type ConstructorOptions = {
     selectorConfig: SelectorConfig;
     SSRConfig?: {
         enablePageLayoutPlaceholder: boolean;
+        disableSizeAndPositionCheck?: {
+            v: boolean;
+            h: boolean;
+        };
     };
 };
 export declare class Observers implements BrowserObservers {

package/dist/types-ts4.5/vc/vc-observer/observers/ssr-placeholders/index.d.ts

@@ -4,6 +4,14 @@ type Rect = {
     width: number;
     height: number;
 };
+type DisableSizeAndPositionCheckType = {
+    v: boolean;
+    h: boolean;
+};
+type SSRPlaceholderHandlersConfig = {
+    enablePageLayoutPlaceholder?: boolean;
+    disableSizeAndPositionCheck?: DisableSizeAndPositionCheckType;
+};
 export declare class SSRPlaceholderHandlers {
     private staticPlaceholders;
     private callbacks;
@@ -12,7 +20,8 @@ export declare class SSRPlaceholderHandlers {
     private intersectionObserver;
     private EQUALITY_THRESHOLD;
     private enablePageLayoutPlaceholder;
-    constructor(enablePageLayoutPlaceholder?: boolean);
+    private disableSizeAndPositionCheck;
+    constructor({ enablePageLayoutPlaceholder, disableSizeAndPositionCheck, }: SSRPlaceholderHandlersConfig);
     private getPlaceholderId;
     private getPlaceholderReplacementId;
     clear(): void;

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -1,5 +1,5 @@
 import type { RevisionPayloadEntry, VCAbortReason } from '../../../common/vc/types';
-import { VCRevisionDebugDetails } from '../../vc-observer/getVCRevisionDebugDetails';
+import type { VCRevisionDebugDetails } from '../../vc-observer/getVCRevisionDebugDetails';
 import type { VCObserverEntry } from '../types';
 import type { VCCalculator, VCCalculatorParam } from './types';
 declare global {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "3.13.21",
+	"version": "3.13.23",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -174,6 +174,12 @@
 		},
 		"platform_ufo_enable_interactions_vc": {
 			"type": "boolean"
+		},
+		"platform_ufo_enable_timeout_config": {
+			"type": "boolean"
+		},
+		"platform_ufo_enable_interactivity_jsm": {
+			"type": "boolean"
 		}
 	}
 }