@atlaskit/react-ufo 3.4.14 → 3.5.0

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

@@ -15,6 +15,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';
@@ -28,18 +29,18 @@ var segmentCache = new Map();
 var CLEANUP_TIMEOUT = 60 * 1000;
 var CLEANUP_TIMEOUT_AFTER_APDEX = 15 * 1000;
 var segmentObservers = [];
-export function getActiveInteraction() {
+export var getActiveInteraction = withProfiling(function getActiveInteraction() {
   var interactionId = getInteractionId();
   if (!interactionId.current) {
     return;
   }
   return interactions.get(interactionId.current);
-}
-function isPerformanceTracingEnabled() {
+});
+var 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) {
+});
+var labelStackToString = withProfiling(function labelStackToString(labelStack, name) {
   var _stack$map;
   var stack = _toConsumableArray(labelStack !== null && labelStack !== void 0 ? labelStack : []);
   if (name) {
@@ -50,14 +51,14 @@ function labelStackToString(labelStack, name) {
   return (_stack$map = stack.map(function (l) {
     return l.name;
   })) === null || _stack$map === void 0 ? void 0 : _stack$map.join('/');
-}
-function labelStackToIdString(labelStack) {
+});
+var labelStackToIdString = withProfiling(function labelStackToIdString(labelStack) {
   var _labelStack$map;
   return labelStack === null || labelStack === void 0 || (_labelStack$map = labelStack.map(function (l) {
     return 'segmentId' in l ? "".concat(l.name, ":").concat(l.segmentId) : "".concat(l.name);
   })) === null || _labelStack$map === void 0 ? void 0 : _labelStack$map.join('/');
-}
-function addSegmentObserver(observer) {
+});
+var addSegmentObserver = withProfiling(function addSegmentObserver(observer) {
   segmentObservers.push(observer);
   var _iterator = _createForOfIteratorHelper(segmentCache.values()),
     _step;
@@ -71,19 +72,19 @@ function addSegmentObserver(observer) {
   } finally {
     _iterator.f();
   }
-}
-function removeSegmentObserver(observer) {
+});
+var removeSegmentObserver = withProfiling(function removeSegmentObserver(observer) {
   var index = segmentObservers.findIndex(function (obs) {
     return obs === observer;
   });
   if (index !== -1) {
     segmentObservers.splice(index, 1);
   }
-}
-export function remove(interactionId) {
+});
+export var remove = withProfiling(function remove(interactionId) {
   interactions.delete(interactionId);
-}
-export function updatePageLoadInteractionName(ufoName) {
+});
+export var updatePageLoadInteractionName = withProfiling(function updatePageLoadInteractionName(ufoName) {
   var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
   var interaction = getActiveInteraction();
   if (!interaction || interaction.type !== 'page_load' && interaction.type !== 'transition') {
@@ -91,16 +92,16 @@ export function updatePageLoadInteractionName(ufoName) {
   }
   interaction.ufoName = ufoName;
   interaction.routeName = routeName;
-}
-export function addMetadata(interactionId, data) {
+});
+export var addMetadata = withProfiling(function addMetadata(interactionId, data) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
     Object.keys(data).forEach(function (key) {
       interaction.metaData[key] = data[key];
     });
   }
-}
-export function addCustomData(interactionId, labelStack, data) {
+});
+export var addCustomData = withProfiling(function addCustomData(interactionId, labelStack, data) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
     Object.keys(data).forEach(function (i) {
@@ -110,8 +111,8 @@ export function addCustomData(interactionId, labelStack, data) {
       });
     });
   }
-}
-export function addCustomTiming(interactionId, labelStack, data) {
+});
+export var addCustomTiming = withProfiling(function addCustomTiming(interactionId, labelStack, data) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.customTimings.push({
@@ -137,8 +138,8 @@ export function addCustomTiming(interactionId, labelStack, data) {
       }
     }
   }
-}
-export function addMark(interactionId, type, name, labelStack) {
+});
+export var addMark = withProfiling(function addMark(interactionId, type, name, labelStack) {
   var time = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : performance.now();
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
@@ -154,8 +155,8 @@ export function addMark(interactionId, type, name, labelStack) {
       startTime: time
     });
   }
-}
-export function addMarkToAll(type, name, labelStack) {
+});
+export var addMarkToAll = withProfiling(function addMarkToAll(type, name, labelStack) {
   var time = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : performance.now();
   interactions.forEach(function (interaction) {
     interaction.marks.push({
@@ -170,8 +171,8 @@ export function addMarkToAll(type, name, labelStack) {
       startTime: time
     });
   }
-}
-export function addSpan(interactionId, type, name, labelStack, start) {
+});
+export var addSpan = withProfiling(function addSpan(interactionId, type, name, labelStack, start) {
   var end = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : performance.now();
   var size = arguments.length > 6 ? arguments[6] : undefined;
   var interaction = interactions.get(interactionId);
@@ -196,8 +197,8 @@ export function addSpan(interactionId, type, name, labelStack, start) {
       }
     }
   }
-}
-export function addSpanToAll(type, name, labelStack, start) {
+});
+export var addSpanToAll = withProfiling(function addSpanToAll(type, name, labelStack, start) {
   var end = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : performance.now();
   var size = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
   interactions.forEach(function (interaction) {
@@ -221,36 +222,36 @@ export function addSpanToAll(type, name, labelStack, start) {
       // do nothing
     }
   }
-}
-export function addPreload(moduleId, timestamp) {
+});
+export var addPreload = withProfiling(function addPreload(moduleId, timestamp) {
   addMarkToAll('bundle_preload', moduleId, null, timestamp);
-}
-export function addLoad(identifier, start, end) {
+});
+export var addLoad = withProfiling(function addLoad(identifier, start, end) {
   addSpanToAll('bundle_load', identifier, null, start, end - start);
-}
+});
 var moduleLoadingRequests = {};
-export function extractModuleName(input) {
+export var extractModuleName = withProfiling(function extractModuleName(input) {
   var 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) {
+});
+var 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) {
+});
+var 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 var addHold = withProfiling(function addHold(interactionId, labelStack, name, experimental) {
   var interaction = interactions.get(interactionId);
   var id = createUUID();
   if (interaction != null) {
@@ -306,8 +307,8 @@ export function addHold(interactionId, labelStack, name, experimental) {
     };
   }
   return function () {};
-}
-export function addHoldByID(interactionId, labelStack, name, id, ignoreOnSubmit) {
+});
+export var addHoldByID = withProfiling(function addHoldByID(interactionId, labelStack, name, id, ignoreOnSubmit) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
     var start = performance.now();
@@ -320,8 +321,8 @@ export function addHoldByID(interactionId, labelStack, name, id, ignoreOnSubmit)
     addHoldCriterion(id, labelStack, name, start);
   }
   return function () {};
-}
-export function removeHoldByID(interactionId, id) {
+});
+export var removeHoldByID = withProfiling(function removeHoldByID(interactionId, id) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
     var end = performance.now();
@@ -335,19 +336,19 @@ export function removeHoldByID(interactionId, id) {
       removeHoldCriterion(id);
     }
   }
-}
-export function getCurrentInteractionType(interactionId) {
+});
+export var getCurrentInteractionType = withProfiling(function getCurrentInteractionType(interactionId) {
   var interaction = interactions.get(interactionId);
   if (interaction) {
     return interaction.type;
   }
   return null;
-}
+});
 export var ModuleLoadingProfiler = {
-  onPreload: function onPreload(moduleId, _priority) {
+  onPreload: withProfiling(function onPreload(moduleId, _priority) {
     addPreload(extractModuleName(moduleId), performance.now());
-  },
-  onLoadStart: function onLoadStart(info) {
+  }),
+  onLoadStart: withProfiling(function onLoadStart(info) {
     var timeoutId = setTimeout(function () {
       delete moduleLoadingRequests[info.identifier];
     }, 30000);
@@ -356,29 +357,29 @@ export var ModuleLoadingProfiler = {
       timeoutId: timeoutId
     };
     moduleLoadingRequests[info.identifier] = request;
-  },
-  onLoadComplete: function onLoadComplete(info) {
+  }),
+  onLoadComplete: withProfiling(function onLoadComplete(info) {
     var request = moduleLoadingRequests[info.identifier];
     if (request) {
       clearTimeout(request.timeoutId);
       delete moduleLoadingRequests[info.identifier];
       addLoad(extractModuleName(info.identifier), request.start, performance.now());
     }
-  },
-  placeholderFallBackMounted: function placeholderFallBackMounted(id, moduleId) {
+  }),
+  placeholderFallBackMounted: withProfiling(function placeholderFallBackMounted(id, moduleId) {
     var interactionId = getInteractionId();
     var currentInteractionId = interactionId.current;
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     addHoldByID(currentInteractionId, [], moduleId, id);
-  },
-  placeholderFallBackUnmounted: function placeholderFallBackUnmounted(id) {
+  }),
+  placeholderFallBackUnmounted: withProfiling(function placeholderFallBackUnmounted(id) {
     var interactionId = getInteractionId();
     var 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 var addError = withProfiling(function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.errors.push({
@@ -390,8 +391,8 @@ export function addError(interactionId, name, labelStack, errorType, errorMessag
       forcedError: forcedError
     });
   }
-}
-export function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack) {
+});
+export var addErrorToAll = withProfiling(function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack) {
   interactions.forEach(function (interaction) {
     interaction.errors.push({
       name: name,
@@ -401,8 +402,8 @@ export function addErrorToAll(name, labelStack, errorType, errorMessage, errorSt
       errorStack: errorStack
     });
   });
-}
-export var addProfilerTimings = function addProfilerTimings(interactionId, labelStack, type, actualDuration, baseDuration, startTime, commitTime) {
+});
+export var addProfilerTimings = withProfiling(function addProfilerTimings(interactionId, labelStack, type, actualDuration, baseDuration, startTime, commitTime) {
   var _getConfig3;
   if (isPerformanceTracingEnabled()) {
     try {
@@ -428,20 +429,20 @@ export var addProfilerTimings = function addProfilerTimings(interactionId, label
   } else if ((_getConfig3 = getConfig()) !== null && _getConfig3 !== void 0 && (_getConfig3 = _getConfig3.postInteractionLog) !== null && _getConfig3 !== void 0 && _getConfig3.enabled) {
     postInteractionLog.addProfilerTimings(labelStack, type, actualDuration, baseDuration, startTime, commitTime);
   }
-};
-var pushToQueue = function pushToQueue(id, data) {
+});
+var pushToQueue = withProfiling(function pushToQueue(id, data) {
   interactionQueue.push({
     id: id,
     data: data
   });
-};
+});
 var handleInteraction = pushToQueue;
-function callCleanUpCallbacks(interaction) {
+var callCleanUpCallbacks = withProfiling(function callCleanUpCallbacks(interaction) {
   interaction.cleanupCallbacks.reverse().forEach(function (cleanUpCallback) {
     cleanUpCallback();
   });
-}
-var finishInteraction = function finishInteraction(id, data) {
+});
+var finishInteraction = withProfiling(function finishInteraction(id, data) {
   var _getConfig4, _getConfig5;
   var endTime = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : performance.now();
   data.end = endTime;
@@ -517,8 +518,8 @@ var finishInteraction = function finishInteraction(id, data) {
   } catch (error) {
     // do nothing
   }
-};
-export var sinkInteractionHandler = function sinkInteractionHandler(sinkFn) {
+});
+export var sinkInteractionHandler = withProfiling(function sinkInteractionHandler(sinkFn) {
   if (handleInteraction === pushToQueue) {
     handleInteraction = sinkFn;
     interactionQueue.forEach(function (interaction) {
@@ -526,14 +527,14 @@ export var sinkInteractionHandler = function sinkInteractionHandler(sinkFn) {
     });
     interactionQueue.length = 0;
   }
-};
-export var sinkPostInteractionLogHandler = function sinkPostInteractionLogHandler(sinkFn) {
+});
+export var sinkPostInteractionLogHandler = withProfiling(function sinkPostInteractionLogHandler(sinkFn) {
   postInteractionLog.sinkHandler(sinkFn);
-};
+});
 
 // a flag to prevent multiple submitting
 var activeSubmitted = false;
-export function tryComplete(interactionId, endTime) {
+export var tryComplete = withProfiling(function tryComplete(interactionId, endTime) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
     var noMoreActiveHolds = interaction.holdActive.size === 0;
@@ -611,13 +612,13 @@ export function tryComplete(interactionId, endTime) {
       }
     }
   }
-}
-function callCancelCallbacks(interaction) {
+});
+var callCancelCallbacks = withProfiling(function callCancelCallbacks(interaction) {
   interaction.cancelCallbacks.reverse().forEach(function (cancelCallback) {
     cancelCallback();
   });
-}
-export function abort(interactionId, abortReason) {
+});
+export var abort = withProfiling(function abort(interactionId, abortReason) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
     var _getConfig10;
@@ -629,8 +630,8 @@ export function abort(interactionId, abortReason) {
       remove(interactionId);
     }
   }
-}
-export function abortByNewInteraction(interactionId, interactionName) {
+});
+export var abortByNewInteraction = withProfiling(function abortByNewInteraction(interactionId, interactionName) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
     var _getConfig11;
@@ -643,8 +644,8 @@ export function abortByNewInteraction(interactionId, interactionName) {
       remove(interactionId);
     }
   }
-}
-export function abortAll(abortReason, abortedByInteractionName) {
+});
+export var abortAll = withProfiling(function abortAll(abortReason, abortedByInteractionName) {
   interactions.forEach(function (interaction, interactionId) {
     var _getConfig12;
     var noMoreHolds = interaction.holdActive.size === 0;
@@ -661,12 +662,12 @@ export function abortAll(abortReason, abortedByInteractionName) {
       remove(interactionId);
     }
   });
-}
-export function addOnCancelCallback(id, cancelCallback) {
+});
+export var addOnCancelCallback = withProfiling(function addOnCancelCallback(id, cancelCallback) {
   var interaction = interactions.get(id);
   interaction === null || interaction === void 0 || interaction.cancelCallbacks.push(cancelCallback);
-}
-export function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName) {
+});
+export var addNewInteraction = withProfiling(function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName) {
   var _getConfig13;
   var trace = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
   if ((_getConfig13 = getConfig()) !== null && _getConfig13 !== void 0 && (_getConfig13 = _getConfig13.postInteractionLog) !== null && _getConfig13 !== void 0 && _getConfig13.enabled) {
@@ -770,8 +771,8 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
       });
     }
   }
-}
-export function addBrowserMetricEvent(event) {
+});
+export var addBrowserMetricEvent = withProfiling(function addBrowserMetricEvent(event) {
   var interaction = getActiveInteraction();
   if (interaction) {
     var _event$config;
@@ -782,8 +783,8 @@ export function addBrowserMetricEvent(event) {
       removeHoldByID(interaction.id, interaction.ufoName);
     }
   }
-}
-export function addApdexToAll(apdex) {
+});
+export var addApdexToAll = withProfiling(function addApdexToAll(apdex) {
   interactions.forEach(function (interaction, key) {
     interaction.apdex.push(apdex);
     try {
@@ -801,8 +802,8 @@ export function addApdexToAll(apdex) {
       removeHoldByID(key, interaction.ufoName);
     }
   });
-}
-export function addApdex(interactionId, apdexInfo) {
+});
+export var addApdex = withProfiling(function addApdex(interactionId, apdexInfo) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.apdex.push(apdexInfo);
@@ -821,27 +822,27 @@ export function addApdex(interactionId, apdexInfo) {
       removeHoldByID(interactionId, interaction.ufoName);
     }
   }
-}
-export function addRequestInfo(interactionId, labelStack, requestInfo) {
+});
+export var addRequestInfo = withProfiling(function addRequestInfo(interactionId, labelStack, requestInfo) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.requestInfo.push(_objectSpread({
       labelStack: labelStack
     }, requestInfo));
   }
-}
-function isSegmentLabel(obj) {
+});
+var isSegmentLabel = withProfiling(function isSegmentLabel(obj) {
   return obj && typeof obj.name === 'string' && typeof obj.segmentId === 'string';
-}
-function getSegmentCacheKey(labelStack) {
+});
+var getSegmentCacheKey = withProfiling(function getSegmentCacheKey(labelStack) {
   return labelStack.map(function (l) {
     if (isSegmentLabel(l)) {
       return "".concat(l.name, "_").concat(l.segmentId);
     }
     return l.name;
   }).join('|');
-}
-export function addSegment(labelStack) {
+});
+export var addSegment = withProfiling(function addSegment(labelStack) {
   var key = getSegmentCacheKey(labelStack);
   var existingSegment = segmentCache.get(key);
   if (!existingSegment) {
@@ -853,8 +854,8 @@ export function addSegment(labelStack) {
       observer.onAdd(segmentInfo);
     });
   }
-}
-export function removeSegment(labelStack) {
+});
+export var removeSegment = withProfiling(function removeSegment(labelStack) {
   var key = getSegmentCacheKey(labelStack);
   var segmentInfo = segmentCache.get(key);
   if (segmentInfo) {
@@ -863,8 +864,8 @@ export function removeSegment(labelStack) {
       observer.onRemove(segmentInfo);
     });
   }
-}
-export function addRedirect(interactionId, fromUfoName, nextUfoName, nextRouteName, time) {
+});
+export var addRedirect = withProfiling(function addRedirect(interactionId, fromUfoName, nextUfoName, nextRouteName, time) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.ufoName = nextUfoName;
@@ -887,12 +888,12 @@ export function addRedirect(interactionId, fromUfoName, nextUfoName, nextRouteNa
       }
     }
   }
-}
+});
 export var interactionSpans = [];
 var defaultLabelStack = [{
   name: 'custom'
 }];
-export function addCustomSpans(name, start) {
+export var addCustomSpans = withProfiling(function addCustomSpans(name, start) {
   var end = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : performance.now();
   var size = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   var labelStack = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : defaultLabelStack;
@@ -905,4 +906,4 @@ export function addCustomSpans(name, start) {
     size: size
   };
   interactionSpans.push(customSpan);
-}
+});

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

@@ -6,6 +6,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { getConfig } from '../config';
+import { withProfiling } from '../self-measurements';
 import { VCObserver } from '../vc/vc-observer';
 var POST_INTERACTION_LOG_SEND_DEFAULT_TIMEOUT = 3000;
 var PostInteractionLog = /*#__PURE__*/function () {
@@ -32,6 +33,15 @@ var PostInteractionLog = /*#__PURE__*/function () {
      * Handler function to process / send the observation data
      */
     _defineProperty(this, "sinkHandlerFn", function () {});
+    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));
   }
   return _createClass(PostInteractionLog, [{
     key: "initializeVCObserver",

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

@@ -5,12 +5,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';
 var initialized = false;
-function sinkInteraction(instance, payloadPackage) {
-  sinkInteractionHandler(function (interactionId, interaction) {
-    scheduleIdleCallback(function () {
+var sinkInteraction = withProfiling(function sinkInteraction(instance, payloadPackage) {
+  var sinkFn = withProfiling(function sinkFn(interactionId, interaction) {
+    var onIdle = withProfiling(function onIdle() {
       payloadPackage.createPayloads(interactionId, interaction).then(function (payloads) {
         // NOTE: This API is used by the UFO DevTool Chrome Extension and Criterion
         var devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
@@ -24,14 +25,17 @@ function sinkInteraction(instance, payloadPackage) {
         throw error;
       });
     });
+    scheduleIdleCallback(onIdle);
   });
-}
-function sinkExperimentalInteractionMetrics(instance, payloadPackage) {
-  sinkExperimentalHandler(function (interactionId, interaction) {
-    scheduleIdleCallback(function () {
+  sinkInteractionHandler(sinkFn);
+});
+var sinkExperimentalInteractionMetrics = withProfiling(function sinkExperimentalInteractionMetrics(instance, payloadPackage) {
+  var experimentalMetricsSinkFn = withProfiling(function experimentalMetricsSinkFn(interactionId, interaction) {
+    var experimentalMetricsOnIdle = withProfiling(function experimentalMetricsOnIdle() {
       var payloadPromise = payloadPackage.createExperimentalMetricsPayload(interactionId, interaction);
       payloadPromise.then(function (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
             var devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
@@ -43,14 +47,17 @@ function sinkExperimentalInteractionMetrics(instance, payloadPackage) {
         }
       });
     });
+    scheduleIdleCallback(experimentalMetricsOnIdle);
   });
-}
+  sinkExperimentalHandler(experimentalMetricsSinkFn);
+});
 function sinkPostInteractionLog(instance, createPostInteractionLogPayload) {
   sinkPostInteractionLogHandler(function (logOutput) {
     scheduleIdleCallback(function () {
       var 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')) {
           var devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
           if (typeof devToolObserver === 'function') {
@@ -62,7 +69,7 @@ function sinkPostInteractionLog(instance, createPostInteractionLogPayload) {
     });
   });
 }
-export var init = function init(analyticsWebClientAsync, config) {
+export var init = withProfiling(function init(analyticsWebClientAsync, config) {
   var _config$vc;
   if (initialized) {
     return;
@@ -120,4 +127,4 @@ export var init = function init(analyticsWebClientAsync, config) {
       }
     }
   });
-};
+});

package/dist/esm/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';
+var 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;