@atlaskit/react-ufo 4.2.6 → 4.3.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.3.1
+
+### Patch Changes
+
+- [`3f6614a936a5e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3f6614a936a5e) -
+  Send vc100
+
+## 4.3.0
+
+### Minor Changes
+
+- [`45299e3f3ebab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/45299e3f3ebab) -
+  Add React hydration property to UFO metrics for initial page load
+
 ## 4.2.6
 
 ### Patch Changes

package/additional-payload/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/additional-payload/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/additional-payload/index.d.ts"
       ]

package/bundle-eval-timing/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/bundle-eval-timing/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/bundle-eval-timing/index.d.ts"
       ]

package/coinflip/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/coinflip/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/coinflip/index.d.ts"
       ]

package/common/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/common/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/common/index.d.ts"
       ]

package/config/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/config/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/config/index.d.ts"
       ]

package/create-experimental-interaction-metrics-payload/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/create-experimental-interaction-metrics-payload/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/create-experimental-interaction-metrics-payload/index.d.ts"
       ]

package/create-payload/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/create-payload/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/create-payload/index.d.ts"
       ]

package/create-post-interaction-log-payload/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/create-post-interaction-log-payload/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/create-post-interaction-log-payload/index.d.ts"
       ]

package/custom-cohort-data/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/custom-cohort-data/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/custom-cohort-data/index.d.ts"
       ]

package/custom-data/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/custom-data/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/custom-data/index.d.ts"
       ]

package/custom-mark/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/custom-mark/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/custom-mark/index.d.ts"
       ]

package/custom-spans/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/custom-spans/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/custom-spans/index.d.ts"
       ]

package/custom-timings/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/custom-timings/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/custom-timings/index.d.ts"
       ]

package/dist/cjs/config/index.js

@@ -16,6 +16,7 @@ exports.getInteractionRate = getInteractionRate;
 exports.getInteractionTimeout = getInteractionTimeout;
 exports.getMostRecentVCRevision = getMostRecentVCRevision;
 exports.getPostInteractionRate = getPostInteractionRate;
+exports.getReactHydrationStats = getReactHydrationStats;
 exports.getTypingPerformanceTracingMethod = getTypingPerformanceTracingMethod;
 exports.getUfoNameOverrides = getUfoNameOverrides;
 exports.isVCRevisionEnabled = isVCRevisionEnabled;
@@ -90,17 +91,31 @@ function getMostRecentVCRevision() {
   var enabledVCRevisions = getEnabledVCRevisions(experienceKey);
   return enabledVCRevisions[enabledVCRevisions.length - 1];
 }
+function getReactHydrationStats() {
+  if (!config) {
+    return undefined;
+  }
+  try {
+    var _config, _config$getReactHydra;
+    var stats = (_config = config) === null || _config === void 0 || (_config$getReactHydra = _config.getReactHydrationStats) === null || _config$getReactHydra === void 0 ? void 0 : _config$getReactHydra.call(_config);
+    return stats !== null && stats !== void 0 ? stats : undefined;
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error('getReactHydrationStats threw an error: ', e);
+    return undefined;
+  }
+}
 function getInteractionRate(name, interactionKind) {
   try {
     if (!config) {
       return 0;
     }
-    var _config = config,
-      killswitch = _config.killswitch,
-      rates = _config.rates,
-      rules = _config.rules,
-      kind = _config.kind,
-      autoGeneratedRate = _config.autoGeneratedRate;
+    var _config2 = config,
+      killswitch = _config2.killswitch,
+      rates = _config2.rates,
+      rules = _config2.rules,
+      kind = _config2.kind,
+      autoGeneratedRate = _config2.autoGeneratedRate;
     if (killswitch != null) {
       // Specifically kill certain events
       if (killswitch.includes(name)) {
@@ -150,8 +165,8 @@ function getExperimentalInteractionRate(name, interactionType) {
     if (!config) {
       return 0;
     }
-    var _config2 = config,
-      experimentalInteractionMetrics = _config2.experimentalInteractionMetrics;
+    var _config3 = config,
+      experimentalInteractionMetrics = _config3.experimentalInteractionMetrics;
     if (!(experimentalInteractionMetrics !== null && experimentalInteractionMetrics !== void 0 && experimentalInteractionMetrics.enabled)) {
       return 0;
     }
@@ -171,8 +186,8 @@ function getPostInteractionRate(name, interactionType) {
     if (!config) {
       return 0;
     }
-    var _config3 = config,
-      postInteractionLog = _config3.postInteractionLog;
+    var _config4 = config,
+      postInteractionLog = _config4.postInteractionLog;
     if (!(postInteractionLog !== null && postInteractionLog !== void 0 && postInteractionLog.enabled)) {
       return 0;
     }
@@ -198,8 +213,8 @@ function getCapabilityRate(capability) {
     if (!config) {
       return 0;
     }
-    var _config4 = config,
-      capabilityRate = _config4.capability;
+    var _config5 = config,
+      capabilityRate = _config5.capability;
     if (capabilityRate != null) {
       var rate = capabilityRate[capability];
       if (rate != null) {
@@ -218,8 +233,8 @@ function getTypingPerformanceTracingMethod() {
     if (!config) {
       return defaultMethod;
     }
-    var _config5 = config,
-      typingMethod = _config5.typingMethod;
+    var _config6 = config,
+      typingMethod = _config6.typingMethod;
     if (typingMethod != null && validTypingMethods.find(function (m) {
       return m === typingMethod;
     })) {
@@ -238,8 +253,8 @@ function getAwaitBM3TTIList() {
     if (!config) {
       return [];
     }
-    var _config6 = config,
-      awaitBM3TTI = _config6.awaitBM3TTI;
+    var _config7 = config,
+      awaitBM3TTI = _config7.awaitBM3TTI;
     if (awaitBM3TTI != null) {
       return awaitBM3TTI;
     } else {
@@ -259,8 +274,8 @@ function getUfoNameOverrides() {
     if (!config) {
       return undefined;
     }
-    var _config7 = config,
-      ufoNameOverrides = _config7.ufoNameOverrides;
+    var _config8 = config,
+      ufoNameOverrides = _config8.ufoNameOverrides;
     if (ufoNameOverrides != null) {
       return ufoNameOverrides;
     }
@@ -276,8 +291,8 @@ function getDoNotAbortActivePressInteraction() {
     if (!config) {
       return undefined;
     }
-    var _config8 = config,
-      doNotAbortActivePressInteraction = _config8.doNotAbortActivePressInteraction;
+    var _config9 = config,
+      doNotAbortActivePressInteraction = _config9.doNotAbortActivePressInteraction;
     return doNotAbortActivePressInteraction;
   } catch (e) {
     return undefined;
@@ -290,8 +305,8 @@ function getDoNotAbortActivePressInteractionOnTransition() {
     if (!config) {
       return undefined;
     }
-    var _config9 = config,
-      doNotAbortActivePressInteractionOnTransition = _config9.doNotAbortActivePressInteractionOnTransition;
+    var _config0 = config,
+      doNotAbortActivePressInteractionOnTransition = _config0.doNotAbortActivePressInteractionOnTransition;
     return doNotAbortActivePressInteractionOnTransition;
   } catch (e) {
     return undefined;
@@ -303,8 +318,8 @@ function getInteractionTimeout(ufoName) {
     if (!config) {
       return CLEANUP_TIMEOUT;
     }
-    var _config0 = config,
-      interactionTimeout = _config0.interactionTimeout;
+    var _config1 = config,
+      interactionTimeout = _config1.interactionTimeout;
     if (interactionTimeout != null && interactionTimeout[ufoName] != null) {
       return interactionTimeout[ufoName];
     }

package/dist/cjs/create-payload/index.js

@@ -582,7 +582,7 @@ function createInteractionMetricsPayload(_x, _x2, _x3, _x4, _x5) {
 function _createInteractionMetricsPayload() {
   _createInteractionMetricsPayload = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(interaction, interactionId, experimental, criticalPayloadCount, vcMetrics) {
     var _window$location, _config$additionalPay;
-    var interactionPayloadStart, config, end, start, ufoName, knownSegments, rate, type, abortReason, routeName, featureFlags, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, responsiveness, unknownElementName, unknownElementHierarchy, pageVisibilityAtTTI, pageVisibilityAtTTAI, segments, segmentTree, isDetailedPayload, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTI, moreAccuratePageVisibilityAtTTAI, labelStack, getInitialPageLoadSSRMetrics, pageLoadInteractionMetrics, getDetailedInteractionMetrics, getPageLoadDetailedInteractionMetrics, newUFOName, resourceTimings, _yield$Promise$all, _yield$Promise$all2, finalVCMetrics, experimentalMetrics, paintMetrics, payload;
+    var interactionPayloadStart, config, end, start, ufoName, knownSegments, rate, type, abortReason, routeName, featureFlags, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, responsiveness, unknownElementName, unknownElementHierarchy, hydration, pageVisibilityAtTTI, pageVisibilityAtTTAI, segments, segmentTree, isDetailedPayload, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTI, moreAccuratePageVisibilityAtTTAI, labelStack, getInitialPageLoadSSRMetrics, pageLoadInteractionMetrics, getDetailedInteractionMetrics, getPageLoadDetailedInteractionMetrics, newUFOName, resourceTimings, _yield$Promise$all, _yield$Promise$all2, finalVCMetrics, experimentalMetrics, paintMetrics, getReactHydrationStats, payload;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -594,7 +594,7 @@ function _createInteractionMetricsPayload() {
           }
           throw Error('UFO Configuration not provided');
         case 4:
-          end = interaction.end, start = interaction.start, ufoName = interaction.ufoName, knownSegments = interaction.knownSegments, rate = interaction.rate, type = interaction.type, abortReason = interaction.abortReason, routeName = interaction.routeName, featureFlags = interaction.featureFlags, previousInteractionName = interaction.previousInteractionName, isPreviousInteractionAborted = interaction.isPreviousInteractionAborted, abortedByInteractionName = interaction.abortedByInteractionName, responsiveness = interaction.responsiveness, unknownElementName = interaction.unknownElementName, unknownElementHierarchy = interaction.unknownElementHierarchy;
+          end = interaction.end, start = interaction.start, ufoName = interaction.ufoName, knownSegments = interaction.knownSegments, rate = interaction.rate, type = interaction.type, abortReason = interaction.abortReason, routeName = interaction.routeName, featureFlags = interaction.featureFlags, previousInteractionName = interaction.previousInteractionName, isPreviousInteractionAborted = interaction.isPreviousInteractionAborted, abortedByInteractionName = interaction.abortedByInteractionName, responsiveness = interaction.responsiveness, unknownElementName = interaction.unknownElementName, unknownElementHierarchy = interaction.unknownElementHierarchy, hydration = interaction.hydration;
           pageVisibilityAtTTI = getPageVisibilityUpToTTI(interaction);
           pageVisibilityAtTTAI = (0, _getPageVisibilityUpToTtai.default)(interaction);
           segments = !(0, _platformFeatureFlags.fg)('platform_ufo_remove_deprecated_config_fields') && config.killswitchNestedSegments ? [] : knownSegments;
@@ -707,6 +707,14 @@ function _createInteractionMetricsPayload() {
           if (!experimental) {
             (0, _platformFeatureFlags.fg)('ufo_chrome_devtools_uplift') && (0, _addPerformanceMeasures.addPerformanceMeasures)(interaction.start, (0, _toConsumableArray2.default)((finalVCMetrics === null || finalVCMetrics === void 0 ? void 0 : finalVCMetrics['ufo:vc:rev']) || []));
           }
+          getReactHydrationStats = function getReactHydrationStats() {
+            if (!isPageLoad || !hydration) {
+              return {};
+            }
+            return {
+              hydration: hydration
+            };
+          };
           payload = {
             actionSubject: 'experience',
             action: 'measured',
@@ -714,7 +722,7 @@ function _createInteractionMetricsPayload() {
             source: 'measured',
             tags: ['observability'],
             attributes: {
-              properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+              properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
                 // basic
                 'event:hostname': ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname) || 'unknown',
                 'event:product': config.product,
@@ -733,7 +741,7 @@ function _createInteractionMetricsPayload() {
               }, criticalPayloadCount !== undefined ? {
                 'ufo:multipayload': true,
                 'ufo:criticalPayloadCount': criticalPayloadCount
-              } : {}), (0, _getBrowserMetadata.getBrowserMetadataToLegacyFormat)()), getSSRProperties(type)), getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime)), getPPSMetrics(interaction)), paintMetrics), (0, _getNavigationMetrics.getNavigationMetricsToLegacyFormat)(type)), finalVCMetrics), experimentalMetrics), (_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)), getTracingContextData(interaction)), getStylesheetMetrics()), getErrorCounts(interaction)), {}, {
+              } : {}), (0, _getBrowserMetadata.getBrowserMetadataToLegacyFormat)()), getSSRProperties(type)), getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime)), getPPSMetrics(interaction)), paintMetrics), (0, _getNavigationMetrics.getNavigationMetricsToLegacyFormat)(type)), finalVCMetrics), experimentalMetrics), (_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)), getTracingContextData(interaction)), getStylesheetMetrics()), getErrorCounts(interaction)), getReactHydrationStats()), {}, {
                 interactionMetrics: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
                   namePrefix: config.namePrefix || '',
                   segmentPrefix: config.segmentPrefix || '',
@@ -779,7 +787,7 @@ function _createInteractionMetricsPayload() {
           }
           payload.attributes.properties['event:sizeInKb'] = (0, _getPayloadSize.default)(payload.attributes.properties);
           return _context.abrupt("return", payload);
-        case 44:
+        case 45:
         case "end":
           return _context.stop();
       }

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

@@ -663,6 +663,7 @@ function finishInteraction(id, data) {
       data.vc = observer.getVCRawData();
     }
   }
+  data.hydration = (0, _config.getReactHydrationStats)();
 
   // By this time, stop the post interaction log observer if coinflip rate is 0
   if ((0, _platformFeatureFlags.fg)('platform_ufo_post_interaction_check_name')) {

package/dist/cjs/resource-timing/main.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getResourceTimings = getResourceTimings;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _config = require("../config");
 var _roundNumber = require("../round-number");
 var _config2 = require("./common/utils/config");
@@ -102,7 +101,7 @@ function getNetworkData(item, eventStart) {
     ttfb: ttfb,
     serverTime: serverTime,
     networkTime: networkTime,
-    requestStart: (0, _platformFeatureFlags.fg)('ufo_return_relative_request_start') ? requestStartRelative : requestStart
+    requestStart: requestStartRelative
   }, getSizeObject(transferSize));
 }
 function getResourceTimings(interactionStart, interactionEnd) {

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

@@ -12,6 +12,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _percentileCalc = require("./percentile-calc");
 var _getViewportHeight = _interopRequireDefault(require("./utils/get-viewport-height"));
 var _getViewportWidth = _interopRequireDefault(require("./utils/get-viewport-width"));
@@ -90,8 +91,11 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
+              if ((0, _platformFeatureFlags.fg)('platform_ufo_send_vc_100')) {
+                percentiles.push(100);
+              }
               viewportEntries = this.filterViewportEntries(filteredEntries);
-              _context.next = 4;
+              _context.next = 5;
               return (0, _percentileCalc.calculateTTVCPercentilesWithDebugInfo)({
                 viewport: {
                   width: (0, _getViewportWidth.default)(),
@@ -101,31 +105,31 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                 stopTime: stopTime,
                 orderedEntries: viewportEntries
               });
-            case 4:
+            case 5:
               vcLogs = _context.sent;
               vcDetails = {};
               percentileIndex = 0;
               entryDataBuffer = new Set();
               if (!vcLogs) {
-                _context.next = 28;
+                _context.next = 29;
                 break;
               }
               _iterator3 = _createForOfIteratorHelper(vcLogs);
-              _context.prev = 10;
+              _context.prev = 11;
               _iterator3.s();
-            case 12:
+            case 13:
               if ((_step3 = _iterator3.n()).done) {
-                _context.next = 20;
+                _context.next = 21;
                 break;
               }
               _entry2 = _step3.value;
               time = _entry2.time, viewportPercentage = _entry2.viewportPercentage, entries = _entry2.entries; // Only process entries if we haven't reached all percentiles
               if (!(percentileIndex >= percentiles.length)) {
-                _context.next = 17;
+                _context.next = 18;
                 break;
               }
-              return _context.abrupt("break", 20);
-            case 17:
+              return _context.abrupt("break", 21);
+            case 18:
               // Check if this entry matches any checkpoint percentiles
               if (viewportPercentage >= percentiles[percentileIndex]) {
                 elementNames = entries.map(function (e) {
@@ -147,21 +151,21 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                   return entryDataBuffer.add(e);
                 });
               }
-            case 18:
-              _context.next = 12;
+            case 19:
+              _context.next = 13;
               break;
-            case 20:
-              _context.next = 25;
+            case 21:
+              _context.next = 26;
               break;
-            case 22:
-              _context.prev = 22;
-              _context.t0 = _context["catch"](10);
+            case 23:
+              _context.prev = 23;
+              _context.t0 = _context["catch"](11);
               _iterator3.e(_context.t0);
-            case 25:
-              _context.prev = 25;
+            case 26:
+              _context.prev = 26;
               _iterator3.f();
-              return _context.finish(25);
-            case 28:
+              return _context.finish(26);
+            case 29:
               // Fill in any missing percentiles with the last known values
               previousResult = {
                 t: 0,
@@ -300,11 +304,11 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                 }
               }
               return _context.abrupt("return", vcDetails);
-            case 38:
+            case 39:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[10, 22, 25, 28]]);
+        }, _callee, this, [[11, 23, 26, 29]]);
       }));
       function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
         return _calculateWithDebugInfo.apply(this, arguments);

package/dist/es2019/config/index.js

@@ -67,6 +67,20 @@ export function getMostRecentVCRevision(experienceKey = '') {
   const enabledVCRevisions = getEnabledVCRevisions(experienceKey);
   return enabledVCRevisions[enabledVCRevisions.length - 1];
 }
+export function getReactHydrationStats() {
+  if (!config) {
+    return undefined;
+  }
+  try {
+    var _config, _config$getReactHydra;
+    const stats = (_config = config) === null || _config === void 0 ? void 0 : (_config$getReactHydra = _config.getReactHydrationStats) === null || _config$getReactHydra === void 0 ? void 0 : _config$getReactHydra.call(_config);
+    return stats !== null && stats !== void 0 ? stats : undefined;
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error('getReactHydrationStats threw an error: ', e);
+    return undefined;
+  }
+}
 export function getInteractionRate(name, interactionKind) {
   try {
     if (!config) {

package/dist/es2019/create-payload/index.js

@@ -598,7 +598,8 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
     abortedByInteractionName,
     responsiveness,
     unknownElementName,
-    unknownElementHierarchy
+    unknownElementHierarchy,
+    hydration
   } = interaction;
   const pageVisibilityAtTTI = getPageVisibilityUpToTTI(interaction);
   const pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
@@ -693,6 +694,14 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
   if (!experimental) {
     fg('ufo_chrome_devtools_uplift') && addPerformanceMeasures(interaction.start, [...((finalVCMetrics === null || finalVCMetrics === void 0 ? void 0 : finalVCMetrics['ufo:vc:rev']) || [])]);
   }
+  const getReactHydrationStats = () => {
+    if (!isPageLoad || !hydration) {
+      return {};
+    }
+    return {
+      hydration
+    };
+  };
   const payload = {
     actionSubject: 'experience',
     action: 'measured',
@@ -733,6 +742,7 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
         ...getTracingContextData(interaction),
         ...getStylesheetMetrics(),
         ...getErrorCounts(interaction),
+        ...getReactHydrationStats(),
         interactionMetrics: {
           namePrefix: config.namePrefix || '',
           segmentPrefix: config.segmentPrefix || '',

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

@@ -1,7 +1,7 @@
 import { v4 as createUUID } from 'uuid';
 import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
-import { getAwaitBM3TTIList, getCapabilityRate, getConfig, getExperimentalInteractionRate, getInteractionTimeout, getPostInteractionRate } from '../config';
+import { getAwaitBM3TTIList, getCapabilityRate, getConfig, getExperimentalInteractionRate, getInteractionTimeout, getPostInteractionRate, getReactHydrationStats } from '../config';
 import { experimentalVC, getExperimentalVCMetrics, onExperimentalInteractionComplete } from '../create-experimental-interaction-metrics-payload';
 import { sanitizeUfoName } from '../create-payload/common/utils';
 import { clearActiveTrace } from '../experience-trace-id-context';
@@ -581,6 +581,7 @@ function finishInteraction(id, data, endTime = performance.now()) {
       data.vc = observer.getVCRawData();
     }
   }
+  data.hydration = getReactHydrationStats();
 
   // By this time, stop the post interaction log observer if coinflip rate is 0
   if (fg('platform_ufo_post_interaction_check_name')) {

package/dist/es2019/resource-timing/main.js

@@ -1,4 +1,3 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 import { getConfig as getConfigUFO } from '../config';
 import { roundEpsilon } from '../round-number';
 import { getConfig } from './common/utils/config';
@@ -94,7 +93,7 @@ function getNetworkData(item, eventStart, hasTimingHeaders = evaluateAccessToRes
     ttfb,
     serverTime,
     networkTime,
-    requestStart: fg('ufo_return_relative_request_start') ? requestStartRelative : requestStart,
+    requestStart: requestStartRelative,
     ...getSizeObject(transferSize)
   };
 }

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

@@ -1,3 +1,4 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { calculateTTVCPercentilesWithDebugInfo } from './percentile-calc';
 import getViewportHeight from './utils/get-viewport-height';
 import getViewportWidth from './utils/get-viewport-width';
@@ -41,6 +42,9 @@ export default class AbstractVCCalculatorBase {
   async calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries) {
     var _window, _window2, _window3, _window5;
     const percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
+    if (fg('platform_ufo_send_vc_100')) {
+      percentiles.push(100);
+    }
     const viewportEntries = this.filterViewportEntries(filteredEntries);
     const vcLogs = await calculateTTVCPercentilesWithDebugInfo({
       viewport: {