@atlaskit/react-ufo 4.2.3 → 4.2.5

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.2.5
+
+### Patch Changes
+
+- [#200712](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/200712)
+  [`018d190fdbed5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/018d190fdbed5) -
+  FG clean up React UFO
+
+## 4.2.4
+
+### Patch Changes
+
+- [#199942](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/199942)
+  [`260cb0fb9e934`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/260cb0fb9e934) -
+  Fix ssr placeholder size/dimension check resolution in TTVC v3
+
 ## 4.2.3
 
 ### Patch Changes

package/dist/cjs/ignore-holds/index.js

@@ -34,8 +34,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function UFOIgnoreHolds(_ref) {
   var children = _ref.children,
     _ref$ignore = _ref.ignore,
-    ignore = _ref$ignore === void 0 ? true : _ref$ignore,
-    reason = _ref.reason;
+    ignore = _ref$ignore === void 0 ? true : _ref$ignore;
   var parentContext = (0, _react.useContext)(_interactionContext.default);
   var ignoredInteractionContext = (0, _react.useMemo)(function () {
     if (!parentContext) {

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

@@ -107,15 +107,13 @@ function init(analyticsWebClientAsync, config) {
   (0, _hiddenTiming.setupHiddenTimingCapture)();
   (0, _additionalPayload.startLighthouseObserver)();
   initialized = true;
-  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({
-        type: 'event',
-        buffered: true,
-        durationThreshold: 16
-      });
-    }
+  if (typeof PerformanceObserver !== 'undefined') {
+    var observer = (0, _interactionsPerformanceObserver.getPerformanceObserver)();
+    observer.observe({
+      type: 'event',
+      buffered: true,
+      durationThreshold: 16
+    });
   }
   Promise.all([analyticsWebClientAsync, Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "create-payloads" */'../create-payload'));

package/dist/cjs/resource-timing/main.js

@@ -60,7 +60,7 @@ function getReportedInitiatorTypes(xhrEnabled) {
   }
   return ufoConfig.allowedResources;
 }
-function evaluateAccessToResourceTimings(url, entry) {
+function evaluateAccessToResourceTimings(_, entry) {
   return !(entry.responseStart === 0 && entry.startTime > entry.responseStart);
 }
 

package/dist/cjs/vc/no-op-vc-observer.js

@@ -15,7 +15,7 @@ var VCObserverNOOP = exports.VCObserverNOOP = /*#__PURE__*/function () {
   }
   return (0, _createClass2.default)(VCObserverNOOP, [{
     key: "start",
-    value: function start(startArg) {}
+    value: function start(_) {}
   }, {
     key: "stop",
     value: function stop() {}
@@ -26,19 +26,19 @@ var VCObserverNOOP = exports.VCObserverNOOP = /*#__PURE__*/function () {
     }
   }, {
     key: "getVCResult",
-    value: function getVCResult(param) {
+    value: function getVCResult(_) {
       return Promise.resolve({
         'ufo:vc:noop': true
       });
     }
   }, {
     key: "setSSRElement",
-    value: function setSSRElement(element) {}
+    value: function setSSRElement(_) {}
   }, {
     key: "setReactRootRenderStart",
-    value: function setReactRootRenderStart(startTime) {}
+    value: function setReactRootRenderStart(_) {}
   }, {
     key: "setReactRootRenderStop",
-    value: function setReactRootRenderStop(stopTime) {}
+    value: function setReactRootRenderStop(_) {}
   }]);
 }();

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

@@ -213,6 +213,8 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
       }
       return element;
     }
+
+    // NOTE - for use when the FG `platform_ufo_ssr_placeholder_resolution_ttvc_v3` is disabled
   }, {
     key: "checkIfExistedAndSizeMatching",
     value: function checkIfExistedAndSizeMatching(el) {
@@ -230,6 +232,15 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
         }
       });
     }
+
+    // NOTE - for use when the FG `platform_ufo_ssr_placeholder_resolution_ttvc_v3` is enabled
+  }, {
+    key: "checkIfExistedAndSizeMatchingV3",
+    value: function checkIfExistedAndSizeMatchingV3(el) {
+      el = this.findNearestPlaceholderContainerIfIgnored(el);
+      var id = this.getPlaceholderId(el);
+      return this.staticPlaceholders.has(id);
+    }
   }, {
     key: "getSize",
     value: function getSize(el) {

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

@@ -113,12 +113,11 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
   }
   return (0, _createClass2.default)(VCObserverNew, [{
     key: "start",
-    value: function start(_ref2) {
+    value: function start(_) {
       var _this$viewportObserve,
         _window,
         _this2 = this,
         _this$windowEventObse;
-      var startTime = _ref2.startTime;
       // Reset SSR state on start (matches old VCObserver behavior)
       this.ssr = {
         state: SSRState.normal,
@@ -132,10 +131,10 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
         var abortListeners = window.__SSR_ABORT_LISTENERS__;
         var aborts = abortListeners.aborts;
         if (aborts && (0, _typeof2.default)(aborts) === 'object') {
-          Object.entries(aborts).forEach(function (_ref3) {
-            var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
-              key = _ref4[0],
-              time = _ref4[1];
+          Object.entries(aborts).forEach(function (_ref2) {
+            var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+              key = _ref3[0],
+              time = _ref3[1];
             if (typeof time === 'number') {
               _this2.entriesTimeline.push({
                 time: time,

package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/canvas-pixel.js

@@ -244,7 +244,7 @@ function calculateDrawnPixelsRaw(_x, _x2, _x3) {
   return _calculateDrawnPixelsRaw.apply(this, arguments);
 }
 function _calculateDrawnPixelsRaw() {
-  _calculateDrawnPixelsRaw = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(imageData, scaleFactor, arraySize) {
+  _calculateDrawnPixelsRaw = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(imageData, _, arraySize) {
     var data, arr, i, color, colorIndex;
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {

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

@@ -11,6 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _vcUtils = require("../../vc-observer/media-wrapper/vc-utils");
 var _isNonVisualStyleMutation = _interopRequireDefault(require("../../vc-observer/observers/non-visual-styles/is-non-visual-style-mutation"));
 var _rllPlaceholders = require("../../vc-observer/observers/rll-placeholders");
@@ -122,8 +123,8 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
               _iterator = _createForOfIteratorHelper(addedNodes);
               _context2.prev = 4;
               _loop = /*#__PURE__*/_regenerator.default.mark(function _loop() {
-                var _this$intersectionObs8;
-                var addedNodeRef, addedNode, ssrState, SSRStateEnum, _this$intersectionObs, _this$intersectionObs2, ssrPlaceholderHandler, result, _this$intersectionObs3, _result, _this$intersectionObs4, sameDeletedNode, isInIgnoreLsMarker, _this$intersectionObs5, _this$intersectionObs6, _checkWithinComponent, isWithinThirdPartySegment, _this$intersectionObs7;
+                var _this$intersectionObs9;
+                var addedNodeRef, addedNode, ssrState, SSRStateEnum, _this$intersectionObs, _this$intersectionObs2, ssrPlaceholderHandler, _this$intersectionObs3, result, _this$intersectionObs4, _result, _this$intersectionObs5, sameDeletedNode, isInIgnoreLsMarker, _this$intersectionObs6, _this$intersectionObs7, _checkWithinComponent, isWithinThirdPartySegment, _this$intersectionObs8;
                 return _regenerator.default.wrap(function _loop$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -171,44 +172,58 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
                       ssrState.state = SSRStateEnum.normal;
                     case 19:
                       if (!_this.getSSRPlaceholderHandler) {
-                        _context.next = 36;
+                        _context.next = 42;
                         break;
                       }
                       ssrPlaceholderHandler = _this.getSSRPlaceholderHandler();
                       if (!ssrPlaceholderHandler) {
-                        _context.next = 36;
+                        _context.next = 42;
                         break;
                       }
                       if (!(ssrPlaceholderHandler.isPlaceholder(addedNode) || ssrPlaceholderHandler.isPlaceholderIgnored(addedNode))) {
+                        _context.next = 35;
+                        break;
+                      }
+                      if (!(0, _platformFeatureFlags.fg)('platform_ufo_ssr_placeholder_resolution_ttvc_v3')) {
                         _context.next = 29;
                         break;
                       }
-                      _context.next = 25;
+                      if (!ssrPlaceholderHandler.checkIfExistedAndSizeMatchingV3(addedNode)) {
+                        _context.next = 27;
+                        break;
+                      }
+                      (_this$intersectionObs3 = _this.intersectionObserver) === null || _this$intersectionObs3 === void 0 || _this$intersectionObs3.watchAndTag(addedNode, 'mutation:ssr-placeholder');
+                      return _context.abrupt("return", 0);
+                    case 27:
+                      _context.next = 35;
+                      break;
+                    case 29:
+                      _context.next = 31;
                       return ssrPlaceholderHandler.checkIfExistedAndSizeMatching(addedNode);
-                    case 25:
+                    case 31:
                       result = _context.sent;
                       if (!(result !== false)) {
-                        _context.next = 29;
+                        _context.next = 35;
                         break;
                       }
-                      (_this$intersectionObs3 = _this.intersectionObserver) === null || _this$intersectionObs3 === void 0 || _this$intersectionObs3.watchAndTag(addedNode, 'mutation:ssr-placeholder');
+                      (_this$intersectionObs4 = _this.intersectionObserver) === null || _this$intersectionObs4 === void 0 || _this$intersectionObs4.watchAndTag(addedNode, 'mutation:ssr-placeholder');
                       return _context.abrupt("return", 0);
-                    case 29:
+                    case 35:
                       if (!(ssrPlaceholderHandler.isPlaceholderReplacement(addedNode) || ssrPlaceholderHandler.isPlaceholderIgnored(addedNode))) {
-                        _context.next = 36;
+                        _context.next = 42;
                         break;
                       }
-                      _context.next = 32;
+                      _context.next = 38;
                       return ssrPlaceholderHandler.validateReactComponentMatchToPlaceholder(addedNode);
-                    case 32:
+                    case 38:
                       _result = _context.sent;
                       if (!(_result !== false)) {
-                        _context.next = 36;
+                        _context.next = 42;
                         break;
                       }
-                      (_this$intersectionObs4 = _this.intersectionObserver) === null || _this$intersectionObs4 === void 0 || _this$intersectionObs4.watchAndTag(addedNode, 'mutation:ssr-placeholder');
+                      (_this$intersectionObs5 = _this.intersectionObserver) === null || _this$intersectionObs5 === void 0 || _this$intersectionObs5.watchAndTag(addedNode, 'mutation:ssr-placeholder');
                       return _context.abrupt("return", 0);
-                    case 36:
+                    case 42:
                       sameDeletedNode = removedNodes.find(function (ref) {
                         var n = ref.deref();
                         if (!n || !addedNode) {
@@ -218,29 +233,29 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
                       });
                       isInIgnoreLsMarker = (0, _isInVcIgnoreIfNoLayoutShiftMarker.default)(addedNode);
                       if (!(sameDeletedNode && isInIgnoreLsMarker)) {
-                        _context.next = 41;
+                        _context.next = 47;
                         break;
                       }
-                      (_this$intersectionObs5 = _this.intersectionObserver) === null || _this$intersectionObs5 === void 0 || _this$intersectionObs5.watchAndTag(addedNode, 'mutation:remount');
+                      (_this$intersectionObs6 = _this.intersectionObserver) === null || _this$intersectionObs6 === void 0 || _this$intersectionObs6.watchAndTag(addedNode, 'mutation:remount');
                       return _context.abrupt("return", 0);
-                    case 41:
+                    case 47:
                       if (!(0, _vcUtils.isContainedWithinMediaWrapper)(addedNode)) {
-                        _context.next = 44;
+                        _context.next = 50;
                         break;
                       }
-                      (_this$intersectionObs6 = _this.intersectionObserver) === null || _this$intersectionObs6 === void 0 || _this$intersectionObs6.watchAndTag(addedNode, 'mutation:media');
+                      (_this$intersectionObs7 = _this.intersectionObserver) === null || _this$intersectionObs7 === void 0 || _this$intersectionObs7.watchAndTag(addedNode, 'mutation:media');
                       return _context.abrupt("return", 0);
-                    case 44:
+                    case 50:
                       _checkWithinComponent = (0, _checkWithinComponent2.default)(addedNode, 'UFOThirdPartySegment', _this.mapIs3pResult), isWithinThirdPartySegment = _checkWithinComponent.isWithin;
                       if (!isWithinThirdPartySegment) {
-                        _context.next = 48;
+                        _context.next = 54;
                         break;
                       }
-                      (_this$intersectionObs7 = _this.intersectionObserver) === null || _this$intersectionObs7 === void 0 || _this$intersectionObs7.watchAndTag(addedNode, 'mutation:third-party-element');
+                      (_this$intersectionObs8 = _this.intersectionObserver) === null || _this$intersectionObs8 === void 0 || _this$intersectionObs8.watchAndTag(addedNode, 'mutation:third-party-element');
                       return _context.abrupt("return", 0);
-                    case 48:
-                      (_this$intersectionObs8 = _this.intersectionObserver) === null || _this$intersectionObs8 === void 0 || _this$intersectionObs8.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
-                    case 49:
+                    case 54:
+                      (_this$intersectionObs9 = _this.intersectionObserver) === null || _this$intersectionObs9 === void 0 || _this$intersectionObs9.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
+                    case 55:
                     case "end":
                       return _context.stop();
                   }
@@ -285,12 +300,12 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
       };
     }());
     (0, _defineProperty2.default)(this, "handleAttributeMutation", function (_ref6) {
-      var _this$intersectionObs9;
+      var _this$intersectionObs0;
       var target = _ref6.target,
         attributeName = _ref6.attributeName,
         oldValue = _ref6.oldValue,
         newValue = _ref6.newValue;
-      (_this$intersectionObs9 = _this.intersectionObserver) === null || _this$intersectionObs9 === void 0 || _this$intersectionObs9.watchAndTag(target, function (_ref7) {
+      (_this$intersectionObs0 = _this.intersectionObserver) === null || _this$intersectionObs0 === void 0 || _this$intersectionObs0.watchAndTag(target, function (_ref7) {
         var target = _ref7.target,
           rect = _ref7.rect;
         if ((0, _vcUtils.isContainedWithinMediaWrapper)(target)) {
@@ -430,12 +445,12 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
   }, {
     key: "stop",
     value: function stop() {
-      var _this$mutationObserve2, _this$intersectionObs0, _this$performanceObse2;
+      var _this$mutationObserve2, _this$intersectionObs1, _this$performanceObse2;
       if (!this.isStarted) {
         return;
       }
       (_this$mutationObserve2 = this.mutationObserver) === null || _this$mutationObserve2 === void 0 || _this$mutationObserve2.disconnect();
-      (_this$intersectionObs0 = this.intersectionObserver) === null || _this$intersectionObs0 === void 0 || _this$intersectionObs0.disconnect();
+      (_this$intersectionObs1 = this.intersectionObserver) === null || _this$intersectionObs1 === void 0 || _this$intersectionObs1.disconnect();
       (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 || _this$performanceObse2.disconnect();
       this.isStarted = false;
       // Clean up caches when stopping

package/dist/cjs/vc/vc-observer-new/viewport-observer/utils/check-within-component.js

@@ -25,6 +25,7 @@ function maybeCleanup(resultCache) {
 function cleanupCaches(resultCache) {
   resultCache = new WeakMap();
   callCount = 0;
+  return resultCache;
 }
 function checkWithinComponent(node, targetComponentName, resultCache) {
   maybeCleanup(resultCache);

package/dist/es2019/ignore-holds/index.js

@@ -21,8 +21,7 @@ import InteractionContext from '@atlaskit/interaction-context';
  */
 export default function UFOIgnoreHolds({
   children,
-  ignore = true,
-  reason
+  ignore = true
 }) {
   const parentContext = useContext(InteractionContext);
   const ignoredInteractionContext = useMemo(() => {

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

@@ -97,15 +97,13 @@ export function init(analyticsWebClientAsync, config) {
   setupHiddenTimingCapture();
   startLighthouseObserver();
   initialized = true;
-  if (fg('platform_ufo_enable_events_observer') || fg('platform_ufo_enable_interactivity_jsm')) {
-    if (typeof PerformanceObserver !== 'undefined') {
-      const observer = getPerformanceObserver();
-      observer.observe({
-        type: 'event',
-        buffered: true,
-        durationThreshold: 16
-      });
-    }
+  if (typeof PerformanceObserver !== 'undefined') {
+    const observer = getPerformanceObserver();
+    observer.observe({
+      type: 'event',
+      buffered: true,
+      durationThreshold: 16
+    });
   }
   Promise.all([analyticsWebClientAsync, import( /* webpackChunkName: "create-payloads" */'../create-payload'), import( /* webpackChunkName: "create-post-interaction-log-payload" */'../create-post-interaction-log-payload')]).then(([awc, payloadPackage, createPostInteractionLogPayloadPackage]) => {
     if (awc.getAnalyticsWebClientPromise) {

package/dist/es2019/resource-timing/main.js

@@ -50,7 +50,7 @@ function getReportedInitiatorTypes(xhrEnabled) {
   }
   return ufoConfig.allowedResources;
 }
-function evaluateAccessToResourceTimings(url, entry) {
+function evaluateAccessToResourceTimings(_, entry) {
   return !(entry.responseStart === 0 && entry.startTime > entry.responseStart);
 }
 

package/dist/es2019/vc/no-op-vc-observer.js

@@ -1,17 +1,17 @@
 // This class should be used on scenarios where VC can not be calculate
 // such as: SSR environment and legacy browsers
 export class VCObserverNOOP {
-  start(startArg) {}
+  start(_) {}
   stop() {}
   getVCRawData() {
     return null;
   }
-  getVCResult(param) {
+  getVCResult(_) {
     return Promise.resolve({
       'ufo:vc:noop': true
     });
   }
-  setSSRElement(element) {}
-  setReactRootRenderStart(startTime) {}
-  setReactRootRenderStop(stopTime) {}
+  setSSRElement(_) {}
+  setReactRootRenderStart(_) {}
+  setReactRootRenderStop(_) {}
 }

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

@@ -184,6 +184,8 @@ export class SSRPlaceholderHandlers {
     }
     return element;
   }
+
+  // NOTE - for use when the FG `platform_ufo_ssr_placeholder_resolution_ttvc_v3` is disabled
   checkIfExistedAndSizeMatching(el) {
     el = this.findNearestPlaceholderContainerIfIgnored(el);
     const id = this.getPlaceholderId(el);
@@ -198,6 +200,13 @@ export class SSRPlaceholderHandlers {
       }
     });
   }
+
+  // NOTE - for use when the FG `platform_ufo_ssr_placeholder_resolution_ttvc_v3` is enabled
+  checkIfExistedAndSizeMatchingV3(el) {
+    el = this.findNearestPlaceholderContainerIfIgnored(el);
+    const id = this.getPlaceholderId(el);
+    return this.staticPlaceholders.has(id);
+  }
   getSize(el) {
     return new Promise(resolve => {
       var _this$intersectionObs4;

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

@@ -94,9 +94,7 @@ export default class VCObserverNew {
       }
     });
   }
-  start({
-    startTime
-  }) {
+  start(_) {
     var _this$viewportObserve, _window, _this$windowEventObse;
     // Reset SSR state on start (matches old VCObserver behavior)
     this.ssr = {

package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/canvas-pixel.js

@@ -185,7 +185,7 @@ export function getRGBComponents(n) {
  * @param arraySize - The amount of timestamps that were drawn in the viewport
  * @returns A Map containing color to pixel count mappings.
  */
-export async function calculateDrawnPixelsRaw(imageData, scaleFactor, arraySize) {
+export async function calculateDrawnPixelsRaw(imageData, _, arraySize) {
   const data = imageData.data;
   const arr = new Uint32Array(arraySize);
   for (let i = 0; i < data.length; i += 4) {

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

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isContainedWithinMediaWrapper } from '../../vc-observer/media-wrapper/vc-utils';
 import isNonVisualStyleMutation from '../../vc-observer/observers/non-visual-styles/is-non-visual-style-mutation';
 import { RLLPlaceholderHandlers } from '../../vc-observer/observers/rll-placeholders';
@@ -100,7 +101,7 @@ export default class ViewportObserver {
       });
       const targetNode = target.deref();
       for (const addedNodeRef of addedNodes) {
-        var _this$intersectionObs8;
+        var _this$intersectionObs9;
         const addedNode = addedNodeRef.deref();
         if (!addedNode) {
           continue;
@@ -140,19 +141,27 @@ export default class ViewportObserver {
           const ssrPlaceholderHandler = this.getSSRPlaceholderHandler();
           if (ssrPlaceholderHandler) {
             if (ssrPlaceholderHandler.isPlaceholder(addedNode) || ssrPlaceholderHandler.isPlaceholderIgnored(addedNode)) {
-              const result = await ssrPlaceholderHandler.checkIfExistedAndSizeMatching(addedNode);
-              if (result !== false) {
-                var _this$intersectionObs3;
-                (_this$intersectionObs3 = this.intersectionObserver) === null || _this$intersectionObs3 === void 0 ? void 0 : _this$intersectionObs3.watchAndTag(addedNode, 'mutation:ssr-placeholder');
-                continue;
+              if (fg('platform_ufo_ssr_placeholder_resolution_ttvc_v3')) {
+                if (ssrPlaceholderHandler.checkIfExistedAndSizeMatchingV3(addedNode)) {
+                  var _this$intersectionObs3;
+                  (_this$intersectionObs3 = this.intersectionObserver) === null || _this$intersectionObs3 === void 0 ? void 0 : _this$intersectionObs3.watchAndTag(addedNode, 'mutation:ssr-placeholder');
+                  continue;
+                }
+              } else {
+                const result = await ssrPlaceholderHandler.checkIfExistedAndSizeMatching(addedNode);
+                if (result !== false) {
+                  var _this$intersectionObs4;
+                  (_this$intersectionObs4 = this.intersectionObserver) === null || _this$intersectionObs4 === void 0 ? void 0 : _this$intersectionObs4.watchAndTag(addedNode, 'mutation:ssr-placeholder');
+                  continue;
+                }
               }
               // If result is false, continue to normal mutation logic below
             }
             if (ssrPlaceholderHandler.isPlaceholderReplacement(addedNode) || ssrPlaceholderHandler.isPlaceholderIgnored(addedNode)) {
               const result = await ssrPlaceholderHandler.validateReactComponentMatchToPlaceholder(addedNode);
               if (result !== false) {
-                var _this$intersectionObs4;
-                (_this$intersectionObs4 = this.intersectionObserver) === null || _this$intersectionObs4 === void 0 ? void 0 : _this$intersectionObs4.watchAndTag(addedNode, 'mutation:ssr-placeholder');
+                var _this$intersectionObs5;
+                (_this$intersectionObs5 = this.intersectionObserver) === null || _this$intersectionObs5 === void 0 ? void 0 : _this$intersectionObs5.watchAndTag(addedNode, 'mutation:ssr-placeholder');
                 continue;
               }
               // If result is false, continue to normal mutation logic below
@@ -168,24 +177,24 @@ export default class ViewportObserver {
         });
         const isInIgnoreLsMarker = isInVCIgnoreIfNoLayoutShiftMarker(addedNode);
         if (sameDeletedNode && isInIgnoreLsMarker) {
-          var _this$intersectionObs5;
-          (_this$intersectionObs5 = this.intersectionObserver) === null || _this$intersectionObs5 === void 0 ? void 0 : _this$intersectionObs5.watchAndTag(addedNode, 'mutation:remount');
+          var _this$intersectionObs6;
+          (_this$intersectionObs6 = this.intersectionObserver) === null || _this$intersectionObs6 === void 0 ? void 0 : _this$intersectionObs6.watchAndTag(addedNode, 'mutation:remount');
           continue;
         }
         if (isContainedWithinMediaWrapper(addedNode)) {
-          var _this$intersectionObs6;
-          (_this$intersectionObs6 = this.intersectionObserver) === null || _this$intersectionObs6 === void 0 ? void 0 : _this$intersectionObs6.watchAndTag(addedNode, 'mutation:media');
+          var _this$intersectionObs7;
+          (_this$intersectionObs7 = this.intersectionObserver) === null || _this$intersectionObs7 === void 0 ? void 0 : _this$intersectionObs7.watchAndTag(addedNode, 'mutation:media');
           continue;
         }
         const {
           isWithin: isWithinThirdPartySegment
         } = checkWithinComponent(addedNode, 'UFOThirdPartySegment', this.mapIs3pResult);
         if (isWithinThirdPartySegment) {
-          var _this$intersectionObs7;
-          (_this$intersectionObs7 = this.intersectionObserver) === null || _this$intersectionObs7 === void 0 ? void 0 : _this$intersectionObs7.watchAndTag(addedNode, 'mutation:third-party-element');
+          var _this$intersectionObs8;
+          (_this$intersectionObs8 = this.intersectionObserver) === null || _this$intersectionObs8 === void 0 ? void 0 : _this$intersectionObs8.watchAndTag(addedNode, 'mutation:third-party-element');
           continue;
         }
-        (_this$intersectionObs8 = this.intersectionObserver) === null || _this$intersectionObs8 === void 0 ? void 0 : _this$intersectionObs8.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
+        (_this$intersectionObs9 = this.intersectionObserver) === null || _this$intersectionObs9 === void 0 ? void 0 : _this$intersectionObs9.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
       }
     });
     _defineProperty(this, "handleAttributeMutation", ({
@@ -194,8 +203,8 @@ export default class ViewportObserver {
       oldValue,
       newValue
     }) => {
-      var _this$intersectionObs9;
-      (_this$intersectionObs9 = this.intersectionObserver) === null || _this$intersectionObs9 === void 0 ? void 0 : _this$intersectionObs9.watchAndTag(target, ({
+      var _this$intersectionObs0;
+      (_this$intersectionObs0 = this.intersectionObserver) === null || _this$intersectionObs0 === void 0 ? void 0 : _this$intersectionObs0.watchAndTag(target, ({
         target,
         rect
       }) => {
@@ -322,12 +331,12 @@ export default class ViewportObserver {
     this.isStarted = true;
   }
   stop() {
-    var _this$mutationObserve2, _this$intersectionObs0, _this$performanceObse2;
+    var _this$mutationObserve2, _this$intersectionObs1, _this$performanceObse2;
     if (!this.isStarted) {
       return;
     }
     (_this$mutationObserve2 = this.mutationObserver) === null || _this$mutationObserve2 === void 0 ? void 0 : _this$mutationObserve2.disconnect();
-    (_this$intersectionObs0 = this.intersectionObserver) === null || _this$intersectionObs0 === void 0 ? void 0 : _this$intersectionObs0.disconnect();
+    (_this$intersectionObs1 = this.intersectionObserver) === null || _this$intersectionObs1 === void 0 ? void 0 : _this$intersectionObs1.disconnect();
     (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 ? void 0 : _this$performanceObse2.disconnect();
     this.isStarted = false;
     // Clean up caches when stopping

package/dist/es2019/vc/vc-observer-new/viewport-observer/utils/check-within-component.js

@@ -17,6 +17,7 @@ function maybeCleanup(resultCache) {
 export function cleanupCaches(resultCache) {
   resultCache = new WeakMap();
   callCount = 0;
+  return resultCache;
 }
 export default function checkWithinComponent(node, targetComponentName, resultCache) {
   maybeCleanup(resultCache);

package/dist/esm/ignore-holds/index.js

@@ -25,8 +25,7 @@ import InteractionContext from '@atlaskit/interaction-context';
 export default function UFOIgnoreHolds(_ref) {
   var children = _ref.children,
     _ref$ignore = _ref.ignore,
-    ignore = _ref$ignore === void 0 ? true : _ref$ignore,
-    reason = _ref.reason;
+    ignore = _ref$ignore === void 0 ? true : _ref$ignore;
   var parentContext = useContext(InteractionContext);
   var ignoredInteractionContext = useMemo(function () {
     if (!parentContext) {

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

@@ -98,15 +98,13 @@ export function init(analyticsWebClientAsync, config) {
   setupHiddenTimingCapture();
   startLighthouseObserver();
   initialized = true;
-  if (fg('platform_ufo_enable_events_observer') || fg('platform_ufo_enable_interactivity_jsm')) {
-    if (typeof PerformanceObserver !== 'undefined') {
-      var observer = getPerformanceObserver();
-      observer.observe({
-        type: 'event',
-        buffered: true,
-        durationThreshold: 16
-      });
-    }
+  if (typeof PerformanceObserver !== 'undefined') {
+    var observer = getPerformanceObserver();
+    observer.observe({
+      type: 'event',
+      buffered: true,
+      durationThreshold: 16
+    });
   }
   Promise.all([analyticsWebClientAsync, import( /* webpackChunkName: "create-payloads" */'../create-payload'), import( /* webpackChunkName: "create-post-interaction-log-payload" */'../create-post-interaction-log-payload')]).then(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 3),

package/dist/esm/resource-timing/main.js

@@ -53,7 +53,7 @@ function getReportedInitiatorTypes(xhrEnabled) {
   }
   return ufoConfig.allowedResources;
 }
-function evaluateAccessToResourceTimings(url, entry) {
+function evaluateAccessToResourceTimings(_, entry) {
   return !(entry.responseStart === 0 && entry.startTime > entry.responseStart);
 }