@atlaskit/react-ufo 3.14.3 → 3.14.5

package/dist/cjs/create-payload/utils/get-fmp.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFMP = getFMP;
+var _config = require("../../config");
+var _findMatchingLegacyMetric = require("./find-matching-legacy-metric");
+/**
+ * Calculate FMP (First Meaningful Paint) based on interaction type and configuration
+ * FMP is calculated based on legacy metrics or marks depending on interaction type and configuration
+ */
+function getFMP(interaction, experienceName) {
+  var _config$ssr, _config$ssr$getSSRDon, _config$ssr2;
+  var start = interaction.start,
+    type = interaction.type,
+    marks = interaction.marks;
+  var config = (0, _config.getConfig)();
+  var ssrDoneTime = config === null || config === void 0 || (_config$ssr = config.ssr) === null || _config$ssr === void 0 || (_config$ssr$getSSRDon = _config$ssr.getSSRDoneTime) === null || _config$ssr$getSSRDon === void 0 ? void 0 : _config$ssr$getSSRDon.call(_config$ssr);
+  var isBM3ConfigSSRDoneAsFmp = interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp;
+  var isUFOConfigSSRDoneAsFmp = interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp || !!(config !== null && config !== void 0 && (_config$ssr2 = config.ssr) !== null && _config$ssr2 !== void 0 && _config$ssr2.getSSRDoneTime);
+
+  // Find matching legacy metric
+  var matchingLegacyMetric = (0, _findMatchingLegacyMetric.findMatchingLegacyMetric)(interaction, experienceName);
+  var fmp;
+  if (type === 'page_load' || type === 'transition') {
+    if (interaction.legacyMetrics && matchingLegacyMetric) {
+      // Check if legacy metric has FMP
+      var legacyFmp = matchingLegacyMetric.fmp; // BM3Event doesn't have fmp in types, but it might exist
+      if (legacyFmp) {
+        fmp = Math.round(legacyFmp - start);
+      }
+      // If no FMP in legacy metric, return undefined (don't calculate fallback)
+    }
+  }
+  if (type === 'page_load' && fmp === undefined) {
+    if (isBM3ConfigSSRDoneAsFmp || isUFOConfigSSRDoneAsFmp) {
+      var _marks$find;
+      var foundMark = marks === null || marks === void 0 || (_marks$find = marks.find(function (mark) {
+        return mark.name === 'fmp';
+      })) === null || _marks$find === void 0 ? void 0 : _marks$find.time;
+      if (foundMark) {
+        fmp = Math.round(foundMark - start);
+      } else if (ssrDoneTime) {
+        fmp = Math.round(ssrDoneTime - start);
+      }
+      // If no FMP mark and no SSR done time, fmp remains undefined
+    }
+    // If not using SSR config, fmp remains undefined for page_load without legacy metrics
+  }
+  return fmp;
+}

package/dist/cjs/create-payload/utils/get-navigation-metrics.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getNavigationMetrics;
+exports.getNavigationMetricsToLegacyFormat = getNavigationMetricsToLegacyFormat;
+function getNavigationMetrics(type) {
+  if (type !== 'page_load') {
+    return null;
+  }
+  try {
+    var entries = performance.getEntriesByType('navigation');
+    if (entries.length === 0) {
+      return null;
+    }
+    var navigation = entries[0];
+    return {
+      // From https://www.w3.org/TR/resource-timing/
+      redirectStart: Math.round(navigation.redirectStart),
+      redirectEnd: Math.round(navigation.redirectEnd),
+      fetchStart: Math.round(navigation.fetchStart),
+      domainLookupStart: Math.round(navigation.domainLookupStart),
+      domainLookupEnd: Math.round(navigation.domainLookupEnd),
+      connectStart: Math.round(navigation.connectStart),
+      connectEnd: Math.round(navigation.connectEnd),
+      secureConnectionStart: Math.round(navigation.secureConnectionStart),
+      requestStart: Math.round(navigation.requestStart),
+      responseStart: Math.round(navigation.responseStart),
+      responseEnd: Math.round(navigation.responseEnd),
+      encodedBodySize: Math.round(navigation.encodedBodySize),
+      decodedBodySize: Math.round(navigation.decodedBodySize),
+      transferSize: Math.round(navigation.transferSize),
+      // From https://www.w3.org/TR/navigation-timing-2/
+      redirectCount: navigation.redirectCount,
+      type: navigation.type,
+      unloadEventEnd: Math.round(navigation.unloadEventEnd),
+      unloadEventStart: Math.round(navigation.unloadEventStart),
+      workerStart: Math.round(navigation.workerStart),
+      nextHopProtocol: navigation.nextHopProtocol
+
+      // The following properties are ignored because they provided limited value on a modern stack (e.g. the content
+      // is usually rendered and interactive before the dom is fully parsed, don't play well with streamed content...)
+      //   * domComplete
+      //   * domContentLoadedEventEnd
+      //   * domContentLoadedEventStart
+      //   * domInteractive
+      //   * loadEventEnd
+      //   * loadEventStart
+    };
+  } catch (error) {
+    // Return null if there's any error accessing navigation timing
+    return null;
+  }
+}
+
+// Helper function to get navigation metrics in legacy format for backward compatibility
+function getNavigationMetricsToLegacyFormat(type) {
+  var navigationMetrics = getNavigationMetrics(type);
+  if (!navigationMetrics) {
+    return {};
+  }
+  return {
+    'metrics:navigation': navigationMetrics
+  };
+}

package/dist/cjs/create-payload/utils/get-paint-metrics.js

@@ -0,0 +1,124 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getPaintMetrics;
+exports.getPaintMetricsToLegacyFormat = getPaintMetricsToLegacyFormat;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+// Type definitions for paint metrics
+// Main function returns compact nested format
+function getPaintMetrics(_x, _x2) {
+  return _getPaintMetrics.apply(this, arguments);
+} // Helper function to get paint metrics in legacy colon format for backward compatibility
+function _getPaintMetrics() {
+  _getPaintMetrics = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(type, end) {
+    var paint, paintEntries, lcp;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!(type !== 'page_load')) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return", {});
+        case 2:
+          paint = {};
+          paintEntries = performance.getEntriesByType('paint');
+          paintEntries.forEach(function (entry) {
+            if (entry.name === 'first-paint') {
+              paint.fp = Math.round(entry.startTime);
+            }
+            if (entry.name === 'first-contentful-paint') {
+              paint.fcp = Math.round(entry.startTime);
+            }
+          });
+
+          // Get LCP using PerformanceObserver
+          _context.next = 7;
+          return new Promise(function (resolve) {
+            // Check if we already have LCP entries
+            var existingEntries = performance.getEntriesByType('largest-contentful-paint');
+            var lastEntry = existingEntries.reduce(function (agg, entry) {
+              if (entry.startTime <= end && (agg === null || agg.startTime < entry.startTime)) {
+                return entry;
+              }
+              return agg;
+            }, null);
+            if (lastEntry) {
+              resolve(lastEntry.startTime);
+              return;
+            }
+            var observer = new PerformanceObserver(function (list) {
+              var entries = Array.from(list.getEntries());
+              var lastEntry = entries.reduce(function (agg, entry) {
+                if (entry.startTime <= end && (agg === null || agg.startTime < entry.startTime)) {
+                  return entry;
+                }
+                return agg;
+              }, null);
+              clearTimeout(timeoutId);
+              observer.disconnect();
+              if (lastEntry) {
+                resolve(lastEntry.startTime);
+              } else {
+                resolve(null);
+              }
+            });
+            observer.observe({
+              type: 'largest-contentful-paint',
+              buffered: true
+            });
+            var timeoutId = setTimeout(function () {
+              observer.disconnect();
+              resolve(null);
+            }, 200);
+          });
+        case 7:
+          lcp = _context.sent;
+          if (lcp) {
+            paint.lcp = Math.round(lcp);
+          }
+          return _context.abrupt("return", paint);
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _getPaintMetrics.apply(this, arguments);
+}
+function getPaintMetricsToLegacyFormat(_x3, _x4) {
+  return _getPaintMetricsToLegacyFormat.apply(this, arguments);
+}
+function _getPaintMetricsToLegacyFormat() {
+  _getPaintMetricsToLegacyFormat = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(type, end) {
+    var paint, legacyFormat;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return getPaintMetrics(type, end);
+        case 2:
+          paint = _context2.sent;
+          legacyFormat = {};
+          if (paint.fp !== undefined) {
+            legacyFormat['metric:fp'] = paint.fp;
+          }
+          if (paint.fcp !== undefined) {
+            legacyFormat['metric:fcp'] = paint.fcp;
+          }
+          if (paint.lcp !== undefined) {
+            legacyFormat['metric:lcp'] = paint.lcp;
+          }
+          return _context2.abrupt("return", legacyFormat);
+        case 8:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _getPaintMetricsToLegacyFormat.apply(this, arguments);
+}

package/dist/cjs/create-payload/utils/get-payload-size.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getPayloadSize;
+// Reusable TextEncoder instance to avoid creating new instances
+var textEncoder = new TextEncoder();
+function getPayloadSize(payload) {
+  // Early return for null/undefined to avoid unnecessary processing
+  if (!payload) {
+    return 0;
+  }
+
+  // Use the reusable encoder instance
+  return Math.round(textEncoder.encode(JSON.stringify(payload)).length / 1024);
+}

package/dist/cjs/create-payload/utils/get-react-ufo-payload-version.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.LATEST_REACT_UFO_PAYLOAD_VERSION = void 0;
 exports.getReactUFOPayloadVersion = getReactUFOPayloadVersion;
+var LATEST_REACT_UFO_PAYLOAD_VERSION = exports.LATEST_REACT_UFO_PAYLOAD_VERSION = '2.0.0';
 function getReactUFOPayloadVersion(interactionType, isPostInteractionLog) {
   if (isPostInteractionLog) {
     return '1.0.1';
@@ -11,5 +13,5 @@ function getReactUFOPayloadVersion(interactionType, isPostInteractionLog) {
   if (interactionType !== 'page_load' && interactionType !== 'transition') {
     return '1.0.1';
   }
-  return '2.0.0';
+  return LATEST_REACT_UFO_PAYLOAD_VERSION;
 }

package/dist/cjs/create-payload/utils/get-ssr-success.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getSSRSuccess;
+var ssr = _interopRequireWildcard(require("../../ssr"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function getSSRSuccess(type) {
+  if (type !== 'page_load') {
+    return undefined;
+  }
+  return ssr.getSSRSuccess();
+}

package/dist/cjs/create-payload/utils/get-ttai.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getTTAI;
+var _getPageVisibilityUpToTtai = _interopRequireDefault(require("./get-page-visibility-up-to-ttai"));
+function getTTAI(interaction) {
+  var start = interaction.start,
+    end = interaction.end;
+  var pageVisibilityUpToTTAI = (0, _getPageVisibilityUpToTtai.default)(interaction);
+  return !interaction.abortReason && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
+}

package/dist/cjs/create-payload/utils/get-tti.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTTI = getTTI;
+var _findMatchingLegacyMetric = require("./find-matching-legacy-metric");
+/**
+ * Calculate TTI (Time to Interactive) based on server-side logic
+ * TTI is the time from interaction start to the end of the first matching legacy metric,
+ * or falls back to apdex/UFO end time if no legacy metrics exist
+ */
+function getTTI(interaction, experienceName) {
+  var _apdex$;
+  var start = interaction.start,
+    end = interaction.end,
+    apdex = interaction.apdex;
+
+  // Find matching legacy metric
+  var matchingLegacyMetric = (0, _findMatchingLegacyMetric.findMatchingLegacyMetric)(interaction, experienceName);
+
+  // Get end times in priority order (following server-side logic)
+  var apdexEndTime = apdex === null || apdex === void 0 || (_apdex$ = apdex[0]) === null || _apdex$ === void 0 ? void 0 : _apdex$.stopTime;
+  var legacyMetricsEndTime = matchingLegacyMetric === null || matchingLegacyMetric === void 0 ? void 0 : matchingLegacyMetric.stop;
+  var ufoEndTime = end;
+  var ttiEndTime;
+  if (matchingLegacyMetric && legacyMetricsEndTime) {
+    // Use legacy metrics end time if we have a matching legacy metric
+    ttiEndTime = legacyMetricsEndTime;
+  } else if (apdexEndTime) {
+    // Fall back to apdex end time if no matching legacy metrics
+    ttiEndTime = apdexEndTime;
+  } else {
+    // Final fallback to UFO end time
+    ttiEndTime = ufoEndTime;
+  }
+  return ttiEndTime ? Math.round(ttiEndTime - start) : undefined;
+}

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

@@ -11,6 +11,7 @@ exports.abortByNewInteraction = abortByNewInteraction;
 exports.addApdex = addApdex;
 exports.addApdexToAll = addApdexToAll;
 exports.addBrowserMetricEvent = addBrowserMetricEvent;
+exports.addCohortingCustomData = addCohortingCustomData;
 exports.addCustomData = addCustomData;
 exports.addCustomSpans = addCustomSpans;
 exports.addCustomTiming = addCustomTiming;
@@ -196,6 +197,29 @@ function addCustomData(interactionId, labelStack, data) {
     });
   }
 }
+function addCohortingCustomData(interactionId, key, value) {
+  var interaction = _constants.interactions.get(interactionId);
+  if (interaction == null) {
+    return;
+  }
+
+  // Allow null and undefined values
+  if (value === null || value === undefined) {
+    interaction.cohortingCustomData.set(key, value);
+    return;
+  }
+
+  // Validate that the value is a primitive (number, boolean, or string)
+  if (typeof value !== 'number' && typeof value !== 'boolean' && typeof value !== 'string') {
+    return;
+  }
+
+  // Validate string length (max 50 characters)
+  if (typeof value === 'string' && value.length > 50) {
+    return;
+  }
+  interaction.cohortingCustomData.set(key, value);
+}
 function addCustomTiming(interactionId, labelStack, data) {
   var interaction = _constants.interactions.get(interactionId);
   if (interaction != null) {
@@ -789,6 +813,7 @@ function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelS
     isPreviousInteractionAborted: PreviousInteractionLog.isAborted === true,
     marks: [],
     customData: [],
+    cohortingCustomData: new Map(),
     customTimings: [],
     spans: [],
     requestInfo: [],

package/dist/cjs/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -25,6 +25,9 @@ var getConsideredEntryTypes = function getConsideredEntryTypes() {
   if (!(0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_elements_from_ttvc')) {
     entryTypes.push('mutation:third-party-element');
   }
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_media_for_ttvc_v3')) {
+    entryTypes.push('mutation:media');
+  }
   return entryTypes;
 };
 

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

@@ -0,0 +1,6 @@
+import { createRootCriticalMetricsPayload } from './root-metrics';
+import { createSegmentMetricsPayloads } from './segment-metrics/create-segment-metrics';
+export async function createCriticalMetricsPayloads(interactionId, interaction, vcMetrics) {
+  const [rootPayload, segmentPayloads] = await Promise.all([createRootCriticalMetricsPayload(interactionId, interaction, vcMetrics), createSegmentMetricsPayloads(interactionId, interaction)]);
+  return [rootPayload, ...segmentPayloads];
+}

package/dist/es2019/create-payload/critical-metrics-payload/root-metrics.js

@@ -0,0 +1,166 @@
+import { getLighthouseMetrics } from '../../additional-payload';
+import { getConfig } from '../../config';
+import { getPageVisibilityState } from '../../hidden-timing';
+import { sanitizeUfoName } from '../common/utils';
+import getBrowserMetadata from '../utils/get-browser-metadata';
+import { getFMP } from '../utils/get-fmp';
+import getInteractionStatus from '../utils/get-interaction-status';
+import getNavigationMetrics from '../utils/get-navigation-metrics';
+import getPageVisibilityUpToTTAI from '../utils/get-page-visibility-up-to-ttai';
+import getPaintMetrics from '../utils/get-paint-metrics';
+import { LATEST_REACT_UFO_PAYLOAD_VERSION } from '../utils/get-react-ufo-payload-version';
+import getSSRSuccess from '../utils/get-ssr-success';
+import getTTAI from '../utils/get-ttai';
+import { getTTI } from '../utils/get-tti';
+import getVCMetrics from '../utils/get-vc-metrics';
+
+// Re-export types for convenience
+
+// Local utility functions
+function getPageVisibilityUpToTTI(interaction) {
+  var _interaction$apdex$0$, _interaction$apdex, _interaction$apdex$;
+  const {
+    start
+  } = interaction;
+  const bm3EndTimeOrInteractionEndTime = (_interaction$apdex$0$ = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 ? void 0 : (_interaction$apdex$ = _interaction$apdex[0]) === null || _interaction$apdex$ === void 0 ? void 0 : _interaction$apdex$.stopTime) !== null && _interaction$apdex$0$ !== void 0 ? _interaction$apdex$0$ : interaction.end;
+  return getPageVisibilityState(start, bm3EndTimeOrInteractionEndTime);
+}
+
+// TODO Write tests for this function
+export async function createRootCriticalMetricsPayload(interactionId, interaction, vcMetrics) {
+  var _finalVCMetrics$ufoV, _interaction$cohortin, _window$location;
+  const config = getConfig();
+  if (!config) {
+    throw Error('UFO Configuration not provided');
+  }
+  const {
+    end,
+    start,
+    ufoName,
+    rate,
+    type,
+    abortReason,
+    routeName,
+    previousInteractionName,
+    isPreviousInteractionAborted,
+    abortedByInteractionName,
+    holdInfo,
+    responsiveness
+  } = interaction;
+  const pageVisibilityAtTTI = getPageVisibilityUpToTTI(interaction);
+  const pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
+  const interactionStatus = getInteractionStatus(interaction);
+  const newUFOName = sanitizeUfoName(ufoName);
+
+  // Get performance metrics
+  const ttai = getTTAI(interaction);
+  const paintMetrics = await getPaintMetrics(type, end);
+  const navigationMetrics = getNavigationMetrics(type);
+  const ssrSuccess = getSSRSuccess(type);
+
+  // Calculate BM3 metrics (TTI and FMP) directly
+  const tti = getTTI(interaction, newUFOName);
+  const fmp = getFMP(interaction, newUFOName);
+
+  // Get browser metadata (using compact nested format)
+  const browserMetadata = getBrowserMetadata();
+  const lighthouseMetrics = getLighthouseMetrics({
+    start,
+    stop: end
+  });
+
+  // Use provided vcMetrics or calculate if not provided
+  const finalVCMetrics = vcMetrics || (await getVCMetrics(interaction));
+  const ttvc = (_finalVCMetrics$ufoV = finalVCMetrics['ufo:vc:rev']) === null || _finalVCMetrics$ufoV === void 0 ? void 0 : _finalVCMetrics$ufoV.map(revision => {
+    if (revision['metric:vc90'] === null || revision.clean !== true) {
+      return null;
+    }
+    return {
+      revision: revision.revision,
+      vc90: revision['metric:vc90']
+    };
+  }).filter(revision => revision != null);
+
+  // find earliest hold
+  const earliestHold = holdInfo === null || holdInfo === void 0 ? void 0 : holdInfo.reduce((a, b) => {
+    if (a && a.start < b.start) {
+      return a;
+    }
+    return b;
+  }, null);
+
+  // Process cohorting custom data
+  const cohortingCustomData = (_interaction$cohortin = interaction.cohortingCustomData) !== null && _interaction$cohortin !== void 0 && _interaction$cohortin.size ? Object.fromEntries(interaction.cohortingCustomData) : undefined;
+  const properties = {
+    // Basic metadata
+    'event:hostname': ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname) || 'unknown',
+    'event:product': config.product,
+    'event:schema': '1.0.0',
+    'event:region': config.region || 'unknown',
+    'event:source': {
+      name: 'react-ufo/web',
+      version: LATEST_REACT_UFO_PAYLOAD_VERSION
+    },
+    'experience:key': 'custom.ufo.critical-metrics',
+    'experience:name': newUFOName,
+    // Browser metadata (compact nested format)
+    browser: browserMetadata.browser,
+    device: browserMetadata.device,
+    network: browserMetadata.network,
+    time: browserMetadata.time,
+    metrics: {
+      fp: paintMetrics.fp,
+      fcp: paintMetrics.fcp,
+      lcp: paintMetrics.lcp,
+      ttai,
+      tti,
+      fmp,
+      tbt: lighthouseMetrics['metric:tbt'],
+      tbtObserved: lighthouseMetrics['metric:tbt:observed'],
+      cls: lighthouseMetrics['metric:cls'],
+      ttvc: ttvc !== null && ttvc !== void 0 ? ttvc : undefined,
+      earliestHoldStart: earliestHold !== null && earliestHold !== void 0 && earliestHold.start ? Math.round(earliestHold.start - start) : undefined,
+      // for interaction response
+      inputDelay: responsiveness !== null && responsiveness !== void 0 && responsiveness.inputDelay ? Math.round(responsiveness.inputDelay) : undefined,
+      inp: responsiveness !== null && responsiveness !== void 0 && responsiveness.experimentalInputToNextPaint ? Math.round(responsiveness.experimentalInputToNextPaint) : undefined,
+      ...(navigationMetrics && {
+        navigation: navigationMetrics
+      })
+    },
+    ...(ssrSuccess !== undefined && {
+      ssrSuccess
+    }),
+    interactionId,
+    type,
+    rate,
+    routeName: routeName !== null && routeName !== void 0 ? routeName : undefined,
+    // Performance timings
+    start: Math.round(start),
+    end: Math.round(end),
+    // Status and outcome
+    status: interactionStatus.originalInteractionStatus,
+    abortReason,
+    previousInteractionName,
+    isPreviousInteractionAborted,
+    abortedByInteractionName,
+    pageVisibilityAtTTI: pageVisibilityAtTTI !== null && pageVisibilityAtTTI !== void 0 ? pageVisibilityAtTTI : undefined,
+    pageVisibilityAtTTAI,
+    // Basic error count (not detailed error count)
+    errorCount: interaction.errors.length,
+    // Cohorting custom data
+    ...(Object.keys(cohortingCustomData || {}).length > 0 && {
+      cohortingCustomData
+    })
+  };
+  const payload = {
+    actionSubject: 'experience',
+    action: 'measured',
+    eventType: 'operational',
+    source: 'measured',
+    tags: ['observability'],
+    attributes: {
+      properties: properties
+    }
+  };
+  return payload;
+}