@atlaskit/react-ufo 3.14.7 → 3.14.9

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

@@ -1,18 +1,6 @@
-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;
-}
+import mapToInteractionType from './internal/map-to-interaction-type';
+import internal_traceUFOInteraction from './internal/trace-ufo-interaction';
+export { default as UNSAFE__DO_NOT_USE_traceUFOInteraction } from './internal/trace-ufo-interaction';
 function traceUFOInteraction(name, event) {
   if (!event || !event.isTrusted) {
     return;
@@ -22,21 +10,6 @@ function traceUFOInteraction(name, event) {
     // when interactionType is falsy we do not yet support this type of event. should we blow up with throwing error instead?
     return;
   }
-  const rate = getInteractionRate(name, interactionType);
-  const pressInteractionsList = getDoNotAbortActivePressInteraction();
-  if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
-    const 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);
-    const startTimestamp = (_event$timeStamp = event.timeStamp) !== null && _event$timeStamp !== void 0 ? _event$timeStamp : performance.now();
-    const newId = createUUID();
-    DefaultInteractionID.current = newId;
-    addNewInteraction(newId, name, 'press', startTimestamp, rate, [], UFORouteName.current);
-  }
+  return internal_traceUFOInteraction(name, interactionType, event.timeStamp);
 }
 export default traceUFOInteraction;

package/dist/es2019/trace-interaction/internal/map-to-interaction-type.js

@@ -0,0 +1,10 @@
+function mapToInteractionType(eventType) {
+  if (eventType === 'click' || eventType === 'dblclick' || eventType === 'mousedown') {
+    return 'press';
+  }
+  if (eventType === 'mouseenter' || eventType === 'mouseover') {
+    return 'hover';
+  }
+  return undefined;
+}
+export default mapToInteractionType;

package/dist/es2019/trace-interaction/internal/trace-ufo-interaction.js

@@ -0,0 +1,39 @@
+import { v4 as createUUID } from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
+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';
+function traceUFOInteraction(name, interactionType, startTime) {
+  const rate = getInteractionRate(name, interactionType);
+  const pressInteractionsList = getDoNotAbortActivePressInteraction();
+  if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
+    const interaction = getActiveInteraction();
+    if ((interaction === null || interaction === void 0 ? void 0 : interaction.ufoName) !== 'unknown' && (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+      return;
+    }
+  } else {
+    if (fg('platform_ufo_abort_measurement_fix')) {
+      // abort any existing interaction regardless if the next interaction's coinflip returns true or false
+      abortAll('new_interaction', name);
+    }
+  }
+  if (coinflip(rate)) {
+    if (!fg('platform_ufo_abort_measurement_fix')) {
+      abortAll('new_interaction', name);
+    }
+    const startTimestamp = startTime !== null && startTime !== void 0 ? startTime : performance.now();
+    const newId = createUUID();
+    DefaultInteractionID.current = newId;
+
+    // covered experiences with tracing instrumentation:
+    // inline-result.inline-card-create-submit
+    setInteractionActiveTrace(newId, interactionType);
+    addNewInteraction(newId, name, interactionType === 'hover' ? 'press' : interactionType,
+    // TODO add dedicated type for hover, might change backend though
+    startTimestamp, rate, [], UFORouteName.current, getActiveTrace());
+  }
+}
+export default traceUFOInteraction;

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

@@ -1,28 +1,5 @@
-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';
+import { default as internal_traceUFOInteraction } from '../trace-interaction/internal/trace-ufo-interaction';
 function traceUFOPress(name, timestamp) {
-  const rate = getInteractionRate(name, 'press');
-  const pressInteractionsList = getDoNotAbortActivePressInteraction();
-  if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
-    const 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);
-    const startTimestamp = timestamp !== null && timestamp !== void 0 ? timestamp : performance.now();
-    const 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());
-  }
+  return internal_traceUFOInteraction(name, 'press', timestamp);
 }
 export default traceUFOPress;

package/dist/es2019/vc/index.js

@@ -165,4 +165,9 @@ export function getVCObserver(opts = {}) {
     globalThis.__vcObserver = shouldMockVCObserver ? new VCObserverNOOP() : new VCObserverWrapper(opts);
   }
   return globalThis.__vcObserver;
+}
+export function newVCObserver(opts = {}) {
+  const shouldMockVCObserver = !isEnvironmentSupported();
+  const observer = shouldMockVCObserver ? new VCObserverNOOP() : new VCObserverWrapper(opts);
+  return observer;
 }

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

@@ -84,17 +84,19 @@ export function getExperimentalVCMetrics(_x) {
 }
 function _getExperimentalVCMetrics() {
   _getExperimentalVCMetrics = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(interaction) {
-    var _interaction$apdex, prefix, result, VC, pageVisibilityUpToTTAI;
+    var vcObserver, _interaction$apdex, prefix, result, VC, pageVisibilityUpToTTAI;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          if (!experimentalVC.vcObserver) {
-            _context.next = 12;
+          // Use per-interaction VC observer if available, otherwise fall back to global experimentalVC
+          vcObserver = interaction.experimentalVCObserver || experimentalVC.vcObserver;
+          if (!vcObserver) {
+            _context.next = 13;
             break;
           }
           prefix = 'ufo-experimental';
-          _context.next = 4;
-          return experimentalVC.vcObserver.getVCResult({
+          _context.next = 5;
+          return vcObserver.getVCResult({
             start: interaction.start,
             stop: interaction.end,
             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,
@@ -104,28 +106,28 @@ function _getExperimentalVCMetrics() {
             experienceKey: interaction.ufoName,
             interactionId: interaction.id
           });
-        case 4:
+        case 5:
           result = _context.sent;
           VC = result === null || result === void 0 ? void 0 : result['metrics:vc'];
           if (!(!VC || !(result !== null && result !== void 0 && result["".concat(prefix, ":vc:clean")]))) {
-            _context.next = 8;
+            _context.next = 9;
             break;
           }
           return _context.abrupt("return", result);
-        case 8:
+        case 9:
           pageVisibilityUpToTTAI = getPageVisibilityState(interaction.start, interaction.end);
           if (!(interaction.abortReason || pageVisibilityUpToTTAI !== 'visible')) {
-            _context.next = 11;
+            _context.next = 12;
             break;
           }
           return _context.abrupt("return", result);
-        case 11:
+        case 12:
           return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
             'metric:experimental:vc90': VC['90']
           }));
-        case 12:
-          return _context.abrupt("return", null);
         case 13:
+          return _context.abrupt("return", null);
+        case 14:
         case "end":
           return _context.stop();
       }

package/dist/esm/create-payload/utils/get-vc-metrics.js

@@ -16,7 +16,7 @@ function getVCMetrics(_x) {
 function _getVCMetrics() {
   _getVCMetrics = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(interaction) {
     var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _config$vc2, _config$vc3, _config$experimentalI, _result$ufoVcRev;
-    var config, interactionStatus, pageVisibilityUpToTTAI, shouldReportVCMetrics, isSSREnabled, ssr, tti, prefix, result, mostRecentVCRevision, mostRecentVCRevisionPayload;
+    var config, interactionStatus, pageVisibilityUpToTTAI, shouldReportVCMetrics, observer, isSSREnabled, ssr, tti, prefix, result, mostRecentVCRevision, mostRecentVCRevisionPayload;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -27,7 +27,7 @@ function _getVCMetrics() {
           }
           return _context.abrupt("return", {});
         case 3:
-          if (!(fg('platform_ufo_enable_interactions_vc') || fg('platform_ufo_enable_interactivity_jsm'))) {
+          if (!fg('platform_ufo_enable_vc_press_interactions')) {
             _context.next = 8;
             break;
           }
@@ -48,14 +48,15 @@ function _getVCMetrics() {
         case 10:
           interactionStatus = getInteractionStatus(interaction);
           pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
-          shouldReportVCMetrics = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && pageVisibilityUpToTTAI === 'visible';
+          shouldReportVCMetrics = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && pageVisibilityUpToTTAI === 'visible'; // Use per-interaction VC observer if available, otherwise fall back to global
+          observer = interaction.vcObserver || getVCObserver();
           if (!(!shouldReportVCMetrics && fg('platform_ufo_no_vc_on_aborted'))) {
-            _context.next = 16;
+            _context.next = 17;
             break;
           }
-          getVCObserver().stop(interaction.ufoName);
+          observer.stop(interaction.ufoName);
           return _context.abrupt("return", {});
-        case 16:
+        case 17:
           isSSREnabled = interaction.type === 'page_load' && ((config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 || (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName)));
           ssr = interaction.type === 'page_load' && isSSREnabled ? {
             ssr: getSSRDoneTimeValue(config)
@@ -63,8 +64,8 @@ function _getVCMetrics() {
           postInteractionLog.setVCObserverSSRConfig(ssr);
           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;
           prefix = 'ufo';
-          _context.next = 23;
-          return getVCObserver().getVCResult(_objectSpread({
+          _context.next = 24;
+          return observer.getVCResult(_objectSpread({
             start: interaction.start,
             stop: interaction.end,
             tti: tti,
@@ -76,10 +77,13 @@ function _getVCMetrics() {
             interactionId: interaction.id,
             includeSSRRatio: (_config$vc3 = config.vc) === null || _config$vc3 === void 0 ? void 0 : _config$vc3.includeSSRRatio
           }, ssr));
-        case 23:
+        case 24:
           result = _context.sent;
+          if (fg('platform_ufo_enable_vc_observer_per_interaction')) {
+            observer.stop(interaction.ufoName);
+          }
           if ((_config$experimentalI = config.experimentalInteractionMetrics) !== null && _config$experimentalI !== void 0 && _config$experimentalI.enabled) {
-            getVCObserver().stop(interaction.ufoName);
+            observer.stop(interaction.ufoName);
           }
           postInteractionLog.setLastInteractionFinishVCResult(result);
           mostRecentVCRevision = getMostRecentVCRevision(interaction.ufoName);
@@ -88,15 +92,15 @@ function _getVCMetrics() {
             return revision === mostRecentVCRevision;
           });
           if (!(!shouldReportVCMetrics || !(mostRecentVCRevisionPayload !== null && mostRecentVCRevisionPayload !== void 0 && mostRecentVCRevisionPayload.clean))) {
-            _context.next = 30;
+            _context.next = 32;
             break;
           }
           return _context.abrupt("return", result);
-        case 30:
+        case 32:
           return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
             'metric:vc90': mostRecentVCRevisionPayload['metric:vc90']
           }));
-        case 31:
+        case 33:
         case "end":
           return _context.stop();
       }

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

@@ -16,7 +16,7 @@ import { experimentalVC, getExperimentalVCMetrics, onExperimentalInteractionComp
 import { clearActiveTrace } from '../experience-trace-id-context';
 import { allFeatureFlagsAccessed, currentFeatureFlagsAccessed } from '../feature-flags-accessed';
 import { getInteractionId } from '../interaction-id-context';
-import { getVCObserver } from '../vc';
+import { getVCObserver, newVCObserver } from '../vc';
 import { interactions } from './common/constants';
 import PostInteractionLog from './post-interaction-log';
 var PreviousInteractionLog = {
@@ -523,7 +523,9 @@ function finishInteraction(id, data) {
   clearActiveTrace();
   callCleanUpCallbacks(data);
   if ((_getConfig4 = getConfig()) !== null && _getConfig4 !== void 0 && (_getConfig4 = _getConfig4.vc) !== null && _getConfig4 !== void 0 && _getConfig4.stopVCAtInteractionFinish) {
-    data.vc = getVCObserver().getVCRawData();
+    // Use per-interaction VC observer if available, otherwise fall back to global
+    var observer = data.vcObserver || getVCObserver();
+    data.vc = observer.getVCRawData();
   }
   if (!((_getConfig5 = getConfig()) !== null && _getConfig5 !== void 0 && (_getConfig5 = _getConfig5.experimentalInteractionMetrics) !== null && _getConfig5 !== void 0 && _getConfig5.enabled)) {
     remove(id);
@@ -735,6 +737,7 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
   if ((_getConfig11 = getConfig()) !== null && _getConfig11 !== void 0 && (_getConfig11 = _getConfig11.postInteractionLog) !== null && _getConfig11 !== void 0 && _getConfig11.enabled) {
     postInteractionLog.reset();
   }
+  var vcObserver;
   var previousTime = startTime;
   var timeoutTime = fg('platform_ufo_enable_timeout_config') ? getInteractionTimeout(ufoName) : CLEANUP_TIMEOUT;
   var timerID = setTimeout(function () {
@@ -757,6 +760,21 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
     this.timerID = newTimerID;
   }
   var addFeatureFlagsToInteraction = coinflip(getCapabilityRate('feature_flag_access'));
+  var config = getConfig();
+  if (config && config.vc) {
+    var vcOptions = {
+      heatmapSize: config.vc.heatmapSize,
+      oldDomUpdates: config.vc.oldDomUpdates,
+      devToolsEnabled: config.vc.devToolsEnabled,
+      selectorConfig: config.vc.selectorConfig,
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
+    };
+    vcObserver = fg('platform_ufo_enable_vc_observer_per_interaction') ? newVCObserver(vcOptions) : undefined;
+  }
+
+  // Create per-interaction VC observer when feature flag is enabled
+
   var metrics = {
     id: interactionId,
     start: startTime,
@@ -797,7 +815,8 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
     redirects: [],
     timerID: timerID,
     changeTimeout: changeTimeout,
-    trace: trace
+    trace: trace,
+    vcObserver: vcObserver
   };
   if (addFeatureFlagsToInteraction) {
     currentFeatureFlagsAccessed.clear();
@@ -816,13 +835,21 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
   metrics.cleanupCallbacks.push(function () {
     clearTimeout(metrics.timerID);
   });
+  // Add cleanup for per-interaction VC observer
+  if (vcObserver) {
+    metrics.cleanupCallbacks.push(function () {
+      vcObserver.stop(ufoName);
+    });
+  }
   var awaitBM3TTIList = getAwaitBM3TTIList();
   if (awaitBM3TTIList.includes(ufoName)) {
     addHoldByID(interactionId, [], ufoName, ufoName, true);
   }
-  if (type === 'transition') {
+  if (type === 'transition' || type === 'page_load') {
     var _getConfig12;
-    getVCObserver().start({
+    // Use per-interaction VC observer if available, otherwise fall back to global
+    var observer = vcObserver || getVCObserver();
+    observer.start({
       startTime: startTime,
       experienceKey: ufoName
     });
@@ -835,20 +862,13 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
       });
     }
   }
-  if (type === 'press' && (fg('platform_ufo_enable_interactions_vc') || fg('platform_ufo_enable_interactivity_jsm'))) {
-    var _getConfig13;
-    getVCObserver().start({
+  if (type === 'press' && fg('platform_ufo_enable_vc_press_interactions')) {
+    // Use per-interaction VC observer if available, otherwise fall back to global
+    var _observer = vcObserver || getVCObserver();
+    _observer.start({
       startTime: startTime,
       experienceKey: ufoName
     });
-    postInteractionLog.startVCObserver({
-      startTime: startTime
-    });
-    if ((_getConfig13 = getConfig()) !== null && _getConfig13 !== void 0 && (_getConfig13 = _getConfig13.experimentalInteractionMetrics) !== null && _getConfig13 !== void 0 && _getConfig13.enabled) {
-      experimentalVC.start({
-        startTime: startTime
-      });
-    }
   }
 }
 export function addBrowserMetricEvent(event) {

package/dist/esm/interaction-metrics-init/index.js

@@ -92,9 +92,11 @@ export function init(analyticsWebClientAsync, config) {
       ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
       disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
     };
-    getVCObserver(vcOptions).start({
-      startTime: 0
-    });
+    if (!fg('platform_ufo_enable_vc_observer_per_interaction')) {
+      getVCObserver(vcOptions).start({
+        startTime: 0
+      });
+    }
     postInteractionLog.initializeVCObserver(vcOptions);
     postInteractionLog.startVCObserver({
       startTime: 0

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

@@ -1,18 +1,6 @@
-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;
-}
+import mapToInteractionType from './internal/map-to-interaction-type';
+import internal_traceUFOInteraction from './internal/trace-ufo-interaction';
+export { default as UNSAFE__DO_NOT_USE_traceUFOInteraction } from './internal/trace-ufo-interaction';
 function traceUFOInteraction(name, event) {
   if (!event || !event.isTrusted) {
     return;
@@ -22,21 +10,6 @@ function traceUFOInteraction(name, event) {
     // 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);
-  }
+  return internal_traceUFOInteraction(name, interactionType, event.timeStamp);
 }
 export default traceUFOInteraction;

package/dist/esm/trace-interaction/internal/map-to-interaction-type.js

@@ -0,0 +1,10 @@
+function mapToInteractionType(eventType) {
+  if (eventType === 'click' || eventType === 'dblclick' || eventType === 'mousedown') {
+    return 'press';
+  }
+  if (eventType === 'mouseenter' || eventType === 'mouseover') {
+    return 'hover';
+  }
+  return undefined;
+}
+export default mapToInteractionType;

package/dist/esm/trace-interaction/internal/trace-ufo-interaction.js

@@ -0,0 +1,39 @@
+import { v4 as createUUID } from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
+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';
+function traceUFOInteraction(name, interactionType, startTime) {
+  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;
+    }
+  } else {
+    if (fg('platform_ufo_abort_measurement_fix')) {
+      // abort any existing interaction regardless if the next interaction's coinflip returns true or false
+      abortAll('new_interaction', name);
+    }
+  }
+  if (coinflip(rate)) {
+    if (!fg('platform_ufo_abort_measurement_fix')) {
+      abortAll('new_interaction', name);
+    }
+    var startTimestamp = startTime !== null && startTime !== void 0 ? startTime : performance.now();
+    var newId = createUUID();
+    DefaultInteractionID.current = newId;
+
+    // covered experiences with tracing instrumentation:
+    // inline-result.inline-card-create-submit
+    setInteractionActiveTrace(newId, interactionType);
+    addNewInteraction(newId, name, interactionType === 'hover' ? 'press' : interactionType,
+    // TODO add dedicated type for hover, might change backend though
+    startTimestamp, rate, [], UFORouteName.current, getActiveTrace());
+  }
+}
+export default traceUFOInteraction;

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

@@ -1,28 +1,5 @@
-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';
+import { default as internal_traceUFOInteraction } from '../trace-interaction/internal/trace-ufo-interaction';
 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());
-  }
+  return internal_traceUFOInteraction(name, 'press', timestamp);
 }
 export default traceUFOPress;

package/dist/esm/vc/index.js

@@ -234,4 +234,10 @@ export function getVCObserver() {
     globalThis.__vcObserver = shouldMockVCObserver ? new VCObserverNOOP() : new VCObserverWrapper(opts);
   }
   return globalThis.__vcObserver;
+}
+export function newVCObserver() {
+  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var shouldMockVCObserver = !isEnvironmentSupported();
+  var observer = shouldMockVCObserver ? new VCObserverNOOP() : new VCObserverWrapper(opts);
+  return observer;
 }

package/dist/types/common/common/types.d.ts

@@ -1,5 +1,6 @@
 import type { TraceIdContext } from '../../experience-trace-id-context';
 import type { LabelStack, UFOInteractionContextType } from '../../interaction-context';
+import type { VCObserverInterface } from '../../vc/types';
 import { type VCRawDataType, type VCResult } from '../vc/types';
 export type LifecycleMarkType = 'render' | 'beforePaint' | 'afterPaint' | 'nextTick' | 'mount' | 'commit';
 export type MarkType = ('placeholder' | 'bm3_stop' | 'bundle_preload' | 'custom') | LifecycleMarkType;
@@ -113,8 +114,8 @@ export interface InteractionMetrics {
     holdInfo: HoldInfo[];
     holdExpInfo: HoldInfo[];
     holdActive: Map<string, HoldActive>;
-    holdExpActive: Map<string, HoldActive>;
     reactProfilerTimings: ReactProfilerTiming[];
+    holdExpActive: Map<string, HoldActive>;
     measureStart: number;
     rate: number;
     cancelCallbacks: (() => void)[];
@@ -158,6 +159,8 @@ export interface InteractionMetrics {
     changeTimeout: (newTime: number) => void;
     trace: TraceIdContext | null;
     legacyMetrics?: BM3Event[];
+    vcObserver?: VCObserverInterface;
+    experimentalVCObserver?: VCObserverInterface;
     vc?: VCRawDataType | null;
     experimentalTTAI?: number;
     experimentalVC90?: number;

package/dist/types/trace-interaction/index.d.ts

@@ -1,3 +1,4 @@
 import type { UIEvent } from 'react';
+export { default as UNSAFE__DO_NOT_USE_traceUFOInteraction } from './internal/trace-ufo-interaction';
 declare function traceUFOInteraction(name: string, event: UIEvent): void;
 export default traceUFOInteraction;

package/dist/types/trace-interaction/internal/map-to-interaction-type.d.ts

@@ -0,0 +1,2 @@
+declare function mapToInteractionType(eventType: string): "press" | "hover" | undefined;
+export default mapToInteractionType;

package/dist/types/trace-interaction/internal/trace-ufo-interaction.d.ts

@@ -0,0 +1,3 @@
+type InteractionType = 'press' | 'typing' | 'hover';
+declare function traceUFOInteraction(name: string, interactionType: InteractionType, startTime?: DOMHighResTimeStamp): void;
+export default traceUFOInteraction;

package/dist/types/vc/index.d.ts

@@ -24,3 +24,4 @@ export declare class VCObserverWrapper implements VCObserverInterface {
 }
 export declare function isEnvironmentSupported(): boolean;
 export declare function getVCObserver(opts?: VCObserverOptions): VCObserverInterface;
+export declare function newVCObserver(opts?: VCObserverOptions): VCObserverInterface;

package/dist/types-ts4.5/common/common/types.d.ts

@@ -1,5 +1,6 @@
 import type { TraceIdContext } from '../../experience-trace-id-context';
 import type { LabelStack, UFOInteractionContextType } from '../../interaction-context';
+import type { VCObserverInterface } from '../../vc/types';
 import { type VCRawDataType, type VCResult } from '../vc/types';
 export type LifecycleMarkType = 'render' | 'beforePaint' | 'afterPaint' | 'nextTick' | 'mount' | 'commit';
 export type MarkType = ('placeholder' | 'bm3_stop' | 'bundle_preload' | 'custom') | LifecycleMarkType;
@@ -113,8 +114,8 @@ export interface InteractionMetrics {
     holdInfo: HoldInfo[];
     holdExpInfo: HoldInfo[];
     holdActive: Map<string, HoldActive>;
-    holdExpActive: Map<string, HoldActive>;
     reactProfilerTimings: ReactProfilerTiming[];
+    holdExpActive: Map<string, HoldActive>;
     measureStart: number;
     rate: number;
     cancelCallbacks: (() => void)[];
@@ -158,6 +159,8 @@ export interface InteractionMetrics {
     changeTimeout: (newTime: number) => void;
     trace: TraceIdContext | null;
     legacyMetrics?: BM3Event[];
+    vcObserver?: VCObserverInterface;
+    experimentalVCObserver?: VCObserverInterface;
     vc?: VCRawDataType | null;
     experimentalTTAI?: number;
     experimentalVC90?: number;

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

@@ -1,3 +1,4 @@
 import type { UIEvent } from 'react';
+export { default as UNSAFE__DO_NOT_USE_traceUFOInteraction } from './internal/trace-ufo-interaction';
 declare function traceUFOInteraction(name: string, event: UIEvent): void;
 export default traceUFOInteraction;

package/dist/types-ts4.5/trace-interaction/internal/map-to-interaction-type.d.ts

@@ -0,0 +1,2 @@
+declare function mapToInteractionType(eventType: string): "press" | "hover" | undefined;
+export default mapToInteractionType;

package/dist/types-ts4.5/trace-interaction/internal/trace-ufo-interaction.d.ts

@@ -0,0 +1,3 @@
+type InteractionType = 'press' | 'typing' | 'hover';
+declare function traceUFOInteraction(name: string, interactionType: InteractionType, startTime?: DOMHighResTimeStamp): void;
+export default traceUFOInteraction;

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

@@ -24,3 +24,4 @@ export declare class VCObserverWrapper implements VCObserverInterface {
 }
 export declare function isEnvironmentSupported(): boolean;
 export declare function getVCObserver(opts?: VCObserverOptions): VCObserverInterface;
+export declare function newVCObserver(opts?: VCObserverOptions): VCObserverInterface;