@atlaskit/react-ufo 3.6.6 → 3.7.0

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

@@ -14,7 +14,6 @@ import { interactionSpans as atlaskitInteractionSpans } from '../interaction-met
 import * as resourceTiming from '../resource-timing';
 import { filterResourceTimings } from '../resource-timing/common/utils/resource-timing-buffer';
 import { roundEpsilon } from '../round-number';
-import { getProfilerAsyncRuntime, getProfilerRuntimeByTag, getProfilerTotalRuntime, markProfilingEnd, markProfilingStart, resetProfilerMeasurements, withProfiling } from '../self-measurements';
 import * as ssr from '../ssr';
 import { buildSegmentTree, labelStackStartWith, optimizeLabelStack, sanitizeUfoName, stringifyLabelStackFully } from './common/utils';
 import getInteractionStatus from './utils/get-interaction-status';
@@ -22,7 +21,7 @@ import getPageVisibilityUpToTTAI from './utils/get-page-visibility-up-to-ttai';
 import { getReactUFOPayloadVersion } from './utils/get-react-ufo-payload-version';
 import getSSRDoneTimeValue from './utils/get-ssr-done-time-value';
 import getVCMetrics from './utils/get-vc-metrics';
-const getUfoNameOverride = withProfiling(function getUfoNameOverride(interaction) {
+function getUfoNameOverride(interaction) {
   const {
     ufoName,
     apdex
@@ -39,8 +38,8 @@ const getUfoNameOverride = withProfiling(function getUfoNameOverride(interaction
   } catch (e) {
     return ufoName;
   }
-});
-const getEarliestLegacyStopTime = withProfiling(function getEarliestLegacyStopTime(interaction, labelStack) {
+}
+function getEarliestLegacyStopTime(interaction, labelStack) {
   let earliestLegacyStopTime = null;
   interaction.apdex.forEach(a => {
     var _a$labelStack, _earliestLegacyStopTi;
@@ -55,22 +54,22 @@ const getEarliestLegacyStopTime = withProfiling(function getEarliestLegacyStopTi
     }
   });
   return earliestLegacyStopTime;
-});
-const getBm3EndTimeOrFallbackValue = withProfiling(function getBm3EndTimeOrFallbackValue(interaction, labelStack = [], fallbackValue = interaction.end) {
+}
+function getBm3EndTimeOrFallbackValue(interaction, labelStack = [], fallbackValue = interaction.end) {
   var _getEarliestLegacySto;
   if (interaction.type === 'press') {
     return fallbackValue;
   }
   return (_getEarliestLegacySto = getEarliestLegacyStopTime(interaction, labelStack)) !== null && _getEarliestLegacySto !== void 0 ? _getEarliestLegacySto : fallbackValue;
-});
-const getPageVisibilityUpToTTI = withProfiling(function getPageVisibilityUpToTTI(interaction) {
+}
+function getPageVisibilityUpToTTI(interaction) {
   const {
     start
   } = interaction;
   const bm3EndTimeOrInteractionEndTime = getBm3EndTimeOrFallbackValue(interaction);
   return getPageVisibilityState(start, bm3EndTimeOrInteractionEndTime);
-});
-const getVisibilityStateFromPerformance = withProfiling(function getVisibilityStateFromPerformance(stop) {
+}
+function getVisibilityStateFromPerformance(stop) {
   try {
     const results = performance.getEntriesByType('visibility-state');
     if (!results || results.length === 0) {
@@ -97,8 +96,8 @@ const getVisibilityStateFromPerformance = withProfiling(function getVisibilitySt
   } catch (e) {
     return null;
   }
-});
-const getMoreAccuratePageVisibilityUpToTTI = withProfiling(function getMoreAccuratePageVisibilityUpToTTI(interaction) {
+}
+function getMoreAccuratePageVisibilityUpToTTI(interaction) {
   const old = getPageVisibilityUpToTTI(interaction);
   const tti = getEarliestLegacyStopTime(interaction, []);
   if (!tti) {
@@ -112,8 +111,8 @@ const getMoreAccuratePageVisibilityUpToTTI = withProfiling(function getMoreAccur
     return 'mixed';
   }
   return old;
-});
-const getMoreAccuratePageVisibilityUpToTTAI = withProfiling(function getMoreAccuratePageVisibilityUpToTTAI(interaction) {
+}
+function getMoreAccuratePageVisibilityUpToTTAI(interaction) {
   const old = getPageVisibilityUpToTTAI(interaction);
   const buffered = getVisibilityStateFromPerformance(interaction.end);
   if (!buffered) {
@@ -123,21 +122,21 @@ const getMoreAccuratePageVisibilityUpToTTAI = withProfiling(function getMoreAccu
     return 'mixed';
   }
   return old;
-});
-const getResourceTimings = withProfiling(function getResourceTimings(start, end) {
+}
+function getResourceTimings(start, end) {
   var _resourceTiming$getRe;
   return (_resourceTiming$getRe = resourceTiming.getResourceTimings(start, end)) !== null && _resourceTiming$getRe !== void 0 ? _resourceTiming$getRe : undefined;
-});
-const getBundleEvalTimings = withProfiling(function getBundleEvalTimings(start) {
+}
+function getBundleEvalTimings(start) {
   return bundleEvalTiming.getBundleEvalTimings(start);
-});
-const getSSRSuccess = withProfiling(function getSSRSuccess(type) {
+}
+function getSSRSuccess(type) {
   return type === 'page_load' ? ssr.getSSRSuccess() : undefined;
-});
-const getSSRFeatureFlags = withProfiling(function getSSRFeatureFlags(type) {
+}
+function getSSRFeatureFlags(type) {
   return type === 'page_load' ? ssr.getSSRFeatureFlags() : undefined;
-});
-const getLCP = withProfiling(function getLCP(end) {
+}
+const getLCP = end => {
   return new Promise(resolve => {
     let observer;
     const timeout = setTimeout(() => {
@@ -145,7 +144,7 @@ const getLCP = withProfiling(function getLCP(end) {
       (_observer = observer) === null || _observer === void 0 ? void 0 : _observer.disconnect();
       resolve(null);
     }, 200);
-    const performanceObserverCallback = withProfiling(function performanceObserverCallback(list) {
+    const performanceObserverCallback = list => {
       const entries = Array.from(list.getEntries());
       const lastEntry = entries.reduce((agg, entry) => {
         // Use the latest LCP candidate before TTAI
@@ -160,15 +159,15 @@ const getLCP = withProfiling(function getLCP(end) {
       } else {
         resolve(lastEntry.startTime);
       }
-    });
+    };
     observer = new PerformanceObserver(performanceObserverCallback);
     observer.observe({
       type: 'largest-contentful-paint',
       buffered: true
     });
   });
-});
-const getPaintMetrics = withProfiling(async function getPaintMetrics(type, end) {
+};
+async function getPaintMetrics(type, end) {
   if (type !== 'page_load') {
     return {};
   }
@@ -186,16 +185,16 @@ const getPaintMetrics = withProfiling(async function getPaintMetrics(type, end)
     metrics['metric:lcp'] = Math.round(lcp);
   }
   return metrics;
-});
-const getTTAI = withProfiling(function getTTAI(interaction) {
+}
+function getTTAI(interaction) {
   const {
     start,
     end
   } = interaction;
   const pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
   return !interaction.abortReason && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
-});
-const getNavigationMetrics = withProfiling(function getNavigationMetrics(type) {
+}
+function getNavigationMetrics(type) {
   if (type !== 'page_load') {
     return {};
   }
@@ -240,8 +239,8 @@ const getNavigationMetrics = withProfiling(function getNavigationMetrics(type) {
   return {
     'metrics:navigation': metrics
   };
-});
-const getPPSMetrics = withProfiling(function getPPSMetrics(interaction) {
+}
+function getPPSMetrics(interaction) {
   var _interaction$apdex, _interaction$apdex$;
   const {
     start,
@@ -270,14 +269,14 @@ const getPPSMetrics = withProfiling(function getPPSMetrics(interaction) {
     };
   }
   return {};
-});
-const getSSRProperties = withProfiling(function getSSRProperties(type) {
+}
+function getSSRProperties(type) {
   return {
     'ssr:success': getSSRSuccess(type),
     'ssr:featureFlags': getSSRFeatureFlags(type)
   };
-});
-const getAssetsMetrics = withProfiling(function getAssetsMetrics(interaction, SSRDoneTime) {
+}
+function getAssetsMetrics(interaction, SSRDoneTime) {
   try {
     const config = getConfig();
     const {
@@ -303,8 +302,8 @@ const getAssetsMetrics = withProfiling(function getAssetsMetrics(interaction, SS
     // Skip CHR in case of error
     return {};
   }
-});
-const getBrowserMetadata = withProfiling(function getBrowserMetadata() {
+}
+function getBrowserMetadata() {
   const data = {};
   const now = new Date();
   data['event:localHour'] = now.getHours(); // returns the hours for this date according to local time
@@ -330,8 +329,8 @@ const getBrowserMetadata = withProfiling(function getBrowserMetadata() {
     data['event:network:downlink'] = navigator.connection.downlink;
   }
   return data;
-});
-const getTracingContextData = withProfiling(function getTracingContextData(interaction) {
+}
+function getTracingContextData(interaction) {
   const {
     trace,
     start
@@ -348,8 +347,8 @@ const getTracingContextData = withProfiling(function getTracingContextData(inter
     };
   }
   return tracingContextData;
-});
-const optimizeCustomData = withProfiling(function optimizeCustomData(interaction) {
+}
+function optimizeCustomData(interaction) {
   const {
     customData,
     legacyMetrics
@@ -385,8 +384,8 @@ const optimizeCustomData = withProfiling(function optimizeCustomData(interaction
     return [...customDataMap.values(), ...legacyMetricsFiltered.values()];
   }
   return [...customDataMap.values()];
-});
-const optimizeReactProfilerTimings = withProfiling(function optimizeReactProfilerTimings(reactProfilerTimings, interactionStart, reactUFOVersion) {
+}
+function optimizeReactProfilerTimings(reactProfilerTimings, interactionStart, reactUFOVersion) {
   const reactProfilerTimingsMap = reactProfilerTimings.reduce((result, {
     labelStack,
     startTime,
@@ -424,8 +423,8 @@ const optimizeReactProfilerTimings = withProfiling(function optimizeReactProfile
     return result;
   }, new Map());
   return [...reactProfilerTimingsMap.values()];
-});
-const optimizeRedirects = withProfiling(function optimizeRedirects(redirects, interactionStart) {
+}
+function optimizeRedirects(redirects, interactionStart) {
   let lastRedirectTime = interactionStart;
   const updatedRedirects = redirects.sort((a, b) => a.time - b.time).reduce((result, redirect) => {
     const {
@@ -445,8 +444,8 @@ const optimizeRedirects = withProfiling(function optimizeRedirects(redirects, in
     return result;
   }, []);
   return updatedRedirects;
-});
-const optimizeHoldInfo = withProfiling(function optimizeHoldInfo(holdInfo, interactionStart, reactUFOVersion) {
+}
+function optimizeHoldInfo(holdInfo, interactionStart, reactUFOVersion) {
   const holdInfoMap = holdInfo.reduce((result, hold) => {
     const {
       labelStack,
@@ -479,8 +478,8 @@ const optimizeHoldInfo = withProfiling(function optimizeHoldInfo(holdInfo, inter
     return result;
   }, new Map());
   return [...holdInfoMap.values()];
-});
-const optimizeSpans = withProfiling(function optimizeSpans(spans, interactionStart, reactUFOVersion) {
+}
+function optimizeSpans(spans, interactionStart, reactUFOVersion) {
   const updatedSpans = spans.reduce((result, span) => {
     const {
       labelStack,
@@ -502,8 +501,8 @@ const optimizeSpans = withProfiling(function optimizeSpans(spans, interactionSta
     return result;
   }, []);
   return updatedSpans;
-});
-const optimizeRequestInfo = withProfiling(function optimizeRequestInfo(requestInfo, interactionStart, reactUFOVersion) {
+}
+function optimizeRequestInfo(requestInfo, interactionStart, reactUFOVersion) {
   const updatedRequestInfo = requestInfo.reduce((result, reqInfo) => {
     const {
       labelStack,
@@ -527,8 +526,8 @@ const optimizeRequestInfo = withProfiling(function optimizeRequestInfo(requestIn
     return result;
   }, []);
   return updatedRequestInfo;
-});
-const optimizeCustomTimings = withProfiling(function optimizeCustomTimings(customTimings, interactionStart) {
+}
+function optimizeCustomTimings(customTimings, interactionStart) {
   return customTimings.reduce((result, item) => {
     Object.keys(item.data).forEach(key => {
       if (item.data[key].startTime >= interactionStart) {
@@ -543,8 +542,8 @@ const optimizeCustomTimings = withProfiling(function optimizeCustomTimings(custo
     });
     return result;
   }, []);
-});
-const optimizeMarks = withProfiling(function optimizeMarks(marks, reactUFOVersion) {
+}
+function optimizeMarks(marks, reactUFOVersion) {
   return marks.map(({
     labelStack,
     time,
@@ -554,8 +553,8 @@ const optimizeMarks = withProfiling(function optimizeMarks(marks, reactUFOVersio
     labelStack: labelStack && optimizeLabelStack(labelStack, reactUFOVersion),
     time: Math.round(time)
   }));
-});
-const optimizeApdex = withProfiling(function optimizeApdex(apdex, reactUFOVersion) {
+}
+function optimizeApdex(apdex, reactUFOVersion) {
   return apdex.map(({
     stopTime,
     labelStack,
@@ -567,8 +566,8 @@ const optimizeApdex = withProfiling(function optimizeApdex(apdex, reactUFOVersio
       labelStack: optimizeLabelStack(labelStack, reactUFOVersion)
     } : {})
   }));
-});
-const objectToArray = withProfiling(function objectToArray(obj = {}) {
+}
+function objectToArray(obj = {}) {
   return Object.keys(obj).reduce((result, key) => {
     result.push({
       label: key,
@@ -576,8 +575,8 @@ const objectToArray = withProfiling(function objectToArray(obj = {}) {
     });
     return result;
   }, []);
-});
-const getBM3SubmetricsTimings = withProfiling(function getBM3SubmetricsTimings(submetrics) {
+}
+function getBM3SubmetricsTimings(submetrics) {
   if (!submetrics) {
     return null;
   }
@@ -598,8 +597,8 @@ const getBM3SubmetricsTimings = withProfiling(function getBM3SubmetricsTimings(s
     };
   });
   return submetricsTimings;
-});
-const getBm3TrackerTimings = withProfiling(function getBm3TrackerTimings(interaction) {
+}
+function getBm3TrackerTimings(interaction) {
   const interactionLegacyMetrics = interaction.legacyMetrics;
   if (!interactionLegacyMetrics) {
     return {};
@@ -622,11 +621,11 @@ const getBm3TrackerTimings = withProfiling(function getBm3TrackerTimings(interac
   return {
     legacyMetrics
   };
-});
-const getPayloadSize = withProfiling(function getPayloadSize(payload) {
+}
+function getPayloadSize(payload) {
   return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
-});
-const getStylesheetMetrics = withProfiling(function getStylesheetMetrics() {
+}
+function getStylesheetMetrics() {
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   if (!fg('ufo_capture_stylesheet_metrics')) {
     return {};
@@ -665,18 +664,17 @@ const getStylesheetMetrics = withProfiling(function getStylesheetMetrics() {
   } catch (e) {
     return {};
   }
-});
+}
 let regularTTAI;
 let expTTAI;
-const getErrorCounts = withProfiling(function getErrorCounts(interaction) {
+function getErrorCounts(interaction) {
   return {
     'ufo:errors:globalCount': getGlobalErrorCount(),
     'ufo:errors:count': interaction.errors.length
   };
-});
+}
 async function createInteractionMetricsPayload(interaction, interactionId, experimental) {
   var _window$location, _config$additionalPay;
-  const operationTimer = markProfilingStart('createInteractionMetricsPayload');
   const interactionPayloadStart = performance.now();
   const config = getConfig();
   if (!config) {
@@ -694,7 +692,8 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
     featureFlags,
     previousInteractionName,
     isPreviousInteractionAborted,
-    abortedByInteractionName
+    abortedByInteractionName,
+    responsiveness
   } = interaction;
   const pageVisibilityAtTTI = getPageVisibilityUpToTTI(interaction);
   const pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
@@ -836,6 +835,9 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
           marks: optimizeMarks(interaction.marks, getReactUFOPayloadVersion(interaction.type)),
           customData: optimizeCustomData(interaction),
           reactProfilerTimings: optimizeReactProfilerTimings(interaction.reactProfilerTimings, start, getReactUFOPayloadVersion(interaction.type)),
+          ...(responsiveness ? {
+            responsiveness
+          } : {}),
           ...labelStack,
           ...pageLoadInteractionMetrics,
           ...getDetailedInteractionMetrics(resourceTimings),
@@ -844,12 +846,7 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
           'metric:ttai': experimental ? regularTTAI || expTTAI : undefined,
           'metric:experimental:ttai': expTTAI
         },
-        'ufo:payloadTime': roundEpsilon(performance.now() - interactionPayloadStart),
-        ...(fg('platform_ufo_self_timings') ? {
-          'ufo:self:timings:total': getProfilerTotalRuntime(),
-          'ufo:self:timings:async': getProfilerAsyncRuntime(),
-          'ufo:self:timings:vc': getProfilerRuntimeByTag('vc')
-        } : {})
+        'ufo:payloadTime': roundEpsilon(performance.now() - interactionPayloadStart)
       }
     }
   };
@@ -857,8 +854,6 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
     regularTTAI = undefined;
     expTTAI = undefined;
   }
-  markProfilingEnd(operationTimer);
-  resetProfilerMeasurements();
   payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
   return payload;
 }
@@ -871,7 +866,7 @@ export async function createPayloads(interactionId, interaction) {
   const interactionMetricsPayload = await createInteractionMetricsPayload(modifiedInteraction, interactionId);
   return [interactionMetricsPayload];
 }
-export const createExperimentalMetricsPayload = withProfiling(async function createExperimentalMetricsPayload(interactionId, interaction) {
+export async function createExperimentalMetricsPayload(interactionId, interaction) {
   const config = getConfig();
   if (!config) {
     throw Error('UFO Configuration not provided');
@@ -887,4 +882,4 @@ export const createExperimentalMetricsPayload = withProfiling(async function cre
   }
   const result = await createInteractionMetricsPayload(interaction, interactionId, true);
   return result;
-});
+}

package/dist/es2019/create-payload/utils/get-interaction-status.js

@@ -1,5 +1,3 @@
-import { withProfiling } from '../../self-measurements';
-
 /**
  * Determines the interaction status based on abort reason and BM3 TTI presence.
  *
@@ -22,7 +20,7 @@ import { withProfiling } from '../../self-measurements';
  * const result = getInteractionStatus(interaction);
  * // Returns: { originalInteractionStatus: 'SUCCEEDED', overrideStatus: 'SUCCEEDED' }
  */
-const getInteractionStatus = withProfiling(function getInteractionStatus(interaction) {
+function getInteractionStatus(interaction) {
   const originalInteractionStatus = interaction.abortReason ? 'ABORTED' : 'SUCCEEDED';
   const hasBm3TTI = interaction.apdex.length > 0;
   const overrideStatus = hasBm3TTI ? 'SUCCEEDED' : originalInteractionStatus;
@@ -30,5 +28,5 @@ const getInteractionStatus = withProfiling(function getInteractionStatus(interac
     originalInteractionStatus,
     overrideStatus
   };
-});
+}
 export default getInteractionStatus;

package/dist/es2019/create-payload/utils/get-page-visibility-up-to-ttai.js

@@ -1,10 +1,9 @@
 import { getPageVisibilityState } from '../../hidden-timing';
-import { withProfiling } from '../../self-measurements';
-const getPageVisibilityUpToTTAI = withProfiling(function getPageVisibilityUpToTTAI(interaction) {
+function getPageVisibilityUpToTTAI(interaction) {
   const {
     start,
     end
   } = interaction;
   return getPageVisibilityState(start, end);
-});
+}
 export default getPageVisibilityUpToTTAI;

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

@@ -1,7 +1,6 @@
-import { withProfiling } from '../../self-measurements';
-export const getReactUFOPayloadVersion = withProfiling(function getReactUFOVersion(interactionType) {
+export function getReactUFOPayloadVersion(interactionType) {
   if (interactionType !== 'page_load' && interactionType !== 'transition') {
     return '1.0.1';
   }
   return '2.0.0';
-});
+}

package/dist/es2019/create-payload/utils/get-ssr-done-time-value.js

@@ -1,7 +1,6 @@
-import { withProfiling } from '../../self-measurements';
 import * as ssr from '../../ssr';
-const getSSRDoneTimeValue = withProfiling(function getSSRDoneTimeValue(config) {
+function getSSRDoneTimeValue(config) {
   var _config$ssr, _config$ssr2;
   return config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime ? config === null || config === void 0 ? void 0 : (_config$ssr2 = config.ssr) === null || _config$ssr2 === void 0 ? void 0 : _config$ssr2.getSSRDoneTime() : ssr.getSSRDoneTime();
-});
+}
 export default getSSRDoneTimeValue;

package/dist/es2019/create-payload/utils/get-vc-metrics.js

@@ -1,12 +1,11 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getConfig } from '../../config';
 import { postInteractionLog } from '../../interaction-metrics';
-import { withProfiling } from '../../self-measurements';
 import { getVCObserver } from '../../vc';
 import getInteractionStatus from './get-interaction-status';
 import getPageVisibilityUpToTTAI from './get-page-visibility-up-to-ttai';
 import getSSRDoneTimeValue from './get-ssr-done-time-value';
-const getVCMetrics = withProfiling(async function getVCMetrics(interaction) {
+async function getVCMetrics(interaction) {
   var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _interaction$apdex$, _config$experimentalI;
   const config = getConfig();
   if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
@@ -65,5 +64,5 @@ const getVCMetrics = withProfiling(async function getVCMetrics(interaction) {
       'metric:vc90': VC['90']
     };
   }
-});
+}
 export default getVCMetrics;

package/dist/es2019/create-post-interaction-log-payload/index.js

@@ -3,14 +3,13 @@ import { getConfig, getPostInteractionRate } from '../config';
 import { isSegmentLabel, sanitizeUfoName } from '../create-payload/common/utils';
 import { getReactUFOPayloadVersion } from '../create-payload/utils/get-react-ufo-payload-version';
 import { getPageVisibilityState } from '../hidden-timing';
-import { withProfiling } from '../self-measurements';
-const getParentStack = withProfiling(function getParentStack(labelStack) {
+function getParentStack(labelStack) {
   if (!labelStack || labelStack.length <= 1) {
     return null;
   }
   return labelStack.slice(0, labelStack.length - 1);
-});
-const getSegmentId = withProfiling(function getSegmentId(labelStack) {
+}
+function getSegmentId(labelStack) {
   if (!labelStack) {
     return null;
   }
@@ -23,16 +22,16 @@ const getSegmentId = withProfiling(function getSegmentId(labelStack) {
     return null;
   }
   return getSegmentId(parentStack);
-});
-const getParentSegmentId = withProfiling(function getParentSegmentId(labelStack) {
+}
+function getParentSegmentId(labelStack) {
   return getSegmentId(getParentStack(labelStack));
-});
+}
 
 /**
  * Whenever a render happen, all parent segment have timing reported
  * This method tries to reduce that noise
  */
-const removeCascadingParentTimingReport = withProfiling(function removeCascadingParentTimingReport(reactProfilerTimings) {
+function removeCascadingParentTimingReport(reactProfilerTimings) {
   const timingIndex = new Map();
   reactProfilerTimings.forEach(timing => {
     const segmentId = getSegmentId(timing.labelStack);
@@ -58,8 +57,8 @@ const removeCascadingParentTimingReport = withProfiling(function removeCascading
     }
   });
   return [...timingIndex.values()].flatMap(v => v);
-});
-const transformReactProfilerTimings = withProfiling(function transformReactProfilerTimings(reactProfilerTimings) {
+}
+function transformReactProfilerTimings(reactProfilerTimings) {
   const filtered = removeCascadingParentTimingReport(reactProfilerTimings !== null && reactProfilerTimings !== void 0 ? reactProfilerTimings : []);
   const reactProfilerTimingsMap = filtered.reduce((result, {
     labelStack,
@@ -98,8 +97,8 @@ const transformReactProfilerTimings = withProfiling(function transformReactProfi
     return result;
   }, new Map());
   return [...reactProfilerTimingsMap.values()];
-});
-const createPostInteractionLogPayload = withProfiling(function createPostInteractionLogPayload({
+}
+function createPostInteractionLogPayload({
   lastInteractionFinish,
   reactProfilerTimings,
   lastInteractionFinishVCResult,
@@ -193,5 +192,5 @@ const createPostInteractionLogPayload = withProfiling(function createPostInterac
       }
     }
   };
-});
+}
 export default createPostInteractionLogPayload;

package/dist/es2019/custom-data/index.js

@@ -1,8 +1,8 @@
 import { useContext, useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import UFOInteractionContext from '../interaction-context';
 import { getInteractionId } from '../interaction-id-context';
 import { addCustomData } from '../interaction-metrics';
-import { withProfiling } from '../self-measurements';
 export default function UFOCustomData({
   data
 }) {
@@ -11,15 +11,23 @@ export default function UFOCustomData({
     if (!interactionContext) {
       return;
     }
-    interactionContext.addCustomData(data);
+    if (typeof (globalThis === null || globalThis === void 0 ? void 0 : globalThis.structuredClone) === 'function' && fg('platform_ufo_custom_data_structured_clone')) {
+      interactionContext.addCustomData(globalThis.structuredClone(data));
+    } else {
+      interactionContext.addCustomData(data);
+    }
   }, [data, interactionContext]);
   return null;
 }
-export const addUFOCustomData = withProfiling(function addUFOCustomData(data) {
+export function addUFOCustomData(data) {
   const interactionId = getInteractionId();
   const currentInteractionId = interactionId.current;
   if (!currentInteractionId) {
     return;
   }
-  addCustomData(currentInteractionId, [], data);
-});
+  if (typeof (globalThis === null || globalThis === void 0 ? void 0 : globalThis.structuredClone) === 'function' && fg('platform_ufo_custom_data_structured_clone')) {
+    addCustomData(currentInteractionId, [], globalThis.structuredClone(data));
+  } else {
+    addCustomData(currentInteractionId, [], data);
+  }
+}

package/dist/es2019/custom-mark/index.js

@@ -2,7 +2,6 @@ import { useContext, useMemo } from 'react';
 import UFOInteractionContext from '../interaction-context';
 import { getInteractionId } from '../interaction-id-context';
 import { addMark } from '../interaction-metrics';
-import { withProfiling } from '../self-measurements';
 export default function UFOCustomMark({
   name,
   timestamp
@@ -28,7 +27,7 @@ export function UFOCustomMarks({
   }, [data, interactionContext]);
   return null;
 }
-export const addUFOCustomMark = withProfiling(function addUFOCustomMark(name, timestamp) {
+export function addUFOCustomMark(name, timestamp) {
   const interactionId = getInteractionId();
   const currentInteractionId = interactionId.current;
   if (!currentInteractionId) {
@@ -36,4 +35,4 @@ export const addUFOCustomMark = withProfiling(function addUFOCustomMark(name, ti
   }
   const time = timestamp || performance.now();
   addMark(currentInteractionId, 'custom', name, [], time);
-});
+}

package/dist/es2019/custom-spans/index.js

@@ -1,7 +1,6 @@
 import { addSpanToAll } from '../interaction-metrics';
-import { withProfiling } from '../self-measurements';
-export const addCustomSpans = withProfiling(function addCustomSpans(name, start, end = performance.now(), size = 0) {
+export function addCustomSpans(name, start, end = performance.now(), size = 0) {
   addSpanToAll('custom', name, [{
     name: 'custom'
   }], start, end, size);
-});
+}