@atlaskit/react-ufo 4.2.3 → 4.2.5

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

@@ -8,7 +8,7 @@ export var VCObserverNOOP = /*#__PURE__*/function () {
   }
   return _createClass(VCObserverNOOP, [{
     key: "start",
-    value: function start(startArg) {}
+    value: function start(_) {}
   }, {
     key: "stop",
     value: function stop() {}
@@ -19,19 +19,19 @@ export var 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/esm/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -206,6 +206,8 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
       }
       return element;
     }
+
+    // NOTE - for use when the FG `platform_ufo_ssr_placeholder_resolution_ttvc_v3` is disabled
   }, {
     key: "checkIfExistedAndSizeMatching",
     value: function checkIfExistedAndSizeMatching(el) {
@@ -223,6 +225,15 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
         }
       });
     }
+
+    // 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/esm/vc/vc-observer-new/index.js

@@ -106,12 +106,11 @@ var VCObserverNew = /*#__PURE__*/function () {
   }
   return _createClass(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,
@@ -125,10 +124,10 @@ var VCObserverNew = /*#__PURE__*/function () {
         var abortListeners = window.__SSR_ABORT_LISTENERS__;
         var aborts = abortListeners.aborts;
         if (aborts && _typeof(aborts) === 'object') {
-          Object.entries(aborts).forEach(function (_ref3) {
-            var _ref4 = _slicedToArray(_ref3, 2),
-              key = _ref4[0],
-              time = _ref4[1];
+          Object.entries(aborts).forEach(function (_ref2) {
+            var _ref3 = _slicedToArray(_ref2, 2),
+              key = _ref3[0],
+              time = _ref3[1];
             if (typeof time === 'number') {
               _this2.entriesTimeline.push({
                 time: time,

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

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

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

@@ -6,6 +6,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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';
@@ -113,8 +114,8 @@ var ViewportObserver = /*#__PURE__*/function () {
               _iterator = _createForOfIteratorHelper(addedNodes);
               _context2.prev = 4;
               _loop = /*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.wrap(function _loop$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -162,44 +163,58 @@ var ViewportObserver = /*#__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 (!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) {
@@ -209,29 +224,29 @@ var ViewportObserver = /*#__PURE__*/function () {
                       });
                       isInIgnoreLsMarker = isInVCIgnoreIfNoLayoutShiftMarker(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 (!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 = checkWithinComponent(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();
                   }
@@ -276,12 +291,12 @@ var ViewportObserver = /*#__PURE__*/function () {
       };
     }());
     _defineProperty(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 (isContainedWithinMediaWrapper(target)) {
@@ -421,12 +436,12 @@ var ViewportObserver = /*#__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/esm/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/types/ignore-holds/index.d.ts

@@ -24,7 +24,7 @@ export type UFOIgnoreHoldsProps = {
  * Has an `ignore` prop, to allow you to use it conditionally
  * Has a `reason` prop, to specify why the hold is being ignored
  */
-declare function UFOIgnoreHolds({ children, ignore, reason }: UFOIgnoreHoldsProps): React.JSX.Element;
+declare function UFOIgnoreHolds({ children, ignore }: UFOIgnoreHoldsProps): React.JSX.Element;
 declare namespace UFOIgnoreHolds {
     var displayName: string;
 }

package/dist/types/vc/no-op-vc-observer.d.ts

@@ -1,13 +1,13 @@
 import type { VCResult } from '../common/vc/types';
 import type { GetVCResultType, VCObserverInterface } from './types';
 export declare class VCObserverNOOP implements VCObserverInterface {
-    start(startArg: {
+    start(_: {
         startTime: number;
     }): void;
     stop(): void;
     getVCRawData(): null;
-    getVCResult(param: GetVCResultType): Promise<VCResult>;
-    setSSRElement(element: HTMLElement): void;
-    setReactRootRenderStart(startTime: number): void;
-    setReactRootRenderStop(stopTime: number): void;
+    getVCResult(_: GetVCResultType): Promise<VCResult>;
+    setSSRElement(_: HTMLElement): void;
+    setReactRootRenderStart(_: number): void;
+    setReactRootRenderStop(_: number): void;
 }

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

@@ -30,6 +30,7 @@ export declare class SSRPlaceholderHandlers {
     isPlaceholderIgnored(element: HTMLElement): boolean;
     findNearestPlaceholderContainerIfIgnored(element: HTMLElement): HTMLElement;
     checkIfExistedAndSizeMatching(el: HTMLElement): Promise<unknown>;
+    checkIfExistedAndSizeMatchingV3(el: HTMLElement): boolean;
     getSize(el: HTMLElement): Promise<Rect>;
     validateReactComponentMatchToPlaceholder(el: HTMLElement): Promise<unknown>;
     hasSameSizePosition(rect: Rect | undefined, boundingClientRect: DOMRectReadOnly): boolean;

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

@@ -31,9 +31,7 @@ export default class VCObserverNew {
     private ssrPlaceholderHandler;
     private ssr;
     constructor(config: VCObserverNewConfig);
-    start({ startTime }: {
-        startTime: DOMHighResTimeStamp;
-    }): void;
+    start(_: any): void;
     stop(): void;
     setReactRootElement(element: HTMLElement): void;
     setReactRootRenderStart(startTime?: number): void;

package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/canvas-pixel.d.ts

@@ -91,5 +91,5 @@ export declare function getRGBComponents(n: number): RGBColor;
  * @param arraySize - The amount of timestamps that were drawn in the viewport
  * @returns A Map containing color to pixel count mappings.
  */
-export declare function calculateDrawnPixelsRaw(imageData: ImageData, scaleFactor: number, arraySize: number): Promise<Uint32Array>;
+export declare function calculateDrawnPixelsRaw(imageData: ImageData, _: number, arraySize: number): Promise<Uint32Array>;
 export {};

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

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

package/dist/types-ts4.5/ignore-holds/index.d.ts

@@ -24,7 +24,7 @@ export type UFOIgnoreHoldsProps = {
  * Has an `ignore` prop, to allow you to use it conditionally
  * Has a `reason` prop, to specify why the hold is being ignored
  */
-declare function UFOIgnoreHolds({ children, ignore, reason }: UFOIgnoreHoldsProps): React.JSX.Element;
+declare function UFOIgnoreHolds({ children, ignore }: UFOIgnoreHoldsProps): React.JSX.Element;
 declare namespace UFOIgnoreHolds {
     var displayName: string;
 }

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

@@ -1,13 +1,13 @@
 import type { VCResult } from '../common/vc/types';
 import type { GetVCResultType, VCObserverInterface } from './types';
 export declare class VCObserverNOOP implements VCObserverInterface {
-    start(startArg: {
+    start(_: {
         startTime: number;
     }): void;
     stop(): void;
     getVCRawData(): null;
-    getVCResult(param: GetVCResultType): Promise<VCResult>;
-    setSSRElement(element: HTMLElement): void;
-    setReactRootRenderStart(startTime: number): void;
-    setReactRootRenderStop(stopTime: number): void;
+    getVCResult(_: GetVCResultType): Promise<VCResult>;
+    setSSRElement(_: HTMLElement): void;
+    setReactRootRenderStart(_: number): void;
+    setReactRootRenderStop(_: number): void;
 }

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

@@ -30,6 +30,7 @@ export declare class SSRPlaceholderHandlers {
     isPlaceholderIgnored(element: HTMLElement): boolean;
     findNearestPlaceholderContainerIfIgnored(element: HTMLElement): HTMLElement;
     checkIfExistedAndSizeMatching(el: HTMLElement): Promise<unknown>;
+    checkIfExistedAndSizeMatchingV3(el: HTMLElement): boolean;
     getSize(el: HTMLElement): Promise<Rect>;
     validateReactComponentMatchToPlaceholder(el: HTMLElement): Promise<unknown>;
     hasSameSizePosition(rect: Rect | undefined, boundingClientRect: DOMRectReadOnly): boolean;

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

@@ -31,9 +31,7 @@ export default class VCObserverNew {
     private ssrPlaceholderHandler;
     private ssr;
     constructor(config: VCObserverNewConfig);
-    start({ startTime }: {
-        startTime: DOMHighResTimeStamp;
-    }): void;
+    start(_: any): void;
     stop(): void;
     setReactRootElement(element: HTMLElement): void;
     setReactRootRenderStart(startTime?: number): void;

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/canvas-pixel.d.ts

@@ -91,5 +91,5 @@ export declare function getRGBComponents(n: number): RGBColor;
  * @param arraySize - The amount of timestamps that were drawn in the viewport
  * @returns A Map containing color to pixel count mappings.
  */
-export declare function calculateDrawnPixelsRaw(imageData: ImageData, scaleFactor: number, arraySize: number): Promise<Uint32Array>;
+export declare function calculateDrawnPixelsRaw(imageData: ImageData, _: number, arraySize: number): Promise<Uint32Array>;
 export {};

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.2.3",
+	"version": "4.2.5",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -153,9 +153,6 @@
 		"platform_ufo_assets_check_for_nan": {
 			"type": "boolean"
 		},
-		"platform_ufo_enable_events_observer": {
-			"type": "boolean"
-		},
 		"platform_ufo_ssr_size_field": {
 			"type": "boolean"
 		},
@@ -200,6 +197,9 @@
 		},
 		"platform_ufo_add_segments_count_threshold": {
 			"type": "boolean"
+		},
+		"platform_ufo_ssr_placeholder_resolution_ttvc_v3": {
+			"type": "boolean"
 		}
 	}
 }

package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.js

@@ -1,108 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _index = require("./index");
-// Test utilities
-var createMockRect = function createMockRect() {
-  var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var width = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 100;
-  var height = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 100;
-  return new MockDOMRect(x, y, width, height);
-};
-var createViewportEntry = function createViewportEntry(elementName) {
-  var rect = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : createMockRect();
-  var visible = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  var type = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'mutation:element';
-  return {
-    elementName: elementName,
-    rect: rect,
-    visible: visible,
-    type: type
-  };
-};
-var createTimePixelCounts = function createTimePixelCounts(counts) {
-  return new Map(counts);
-};
-var createElementMap = function createElementMap(entries) {
-  return new Map(entries);
-};
-var createExpectedResult = function createExpectedResult(time, viewportPercentage, entries) {
-  return {
-    time: time,
-    viewportPercentage: viewportPercentage,
-    entries: entries
-  };
-};
-var MockDOMRect = /*#__PURE__*/function () {
-  function MockDOMRect(x, y, width, height) {
-    (0, _classCallCheck2.default)(this, MockDOMRect);
-    this.x = x;
-    this.y = y;
-    this.width = width;
-    this.height = height;
-  }
-  return (0, _createClass2.default)(MockDOMRect, [{
-    key: "bottom",
-    get: function get() {
-      return this.y + this.height;
-    }
-  }, {
-    key: "left",
-    get: function get() {
-      return this.x;
-    }
-  }, {
-    key: "right",
-    get: function get() {
-      return this.x + this.width;
-    }
-  }, {
-    key: "top",
-    get: function get() {
-      return this.y;
-    }
-  }, {
-    key: "toJSON",
-    value: function toJSON() {
-      return {
-        x: this.x,
-        y: this.y,
-        width: this.width,
-        height: this.height
-      };
-    }
-  }]);
-}();
-describe('calculatePercentilesWithDebugInfo', function () {
-  it('should correctly calculate percentiles with accumulated elements from timestamps', function () {
-    var timePixelCounts = createTimePixelCounts([[100, 10], [200, 20], [300, 10], [400, 10]]);
-    var elementMap = createElementMap([[100, [createViewportEntry('div'), createViewportEntry('span')]], [200, [createViewportEntry('img')]], [300, [createViewportEntry('p'), createViewportEntry('a')]], [400, [createViewportEntry('img')]]]);
-    var expected = [createExpectedResult(100, 20, [createViewportEntry('div'), createViewportEntry('span')]), createExpectedResult(200, 60, [createViewportEntry('img')]), createExpectedResult(300, 80, [createViewportEntry('p'), createViewportEntry('a')]), createExpectedResult(400, 100, [createViewportEntry('img')])];
-    var result = (0, _index.calculatePercentilesWithDebugInfo)(timePixelCounts, elementMap, 50, 0);
-    expect(result).toEqual(expected);
-  });
-  it('should handle empty entries gracefully', function () {
-    var timePixelCounts = new Map();
-    var elementMap = new Map();
-    var expected = [];
-    var result = (0, _index.calculatePercentilesWithDebugInfo)(timePixelCounts, elementMap, 100, 0);
-    expect(result).toEqual(expected);
-  });
-  it('should handle non-sequential timestamps', function () {
-    var timePixelCounts = createTimePixelCounts([[300, 70], [100, 30]]);
-    var elementMap = createElementMap([[300, [createViewportEntry('p'), createViewportEntry('a')]], [100, [createViewportEntry('div')]]]);
-    var expected = [createExpectedResult(100, 30, [createViewportEntry('div')]), createExpectedResult(300, 100, [createViewportEntry('p'), createViewportEntry('a')])];
-    var result = (0, _index.calculatePercentilesWithDebugInfo)(timePixelCounts, elementMap, 100, 0);
-    expect(result).toEqual(expected);
-  });
-  it('should correctly calculate percentiles with startTime offset', function () {
-    var timePixelCounts = createTimePixelCounts([[100, 10], [200, 20], [300, 10], [400, 10]]);
-    var elementMap = createElementMap([[100, [createViewportEntry('div'), createViewportEntry('span')]], [200, [createViewportEntry('img')]], [300, [createViewportEntry('p'), createViewportEntry('a')]], [400, [createViewportEntry('img')]]]);
-    var expected = [createExpectedResult(50, 20, [createViewportEntry('div'), createViewportEntry('span')]), createExpectedResult(150, 60, [createViewportEntry('img')]), createExpectedResult(250, 80, [createViewportEntry('p'), createViewportEntry('a')]), createExpectedResult(350, 100, [createViewportEntry('img')])];
-    var result = (0, _index.calculatePercentilesWithDebugInfo)(timePixelCounts, elementMap, 50, 50);
-    expect(result).toEqual(expected);
-  });
-});

package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.js

@@ -1,75 +0,0 @@
-import { calculatePercentilesWithDebugInfo } from './index';
-
-// Test utilities
-const createMockRect = (x = 0, y = 0, width = 100, height = 100) => new MockDOMRect(x, y, width, height);
-const createViewportEntry = (elementName, rect = createMockRect(), visible = true, type = 'mutation:element') => ({
-  elementName,
-  rect,
-  visible,
-  type
-});
-const createTimePixelCounts = counts => new Map(counts);
-const createElementMap = entries => new Map(entries);
-const createExpectedResult = (time, viewportPercentage, entries) => ({
-  time,
-  viewportPercentage,
-  entries
-});
-class MockDOMRect {
-  constructor(x, y, width, height) {
-    this.x = x;
-    this.y = y;
-    this.width = width;
-    this.height = height;
-  }
-  get bottom() {
-    return this.y + this.height;
-  }
-  get left() {
-    return this.x;
-  }
-  get right() {
-    return this.x + this.width;
-  }
-  get top() {
-    return this.y;
-  }
-  toJSON() {
-    return {
-      x: this.x,
-      y: this.y,
-      width: this.width,
-      height: this.height
-    };
-  }
-}
-describe('calculatePercentilesWithDebugInfo', () => {
-  it('should correctly calculate percentiles with accumulated elements from timestamps', () => {
-    const timePixelCounts = createTimePixelCounts([[100, 10], [200, 20], [300, 10], [400, 10]]);
-    const elementMap = createElementMap([[100, [createViewportEntry('div'), createViewportEntry('span')]], [200, [createViewportEntry('img')]], [300, [createViewportEntry('p'), createViewportEntry('a')]], [400, [createViewportEntry('img')]]]);
-    const expected = [createExpectedResult(100, 20, [createViewportEntry('div'), createViewportEntry('span')]), createExpectedResult(200, 60, [createViewportEntry('img')]), createExpectedResult(300, 80, [createViewportEntry('p'), createViewportEntry('a')]), createExpectedResult(400, 100, [createViewportEntry('img')])];
-    const result = calculatePercentilesWithDebugInfo(timePixelCounts, elementMap, 50, 0);
-    expect(result).toEqual(expected);
-  });
-  it('should handle empty entries gracefully', () => {
-    const timePixelCounts = new Map();
-    const elementMap = new Map();
-    const expected = [];
-    const result = calculatePercentilesWithDebugInfo(timePixelCounts, elementMap, 100, 0);
-    expect(result).toEqual(expected);
-  });
-  it('should handle non-sequential timestamps', () => {
-    const timePixelCounts = createTimePixelCounts([[300, 70], [100, 30]]);
-    const elementMap = createElementMap([[300, [createViewportEntry('p'), createViewportEntry('a')]], [100, [createViewportEntry('div')]]]);
-    const expected = [createExpectedResult(100, 30, [createViewportEntry('div')]), createExpectedResult(300, 100, [createViewportEntry('p'), createViewportEntry('a')])];
-    const result = calculatePercentilesWithDebugInfo(timePixelCounts, elementMap, 100, 0);
-    expect(result).toEqual(expected);
-  });
-  it('should correctly calculate percentiles with startTime offset', () => {
-    const timePixelCounts = createTimePixelCounts([[100, 10], [200, 20], [300, 10], [400, 10]]);
-    const elementMap = createElementMap([[100, [createViewportEntry('div'), createViewportEntry('span')]], [200, [createViewportEntry('img')]], [300, [createViewportEntry('p'), createViewportEntry('a')]], [400, [createViewportEntry('img')]]]);
-    const expected = [createExpectedResult(50, 20, [createViewportEntry('div'), createViewportEntry('span')]), createExpectedResult(150, 60, [createViewportEntry('img')]), createExpectedResult(250, 80, [createViewportEntry('p'), createViewportEntry('a')]), createExpectedResult(350, 100, [createViewportEntry('img')])];
-    const result = calculatePercentilesWithDebugInfo(timePixelCounts, elementMap, 50, 50);
-    expect(result).toEqual(expected);
-  });
-});