@atlaskit/react-ufo 4.1.13 → 4.2.1

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

@@ -5,7 +5,7 @@ import { RLLPlaceholderHandlers } from '../../vc-observer/observers/rll-placehol
 import { createIntersectionObserver } from './intersection-observer';
 import createMutationObserver from './mutation-observer';
 import createPerformanceObserver from './performance-observer';
-import checkWithinComponentAndExtractChildProps from './utils/check-within-component-and-extract-child-props';
+import checkWithinComponent, { cleanupCaches } from './utils/check-within-component';
 import isInVCIgnoreIfNoLayoutShiftMarker from './utils/is-in-vc-ignore-if-no-layout-shift-marker';
 function isElementVisible(element) {
   if (!(element instanceof HTMLElement)) {
@@ -179,7 +179,7 @@ export default class ViewportObserver {
         }
         const {
           isWithin: isWithinThirdPartySegment
-        } = checkWithinComponentAndExtractChildProps(addedNode, 'UFOThirdPartySegment');
+        } = 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');
@@ -234,19 +234,6 @@ export default class ViewportObserver {
             }
           };
         }
-        const {
-          isWithin: isWithinThirdPartySegment
-        } = checkWithinComponentAndExtractChildProps(target, 'UFOThirdPartySegment');
-        if (isWithinThirdPartySegment) {
-          return {
-            type: 'mutation:third-party-element',
-            mutationData: {
-              attributeName,
-              oldValue,
-              newValue
-            }
-          };
-        }
         const lastElementRect = this.mapVisibleNodeRects.get(target);
         if (lastElementRect && sameRectSize(rect, lastElementRect)) {
           return {
@@ -267,6 +254,7 @@ export default class ViewportObserver {
           }
         };
       });
+      // }
     });
     _defineProperty(this, "handleLayoutShift", ({
       time,
@@ -287,6 +275,7 @@ export default class ViewportObserver {
       }
     });
     this.mapVisibleNodeRects = new WeakMap();
+    this.mapIs3pResult = new WeakMap();
     this.onChange = onChange;
     this.isStarted = false;
     this.intersectionObserver = null;
@@ -341,5 +330,7 @@ export default class ViewportObserver {
     (_this$intersectionObs0 = this.intersectionObserver) === null || _this$intersectionObs0 === void 0 ? void 0 : _this$intersectionObs0.disconnect();
     (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 ? void 0 : _this$performanceObse2.disconnect();
     this.isStarted = false;
+    // Clean up caches when stopping
+    cleanupCaches(this.mapIs3pResult);
   }
 }

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

@@ -0,0 +1,19 @@
+import getComponentName from './get-component-name';
+
+// Helper to check fiber within component
+export default function checkFiberWithinComponent(fiber, targetComponentName, maxLevel) {
+  // Stop when no more levels to traverse
+  if (maxLevel <= 0) {
+    return false;
+  }
+  if (!fiber) {
+    return false;
+  }
+  const componentName = getComponentName(fiber);
+  if (componentName === targetComponentName) {
+    return true;
+  }
+
+  // Recursively traverse up the fiber tree
+  return checkFiberWithinComponent(fiber.return, targetComponentName, maxLevel - 1);
+}

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

@@ -0,0 +1,55 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+import coinflip from '../../../../coinflip';
+import checkFiberWithinComponent from './check-fiber-within-component';
+import findFiberWithCache from './find-fiber-with-cache';
+import findReactFiber from './find-react-fiber';
+const DEFAULT_MAX_LEVEL = 20;
+
+// Cache cleanup
+let callCount = 0;
+const CLEANUP_THRESHOLD = 50;
+function maybeCleanup(resultCache) {
+  callCount++;
+  if (callCount >= CLEANUP_THRESHOLD && coinflip(0.3)) {
+    cleanupCaches(resultCache);
+  }
+}
+export function cleanupCaches(resultCache) {
+  resultCache = new WeakMap();
+  callCount = 0;
+}
+export default function checkWithinComponent(node, targetComponentName, resultCache) {
+  maybeCleanup(resultCache);
+  if (resultCache.has(node)) {
+    var _resultCache$get;
+    return {
+      isWithin: (_resultCache$get = resultCache.get(node)) !== null && _resultCache$get !== void 0 ? _resultCache$get : false
+    };
+  }
+  let fiber = null;
+  let checkedNodes = [];
+  if (fg('platform_ufo_handle_non_react_element_for_3p')) {
+    fiber = findFiberWithCache(node, DEFAULT_MAX_LEVEL, checkedNodes);
+  } else {
+    fiber = findReactFiber(node);
+  }
+  if (!fiber) {
+    if (fg('platform_ufo_handle_non_react_element_for_3p')) {
+      checkedNodes.forEach(checkedNode => {
+        resultCache.set(checkedNode, false);
+      });
+    }
+    return {
+      isWithin: false
+    };
+  }
+  const isWithin = checkFiberWithinComponent(fiber, targetComponentName, DEFAULT_MAX_LEVEL);
+  if (fg('platform_ufo_handle_non_react_element_for_3p')) {
+    checkedNodes.forEach(checkedNode => {
+      resultCache.set(checkedNode, isWithin);
+    });
+  }
+  return {
+    isWithin
+  };
+}

package/dist/es2019/vc/vc-observer-new/viewport-observer/utils/find-fiber-with-cache.js

@@ -0,0 +1,21 @@
+import findReactFiber from './find-react-fiber';
+export default function findFiberWithCache(element, maxLevel, checkedNodes) {
+  // Stop when no more levels to traverse
+  if (maxLevel <= 0) {
+    return null;
+  }
+  checkedNodes.push(element);
+  const fiber = findReactFiber(element);
+  if (fiber) {
+    return fiber;
+  }
+
+  // Walk up the DOM tree to find the fiber
+  const parent = element.parentElement;
+  if (!parent) {
+    return null;
+  }
+
+  // Recursively check parent
+  return findFiberWithCache(parent, maxLevel - 1, checkedNodes);
+}

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

@@ -888,8 +888,7 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
-      disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
     };
     vcObserver = newVCObserver(vcOptions);
   }

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

@@ -86,8 +86,7 @@ export function init(analyticsWebClientAsync, config) {
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
-      disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
     };
     postInteractionLog.initializeVCObserver(vcOptions);
     if (config !== null && config !== void 0 && (_config$experimentalI = config.experimentalInteractionMetrics) !== null && _config$experimentalI !== void 0 && _config$experimentalI.enabled) {

package/dist/esm/vc/index.js

@@ -15,7 +15,7 @@ import { RLLPlaceholderHandlers } from './vc-observer/observers/rll-placeholders
 import { SSRPlaceholderHandlers } from './vc-observer/observers/ssr-placeholders';
 export var VCObserverWrapper = /*#__PURE__*/function () {
   function VCObserverWrapper() {
-    var _opts$ssrEnablePageLa, _opts$disableSizeAndP;
+    var _opts$ssrEnablePageLa;
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, VCObserverWrapper);
     this.newVCObserver = null;
@@ -23,23 +23,15 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
 
     // Initialize SSR placeholder handler once
     this.ssrPlaceholderHandler = new SSRPlaceholderHandlers({
-      enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa !== void 0 ? _opts$ssrEnablePageLa : false,
-      disableSizeAndPositionCheck: (_opts$disableSizeAndP = opts.disableSizeAndPositionCheck) !== null && _opts$disableSizeAndP !== void 0 ? _opts$disableSizeAndP : {
-        v: false,
-        h: false
-      }
+      enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa !== void 0 ? _opts$ssrEnablePageLa : false
     });
     if (isVCRevisionEnabled('fy25.03')) {
-      var _opts$ssrEnablePageLa2, _opts$disableSizeAndP2;
+      var _opts$ssrEnablePageLa2;
       this.newVCObserver = new VCObserverNew({
         selectorConfig: opts.selectorConfig,
         isPostInteraction: opts.isPostInteraction,
         SSRConfig: {
-          enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa2 = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa2 !== void 0 ? _opts$ssrEnablePageLa2 : false,
-          disableSizeAndPositionCheck: (_opts$disableSizeAndP2 = opts.disableSizeAndPositionCheck) !== null && _opts$disableSizeAndP2 !== void 0 ? _opts$disableSizeAndP2 : {
-            v: false,
-            h: false
-          }
+          enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa2 = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa2 !== void 0 ? _opts$ssrEnablePageLa2 : false
         },
         ssrPlaceholderHandler: this.ssrPlaceholderHandler
       });

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

@@ -454,7 +454,6 @@ export var VCObserver = /*#__PURE__*/function () {
     this.devToolsEnabled = options.devToolsEnabled || false;
     this.oldDomUpdatesEnabled = options.oldDomUpdates || false;
     var ssrEnablePageLayoutPlaceholder = options.ssrEnablePageLayoutPlaceholder,
-      disableSizeAndPositionCheck = options.disableSizeAndPositionCheck,
       ssrPlaceholderHandler = options.ssrPlaceholderHandler;
     this.observers = new Observers({
       selectorConfig: options.selectorConfig || {
@@ -465,8 +464,7 @@ export var VCObserver = /*#__PURE__*/function () {
         dataVC: true
       },
       SSRConfig: {
-        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false,
-        disableSizeAndPositionCheck: disableSizeAndPositionCheck
+        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false
       },
       ssrPlaceholderHandler: ssrPlaceholderHandler
     });

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

@@ -70,10 +70,9 @@ export var Observers = /*#__PURE__*/function () {
     if (opts.ssrPlaceholderHandler) {
       this.ssrPlaceholderHandler = opts.ssrPlaceholderHandler;
     } else {
-      var _opts$SSRConfig, _opts$SSRConfig2;
+      var _opts$SSRConfig;
       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
+        enablePageLayoutPlaceholder: (_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder
       });
     }
   }

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

@@ -7,12 +7,7 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
   function SSRPlaceholderHandlers(_ref) {
     var _this = this;
     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;
+      enablePageLayoutPlaceholder = _ref$enablePageLayout === void 0 ? false : _ref$enablePageLayout;
     _classCallCheck(this, SSRPlaceholderHandlers);
     _defineProperty(this, "staticPlaceholders", new Map());
     _defineProperty(this, "callbacks", new Map());
@@ -101,7 +96,6 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
       });
     }
     this.enablePageLayoutPlaceholder = enablePageLayoutPlaceholder;
-    this.disableSizeAndPositionCheck = disableSizeAndPositionCheck;
     if (window.document) {
       try {
         // Collect initial placeholders using SSR dimensions
@@ -259,15 +253,11 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
   }, {
     key: "hasSameSizePosition",
     value: function hasSameSizePosition(rect, boundingClientRect) {
-      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;
+      var horizontalCheck = Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD;
+      var verticalCheck = Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD;
       return horizontalCheck && verticalCheck || false;
     }
   }, {

package/dist/esm/vc/vc-observer-new/get-element-name.js

@@ -1,7 +1,35 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 var nameCache = new WeakMap();
 function getElementName(selectorConfig, element) {
   if (!(element instanceof HTMLElement)) {
-    return 'error';
+    if (fg('platform_ufo_report_non_htmlelement_selectors')) {
+      var elementInstance = 'Unknown';
+
+      // Types of elements according to LLM
+      if (element instanceof Document) {
+        elementInstance = 'Document';
+      } else if (element instanceof DocumentFragment) {
+        elementInstance = 'DocumentFragment';
+      } else if (element instanceof Text) {
+        elementInstance = 'Text';
+      } else if (element instanceof Comment) {
+        elementInstance = 'Comment';
+      } else if (element instanceof ProcessingInstruction) {
+        elementInstance = 'ProcessingInstruction';
+      } else if (element instanceof Attr) {
+        elementInstance = 'Attr';
+      } else if (element instanceof CDATASection) {
+        elementInstance = 'CDATASection';
+      }
+      if (element.parentElement && element.parentElement instanceof HTMLElement) {
+        var parentElementSelector = getElementName(selectorConfig, element.parentElement);
+        return "".concat(parentElementSelector, " > ").concat(elementInstance);
+      } else {
+        return elementInstance;
+      }
+    } else {
+      return 'error';
+    }
   }
   var cachedName = nameCache.get(element);
   if (cachedName) {

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

@@ -49,13 +49,9 @@ var VCObserverNew = /*#__PURE__*/function () {
     if (config.ssrPlaceholderHandler) {
       this.ssrPlaceholderHandler = config.ssrPlaceholderHandler;
     } else {
-      var _config$SSRConfig$ena, _config$SSRConfig, _config$SSRConfig$dis, _config$SSRConfig2;
+      var _config$SSRConfig$ena, _config$SSRConfig;
       this.ssrPlaceholderHandler = new SSRPlaceholderHandlers({
-        enablePageLayoutPlaceholder: (_config$SSRConfig$ena = (_config$SSRConfig = config.SSRConfig) === null || _config$SSRConfig === void 0 ? void 0 : _config$SSRConfig.enablePageLayoutPlaceholder) !== null && _config$SSRConfig$ena !== void 0 ? _config$SSRConfig$ena : false,
-        disableSizeAndPositionCheck: (_config$SSRConfig$dis = (_config$SSRConfig2 = config.SSRConfig) === null || _config$SSRConfig2 === void 0 ? void 0 : _config$SSRConfig2.disableSizeAndPositionCheck) !== null && _config$SSRConfig$dis !== void 0 ? _config$SSRConfig$dis : {
-          v: false,
-          h: false
-        }
+        enablePageLayoutPlaceholder: (_config$SSRConfig$ena = (_config$SSRConfig = config.SSRConfig) === null || _config$SSRConfig === void 0 ? void 0 : _config$SSRConfig.enablePageLayoutPlaceholder) !== null && _config$SSRConfig$ena !== void 0 ? _config$SSRConfig$ena : false
       });
     }
     this.viewportObserver = new ViewportObserver({

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

@@ -12,7 +12,7 @@ import { RLLPlaceholderHandlers } from '../../vc-observer/observers/rll-placehol
 import { createIntersectionObserver } from './intersection-observer';
 import createMutationObserver from './mutation-observer';
 import createPerformanceObserver from './performance-observer';
-import checkWithinComponentAndExtractChildProps from './utils/check-within-component-and-extract-child-props';
+import checkWithinComponent, { cleanupCaches } from './utils/check-within-component';
 import isInVCIgnoreIfNoLayoutShiftMarker from './utils/is-in-vc-ignore-if-no-layout-shift-marker';
 function isElementVisible(element) {
   if (!(element instanceof HTMLElement)) {
@@ -222,7 +222,7 @@ var ViewportObserver = /*#__PURE__*/function () {
                       (_this$intersectionObs6 = _this.intersectionObserver) === null || _this$intersectionObs6 === void 0 || _this$intersectionObs6.watchAndTag(addedNode, 'mutation:media');
                       return _context.abrupt("return", 0);
                     case 44:
-                      _checkWithinComponent = checkWithinComponentAndExtractChildProps(addedNode, 'UFOThirdPartySegment'), isWithinThirdPartySegment = _checkWithinComponent.isWithin;
+                      _checkWithinComponent = checkWithinComponent(addedNode, 'UFOThirdPartySegment', _this.mapIs3pResult), isWithinThirdPartySegment = _checkWithinComponent.isWithin;
                       if (!isWithinThirdPartySegment) {
                         _context.next = 48;
                         break;
@@ -319,18 +319,6 @@ var ViewportObserver = /*#__PURE__*/function () {
             }
           };
         }
-        var _checkWithinComponent2 = checkWithinComponentAndExtractChildProps(target, 'UFOThirdPartySegment'),
-          isWithinThirdPartySegment = _checkWithinComponent2.isWithin;
-        if (isWithinThirdPartySegment) {
-          return {
-            type: 'mutation:third-party-element',
-            mutationData: {
-              attributeName: attributeName,
-              oldValue: oldValue,
-              newValue: newValue
-            }
-          };
-        }
         var lastElementRect = _this.mapVisibleNodeRects.get(target);
         if (lastElementRect && sameRectSize(rect, lastElementRect)) {
           return {
@@ -351,6 +339,7 @@ var ViewportObserver = /*#__PURE__*/function () {
           }
         };
       });
+      // }
     });
     _defineProperty(this, "handleLayoutShift", function (_ref8) {
       var time = _ref8.time,
@@ -379,6 +368,7 @@ var ViewportObserver = /*#__PURE__*/function () {
       }
     });
     this.mapVisibleNodeRects = new WeakMap();
+    this.mapIs3pResult = new WeakMap();
     this.onChange = onChange;
     this.isStarted = false;
     this.intersectionObserver = null;
@@ -439,6 +429,8 @@ var ViewportObserver = /*#__PURE__*/function () {
       (_this$intersectionObs0 = this.intersectionObserver) === null || _this$intersectionObs0 === void 0 || _this$intersectionObs0.disconnect();
       (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 || _this$performanceObse2.disconnect();
       this.isStarted = false;
+      // Clean up caches when stopping
+      cleanupCaches(this.mapIs3pResult);
     }
   }]);
 }();

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

@@ -0,0 +1,19 @@
+import getComponentName from './get-component-name';
+
+// Helper to check fiber within component
+export default function checkFiberWithinComponent(fiber, targetComponentName, maxLevel) {
+  // Stop when no more levels to traverse
+  if (maxLevel <= 0) {
+    return false;
+  }
+  if (!fiber) {
+    return false;
+  }
+  var componentName = getComponentName(fiber);
+  if (componentName === targetComponentName) {
+    return true;
+  }
+
+  // Recursively traverse up the fiber tree
+  return checkFiberWithinComponent(fiber.return, targetComponentName, maxLevel - 1);
+}

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

@@ -0,0 +1,55 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+import coinflip from '../../../../coinflip';
+import checkFiberWithinComponent from './check-fiber-within-component';
+import findFiberWithCache from './find-fiber-with-cache';
+import findReactFiber from './find-react-fiber';
+var DEFAULT_MAX_LEVEL = 20;
+
+// Cache cleanup
+var callCount = 0;
+var CLEANUP_THRESHOLD = 50;
+function maybeCleanup(resultCache) {
+  callCount++;
+  if (callCount >= CLEANUP_THRESHOLD && coinflip(0.3)) {
+    cleanupCaches(resultCache);
+  }
+}
+export function cleanupCaches(resultCache) {
+  resultCache = new WeakMap();
+  callCount = 0;
+}
+export default function checkWithinComponent(node, targetComponentName, resultCache) {
+  maybeCleanup(resultCache);
+  if (resultCache.has(node)) {
+    var _resultCache$get;
+    return {
+      isWithin: (_resultCache$get = resultCache.get(node)) !== null && _resultCache$get !== void 0 ? _resultCache$get : false
+    };
+  }
+  var fiber = null;
+  var checkedNodes = [];
+  if (fg('platform_ufo_handle_non_react_element_for_3p')) {
+    fiber = findFiberWithCache(node, DEFAULT_MAX_LEVEL, checkedNodes);
+  } else {
+    fiber = findReactFiber(node);
+  }
+  if (!fiber) {
+    if (fg('platform_ufo_handle_non_react_element_for_3p')) {
+      checkedNodes.forEach(function (checkedNode) {
+        resultCache.set(checkedNode, false);
+      });
+    }
+    return {
+      isWithin: false
+    };
+  }
+  var isWithin = checkFiberWithinComponent(fiber, targetComponentName, DEFAULT_MAX_LEVEL);
+  if (fg('platform_ufo_handle_non_react_element_for_3p')) {
+    checkedNodes.forEach(function (checkedNode) {
+      resultCache.set(checkedNode, isWithin);
+    });
+  }
+  return {
+    isWithin: isWithin
+  };
+}

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/find-fiber-with-cache.js

@@ -0,0 +1,21 @@
+import findReactFiber from './find-react-fiber';
+export default function findFiberWithCache(element, maxLevel, checkedNodes) {
+  // Stop when no more levels to traverse
+  if (maxLevel <= 0) {
+    return null;
+  }
+  checkedNodes.push(element);
+  var fiber = findReactFiber(element);
+  if (fiber) {
+    return fiber;
+  }
+
+  // Walk up the DOM tree to find the fiber
+  var parent = element.parentElement;
+  if (!parent) {
+    return null;
+  }
+
+  // Recursively check parent
+  return findFiberWithCache(parent, maxLevel - 1, checkedNodes);
+}

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

@@ -77,10 +77,6 @@ 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;

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

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

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

@@ -12,10 +12,6 @@ type ConstructorOptions = {
     selectorConfig: SelectorConfig;
     SSRConfig?: {
         enablePageLayoutPlaceholder: boolean;
-        disableSizeAndPositionCheck?: {
-            v: boolean;
-            h: boolean;
-        };
     };
     ssrPlaceholderHandler?: SSRPlaceholderHandlers | null;
 };

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

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

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

@@ -7,10 +7,6 @@ export type VCObserverNewConfig = {
     isPostInteraction?: boolean;
     SSRConfig?: {
         enablePageLayoutPlaceholder?: boolean;
-        disableSizeAndPositionCheck?: {
-            v: boolean;
-            h: boolean;
-        };
     };
     ssrPlaceholderHandler?: SSRPlaceholderHandlers | null;
 };

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

@@ -18,6 +18,7 @@ export default class ViewportObserver {
     private mutationObserver;
     private performanceObserver;
     private mapVisibleNodeRects;
+    private mapIs3pResult;
     private onChange;
     private isStarted;
     private getSSRState?;

package/dist/types/vc/vc-observer-new/viewport-observer/utils/check-fiber-within-component.d.ts

@@ -0,0 +1 @@
+export default function checkFiberWithinComponent(fiber: any, targetComponentName: string, maxLevel: number): boolean;

package/dist/types/vc/vc-observer-new/viewport-observer/utils/check-within-component.d.ts

@@ -0,0 +1,4 @@
+export declare function cleanupCaches(resultCache: WeakMap<HTMLElement, boolean>): void;
+export default function checkWithinComponent(node: HTMLElement, targetComponentName: string, resultCache: WeakMap<HTMLElement, boolean>): {
+    isWithin: boolean;
+};

package/dist/types/vc/vc-observer-new/viewport-observer/utils/find-fiber-with-cache.d.ts

@@ -0,0 +1 @@
+export default function findFiberWithCache(element: HTMLElement, maxLevel: number, checkedNodes: HTMLElement[]): any | null;

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

@@ -77,10 +77,6 @@ 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;

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

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

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

@@ -12,10 +12,6 @@ type ConstructorOptions = {
     selectorConfig: SelectorConfig;
     SSRConfig?: {
         enablePageLayoutPlaceholder: boolean;
-        disableSizeAndPositionCheck?: {
-            v: boolean;
-            h: boolean;
-        };
     };
     ssrPlaceholderHandler?: SSRPlaceholderHandlers | null;
 };