@atlaskit/react-ufo 3.4.14 → 3.5.0

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

@@ -27,13 +27,14 @@ 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';
 import getPageVisibilityUpToTTAI from './utils/get-page-visibility-up-to-ttai';
 import getSSRDoneTimeValue from './utils/get-ssr-done-time-value';
 import getVCMetrics from './utils/get-vc-metrics';
-function getUfoNameOverride(interaction) {
+var getUfoNameOverride = withProfiling(function getUfoNameOverride(interaction) {
   var ufoName = interaction.ufoName,
     apdex = interaction.apdex;
   try {
@@ -48,8 +49,8 @@ function getUfoNameOverride(interaction) {
   } catch (e) {
     return ufoName;
   }
-}
-function getEarliestLegacyStopTime(interaction, labelStack) {
+});
+var getEarliestLegacyStopTime = withProfiling(function getEarliestLegacyStopTime(interaction, labelStack) {
   var earliestLegacyStopTime = null;
   interaction.apdex.forEach(function (a) {
     var _a$labelStack;
@@ -64,8 +65,8 @@ function getEarliestLegacyStopTime(interaction, labelStack) {
     }
   });
   return earliestLegacyStopTime;
-}
-function getBm3EndTimeOrFallbackValue(interaction) {
+});
+var getBm3EndTimeOrFallbackValue = withProfiling(function getBm3EndTimeOrFallbackValue(interaction) {
   var _getEarliestLegacySto;
   var labelStack = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var fallbackValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : interaction.end;
@@ -73,13 +74,13 @@ function getBm3EndTimeOrFallbackValue(interaction) {
     return fallbackValue;
   }
   return (_getEarliestLegacySto = getEarliestLegacyStopTime(interaction, labelStack)) !== null && _getEarliestLegacySto !== void 0 ? _getEarliestLegacySto : fallbackValue;
-}
-var getPageVisibilityUpToTTI = function getPageVisibilityUpToTTI(interaction) {
+});
+var getPageVisibilityUpToTTI = withProfiling(function getPageVisibilityUpToTTI(interaction) {
   var start = interaction.start;
   var bm3EndTimeOrInteractionEndTime = getBm3EndTimeOrFallbackValue(interaction);
   return getPageVisibilityState(start, bm3EndTimeOrInteractionEndTime);
-};
-var getVisibilityStateFromPerformance = function getVisibilityStateFromPerformance(stop) {
+});
+var getVisibilityStateFromPerformance = withProfiling(function getVisibilityStateFromPerformance(stop) {
   try {
     var results = performance.getEntriesByType('visibility-state');
     if (!results || results.length === 0) {
@@ -107,8 +108,8 @@ var getVisibilityStateFromPerformance = function getVisibilityStateFromPerforman
   } catch (e) {
     return null;
   }
-};
-var getMoreAccuratePageVisibilityUpToTTI = function getMoreAccuratePageVisibilityUpToTTI(interaction) {
+});
+var getMoreAccuratePageVisibilityUpToTTI = withProfiling(function getMoreAccuratePageVisibilityUpToTTI(interaction) {
   var old = getPageVisibilityUpToTTI(interaction);
   var tti = getEarliestLegacyStopTime(interaction, []);
   if (!tti) {
@@ -122,8 +123,8 @@ var getMoreAccuratePageVisibilityUpToTTI = function getMoreAccuratePageVisibilit
     return 'mixed';
   }
   return old;
-};
-var getMoreAccuratePageVisibilityUpToTTAI = function getMoreAccuratePageVisibilityUpToTTAI(interaction) {
+});
+var getMoreAccuratePageVisibilityUpToTTAI = withProfiling(function getMoreAccuratePageVisibilityUpToTTAI(interaction) {
   var old = getPageVisibilityUpToTTAI(interaction);
   var buffered = getVisibilityStateFromPerformance(interaction.end);
   if (!buffered) {
@@ -133,21 +134,21 @@ var getMoreAccuratePageVisibilityUpToTTAI = function getMoreAccuratePageVisibili
     return 'mixed';
   }
   return old;
-};
-var getResourceTimings = function getResourceTimings(start, end) {
+});
+var getResourceTimings = withProfiling(function getResourceTimings(start, end) {
   var _resourceTiming$getRe;
   return (_resourceTiming$getRe = resourceTiming.getResourceTimings(start, end)) !== null && _resourceTiming$getRe !== void 0 ? _resourceTiming$getRe : undefined;
-};
-var getBundleEvalTimings = function getBundleEvalTimings(start) {
+});
+var getBundleEvalTimings = withProfiling(function getBundleEvalTimings(start) {
   return bundleEvalTiming.getBundleEvalTimings(start);
-};
-var getSSRSuccess = function getSSRSuccess(type) {
+});
+var getSSRSuccess = withProfiling(function getSSRSuccess(type) {
   return type === 'page_load' ? ssr.getSSRSuccess() : undefined;
-};
-var getSSRFeatureFlags = function getSSRFeatureFlags(type) {
+});
+var getSSRFeatureFlags = withProfiling(function getSSRFeatureFlags(type) {
   return type === 'page_load' ? ssr.getSSRFeatureFlags() : undefined;
-};
-var getLCP = function getLCP(end) {
+});
+var getLCP = withProfiling(function getLCP(end) {
   return new Promise(function (resolve) {
     var observer;
     var timeout = setTimeout(function () {
@@ -155,7 +156,7 @@ var getLCP = function getLCP(end) {
       (_observer = observer) === null || _observer === void 0 || _observer.disconnect();
       resolve(null);
     }, 200);
-    observer = new PerformanceObserver(function (list) {
+    var performanceObserverCallback = withProfiling(function performanceObserverCallback(list) {
       var entries = Array.from(list.getEntries());
       var lastEntry = entries.reduce(function (agg, entry) {
         // Use the latest LCP candidate before TTAI
@@ -171,14 +172,15 @@ var getLCP = function getLCP(end) {
         resolve(lastEntry.startTime);
       }
     });
+    observer = new PerformanceObserver(performanceObserverCallback);
     observer.observe({
       type: 'largest-contentful-paint',
       buffered: true
     });
   });
-};
-var getPaintMetrics = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(type, end) {
+});
+var getPaintMetrics = withProfiling( /*#__PURE__*/function () {
+  var _getPaintMetrics = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(type, end) {
     var metrics, lcp;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -212,17 +214,18 @@ var getPaintMetrics = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-  return function getPaintMetrics(_x, _x2) {
-    return _ref2.apply(this, arguments);
-  };
-}();
-var getTTAI = function getTTAI(interaction) {
+  function getPaintMetrics(_x, _x2) {
+    return _getPaintMetrics.apply(this, arguments);
+  }
+  return getPaintMetrics;
+}());
+var getTTAI = withProfiling(function getTTAI(interaction) {
   var start = interaction.start,
     end = interaction.end;
   var pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
   return !interaction.abortReason && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
-};
-var getNavigationMetrics = function getNavigationMetrics(type) {
+});
+var getNavigationMetrics = withProfiling(function getNavigationMetrics(type) {
   if (type !== 'page_load') {
     return {};
   }
@@ -267,8 +270,8 @@ var getNavigationMetrics = function getNavigationMetrics(type) {
   return {
     'metrics:navigation': metrics
   };
-};
-var getPPSMetrics = function getPPSMetrics(interaction) {
+});
+var getPPSMetrics = withProfiling(function getPPSMetrics(interaction) {
   var _interaction$apdex;
   var start = interaction.start,
     end = interaction.end;
@@ -294,14 +297,14 @@ var getPPSMetrics = function getPPSMetrics(interaction) {
     });
   }
   return {};
-};
-function getSSRProperties(type) {
+});
+var getSSRProperties = withProfiling(function getSSRProperties(type) {
   return {
     'ssr:success': getSSRSuccess(type),
     'ssr:featureFlags': getSSRFeatureFlags(type)
   };
-}
-var getAssetsMetrics = function getAssetsMetrics(interaction, SSRDoneTime) {
+});
+var getAssetsMetrics = withProfiling(function getAssetsMetrics(interaction, SSRDoneTime) {
   try {
     var config = getConfig();
     var type = interaction.type;
@@ -325,8 +328,8 @@ var getAssetsMetrics = function getAssetsMetrics(interaction, SSRDoneTime) {
     // Skip CHR in case of error
     return {};
   }
-};
-var getBrowserMetadata = function getBrowserMetadata() {
+});
+var getBrowserMetadata = withProfiling(function getBrowserMetadata() {
   var data = {};
   var now = new Date();
   data['event:localHour'] = now.getHours(); // returns the hours for this date according to local time
@@ -352,8 +355,8 @@ var getBrowserMetadata = function getBrowserMetadata() {
     data['event:network:downlink'] = navigator.connection.downlink;
   }
   return data;
-};
-var getTracingContextData = function getTracingContextData(interaction) {
+});
+var getTracingContextData = withProfiling(function getTracingContextData(interaction) {
   var trace = interaction.trace,
     start = interaction.start;
   var tracingContextData = {};
@@ -368,14 +371,14 @@ var getTracingContextData = function getTracingContextData(interaction) {
     };
   }
   return tracingContextData;
-};
-function optimizeCustomData(interaction) {
+});
+var optimizeCustomData = withProfiling(function optimizeCustomData(interaction) {
   var customData = interaction.customData,
     legacyMetrics = interaction.legacyMetrics;
-  var customDataMap = customData.reduce(function (result, _ref3) {
+  var customDataMap = customData.reduce(function (result, _ref2) {
     var _result$get$data, _result$get;
-    var labelStack = _ref3.labelStack,
-      data = _ref3.data;
+    var labelStack = _ref2.labelStack,
+      data = _ref2.data;
     var label = stringifyLabelStackFully(labelStack);
     var value = (_result$get$data = (_result$get = result.get(label)) === null || _result$get === void 0 ? void 0 : _result$get.data) !== null && _result$get$data !== void 0 ? _result$get$data : {};
     result.set(label, {
@@ -405,14 +408,14 @@ function optimizeCustomData(interaction) {
     return [].concat(_toConsumableArray(customDataMap.values()), _toConsumableArray(legacyMetricsFiltered.values()));
   }
   return _toConsumableArray(customDataMap.values());
-}
-function optimizeReactProfilerTimings(reactProfilerTimings, interactionStart, reactUFOVersion) {
-  var reactProfilerTimingsMap = reactProfilerTimings.reduce(function (result, _ref4) {
-    var labelStack = _ref4.labelStack,
-      startTime = _ref4.startTime,
-      commitTime = _ref4.commitTime,
-      actualDuration = _ref4.actualDuration,
-      type = _ref4.type;
+});
+var optimizeReactProfilerTimings = withProfiling(function optimizeReactProfilerTimings(reactProfilerTimings, interactionStart, reactUFOVersion) {
+  var reactProfilerTimingsMap = reactProfilerTimings.reduce(function (result, _ref3) {
+    var labelStack = _ref3.labelStack,
+      startTime = _ref3.startTime,
+      commitTime = _ref3.commitTime,
+      actualDuration = _ref3.actualDuration,
+      type = _ref3.type;
     if (labelStack && startTime >= interactionStart) {
       var label = stringifyLabelStackFully(labelStack);
       var start = Math.round(startTime);
@@ -443,8 +446,8 @@ function optimizeReactProfilerTimings(reactProfilerTimings, interactionStart, re
     return result;
   }, new Map());
   return _toConsumableArray(reactProfilerTimingsMap.values());
-}
-function optimizeRedirects(redirects, interactionStart) {
+});
+var optimizeRedirects = withProfiling(function optimizeRedirects(redirects, interactionStart) {
   var lastRedirectTime = interactionStart;
   var updatedRedirects = redirects.sort(function (a, b) {
     return a.time - b.time;
@@ -464,8 +467,8 @@ function optimizeRedirects(redirects, interactionStart) {
     return result;
   }, []);
   return updatedRedirects;
-}
-function optimizeHoldInfo(holdInfo, interactionStart, reactUFOVersion) {
+});
+var optimizeHoldInfo = withProfiling(function optimizeHoldInfo(holdInfo, interactionStart, reactUFOVersion) {
   var holdInfoMap = holdInfo.reduce(function (result, hold) {
     var labelStack = hold.labelStack,
       name = hold.name,
@@ -496,8 +499,8 @@ function optimizeHoldInfo(holdInfo, interactionStart, reactUFOVersion) {
     return result;
   }, new Map());
   return _toConsumableArray(holdInfoMap.values());
-}
-function optimizeSpans(spans, interactionStart, reactUFOVersion) {
+});
+var optimizeSpans = withProfiling(function optimizeSpans(spans, interactionStart, reactUFOVersion) {
   var updatedSpans = spans.reduce(function (result, span) {
     var labelStack = span.labelStack,
       type = span.type,
@@ -517,8 +520,8 @@ function optimizeSpans(spans, interactionStart, reactUFOVersion) {
     return result;
   }, []);
   return updatedSpans;
-}
-function optimizeRequestInfo(requestInfo, interactionStart, reactUFOVersion) {
+});
+var optimizeRequestInfo = withProfiling(function optimizeRequestInfo(requestInfo, interactionStart, reactUFOVersion) {
   var updatedRequestInfo = requestInfo.reduce(function (result, reqInfo) {
     var labelStack = reqInfo.labelStack,
       name = reqInfo.name,
@@ -540,8 +543,8 @@ function optimizeRequestInfo(requestInfo, interactionStart, reactUFOVersion) {
     return result;
   }, []);
   return updatedRequestInfo;
-}
-function optimizeCustomTimings(customTimings, interactionStart) {
+});
+var optimizeCustomTimings = withProfiling(function optimizeCustomTimings(customTimings, interactionStart) {
   return customTimings.reduce(function (result, item) {
     Object.keys(item.data).forEach(function (key) {
       if (item.data[key].startTime >= interactionStart) {
@@ -556,31 +559,31 @@ function optimizeCustomTimings(customTimings, interactionStart) {
     });
     return result;
   }, []);
-}
-function optimizeMarks(marks, reactUFOVersion) {
-  return marks.map(function (_ref5) {
-    var labelStack = _ref5.labelStack,
-      time = _ref5.time,
-      others = _objectWithoutProperties(_ref5, _excluded);
+});
+var optimizeMarks = withProfiling(function optimizeMarks(marks, reactUFOVersion) {
+  return marks.map(function (_ref4) {
+    var labelStack = _ref4.labelStack,
+      time = _ref4.time,
+      others = _objectWithoutProperties(_ref4, _excluded);
     return _objectSpread(_objectSpread({}, others), {}, {
       labelStack: labelStack && optimizeLabelStack(labelStack, reactUFOVersion),
       time: Math.round(time)
     });
   });
-}
-function optimizeApdex(apdex, reactUFOVersion) {
-  return apdex.map(function (_ref6) {
-    var stopTime = _ref6.stopTime,
-      labelStack = _ref6.labelStack,
-      others = _objectWithoutProperties(_ref6, _excluded2);
+});
+var optimizeApdex = withProfiling(function optimizeApdex(apdex, reactUFOVersion) {
+  return apdex.map(function (_ref5) {
+    var stopTime = _ref5.stopTime,
+      labelStack = _ref5.labelStack,
+      others = _objectWithoutProperties(_ref5, _excluded2);
     return _objectSpread(_objectSpread({}, others), {}, {
       stopTime: Math.round(stopTime)
     }, labelStack ? {
       labelStack: optimizeLabelStack(labelStack, reactUFOVersion)
     } : {});
   });
-}
-function objectToArray() {
+});
+var objectToArray = withProfiling(function objectToArray() {
   var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return Object.keys(obj).reduce(function (result, key) {
     result.push({
@@ -589,8 +592,8 @@ function objectToArray() {
     });
     return result;
   }, []);
-}
-function getBM3SubmetricsTimings(submetrics) {
+});
+var getBM3SubmetricsTimings = withProfiling(function getBM3SubmetricsTimings(submetrics) {
   if (!submetrics) {
     return null;
   }
@@ -608,8 +611,8 @@ function getBM3SubmetricsTimings(submetrics) {
     }), childSubmetrics ? childSubmetrics : {});
   });
   return submetricsTimings;
-}
-function getBm3TrackerTimings(interaction) {
+});
+var getBm3TrackerTimings = withProfiling(function getBm3TrackerTimings(interaction) {
   var interactionLegacyMetrics = interaction.legacyMetrics;
   if (!interactionLegacyMetrics) {
     return {};
@@ -634,11 +637,11 @@ function getBm3TrackerTimings(interaction) {
   return {
     legacyMetrics: legacyMetrics
   };
-}
-function getPayloadSize(payload) {
+});
+var getPayloadSize = withProfiling(function getPayloadSize(payload) {
   return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
-}
-function getStylesheetMetrics() {
+});
+var getStylesheetMetrics = withProfiling(function getStylesheetMetrics() {
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   if (!fg('ufo_capture_stylesheet_metrics')) {
     return {};
@@ -677,33 +680,34 @@ function getStylesheetMetrics() {
   } catch (e) {
     return {};
   }
-}
+});
 var regularTTAI;
 var expTTAI;
-function getErrorCounts(interaction) {
+var getErrorCounts = withProfiling(function getErrorCounts(interaction) {
   return {
     'ufo:errors:globalCount': getGlobalErrorCount(),
     'ufo:errors:count': interaction.errors.length
   };
-}
+});
 function createInteractionMetricsPayload(_x3, _x4, _x5) {
   return _createInteractionMetricsPayload.apply(this, arguments);
 }
 function _createInteractionMetricsPayload() {
-  _createInteractionMetricsPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(interaction, interactionId, experimental) {
+  _createInteractionMetricsPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(interaction, interactionId, experimental) {
     var _window$location, _config$additionalPay;
-    var interactionPayloadStart, config, end, start, ufoName, knownSegments, rate, type, abortReason, routeName, featureFlags, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, pageVisibilityAtTTI, pageVisibilityAtTTAI, segments, segmentTree, isDetailedPayload, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTI, moreAccuratePageVisibilityAtTTAI, labelStack, getInitialPageLoadSSRMetrics, pageLoadInteractionMetrics, getDetailedInteractionMetrics, getPageLoadDetailedInteractionMetrics, newUFOName, resourceTimings, _yield$Promise$all, _yield$Promise$all2, vcMetrics, experimentalMetrics, paintMetrics, payload;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+    var operationTimer, interactionPayloadStart, config, end, start, ufoName, knownSegments, rate, type, abortReason, routeName, featureFlags, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, pageVisibilityAtTTI, pageVisibilityAtTTAI, segments, segmentTree, isDetailedPayload, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTI, moreAccuratePageVisibilityAtTTAI, labelStack, getInitialPageLoadSSRMetrics, pageLoadInteractionMetrics, getDetailedInteractionMetrics, getPageLoadDetailedInteractionMetrics, newUFOName, resourceTimings, _yield$Promise$all, _yield$Promise$all2, vcMetrics, experimentalMetrics, paintMetrics, payload;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
         case 0:
+          operationTimer = markProfilingStart('createInteractionMetricsPayload');
           interactionPayloadStart = performance.now();
           config = getConfig();
           if (config) {
-            _context2.next = 4;
+            _context3.next = 5;
             break;
           }
           throw Error('UFO Configuration not provided');
-        case 4:
+        case 5:
           end = interaction.end, start = interaction.start, ufoName = interaction.ufoName, knownSegments = interaction.knownSegments, rate = interaction.rate, type = interaction.type, abortReason = interaction.abortReason, routeName = interaction.routeName, featureFlags = interaction.featureFlags, previousInteractionName = interaction.previousInteractionName, isPreviousInteractionAborted = interaction.isPreviousInteractionAborted, abortedByInteractionName = interaction.abortedByInteractionName;
           pageVisibilityAtTTI = getPageVisibilityUpToTTI(interaction);
           pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
@@ -742,9 +746,9 @@ function _createInteractionMetricsPayload() {
             var spans = [].concat(_toConsumableArray(interaction.spans), _toConsumableArray(atlaskitInteractionSpans));
             atlaskitInteractionSpans.length = 0;
             return {
-              errors: interaction.errors.map(function (_ref7) {
-                var labelStack = _ref7.labelStack,
-                  others = _objectWithoutProperties(_ref7, _excluded3);
+              errors: interaction.errors.map(function (_ref6) {
+                var labelStack = _ref6.labelStack,
+                  others = _objectWithoutProperties(_ref6, _excluded3);
                 return _objectSpread(_objectSpread({}, others), {}, {
                   labelStack: labelStack && optimizeLabelStack(labelStack, getReactUFOVersion(interaction.type))
                 });
@@ -777,10 +781,10 @@ function _createInteractionMetricsPayload() {
           }
           newUFOName = sanitizeUfoName(ufoName);
           resourceTimings = getResourceTimings(start, end);
-          _context2.next = 24;
+          _context3.next = 25;
           return Promise.all([getVCMetrics(interaction), experimental ? getExperimentalVCMetrics(interaction) : Promise.resolve(undefined), getPaintMetrics(type, end)]);
-        case 24:
-          _yield$Promise$all = _context2.sent;
+        case 25:
+          _yield$Promise$all = _context3.sent;
           _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
           vcMetrics = _yield$Promise$all2[0];
           experimentalMetrics = _yield$Promise$all2[1];
@@ -827,9 +831,9 @@ function _createInteractionMetricsPayload() {
                   apdex: optimizeApdex(interaction.apdex, getReactUFOVersion(interaction.type)),
                   end: Math.round(end),
                   start: Math.round(start),
-                  segments: getReactUFOVersion(interaction.type) === '2.0.0' ? segmentTree : segments.map(function (_ref8) {
-                    var labelStack = _ref8.labelStack,
-                      others = _objectWithoutProperties(_ref8, _excluded4);
+                  segments: getReactUFOVersion(interaction.type) === '2.0.0' ? segmentTree : segments.map(function (_ref7) {
+                    var labelStack = _ref7.labelStack,
+                      others = _objectWithoutProperties(_ref7, _excluded4);
                     return _objectSpread(_objectSpread({}, others), {}, {
                       labelStack: optimizeLabelStack(labelStack, getReactUFOVersion(interaction.type))
                     });
@@ -842,20 +846,26 @@ function _createInteractionMetricsPayload() {
                   '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')
+              } : {})
             }
           };
           if (experimental) {
             regularTTAI = undefined;
             expTTAI = undefined;
           }
+          markProfilingEnd(operationTimer);
+          resetProfilerMeasurements();
           payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
-          return _context2.abrupt("return", payload);
-        case 33:
+          return _context3.abrupt("return", payload);
+        case 36:
         case "end":
-          return _context2.stop();
+          return _context3.stop();
       }
-    }, _callee2);
+    }, _callee3);
   }));
   return _createInteractionMetricsPayload.apply(this, arguments);
 }
@@ -863,40 +873,37 @@ export function createPayloads(_x6, _x7) {
   return _createPayloads.apply(this, arguments);
 }
 function _createPayloads() {
-  _createPayloads = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(interactionId, interaction) {
+  _createPayloads = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(interactionId, interaction) {
     var ufoNameOverride, modifiedInteraction, interactionMetricsPayload;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
         case 0:
           ufoNameOverride = getUfoNameOverride(interaction);
           modifiedInteraction = _objectSpread(_objectSpread({}, interaction), {}, {
             ufoName: ufoNameOverride
           });
-          _context3.next = 4;
+          _context4.next = 4;
           return createInteractionMetricsPayload(modifiedInteraction, interactionId);
         case 4:
-          interactionMetricsPayload = _context3.sent;
-          return _context3.abrupt("return", [interactionMetricsPayload]);
+          interactionMetricsPayload = _context4.sent;
+          return _context4.abrupt("return", [interactionMetricsPayload]);
         case 6:
         case "end":
-          return _context3.stop();
+          return _context4.stop();
       }
-    }, _callee3);
+    }, _callee4);
   }));
   return _createPayloads.apply(this, arguments);
 }
-export function createExperimentalMetricsPayload(_x8, _x9) {
-  return _createExperimentalMetricsPayload.apply(this, arguments);
-}
-function _createExperimentalMetricsPayload() {
-  _createExperimentalMetricsPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(interactionId, interaction) {
+export var createExperimentalMetricsPayload = withProfiling( /*#__PURE__*/function () {
+  var _createExperimentalMetricsPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(interactionId, interaction) {
     var config, ufoName, rate, pageVisibilityState, result;
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
         case 0:
           config = getConfig();
           if (config) {
-            _context4.next = 3;
+            _context2.next = 3;
             break;
           }
           throw Error('UFO Configuration not provided');
@@ -904,28 +911,31 @@ function _createExperimentalMetricsPayload() {
           ufoName = sanitizeUfoName(interaction.ufoName);
           rate = getExperimentalInteractionRate(ufoName, interaction.type);
           if (coinflip(rate)) {
-            _context4.next = 7;
+            _context2.next = 7;
             break;
           }
-          return _context4.abrupt("return", null);
+          return _context2.abrupt("return", null);
         case 7:
           pageVisibilityState = getPageVisibilityState(interaction.start, interaction.end);
           if (!(pageVisibilityState !== 'visible')) {
-            _context4.next = 10;
+            _context2.next = 10;
             break;
           }
-          return _context4.abrupt("return", null);
+          return _context2.abrupt("return", null);
         case 10:
-          _context4.next = 12;
+          _context2.next = 12;
           return createInteractionMetricsPayload(interaction, interactionId, true);
         case 12:
-          result = _context4.sent;
-          return _context4.abrupt("return", result);
+          result = _context2.sent;
+          return _context2.abrupt("return", result);
         case 14:
         case "end":
-          return _context4.stop();
+          return _context2.stop();
       }
-    }, _callee4);
+    }, _callee2);
   }));
-  return _createExperimentalMetricsPayload.apply(this, arguments);
-}
+  function createExperimentalMetricsPayload(_x8, _x9) {
+    return _createExperimentalMetricsPayload.apply(this, arguments);
+  }
+  return createExperimentalMetricsPayload;
+}());

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

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

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

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

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

@@ -1,5 +1,7 @@
+import { withProfiling } from '../../self-measurements';
 import * as ssr from '../../ssr';
-export default function getSSRDoneTimeValue(config) {
+var getSSRDoneTimeValue = withProfiling(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 || (_config$ssr2 = config.ssr) === null || _config$ssr2 === void 0 ? void 0 : _config$ssr2.getSSRDoneTime() : ssr.getSSRDoneTime();
-}
+});
+export default getSSRDoneTimeValue;