@atlaskit/react-ufo 2.4.7 → 2.5.1

package/dist/types-ts4.5/interaction-metrics/common/constants.d.ts

@@ -1,33 +1,3 @@
-import type { InteractionMetrics, SegmentInfo } from '../../common';
-import type { FeatureFlagValue } from '../../feature-flags-accessed';
+import type { InteractionMetrics } from '../../common';
 declare const interactions: Map<string, InteractionMetrics>;
-export declare const CLEANUP_TIMEOUT: number;
-export declare const CLEANUP_TIMEOUT_AFTER_APDEX: number;
-export type SegmentObserver = {
-    onAdd: (segment: SegmentInfo) => void;
-    onRemove: (segment: SegmentInfo) => void;
-};
-export declare const interactionQueue: {
-    id: string;
-    data: InteractionMetrics;
-}[];
-export declare const segmentCache: Map<string, SegmentInfo>;
-export declare const segmentObservers: SegmentObserver[];
-export declare const moduleLoadingRequests: Record<string, {
-    start: number;
-    timeoutId: ReturnType<typeof setTimeout> | number | undefined;
-}>;
-declare global {
-    interface Window {
-        __REACT_UFO_ENABLE_PERF_TRACING?: boolean;
-        __UFO_COMPACT_PAYLOAD__?: boolean;
-        __CRITERION__?: {
-            addFeatureFlagAccessed?: (flagName: string, flagValue: FeatureFlagValue) => void;
-            addUFOHold?: (id: string, name: string, labelStack: string, startTime: number) => void;
-            removeUFOHold?: (id: string) => void;
-            getFeatureFlagOverride?: (flagName: string) => boolean | undefined;
-            getExperimentValueOverride?: <T>(experimentName: string, parameterName: string) => T;
-        };
-    }
-}
 export default interactions;

package/dist/types-ts4.5/interaction-metrics/index.d.ts

@@ -1,11 +1,10 @@
 import type { AbortReasonType, ApdexType, BM3Event, CustomData, CustomTiming, InteractionError, InteractionMetrics, InteractionType, LifecycleMarkType, LoadProfilerEventInfo, Mark, MarkType, PostInteractionLogOutput, ReactProfilerTiming, RequestInfo, Span, SpanType } from '../common';
-import { ExperimentalInteractionMetrics } from '../create-experimental-interaction-metrics-payload';
 import { type TraceIdContext } from '../experience-trace-id-context';
+import { type FeatureFlagValue } from '../feature-flags-accessed';
 import type { LabelStack } from '../interaction-context';
 import PostInteractionLog from './post-interaction-log';
 export type { InteractionMetrics, LifecycleMarkType, Span, Mark, MarkType, InteractionType, AbortReasonType, ReactProfilerTiming, RequestInfo, ApdexType, CustomData, CustomTiming, InteractionError, };
 export declare const postInteractionLog: PostInteractionLog;
-export declare const experimentalInteractionLog: ExperimentalInteractionMetrics;
 export declare function getActiveInteraction(): InteractionMetrics | undefined;
 export declare function remove(interactionId: string): void;
 export declare function updatePageLoadInteractionName(ufoName: string, routeName?: string | null | undefined): void;
@@ -19,7 +18,7 @@ export declare function addSpanToAll(type: SpanType, name: string, labelStack: L
 export declare function addPreload(moduleId: string, timestamp: number): void;
 export declare function addLoad(identifier: string, start: number, end: number): void;
 export declare function extractModuleName(input: string): string;
-export declare function addHold(interactionId: string, labelStack: LabelStack, name: string, experimental: boolean): () => void;
+export declare function addHold(interactionId: string, labelStack: LabelStack, name: string): () => void;
 export declare function addHoldByID(interactionId: string, labelStack: LabelStack, name: string, id: string, ignoreOnSubmit?: boolean): () => void;
 export declare function removeHoldByID(interactionId: string, id: string): void;
 export declare function getCurrentInteractionType(interactionId: string): InteractionType | null;
@@ -34,7 +33,6 @@ export declare function addError(interactionId: string, name: string, labelStack
 export declare function addErrorToAll(name: string, labelStack: LabelStack | null, errorType: string, errorMessage: string, errorStack?: string): void;
 export declare const addProfilerTimings: (interactionId: string, labelStack: LabelStack, type: 'mount' | 'update' | 'nested-update', actualDuration: number, baseDuration: number, startTime: number, commitTime: number) => void;
 export declare const sinkInteractionHandler: (sinkFn: (id: string, data: InteractionMetrics) => void) => void;
-export declare const sinkExperimentalHandler: (sinkFn: (interactionId: string, interaction: InteractionMetrics) => void | Promise<void>) => void;
 export declare const sinkPostInteractionLogHandler: (sinkFn: (output: PostInteractionLogOutput) => void | Promise<void>) => void;
 export declare function tryComplete(interactionId: string, endTime?: number): void;
 export declare function abort(interactionId: string, abortReason: AbortReasonType): void;
@@ -54,5 +52,18 @@ export declare function addRequestInfo(interactionId: string, labelStack: LabelS
 export declare function addSegment(labelStack: LabelStack): void;
 export declare function removeSegment(labelStack: LabelStack): void;
 export declare function addRedirect(interactionId: string, fromUfoName: string, nextUfoName: string, nextRouteName: string, time: number): void;
+declare global {
+    interface Window {
+        __REACT_UFO_ENABLE_PERF_TRACING?: boolean;
+        __UFO_COMPACT_PAYLOAD__?: boolean;
+        __CRITERION__?: {
+            addFeatureFlagAccessed?: (flagName: string, flagValue: FeatureFlagValue) => void;
+            addUFOHold?: (id: string, name: string, labelStack: string, startTime: number) => void;
+            removeUFOHold?: (id: string) => void;
+            getFeatureFlagOverride?: (flagName: string) => boolean | undefined;
+            getExperimentValueOverride?: <T>(experimentName: string, parameterName: string) => T;
+        };
+    }
+}
 export declare const interactionSpans: Span[];
 export declare function addCustomSpans(name: string, start: number, end?: number, size?: number, labelStack?: LabelStack): void;

package/dist/types-ts4.5/load-hold/UFOLoadHold.d.ts

@@ -19,7 +19,8 @@ import { type ReactNode } from 'react';
  *   return (
  *     <>
  *       <Skeleton />
- *       <UFOLoadHold name="card" />
+ *       <UFOLoadHold name="card">
+ *     </UFOLoadHold>
  *   )
  * }
  * ```

package/dist/types-ts4.5/trace-pageload/index.d.ts

@@ -1,3 +1,2 @@
-export declare const AWAITING_PAGELOAD_NAME = "awaiting_pageload_name";
 export default function traceUFOPageLoad(ufoName?: string | null | undefined, routeName?: string | null | undefined): void;
 export declare function updatePageloadName(ufoName: string, routeName?: string | null | undefined): void;

package/dist/types-ts4.5/vc/vc-observer/index.d.ts

@@ -48,7 +48,7 @@ export declare class VCObserver {
     }): void;
     stop(): void;
     getAbortReasonInfo: () => string | null;
-    getVCRawData: () => VCRawDataType | null;
+    getVCRawData: (stopTime?: number) => VCRawDataType | null;
     getIgnoredElements(componentsLog: ComponentsLogType): {
         targetName: string;
         ignoreReason: VCIgnoreReason | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "2.4.7",
+	"version": "2.5.1",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,7 +32,6 @@
 		"./coinflip": "./src/coinflip/index.ts",
 		"./common": "./src/common/index.ts",
 		"./config": "./src/config/index.ts",
-		"./create-experimental-interaction-metrics-payload": "./src/create-experimental-interaction-metrics-payload/index.ts",
 		"./create-payload": "./src/create-payload/index.ts",
 		"./create-post-interaction-log-payload": "./src/create-post-interaction-log-payload/index.ts",
 		"./custom-data": "./src/custom-data/index.ts",
@@ -74,7 +73,7 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/interaction-context": "^2.1.4",
+		"@atlaskit/interaction-context": "^2.2.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0",
@@ -86,7 +85,6 @@
 		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
 	},
 	"devDependencies": {
-		"@atlassian/a11y-jest-testing": "*",
 		"@testing-library/react": "^12.1.5"
 	},
 	"techstack": {
@@ -137,11 +135,14 @@
 		"platform-ufo-vc-observe-attributes": {
 			"type": "boolean"
 		},
-		"react-ufo-payload-segment-compressed": {
+		"enable-react-ufo-payload-segment-compressed": {
 			"type": "boolean"
 		},
 		"ufo_capture_stylesheet_metrics": {
 			"type": "boolean"
+		},
+		"ufo-remove-vc-component-observations-after-ttai": {
+			"type": "boolean"
 		}
 	}
 }

package/create-experimental-interaction-metrics-payload/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "@atlaskit/react-ufo/create-experimental-interaction-metrics-payload",
-  "main": "../dist/cjs/create-experimental-interaction-metrics-payload/index.js",
-  "module": "../dist/esm/create-experimental-interaction-metrics-payload/index.js",
-  "module:es2019": "../dist/es2019/create-experimental-interaction-metrics-payload/index.js",
-  "sideEffects": false,
-  "types": "../dist/types/create-experimental-interaction-metrics-payload/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.4": {
-      "*": [
-        "../dist/types-ts4.5/create-experimental-interaction-metrics-payload/index.d.ts"
-      ]
-    }
-  }
-}

package/dist/cjs/create-experimental-interaction-metrics-payload/index.js

@@ -1,89 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ExperimentalInteractionMetrics = void 0;
-exports.createExperimentalInteractionMetricsPayload = createExperimentalInteractionMetricsPayload;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _coinflip = _interopRequireDefault(require("../coinflip"));
-var _config = require("../config");
-var _createPayload = require("../create-payload");
-var _hiddenTiming = require("../hidden-timing");
-var _vcObserver = require("../vc/vc-observer");
-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) { (0, _defineProperty2.default)(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; }
-var ExperimentalInteractionMetrics = exports.ExperimentalInteractionMetrics = /*#__PURE__*/function () {
-  function ExperimentalInteractionMetrics() {
-    (0, _classCallCheck2.default)(this, ExperimentalInteractionMetrics);
-    /**
-     * Handler function to process / send the observation data
-     */
-    (0, _defineProperty2.default)(this, "sinkHandlerFn", function () {});
-    /**
-     * independent VC observer that observes until `custom.post-interaction-logs` event is sent
-     */
-    (0, _defineProperty2.default)(this, "vcObserver", null);
-  }
-  (0, _createClass2.default)(ExperimentalInteractionMetrics, [{
-    key: "sinkHandler",
-    value:
-    /**
-     * Set the fn that would be invoked to process / send the observation data
-     */
-    function sinkHandler(sinkHandlerFn) {
-      this.sinkHandlerFn = sinkHandlerFn;
-    }
-  }, {
-    key: "onInteractionComplete",
-    value: function onInteractionComplete(interactionId, data) {
-      var endTime = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : performance.now();
-      if (data.ufoName) {
-        data.end = endTime;
-        this.sinkHandlerFn(interactionId, data);
-      }
-    }
-  }, {
-    key: "initializeVCObserver",
-    value: function initializeVCObserver(options) {
-      if (this.vcObserver === null) {
-        this.vcObserver = new _vcObserver.VCObserver(_objectSpread(_objectSpread({}, options), {}, {
-          isPostInteraction: true
-        }));
-      }
-      return this;
-    }
-  }, {
-    key: "startVCObserver",
-    value: function startVCObserver(_ref) {
-      var _this$vcObserver;
-      var startTime = _ref.startTime;
-      (_this$vcObserver = this.vcObserver) === null || _this$vcObserver === void 0 || _this$vcObserver.start({
-        startTime: startTime
-      });
-    }
-  }]);
-  return ExperimentalInteractionMetrics;
-}();
-function createExperimentalInteractionMetricsPayload(interactionId, interaction) {
-  var config = (0, _config.getConfig)();
-  if (!config) {
-    throw Error('UFO Configuration not provided');
-  }
-  var ufoName = (0, _createPayload.getUfoNameOverride)(interaction);
-  var modifiedInteraction = _objectSpread(_objectSpread({}, interaction), {}, {
-    ufoName: 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 (0, _createPayload.createInteractionMetricsPayload)(modifiedInteraction, interactionId, true);
-}

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

@@ -1,151 +0,0 @@
-"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('|');
-}

package/dist/es2019/create-experimental-interaction-metrics-payload/index.js

@@ -1,67 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import coinflip from '../coinflip';
-import { getConfig, getExperimentalInteractionRate } from '../config';
-import { createInteractionMetricsPayload, getUfoNameOverride } from '../create-payload';
-import { getPageVisibilityState } from '../hidden-timing';
-import { VCObserver } from '../vc/vc-observer';
-export class ExperimentalInteractionMetrics {
-  constructor() {
-    /**
-     * Handler function to process / send the observation data
-     */
-    _defineProperty(this, "sinkHandlerFn", () => {});
-    /**
-     * independent VC observer that observes until `custom.post-interaction-logs` event is sent
-     */
-    _defineProperty(this, "vcObserver", null);
-  }
-  /**
-   * Set the fn that would be invoked to process / send the observation data
-   */
-  sinkHandler(sinkHandlerFn) {
-    this.sinkHandlerFn = sinkHandlerFn;
-  }
-  onInteractionComplete(interactionId, data, endTime = performance.now()) {
-    if (data.ufoName) {
-      data.end = endTime;
-      this.sinkHandlerFn(interactionId, data);
-    }
-  }
-  initializeVCObserver(options) {
-    if (this.vcObserver === null) {
-      this.vcObserver = new VCObserver({
-        ...options,
-        isPostInteraction: true
-      });
-    }
-    return this;
-  }
-  startVCObserver({
-    startTime
-  }) {
-    var _this$vcObserver;
-    (_this$vcObserver = this.vcObserver) === null || _this$vcObserver === void 0 ? void 0 : _this$vcObserver.start({
-      startTime
-    });
-  }
-}
-export function createExperimentalInteractionMetricsPayload(interactionId, interaction) {
-  const config = getConfig();
-  if (!config) {
-    throw Error('UFO Configuration not provided');
-  }
-  const ufoName = getUfoNameOverride(interaction);
-  const modifiedInteraction = {
-    ...interaction,
-    ufoName
-  };
-  const rate = getExperimentalInteractionRate(ufoName, interaction.type);
-  if (!coinflip(rate)) {
-    return null;
-  }
-  const pageVisibilityState = getPageVisibilityState(interaction.start, interaction.end);
-  if (pageVisibilityState !== 'visible') {
-    return null;
-  }
-  return createInteractionMetricsPayload(modifiedInteraction, interactionId, true);
-}

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

@@ -1,103 +0,0 @@
-import { getConfig } from '../../config';
-import { interactionQueue, segmentCache, segmentObservers } from './constants';
-export function isPerformanceTracingEnabled() {
-  var _getConfig;
-  return ((_getConfig = getConfig()) === null || _getConfig === void 0 ? void 0 : _getConfig.enableAdditionalPerformanceMarks) || window.__REACT_UFO_ENABLE_PERF_TRACING || process.env.NODE_ENV !== 'production';
-}
-export function labelStackToString(labelStack, name) {
-  var _stack$map;
-  const stack = [...(labelStack !== null && labelStack !== void 0 ? labelStack : [])];
-  if (name) {
-    stack.push({
-      name
-    });
-  }
-  return (_stack$map = stack.map(l => l.name)) === null || _stack$map === void 0 ? void 0 : _stack$map.join('/');
-}
-export function labelStackToIdString(labelStack) {
-  var _labelStack$map;
-  return labelStack === null || labelStack === void 0 ? void 0 : (_labelStack$map = labelStack.map(l => 'segmentId' in l ? `${l.name}:${l.segmentId}` : `${l.name}`)) === null || _labelStack$map === void 0 ? void 0 : _labelStack$map.join('/');
-}
-export function addSegmentObserver(observer) {
-  segmentObservers.push(observer);
-  for (const segmentInfo of segmentCache.values()) {
-    observer.onAdd(segmentInfo);
-  }
-}
-export function removeSegmentObserver(observer) {
-  const index = segmentObservers.findIndex(obs => obs === observer);
-  if (index !== -1) {
-    segmentObservers.splice(index, 1);
-  }
-}
-export 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);
-}
-export 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);
-}
-export const pushToQueue = (id, data) => {
-  interactionQueue.push({
-    id,
-    data
-  });
-};
-export function callCleanUpCallbacks(interaction) {
-  interaction.cleanupCallbacks.reverse().forEach(cleanUpCallback => {
-    cleanUpCallback();
-  });
-}
-export function reactProfilerTimingMap(data) {
-  const profilerTimingMap = new Map();
-  data.reactProfilerTimings.forEach(profilerTiming => {
-    const labelStackId = labelStackToIdString(profilerTiming.labelStack);
-    if (labelStackId) {
-      var _profilerTimingMap$ge, _timing$start, _timing$end;
-      const 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
-    for (const [, {
-      labelStack,
-      start,
-      end
-    }] of profilerTimingMap.entries()) {
-      performance.measure(`🛸 ${labelStackToString(labelStack)} [segment_ttai]`, {
-        start,
-        end
-      });
-    }
-  } catch (e) {
-    // do nothing
-  }
-}
-export function callCancelCallbacks(interaction) {
-  interaction.cancelCallbacks.reverse().forEach(cancelCallback => {
-    cancelCallback();
-  });
-}
-export function isSegmentLabel(obj) {
-  return obj && typeof obj.name === 'string' && typeof obj.segmentId === 'string';
-}
-export function getSegmentCacheKey(labelStack) {
-  return labelStack.map(l => {
-    if (isSegmentLabel(l)) {
-      return `${l.name}_${l.segmentId}`;
-    }
-    return l.name;
-  }).join('|');
-}

package/dist/esm/create-experimental-interaction-metrics-payload/index.js

@@ -1,81 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-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 coinflip from '../coinflip';
-import { getConfig, getExperimentalInteractionRate } from '../config';
-import { createInteractionMetricsPayload, getUfoNameOverride } from '../create-payload';
-import { getPageVisibilityState } from '../hidden-timing';
-import { VCObserver } from '../vc/vc-observer';
-export var ExperimentalInteractionMetrics = /*#__PURE__*/function () {
-  function ExperimentalInteractionMetrics() {
-    _classCallCheck(this, ExperimentalInteractionMetrics);
-    /**
-     * Handler function to process / send the observation data
-     */
-    _defineProperty(this, "sinkHandlerFn", function () {});
-    /**
-     * independent VC observer that observes until `custom.post-interaction-logs` event is sent
-     */
-    _defineProperty(this, "vcObserver", null);
-  }
-  _createClass(ExperimentalInteractionMetrics, [{
-    key: "sinkHandler",
-    value:
-    /**
-     * Set the fn that would be invoked to process / send the observation data
-     */
-    function sinkHandler(sinkHandlerFn) {
-      this.sinkHandlerFn = sinkHandlerFn;
-    }
-  }, {
-    key: "onInteractionComplete",
-    value: function onInteractionComplete(interactionId, data) {
-      var endTime = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : performance.now();
-      if (data.ufoName) {
-        data.end = endTime;
-        this.sinkHandlerFn(interactionId, data);
-      }
-    }
-  }, {
-    key: "initializeVCObserver",
-    value: function initializeVCObserver(options) {
-      if (this.vcObserver === null) {
-        this.vcObserver = new VCObserver(_objectSpread(_objectSpread({}, options), {}, {
-          isPostInteraction: true
-        }));
-      }
-      return this;
-    }
-  }, {
-    key: "startVCObserver",
-    value: function startVCObserver(_ref) {
-      var _this$vcObserver;
-      var startTime = _ref.startTime;
-      (_this$vcObserver = this.vcObserver) === null || _this$vcObserver === void 0 || _this$vcObserver.start({
-        startTime: startTime
-      });
-    }
-  }]);
-  return ExperimentalInteractionMetrics;
-}();
-export function createExperimentalInteractionMetricsPayload(interactionId, interaction) {
-  var config = getConfig();
-  if (!config) {
-    throw Error('UFO Configuration not provided');
-  }
-  var ufoName = getUfoNameOverride(interaction);
-  var modifiedInteraction = _objectSpread(_objectSpread({}, interaction), {}, {
-    ufoName: ufoName
-  });
-  var rate = getExperimentalInteractionRate(ufoName, interaction.type);
-  if (!coinflip(rate)) {
-    return null;
-  }
-  var pageVisibilityState = getPageVisibilityState(interaction.start, interaction.end);
-  if (pageVisibilityState !== 'visible') {
-    return null;
-  }
-  return createInteractionMetricsPayload(modifiedInteraction, interactionId, true);
-}