@atlaskit/react-ufo 1.1.0 → 2.0.0

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

@@ -0,0 +1,134 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 as getConfigUFO } from '../config';
+import { roundEpsilon } from '../round-number';
+import { getConfig } from './common/utils/config';
+import { filterResourceTimings } from './common/utils/resource-timing-buffer';
+var cacheableTypes = ['script', 'link'];
+var resourceTypes = ['fetch', 'xmlhttprequest'];
+var CACHE_NETWORK = 'network';
+var CACHE_MEMORY = 'memory';
+var CACHE_DISK = 'disk';
+
+// eslint-disable-next-line @typescript-eslint/no-invalid-void-type
+var calculateTransferType = function calculateTransferType(type, duration, size) {
+  if (!cacheableTypes.includes(type)) {
+    return CACHE_NETWORK;
+  }
+  if ((size === undefined || size === 0) && duration === 0) {
+    return CACHE_MEMORY;
+  }
+  if (size === 0 && duration > 0) {
+    return CACHE_DISK;
+  }
+  if (size === undefined) {
+    return null;
+  }
+  return CACHE_NETWORK;
+};
+var getWindowObject = function getWindowObject() {
+  return typeof window !== 'undefined' && !!window ? window : undefined;
+};
+var hasAccessToResourceSize = function hasAccessToResourceSize(url, type, entry, hasTimingHeaders) {
+  return !cacheableTypes.includes(type) || url.includes('localhost') || !!getWindowObject() && url.includes(window.location.hostname) || hasTimingHeaders(url, entry);
+};
+var getReportedInitiatorTypes = function getReportedInitiatorTypes(xhrEnabled) {
+  var ufoConfig = getConfigUFO();
+  if (!(ufoConfig !== null && ufoConfig !== void 0 && ufoConfig.allowedResources)) {
+    if (xhrEnabled) {
+      return ['script', 'link', 'fetch', 'xmlhttprequest'];
+    }
+    return ['script', 'link', 'fetch'];
+  }
+  return ufoConfig.allowedResources;
+};
+var evaluateAccessToResourceTimings = 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) {
+  return size !== undefined ? {
+    size: size
+  } : null;
+};
+var getNetworkData = function getNetworkData(item, eventStart) {
+  var hasTimingHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : evaluateAccessToResourceTimings;
+  var name = item.name,
+    duration = item.duration,
+    transferSize = item.transferSize,
+    initiatorType = item.initiatorType,
+    responseStart = item.responseStart,
+    requestStart = item.requestStart,
+    serverTime = item.serverTime,
+    networkTime = item.networkTime,
+    encodedSize = item.encodedSize,
+    decodedSize = item.decodedSize;
+  var ttfb = roundEpsilon(responseStart - eventStart);
+  if (!hasAccessToResourceSize(name, initiatorType, item, hasTimingHeaders)) {
+    return {};
+  }
+  if (cacheableTypes.includes(initiatorType)) {
+    var transferType = calculateTransferType(initiatorType, duration, transferSize);
+    return _objectSpread({
+      ttfb: ttfb,
+      transferType: transferType,
+      serverTime: serverTime,
+      networkTime: networkTime,
+      encodedSize: encodedSize,
+      decodedSize: decodedSize
+    }, getSizeObject(transferSize));
+  }
+  return _objectSpread({
+    ttfb: ttfb,
+    serverTime: serverTime,
+    networkTime: networkTime,
+    requestStart: requestStart
+  }, getSizeObject(transferSize));
+};
+export var getResourceTimings = function getResourceTimings(interactionStart, interactionEnd) {
+  var resourceTiming = {};
+  if (interactionStart === null) {
+    return resourceTiming;
+  }
+  var resources = filterResourceTimings(interactionStart, interactionEnd);
+  if (!(resources !== null && resources !== void 0 && resources.length)) {
+    return resourceTiming;
+  }
+  var _getConfig = getConfig(),
+    xhrFilter = _getConfig.xhrFilter,
+    sanitiseEndpoints = _getConfig.sanitiseEndpoints,
+    mapResources = _getConfig.mapResources,
+    hasTimingHeaders = _getConfig.hasTimingHeaders;
+  var reportedInitiatorTypes = getReportedInitiatorTypes(!!xhrFilter);
+  resources.forEach(function (item) {
+    if (!reportedInitiatorTypes.includes(item.initiatorType)) {
+      return;
+    }
+    var name = item.name,
+      startTime = item.startTime,
+      duration = item.duration,
+      workerStart = item.workerStart,
+      fetchStart = item.fetchStart,
+      initiatorType = item.initiatorType;
+    if (!name) {
+      return;
+    }
+    if (initiatorType === 'xmlhttprequest' && (xhrFilter === undefined || xhrFilter(name) === false)) {
+      return;
+    }
+    var url = resourceTypes.includes(initiatorType) ? sanitiseEndpoints(name) : mapResources(name);
+    if (!url || resourceTiming[url]) {
+      return;
+    }
+    resourceTiming[url] = _objectSpread({
+      startTime: roundEpsilon(startTime - interactionStart),
+      duration: roundEpsilon(duration),
+      workerStart: Math.max(roundEpsilon(workerStart - interactionStart), 0),
+      fetchStart: Math.max(roundEpsilon(fetchStart - interactionStart), 0),
+      type: initiatorType
+    }, getNetworkData(item, interactionStart, hasTimingHeaders));
+  });
+  return resourceTiming;
+};

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

@@ -0,0 +1,4 @@
+import { resourceTimingBuffer } from './common/utils/resource-timing-buffer';
+export function startResourceTimingBuffer() {
+  resourceTimingBuffer.start();
+}

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

@@ -0,0 +1,5 @@
+export var roundEpsilon = 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/esm/route-name/index.js

@@ -0,0 +1,6 @@
+export default function getUFORouteName(route) {
+  if (route.ufoName != null) {
+    return route.ufoName;
+  }
+  return route.name;
+}

package/dist/esm/route-name-context/index.js

@@ -0,0 +1,5 @@
+// The UFORouteName object is a global singleton
+var UFORouteName = {
+  current: null
+};
+export default UFORouteName;

package/dist/esm/segment/index.js

@@ -0,0 +1,2 @@
+import UFOSegment from './segment';
+export default UFOSegment;

package/dist/esm/segment/segment-highlight.js

@@ -0,0 +1,30 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useEffect, useState } from 'react';
+export function SegmentHighlight(_ref) {
+  var segmentName = _ref.segmentName;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    segmentHighlight = _useState2[0],
+    setSegmentHighlight = _useState2[1];
+  useEffect(function () {
+    try {
+      var shouldHighlightSegments = sessionStorage.getItem('segmentsHighlight') === 'true';
+      setSegmentHighlight(shouldHighlightSegments);
+    } catch (err) {
+      /* do nothing */
+    }
+  }, []);
+  if (segmentHighlight) {
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+      React.createElement("span", {
+        "data-segment-name": segmentName,
+        style: {
+          display: 'none'
+        }
+      })
+    );
+  }
+  return null;
+}

package/dist/esm/segment/segment.js

@@ -0,0 +1,235 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+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 React, { lazy, Profiler, Suspense, useCallback, useContext, useEffect, useMemo } from 'react';
+import { unstable_NormalPriority as NormalPriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
+import { v4 as createUUID } from 'uuid';
+import coinflip from '../coinflip';
+import { getConfig, getInteractionRate } from '../config';
+import { getActiveTrace, setInteractionActiveTrace } from '../experience-trace-id-context';
+import UFOInteractionContext from '../interaction-context';
+import UFOInteractionIDContext from '../interaction-id-context';
+import { abortByNewInteraction, addApdex as _addApdex, addCustomData as _addCustomData, addCustomTiming, addHold, addHoldByID, addMark as _addMark, addNewInteraction, addProfilerTimings, addRequestInfo, addSegment, addSpan, removeHoldByID, removeSegment, tryComplete } from '../interaction-metrics';
+import UFORouteName from '../route-name-context';
+import generateId from '../short-id';
+var tryCompleteHandle;
+var AsyncSegmentHighlight = /*#__PURE__*/lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_ufo-segment-highlight" */'./segment-highlight').then(function (module) {
+    return {
+      default: module.SegmentHighlight
+    };
+  });
+});
+
+/** A portion of the page we apply measurement to */
+export default function UFOSegment(_ref) {
+  var _getConfig;
+  var segmentName = _ref.name,
+    children = _ref.children;
+  var parentContext = useContext(UFOInteractionContext);
+  var segmentId = useMemo(function () {
+    return generateId();
+  }, []);
+  var labelStack = useMemo(function () {
+    return parentContext !== null && parentContext !== void 0 && parentContext.labelStack ? [].concat(_toConsumableArray(parentContext.labelStack), [{
+      name: segmentName,
+      segmentId: segmentId
+    }]) : [{
+      name: segmentName,
+      segmentId: segmentId
+    }];
+  }, [parentContext, segmentName, segmentId]);
+  var interactionId = useContext(UFOInteractionIDContext);
+  var interactionContext = useMemo(function () {
+    addSegment(labelStack);
+    var lastCompleteEndTime = 0;
+    function complete() {
+      var endTime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : performance.now();
+      if (interactionId.current) {
+        if (parentContext) {
+          parentContext.complete();
+        } else {
+          var capturedInteractionId = interactionId.current;
+          if (endTime > lastCompleteEndTime) {
+            lastCompleteEndTime = endTime;
+          }
+          if (tryCompleteHandle) {
+            var _cancelAnimationFrame;
+            (_cancelAnimationFrame = cancelAnimationFrame) === null || _cancelAnimationFrame === void 0 || _cancelAnimationFrame(tryCompleteHandle);
+          }
+          scheduleCallback(NormalPriority, function () {
+            if (capturedInteractionId === interactionId.current) {
+              var _document;
+              var isPageVisible = ((_document = document) === null || _document === void 0 ? void 0 : _document.visibilityState) === 'visible';
+              var canDoRAF = typeof requestAnimationFrame !== 'undefined';
+              if (isPageVisible && canDoRAF) {
+                tryCompleteHandle = requestAnimationFrame(function () {
+                  tryCompleteHandle = requestAnimationFrame(function () {
+                    if (capturedInteractionId === interactionId.current) {
+                      tryComplete(interactionId.current, lastCompleteEndTime);
+                    }
+                  });
+                });
+              } else {
+                tryComplete(interactionId.current, lastCompleteEndTime);
+              }
+            }
+          });
+        }
+      }
+    }
+    function _internalHold(labelStack, name
+    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
+    ) {
+      if (interactionId.current != null) {
+        if (parentContext) {
+          return parentContext._internalHold(labelStack, name);
+        } else {
+          var capturedInteractionId = interactionId.current;
+          var disposeHold = addHold(interactionId.current, labelStack, name);
+          return function () {
+            if (capturedInteractionId === interactionId.current) {
+              disposeHold();
+            }
+          };
+        }
+      }
+    }
+    function _internalHoldByID(labelStack, id, name, remove
+    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
+    ) {
+      if (interactionId.current != null) {
+        if (parentContext) {
+          parentContext._internalHoldByID(labelStack, name, id, remove);
+          return;
+        }
+        if (!remove) {
+          addHoldByID(interactionId.current, labelStack, name, id);
+        } else {
+          removeHoldByID(interactionId.current, id);
+        }
+      }
+    }
+    if (parentContext) {
+      return _objectSpread(_objectSpread({}, parentContext), {}, {
+        labelStack: labelStack,
+        complete: complete
+      });
+    }
+    return {
+      labelStack: labelStack,
+      hold: function hold() {
+        var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'unknown';
+        return this._internalHold(this.labelStack, name);
+      },
+      addHoldByID: function addHoldByID(labelStack, id) {
+        var name = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'unknown';
+        this._internalHoldByID(labelStack, id, name, false);
+      },
+      removeHoldByID: function removeHoldByID(labelStack, id) {
+        var name = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'unknown';
+        this._internalHoldByID(labelStack, id, name, true);
+      },
+      tracePress: function tracePress() {
+        var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'unknown';
+        var timestamp = arguments.length > 1 ? arguments[1] : undefined;
+        if (interactionId.current != null) {
+          abortByNewInteraction(interactionId.current, name);
+        }
+        var rate = getInteractionRate(name, 'press');
+        if (coinflip(rate)) {
+          var startTimestamp = timestamp !== null && timestamp !== void 0 ? timestamp : performance.now();
+          var newId = createUUID();
+          interactionId.current = newId;
+          // covered experiences with tracing instrumentation:
+          // inline-result.global-issue.create-modal.submit
+          // inline-result.global-issue.create-modal-subsequent
+          setInteractionActiveTrace(newId, 'press');
+          addNewInteraction(newId, name, 'press', startTimestamp, rate, this.labelStack, UFORouteName.current, getActiveTrace());
+        }
+      },
+      retainQuery: function retainQuery(info) {
+        if (interactionId.current != null) {
+          addRequestInfo(interactionId.current, this.labelStack, info);
+        }
+      },
+      addPreload: function addPreload(moduleId, timestamp) {
+        if (interactionId.current != null) {
+          _addMark(interactionId.current, 'bundle_preload', moduleId, this.labelStack, timestamp);
+        }
+      },
+      addLoad: function addLoad(identifier, start, end) {
+        if (interactionId.current != null) {
+          var _this$labelStack = this.labelStack,
+            _labelStack = _this$labelStack === void 0 ? [] : _this$labelStack;
+          addSpan(interactionId.current, 'bundle_load', identifier, _labelStack, start, end);
+        }
+      },
+      addMark: function addMark(name, timestamp
+      // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
+      ) {
+        if (interactionId.current != null) {
+          var time = timestamp !== null && timestamp !== void 0 ? timestamp : performance.now();
+          _addMark(interactionId.current, 'custom', name, this.labelStack, time);
+        }
+      },
+      addCustomData: function addCustomData(customData) {
+        if (interactionId.current != null) {
+          _addCustomData(interactionId.current, this.labelStack, customData);
+        }
+      },
+      addCustomTimings: function addCustomTimings(customTimings) {
+        if (interactionId.current != null) {
+          addCustomTiming(interactionId.current, this.labelStack, customTimings);
+        }
+      },
+      addApdex: function addApdex(apdexInfo) {
+        if (interactionId.current != null) {
+          var key = apdexInfo.key,
+            stopTime = apdexInfo.stopTime,
+            startTime = apdexInfo.startTime;
+          _addApdex(interactionId.current, {
+            key: key,
+            stopTime: stopTime,
+            startTime: startTime,
+            labelStack: this.labelStack
+          });
+        }
+      },
+      onRender: function onRender(phase, actualDuration, baseDuration, startTime, commitTime) {
+        if (interactionId.current !== null) {
+          addProfilerTimings(interactionId.current, this.labelStack, phase, actualDuration, baseDuration, startTime, commitTime);
+          this.complete(commitTime);
+        }
+      },
+      _internalHold: _internalHold,
+      _internalHoldByID: _internalHoldByID,
+      complete: complete
+    };
+  }, [parentContext, labelStack, interactionId]);
+  var onRender = useCallback(function (_id, phase, actualDuration, baseDuration, startTime, commitTime) {
+    interactionContext.onRender(phase, actualDuration, baseDuration, startTime, commitTime);
+  }, [interactionContext]);
+  useEffect(function () {
+    return function () {
+      removeSegment(labelStack);
+    };
+  }, [interactionId, parentContext, interactionContext, labelStack]);
+  var reactProfilerId = useMemo(function () {
+    return labelStack.map(function (l) {
+      return l.name;
+    }).join('/');
+  }, [labelStack]);
+  var enableSegmentHighlighting = (_getConfig = getConfig()) === null || _getConfig === void 0 ? void 0 : _getConfig.enableSegmentHighlighting;
+  return /*#__PURE__*/React.createElement(UFOInteractionContext.Provider, {
+    value: interactionContext
+  }, /*#__PURE__*/React.createElement(Profiler, {
+    id: reactProfilerId,
+    onRender: onRender
+  }, children, enableSegmentHighlighting && /*#__PURE__*/React.createElement(Suspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(AsyncSegmentHighlight, {
+    segmentName: segmentName
+  }))));
+}

package/dist/esm/set-interaction-error/index.js

@@ -0,0 +1,11 @@
+import { addError, getActiveInteraction } from '../interaction-metrics';
+export function setInteractionError(interactionName, error) {
+  var interaction = getActiveInteraction();
+  if (!interaction) {
+    return;
+  }
+  if (interaction.ufoName !== interactionName) {
+    return;
+  }
+  addError(interaction.id, error.name, null, 'Manual interaction error', error.errorMessage, undefined, true);
+}

package/dist/esm/short-id/index.js

@@ -0,0 +1,9 @@
+export default function generateId() {
+  var length = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 7;
+  var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+  var result = '';
+  for (var i = 0; i < length; i++) {
+    result += characters.charAt(Math.floor(Math.random() * characters.length));
+  }
+  return result;
+}

package/dist/esm/ssr/index.js

@@ -0,0 +1,59 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+var NESTED_METRIC_SEPARATOR = '/';
+var filterEntry = function filterEntry(entry) {
+  return !(!entry || _typeof(entry) !== 'object' || entry.startTime < 0 || entry.duration < 0);
+};
+var mapEntry = function mapEntry(entry) {
+  return {
+    startTime: Math.round(entry.startTime),
+    duration: Math.round(entry.duration)
+  };
+};
+var SSR_PREFIX = 'ssr';
+var mapKey = function mapKey(key) {
+  if (key === 'total') {
+    return SSR_PREFIX;
+  }
+  return "".concat(SSR_PREFIX).concat(NESTED_METRIC_SEPARATOR).concat(key);
+};
+var config;
+export function configure(ssrConfig) {
+  config = ssrConfig;
+}
+export function getSSRTimings() {
+  var _config;
+  if (!((_config = config) !== null && _config !== void 0 && _config.getTimings)) {
+    return {};
+  }
+  var timings = config.getTimings();
+  if (!timings) {
+    return {};
+  }
+  var ssrTimings = Object.entries(timings).reduce(function (acc, entry) {
+    if (filterEntry(entry[1])) {
+      acc[mapKey(entry[0])] = mapEntry(entry[1]);
+    }
+    return acc;
+  }, {});
+  return ssrTimings;
+}
+export function getSSRSuccess() {
+  var _config2;
+  return !!((_config2 = config) !== null && _config2 !== void 0 && _config2.getDoneMark());
+}
+export function getSSRDoneTime() {
+  var _config$getDoneMark, _config3;
+  return (_config$getDoneMark = (_config3 = config) === null || _config3 === void 0 ? void 0 : _config3.getDoneMark()) !== null && _config$getDoneMark !== void 0 ? _config$getDoneMark : undefined;
+}
+export function getSSRFeatureFlags() {
+  var _config4;
+  if (!((_config4 = config) !== null && _config4 !== void 0 && _config4.getFeatureFlags)) {
+    return undefined;
+  }
+  try {
+    var _config$getFeatureFla;
+    return (_config$getFeatureFla = config.getFeatureFlags()) !== null && _config$getFeatureFla !== void 0 ? _config$getFeatureFla : undefined;
+    // eslint-disable-next-line no-empty
+  } catch (e) {}
+  return undefined;
+}

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

@@ -0,0 +1,41 @@
+import { v4 as createUUID } from 'uuid';
+import coinflip from '../coinflip';
+import { getDoNotAbortActivePressInteraction, getInteractionRate } from '../config';
+import { DefaultInteractionID } from '../interaction-id-context';
+import { abortAll, addNewInteraction, getActiveInteraction } from '../interaction-metrics';
+import UFORouteName from '../route-name-context';
+function mapToInteractionType(eventType) {
+  if (eventType === 'click' || eventType === 'dblclick' || eventType === 'mousedown') {
+    return 'press';
+  }
+  if (eventType === 'mouseenter' || eventType === 'mouseover') {
+    return 'hover';
+  }
+  return undefined;
+}
+export default function traceUFOInteraction(name, event) {
+  if (!event || !event.isTrusted) {
+    return;
+  }
+  var interactionType = mapToInteractionType(event.type);
+  if (!interactionType) {
+    // when interactionType is falsy we do not yet support this type of event. should we blow up with throwing error instead?
+    return;
+  }
+  var rate = getInteractionRate(name, interactionType);
+  var pressInteractionsList = getDoNotAbortActivePressInteraction();
+  if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
+    var interaction = getActiveInteraction();
+    if ((interaction === null || interaction === void 0 ? void 0 : interaction.ufoName) !== 'unknown' && (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+      return;
+    }
+  }
+  if (coinflip(rate)) {
+    var _event$timeStamp;
+    abortAll('new_interaction', name);
+    var startTimestamp = (_event$timeStamp = event.timeStamp) !== null && _event$timeStamp !== void 0 ? _event$timeStamp : performance.now();
+    var newId = createUUID();
+    DefaultInteractionID.current = newId;
+    addNewInteraction(newId, name, 'press', startTimestamp, rate, [], UFORouteName.current);
+  }
+}

package/dist/esm/trace-pageload/index.js

@@ -0,0 +1,50 @@
+import { v4 as createUUID } from 'uuid';
+import coinflip from '../coinflip';
+import { getInteractionRate } from '../config';
+import { getActiveTrace } from '../experience-trace-id-context';
+import { DefaultInteractionID } from '../interaction-id-context';
+import { abort, addHoldByID, addNewInteraction, getActiveInteraction, removeHoldByID, updatePageLoadInteractionName } from '../interaction-metrics';
+import UFORouteName from '../route-name-context';
+var AWAITING_PAGELOAD_NAME = 'awaiting_pageload_name';
+export default function traceUFOPageLoad(ufoName) {
+  var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
+  var activeInteraction = getActiveInteraction();
+  if (activeInteraction && !ufoName) {
+    return;
+  }
+  UFORouteName.current = routeName || null;
+  var rate = ufoName ? getInteractionRate(ufoName, 'page_load') : 1;
+  var enabledBySamplingRate = coinflip(rate);
+  if (enabledBySamplingRate && !activeInteraction) {
+    var newId = createUUID();
+    DefaultInteractionID.current = newId;
+    addNewInteraction(newId, ufoName || '', 'page_load', 0, rate, null, routeName, getActiveTrace());
+    if (!ufoName) {
+      // if no name is provided we add a hold to the interaction, it is removed if the name is provided while the interaction is holding
+      addHoldByID(newId, [], AWAITING_PAGELOAD_NAME, AWAITING_PAGELOAD_NAME, true);
+    }
+  } else if (!enabledBySamplingRate && activeInteraction && activeInteraction.type === 'page_load') {
+    // if there is an active interaction it will be aborted without initialising a new one because the coinflip returned false
+    abort(activeInteraction.id, 'excluded_by_sampling');
+  } else if (ufoName && activeInteraction && !activeInteraction.ufoName && activeInteraction.type === 'page_load') {
+    updatePageLoadInteractionName(ufoName, routeName);
+    removeHoldByID(activeInteraction.id, AWAITING_PAGELOAD_NAME);
+  }
+}
+export function updatePageloadName(ufoName) {
+  var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
+  var interaction = getActiveInteraction();
+  if (!interaction || interaction.type !== 'page_load' && interaction.type !== 'transition') {
+    return;
+  }
+  if (ufoName) {
+    var rate = getInteractionRate(ufoName, 'page_load');
+    updatePageLoadInteractionName(ufoName, routeName);
+    if (coinflip(rate)) {
+      UFORouteName.current = ufoName;
+    } else {
+      abort(interaction.id, 'excluded_by_sampling');
+    }
+  }
+  removeHoldByID(interaction.id, AWAITING_PAGELOAD_NAME);
+}

package/dist/esm/trace-press/index.js

@@ -0,0 +1,27 @@
+import { v4 as createUUID } from 'uuid';
+import coinflip from '../coinflip';
+import { getDoNotAbortActivePressInteraction, getInteractionRate } from '../config';
+import { getActiveTrace, setInteractionActiveTrace } from '../experience-trace-id-context';
+import { DefaultInteractionID } from '../interaction-id-context';
+import { abortAll, addNewInteraction, getActiveInteraction } from '../interaction-metrics';
+import UFORouteName from '../route-name-context';
+export default function traceUFOPress(name, timestamp) {
+  var rate = getInteractionRate(name, 'press');
+  var pressInteractionsList = getDoNotAbortActivePressInteraction();
+  if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
+    var interaction = getActiveInteraction();
+    if ((interaction === null || interaction === void 0 ? void 0 : interaction.ufoName) !== 'unknown' && (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+      return;
+    }
+  }
+  if (coinflip(rate)) {
+    abortAll('new_interaction', name);
+    var startTimestamp = timestamp !== null && timestamp !== void 0 ? timestamp : performance.now();
+    var newId = createUUID();
+    // covered experiences with tracing instrumentation:
+    // inline-result.inline-card-create-submit
+    setInteractionActiveTrace(newId, 'press');
+    DefaultInteractionID.current = newId;
+    addNewInteraction(newId, name, 'press', startTimestamp, rate, [], UFORouteName.current, getActiveTrace());
+  }
+}

package/dist/esm/trace-redirect/index.js

@@ -0,0 +1,10 @@
+import { DefaultInteractionID } from '../interaction-id-context';
+import { addRedirect } from '../interaction-metrics';
+import UFORouteName from '../route-name-context';
+export default function traceUFORedirect(fromUfoName, nextUfoName, nextRouteName, time) {
+  UFORouteName.current = nextUfoName;
+  var interactionId = DefaultInteractionID.current;
+  if (interactionId) {
+    addRedirect(interactionId, fromUfoName, nextUfoName, nextRouteName, time);
+  }
+}