@atlaskit/react-ufo 4.1.12 → 4.2.0

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

@@ -575,6 +575,7 @@ function finishInteraction(id, data) {
   data.end = endTime;
   try {
     // for Firefox 102 and older
+
     if (fg('ufo_chrome_devtools_uplift')) {
       performance.measure("\uD83D\uDEF8 [".concat(data.type, "] ").concat(data.ufoName, " [ttai]"), {
         start: data.start,
@@ -587,6 +588,14 @@ function finishInteraction(id, data) {
           }
         }
       });
+      performance.mark("TTAI", {
+        startTime: data.end,
+        detail: {
+          devtools: {
+            dataType: 'marker'
+          }
+        }
+      });
     } else {
       performance.measure("\uD83D\uDEF8 [".concat(data.type, "] ").concat(data.ufoName, " [ttai]"), {
         start: data.start,
@@ -879,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);
   }
@@ -1028,6 +1036,14 @@ export function addApdexToAll(apdex) {
             }
           }
         });
+        performance.mark("[bm3] TTI", {
+          startTime: apdex.stopTime,
+          detail: {
+            devtools: {
+              dataType: 'marker'
+            }
+          }
+        });
       } else {
         var _apdex$startTime2;
         performance.measure("\uD83D\uDEF8 ".concat(apdex.key, " [bm3_tti]"), {
@@ -1062,6 +1078,14 @@ export function addApdex(interactionId, apdexInfo) {
             }
           }
         });
+        performance.mark("[bm3] TTI", {
+          startTime: apdexInfo.stopTime,
+          detail: {
+            devtools: {
+              dataType: 'marker'
+            }
+          }
+        });
       } else {
         var _apdexInfo$startTime2;
         performance.measure("\uD83D\uDEF8 ".concat(apdexInfo.key, " [bm3_tti]"), {

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

@@ -7,7 +7,6 @@ var _process;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../config';
 import { VCObserverNOOP } from './no-op-vc-observer';
 import { VCObserver } from './vc-observer';
@@ -16,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;
@@ -24,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
       });
@@ -159,17 +150,16 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
               _context.t1 = [];
             case 16:
               v3Result = _context.t1;
-              fg('ufo_chrome_devtools_uplift') && this.addPerformanceMeasures(param.start, [].concat(_toConsumableArray((v1v2Result === null || v1v2Result === void 0 ? void 0 : v1v2Result['ufo:vc:rev']) || []), _toConsumableArray(v3Result !== null && v3Result !== void 0 ? v3Result : [])));
               if (v3Result) {
-                _context.next = 20;
+                _context.next = 19;
                 break;
               }
               return _context.abrupt("return", v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {});
-            case 20:
+            case 19:
               return _context.abrupt("return", _objectSpread(_objectSpread({}, v1v2Result), {}, {
                 'ufo:vc:rev': [].concat(_toConsumableArray((_ref2 = v1v2Result === null || v1v2Result === void 0 ? void 0 : v1v2Result['ufo:vc:rev']) !== null && _ref2 !== void 0 ? _ref2 : []), _toConsumableArray(v3Result !== null && v3Result !== void 0 ? v3Result : []))
               }));
-            case 21:
+            case 20:
             case "end":
               return _context.stop();
           }
@@ -206,48 +196,6 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
     value: function collectSSRPlaceholders() {
       this.ssrPlaceholderHandler.collectExistingPlaceholders();
     }
-  }, {
-    key: "addPerformanceMeasures",
-    value: function addPerformanceMeasures(start, measures) {
-      try {
-        measures.forEach(function (entry) {
-          var _entry$vcDetails;
-          if (!entry || !entry.vcDetails) {
-            return;
-          }
-          var VCParts = Object.keys(entry.vcDetails);
-          performance.measure("VC90 (".concat(entry.revision, ")"), {
-            start: start,
-            duration: (_entry$vcDetails = entry.vcDetails) === null || _entry$vcDetails === void 0 || (_entry$vcDetails = _entry$vcDetails['90']) === null || _entry$vcDetails === void 0 ? void 0 : _entry$vcDetails.t,
-            detail: {
-              devtools: {
-                track: "main metrics",
-                trackGroup: '🛸 reactUFO metrics',
-                color: 'tertiary'
-              }
-            }
-          });
-          VCParts.forEach(function (key) {
-            var _entry$vcDetails2;
-            var duration = (_entry$vcDetails2 = entry.vcDetails) === null || _entry$vcDetails2 === void 0 ? void 0 : _entry$vcDetails2[key].t;
-            if (typeof duration !== 'number') {
-              return;
-            }
-            performance.measure("VC".concat(key), {
-              start: start,
-              duration: duration,
-              detail: {
-                devtools: {
-                  track: "VC ".concat(entry.revision),
-                  trackGroup: '🛸 reactUFO metrics',
-                  color: key === '90' ? 'tertiary' : 'primary-light'
-                }
-              }
-            });
-          });
-        });
-      } catch (error) {}
-    }
   }]);
 }();
 

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/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/create-payload/utils/add-performance-measures.d.ts

@@ -0,0 +1,2 @@
+import type { RevisionPayload } from '../../common/vc/types';
+export declare const addPerformanceMeasures: (start: number, measures: RevisionPayload) => void;

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

@@ -12,7 +12,8 @@ export type SSRFeatureFlags = {
 };
 export type SSRConfig = {
     /**
-     * Used to represent whether SSR as a whole was considered successful. You can consider this the success of the "render" phase success
+     * Used to represent whether SSR as a whole was considered successful. You can consider this the success of the "render" phase success.
+     * Also may be used as the FMP mark
      */
     getDoneMark: () => number | null;
     /**
@@ -31,6 +32,10 @@ export type SSRConfig = {
          * This is generally expected to be earlier than / independant of the prefetch data and may even be non-visual (eg: <link rel="preload" href="..."> tags).
          */
         earlyFlush?: boolean;
+        /**
+         * "done" if present can override the presence / absence of the done mark in the overral SSR success status ('ssr:success').
+         */
+        done?: boolean;
     };
     getFeatureFlags: () => SSRFeatureFlags | null;
     getTimings?: () => ReportedTimings | null;
@@ -41,6 +46,7 @@ export declare function getSSRSuccess(): boolean;
 export declare function getSSRPhaseSuccess(): {
     prefetch?: boolean;
     earlyFlush?: boolean;
+    done?: boolean;
 } | undefined;
 export declare function getSSRDoneTime(): number | undefined;
 export declare function getSSRFeatureFlags(): SSRFeatureFlags | undefined;

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

@@ -21,7 +21,6 @@ export declare class VCObserverWrapper implements VCObserverInterface {
     setReactRootRenderStart(startTime: number): void;
     setReactRootRenderStop(stopTime: number): void;
     collectSSRPlaceholders(): void;
-    private addPerformanceMeasures;
 }
 export declare function isEnvironmentSupported(): boolean;
 export declare function getVCObserver(opts?: VCObserverOptions): VCObserverInterface;

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/create-payload/utils/add-performance-measures.d.ts

@@ -0,0 +1,2 @@
+import type { RevisionPayload } from '../../common/vc/types';
+export declare const addPerformanceMeasures: (start: number, measures: RevisionPayload) => void;

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

@@ -12,7 +12,8 @@ export type SSRFeatureFlags = {
 };
 export type SSRConfig = {
     /**
-     * Used to represent whether SSR as a whole was considered successful. You can consider this the success of the "render" phase success
+     * Used to represent whether SSR as a whole was considered successful. You can consider this the success of the "render" phase success.
+     * Also may be used as the FMP mark
      */
     getDoneMark: () => number | null;
     /**
@@ -31,6 +32,10 @@ export type SSRConfig = {
          * This is generally expected to be earlier than / independant of the prefetch data and may even be non-visual (eg: <link rel="preload" href="..."> tags).
          */
         earlyFlush?: boolean;
+        /**
+         * "done" if present can override the presence / absence of the done mark in the overral SSR success status ('ssr:success').
+         */
+        done?: boolean;
     };
     getFeatureFlags: () => SSRFeatureFlags | null;
     getTimings?: () => ReportedTimings | null;
@@ -41,6 +46,7 @@ export declare function getSSRSuccess(): boolean;
 export declare function getSSRPhaseSuccess(): {
     prefetch?: boolean;
     earlyFlush?: boolean;
+    done?: boolean;
 } | undefined;
 export declare function getSSRDoneTime(): number | undefined;
 export declare function getSSRFeatureFlags(): SSRFeatureFlags | undefined;

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

@@ -21,7 +21,6 @@ export declare class VCObserverWrapper implements VCObserverInterface {
     setReactRootRenderStart(startTime: number): void;
     setReactRootRenderStop(stopTime: number): void;
     collectSSRPlaceholders(): void;
-    private addPerformanceMeasures;
 }
 export declare function isEnvironmentSupported(): boolean;
 export declare function getVCObserver(opts?: VCObserverOptions): VCObserverInterface;

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;
 };