@atlaskit/react-ufo 3.12.5 → 3.13.1

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

@@ -20,9 +20,7 @@ var _attachAbortListeners = require("./attachAbortListeners");
 var _getVCRevisionDebugDetails = require("./getVCRevisionDebugDetails");
 var _getVCRevisionsData = require("./getVCRevisionsData");
 var _getViewport = require("./getViewport");
-var _heatmap = require("./heatmap/heatmap");
 var _observers = require("./observers");
-var _revisions = require("./revisions/revisions");
 var _excluded = ["__debug__element"];
 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) { (0, _defineProperty2.default)(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; }
@@ -63,7 +61,6 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     });
     /* heatmap */
     (0, _defineProperty2.default)(this, "arraySize", 0);
-    (0, _defineProperty2.default)(this, "multiHeatmap", null);
     (0, _defineProperty2.default)(this, "componentsLog", {});
     (0, _defineProperty2.default)(this, "vcRatios", {});
     (0, _defineProperty2.default)(this, "active", false);
@@ -95,7 +92,6 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         abortReason: _objectSpread({}, _this.abortReason),
         heatmap: _this.heatmap,
         heatmapNext: _this.heatmapNext,
-        multiHeatmap: _this.multiHeatmap,
         outOfBoundaryInfo: _this.outOfBoundaryInfo,
         totalTime: Math.round(_this.totalTime + _this.observers.getTotalTime()),
         componentsLog: _objectSpread({}, _this.componentsLog),
@@ -107,7 +103,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     });
     (0, _defineProperty2.default)(this, "getVCResult", /*#__PURE__*/function () {
       var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref3) {
-        var start, stop, tti, prefix, ssr, vc, isEventAborted, experienceKey, interactionId, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, multiHeatmap, isTTVCv1Disabled, vcAbortedResultWithRevisions, ttvcV1Result, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, ttvcV1DevToolInfo, ttvcV2DevToolInfo, _ufo_devtool_onVCRev2, _ref10, _ufo_devtool_onVCRev, _ref9, isVCClean, revisionsData, speedIndex, isTTVCv3Enabled;
+        var start, stop, tti, prefix, ssr, vc, isEventAborted, experienceKey, interactionId, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, isTTVCv1Disabled, vcAbortedResultWithRevisions, ttvcV1Result, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, ttvcV1DevToolInfo, ttvcV2DevToolInfo, _ufo_devtool_onVCRev2, _ref10, _ufo_devtool_onVCRev, _ref9, isVCClean, revisionsData, speedIndex, isTTVCv3Enabled;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -121,8 +117,8 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
               }
               return _context.abrupt("return", {});
             case 6:
-              abortReason = rawData.abortReason, abortReasonInfo = rawData.abortReasonInfo, heatmap = rawData.heatmap, heatmapNext = rawData.heatmapNext, outOfBoundaryInfo = rawData.outOfBoundaryInfo, totalTime = rawData.totalTime, componentsLog = rawData.componentsLog, viewport = rawData.viewport, devToolsEnabled = rawData.devToolsEnabled, ratios = rawData.ratios, multiHeatmap = rawData.multiHeatmap;
-              isTTVCv1Disabled = (0, _platformFeatureFlags.fg)('platform_ufo_vc_enable_revisions_by_experience') ? !(0, _config.isVCRevisionEnabled)('fy25.01', experienceKey) : !(0, _config.isVCRevisionEnabled)('fy25.01'); // NOTE: as part of platform_ufo_add_vc_abort_reason_by_revisions feature,
+              abortReason = rawData.abortReason, abortReasonInfo = rawData.abortReasonInfo, heatmap = rawData.heatmap, heatmapNext = rawData.heatmapNext, outOfBoundaryInfo = rawData.outOfBoundaryInfo, totalTime = rawData.totalTime, componentsLog = rawData.componentsLog, viewport = rawData.viewport, devToolsEnabled = rawData.devToolsEnabled, ratios = rawData.ratios;
+              isTTVCv1Disabled = !(0, _config.isVCRevisionEnabled)('fy25.01', experienceKey); // NOTE: as part of platform_ufo_add_vc_abort_reason_by_revisions feature,
               // we want to report abort by scroll events the same way as other abort reasons
               // i.e. not have the concept of `abortReason.blocking` anymore
               if (!(abortReasonInfo !== null && (0, _platformFeatureFlags.fg)('platform_ufo_add_vc_abort_reason_by_revisions'))) {
@@ -325,8 +321,6 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
                   end: stop
                 },
                 isVCClean: isVCClean,
-                multiHeatmap: multiHeatmap,
-                ssr: ssr,
                 calculatedVC: {
                   VC: VC,
                   VCBox: VCBox
@@ -345,7 +339,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
               }
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), revisionsData), speedIndex));
             case 32:
-              isTTVCv3Enabled = (0, _platformFeatureFlags.fg)('platform_ufo_vc_enable_revisions_by_experience') ? (0, _config.isVCRevisionEnabled)('fy25.03', experienceKey) : (0, _config.isVCRevisionEnabled)('fy25.03');
+              isTTVCv3Enabled = (0, _config.isVCRevisionEnabled)('fy25.03', experienceKey);
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
                 'metrics:vc': VC
               }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), isVCClean), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), isTTVCv3Enabled ? undefined : VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), isTTVCv3Enabled ? undefined : vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), revisionsData), speedIndex));
@@ -360,29 +354,6 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       };
     }());
     (0, _defineProperty2.default)(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason, attributeName, oldValue, newValue) {
-      _this.measureStart();
-      _this.legacyHandleUpdate(rawTime, intersectionRect, targetName, element, type, ignoreReason, attributeName, oldValue, newValue);
-      var isTTVCv3Disabled = !(0, _config.isVCRevisionEnabled)('fy25.03');
-      if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_enable_revisions_by_experience')) {
-        var interaction = (0, _interactionMetrics.getActiveInteraction)();
-        isTTVCv3Disabled = !(0, _config.isVCRevisionEnabled)('fy25.03', interaction === null || interaction === void 0 ? void 0 : interaction.ufoName);
-      }
-      if (isTTVCv3Disabled) {
-        _this.onViewportChangeDetected({
-          timestamp: rawTime,
-          intersectionRect: intersectionRect,
-          targetName: targetName,
-          element: element,
-          type: type,
-          ignoreReason: ignoreReason,
-          attributeName: attributeName,
-          oldValue: oldValue,
-          newValue: newValue
-        });
-      }
-      _this.measureStop();
-    });
-    (0, _defineProperty2.default)(this, "legacyHandleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason, attributeName, oldValue, newValue) {
       if (_this.abortReason.reason === null || _this.abortReason.blocking === false) {
         var time = Math.round(rawTime - _this.startTime);
         var mappedValues = _this.mapPixelsToHeatmap(intersectionRect.left, intersectionRect.top, intersectionRect.width, intersectionRect.height);
@@ -390,11 +361,8 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         if (!ignoreReason) {
           _this.applyChangesToHeatMap(mappedValues, time, _this.heatmapNext);
         }
-        var isTTVCv1Disabled = !(0, _config.isVCRevisionEnabled)('fy25.01');
-        if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_enable_revisions_by_experience')) {
-          var interaction = (0, _interactionMetrics.getActiveInteraction)();
-          isTTVCv1Disabled = !(0, _config.isVCRevisionEnabled)('fy25.01', interaction === null || interaction === void 0 ? void 0 : interaction.ufoName);
-        }
+        var interaction = (0, _interactionMetrics.getActiveInteraction)();
+        var isTTVCv1Disabled = !(0, _config.isVCRevisionEnabled)('fy25.01', interaction === null || interaction === void 0 ? void 0 : interaction.ufoName);
         if (!isTTVCv1Disabled && (!ignoreReason || ignoreReason === 'not-visible') && type !== 'attr') {
           _this.applyChangesToHeatMap(mappedValues, time, _this.heatmap);
         }
@@ -413,44 +381,6 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         });
       }
     });
-    (0, _defineProperty2.default)(this, "onViewportChangeDetected", function (_ref11) {
-      var element = _ref11.element,
-        type = _ref11.type,
-        ignoreReason = _ref11.ignoreReason,
-        timestamp = _ref11.timestamp,
-        targetName = _ref11.targetName,
-        intersectionRect = _ref11.intersectionRect,
-        attributeName = _ref11.attributeName,
-        oldValue = _ref11.oldValue,
-        newValue = _ref11.newValue;
-      if (_this.multiHeatmap === null) {
-        return;
-      }
-      // @todo add abort reason handling
-      var time = Math.round(timestamp - _this.startTime);
-      var revisions = (0, _revisions.getRevisions)();
-      var revisionsClassification = revisions.map(function (revision) {
-        return revision.classifier.classifyUpdate({
-          element: element,
-          type: type,
-          ignoreReason: ignoreReason
-        });
-      }, []);
-      _this.multiHeatmap.handleUpdate({
-        time: time,
-        targetName: targetName,
-        intersectionRect: intersectionRect,
-        type: type,
-        element: element,
-        classification: revisionsClassification,
-        onError: function onError(error) {
-          _this.setAbortReason(abortReason.error, error.time, error.error);
-        },
-        attributeName: attributeName,
-        oldValue: oldValue,
-        newValue: newValue
-      });
-    });
     (0, _defineProperty2.default)(this, "mapPixelsToHeatmap", function (left, top, width, height) {
       var _this$viewport = _this.viewport,
         w = _this$viewport.w,
@@ -507,10 +437,10 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       var unbinds = (0, _attachAbortListeners.attachAbortListeners)(window, _this.viewport, _this.abortReasonCallback);
       if ((_window = window) !== null && _window !== void 0 && _window.__SSR_ABORT_LISTENERS__) {
         var _window2;
-        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref12) {
-          var _ref13 = (0, _slicedToArray2.default)(_ref12, 2),
-            key = _ref13[0],
-            time = _ref13[1];
+        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref11) {
+          var _ref12 = (0, _slicedToArray2.default)(_ref11, 2),
+            key = _ref12[0],
+            time = _ref12[1];
           if (time) {
             _this.abortReasonCallback(key, time);
           }
@@ -523,6 +453,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     this.arraySize = options.heatmapSize || 200;
     this.devToolsEnabled = options.devToolsEnabled || false;
     this.oldDomUpdatesEnabled = options.oldDomUpdates || false;
+    var ssrEnablePageLayoutPlaceholder = options.ssrEnablePageLayoutPlaceholder;
     this.observers = new _observers.Observers({
       selectorConfig: options.selectorConfig || {
         id: false,
@@ -530,21 +461,19 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         role: false,
         className: true,
         dataVC: true
+      },
+      SSRConfig: {
+        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false
       }
     });
     this.heatmap = !(0, _config.isVCRevisionEnabled)('fy25.01') ? [] : this.getCleanHeatmap();
     this.heatmapNext = this.getCleanHeatmap();
-    this.multiHeatmap = new _heatmap.MultiRevisionHeatmap({
-      viewport: this.viewport,
-      revisions: (0, _revisions.getRevisions)(),
-      devToolsEnabled: this.devToolsEnabled
-    });
     this.isPostInteraction = options.isPostInteraction || false;
   }
   return (0, _createClass2.default)(VCObserver, [{
     key: "start",
-    value: function start(_ref14) {
-      var startTime = _ref14.startTime;
+    value: function start(_ref13) {
+      var startTime = _ref13.startTime;
       this.active = true;
       if (this.observers.isBrowserSupported()) {
         this.setViewportSize();
@@ -566,12 +495,12 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
   }, {
     key: "getIgnoredElements",
     value: function getIgnoredElements(componentsLog) {
-      return Object.values(componentsLog).flat().filter(function (_ref15) {
-        var ignoreReason = _ref15.ignoreReason;
+      return Object.values(componentsLog).flat().filter(function (_ref14) {
+        var ignoreReason = _ref14.ignoreReason;
         return Boolean(ignoreReason);
-      }).map(function (_ref16) {
-        var targetName = _ref16.targetName,
-          ignoreReason = _ref16.ignoreReason;
+      }).map(function (_ref15) {
+        var targetName = _ref15.targetName,
+          ignoreReason = _ref15.ignoreReason;
         return {
           targetName: targetName,
           ignoreReason: ignoreReason
@@ -621,11 +550,6 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       this.detachAbortListeners();
       this.heatmap = !(0, _config.isVCRevisionEnabled)('fy25.01') ? [] : this.getCleanHeatmap();
       this.heatmapNext = this.getCleanHeatmap();
-      this.multiHeatmap = new _heatmap.MultiRevisionHeatmap({
-        viewport: this.viewport,
-        revisions: (0, _revisions.getRevisions)(),
-        devToolsEnabled: this.devToolsEnabled
-      });
       this.totalTime = 0;
       this.componentsLog = {};
       this.vcRatios = {};
@@ -694,12 +618,12 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     }
   }], [{
     key: "calculateVC",
-    value: function calculateVC(_ref17) {
-      var heatmap = _ref17.heatmap,
-        _ref17$ssr = _ref17.ssr,
-        ssr = _ref17$ssr === void 0 ? UNUSED_SECTOR : _ref17$ssr,
-        componentsLog = _ref17.componentsLog,
-        viewport = _ref17.viewport;
+    value: function calculateVC(_ref16) {
+      var heatmap = _ref16.heatmap,
+        _ref16$ssr = _ref16.ssr,
+        ssr = _ref16$ssr === void 0 ? UNUSED_SECTOR : _ref16$ssr,
+        componentsLog = _ref16.componentsLog,
+        viewport = _ref16.viewport;
       var lastUpdate = {};
       var totalPainted = 0;
       if (ssr !== UNUSED_SECTOR) {
@@ -765,11 +689,11 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         });
         return VCRatio;
       }, 0);
-      var VCEntries = entries.reduce(function (acc, _ref18, i) {
+      var VCEntries = entries.reduce(function (acc, _ref17, i) {
         var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
-        var _ref19 = (0, _slicedToArray2.default)(_ref18, 2),
-          timestamp = _ref19[0],
-          entryPainted = _ref19[1];
+        var _ref18 = (0, _slicedToArray2.default)(_ref17, 2),
+          timestamp = _ref18[0],
+          entryPainted = _ref18[1];
         var currentlyPainted = entryPainted + (((_acc$abs = acc.abs[i - 1]) === null || _acc$abs === void 0 ? void 0 : _acc$abs[1]) || 0);
         var currentlyPaintedRatio = Math.round(currentlyPainted / totalPainted * 1000) / 10;
         var logEntry = (0, _toConsumableArray2.default)(new Set((_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.filter(function (v) {

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

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

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

@@ -9,15 +9,39 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var ANCESTOR_LOOKUP_LIMIT = 10;
+var PAGE_LAYOUT_ID = 'page-layout.root';
 var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/function () {
   function SSRPlaceholderHandlers() {
     var _this = this;
+    var enablePageLayoutPlaceholder = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     (0, _classCallCheck2.default)(this, SSRPlaceholderHandlers);
     (0, _defineProperty2.default)(this, "staticPlaceholders", new Map());
     (0, _defineProperty2.default)(this, "callbacks", new Map());
     (0, _defineProperty2.default)(this, "getSizeCallbacks", new Map());
     (0, _defineProperty2.default)(this, "reactValidateCallbacks", new Map());
     (0, _defineProperty2.default)(this, "EQUALITY_THRESHOLD", 1);
+    (0, _defineProperty2.default)(this, "getPlaceholderId", function (el) {
+      var _el$dataset;
+      var ssrPlaceholderId = el === null || el === void 0 || (_el$dataset = el.dataset) === null || _el$dataset === void 0 ? void 0 : _el$dataset.ssrPlaceholder;
+      if (!!ssrPlaceholderId) {
+        return ssrPlaceholderId;
+      }
+      if (_this.enablePageLayoutPlaceholder && (el === null || el === void 0 ? void 0 : el.dataset.testid) === PAGE_LAYOUT_ID) {
+        return PAGE_LAYOUT_ID;
+      }
+      return '';
+    });
+    (0, _defineProperty2.default)(this, "getPlaceholderReplacementId", function (el) {
+      var _el$dataset2;
+      var ssrPlaceholderReplaceId = el === null || el === void 0 || (_el$dataset2 = el.dataset) === null || _el$dataset2 === void 0 ? void 0 : _el$dataset2.ssrPlaceholderReplace;
+      if (!!ssrPlaceholderReplaceId) {
+        return ssrPlaceholderReplaceId;
+      }
+      if (_this.enablePageLayoutPlaceholder && (el === null || el === void 0 ? void 0 : el.dataset.testid) === PAGE_LAYOUT_ID) {
+        return PAGE_LAYOUT_ID;
+      }
+      return '';
+    });
     (0, _defineProperty2.default)(this, "intersectionObserverCallback", function (_ref) {
       var _this$intersectionObs;
       var target = _ref.target,
@@ -27,7 +51,7 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
         // impossible case - keep typescript healthy
         return;
       }
-      var staticKey = target.dataset.ssrPlaceholder || '';
+      var staticKey = _this.getPlaceholderId(target);
       if (staticKey) {
         if (_this.staticPlaceholders.has(staticKey) && _this.callbacks.has(staticKey)) {
           // validation
@@ -49,7 +73,7 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
           _this.callbacks.delete(staticKey);
         }
       } else {
-        var key = target.dataset.ssrPlaceholderReplace || '';
+        var key = _this.getPlaceholderReplacementId(target);
         var _resolve2 = _this.reactValidateCallbacks.get(key);
         if (!_resolve2) {
           return;
@@ -77,25 +101,27 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
         }).forEach(_this.intersectionObserverCallback);
       });
     }
+    this.enablePageLayoutPlaceholder = enablePageLayoutPlaceholder;
     if (window.document) {
       try {
-        var existingElements = document.querySelectorAll('[data-ssr-placeholder]');
+        var selector = this.enablePageLayoutPlaceholder ? '[data-ssr-placeholder],[data-testid="page-layout.root"]' : '[data-ssr-placeholder]';
+        var existingElements = document.querySelectorAll(selector);
         existingElements.forEach(function (el) {
-          var _el$dataset;
-          if (el instanceof HTMLElement && el !== null && el !== void 0 && (_el$dataset = el.dataset) !== null && _el$dataset !== void 0 && _el$dataset.ssrPlaceholder) {
+          var placeholderId = el instanceof HTMLElement && _this.getPlaceholderId(el);
+          if (placeholderId) {
             var _window$__SSR_PLACEHO, _this$intersectionObs2;
             var width = -1;
             var height = -1;
             var x = -1;
             var y = -1;
-            var boundingClientRect = (_window$__SSR_PLACEHO = window.__SSR_PLACEHOLDERS_DIMENSIONS__) === null || _window$__SSR_PLACEHO === void 0 ? void 0 : _window$__SSR_PLACEHO[el.dataset.ssrPlaceholder];
+            var boundingClientRect = (_window$__SSR_PLACEHO = window.__SSR_PLACEHOLDERS_DIMENSIONS__) === null || _window$__SSR_PLACEHO === void 0 ? void 0 : _window$__SSR_PLACEHO[placeholderId];
             if (boundingClientRect) {
               width = boundingClientRect.width;
               height = boundingClientRect.height;
               x = boundingClientRect.x;
               y = boundingClientRect.y;
             }
-            _this.staticPlaceholders.set(el.dataset.ssrPlaceholder, {
+            _this.staticPlaceholders.set(placeholderId, {
               width: width,
               height: height,
               x: x,
@@ -120,12 +146,12 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
   }, {
     key: "isPlaceholder",
     value: function isPlaceholder(element) {
-      return Boolean(element.dataset.ssrPlaceholder);
+      return Boolean(this.getPlaceholderId(element));
     }
   }, {
     key: "isPlaceholderReplacement",
     value: function isPlaceholderReplacement(element) {
-      return Boolean(element.dataset.ssrPlaceholderReplace);
+      return Boolean(this.getPlaceholderReplacementId(element));
     }
   }, {
     key: "isPlaceholderIgnored",
@@ -155,7 +181,7 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
     value: function checkIfExistedAndSizeMatching(el) {
       var _this2 = this;
       el = this.findNearestPlaceholderContainerIfIgnored(el);
-      var id = el.dataset.ssrPlaceholder || '';
+      var id = this.getPlaceholderId(el);
       return new Promise(function (resolve) {
         if (!_this2.staticPlaceholders.has(id)) {
           resolve(false);
@@ -173,7 +199,7 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
       var _this3 = this;
       return new Promise(function (resolve) {
         var _this3$intersectionOb;
-        _this3.getSizeCallbacks.set(el.dataset.ssrPlaceholder || '', resolve);
+        _this3.getSizeCallbacks.set(_this3.getPlaceholderId(el), resolve);
         (_this3$intersectionOb = _this3.intersectionObserver) === null || _this3$intersectionOb === void 0 || _this3$intersectionOb.observe(el);
       });
     }
@@ -182,7 +208,7 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
     value: function validateReactComponentMatchToPlaceholder(el) {
       var _this4 = this;
       el = this.findNearestPlaceholderContainerIfIgnored(el);
-      var id = el.dataset.ssrPlaceholderReplace || '';
+      var id = this.getPlaceholderReplacementId(el);
       return new Promise(function (resolve) {
         if (!_this4.staticPlaceholders.has(id)) {
           resolve(false);

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

@@ -8,6 +8,7 @@ exports.collectSSRPlaceholderDimensions = collectSSRPlaceholderDimensions;
 // and save their size/positions in a map __SSR_PLACEHOLDERS_DIMENSIONS__ on the Window object. Each placeholderId is
 // unique and maps to its corresponding elements bounding client rectangle dimensions.
 function collectSSRPlaceholderDimensions(document, window) {
+  var enablePageLayoutPlaceholder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var ssrPlaceholders = document === null || document === void 0 ? void 0 : document.querySelectorAll('[data-ssr-placeholder]');
   ssrPlaceholders.forEach(function (elem) {
     var placeholderId = elem.getAttribute('data-ssr-placeholder');
@@ -17,4 +18,12 @@ function collectSSRPlaceholderDimensions(document, window) {
       window.__SSR_PLACEHOLDERS_DIMENSIONS__[placeholderId] = boundingClient;
     }
   });
+  if (enablePageLayoutPlaceholder) {
+    var pageLayoutRoot = document === null || document === void 0 ? void 0 : document.getElementById('unsafe-design-system-page-layout-root');
+    if (pageLayoutRoot) {
+      var boundingClient = pageLayoutRoot.getBoundingClientRect();
+      window.__SSR_PLACEHOLDERS_DIMENSIONS__ = window.__SSR_PLACEHOLDERS_DIMENSIONS__ || {};
+      window.__SSR_PLACEHOLDERS_DIMENSIONS__['page-layout.root'] = boundingClient;
+    }
+  }
 }

package/dist/es2019/config/index.js

@@ -1,4 +1,3 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 let config;
 const DEFAULT_TTVC_REVISION = 'fy25.02';
 
@@ -6,29 +5,25 @@ const DEFAULT_TTVC_REVISION = 'fy25.02';
 // and they could delete empty members
 
 export function setUFOConfig(newConfig) {
-  if (fg('platform_ufo_vc_enable_revisions_by_experience')) {
-    var _newConfig$vc;
-    // Handle edge cases with `enabledVCRevisions`
-    const {
-      enabledVCRevisions
-    } = (_newConfig$vc = newConfig === null || newConfig === void 0 ? void 0 : newConfig.vc) !== null && _newConfig$vc !== void 0 ? _newConfig$vc : {};
-    if (typeof (enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : enabledVCRevisions.byExperience) === 'object') {
-      config = {
-        ...newConfig,
-        vc: {
-          ...newConfig.vc,
-          enabledVCRevisions: {
-            // enforce axiom about `enabledVCRevisions.all` config
-            all: Array.from(new Set([DEFAULT_TTVC_REVISION, ...(enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : enabledVCRevisions.all), ...Object.values(enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : enabledVCRevisions.byExperience).flat()])),
-            byExperience: {
-              ...(enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : enabledVCRevisions.byExperience)
-            }
+  var _newConfig$vc;
+  // Handle edge cases with `enabledVCRevisions`
+  const {
+    enabledVCRevisions
+  } = (_newConfig$vc = newConfig === null || newConfig === void 0 ? void 0 : newConfig.vc) !== null && _newConfig$vc !== void 0 ? _newConfig$vc : {};
+  if (typeof (enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : enabledVCRevisions.byExperience) === 'object') {
+    config = {
+      ...newConfig,
+      vc: {
+        ...newConfig.vc,
+        enabledVCRevisions: {
+          // enforce axiom about `enabledVCRevisions.all` config
+          all: Array.from(new Set([DEFAULT_TTVC_REVISION, ...(enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : enabledVCRevisions.all), ...Object.values(enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : enabledVCRevisions.byExperience).flat()])),
+          byExperience: {
+            ...(enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : enabledVCRevisions.byExperience)
           }
         }
-      };
-    } else {
-      config = newConfig;
-    }
+      }
+    };
   } else {
     config = newConfig;
   }
@@ -50,7 +45,7 @@ export function getEnabledVCRevisions(experienceKey = '') {
       const {
         enabledVCRevisions
       } = (_config$vc2 = config.vc) !== null && _config$vc2 !== void 0 ? _config$vc2 : {};
-      if (isValidConfigArray(enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : (_enabledVCRevisions$b = enabledVCRevisions.byExperience) === null || _enabledVCRevisions$b === void 0 ? void 0 : _enabledVCRevisions$b[experienceKey]) && fg('platform_ufo_vc_enable_revisions_by_experience')) {
+      if (isValidConfigArray(enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : (_enabledVCRevisions$b = enabledVCRevisions.byExperience) === null || _enabledVCRevisions$b === void 0 ? void 0 : _enabledVCRevisions$b[experienceKey])) {
         var _enabledVCRevisions$b2;
         return (_enabledVCRevisions$b2 = enabledVCRevisions.byExperience) === null || _enabledVCRevisions$b2 === void 0 ? void 0 : _enabledVCRevisions$b2[experienceKey];
       }

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

@@ -1,12 +1,12 @@
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getConfig, getMostRecentVCRevision, isVCRevisionEnabled } from '../../config';
+import { getConfig, getMostRecentVCRevision } from '../../config';
 import { postInteractionLog } from '../../interaction-metrics';
 import { getVCObserver } from '../../vc';
 import getInteractionStatus from './get-interaction-status';
 import getPageVisibilityUpToTTAI from './get-page-visibility-up-to-ttai';
 import getSSRDoneTimeValue from './get-ssr-done-time-value';
 async function getVCMetrics(interaction) {
-  var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _interaction$apdex$, _config$experimentalI;
+  var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _interaction$apdex$, _config$experimentalI, _result$ufoVcRev;
   const config = getConfig();
   if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
     return {};
@@ -43,45 +43,16 @@ async function getVCMetrics(interaction) {
     getVCObserver().stop(interaction.ufoName);
   }
   postInteractionLog.setLastInteractionFinishVCResult(result);
-  if (fg('platform_ufo_vc_enable_revisions_by_experience')) {
-    var _result$ufoVcRev;
-    const mostRecentVCRevision = getMostRecentVCRevision(interaction.ufoName);
-    const mostRecentVCRevisionPayload = result === null || result === void 0 ? void 0 : (_result$ufoVcRev = result['ufo:vc:rev']) === null || _result$ufoVcRev === void 0 ? void 0 : _result$ufoVcRev.find(({
-      revision
-    }) => revision === mostRecentVCRevision);
-    if (!shouldReportVCMetrics || !(mostRecentVCRevisionPayload !== null && mostRecentVCRevisionPayload !== void 0 && mostRecentVCRevisionPayload.clean)) {
-      return result;
-    }
-    return {
-      ...result,
-      'metric:vc90': mostRecentVCRevisionPayload['metric:vc90']
-    };
-  } else {
-    if (!isVCRevisionEnabled('fy25.01')) {
-      var _result$ufoVcRev2;
-      const ttvcV2Revision = result === null || result === void 0 ? void 0 : (_result$ufoVcRev2 = result['ufo:vc:rev']) === null || _result$ufoVcRev2 === void 0 ? void 0 : _result$ufoVcRev2.find(({
-        revision
-      }) => revision === 'fy25.02');
-      if (!(ttvcV2Revision !== null && ttvcV2Revision !== void 0 && ttvcV2Revision.clean)) {
-        return result;
-      }
-      return {
-        ...result,
-        'metric:vc90': ttvcV2Revision['metric:vc90']
-      };
-    } else {
-      const VC = result === null || result === void 0 ? void 0 : result['metrics:vc'];
-      if (!VC || !(result !== null && result !== void 0 && result[`${prefix}:vc:clean`])) {
-        return result;
-      }
-      if (interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible') {
-        return result;
-      }
-      return {
-        ...result,
-        'metric:vc90': VC['90']
-      };
-    }
+  const mostRecentVCRevision = getMostRecentVCRevision(interaction.ufoName);
+  const mostRecentVCRevisionPayload = result === null || result === void 0 ? void 0 : (_result$ufoVcRev = result['ufo:vc:rev']) === null || _result$ufoVcRev === void 0 ? void 0 : _result$ufoVcRev.find(({
+    revision
+  }) => revision === mostRecentVCRevision);
+  if (!shouldReportVCMetrics || !(mostRecentVCRevisionPayload !== null && mostRecentVCRevisionPayload !== void 0 && mostRecentVCRevisionPayload.clean)) {
+    return result;
   }
+  return {
+    ...result,
+    'metric:vc90': mostRecentVCRevisionPayload['metric:vc90']
+  };
 }
 export default getVCMetrics;