@atlaskit/react-ufo 2.5.2 → 2.6.0

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

@@ -5,7 +5,9 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.createExperimentalMetricsPayload = createExperimentalMetricsPayload;
 exports.createPayloads = createPayloads;
+exports.getUfoNameOverride = getUfoNameOverride;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -14,8 +16,10 @@ var _bowserUltralight = _interopRequireDefault(require("bowser-ultralight"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _additionalPayload = require("../additional-payload");
 var bundleEvalTiming = _interopRequireWildcard(require("../bundle-eval-timing"));
+var _coinflip = _interopRequireDefault(require("../coinflip"));
 var _constants = require("../common/constants");
 var _config = require("../config");
+var _createExperimentalInteractionMetricsPayload = require("../create-experimental-interaction-metrics-payload");
 var _customTimings = require("../custom-timings");
 var _globalErrorHandler = require("../global-error-handler");
 var _hiddenTiming = require("../hidden-timing");
@@ -24,7 +28,6 @@ var _interactionMetrics = require("../interaction-metrics");
 var resourceTiming = _interopRequireWildcard(require("../resource-timing"));
 var _roundNumber = require("../round-number");
 var ssr = _interopRequireWildcard(require("../ssr"));
-var _vc = require("../vc");
 var _utils = require("./common/utils");
 var _excluded = ["labelStack", "time"],
   _excluded2 = ["stopTime", "labelStack"],
@@ -46,7 +49,6 @@ function getUfoNameOverride(interaction) {
       }
     }
     return ufoName;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } catch (e) {
     return ufoName;
   }
@@ -81,11 +83,6 @@ var getPageVisibilityUpToTTI = function getPageVisibilityUpToTTI(interaction) {
   var bm3EndTimeOrInteractionEndTime = getBm3EndTimeOrFallbackValue(interaction);
   return (0, _hiddenTiming.getPageVisibilityState)(start, bm3EndTimeOrInteractionEndTime);
 };
-var getPageVisibilityUpToTTAI = function getPageVisibilityUpToTTAI(interaction) {
-  var start = interaction.start,
-    end = interaction.end;
-  return (0, _hiddenTiming.getPageVisibilityState)(start, end);
-};
 var getVisibilityStateFromPerformance = function getVisibilityStateFromPerformance(stop) {
   try {
     var results = performance.getEntriesByType('visibility-state');
@@ -131,7 +128,7 @@ var getMoreAccuratePageVisibilityUpToTTI = function getMoreAccuratePageVisibilit
   return old;
 };
 var getMoreAccuratePageVisibilityUpToTTAI = function getMoreAccuratePageVisibilityUpToTTAI(interaction) {
-  var old = getPageVisibilityUpToTTAI(interaction);
+  var old = (0, _utils.getPageVisibilityUpToTTAI)(interaction);
   var buffered = getVisibilityStateFromPerformance(interaction.end);
   if (!buffered) {
     return old;
@@ -141,15 +138,6 @@ var getMoreAccuratePageVisibilityUpToTTAI = function getMoreAccuratePageVisibili
   }
   return old;
 };
-var getInteractionStatus = function getInteractionStatus(interaction) {
-  var originalInteractionStatus = interaction.abortReason ? 'ABORTED' : 'SUCCEEDED';
-  var hasBm3TTI = interaction.apdex.length > 0;
-  var overrideStatus = hasBm3TTI ? 'SUCCEEDED' : originalInteractionStatus;
-  return {
-    originalInteractionStatus: originalInteractionStatus,
-    overrideStatus: overrideStatus
-  };
-};
 var getResourceTimings = function getResourceTimings(start, end) {
   var _resourceTiming$getRe;
   return (_resourceTiming$getRe = resourceTiming.getResourceTimings(start, end)) !== null && _resourceTiming$getRe !== void 0 ? _resourceTiming$getRe : undefined;
@@ -178,42 +166,6 @@ var getPaintMetrics = function getPaintMetrics(type) {
   });
   return metrics;
 };
-var getVCMetrics = function getVCMetrics(interaction) {
-  var _config$vc, _interaction$apdex;
-  var config = (0, _config.getConfig)();
-  if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
-    return {};
-  }
-  if (interaction.type !== 'page_load' && interaction.type !== 'transition') {
-    return {};
-  }
-  var ssr = interaction.type === 'page_load' && config !== null && config !== void 0 && config.ssr ? {
-    ssr: getSSRDoneTimeValue(config)
-  } : null;
-  _interactionMetrics.postInteractionLog.setVCObserverSSRConfig(ssr);
-  var tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 || (_interaction$apdex = _interaction$apdex[0]) === null || _interaction$apdex === void 0 ? void 0 : _interaction$apdex.stopTime;
-  var prefix = 'ufo';
-  var result = (0, _vc.getVCObserver)().getVCResult(_objectSpread({
-    start: interaction.start,
-    stop: interaction.end,
-    tti: tti,
-    prefix: prefix,
-    vc: interaction.vc
-  }, ssr));
-  _interactionMetrics.postInteractionLog.setLastInteractionFinishVCResult(result);
-  var VC = result === null || result === void 0 ? void 0 : result['metrics:vc'];
-  if (!VC || !(result !== null && result !== void 0 && result["".concat(prefix, ":vc:clean")])) {
-    return result;
-  }
-  var interactionStatus = getInteractionStatus(interaction);
-  var pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
-  if (interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible') {
-    return result;
-  }
-  return _objectSpread(_objectSpread({}, result), {}, {
-    'metric:vc90': VC['90']
-  });
-};
 var getNavigationMetrics = function getNavigationMetrics(type) {
   if (type !== 'page_load') {
     return {};
@@ -261,14 +213,13 @@ var getNavigationMetrics = function getNavigationMetrics(type) {
   };
 };
 var getPPSMetrics = function getPPSMetrics(interaction) {
-  var _interaction$apdex2;
+  var _interaction$apdex;
   var start = interaction.start,
     end = interaction.end;
   var config = (0, _config.getConfig)();
-  var interactionStatus = getInteractionStatus(interaction);
-  var pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
-  var tti = (_interaction$apdex2 = interaction.apdex) === null || _interaction$apdex2 === void 0 || (_interaction$apdex2 = _interaction$apdex2[0]) === null || _interaction$apdex2 === void 0 ? void 0 : _interaction$apdex2.stopTime;
-  var ttai = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
+  var pageVisibilityUpToTTAI = (0, _utils.getPageVisibilityUpToTTAI)(interaction);
+  var tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 || (_interaction$apdex = _interaction$apdex[0]) === null || _interaction$apdex === void 0 ? void 0 : _interaction$apdex.stopTime;
+  var ttai = !interaction.abortReason && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
   var PPSMetricsAtTTI = tti !== undefined ? (0, _additionalPayload.getLighthouseMetrics)({
     start: start,
     stop: tti
@@ -358,13 +309,13 @@ function optimizeCustomData(interaction) {
       for (var _i = 0, _Object$entries = Object.entries(currentValue.custom || {}); _i < _Object$entries.length; _i++) {
         var _result$get$data2, _result$get2;
         var _Object$entries$_i = (0, _slicedToArray2.default)(_Object$entries[_i], 2),
-          _key = _Object$entries$_i[0],
+          key = _Object$entries$_i[0],
           value = _Object$entries$_i[1];
         var label = (0, _utils.stringifyLabelStackFully)([]);
         var labelValue = (_result$get$data2 = (_result$get2 = result.get(label)) === null || _result$get2 === void 0 ? void 0 : _result$get2.data) !== null && _result$get$data2 !== void 0 ? _result$get$data2 : {};
         result.set(label, {
           labelStack: (0, _utils.optimizeLabelStack)([]),
-          data: Object.assign(labelValue, (0, _defineProperty2.default)({}, _key, value))
+          data: Object.assign(labelValue, (0, _defineProperty2.default)({}, key, value))
         });
       }
       return result;
@@ -602,10 +553,6 @@ function getBm3TrackerTimings(interaction) {
     legacyMetrics: legacyMetrics
   };
 }
-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();
-}
 function getPayloadSize(payload) {
   return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
 }
@@ -648,13 +595,15 @@ function getStylesheetMetrics() {
     return {};
   }
 }
+var regularTTAI;
+var expTTAI;
 function getErrorCounts(interaction) {
   return {
     'ufo:errors:globalCount': (0, _globalErrorHandler.getGlobalErrorCount)(),
     'ufo:errors:count': interaction.errors.length
   };
 }
-function createInteractionMetricsPayload(interaction, interactionId) {
+function createInteractionMetricsPayload(interaction, interactionId, experimental) {
   var _window$location, _config$additionalPay;
   var interactionPayloadStart = performance.now();
   var config = (0, _config.getConfig)();
@@ -674,7 +623,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
     isPreviousInteractionAborted = interaction.isPreviousInteractionAborted,
     abortedByInteractionName = interaction.abortedByInteractionName;
   var pageVisibilityAtTTI = getPageVisibilityUpToTTI(interaction);
-  var pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
+  var pageVisibilityAtTTAI = (0, _utils.getPageVisibilityUpToTTAI)(interaction);
   var segments = config.killswitchNestedSegments ? [] : knownSegments;
   var segmentTree = _constants.REACT_UFO_VERSION === '2.0.0' ? (0, _utils.buildSegmentTree)(segments.map(function (segment) {
     return segment.labelStack;
@@ -689,23 +638,23 @@ function createInteractionMetricsPayload(interaction, interactionId) {
   } : {};
   // Page Load
   var getPageLoadInteractionMetrics = function getPageLoadInteractionMetrics() {
-    var _config$ssr3;
+    var _config$ssr;
     if (!isPageLoad) {
       return {};
     }
     var config = (0, _config.getConfig)();
-    var SSRDoneTimeValue = getSSRDoneTimeValue(config);
+    var SSRDoneTimeValue = (0, _utils.getSSRDoneTimeValue)(config);
     var SSRDoneTime = SSRDoneTimeValue !== undefined ? {
       SSRDoneTime: Math.round(SSRDoneTimeValue)
     } : {};
     return _objectSpread(_objectSpread({}, SSRDoneTime), {}, {
       isBM3ConfigSSRDoneAsFmp: interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp,
-      isUFOConfigSSRDoneAsFmp: interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp || !!(config !== null && config !== void 0 && (_config$ssr3 = config.ssr) !== null && _config$ssr3 !== void 0 && _config$ssr3.getSSRDoneTime)
+      isUFOConfigSSRDoneAsFmp: interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp || !!(config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime)
     });
   };
   // Detailed payload. Page visibility = visible
   var getDetailedInteractionMetrics = function getDetailedInteractionMetrics() {
-    if (window.__UFO_COMPACT_PAYLOAD__ || !isDetailedPayload) {
+    if (experimental || window.__UFO_COMPACT_PAYLOAD__ || !isDetailedPayload) {
       return {};
     }
     var spans = [].concat((0, _toConsumableArray2.default)(interaction.spans), (0, _toConsumableArray2.default)(_interactionMetrics.interactionSpans));
@@ -720,7 +669,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
       }),
       holdActive: (0, _toConsumableArray2.default)(interaction.holdActive.values()),
       redirects: optimizeRedirects(interaction.redirects, start),
-      holdInfo: optimizeHoldInfo(interaction.holdInfo, start),
+      holdInfo: optimizeHoldInfo(experimental ? interaction.holdExpInfo : interaction.holdInfo, start),
       spans: optimizeSpans(spans, start),
       requestInfo: optimizeRequestInfo(interaction.requestInfo, start),
       customTimings: optimizeCustomTimings(interaction.customTimings, start),
@@ -730,16 +679,21 @@ function createInteractionMetricsPayload(interaction, interactionId) {
   };
   // Page load & detailed payload
   var getPageLoadDetailedInteractionMetrics = function getPageLoadDetailedInteractionMetrics() {
-    var _config$ssr4;
+    var _config$ssr2;
     if (!isPageLoad || !isDetailedPayload) {
       return {};
     }
     var config = (0, _config.getConfig)();
     return {
       initialPageLoadExtraTimings: objectToArray(initialPageLoadExtraTiming.getTimings()),
-      SSRTimings: config !== null && config !== void 0 && (_config$ssr4 = config.ssr) !== null && _config$ssr4 !== void 0 && _config$ssr4.getSSRTimings ? config.ssr.getSSRTimings() : objectToArray(ssr.getSSRTimings())
+      SSRTimings: config !== null && config !== void 0 && (_config$ssr2 = config.ssr) !== null && _config$ssr2 !== void 0 && _config$ssr2.getSSRTimings ? config.ssr.getSSRTimings() : objectToArray(ssr.getSSRTimings())
     };
   };
+  if (experimental) {
+    expTTAI = (0, _utils.getTTAI)(interaction);
+  } else {
+    regularTTAI = (0, _utils.getTTAI)(interaction);
+  }
   var newUFOName = (0, _utils.sanitizeUfoName)(ufoName);
   var payload = {
     actionSubject: 'experience',
@@ -748,7 +702,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
     source: 'measured',
     tags: ['observability'],
     attributes: {
-      properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
         // basic
         'event:hostname': ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname) || 'unknown',
         'event:product': config.product,
@@ -760,10 +714,10 @@ function createInteractionMetricsPayload(interaction, interactionId) {
           payloadSource: 'platform'
         },
         'event:region': config.region || 'unknown',
-        'experience:key': 'custom.interaction-metrics',
+        'experience:key': experimental ? 'custom.experimental-interaction-metrics' : 'custom.interaction-metrics',
         'experience:name': newUFOName
-      }, getBrowserMetadata()), getSSRProperties(type)), getPPSMetrics(interaction)), getPaintMetrics(type)), getNavigationMetrics(type)), getVCMetrics(interaction)), (_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)), getTracingContextData(interaction)), getStylesheetMetrics()), getErrorCounts(interaction)), {}, {
-        interactionMetrics: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      }, getBrowserMetadata()), getSSRProperties(type)), getPPSMetrics(interaction)), getPaintMetrics(type)), getNavigationMetrics(type)), (0, _utils.getVCMetrics)(interaction)), experimental ? (0, _createExperimentalInteractionMetricsPayload.getExperimentalVCMetrics)(interaction) : undefined), (_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)), getTracingContextData(interaction)), getStylesheetMetrics()), getErrorCounts(interaction)), {}, {
+        interactionMetrics: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
           namePrefix: config.namePrefix || '',
           segmentPrefix: config.segmentPrefix || '',
           interactionId: interactionId,
@@ -794,11 +748,18 @@ function createInteractionMetricsPayload(interaction, interactionId) {
           marks: optimizeMarks(interaction.marks),
           customData: optimizeCustomData(interaction),
           reactProfilerTimings: optimizeReactProfilerTimings(interaction.reactProfilerTimings, start)
-        }, labelStack), getPageLoadInteractionMetrics()), getDetailedInteractionMetrics()), getPageLoadDetailedInteractionMetrics()), getBm3TrackerTimings(interaction)),
+        }, labelStack), getPageLoadInteractionMetrics()), getDetailedInteractionMetrics()), getPageLoadDetailedInteractionMetrics()), getBm3TrackerTimings(interaction)), {}, {
+          'metric:ttai': experimental ? regularTTAI || expTTAI : undefined,
+          'metric:experimental:ttai': expTTAI
+        }),
         'ufo:payloadTime': (0, _roundNumber.roundEpsilon)(performance.now() - interactionPayloadStart)
       })
     }
   };
+  if (experimental) {
+    regularTTAI = undefined;
+    expTTAI = undefined;
+  }
   payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
   return payload;
 }
@@ -809,4 +770,20 @@ function createPayloads(interactionId, interaction) {
   });
   var interactionMetricsPayload = createInteractionMetricsPayload(modifiedInteraction, interactionId);
   return [interactionMetricsPayload];
+}
+function createExperimentalMetricsPayload(interactionId, interaction) {
+  var config = (0, _config.getConfig)();
+  if (!config) {
+    throw Error('UFO Configuration not provided');
+  }
+  var ufoName = (0, _utils.sanitizeUfoName)(interaction.ufoName);
+  var rate = (0, _config.getExperimentalInteractionRate)(ufoName, interaction.type);
+  if (!(0, _coinflip.default)(rate)) {
+    return null;
+  }
+  var pageVisibilityState = (0, _hiddenTiming.getPageVisibilityState)(interaction.start, interaction.end);
+  if (pageVisibilityState !== 'visible') {
+    return null;
+  }
+  return createInteractionMetricsPayload(interaction, interactionId, true);
 }

package/dist/cjs/interaction-metrics/common/constants.js

@@ -3,6 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var interactions = new Map();
-var _default = exports.default = interactions;
+exports.segmentObservers = exports.segmentCache = exports.moduleLoadingRequests = exports.interactions = exports.interactionQueue = exports.CLEANUP_TIMEOUT_AFTER_APDEX = exports.CLEANUP_TIMEOUT = void 0;
+var interactions = exports.interactions = new Map();
+var CLEANUP_TIMEOUT = exports.CLEANUP_TIMEOUT = 60 * 1000;
+var CLEANUP_TIMEOUT_AFTER_APDEX = exports.CLEANUP_TIMEOUT_AFTER_APDEX = 15 * 1000;
+var interactionQueue = exports.interactionQueue = [];
+var segmentCache = exports.segmentCache = new Map();
+var segmentObservers = exports.segmentObservers = [];
+var moduleLoadingRequests = exports.moduleLoadingRequests = {};

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

@@ -0,0 +1,151 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addHoldCriterion = addHoldCriterion;
+exports.addSegmentObserver = addSegmentObserver;
+exports.callCancelCallbacks = callCancelCallbacks;
+exports.callCleanUpCallbacks = callCleanUpCallbacks;
+exports.getSegmentCacheKey = getSegmentCacheKey;
+exports.isPerformanceTracingEnabled = isPerformanceTracingEnabled;
+exports.isSegmentLabel = isSegmentLabel;
+exports.labelStackToIdString = labelStackToIdString;
+exports.labelStackToString = labelStackToString;
+exports.pushToQueue = void 0;
+exports.reactProfilerTimingMap = reactProfilerTimingMap;
+exports.removeHoldCriterion = removeHoldCriterion;
+exports.removeSegmentObserver = removeSegmentObserver;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _config = require("../../config");
+var _constants = require("./constants");
+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; }
+function isPerformanceTracingEnabled() {
+  var _getConfig;
+  return ((_getConfig = (0, _config.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 _stack$map;
+  var stack = (0, _toConsumableArray2.default)(labelStack !== null && labelStack !== void 0 ? labelStack : []);
+  if (name) {
+    stack.push({
+      name: 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 _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) {
+  _constants.segmentObservers.push(observer);
+  var _iterator = _createForOfIteratorHelper(_constants.segmentCache.values()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var segmentInfo = _step.value;
+      observer.onAdd(segmentInfo);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+}
+function removeSegmentObserver(observer) {
+  var index = _constants.segmentObservers.findIndex(function (obs) {
+    return obs === observer;
+  });
+  if (index !== -1) {
+    _constants.segmentObservers.splice(index, 1);
+  }
+}
+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 _window$__CRITERION__2;
+  if (!((_window$__CRITERION__2 = window.__CRITERION__) !== null && _window$__CRITERION__2 !== void 0 && _window$__CRITERION__2.removeUFOHold)) {
+    return;
+  }
+  window.__CRITERION__.removeUFOHold(id);
+}
+var pushToQueue = exports.pushToQueue = function pushToQueue(id, data) {
+  _constants.interactionQueue.push({
+    id: id,
+    data: data
+  });
+};
+function callCleanUpCallbacks(interaction) {
+  interaction.cleanupCallbacks.reverse().forEach(function (cleanUpCallback) {
+    cleanUpCallback();
+  });
+}
+function reactProfilerTimingMap(data) {
+  var profilerTimingMap = new Map();
+  data.reactProfilerTimings.forEach(function (profilerTiming) {
+    var labelStackId = labelStackToIdString(profilerTiming.labelStack);
+    if (labelStackId) {
+      var _profilerTimingMap$ge, _timing$start, _timing$end;
+      var timing = (_profilerTimingMap$ge = profilerTimingMap.get(labelStackId)) !== null && _profilerTimingMap$ge !== void 0 ? _profilerTimingMap$ge : {
+        labelStack: profilerTiming.labelStack
+      };
+      timing.start = profilerTiming.startTime < ((_timing$start = timing.start) !== null && _timing$start !== void 0 ? _timing$start : Number.MAX_SAFE_INTEGER) ? profilerTiming.startTime : timing.start;
+      timing.end = profilerTiming.commitTime > ((_timing$end = timing.end) !== null && _timing$end !== void 0 ? _timing$end : Number.MIN_SAFE_INTEGER) ? profilerTiming.commitTime : timing.end;
+      profilerTimingMap.set(labelStackId, timing);
+    }
+  });
+  try {
+    // for Firefox 102 and older
+    var _iterator2 = _createForOfIteratorHelper(profilerTimingMap.entries()),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var _step2$value = (0, _slicedToArray2.default)(_step2.value, 2),
+          _step2$value$ = _step2$value[1],
+          labelStack = _step2$value$.labelStack,
+          start = _step2$value$.start,
+          end = _step2$value$.end;
+        performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack), " [segment_ttai]"), {
+          start: start,
+          end: end
+        });
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  } catch (e) {
+    // do nothing
+  }
+}
+function callCancelCallbacks(interaction) {
+  interaction.cancelCallbacks.reverse().forEach(function (cancelCallback) {
+    cancelCallback();
+  });
+}
+function isSegmentLabel(obj) {
+  return obj && typeof obj.name === 'string' && typeof obj.segmentId === 'string';
+}
+function getSegmentCacheKey(labelStack) {
+  return labelStack.map(function (l) {
+    if (isSegmentLabel(l)) {
+      return "".concat(l.name, "_").concat(l.segmentId);
+    }
+    return l.name;
+  }).join('|');
+}