@atlaskit/react-ufo 3.14.3 → 3.14.4

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

@@ -0,0 +1,155 @@
+import { getConfig } from '../../../config';
+import getBrowserMetadata from '../../utils/get-browser-metadata';
+import getPageVisibilityUpToTTAI from '../../utils/get-page-visibility-up-to-ttai';
+import { LATEST_REACT_UFO_PAYLOAD_VERSION } from '../../utils/get-react-ufo-payload-version';
+import getIsRootSegment from './get-is-root-segment';
+import getSegmentId from './get-segment-id';
+import getSegmentStatus from './get-segment-status';
+export async function createSegmentMetricsPayloads(interactionId, interaction) {
+  var _interaction$cohortin;
+  const config = getConfig();
+  if (!config) {
+    throw Error('UFO Configuration not provided');
+  }
+
+  // Get browser metadata (using compact nested format)
+  const browserMetadata = getBrowserMetadata();
+
+  // Process cohorting custom data
+  const cohortingCustomData = (_interaction$cohortin = interaction.cohortingCustomData) !== null && _interaction$cohortin !== void 0 && _interaction$cohortin.size ? Object.fromEntries(interaction.cohortingCustomData) : undefined;
+  const pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
+  const {
+    knownSegments,
+    reactProfilerTimings,
+    rate,
+    routeName,
+    previousInteractionName,
+    isPreviousInteractionAborted,
+    abortedByInteractionName
+  } = interaction;
+
+  // Group segments by name and select the first segment for each name
+  const segmentsByName = new Map();
+  for (const segment of knownSegments) {
+    const segmentId = getSegmentId(segment.labelStack);
+
+    // skip if no segmentId
+    if (!segmentId) {
+      continue;
+    }
+    const name = segment.labelStack[segment.labelStack.length - 1].name;
+    const isRootSegment = getIsRootSegment(segment.labelStack);
+    const segmentProfilerTimings = reactProfilerTimings.filter(timing => {
+      const timingSegmentId = getSegmentId(timing.labelStack);
+      // check if labelStack matches exactly
+      return timingSegmentId === segmentId;
+    }).sort((a, b) => {
+      return a.startTime - b.startTime;
+    });
+    const firstMountTiming = segmentProfilerTimings.find(timing => {
+      return timing.type === 'mount';
+    });
+    if (!firstMountTiming) {
+      continue;
+    }
+    const firstMountTime = isRootSegment ? interaction.start : firstMountTiming.startTime;
+
+    // Check if we already have a segment with this name
+    const existingEntry = segmentsByName.get(name);
+    if (!existingEntry || firstMountTime < existingEntry.firstMountTime) {
+      // Either first time seeing this name, or this segment mounted earlier
+      segmentsByName.set(name, {
+        segment,
+        firstMountTime
+      });
+    }
+  }
+
+  // Create payloads only for the selected segments (first one per name)
+  const payloads = [];
+  for (const {
+    segment
+  } of segmentsByName.values()) {
+    var _window$location;
+    const segmentId = getSegmentId(segment.labelStack);
+    const name = segment.labelStack[segment.labelStack.length - 1].name;
+    const isRootSegment = getIsRootSegment(segment.labelStack);
+    const segmentProfilerTimings = reactProfilerTimings.filter(timing => {
+      const timingSegmentId = getSegmentId(timing.labelStack);
+      // check if labelStack matches exactly
+      return timingSegmentId === segmentId;
+    }).sort((a, b) => {
+      return a.startTime - b.startTime;
+    });
+    const firstMountTiming = segmentProfilerTimings.find(timing => {
+      return timing.type === 'mount';
+    });
+
+    // We already checked this exists in the grouping phase
+    if (!firstMountTiming) {
+      continue;
+    }
+    const lastTiming = segmentProfilerTimings[segmentProfilerTimings.length - 1];
+    const startTime = isRootSegment ? interaction.start : firstMountTiming.startTime;
+    const endTime = lastTiming.commitTime;
+    const ttai = Math.round(endTime - startTime);
+    const {
+      status,
+      abortReason: segmentAbortReason
+    } = getSegmentStatus(interaction, segment);
+    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': name,
+      // Browser metadata (compact nested format)
+      browser: browserMetadata.browser,
+      device: browserMetadata.device,
+      network: browserMetadata.network,
+      time: browserMetadata.time,
+      metrics: {
+        ttai,
+        tti: ttai
+      },
+      interactionId,
+      type: 'page_segment_load',
+      rate,
+      routeName: routeName !== null && routeName !== void 0 ? routeName : undefined,
+      // Performance timings
+      start: Math.round(startTime),
+      end: Math.round(endTime),
+      // Status and outcome
+      status,
+      abortReason: segmentAbortReason,
+      previousInteractionName,
+      isPreviousInteractionAborted,
+      abortedByInteractionName,
+      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
+      }
+    };
+    payloads.push(payload);
+  }
+  return payloads;
+}

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

@@ -0,0 +1,3 @@
+export default function getIsRootSegment(labelStack) {
+  return labelStack.length === 1;
+}

package/dist/es2019/create-payload/critical-metrics-payload/segment-metrics/get-segment-id.js

@@ -0,0 +1,9 @@
+export default function getSegmentId(labelStack) {
+  for (let i = labelStack.length - 1; i >= 0; i--) {
+    const label = labelStack[i];
+    if ('segmentId' in label) {
+      return label.segmentId;
+    }
+  }
+  return undefined;
+}

package/dist/es2019/create-payload/critical-metrics-payload/segment-metrics/get-segment-status.js

@@ -0,0 +1,40 @@
+import getInteractionStatus from '../../utils/get-interaction-status';
+import getSegmentId from './get-segment-id';
+import hasSegmentFailed from './has-segment-failed';
+import isLabelStackUnderSegment from './is-label-stack-under-segment';
+export default function getSegmentStatus(interaction, segment) {
+  const segmentId = getSegmentId(segment.labelStack);
+
+  // Get the root interaction status info
+  const rootInteractionStatus = getInteractionStatus(interaction);
+  const rootStatus = rootInteractionStatus.originalInteractionStatus;
+  const rootAbortReason = interaction.abortReason;
+  const isInteractionsAbortedByNewInteraction = rootStatus === 'ABORTED' && rootAbortReason === 'new_interaction';
+  const isInteractionsAbortedByTransition = rootStatus === 'ABORTED' && rootAbortReason === 'transition';
+  let status = 'SUCCEEDED';
+  let abortReason;
+
+  // Check if this specific segment has failed
+  if (segmentId && hasSegmentFailed(interaction.errors, segmentId)) {
+    status = 'FAILED';
+  } else if (isInteractionsAbortedByNewInteraction) {
+    status = 'ABORTED';
+    abortReason = 'new_interaction';
+  } else if (isInteractionsAbortedByTransition) {
+    status = 'ABORTED';
+    abortReason = 'transition';
+  } else if (segmentId) {
+    // Check for active holds that are under this segment
+    for (const activeHold of interaction.holdActive.values()) {
+      if (isLabelStackUnderSegment(activeHold.labelStack, segmentId)) {
+        status = 'ABORTED';
+        abortReason = 'timeout';
+        break;
+      }
+    }
+  }
+  return {
+    status,
+    abortReason
+  };
+}

package/dist/es2019/create-payload/critical-metrics-payload/segment-metrics/has-segment-failed.js

@@ -0,0 +1,10 @@
+import getSegmentId from './get-segment-id';
+export default function hasSegmentFailed(errors, segmentId) {
+  return errors.some(error => {
+    if (!error.labelStack) {
+      return false;
+    }
+    const errorSegmentId = getSegmentId(error.labelStack);
+    return errorSegmentId === segmentId;
+  });
+}

package/dist/es2019/create-payload/critical-metrics-payload/segment-metrics/is-label-stack-under-segment.js

@@ -0,0 +1,5 @@
+export default function isLabelStackUnderSegment(labelStack, segmentId) {
+  return labelStack.some(label => {
+    return 'segmentId' in label && label.segmentId === segmentId;
+  });
+}

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,5 +1,8 @@
-import Bowser from 'bowser-ultralight';
+import { getDocument } from '@atlaskit/browser-apis';
 import { fg } from '@atlaskit/platform-feature-flags';
+
+// Import common utilities
+
 import { getLighthouseMetrics } from '../additional-payload';
 import { CHRReporter } from '../assets';
 import * as bundleEvalTiming from '../bundle-eval-timing';
@@ -17,10 +20,17 @@ import { filterResourceTimings } from '../resource-timing/common/utils/resource-
 import { roundEpsilon } from '../round-number';
 import * as ssr from '../ssr';
 import { buildSegmentTree, labelStackStartWith, optimizeLabelStack, sanitizeUfoName, stringifyLabelStackFully } from './common/utils';
+import { createCriticalMetricsPayloads } from './critical-metrics-payload';
+import { getBrowserMetadataToLegacyFormat } from './utils/get-browser-metadata';
 import getInteractionStatus from './utils/get-interaction-status';
+import { getNavigationMetricsToLegacyFormat } from './utils/get-navigation-metrics';
 import getPageVisibilityUpToTTAI from './utils/get-page-visibility-up-to-ttai';
+import { getPaintMetricsToLegacyFormat } from './utils/get-paint-metrics';
+import getPayloadSize from './utils/get-payload-size';
 import { getReactUFOPayloadVersion } from './utils/get-react-ufo-payload-version';
 import getSSRDoneTimeValue from './utils/get-ssr-done-time-value';
+import getSSRSuccessUtil from './utils/get-ssr-success';
+import getTTAI from './utils/get-ttai';
 import getVCMetrics from './utils/get-vc-metrics';
 function getUfoNameOverride(interaction) {
   const {
@@ -131,119 +141,12 @@ function getResourceTimings(start, end) {
 function getBundleEvalTimings(start) {
   return bundleEvalTiming.getBundleEvalTimings(start);
 }
-function getSSRSuccess(type) {
-  return type === 'page_load' ? ssr.getSSRSuccess() : undefined;
-}
 function getSSRPhaseSuccess(type) {
   return type === 'page_load' ? ssr.getSSRPhaseSuccess() : undefined;
 }
 function getSSRFeatureFlags(type) {
   return type === 'page_load' ? ssr.getSSRFeatureFlags() : undefined;
 }
-const getLCP = end => {
-  return new Promise(resolve => {
-    let observer;
-    const timeout = setTimeout(() => {
-      var _observer;
-      (_observer = observer) === null || _observer === void 0 ? void 0 : _observer.disconnect();
-      resolve(null);
-    }, 200);
-    const performanceObserverCallback = list => {
-      const entries = Array.from(list.getEntries());
-      const lastEntry = entries.reduce((agg, entry) => {
-        // Use the latest LCP candidate before TTAI
-        if (entry.startTime <= end && (agg === null || agg.startTime < entry.startTime)) {
-          return entry;
-        }
-        return agg;
-      }, null);
-      clearTimeout(timeout);
-      if (!lastEntry || lastEntry === null) {
-        resolve(null);
-      } else {
-        resolve(lastEntry.startTime);
-      }
-    };
-    observer = new PerformanceObserver(performanceObserverCallback);
-    observer.observe({
-      type: 'largest-contentful-paint',
-      buffered: true
-    });
-  });
-};
-async function getPaintMetrics(type, end) {
-  if (type !== 'page_load') {
-    return {};
-  }
-  const metrics = {};
-  performance.getEntriesByType('paint').forEach(entry => {
-    if (entry.name === 'first-paint') {
-      metrics['metric:fp'] = Math.round(entry.startTime);
-    }
-    if (entry.name === 'first-contentful-paint') {
-      metrics['metric:fcp'] = Math.round(entry.startTime);
-    }
-  });
-  const lcp = await getLCP(end);
-  if (lcp) {
-    metrics['metric:lcp'] = Math.round(lcp);
-  }
-  return metrics;
-}
-function getTTAI(interaction) {
-  const {
-    start,
-    end
-  } = interaction;
-  const pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
-  return !interaction.abortReason && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
-}
-function getNavigationMetrics(type) {
-  if (type !== 'page_load') {
-    return {};
-  }
-  const entries = performance.getEntriesByType('navigation');
-  if (entries.length === 0) {
-    return {};
-  }
-  const navigation = entries[0];
-  const metrics = {
-    // 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, dont't play well with streamed content...)
-    //   * domComplete
-    //   * domContentLoadedEventEnd
-    //   * domContentLoadedEventStart
-    //   * domInteractive
-    //   * loadEventEnd
-    //   * loadEventStart
-  };
-  return {
-    'metrics:navigation': metrics
-  };
-}
 function getPPSMetrics(interaction) {
   var _interaction$apdex, _interaction$apdex$;
   const {
@@ -277,7 +180,7 @@ function getPPSMetrics(interaction) {
 function getSSRProperties(type) {
   const ssrPhases = getSSRPhaseSuccess(type);
   return {
-    'ssr:success': getSSRSuccess(type),
+    'ssr:success': getSSRSuccessUtil(type),
     'ssr:featureFlags': getSSRFeatureFlags(type),
     ...((ssrPhases === null || ssrPhases === void 0 ? void 0 : ssrPhases.earlyFlush) != null ? {
       'ssr:earlyflush:success': ssrPhases.earlyFlush
@@ -314,33 +217,6 @@ function getAssetsMetrics(interaction, SSRDoneTime) {
     return {};
   }
 }
-function getBrowserMetadata() {
-  const data = {};
-  const now = new Date();
-  data['event:localHour'] = now.getHours(); // returns the hours for this date according to local time
-  data['event:localDayOfWeek'] = now.getDay(); // Sunday - Saturday : 0 - 6
-  data['event:localTimezoneOffset'] = now.getTimezoneOffset(); // A number representing the difference, in minutes, between the date as evaluated in the UTC time zone and as evaluated in the local time zone.
-
-  if (navigator.userAgent != null) {
-    const browser = Bowser.getParser(navigator.userAgent);
-    data['event:browser:name'] = browser.getBrowserName();
-    data['event:browser:version'] = browser.getBrowserVersion();
-  }
-  if (navigator.hardwareConcurrency != null) {
-    data['event:cpus'] = navigator.hardwareConcurrency;
-  }
-  if (navigator.deviceMemory != null) {
-    data['event:memory'] = navigator.deviceMemory;
-  }
-
-  // eslint-disable-next-line compat/compat
-  if (navigator.connection != null) {
-    data['event:network:effectiveType'] = navigator.connection.effectiveType;
-    data['event:network:rtt'] = navigator.connection.rtt;
-    data['event:network:downlink'] = navigator.connection.downlink;
-  }
-  return data;
-}
 function getTracingContextData(interaction) {
   const {
     trace,
@@ -362,6 +238,7 @@ function getTracingContextData(interaction) {
 function optimizeCustomData(interaction) {
   const {
     customData,
+    cohortingCustomData,
     legacyMetrics
   } = interaction;
   const customDataMap = customData.reduce((result, {
@@ -377,6 +254,17 @@ function optimizeCustomData(interaction) {
     });
     return result;
   }, new Map());
+
+  // Merge cohorting custom data into the same map
+  if (cohortingCustomData && cohortingCustomData.size > 0) {
+    var _interaction$labelSta, _customDataMap$get$da, _customDataMap$get, _interaction$labelSta2;
+    const label = stringifyLabelStackFully((_interaction$labelSta = interaction.labelStack) !== null && _interaction$labelSta !== void 0 ? _interaction$labelSta : []);
+    const value = (_customDataMap$get$da = (_customDataMap$get = customDataMap.get(label)) === null || _customDataMap$get === void 0 ? void 0 : _customDataMap$get.data) !== null && _customDataMap$get$da !== void 0 ? _customDataMap$get$da : {};
+    customDataMap.set(label, {
+      labelStack: optimizeLabelStack((_interaction$labelSta2 = interaction.labelStack) !== null && _interaction$labelSta2 !== void 0 ? _interaction$labelSta2 : [], getReactUFOPayloadVersion(interaction.type)),
+      data: Object.assign(value, Object.fromEntries(cohortingCustomData))
+    });
+  }
   if (legacyMetrics) {
     const legacyMetricsFiltered = legacyMetrics.filter(item => item.type === 'PAGE_LOAD').reduce((result, currentValue) => {
       for (const [key, value] of Object.entries(currentValue.custom || {})) {
@@ -633,14 +521,15 @@ function getBm3TrackerTimings(interaction) {
     legacyMetrics
   };
 }
-function getPayloadSize(payload) {
-  return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
-}
 function getStylesheetMetrics() {
   try {
-    const stylesheets = Array.from(document.styleSheets);
+    const doc = getDocument();
+    if (!doc) {
+      return {};
+    }
+    const stylesheets = Array.from(doc.styleSheets);
     const stylesheetCount = stylesheets.length;
-    const cssrules = Array.from(document.styleSheets).reduce((acc, item) => {
+    const cssrules = Array.from(doc.styleSheets).reduce((acc, item) => {
       // Other domain stylesheets throw a SecurityError
       try {
         return acc + item.cssRules.length;
@@ -648,9 +537,9 @@ function getStylesheetMetrics() {
         return acc;
       }
     }, 0);
-    const styleElements = document.querySelectorAll('style').length;
-    const styleProps = document.querySelectorAll('[style]');
-    const styleDeclarations = Array.from(document.querySelectorAll('[style]')).reduce((acc, item) => {
+    const styleElements = doc.querySelectorAll('style').length;
+    const styleProps = doc.querySelectorAll('[style]');
+    const styleDeclarations = Array.from(doc.querySelectorAll('[style]')).reduce((acc, item) => {
       try {
         if ('style' in item) {
           return acc + item.style.length;
@@ -680,7 +569,7 @@ function getErrorCounts(interaction) {
     'ufo:errors:count': interaction.errors.length
   };
 }
-async function createInteractionMetricsPayload(interaction, interactionId, experimental) {
+async function createInteractionMetricsPayload(interaction, interactionId, experimental, criticalPayloadCount, vcMetrics) {
   var _window$location, _config$additionalPay;
   const interactionPayloadStart = performance.now();
   const config = getConfig();
@@ -779,7 +668,7 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
   }
   const newUFOName = sanitizeUfoName(ufoName);
   const resourceTimings = getResourceTimings(start, end);
-  const [vcMetrics, experimentalMetrics, paintMetrics] = await Promise.all([getVCMetrics(interaction), experimental ? getExperimentalVCMetrics(interaction) : Promise.resolve(undefined), getPaintMetrics(type, end)]);
+  const [finalVCMetrics, experimentalMetrics, paintMetrics] = await Promise.all([vcMetrics || (await getVCMetrics(interaction)), experimental ? getExperimentalVCMetrics(interaction) : Promise.resolve(undefined), getPaintMetricsToLegacyFormat(type, end)]);
   const payload = {
     actionSubject: 'experience',
     action: 'measured',
@@ -806,14 +695,18 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
         ...(fg('platform_ufo_report_memory_usage') ? {
           'event:memory:usage': createMemoryStateReport(interaction.start, interaction.end)
         } : {}),
+        ...(criticalPayloadCount !== undefined ? {
+          'ufo:multipayload': true,
+          'ufo:criticalPayloadCount': criticalPayloadCount
+        } : {}),
         // root
-        ...getBrowserMetadata(),
+        ...getBrowserMetadataToLegacyFormat(),
         ...getSSRProperties(type),
         ...getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime),
         ...getPPSMetrics(interaction),
         ...paintMetrics,
-        ...getNavigationMetrics(type),
-        ...vcMetrics,
+        ...getNavigationMetricsToLegacyFormat(type),
+        ...finalVCMetrics,
         ...experimentalMetrics,
         ...((_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)),
         ...getTracingContextData(interaction),
@@ -884,8 +777,19 @@ export async function createPayloads(interactionId, interaction) {
     ...interaction,
     ufoName: ufoNameOverride
   };
-  const interactionMetricsPayload = await createInteractionMetricsPayload(modifiedInteraction, interactionId);
-  return [interactionMetricsPayload];
+  const payloads = [];
+  const isCriticalMetricsEnabled = fg('platform_ufo_critical_metrics_payload');
+
+  // Calculate VC metrics once to avoid duplicate expensive calculations
+  const vcMetrics = await getVCMetrics(interaction);
+
+  // typeof Promise<CriticalMetricsPayload[]>
+  const criticalMetricsPayloads = isCriticalMetricsEnabled ? await createCriticalMetricsPayloads(interactionId, interaction, vcMetrics) : [];
+  payloads.push(...criticalMetricsPayloads);
+  const criticalPayloadCount = isCriticalMetricsEnabled ? criticalMetricsPayloads.length : undefined;
+  const interactionMetricsPayload = await createInteractionMetricsPayload(modifiedInteraction, interactionId, undefined, criticalPayloadCount, vcMetrics);
+  payloads.push(interactionMetricsPayload);
+  return payloads.filter(Boolean);
 }
 export async function createExperimentalMetricsPayload(interactionId, interaction) {
   const config = getConfig();

package/dist/es2019/create-payload/utils/find-matching-legacy-metric.js

@@ -0,0 +1,7 @@
+/**
+ * Find matching legacy metric by experience name and type
+ */
+export function findMatchingLegacyMetric(interaction, experienceName) {
+  var _interaction$legacyMe;
+  return (_interaction$legacyMe = interaction.legacyMetrics) === null || _interaction$legacyMe === void 0 ? void 0 : _interaction$legacyMe.find(metric => (metric.key === experienceName || metric.config.reactUFOName === experienceName) && metric.type === 'PAGE_LOAD');
+}

package/dist/es2019/create-payload/utils/get-browser-metadata.js

@@ -0,0 +1,79 @@
+import Bowser from 'bowser-ultralight';
+export default function getBrowserMetadata() {
+  const data = {
+    time: {
+      localHour: 0,
+      localDayOfWeek: 0,
+      localTimezoneOffset: 0
+    }
+  };
+  const now = new Date();
+  data.time.localHour = now.getHours(); // returns the hours for this date according to local time
+  data.time.localDayOfWeek = now.getDay(); // Sunday - Saturday : 0 - 6
+  data.time.localTimezoneOffset = now.getTimezoneOffset(); // A number representing the difference, in minutes, between the date as evaluated in the UTC time zone and as evaluated in the local time zone.
+
+  if (typeof navigator !== 'undefined' && navigator.userAgent != null) {
+    const browser = Bowser.getParser(navigator.userAgent);
+    data.browser = {
+      name: browser.getBrowserName(),
+      version: browser.getBrowserVersion()
+    };
+  }
+  if (typeof navigator !== 'undefined' && navigator.hardwareConcurrency != null) {
+    if (!data.device) {
+      data.device = {};
+    }
+    data.device.cpus = navigator.hardwareConcurrency;
+  }
+  if (typeof navigator !== 'undefined' && navigator.deviceMemory != null) {
+    if (!data.device) {
+      data.device = {};
+    }
+    data.device.memory = navigator.deviceMemory;
+  }
+
+  // eslint-disable-next-line compat/compat
+  if (typeof navigator !== 'undefined' && navigator.connection != null) {
+    data.network = {
+      effectiveType: navigator.connection.effectiveType,
+      rtt: navigator.connection.rtt,
+      downlink: navigator.connection.downlink
+    };
+  }
+  return data;
+}
+
+// Helper function to get browser metadata in legacy colon format for backward compatibility
+export function getBrowserMetadataToLegacyFormat() {
+  const metadata = getBrowserMetadata();
+  const legacyFormat = {};
+
+  // Time data
+  legacyFormat['event:localHour'] = metadata.time.localHour;
+  legacyFormat['event:localDayOfWeek'] = metadata.time.localDayOfWeek;
+  legacyFormat['event:localTimezoneOffset'] = metadata.time.localTimezoneOffset;
+
+  // Browser data
+  if (metadata.browser) {
+    legacyFormat['event:browser:name'] = metadata.browser.name;
+    legacyFormat['event:browser:version'] = metadata.browser.version;
+  }
+
+  // Device data
+  if (metadata.device) {
+    if (metadata.device.cpus !== undefined) {
+      legacyFormat['event:cpus'] = metadata.device.cpus;
+    }
+    if (metadata.device.memory !== undefined) {
+      legacyFormat['event:memory'] = metadata.device.memory;
+    }
+  }
+
+  // Network data
+  if (metadata.network) {
+    legacyFormat['event:network:effectiveType'] = metadata.network.effectiveType;
+    legacyFormat['event:network:rtt'] = metadata.network.rtt;
+    legacyFormat['event:network:downlink'] = metadata.network.downlink;
+  }
+  return legacyFormat;
+}

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

@@ -0,0 +1,47 @@
+import { getConfig } from '../../config';
+import { findMatchingLegacyMetric } from './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
+ */
+export function getFMP(interaction, experienceName) {
+  var _config$ssr, _config$ssr$getSSRDon, _config$ssr2;
+  const {
+    start,
+    type,
+    marks
+  } = interaction;
+  const config = getConfig();
+  const ssrDoneTime = config === null || config === void 0 ? void 0 : (_config$ssr = config.ssr) === null || _config$ssr === void 0 ? void 0 : (_config$ssr$getSSRDon = _config$ssr.getSSRDoneTime) === null || _config$ssr$getSSRDon === void 0 ? void 0 : _config$ssr$getSSRDon.call(_config$ssr);
+  const isBM3ConfigSSRDoneAsFmp = interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp;
+  const 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
+  const matchingLegacyMetric = findMatchingLegacyMetric(interaction, experienceName);
+  let fmp;
+  if (type === 'page_load' || type === 'transition') {
+    if (interaction.legacyMetrics && matchingLegacyMetric) {
+      // Check if legacy metric has FMP
+      const 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;
+      const foundMark = marks === null || marks === void 0 ? void 0 : (_marks$find = marks.find(mark => 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;
+}