@atlaskit/react-ufo 1.1.0 → 2.0.0

package/dist/cjs/ssr/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configure = configure;
+exports.getSSRDoneTime = getSSRDoneTime;
+exports.getSSRFeatureFlags = getSSRFeatureFlags;
+exports.getSSRSuccess = getSSRSuccess;
+exports.getSSRTimings = getSSRTimings;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var NESTED_METRIC_SEPARATOR = '/';
+var filterEntry = function filterEntry(entry) {
+  return !(!entry || (0, _typeof2.default)(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;
+function configure(ssrConfig) {
+  config = ssrConfig;
+}
+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;
+}
+function getSSRSuccess() {
+  var _config2;
+  return !!((_config2 = config) !== null && _config2 !== void 0 && _config2.getDoneMark());
+}
+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;
+}
+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/cjs/trace-interaction/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = traceUFOInteraction;
+var _uuid = require("uuid");
+var _coinflip = _interopRequireDefault(require("../coinflip"));
+var _config = require("../config");
+var _interactionIdContext = require("../interaction-id-context");
+var _interactionMetrics = require("../interaction-metrics");
+var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
+function mapToInteractionType(eventType) {
+  if (eventType === 'click' || eventType === 'dblclick' || eventType === 'mousedown') {
+    return 'press';
+  }
+  if (eventType === 'mouseenter' || eventType === 'mouseover') {
+    return 'hover';
+  }
+  return undefined;
+}
+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 = (0, _config.getInteractionRate)(name, interactionType);
+  var pressInteractionsList = (0, _config.getDoNotAbortActivePressInteraction)();
+  if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
+    var interaction = (0, _interactionMetrics.getActiveInteraction)();
+    if ((interaction === null || interaction === void 0 ? void 0 : interaction.ufoName) !== 'unknown' && (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+      return;
+    }
+  }
+  if ((0, _coinflip.default)(rate)) {
+    var _event$timeStamp;
+    (0, _interactionMetrics.abortAll)('new_interaction', name);
+    var startTimestamp = (_event$timeStamp = event.timeStamp) !== null && _event$timeStamp !== void 0 ? _event$timeStamp : performance.now();
+    var newId = (0, _uuid.v4)();
+    _interactionIdContext.DefaultInteractionID.current = newId;
+    (0, _interactionMetrics.addNewInteraction)(newId, name, 'press', startTimestamp, rate, [], _routeNameContext.default.current);
+  }
+}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = traceUFOPageLoad;
+exports.updatePageloadName = updatePageloadName;
+var _uuid = require("uuid");
+var _coinflip = _interopRequireDefault(require("../coinflip"));
+var _config = require("../config");
+var _experienceTraceIdContext = require("../experience-trace-id-context");
+var _interactionIdContext = require("../interaction-id-context");
+var _interactionMetrics = require("../interaction-metrics");
+var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
+var AWAITING_PAGELOAD_NAME = 'awaiting_pageload_name';
+function traceUFOPageLoad(ufoName) {
+  var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
+  var activeInteraction = (0, _interactionMetrics.getActiveInteraction)();
+  if (activeInteraction && !ufoName) {
+    return;
+  }
+  _routeNameContext.default.current = routeName || null;
+  var rate = ufoName ? (0, _config.getInteractionRate)(ufoName, 'page_load') : 1;
+  var enabledBySamplingRate = (0, _coinflip.default)(rate);
+  if (enabledBySamplingRate && !activeInteraction) {
+    var newId = (0, _uuid.v4)();
+    _interactionIdContext.DefaultInteractionID.current = newId;
+    (0, _interactionMetrics.addNewInteraction)(newId, ufoName || '', 'page_load', 0, rate, null, routeName, (0, _experienceTraceIdContext.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
+      (0, _interactionMetrics.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
+    (0, _interactionMetrics.abort)(activeInteraction.id, 'excluded_by_sampling');
+  } else if (ufoName && activeInteraction && !activeInteraction.ufoName && activeInteraction.type === 'page_load') {
+    (0, _interactionMetrics.updatePageLoadInteractionName)(ufoName, routeName);
+    (0, _interactionMetrics.removeHoldByID)(activeInteraction.id, AWAITING_PAGELOAD_NAME);
+  }
+}
+function updatePageloadName(ufoName) {
+  var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
+  var interaction = (0, _interactionMetrics.getActiveInteraction)();
+  if (!interaction || interaction.type !== 'page_load' && interaction.type !== 'transition') {
+    return;
+  }
+  if (ufoName) {
+    var rate = (0, _config.getInteractionRate)(ufoName, 'page_load');
+    (0, _interactionMetrics.updatePageLoadInteractionName)(ufoName, routeName);
+    if ((0, _coinflip.default)(rate)) {
+      _routeNameContext.default.current = ufoName;
+    } else {
+      (0, _interactionMetrics.abort)(interaction.id, 'excluded_by_sampling');
+    }
+  }
+  (0, _interactionMetrics.removeHoldByID)(interaction.id, AWAITING_PAGELOAD_NAME);
+}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = traceUFOPress;
+var _uuid = require("uuid");
+var _coinflip = _interopRequireDefault(require("../coinflip"));
+var _config = require("../config");
+var _experienceTraceIdContext = require("../experience-trace-id-context");
+var _interactionIdContext = require("../interaction-id-context");
+var _interactionMetrics = require("../interaction-metrics");
+var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
+function traceUFOPress(name, timestamp) {
+  var rate = (0, _config.getInteractionRate)(name, 'press');
+  var pressInteractionsList = (0, _config.getDoNotAbortActivePressInteraction)();
+  if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
+    var interaction = (0, _interactionMetrics.getActiveInteraction)();
+    if ((interaction === null || interaction === void 0 ? void 0 : interaction.ufoName) !== 'unknown' && (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+      return;
+    }
+  }
+  if ((0, _coinflip.default)(rate)) {
+    (0, _interactionMetrics.abortAll)('new_interaction', name);
+    var startTimestamp = timestamp !== null && timestamp !== void 0 ? timestamp : performance.now();
+    var newId = (0, _uuid.v4)();
+    // covered experiences with tracing instrumentation:
+    // inline-result.inline-card-create-submit
+    (0, _experienceTraceIdContext.setInteractionActiveTrace)(newId, 'press');
+    _interactionIdContext.DefaultInteractionID.current = newId;
+    (0, _interactionMetrics.addNewInteraction)(newId, name, 'press', startTimestamp, rate, [], _routeNameContext.default.current, (0, _experienceTraceIdContext.getActiveTrace)());
+  }
+}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = traceUFORedirect;
+var _interactionIdContext = require("../interaction-id-context");
+var _interactionMetrics = require("../interaction-metrics");
+var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
+function traceUFORedirect(fromUfoName, nextUfoName, nextRouteName, time) {
+  _routeNameContext.default.current = nextUfoName;
+  var interactionId = _interactionIdContext.DefaultInteractionID.current;
+  if (interactionId) {
+    (0, _interactionMetrics.addRedirect)(interactionId, fromUfoName, nextUfoName, nextRouteName, time);
+  }
+}

package/dist/cjs/trace-transition/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = traceUFOTransition;
+exports.useUFOTransitionCompleter = useUFOTransitionCompleter;
+var _react = require("react");
+var _uuid = require("uuid");
+var _coinflip = _interopRequireDefault(require("../coinflip"));
+var _config = require("../config");
+var _experienceTraceIdContext = require("../experience-trace-id-context");
+var _interactionIdContext = _interopRequireWildcard(require("../interaction-id-context"));
+var _interactionMetrics = require("../interaction-metrics");
+var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
+var _setInteractionActiveTrace = require("./utils/set-interaction-active-trace");
+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" != _typeof(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; }
+function traceUFOTransition(ufoName) {
+  var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
+  var pressInteractionsList = (0, _config.getDoNotAbortActivePressInteractionOnTransition)();
+  var interaction = (0, _interactionMetrics.getActiveInteraction)();
+  if (pressInteractionsList && interaction) {
+    if (pressInteractionsList.includes(interaction.ufoName)) {
+      return;
+    }
+  }
+  (0, _interactionMetrics.abortAll)('transition', ufoName !== null && ufoName !== void 0 ? ufoName : undefined);
+  if (ufoName) {
+    _routeNameContext.default.current = ufoName;
+    var rate = (0, _config.getInteractionRate)(ufoName, 'transition');
+    if ((0, _coinflip.default)(rate)) {
+      var newId = (0, _uuid.v4)();
+      (0, _setInteractionActiveTrace.setInteractionActiveTrace)(newId);
+      _interactionIdContext.DefaultInteractionID.current = newId;
+      (0, _interactionMetrics.addNewInteraction)(newId, ufoName, 'transition', performance.now(), rate, null, routeName, (0, _experienceTraceIdContext.getActiveTrace)());
+    }
+  }
+}
+function useUFOTransitionCompleter() {
+  var interactionId = (0, _react.useContext)(_interactionIdContext.default);
+  var capturedInteractionId = interactionId.current;
+  (0, _react.useEffect)(function () {
+    // If we have a current interaction set...
+    if (capturedInteractionId != null) {
+      var cancel = requestAnimationFrame(function () {
+        cancel = requestAnimationFrame(function () {
+          if (capturedInteractionId === interactionId.current) {
+            (0, _interactionMetrics.tryComplete)(capturedInteractionId);
+          }
+        });
+      });
+      (0, _interactionMetrics.addOnCancelCallback)(capturedInteractionId, function () {
+        cancelAnimationFrame(cancel);
+      });
+    }
+  }, [capturedInteractionId, interactionId]);
+}

package/dist/cjs/trace-transition/utils/generate-span-id/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateSpanId = void 0;
+var generateSpanId = exports.generateSpanId = function generateSpanId() {
+  return Array.from(new Array(16), function () {
+    return Math.floor(Math.random() * 16).toString(16);
+  }).join('');
+};

package/dist/cjs/trace-transition/utils/set-interaction-active-trace/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setInteractionActiveTrace = void 0;
+var _experienceTraceIdContext = require("../../../experience-trace-id-context");
+var _generateSpanId = require("../generate-span-id");
+var setInteractionActiveTrace = exports.setInteractionActiveTrace = function setInteractionActiveTrace(newId) {
+  (0, _experienceTraceIdContext.setActiveTrace)(newId.replace(/-/g, ''), (0, _generateSpanId.generateSpanId)(), 'transition');
+};

package/dist/cjs/typing-performance-tracing/index.js

@@ -0,0 +1,262 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useUFOTypingPerformanceTracing;
+var _react = require("react");
+var _scheduler = require("scheduler");
+var _uuid = require("uuid");
+var _coinflip = _interopRequireDefault(require("../coinflip"));
+var _config = require("../config");
+var _interactionMetrics = require("../interaction-metrics");
+var getTypingMetadata = function getTypingMetadata(times, computeStartTime, typingPerformanceTracingMethod) {
+  var min = 0;
+  var max = 0;
+  var avg = 0;
+  var index = 0;
+  var below50count = 0;
+  times.forEach(function (time) {
+    if (time !== 0) {
+      avg = (avg * index + time) / ++index;
+      if (time > max) {
+        max = time;
+      }
+      if (min === 0 || time < min) {
+        min = time;
+      }
+      if (time < 50) {
+        below50count++;
+      }
+    }
+  });
+  return {
+    typing: {
+      min: min,
+      max: max,
+      avg: avg,
+      count: index,
+      below50count: below50count,
+      compute: performance.now() - computeStartTime,
+      typeTracingMethod: typingPerformanceTracingMethod
+    }
+  };
+};
+function typingPerformanceTracingTimeout(element, name, rate) {
+  var tsubmit;
+  var times = [];
+  var isInteractionInitialised = false;
+  var id;
+  var start = function start() {
+    id = (0, _uuid.v4)();
+    (0, _interactionMetrics.addNewInteraction)(id, name, 'typing', performance.now(), rate, null, null);
+    isInteractionInitialised = true;
+  };
+  var end = function end() {
+    isInteractionInitialised = false;
+    var timesCopy = times;
+    times = [];
+    (0, _scheduler.unstable_scheduleCallback)(_scheduler.unstable_IdlePriority, function () {
+      var computeStartTime = performance.now();
+      var data = getTypingMetadata(timesCopy, computeStartTime, 'timeout');
+      (0, _interactionMetrics.addMetadata)(id, data);
+      (0, _interactionMetrics.tryComplete)(id);
+    });
+  };
+  var onKeyPressHandler = function onKeyPressHandler(event) {
+    if (!isInteractionInitialised) {
+      start();
+    }
+    var startTime = event.timeStamp;
+    setTimeout(function () {
+      var endTime = performance.now();
+      var time = endTime - startTime;
+      times.push(time);
+      clearTimeout(tsubmit);
+      tsubmit = setTimeout(end, 2000); // debounce
+    }, 0);
+  };
+
+  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+  element.addEventListener('keypress', onKeyPressHandler);
+  return function () {
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+    element.removeEventListener('keypress', onKeyPressHandler);
+  };
+}
+function typingPerformanceTracingTimeoutNoAlloc(element, name, rate) {
+  var tsubmit;
+  var isInteractionInitialised = false;
+  var min = 0;
+  var max = 0;
+  var below50count = 0;
+  var avg = 0;
+  var count = 0;
+  var id;
+  var resetStats = function resetStats() {
+    min = 0;
+    max = 0;
+    below50count = 0;
+    avg = 0;
+    count = 0;
+  };
+  var start = function start() {
+    id = (0, _uuid.v4)();
+    (0, _interactionMetrics.addNewInteraction)(id, name, 'typing', performance.now(), rate, null, null);
+    isInteractionInitialised = true;
+  };
+  var end = function end() {
+    isInteractionInitialised = false;
+    var typingMetaData = {
+      typing: {
+        min: min,
+        max: max,
+        avg: avg,
+        count: count,
+        below50count: below50count,
+        typeTracingMethod: 'timeoutNoAlloc'
+      }
+    };
+    resetStats();
+    (0, _scheduler.unstable_scheduleCallback)(_scheduler.unstable_IdlePriority, function () {
+      (0, _interactionMetrics.addMetadata)(id, typingMetaData);
+      (0, _interactionMetrics.tryComplete)(id);
+    });
+  };
+  var onKeyPressHandler = function onKeyPressHandler(event) {
+    if (!isInteractionInitialised) {
+      start();
+    }
+    var startTime = event.timeStamp;
+    setTimeout(function () {
+      var endTime = performance.now();
+      var time = endTime - startTime;
+      if (time !== 0) {
+        avg = (avg * count + time) / ++count;
+        if (time > max) {
+          max = time;
+        }
+        if (min === 0 || time < min) {
+          min = time;
+        }
+        if (time < 50) {
+          below50count++;
+        }
+      }
+      clearTimeout(tsubmit);
+      tsubmit = setTimeout(end, 2000); // debounce
+    }, 0);
+  };
+
+  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+  element.addEventListener('keypress', onKeyPressHandler);
+  return function () {
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+    element.removeEventListener('keypress', onKeyPressHandler);
+  };
+}
+function typingPerformanceTracingMutationObserver(element, name, rate) {
+  var eventTime = -1;
+  var isInteractionInitialised = false;
+  var count = 0;
+  var id;
+  var tsubmit;
+  var keyLimit = 20;
+  var times = new Float64Array(keyLimit);
+  var resetTimesArray = function resetTimesArray() {
+    times.fill(0);
+  };
+  var resetEventTime = function resetEventTime() {
+    eventTime = -1;
+  };
+  var start = function start() {
+    id = (0, _uuid.v4)();
+    (0, _interactionMetrics.addNewInteraction)(id, name, 'typing', performance.now(), rate, null, null);
+    isInteractionInitialised = true;
+  };
+  var end = function end() {
+    isInteractionInitialised = false;
+    if (count === 0) {
+      return;
+    }
+    var timesCopy = new Float64Array(times);
+    var countCopy = count;
+    resetTimesArray();
+    resetEventTime();
+    count = 0;
+    (0, _scheduler.unstable_scheduleCallback)(_scheduler.unstable_IdlePriority, function () {
+      var computeStartTime = performance.now();
+      var timesSubarray = timesCopy.subarray(0, countCopy);
+      var data = getTypingMetadata(timesSubarray, computeStartTime, 'mutationObserver');
+      (0, _interactionMetrics.addMetadata)(id, data);
+      (0, _interactionMetrics.tryComplete)(id);
+    });
+  };
+  var onKeyPressHandler = function onKeyPressHandler(event) {
+    if (!isInteractionInitialised) {
+      start();
+    }
+    eventTime = event.timeStamp;
+    setTimeout(function () {
+      clearTimeout(tsubmit);
+      tsubmit = setTimeout(end, 2000); // debounce
+    }, 0);
+  };
+  var mo = new MutationObserver(function (events) {
+    var moTime = performance.now();
+    if (eventTime === -1) {
+      return;
+    }
+    if (count > keyLimit - 1) {
+      end();
+      return;
+    }
+    var startTime = eventTime;
+    resetEventTime();
+    events.forEach(function () {
+      requestAnimationFrame(function (firstFrameTime) {
+        if (firstFrameTime < moTime) {
+          requestAnimationFrame(function (secondFrameTime) {
+            times[count] = secondFrameTime - startTime;
+            count++;
+          });
+        } else {
+          times[count] = firstFrameTime - startTime;
+          count++;
+        }
+      });
+    });
+  });
+  mo.observe(element, {
+    attributeFilter: ['value'],
+    attributes: true,
+    characterData: true,
+    childList: true,
+    subtree: true
+  });
+
+  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+  element.addEventListener('keypress', onKeyPressHandler);
+  return function () {
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+    element.removeEventListener('keypress', onKeyPressHandler);
+    mo.disconnect();
+  };
+}
+var typingPerformanceTracingMethods = {
+  timeout: typingPerformanceTracingTimeout,
+  timeoutNoAlloc: typingPerformanceTracingTimeoutNoAlloc,
+  mutationObserver: typingPerformanceTracingMutationObserver
+};
+function useUFOTypingPerformanceTracing(name) {
+  var ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    var rate = (0, _config.getInteractionRate)(name, 'typing');
+    if ((0, _coinflip.default)(rate) && ref.current != null) {
+      var method = (0, _config.getTypingPerformanceTracingMethod)();
+      return typingPerformanceTracingMethods[method](ref.current, name, rate);
+    }
+  }, [name]);
+  return ref;
+}

package/dist/cjs/use-press-tracing/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = usePressTracing;
+var _react = require("react");
+var _interactionContext = _interopRequireDefault(require("@atlaskit/interaction-context"));
+function usePressTracing(name) {
+  var context = (0, _react.useContext)(_interactionContext.default);
+  var handleClick = (0, _react.useCallback)(function (timeStamp) {
+    if (context) {
+      var time = timeStamp || performance.now();
+      context.tracePress(name, time);
+    }
+  }, [context, name]);
+  return handleClick;
+}

package/dist/cjs/vc/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getVCObserver = void 0;
+var _vcObserver = require("./vc-observer");
+var instance = null;
+var getVCObserver = exports.getVCObserver = function getVCObserver() {
+  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (instance === null) {
+    instance = new _vcObserver.VCObserver(opts);
+  }
+  return instance;
+};

package/dist/cjs/vc/vc-observer/attachAbortListeners.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.attachAbortListeners = void 0;
+var _bindEventListener = require("bind-event-listener");
+var _types = require("../../common/vc/types");
+var _getViewport = require("./getViewport");
+var attachAbortListeners = exports.attachAbortListeners = function attachAbortListeners(window, initialViewPort, callback) {
+  var unbindWheel = (0, _bindEventListener.bind)(window, {
+    type: _types.AbortEvent.wheel,
+    listener: function listener(e) {
+      callback(_types.AbortEvent.wheel, e.timeStamp);
+    },
+    options: {
+      passive: true,
+      once: true
+    }
+  });
+  var unbindKeydown = (0, _bindEventListener.bind)(window, {
+    type: _types.AbortEvent.keydown,
+    listener: function listener(e) {
+      callback(_types.AbortEvent.keydown, e.timeStamp);
+    },
+    options: {
+      once: true
+    }
+  });
+  var unbindResize = (0, _bindEventListener.bind)(window, {
+    type: _types.AbortEvent.resize,
+    listener: function listener(e) {
+      if ((0, _getViewport.getViewportWidth)() !== initialViewPort.w || (0, _getViewport.getViewportHeight)() !== initialViewPort.h) {
+        callback(_types.AbortEvent.resize, e.timeStamp);
+        unbindResize();
+      }
+    }
+  });
+  return [unbindWheel, unbindKeydown, unbindResize];
+};