@atlaskit/react-ufo 3.13.16 → 3.13.18

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

@@ -15,7 +15,7 @@ function getVCMetrics(_x) {
 }
 function _getVCMetrics() {
   _getVCMetrics = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(interaction) {
-    var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _config$vc2, _config$experimentalI, _result$ufoVcRev;
+    var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _config$vc2, _config$vc3, _config$experimentalI, _result$ufoVcRev;
     var config, interactionStatus, pageVisibilityUpToTTAI, shouldReportVCMetrics, isSSREnabled, ssr, tti, prefix, result, mostRecentVCRevision, mostRecentVCRevisionPayload;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -56,11 +56,12 @@ function _getVCMetrics() {
             stop: interaction.end,
             tti: tti,
             prefix: prefix,
+            includeSSRInV3: (_config$vc2 = config.vc) === null || _config$vc2 === void 0 ? void 0 : _config$vc2.includeSSRInV3,
             vc: interaction.vc,
             isEventAborted: interactionStatus.originalInteractionStatus !== 'SUCCEEDED',
             experienceKey: interaction.ufoName,
             interactionId: interaction.id,
-            includeSSRRatio: (_config$vc2 = config.vc) === null || _config$vc2 === void 0 ? void 0 : _config$vc2.includeSSRRatio
+            includeSSRRatio: (_config$vc3 = config.vc) === null || _config$vc3 === void 0 ? void 0 : _config$vc3.includeSSRRatio
           }, ssr));
         case 18:
           result = _context.sent;

package/dist/esm/ssr/index.js

@@ -1,13 +1,19 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
+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';
 var NESTED_METRIC_SEPARATOR = '/';
 function filterEntry(entry) {
   return !(!entry || _typeof(entry) !== 'object' || entry.startTime < 0 || entry.duration < 0);
 }
 function mapEntry(entry) {
-  return {
+  return _objectSpread({
     startTime: Math.round(entry.startTime),
     duration: Math.round(entry.duration)
-  };
+  }, entry.size && fg('platform_ufo_ssr_size_field') ? {
+    size: Math.round(entry.size)
+  } : {});
 }
 var SSR_PREFIX = 'ssr';
 function mapKey(key) {

package/dist/esm/vc/index.js

@@ -120,7 +120,8 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
               return (_this$newVCObserver3 = this.newVCObserver) === null || _this$newVCObserver3 === void 0 ? void 0 : _this$newVCObserver3.getVCResult({
                 start: param.start,
                 stop: param.stop,
-                interactionId: param.interactionId
+                interactionId: param.interactionId,
+                ssr: param.includeSSRInV3 ? param.ssr : undefined
               });
             case 12:
               _context.t1 = _context.sent;

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

@@ -9,6 +9,7 @@ var _excluded = ["__debug__element"];
 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 { getActiveInteraction } from '../../interaction-metrics';
 import { attachAbortListeners } from './attachAbortListeners';
@@ -95,7 +96,7 @@ export var VCObserver = /*#__PURE__*/function () {
     });
     _defineProperty(this, "getVCResult", /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
-        var start, stop, tti, prefix, ssr, vc, isEventAborted, experienceKey, interactionId, includeSSRRatio, 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, _ref9, _ufo_devtool_onVCRev, _ref8, isVCClean, revisionsData, speedIndex, SSRRatio, SSRRatioNext, SSRRatioPayload, isTTVCv3Enabled;
+        var start, stop, tti, prefix, ssr, vc, isEventAborted, experienceKey, interactionId, includeSSRRatio, 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, v1RevisionDebugDetails, v2RevisionDebugDetails, _window$__ufo_devtool2, _window2, _window$__ufo_devtool, _window, _window$__on_ufo_vc_d2, _window4, _window$__on_ufo_vc_d, _window3, isVCClean, revisionsData, speedIndex, SSRRatio, SSRRatioNext, SSRRatioPayload, isTTVCv3Enabled;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -264,30 +265,36 @@ export var VCObserver = /*#__PURE__*/function () {
                       entries: isTTVCv1Disabled ? vcNext.VCEntries.rel : VCEntries.rel
                     }
                   }));
-
-                  // Add devtool callback for both v1 and v2
+                  v1RevisionDebugDetails = getVCRevisionDebugDetails({
+                    revision: 'fy25.01',
+                    isClean: !abortReasonInfo,
+                    abortReason: abortReason.reason,
+                    VCEntries: VCEntries.rel,
+                    componentsLog: componentsLog,
+                    interactionId: interactionId
+                  });
+                  v2RevisionDebugDetails = getVCRevisionDebugDetails({
+                    revision: 'fy25.02',
+                    isClean: !abortReasonInfo,
+                    abortReason: abortReason.reason,
+                    VCEntries: vcNext.VCEntries.rel,
+                    componentsLog: componentsLog,
+                    interactionId: interactionId
+                  }); // Add devtool callback for both v1 and v2
                   if (typeof window.__ufo_devtool_onVCRevisionReady__ === 'function') {
                     // Handle v1 if not disabled
                     if (!isTTVCv1Disabled) {
-                      (_ufo_devtool_onVCRev = (_ref8 = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev === void 0 || _ufo_devtool_onVCRev.call(_ref8, getVCRevisionDebugDetails({
-                        revision: 'fy25.01',
-                        isClean: !abortReasonInfo,
-                        abortReason: abortReason.reason,
-                        VCEntries: VCEntries.rel,
-                        componentsLog: componentsLog,
-                        interactionId: interactionId
-                      }));
+                      (_window$__ufo_devtool = (_window = window).__ufo_devtool_onVCRevisionReady__) === null || _window$__ufo_devtool === void 0 || _window$__ufo_devtool.call(_window, v1RevisionDebugDetails);
                     }
 
                     // Handle v2
-                    (_ufo_devtool_onVCRev2 = (_ref9 = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev2 === void 0 || _ufo_devtool_onVCRev2.call(_ref9, getVCRevisionDebugDetails({
-                      revision: 'fy25.02',
-                      isClean: !abortReasonInfo,
-                      abortReason: abortReason.reason,
-                      VCEntries: vcNext.VCEntries.rel,
-                      componentsLog: componentsLog,
-                      interactionId: interactionId
-                    }));
+                    (_window$__ufo_devtool2 = (_window2 = window).__ufo_devtool_onVCRevisionReady__) === null || _window$__ufo_devtool2 === void 0 || _window$__ufo_devtool2.call(_window2, v2RevisionDebugDetails);
+                  }
+                  if (typeof window.__on_ufo_vc_debug_data_ready === 'function' && fg('platform_ufo_emit_vc_debug_data')) {
+                    if (!isTTVCv1Disabled) {
+                      (_window$__on_ufo_vc_d = (_window3 = window).__on_ufo_vc_debug_data_ready) === null || _window$__on_ufo_vc_d === void 0 || _window$__on_ufo_vc_d.call(_window3, v1RevisionDebugDetails);
+                    }
+                    (_window$__on_ufo_vc_d2 = (_window4 = window).__on_ufo_vc_debug_data_ready) === null || _window$__on_ufo_vc_d2 === void 0 || _window$__on_ufo_vc_d2.call(_window4, v2RevisionDebugDetails);
                   }
                 }
               } catch (e) {
@@ -416,14 +423,14 @@ export var VCObserver = /*#__PURE__*/function () {
       }
     });
     _defineProperty(this, "attachAbortListeners", function () {
-      var _window;
+      var _window5;
       _this.detachAbortListeners();
       var unbinds = attachAbortListeners(window, _this.viewport, _this.abortReasonCallback);
-      if ((_window = window) !== null && _window !== void 0 && _window.__SSR_ABORT_LISTENERS__) {
-        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref1) {
-          var _ref10 = _slicedToArray(_ref1, 2),
-            key = _ref10[0],
-            time = _ref10[1];
+      if ((_window5 = window) !== null && _window5 !== void 0 && _window5.__SSR_ABORT_LISTENERS__) {
+        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref9) {
+          var _ref0 = _slicedToArray(_ref9, 2),
+            key = _ref0[0],
+            time = _ref0[1];
           if (time) {
             _this.abortReasonCallback(key, time);
           }
@@ -453,8 +460,8 @@ export var VCObserver = /*#__PURE__*/function () {
   }
   return _createClass(VCObserver, [{
     key: "start",
-    value: function start(_ref11) {
-      var startTime = _ref11.startTime;
+    value: function start(_ref1) {
+      var startTime = _ref1.startTime;
       this.active = true;
       if (this.observers.isBrowserSupported()) {
         this.setViewportSize();
@@ -476,12 +483,12 @@ export var VCObserver = /*#__PURE__*/function () {
   }, {
     key: "getIgnoredElements",
     value: function getIgnoredElements(componentsLog) {
-      return Object.values(componentsLog).flat().filter(function (_ref12) {
-        var ignoreReason = _ref12.ignoreReason;
+      return Object.values(componentsLog).flat().filter(function (_ref10) {
+        var ignoreReason = _ref10.ignoreReason;
         return Boolean(ignoreReason);
-      }).map(function (_ref13) {
-        var targetName = _ref13.targetName,
-          ignoreReason = _ref13.ignoreReason;
+      }).map(function (_ref11) {
+        var targetName = _ref11.targetName,
+          ignoreReason = _ref11.ignoreReason;
         return {
           targetName: targetName,
           ignoreReason: ignoreReason
@@ -611,13 +618,13 @@ export var VCObserver = /*#__PURE__*/function () {
     }
   }, {
     key: "calculateVC",
-    value: function calculateVC(_ref14) {
-      var heatmap = _ref14.heatmap,
-        _ref14$ssr = _ref14.ssr,
-        ssr = _ref14$ssr === void 0 ? UNUSED_SECTOR : _ref14$ssr,
-        componentsLog = _ref14.componentsLog,
-        viewport = _ref14.viewport,
-        fixSSRAttribution = _ref14.fixSSRAttribution;
+    value: function calculateVC(_ref12) {
+      var heatmap = _ref12.heatmap,
+        _ref12$ssr = _ref12.ssr,
+        ssr = _ref12$ssr === void 0 ? UNUSED_SECTOR : _ref12$ssr,
+        componentsLog = _ref12.componentsLog,
+        viewport = _ref12.viewport,
+        fixSSRAttribution = _ref12.fixSSRAttribution;
       var lastUpdate = {};
       var totalPainted = 0;
       var ssrTime = fixSSRAttribution ? Math.floor(ssr) : ssr;
@@ -684,11 +691,11 @@ export var VCObserver = /*#__PURE__*/function () {
         });
         return VCRatio;
       }, 0);
-      var VCEntries = entries.reduce(function (acc, _ref15, i) {
+      var VCEntries = entries.reduce(function (acc, _ref13, i) {
         var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
-        var _ref16 = _slicedToArray(_ref15, 2),
-          timestamp = _ref16[0],
-          entryPainted = _ref16[1];
+        var _ref14 = _slicedToArray(_ref13, 2),
+          timestamp = _ref14[0],
+          entryPainted = _ref14[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 = _toConsumableArray(new Set((_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.filter(function (v) {

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

@@ -9,6 +9,8 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import EntriesTimeline from './entries-timeline';
 import _getElementName from './get-element-name';
 import VCCalculator_FY25_03 from './metric-calculator/fy25_03';
+import getViewportHeight from './metric-calculator/utils/get-viewport-height';
+import getViewportWidth from './metric-calculator/utils/get-viewport-width';
 import ViewportObserver from './viewport-observer';
 import WindowEventObserver from './window-event-observer';
 var DEFAULT_SELECTOR_CONFIG = {
@@ -111,6 +113,31 @@ var VCObserverNew = /*#__PURE__*/function () {
       (_this$viewportObserve2 = this.viewportObserver) === null || _this$viewportObserve2 === void 0 || _this$viewportObserve2.stop();
       (_this$windowEventObse2 = this.windowEventObserver) === null || _this$windowEventObse2 === void 0 || _this$windowEventObse2.stop();
     }
+  }, {
+    key: "addSSR",
+    value: function addSSR(ssr) {
+      this.entriesTimeline.push({
+        time: ssr,
+        data: {
+          elementName: 'SSR',
+          type: 'mutation:element',
+          rect: {
+            height: getViewportHeight(),
+            width: getViewportWidth(),
+            left: 0,
+            top: 0,
+            x: 0,
+            y: 0,
+            bottom: getViewportHeight(),
+            right: getViewportWidth(),
+            toJSON: function toJSON() {
+              return null;
+            }
+          },
+          visible: true
+        }
+      });
+    }
   }, {
     key: "getVCResult",
     value: function () {
@@ -123,11 +150,14 @@ var VCObserverNew = /*#__PURE__*/function () {
               results = [];
               this.addStartEntry(start);
               calculator_fy25_03 = new VCCalculator_FY25_03();
+              if (param.ssr) {
+                this.addSSR(param.ssr);
+              }
               orderedEntries = this.entriesTimeline.getOrderedEntries({
                 start: start,
                 stop: stop
               });
-              _context.next = 7;
+              _context.next = 8;
               return calculator_fy25_03.calculate({
                 orderedEntries: orderedEntries,
                 startTime: start,
@@ -135,13 +165,13 @@ var VCObserverNew = /*#__PURE__*/function () {
                 interactionId: interactionId,
                 isPostInteraction: this.isPostInteraction
               });
-            case 7:
+            case 8:
               fy25_03 = _context.sent;
               if (fy25_03) {
                 results.push(fy25_03);
               }
               return _context.abrupt("return", results);
-            case 10:
+            case 11:
             case "end":
               return _context.stop();
           }

package/dist/esm/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -73,7 +73,8 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
     key: "calculateWithDebugInfo",
     value: function () {
       var _calculateWithDebugInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason) {
-        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator3, _step3, _entry2, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, _ufo_devtool_onVCRev, _ref;
+        var _window, _window3;
+        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator3, _step3, _entry2, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, v3RevisionDebugDetails, _window2, _window2$__ufo_devtoo, _window4, _window4$__on_ufo_vc_;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -163,25 +164,32 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                   previousResult = vcDetails["".concat(percentile)];
                 }
               }
-
-              // Handle devtool callback
-              if (!isPostInteraction && typeof window !== 'undefined' && typeof window.__ufo_devtool_onVCRevisionReady__ === 'function') {
+              v3RevisionDebugDetails = {
+                revision: this.revisionNo,
+                isClean: isVCClean,
+                abortReason: dirtyReason,
+                vcLogs: vcLogs,
+                interactionId: interactionId
+              }; // Handle devtool callback
+              if (!isPostInteraction && typeof ((_window = window) === null || _window === void 0 ? void 0 : _window.__ufo_devtool_onVCRevisionReady__) === 'function') {
                 try {
-                  (_ufo_devtool_onVCRev = (_ref = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev === void 0 || _ufo_devtool_onVCRev.call(_ref, {
-                    revision: this.revisionNo,
-                    isClean: isVCClean,
-                    abortReason: dirtyReason,
-                    vcLogs: vcLogs,
-                    interactionId: interactionId
-                  });
+                  (_window2 = window) === null || _window2 === void 0 || (_window2$__ufo_devtoo = _window2.__ufo_devtool_onVCRevisionReady__) === null || _window2$__ufo_devtoo === void 0 || _window2$__ufo_devtoo.call(_window2, v3RevisionDebugDetails);
                 } catch (e) {
                   // if any error communicating with devtool, we don't want to break the app
                   // eslint-disable-next-line no-console
                   console.error('Error in onVCRevisionReady', e);
                 }
               }
+              if (!isPostInteraction && typeof ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.__on_ufo_vc_debug_data_ready) === 'function' && fg('platform_ufo_emit_vc_debug_data')) {
+                try {
+                  (_window4 = window) === null || _window4 === void 0 || (_window4$__on_ufo_vc_ = _window4.__on_ufo_vc_debug_data_ready) === null || _window4$__on_ufo_vc_ === void 0 || _window4$__on_ufo_vc_.call(_window4, v3RevisionDebugDetails);
+                } catch (e) {
+                  // eslint-disable-next-line no-console
+                  console.error('Error in onVCRevisionReady', e);
+                }
+              }
               return _context.abrupt("return", vcDetails);
-            case 32:
+            case 34:
             case "end":
               return _context.stop();
           }
@@ -195,7 +203,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
   }, {
     key: "calculate",
     value: function () {
-      var _calculate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref2) {
+      var _calculate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref) {
         var _this = this,
           _vcDetails$90$t,
           _vcDetails$;
@@ -203,7 +211,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              startTime = _ref2.startTime, stopTime = _ref2.stopTime, orderedEntries = _ref2.orderedEntries, interactionId = _ref2.interactionId, isPostInteraction = _ref2.isPostInteraction;
+              startTime = _ref.startTime, stopTime = _ref.stopTime, orderedEntries = _ref.orderedEntries, interactionId = _ref.interactionId, isPostInteraction = _ref.isPostInteraction;
               filteredEntries = orderedEntries.filter(function (entry) {
                 return _this.isEntryIncluded(entry);
               });

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

@@ -74,6 +74,7 @@ export type Config = {
         readonly ssr?: boolean;
         readonly ssrWhitelist?: string[];
         readonly ssrEnablePageLayoutPlaceholder?: boolean;
+        readonly includeSSRInV3?: boolean;
         readonly stopVCAtInteractionFinish?: boolean;
         readonly includeSSRRatio?: boolean;
         /**

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

@@ -2,6 +2,7 @@ export type FeatureFlagValue = boolean | string | number | Record<any, any>;
 export type ReportedTiming = {
     startTime: number;
     duration: number;
+    size?: number;
 };
 export type ReportedTimings = {
     [key: string]: ReportedTiming;

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

@@ -1,5 +1,6 @@
 import type { VCRawDataType, VCResult } from '../common/vc/types';
 import type { GetVCResultType, VCObserverInterface, VCObserverOptions } from './types';
+export type { VCRevisionDebugDetails } from './vc-observer/getVCRevisionDebugDetails';
 declare global {
     var __vcObserver: VCObserverInterface;
 }

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

@@ -6,6 +6,7 @@ export type GetVCResultType = {
     isEventAborted: boolean;
     prefix?: string;
     ssr?: number;
+    includeSSRInV3?: boolean;
     vc?: VCRawDataType | null;
     experienceKey: string;
     interactionId?: string;

package/dist/types/vc/vc-observer/getVCRevisionDebugDetails.d.ts

@@ -1,9 +1,9 @@
-import type { ComponentsLogType, VCEntryType } from '../../common/vc/types';
+import type { ComponentsLogType, VCAbortReason, VCEntryType } from '../../common/vc/types';
 import type { VCObserverEntryType } from '../vc-observer-new/types';
-interface VCRevisionDebugDetails {
+export interface VCRevisionDebugDetails {
     revision: string;
     isClean: boolean;
-    abortReason: string | null;
+    abortReason?: VCAbortReason | null;
     vcLogs: Array<{
         time: number;
         viewportPercentage: number;
@@ -22,9 +22,8 @@ interface VCRevisionDebugDetails {
 export declare function getVCRevisionDebugDetails({ revision, isClean, abortReason, VCEntries, componentsLog, interactionId, }: {
     revision: string;
     isClean: boolean;
-    abortReason: string | null;
+    abortReason?: VCAbortReason | null;
     VCEntries: VCEntryType[];
     componentsLog: ComponentsLogType;
     interactionId?: string;
 }): VCRevisionDebugDetails;
-export {};

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

@@ -1,7 +1,14 @@
 import { type UnbindFn } from 'bind-event-listener';
 import type { ComponentsLogType, VCAbortReasonType, VCEntryType, VCIgnoreReason, VCRatioType, VCRawDataType, VCResult } from '../../common/vc/types';
 import type { GetVCResultType, VCObserverInterface, VCObserverOptions } from '../types';
+import { VCRevisionDebugDetails } from './getVCRevisionDebugDetails';
 import { Observers } from './observers';
+declare global {
+    interface Window {
+        __ufo_devtool_onVCRevisionReady__?: (debugInfo: VCRevisionDebugDetails) => void;
+        __on_ufo_vc_debug_data_ready?: (debugInfo: VCRevisionDebugDetails) => void;
+    }
+}
 export declare class VCObserver implements VCObserverInterface {
     abortReason: VCAbortReasonType;
     outOfBoundaryInfo: string;

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

@@ -16,6 +16,7 @@ export default class VCObserverNew {
         startTime: DOMHighResTimeStamp;
     }): void;
     stop(): void;
+    addSSR(ssr: number): void;
     getVCResult(param: VCObserverGetVCResultParam): Promise<RevisionPayloadEntry[]>;
     private addStartEntry;
     private getElementName;

package/dist/types/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -1,6 +1,13 @@
 import type { RevisionPayloadEntry, VCAbortReason } from '../../../common/vc/types';
+import { VCRevisionDebugDetails } from '../../vc-observer/getVCRevisionDebugDetails';
 import type { VCObserverEntry } from '../types';
 import type { VCCalculator, VCCalculatorParam } from './types';
+declare global {
+    interface Window {
+        __ufo_devtool_onVCRevisionReady__?: (debugInfo: VCRevisionDebugDetails) => void;
+        __on_ufo_vc_debug_data_ready?: (debugInfo: VCRevisionDebugDetails) => void;
+    }
+}
 export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     private revisionNo;
     constructor(revisionNo: string);

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

@@ -22,4 +22,5 @@ export type VCObserverGetVCResultParam = {
     start: number;
     stop: number;
     interactionId?: string;
+    ssr?: number;
 };

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

@@ -74,6 +74,7 @@ export type Config = {
         readonly ssr?: boolean;
         readonly ssrWhitelist?: string[];
         readonly ssrEnablePageLayoutPlaceholder?: boolean;
+        readonly includeSSRInV3?: boolean;
         readonly stopVCAtInteractionFinish?: boolean;
         readonly includeSSRRatio?: boolean;
         /**

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

@@ -2,6 +2,7 @@ export type FeatureFlagValue = boolean | string | number | Record<any, any>;
 export type ReportedTiming = {
     startTime: number;
     duration: number;
+    size?: number;
 };
 export type ReportedTimings = {
     [key: string]: ReportedTiming;

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

@@ -1,5 +1,6 @@
 import type { VCRawDataType, VCResult } from '../common/vc/types';
 import type { GetVCResultType, VCObserverInterface, VCObserverOptions } from './types';
+export type { VCRevisionDebugDetails } from './vc-observer/getVCRevisionDebugDetails';
 declare global {
     var __vcObserver: VCObserverInterface;
 }

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

@@ -6,6 +6,7 @@ export type GetVCResultType = {
     isEventAborted: boolean;
     prefix?: string;
     ssr?: number;
+    includeSSRInV3?: boolean;
     vc?: VCRawDataType | null;
     experienceKey: string;
     interactionId?: string;

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

@@ -1,9 +1,9 @@
-import type { ComponentsLogType, VCEntryType } from '../../common/vc/types';
+import type { ComponentsLogType, VCAbortReason, VCEntryType } from '../../common/vc/types';
 import type { VCObserverEntryType } from '../vc-observer-new/types';
-interface VCRevisionDebugDetails {
+export interface VCRevisionDebugDetails {
     revision: string;
     isClean: boolean;
-    abortReason: string | null;
+    abortReason?: VCAbortReason | null;
     vcLogs: Array<{
         time: number;
         viewportPercentage: number;
@@ -22,9 +22,8 @@ interface VCRevisionDebugDetails {
 export declare function getVCRevisionDebugDetails({ revision, isClean, abortReason, VCEntries, componentsLog, interactionId, }: {
     revision: string;
     isClean: boolean;
-    abortReason: string | null;
+    abortReason?: VCAbortReason | null;
     VCEntries: VCEntryType[];
     componentsLog: ComponentsLogType;
     interactionId?: string;
 }): VCRevisionDebugDetails;
-export {};

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

@@ -1,7 +1,14 @@
 import { type UnbindFn } from 'bind-event-listener';
 import type { ComponentsLogType, VCAbortReasonType, VCEntryType, VCIgnoreReason, VCRatioType, VCRawDataType, VCResult } from '../../common/vc/types';
 import type { GetVCResultType, VCObserverInterface, VCObserverOptions } from '../types';
+import { VCRevisionDebugDetails } from './getVCRevisionDebugDetails';
 import { Observers } from './observers';
+declare global {
+    interface Window {
+        __ufo_devtool_onVCRevisionReady__?: (debugInfo: VCRevisionDebugDetails) => void;
+        __on_ufo_vc_debug_data_ready?: (debugInfo: VCRevisionDebugDetails) => void;
+    }
+}
 export declare class VCObserver implements VCObserverInterface {
     abortReason: VCAbortReasonType;
     outOfBoundaryInfo: string;

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

@@ -16,6 +16,7 @@ export default class VCObserverNew {
         startTime: DOMHighResTimeStamp;
     }): void;
     stop(): void;
+    addSSR(ssr: number): void;
     getVCResult(param: VCObserverGetVCResultParam): Promise<RevisionPayloadEntry[]>;
     private addStartEntry;
     private getElementName;

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -1,6 +1,13 @@
 import type { RevisionPayloadEntry, VCAbortReason } from '../../../common/vc/types';
+import { VCRevisionDebugDetails } from '../../vc-observer/getVCRevisionDebugDetails';
 import type { VCObserverEntry } from '../types';
 import type { VCCalculator, VCCalculatorParam } from './types';
+declare global {
+    interface Window {
+        __ufo_devtool_onVCRevisionReady__?: (debugInfo: VCRevisionDebugDetails) => void;
+        __on_ufo_vc_debug_data_ready?: (debugInfo: VCRevisionDebugDetails) => void;
+    }
+}
 export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     private revisionNo;
     constructor(revisionNo: string);

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

@@ -22,4 +22,5 @@ export type VCObserverGetVCResultParam = {
     start: number;
     stop: number;
     interactionId?: string;
+    ssr?: number;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "3.13.16",
+	"version": "3.13.18",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -133,6 +133,9 @@
 		"platform_ufo_report_cpu_usage": {
 			"type": "boolean"
 		},
+		"platform_ufo_emit_vc_debug_data": {
+			"type": "boolean"
+		},
 		"ufo_return_relative_request_start": {
 			"type": "boolean"
 		},
@@ -159,6 +162,9 @@
 		},
 		"platform_ufo_rev_ratios": {
 			"type": "boolean"
+		},
+		"platform_ufo_ssr_size_field": {
+			"type": "boolean"
 		}
 	}
 }