@atlaskit/react-ufo 4.2.6 → 4.3.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 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/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/esm/config/index.js

@@ -68,17 +68,31 @@ export function getMostRecentVCRevision() {
   var enabledVCRevisions = getEnabledVCRevisions(experienceKey);
   return enabledVCRevisions[enabledVCRevisions.length - 1];
 }
+export 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;
+  }
+}
 export 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)) {
@@ -128,8 +142,8 @@ export 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;
     }
@@ -149,8 +163,8 @@ export 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;
     }
@@ -176,8 +190,8 @@ export 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) {
@@ -196,8 +210,8 @@ export 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;
     })) {
@@ -216,8 +230,8 @@ export function getAwaitBM3TTIList() {
     if (!config) {
       return [];
     }
-    var _config6 = config,
-      awaitBM3TTI = _config6.awaitBM3TTI;
+    var _config7 = config,
+      awaitBM3TTI = _config7.awaitBM3TTI;
     if (awaitBM3TTI != null) {
       return awaitBM3TTI;
     } else {
@@ -237,8 +251,8 @@ export function getUfoNameOverrides() {
     if (!config) {
       return undefined;
     }
-    var _config7 = config,
-      ufoNameOverrides = _config7.ufoNameOverrides;
+    var _config8 = config,
+      ufoNameOverrides = _config8.ufoNameOverrides;
     if (ufoNameOverrides != null) {
       return ufoNameOverrides;
     }
@@ -254,8 +268,8 @@ export function getDoNotAbortActivePressInteraction() {
     if (!config) {
       return undefined;
     }
-    var _config8 = config,
-      doNotAbortActivePressInteraction = _config8.doNotAbortActivePressInteraction;
+    var _config9 = config,
+      doNotAbortActivePressInteraction = _config9.doNotAbortActivePressInteraction;
     return doNotAbortActivePressInteraction;
   } catch (e) {
     return undefined;
@@ -268,8 +282,8 @@ export function getDoNotAbortActivePressInteractionOnTransition() {
     if (!config) {
       return undefined;
     }
-    var _config9 = config,
-      doNotAbortActivePressInteractionOnTransition = _config9.doNotAbortActivePressInteractionOnTransition;
+    var _config0 = config,
+      doNotAbortActivePressInteractionOnTransition = _config0.doNotAbortActivePressInteractionOnTransition;
     return doNotAbortActivePressInteractionOnTransition;
   } catch (e) {
     return undefined;
@@ -281,8 +295,8 @@ export 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/esm/create-payload/index.js

@@ -575,7 +575,7 @@ function createInteractionMetricsPayload(_x, _x2, _x3, _x4, _x5) {
 function _createInteractionMetricsPayload() {
   _createInteractionMetricsPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -587,7 +587,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 = getPageVisibilityUpToTTAI(interaction);
           segments = !fg('platform_ufo_remove_deprecated_config_fields') && config.killswitchNestedSegments ? [] : knownSegments;
@@ -700,6 +700,14 @@ function _createInteractionMetricsPayload() {
           if (!experimental) {
             fg('ufo_chrome_devtools_uplift') && addPerformanceMeasures(interaction.start, _toConsumableArray((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',
@@ -707,7 +715,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,
@@ -726,7 +734,7 @@ function _createInteractionMetricsPayload() {
               }, criticalPayloadCount !== undefined ? {
                 'ufo:multipayload': true,
                 'ufo:criticalPayloadCount': criticalPayloadCount
-              } : {}), getBrowserMetadataToLegacyFormat()), getSSRProperties(type)), getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime)), getPPSMetrics(interaction)), paintMetrics), 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)), {}, {
+              } : {}), getBrowserMetadataToLegacyFormat()), getSSRProperties(type)), getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime)), getPPSMetrics(interaction)), paintMetrics), 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 || '',
@@ -772,7 +780,7 @@ function _createInteractionMetricsPayload() {
           }
           payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
           return _context.abrupt("return", payload);
-        case 44:
+        case 45:
         case "end":
           return _context.stop();
       }