@atlaskit/react-ufo 4.2.5 → 4.3.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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
+
+- [#201076](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/201076)
+  [`eda3ae04eeeb4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eda3ae04eeeb4) -
+  FG clean up React UFO
+
 ## 4.2.5
 
 ### 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/common/utils/index.js

@@ -67,7 +67,7 @@ function buildSegmentTree(labelStacks) {
           if (!currentNode.c[key]) {
             currentNode.c[key] = _objectSpread({
               n: name
-            }, type && (0, _platformFeatureFlags.fg)('platform_ufo_add_type_for_3p_segments') ? {
+            }, type ? {
               t: type
             } : {});
           }
@@ -93,7 +93,7 @@ function buildSegmentTree(labelStacks) {
         if (!currentNode.c[key]) {
           currentNode.c[key] = _objectSpread({
             n: name
-          }, type && (0, _platformFeatureFlags.fg)('platform_ufo_add_type_for_3p_segments') ? {
+          }, type ? {
             t: type
           } : {});
         }
@@ -135,7 +135,7 @@ function optimizeLabelStack(labelStack, reactUFOVersion) {
       n: ls.name
     }, ls.segmentId ? {
       s: ls.segmentId
-    } : {}), ls.type && (0, _platformFeatureFlags.fg)('platform_ufo_add_type_for_3p_segments') ? {
+    } : {}), ls.type ? {
       t: ls.type
     } : {});
   });
@@ -169,7 +169,7 @@ function getOldSegmentsLabelStack(segments, interactionType) {
             n: ls.name
           }, ls.segmentId ? {
             s: ls.segmentId
-          } : {}), ls.type && (0, _platformFeatureFlags.fg)('platform_ufo_add_type_for_3p_segments') ? {
+          } : {}), ls.type ? {
             t: ls.type
           } : {}));
         }

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/segment/segment.js

@@ -11,7 +11,6 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _react = _interopRequireWildcard(require("react"));
 var _scheduler = require("scheduler");
 var _uuid = require("uuid");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _coinflip = _interopRequireDefault(require("../coinflip"));
 var _config = require("../config");
 var _experienceTraceIdContext = require("../experience-trace-id-context");
@@ -67,13 +66,13 @@ function UFOSegment(_ref) {
     return parentContext !== null && parentContext !== void 0 && parentContext.labelStack ? [].concat((0, _toConsumableArray2.default)(parentContext.labelStack), [_objectSpread({
       name: segmentName,
       segmentId: segmentId
-    }, type !== 'first-party' && (0, _platformFeatureFlags.fg)('platform_ufo_add_type_for_3p_segments') ? {
+    }, type !== 'first-party' ? {
       type: type
     } : {}) // Only pass non-default types (not 'first-party') in payload to reduce size
     ]) : [_objectSpread({
       name: segmentName,
       segmentId: segmentId
-    }, type !== 'first-party' && (0, _platformFeatureFlags.fg)('platform_ufo_add_type_for_3p_segments') ? {
+    }, type !== 'first-party' ? {
       type: type
     } : {})];
   }, [parentContext, segmentName, segmentId, type]);

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/common/utils/index.js

@@ -40,7 +40,7 @@ export function buildSegmentTree(labelStacks) {
         if (!currentNode.c[key]) {
           currentNode.c[key] = {
             n: name,
-            ...(type && fg('platform_ufo_add_type_for_3p_segments') ? {
+            ...(type ? {
               t: type
             } : {})
           };
@@ -62,7 +62,7 @@ export function buildSegmentTree(labelStacks) {
         if (!currentNode.c[key]) {
           currentNode.c[key] = {
             n: name,
-            ...(type && fg('platform_ufo_add_type_for_3p_segments') ? {
+            ...(type ? {
               t: type
             } : {})
           };
@@ -103,7 +103,7 @@ export function optimizeLabelStack(labelStack, reactUFOVersion) {
     ...(ls.segmentId ? {
       s: ls.segmentId
     } : {}),
-    ...(ls.type && fg('platform_ufo_add_type_for_3p_segments') ? {
+    ...(ls.type ? {
       t: ls.type
     } : {})
   }));
@@ -135,7 +135,7 @@ export function getOldSegmentsLabelStack(segments, interactionType) {
           ...(ls.segmentId ? {
             s: ls.segmentId
           } : {}),
-          ...(ls.type && fg('platform_ufo_add_type_for_3p_segments') ? {
+          ...(ls.type ? {
             t: ls.type
           } : {})
         });

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/segment/segment.js

@@ -1,7 +1,6 @@
 import React, { lazy, Profiler, Suspense, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import { unstable_NormalPriority as NormalPriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
 import { v4 as createUUID } from 'uuid';
-import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
 import { getConfig, getInteractionRate } from '../config';
 import { getActiveTrace, setInteractionActiveTrace } from '../experience-trace-id-context';
@@ -46,14 +45,14 @@ export default function UFOSegment({
   const labelStack = useMemo(() => parentContext !== null && parentContext !== void 0 && parentContext.labelStack ? [...parentContext.labelStack, {
     name: segmentName,
     segmentId,
-    ...(type !== 'first-party' && fg('platform_ufo_add_type_for_3p_segments') ? {
+    ...(type !== 'first-party' ? {
       type
     } : {})
   } // Only pass non-default types (not 'first-party') in payload to reduce size
   ] : [{
     name: segmentName,
     segmentId,
-    ...(type !== 'first-party' && fg('platform_ufo_add_type_for_3p_segments') ? {
+    ...(type !== 'first-party' ? {
       type
     } : {})
   }], [parentContext, segmentName, segmentId, type]);