@atlaskit/react-ufo 3.4.14 → 3.5.0

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

@@ -13,14 +13,15 @@ var _config = require("../config");
 var _createExperimentalInteractionMetricsPayload = require("../create-experimental-interaction-metrics-payload");
 var _hiddenTiming = require("../hidden-timing");
 var _interactionMetrics = require("../interaction-metrics");
+var _selfMeasurements = require("../self-measurements");
 var _vc = require("../vc");
 var _scheduleIdleCallback = _interopRequireDefault(require("./schedule-idle-callback"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var initialized = false;
-function sinkInteraction(instance, payloadPackage) {
-  (0, _interactionMetrics.sinkInteractionHandler)(function (interactionId, interaction) {
-    (0, _scheduleIdleCallback.default)(function () {
+var sinkInteraction = (0, _selfMeasurements.withProfiling)(function sinkInteraction(instance, payloadPackage) {
+  var sinkFn = (0, _selfMeasurements.withProfiling)(function sinkFn(interactionId, interaction) {
+    var onIdle = (0, _selfMeasurements.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;
@@ -34,14 +35,17 @@ function sinkInteraction(instance, payloadPackage) {
         throw error;
       });
     });
+    (0, _scheduleIdleCallback.default)(onIdle);
   });
-}
-function sinkExperimentalInteractionMetrics(instance, payloadPackage) {
-  (0, _createExperimentalInteractionMetricsPayload.sinkExperimentalHandler)(function (interactionId, interaction) {
-    (0, _scheduleIdleCallback.default)(function () {
+  (0, _interactionMetrics.sinkInteractionHandler)(sinkFn);
+});
+var sinkExperimentalInteractionMetrics = (0, _selfMeasurements.withProfiling)(function sinkExperimentalInteractionMetrics(instance, payloadPackage) {
+  var experimentalMetricsSinkFn = (0, _selfMeasurements.withProfiling)(function experimentalMetricsSinkFn(interactionId, interaction) {
+    var experimentalMetricsOnIdle = (0, _selfMeasurements.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 ((0, _platformFeatureFlags.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;
@@ -53,14 +57,17 @@ function sinkExperimentalInteractionMetrics(instance, payloadPackage) {
         }
       });
     });
+    (0, _scheduleIdleCallback.default)(experimentalMetricsOnIdle);
   });
-}
+  (0, _createExperimentalInteractionMetricsPayload.sinkExperimentalHandler)(experimentalMetricsSinkFn);
+});
 function sinkPostInteractionLog(instance, createPostInteractionLogPayload) {
   (0, _interactionMetrics.sinkPostInteractionLogHandler)(function (logOutput) {
     (0, _scheduleIdleCallback.default)(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 ((0, _platformFeatureFlags.fg)('enable_ufo_devtools_api_for_extra_events')) {
           var devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
           if (typeof devToolObserver === 'function') {
@@ -72,7 +79,7 @@ function sinkPostInteractionLog(instance, createPostInteractionLogPayload) {
     });
   });
 }
-var init = exports.init = function init(analyticsWebClientAsync, config) {
+var init = exports.init = (0, _selfMeasurements.withProfiling)(function init(analyticsWebClientAsync, config) {
   var _config$vc;
   if (initialized) {
     return;
@@ -134,4 +141,4 @@ var init = exports.init = function init(analyticsWebClientAsync, config) {
       }
     }
   });
-};
+});

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

@@ -3,13 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = scheduleIdleCallback;
+exports.default = void 0;
 var _scheduler = require("scheduler");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-function scheduleIdleCallback(work) {
-  if (typeof window !== 'undefined' && typeof window.requestIdleCallback === 'function' && (0, _platformFeatureFlags.fg)('ufo_payload_use_idle_callback')) {
+var _selfMeasurements = require("../self-measurements");
+var scheduleIdleCallback = (0, _selfMeasurements.withProfiling)(function scheduleIdleCallback(work) {
+  if (typeof window !== 'undefined' && typeof window.requestIdleCallback === 'function' &&
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  (0, _platformFeatureFlags.fg)('ufo_payload_use_idle_callback')) {
     window.requestIdleCallback(work);
   } else {
     (0, _scheduler.unstable_scheduleCallback)(_scheduler.unstable_IdlePriority, work);
   }
-}
+});
+var _default = exports.default = scheduleIdleCallback;

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

@@ -4,19 +4,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.configure = configure;
-exports.getConfig = void 0;
+exports.getConfig = exports.configure = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _config = require("../../../config");
+var _selfMeasurements = require("../../../self-measurements");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var defaultAllowedParams = ['operationName', 'operation', 'q'];
-var getAllowedParams = function getAllowedParams() {
+var getAllowedParams = (0, _selfMeasurements.withProfiling)(function getAllowedParams() {
   var config = (0, _config.getConfig)();
   return (config === null || config === void 0 ? void 0 : config.allowedResourcesParams) || defaultAllowedParams;
-};
-var handleQueryParams = function handleQueryParams(urlString) {
+});
+var handleQueryParams = (0, _selfMeasurements.withProfiling)(function handleQueryParams(urlString) {
   try {
     if (typeof urlString !== 'string') {
       return urlString;
@@ -43,7 +43,7 @@ var handleQueryParams = function handleQueryParams(urlString) {
   } catch (e) {
     return urlString;
   }
-};
+});
 var config = {
   mapResources: function mapResources(url) {
     return url;
@@ -52,7 +52,7 @@ var config = {
     return handleQueryParams(url);
   }
 };
-function configure(resourceTimingConfig) {
+var configure = exports.configure = (0, _selfMeasurements.withProfiling)(function configure(resourceTimingConfig) {
   var newConfig = {
     mapResources: resourceTimingConfig.mapResources,
     sanitiseEndpoints: function sanitiseEndpoints(url) {
@@ -64,7 +64,7 @@ function configure(resourceTimingConfig) {
     }
   };
   config = newConfig;
-}
-var getConfig = exports.getConfig = function getConfig() {
+});
+var getConfig = exports.getConfig = (0, _selfMeasurements.withProfiling)(function getConfig() {
   return config;
-};
+});

package/dist/cjs/resource-timing/common/utils/resource-timing-buffer.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.resourceTimingBuffer = exports.filterResourceTimings = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _roundNumber = require("../../../round-number");
+var _selfMeasurements = require("../../../self-measurements");
 var getPerformanceObject = function getPerformanceObject() {
   var _window;
   return ((_window = window) !== null && _window !== void 0 ? _window : {}).performance;
@@ -19,7 +20,7 @@ var resourceTimingBuffer = exports.resourceTimingBuffer = {
   timings: [],
   maxSize: 1000,
   observer: null,
-  transformResource: function transformResource(entry) {
+  transformResource: (0, _selfMeasurements.withProfiling)(function transformResource(entry) {
     var _entry$serverTiming, _entry$serverTiming2;
     var duration = (0, _roundNumber.roundEpsilon)(entry.duration);
 
@@ -48,8 +49,8 @@ var resourceTimingBuffer = exports.resourceTimingBuffer = {
       encodedSize: (0, _roundNumber.roundEpsilon)(entry.encodedBodySize),
       decodedSize: (0, _roundNumber.roundEpsilon)(entry.decodedBodySize)
     };
-  },
-  start: function start() {
+  }),
+  start: (0, _selfMeasurements.withProfiling)(function start() {
     var _performance$getEntri;
     var performance = getPerformanceObject();
     var PerformanceObserver = getPerformanceObserverObject();
@@ -69,15 +70,15 @@ var resourceTimingBuffer = exports.resourceTimingBuffer = {
     resourceTimingBuffer.observer.observe({
       entryTypes: ['resource']
     });
-  },
-  stop: function stop() {
+  }),
+  stop: (0, _selfMeasurements.withProfiling)(function stop() {
     if (resourceTimingBuffer.observer) {
       resourceTimingBuffer.observer.disconnect();
       resourceTimingBuffer.observer = null;
     }
     resourceTimingBuffer.timings = [];
-  },
-  addTimings: function addTimings(list) {
+  }),
+  addTimings: (0, _selfMeasurements.withProfiling)(function addTimings(list) {
     var _resourceTimingBuffer;
     var entries = list.getEntries().map(function (entry) {
       return resourceTimingBuffer.transformResource(entry);
@@ -88,12 +89,12 @@ var resourceTimingBuffer = exports.resourceTimingBuffer = {
       resourceTimingBuffer.timings.splice(0, fieldsToRemove);
     }
     (_resourceTimingBuffer = resourceTimingBuffer.timings).push.apply(_resourceTimingBuffer, (0, _toConsumableArray2.default)(entries));
-  }
+  })
 };
-var isValidTiming = function isValidTiming(timing, startTime, endTime) {
+var isValidTiming = (0, _selfMeasurements.withProfiling)(function isValidTiming(timing, startTime, endTime) {
   return timing.startTime >= startTime && timing.startTime + timing.duration <= endTime;
-};
-var filterResourceTimings = exports.filterResourceTimings = function filterResourceTimings(startTime, endTime) {
+});
+var filterResourceTimings = exports.filterResourceTimings = (0, _selfMeasurements.withProfiling)(function filterResourceTimings(startTime, endTime) {
   var performance = getPerformanceObject();
   var PerformanceObserver = getPerformanceObserverObject();
   if (!PerformanceObserver || !resourceTimingBuffer.observer) {
@@ -108,4 +109,4 @@ var filterResourceTimings = exports.filterResourceTimings = function filterResou
   return resourceTimingBuffer.timings.filter(function (timing) {
     return isValidTiming(timing, startTime, endTime);
   });
-};
+});

package/dist/cjs/resource-timing/main.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _config = require("../config");
 var _roundNumber = require("../round-number");
+var _selfMeasurements = require("../self-measurements");
 var _config2 = require("./common/utils/config");
 var _resourceTimingBuffer = require("./common/utils/resource-timing-buffer");
 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; }
@@ -18,18 +19,20 @@ var resourceTypes = ['fetch', 'xmlhttprequest'];
 var CACHE_NETWORK = 'network';
 var CACHE_MEMORY = 'memory';
 var CACHE_DISK = 'disk';
-var isCacheableType = function isCacheableType(url, type) {
+var isCacheableType = (0, _selfMeasurements.withProfiling)(function isCacheableType(url, type) {
   if (alwaysCacheableTypes.includes(type)) {
     return true;
   }
+
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   if (type === 'other' && url.includes('.js') && (0, _platformFeatureFlags.fg)('ufo_support_other_resource_type_js')) {
     return true;
   }
   return false;
-};
+});
 
 // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
-var calculateTransferType = function calculateTransferType(name, type, duration, size) {
+var calculateTransferType = (0, _selfMeasurements.withProfiling)(function calculateTransferType(name, type, duration, size) {
   if (!isCacheableType(name, type)) {
     return CACHE_NETWORK;
   }
@@ -43,16 +46,17 @@ var calculateTransferType = function calculateTransferType(name, type, duration,
     return null;
   }
   return CACHE_NETWORK;
-};
-var getWindowObject = function getWindowObject() {
+});
+var getWindowObject = (0, _selfMeasurements.withProfiling)(function getWindowObject() {
   return typeof window !== 'undefined' && !!window ? window : undefined;
-};
-var hasAccessToResourceSize = function hasAccessToResourceSize(url, type, entry, hasTimingHeaders) {
+});
+var hasAccessToResourceSize = (0, _selfMeasurements.withProfiling)(function hasAccessToResourceSize(url, type, entry, hasTimingHeaders) {
   return !isCacheableType(url, type) || url.includes('localhost') || !!getWindowObject() && url.includes(window.location.hostname) || hasTimingHeaders(url, entry);
-};
-var getReportedInitiatorTypes = function getReportedInitiatorTypes(xhrEnabled) {
+});
+var getReportedInitiatorTypes = (0, _selfMeasurements.withProfiling)(function getReportedInitiatorTypes(xhrEnabled) {
   var ufoConfig = (0, _config.getConfig)();
   if (!(ufoConfig !== null && ufoConfig !== void 0 && ufoConfig.allowedResources)) {
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
     if ((0, _platformFeatureFlags.fg)('ufo_support_other_resource_type_js')) {
       if (xhrEnabled) {
         return ['script', 'link', 'fetch', 'other', 'xmlhttprequest'];
@@ -66,18 +70,18 @@ var getReportedInitiatorTypes = function getReportedInitiatorTypes(xhrEnabled) {
     }
   }
   return ufoConfig.allowedResources;
-};
-var evaluateAccessToResourceTimings = function evaluateAccessToResourceTimings(url, entry) {
+});
+var evaluateAccessToResourceTimings = (0, _selfMeasurements.withProfiling)(function evaluateAccessToResourceTimings(url, entry) {
   return !(entry.responseStart === 0 && entry.startTime > entry.responseStart);
-};
+});
 
 // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
-var getSizeObject = function getSizeObject(size) {
+var getSizeObject = (0, _selfMeasurements.withProfiling)(function getSizeObject(size) {
   return size !== undefined ? {
     size: size
   } : null;
-};
-var getNetworkData = function getNetworkData(item, eventStart) {
+});
+var getNetworkData = (0, _selfMeasurements.withProfiling)(function getNetworkData(item, eventStart) {
   var hasTimingHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : evaluateAccessToResourceTimings;
   var name = item.name,
     duration = item.duration,
@@ -110,8 +114,8 @@ var getNetworkData = function getNetworkData(item, eventStart) {
     networkTime: networkTime,
     requestStart: requestStart
   }, getSizeObject(transferSize));
-};
-var getResourceTimings = exports.getResourceTimings = function getResourceTimings(interactionStart, interactionEnd) {
+});
+var getResourceTimings = exports.getResourceTimings = (0, _selfMeasurements.withProfiling)(function getResourceTimings(interactionStart, interactionEnd) {
   var resourceTiming = {};
   if (interactionStart === null) {
     return resourceTiming;
@@ -142,7 +146,9 @@ var getResourceTimings = exports.getResourceTimings = function getResourceTiming
     if (initiatorType === 'xmlhttprequest' && (xhrFilter === undefined || xhrFilter(name) === false)) {
       return;
     }
-    if (initiatorType === 'other' && !name.includes('.js') && (0, _platformFeatureFlags.fg)('ufo_support_other_resource_type_js')) {
+    if (initiatorType === 'other' && !name.includes('.js') &&
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    (0, _platformFeatureFlags.fg)('ufo_support_other_resource_type_js')) {
       return;
     }
     var url = resourceTypes.includes(initiatorType) ? sanitiseEndpoints(name) : mapResources(name);
@@ -162,4 +168,4 @@ var getResourceTimings = exports.getResourceTimings = function getResourceTiming
     }, getNetworkData(item, interactionStart, hasTimingHeaders));
   });
   return resourceTiming;
-};
+});

package/dist/cjs/resource-timing/utils.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.startResourceTimingBuffer = startResourceTimingBuffer;
+exports.startResourceTimingBuffer = void 0;
+var _selfMeasurements = require("../self-measurements");
 var _resourceTimingBuffer = require("./common/utils/resource-timing-buffer");
-function startResourceTimingBuffer() {
+var startResourceTimingBuffer = exports.startResourceTimingBuffer = (0, _selfMeasurements.withProfiling)(function startResourceTimingBuffer() {
   _resourceTimingBuffer.resourceTimingBuffer.start();
-}
+});

package/dist/cjs/round-number/index.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.roundEpsilon = void 0;
-var roundEpsilon = exports.roundEpsilon = function roundEpsilon(num) {
+var _selfMeasurements = require("../self-measurements");
+var roundEpsilon = exports.roundEpsilon = (0, _selfMeasurements.withProfiling)(function roundEpsilon(num) {
   var places = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
   var factor = Math.pow(10, places);
   return Math.round((num + Number.EPSILON) * factor) / factor;
-};
+});

package/dist/cjs/route-name/index.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = getUFORouteName;
-function getUFORouteName(route) {
+exports.default = void 0;
+var _selfMeasurements = require("../self-measurements");
+var getUFORouteName = (0, _selfMeasurements.withProfiling)(function getUFORouteName(route) {
   if (route.ufoName != null) {
     return route.ufoName;
   }
   return route.name;
-}
+});
+var _default = exports.default = getUFORouteName;

package/dist/cjs/segment/schedule-on-paint.js

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = scheduleOnPaint;
-function scheduleOnPaint(callback) {
+exports.default = void 0;
+var _selfMeasurements = require("../self-measurements");
+var scheduleOnPaint = (0, _selfMeasurements.withProfiling)(function scheduleOnPaint(_callback) {
   var _document;
+  var callback = (0, _selfMeasurements.withProfiling)(_callback);
   if (((_document = document) === null || _document === void 0 ? void 0 : _document.visibilityState) !== 'visible') {
     // last resort fallback
     setTimeout(callback, 100);
@@ -32,4 +34,5 @@ function scheduleOnPaint(callback) {
       });
     });
   }
-}
+});
+var _default = exports.default = scheduleOnPaint;

package/dist/cjs/segment/segment.js

@@ -19,6 +19,7 @@ var _interactionContext = _interopRequireDefault(require("../interaction-context
 var _interactionIdContext = _interopRequireDefault(require("../interaction-id-context"));
 var _interactionMetrics = require("../interaction-metrics");
 var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
+var _selfMeasurements = require("../self-measurements");
 var _shortId = _interopRequireDefault(require("../short-id"));
 var _scheduleOnPaint = _interopRequireDefault(require("./schedule-on-paint"));
 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; }
@@ -37,6 +38,7 @@ var AsyncSegmentHighlight = /*#__PURE__*/(0, _react.lazy)(function () {
 });
 var noopIdMap = new Map();
 
+// KARL TODO: finish self profiling
 /** A portion of the page we apply measurement to */
 function UFOSegment(_ref) {
   var _getConfig2;
@@ -80,11 +82,12 @@ function UFOSegment(_ref) {
   }, [parentContext, segmentName, segmentId]);
   var interactionId = (0, _react.useContext)(_interactionIdContext.default);
   var interactionContext = (0, _react.useMemo)(function () {
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
     if (!(0, _platformFeatureFlags.fg)('platform-ufo-add-segment-use-effect')) {
       (0, _interactionMetrics.addSegment)(labelStack);
     }
     var lastCompleteEndTime = 0;
-    function complete() {
+    var complete = (0, _selfMeasurements.withProfiling)(function complete() {
       var endTime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : performance.now();
       if (interactionId.current) {
         if (parentContext) {
@@ -98,7 +101,7 @@ function UFOSegment(_ref) {
             var _cancelAnimationFrame;
             (_cancelAnimationFrame = cancelAnimationFrame) === null || _cancelAnimationFrame === void 0 || _cancelAnimationFrame(tryCompleteHandle);
           }
-          (0, _scheduler.unstable_scheduleCallback)(_scheduler.unstable_NormalPriority, function () {
+          var onComplete = (0, _selfMeasurements.withProfiling)(function onComplete() {
             if (capturedInteractionId === interactionId.current) {
               var _document;
               var isPageVisible = ((_document = document) === null || _document === void 0 ? void 0 : _document.visibilityState) === 'visible';
@@ -116,9 +119,10 @@ function UFOSegment(_ref) {
               }
             }
           });
+          (0, _scheduler.unstable_scheduleCallback)(_scheduler.unstable_NormalPriority, onComplete);
         }
       }
-    }
+    });
     function _internalHold(labelStack, name) {
       var experimental = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       if (interactionId.current != null) {