@atlaskit/react-ufo 3.4.14 → 3.5.0

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

@@ -5,6 +5,7 @@ import { experimentalVC, getExperimentalVCMetrics, onExperimentalInteractionComp
 import { clearActiveTrace } from '../experience-trace-id-context';
 import { allFeatureFlagsAccessed, currentFeatureFlagsAccessed } from '../feature-flags-accessed';
 import { getInteractionId } from '../interaction-id-context';
+import { withProfiling } from '../self-measurements';
 import { getVCObserver } from '../vc';
 import { interactions } from './common/constants';
 import PostInteractionLog from './post-interaction-log';
@@ -18,18 +19,18 @@ const segmentCache = new Map();
 const CLEANUP_TIMEOUT = 60 * 1000;
 const CLEANUP_TIMEOUT_AFTER_APDEX = 15 * 1000;
 const segmentObservers = [];
-export function getActiveInteraction() {
+export const getActiveInteraction = withProfiling(function getActiveInteraction() {
   const interactionId = getInteractionId();
   if (!interactionId.current) {
     return;
   }
   return interactions.get(interactionId.current);
-}
-function isPerformanceTracingEnabled() {
+});
+const isPerformanceTracingEnabled = withProfiling(function isPerformanceTracingEnabled() {
   var _getConfig;
   return ((_getConfig = getConfig()) === null || _getConfig === void 0 ? void 0 : _getConfig.enableAdditionalPerformanceMarks) || window.__REACT_UFO_ENABLE_PERF_TRACING || process.env.NODE_ENV !== 'production';
-}
-function labelStackToString(labelStack, name) {
+});
+const labelStackToString = withProfiling(function labelStackToString(labelStack, name) {
   var _stack$map;
   const stack = [...(labelStack !== null && labelStack !== void 0 ? labelStack : [])];
   if (name) {
@@ -38,43 +39,43 @@ function labelStackToString(labelStack, name) {
     });
   }
   return (_stack$map = stack.map(l => l.name)) === null || _stack$map === void 0 ? void 0 : _stack$map.join('/');
-}
-function labelStackToIdString(labelStack) {
+});
+const labelStackToIdString = withProfiling(function labelStackToIdString(labelStack) {
   var _labelStack$map;
   return labelStack === null || labelStack === void 0 ? void 0 : (_labelStack$map = labelStack.map(l => 'segmentId' in l ? `${l.name}:${l.segmentId}` : `${l.name}`)) === null || _labelStack$map === void 0 ? void 0 : _labelStack$map.join('/');
-}
-function addSegmentObserver(observer) {
+});
+const addSegmentObserver = withProfiling(function addSegmentObserver(observer) {
   segmentObservers.push(observer);
   for (const segmentInfo of segmentCache.values()) {
     observer.onAdd(segmentInfo);
   }
-}
-function removeSegmentObserver(observer) {
+});
+const removeSegmentObserver = withProfiling(function removeSegmentObserver(observer) {
   const index = segmentObservers.findIndex(obs => obs === observer);
   if (index !== -1) {
     segmentObservers.splice(index, 1);
   }
-}
-export function remove(interactionId) {
+});
+export const remove = withProfiling(function remove(interactionId) {
   interactions.delete(interactionId);
-}
-export function updatePageLoadInteractionName(ufoName, routeName = ufoName) {
+});
+export const updatePageLoadInteractionName = withProfiling(function updatePageLoadInteractionName(ufoName, routeName = ufoName) {
   const interaction = getActiveInteraction();
   if (!interaction || interaction.type !== 'page_load' && interaction.type !== 'transition') {
     return;
   }
   interaction.ufoName = ufoName;
   interaction.routeName = routeName;
-}
-export function addMetadata(interactionId, data) {
+});
+export const addMetadata = withProfiling(function addMetadata(interactionId, data) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     Object.keys(data).forEach(key => {
       interaction.metaData[key] = data[key];
     });
   }
-}
-export function addCustomData(interactionId, labelStack, data) {
+});
+export const addCustomData = withProfiling(function addCustomData(interactionId, labelStack, data) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     Object.keys(data).forEach(i => {
@@ -86,8 +87,8 @@ export function addCustomData(interactionId, labelStack, data) {
       });
     });
   }
-}
-export function addCustomTiming(interactionId, labelStack, data) {
+});
+export const addCustomTiming = withProfiling(function addCustomTiming(interactionId, labelStack, data) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.customTimings.push({
@@ -112,8 +113,8 @@ export function addCustomTiming(interactionId, labelStack, data) {
       }
     }
   }
-}
-export function addMark(interactionId, type, name, labelStack, time = performance.now()) {
+});
+export const addMark = withProfiling(function addMark(interactionId, type, name, labelStack, time = performance.now()) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.marks.push({
@@ -128,8 +129,8 @@ export function addMark(interactionId, type, name, labelStack, time = performanc
       startTime: time
     });
   }
-}
-export function addMarkToAll(type, name, labelStack, time = performance.now()) {
+});
+export const addMarkToAll = withProfiling(function addMarkToAll(type, name, labelStack, time = performance.now()) {
   interactions.forEach(interaction => {
     interaction.marks.push({
       type,
@@ -143,8 +144,8 @@ export function addMarkToAll(type, name, labelStack, time = performance.now()) {
       startTime: time
     });
   }
-}
-export function addSpan(interactionId, type, name, labelStack, start, end = performance.now(), size) {
+});
+export const addSpan = withProfiling(function addSpan(interactionId, type, name, labelStack, start, end = performance.now(), size) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.spans.push({
@@ -167,8 +168,8 @@ export function addSpan(interactionId, type, name, labelStack, start, end = perf
       }
     }
   }
-}
-export function addSpanToAll(type, name, labelStack, start, end = performance.now(), size = 0) {
+});
+export const addSpanToAll = withProfiling(function addSpanToAll(type, name, labelStack, start, end = performance.now(), size = 0) {
   interactions.forEach(interaction => {
     interaction.spans.push({
       type,
@@ -190,36 +191,36 @@ export function addSpanToAll(type, name, labelStack, start, end = performance.no
       // do nothing
     }
   }
-}
-export function addPreload(moduleId, timestamp) {
+});
+export const addPreload = withProfiling(function addPreload(moduleId, timestamp) {
   addMarkToAll('bundle_preload', moduleId, null, timestamp);
-}
-export function addLoad(identifier, start, end) {
+});
+export const addLoad = withProfiling(function addLoad(identifier, start, end) {
   addSpanToAll('bundle_load', identifier, null, start, end - start);
-}
+});
 const moduleLoadingRequests = {};
-export function extractModuleName(input) {
+export const extractModuleName = withProfiling(function extractModuleName(input) {
   let result = input !== null && input !== void 0 ? input : '';
   result = result.replace(/^\.\/src\/packages\//, '');
   result = result.replace(/^\.\/node_modules\//, '');
   result = result.replace(/(\/src)?\/(index|main)\.(tsx|ts|js|jsx)$/, '');
   return result;
-}
-function addHoldCriterion(id, labelStack, name, startTime) {
+});
+const addHoldCriterion = withProfiling(function addHoldCriterion(id, labelStack, name, startTime) {
   var _window$__CRITERION__;
   if (!((_window$__CRITERION__ = window.__CRITERION__) !== null && _window$__CRITERION__ !== void 0 && _window$__CRITERION__.addUFOHold)) {
     return;
   }
   window.__CRITERION__.addUFOHold(id, labelStackToString(labelStack), name, startTime);
-}
-function removeHoldCriterion(id) {
+});
+const removeHoldCriterion = withProfiling(function removeHoldCriterion(id) {
   var _window$__CRITERION__2;
   if (!((_window$__CRITERION__2 = window.__CRITERION__) !== null && _window$__CRITERION__2 !== void 0 && _window$__CRITERION__2.removeUFOHold)) {
     return;
   }
   window.__CRITERION__.removeUFOHold(id);
-}
-export function addHold(interactionId, labelStack, name, experimental) {
+});
+export const addHold = withProfiling(function addHold(interactionId, labelStack, name, experimental) {
   const interaction = interactions.get(interactionId);
   const id = createUUID();
   if (interaction != null) {
@@ -279,8 +280,8 @@ export function addHold(interactionId, labelStack, name, experimental) {
     };
   }
   return () => {};
-}
-export function addHoldByID(interactionId, labelStack, name, id, ignoreOnSubmit) {
+});
+export const addHoldByID = withProfiling(function addHoldByID(interactionId, labelStack, name, id, ignoreOnSubmit) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     const start = performance.now();
@@ -293,8 +294,8 @@ export function addHoldByID(interactionId, labelStack, name, id, ignoreOnSubmit)
     addHoldCriterion(id, labelStack, name, start);
   }
   return () => {};
-}
-export function removeHoldByID(interactionId, id) {
+});
+export const removeHoldByID = withProfiling(function removeHoldByID(interactionId, id) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     const end = performance.now();
@@ -309,19 +310,19 @@ export function removeHoldByID(interactionId, id) {
       removeHoldCriterion(id);
     }
   }
-}
-export function getCurrentInteractionType(interactionId) {
+});
+export const getCurrentInteractionType = withProfiling(function getCurrentInteractionType(interactionId) {
   const interaction = interactions.get(interactionId);
   if (interaction) {
     return interaction.type;
   }
   return null;
-}
+});
 export const ModuleLoadingProfiler = {
-  onPreload(moduleId, _priority) {
+  onPreload: withProfiling(function onPreload(moduleId, _priority) {
     addPreload(extractModuleName(moduleId), performance.now());
-  },
-  onLoadStart(info) {
+  }),
+  onLoadStart: withProfiling(function onLoadStart(info) {
     const timeoutId = setTimeout(() => {
       delete moduleLoadingRequests[info.identifier];
     }, 30000);
@@ -330,29 +331,29 @@ export const ModuleLoadingProfiler = {
       timeoutId
     };
     moduleLoadingRequests[info.identifier] = request;
-  },
-  onLoadComplete(info) {
+  }),
+  onLoadComplete: withProfiling(function onLoadComplete(info) {
     const request = moduleLoadingRequests[info.identifier];
     if (request) {
       clearTimeout(request.timeoutId);
       delete moduleLoadingRequests[info.identifier];
       addLoad(extractModuleName(info.identifier), request.start, performance.now());
     }
-  },
-  placeholderFallBackMounted(id, moduleId) {
+  }),
+  placeholderFallBackMounted: withProfiling(function placeholderFallBackMounted(id, moduleId) {
     const interactionId = getInteractionId();
     const currentInteractionId = interactionId.current;
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     addHoldByID(currentInteractionId, [], moduleId, id);
-  },
-  placeholderFallBackUnmounted(id) {
+  }),
+  placeholderFallBackUnmounted: withProfiling(function placeholderFallBackUnmounted(id) {
     const interactionId = getInteractionId();
     const currentInteractionId = interactionId.current;
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     removeHoldByID(currentInteractionId, id);
-  }
+  })
 };
-export function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError) {
+export const addError = withProfiling(function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.errors.push({
@@ -364,8 +365,8 @@ export function addError(interactionId, name, labelStack, errorType, errorMessag
       forcedError
     });
   }
-}
-export function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack) {
+});
+export const addErrorToAll = withProfiling(function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack) {
   interactions.forEach(interaction => {
     interaction.errors.push({
       name,
@@ -375,8 +376,8 @@ export function addErrorToAll(name, labelStack, errorType, errorMessage, errorSt
       errorStack
     });
   });
-}
-export const addProfilerTimings = (interactionId, labelStack, type, actualDuration, baseDuration, startTime, commitTime) => {
+});
+export const addProfilerTimings = withProfiling(function addProfilerTimings(interactionId, labelStack, type, actualDuration, baseDuration, startTime, commitTime) {
   var _getConfig3, _getConfig3$postInter;
   if (isPerformanceTracingEnabled()) {
     try {
@@ -402,20 +403,20 @@ export const addProfilerTimings = (interactionId, labelStack, type, actualDurati
   } else if ((_getConfig3 = getConfig()) !== null && _getConfig3 !== void 0 && (_getConfig3$postInter = _getConfig3.postInteractionLog) !== null && _getConfig3$postInter !== void 0 && _getConfig3$postInter.enabled) {
     postInteractionLog.addProfilerTimings(labelStack, type, actualDuration, baseDuration, startTime, commitTime);
   }
-};
-const pushToQueue = (id, data) => {
+});
+const pushToQueue = withProfiling(function pushToQueue(id, data) {
   interactionQueue.push({
     id,
     data
   });
-};
+});
 let handleInteraction = pushToQueue;
-function callCleanUpCallbacks(interaction) {
+const callCleanUpCallbacks = withProfiling(function callCleanUpCallbacks(interaction) {
   interaction.cleanupCallbacks.reverse().forEach(cleanUpCallback => {
     cleanUpCallback();
   });
-}
-const finishInteraction = (id, data, endTime = performance.now()) => {
+});
+const finishInteraction = withProfiling(function finishInteraction(id, data, endTime = performance.now()) {
   var _getConfig4, _getConfig4$vc, _getConfig5, _getConfig5$experimen;
   data.end = endTime;
   try {
@@ -481,8 +482,8 @@ const finishInteraction = (id, data, endTime = performance.now()) => {
   } catch (error) {
     // do nothing
   }
-};
-export const sinkInteractionHandler = sinkFn => {
+});
+export const sinkInteractionHandler = withProfiling(function sinkInteractionHandler(sinkFn) {
   if (handleInteraction === pushToQueue) {
     handleInteraction = sinkFn;
     interactionQueue.forEach(interaction => {
@@ -490,14 +491,14 @@ export const sinkInteractionHandler = sinkFn => {
     });
     interactionQueue.length = 0;
   }
-};
-export const sinkPostInteractionLogHandler = sinkFn => {
+});
+export const sinkPostInteractionLogHandler = withProfiling(function sinkPostInteractionLogHandler(sinkFn) {
   postInteractionLog.sinkHandler(sinkFn);
-};
+});
 
 // a flag to prevent multiple submitting
 let activeSubmitted = false;
-export function tryComplete(interactionId, endTime) {
+export const tryComplete = withProfiling(function tryComplete(interactionId, endTime) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     const noMoreActiveHolds = interaction.holdActive.size === 0;
@@ -542,13 +543,13 @@ export function tryComplete(interactionId, endTime) {
       }
     }
   }
-}
-function callCancelCallbacks(interaction) {
+});
+const callCancelCallbacks = withProfiling(function callCancelCallbacks(interaction) {
   interaction.cancelCallbacks.reverse().forEach(cancelCallback => {
     cancelCallback();
   });
-}
-export function abort(interactionId, abortReason) {
+});
+export const abort = withProfiling(function abort(interactionId, abortReason) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     var _getConfig10, _getConfig10$experime;
@@ -560,8 +561,8 @@ export function abort(interactionId, abortReason) {
       remove(interactionId);
     }
   }
-}
-export function abortByNewInteraction(interactionId, interactionName) {
+});
+export const abortByNewInteraction = withProfiling(function abortByNewInteraction(interactionId, interactionName) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     var _getConfig11, _getConfig11$experime;
@@ -574,8 +575,8 @@ export function abortByNewInteraction(interactionId, interactionName) {
       remove(interactionId);
     }
   }
-}
-export function abortAll(abortReason, abortedByInteractionName) {
+});
+export const abortAll = withProfiling(function abortAll(abortReason, abortedByInteractionName) {
   interactions.forEach((interaction, interactionId) => {
     var _getConfig12, _getConfig12$experime;
     const noMoreHolds = interaction.holdActive.size === 0;
@@ -592,12 +593,12 @@ export function abortAll(abortReason, abortedByInteractionName) {
       remove(interactionId);
     }
   });
-}
-export function addOnCancelCallback(id, cancelCallback) {
+});
+export const addOnCancelCallback = withProfiling(function addOnCancelCallback(id, cancelCallback) {
   const interaction = interactions.get(id);
   interaction === null || interaction === void 0 ? void 0 : interaction.cancelCallbacks.push(cancelCallback);
-}
-export function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName, trace = null) {
+});
+export const addNewInteraction = withProfiling(function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName, trace = null) {
   var _getConfig13, _getConfig13$postInte;
   if ((_getConfig13 = getConfig()) !== null && _getConfig13 !== void 0 && (_getConfig13$postInte = _getConfig13.postInteractionLog) !== null && _getConfig13$postInte !== void 0 && _getConfig13$postInte.enabled) {
     postInteractionLog.reset();
@@ -700,8 +701,8 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
       });
     }
   }
-}
-export function addBrowserMetricEvent(event) {
+});
+export const addBrowserMetricEvent = withProfiling(function addBrowserMetricEvent(event) {
   const interaction = getActiveInteraction();
   if (interaction) {
     var _event$config;
@@ -712,8 +713,8 @@ export function addBrowserMetricEvent(event) {
       removeHoldByID(interaction.id, interaction.ufoName);
     }
   }
-}
-export function addApdexToAll(apdex) {
+});
+export const addApdexToAll = withProfiling(function addApdexToAll(apdex) {
   interactions.forEach((interaction, key) => {
     interaction.apdex.push(apdex);
     try {
@@ -731,8 +732,8 @@ export function addApdexToAll(apdex) {
       removeHoldByID(key, interaction.ufoName);
     }
   });
-}
-export function addApdex(interactionId, apdexInfo) {
+});
+export const addApdex = withProfiling(function addApdex(interactionId, apdexInfo) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.apdex.push(apdexInfo);
@@ -751,8 +752,8 @@ export function addApdex(interactionId, apdexInfo) {
       removeHoldByID(interactionId, interaction.ufoName);
     }
   }
-}
-export function addRequestInfo(interactionId, labelStack, requestInfo) {
+});
+export const addRequestInfo = withProfiling(function addRequestInfo(interactionId, labelStack, requestInfo) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.requestInfo.push({
@@ -760,19 +761,19 @@ export function addRequestInfo(interactionId, labelStack, requestInfo) {
       ...requestInfo
     });
   }
-}
-function isSegmentLabel(obj) {
+});
+const isSegmentLabel = withProfiling(function isSegmentLabel(obj) {
   return obj && typeof obj.name === 'string' && typeof obj.segmentId === 'string';
-}
-function getSegmentCacheKey(labelStack) {
+});
+const getSegmentCacheKey = withProfiling(function getSegmentCacheKey(labelStack) {
   return labelStack.map(l => {
     if (isSegmentLabel(l)) {
       return `${l.name}_${l.segmentId}`;
     }
     return l.name;
   }).join('|');
-}
-export function addSegment(labelStack) {
+});
+export const addSegment = withProfiling(function addSegment(labelStack) {
   const key = getSegmentCacheKey(labelStack);
   const existingSegment = segmentCache.get(key);
   if (!existingSegment) {
@@ -784,8 +785,8 @@ export function addSegment(labelStack) {
       observer.onAdd(segmentInfo);
     });
   }
-}
-export function removeSegment(labelStack) {
+});
+export const removeSegment = withProfiling(function removeSegment(labelStack) {
   const key = getSegmentCacheKey(labelStack);
   const segmentInfo = segmentCache.get(key);
   if (segmentInfo) {
@@ -794,8 +795,8 @@ export function removeSegment(labelStack) {
       observer.onRemove(segmentInfo);
     });
   }
-}
-export function addRedirect(interactionId, fromUfoName, nextUfoName, nextRouteName, time) {
+});
+export const addRedirect = withProfiling(function addRedirect(interactionId, fromUfoName, nextUfoName, nextRouteName, time) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.ufoName = nextUfoName;
@@ -818,12 +819,12 @@ export function addRedirect(interactionId, fromUfoName, nextUfoName, nextRouteNa
       }
     }
   }
-}
+});
 export const interactionSpans = [];
 const defaultLabelStack = [{
   name: 'custom'
 }];
-export function addCustomSpans(name, start, end = performance.now(), size = 0, labelStack = defaultLabelStack) {
+export const addCustomSpans = withProfiling(function addCustomSpans(name, start, end = performance.now(), size = 0, labelStack = defaultLabelStack) {
   const customSpan = {
     type: 'custom',
     name,
@@ -833,4 +834,4 @@ export function addCustomSpans(name, start, end = performance.now(), size = 0, l
     size
   };
   interactionSpans.push(customSpan);
-}
+});

package/dist/es2019/interaction-metrics/post-interaction-log.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { getConfig } from '../config';
+import { withProfiling } from '../self-measurements';
 import { VCObserver } from '../vc/vc-observer';
 const POST_INTERACTION_LOG_SEND_DEFAULT_TIMEOUT = 3000;
 export default class PostInteractionLog {
@@ -25,6 +26,15 @@ export default class PostInteractionLog {
      * Handler function to process / send the observation data
      */
     _defineProperty(this, "sinkHandlerFn", () => {});
+    this.initializeVCObserver = withProfiling(this.initializeVCObserver.bind(this));
+    this.startVCObserver = withProfiling(this.startVCObserver.bind(this));
+    this.setVCObserverSSRConfig = withProfiling(this.setVCObserverSSRConfig.bind(this));
+    this.setLastInteractionFinishVCResult = withProfiling(this.setLastInteractionFinishVCResult.bind(this));
+    this.reset = withProfiling(this.reset.bind(this));
+    this.hasData = withProfiling(this.hasData.bind(this));
+    this.sendPostInteractionLog = withProfiling(this.sendPostInteractionLog.bind(this));
+    this.onInteractionComplete = withProfiling(this.onInteractionComplete.bind(this));
+    this.addProfilerTimings = withProfiling(this.addProfilerTimings.bind(this));
   }
   initializeVCObserver(options) {
     if (this.vcObserver === null) {

package/dist/es2019/interaction-metrics-init/index.js

@@ -4,12 +4,13 @@ import { setUFOConfig } from '../config';
 import { experimentalVC, sinkExperimentalHandler } from '../create-experimental-interaction-metrics-payload';
 import { setupHiddenTimingCapture } from '../hidden-timing';
 import { postInteractionLog, sinkInteractionHandler, sinkPostInteractionLogHandler } from '../interaction-metrics';
+import { withProfiling } from '../self-measurements';
 import { getVCObserver } from '../vc';
 import scheduleIdleCallback from './schedule-idle-callback';
 let initialized = false;
-function sinkInteraction(instance, payloadPackage) {
-  sinkInteractionHandler((interactionId, interaction) => {
-    scheduleIdleCallback(() => {
+const sinkInteraction = withProfiling(function sinkInteraction(instance, payloadPackage) {
+  const sinkFn = withProfiling(function sinkFn(interactionId, interaction) {
+    const onIdle = withProfiling(function onIdle() {
       payloadPackage.createPayloads(interactionId, interaction).then(payloads => {
         // NOTE: This API is used by the UFO DevTool Chrome Extension and Criterion
         const devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
@@ -23,14 +24,17 @@ function sinkInteraction(instance, payloadPackage) {
         throw error;
       });
     });
+    scheduleIdleCallback(onIdle);
   });
-}
-function sinkExperimentalInteractionMetrics(instance, payloadPackage) {
-  sinkExperimentalHandler((interactionId, interaction) => {
-    scheduleIdleCallback(() => {
+  sinkInteractionHandler(sinkFn);
+});
+const sinkExperimentalInteractionMetrics = withProfiling(function sinkExperimentalInteractionMetrics(instance, payloadPackage) {
+  const experimentalMetricsSinkFn = withProfiling(function experimentalMetricsSinkFn(interactionId, interaction) {
+    const experimentalMetricsOnIdle = withProfiling(function experimentalMetricsOnIdle() {
       const payloadPromise = payloadPackage.createExperimentalMetricsPayload(interactionId, interaction);
       payloadPromise.then(payload => {
         if (payload) {
+          // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
           if (fg('enable_ufo_devtools_api_for_extra_events')) {
             // NOTE: This API is used by the UFO DevTool Chrome Extension and Criterion
             const devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
@@ -42,14 +46,17 @@ function sinkExperimentalInteractionMetrics(instance, payloadPackage) {
         }
       });
     });
+    scheduleIdleCallback(experimentalMetricsOnIdle);
   });
-}
+  sinkExperimentalHandler(experimentalMetricsSinkFn);
+});
 function sinkPostInteractionLog(instance, createPostInteractionLogPayload) {
   sinkPostInteractionLogHandler(logOutput => {
     scheduleIdleCallback(() => {
       const payload = createPostInteractionLogPayload(logOutput);
       if (payload) {
         // NOTE: This API is used by the UFO DevTool Chrome Extension and also by Criterion
+        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
         if (fg('enable_ufo_devtools_api_for_extra_events')) {
           const devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
           if (typeof devToolObserver === 'function') {
@@ -61,7 +68,7 @@ function sinkPostInteractionLog(instance, createPostInteractionLogPayload) {
     });
   });
 }
-export const init = (analyticsWebClientAsync, config) => {
+export const init = withProfiling(function init(analyticsWebClientAsync, config) {
   var _config$vc;
   if (initialized) {
     return;
@@ -115,4 +122,4 @@ export const init = (analyticsWebClientAsync, config) => {
       }
     }
   });
-};
+});

package/dist/es2019/interaction-metrics-init/schedule-idle-callback.js

@@ -1,9 +1,13 @@
 import { unstable_IdlePriority as idlePriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
 import { fg } from '@atlaskit/platform-feature-flags';
-export default function scheduleIdleCallback(work) {
-  if (typeof window !== 'undefined' && typeof window.requestIdleCallback === 'function' && fg('ufo_payload_use_idle_callback')) {
+import { withProfiling } from '../self-measurements';
+const scheduleIdleCallback = withProfiling(function scheduleIdleCallback(work) {
+  if (typeof window !== 'undefined' && typeof window.requestIdleCallback === 'function' &&
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  fg('ufo_payload_use_idle_callback')) {
     window.requestIdleCallback(work);
   } else {
     scheduleCallback(idlePriority, work);
   }
-}
+});
+export default scheduleIdleCallback;

package/dist/es2019/resource-timing/common/utils/config.js

@@ -1,10 +1,11 @@
 import { getConfig as getConfigUFO } from '../../../config';
+import { withProfiling } from '../../../self-measurements';
 const defaultAllowedParams = ['operationName', 'operation', 'q'];
-const getAllowedParams = () => {
+const getAllowedParams = withProfiling(function getAllowedParams() {
   const config = getConfigUFO();
   return (config === null || config === void 0 ? void 0 : config.allowedResourcesParams) || defaultAllowedParams;
-};
-const handleQueryParams = urlString => {
+});
+const handleQueryParams = withProfiling(function handleQueryParams(urlString) {
   try {
     if (typeof urlString !== 'string') {
       return urlString;
@@ -21,14 +22,14 @@ const handleQueryParams = urlString => {
   } catch (e) {
     return urlString;
   }
-};
+});
 let config = {
   mapResources: url => url,
   sanitiseEndpoints: url => {
     return handleQueryParams(url);
   }
 };
-export function configure(resourceTimingConfig) {
+export const configure = withProfiling(function configure(resourceTimingConfig) {
   const newConfig = {
     mapResources: resourceTimingConfig.mapResources,
     sanitiseEndpoints: url => {
@@ -40,5 +41,7 @@ export function configure(resourceTimingConfig) {
     }
   };
   config = newConfig;
-}
-export const getConfig = () => config;
+});
+export const getConfig = withProfiling(function getConfig() {
+  return config;
+});