@atlaskit/react-ufo 3.14.8 → 3.14.10

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 3.14.10
+
+### Patch Changes
+
+- [#180425](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/180425)
+  [`b932e1047acb7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b932e1047acb7) -
+  Check if responsiveness exists before updating for press interactions
+
+## 3.14.9
+
+### Patch Changes
+
+- [#180517](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/180517)
+  [`cba15052f7278`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cba15052f7278) -
+  AFO-4101 properly aborting previous interacttion
+
 ## 3.14.8
 
 ### Patch Changes

package/dist/cjs/interactions-performance-observer/index.js

@@ -29,6 +29,12 @@ function getTestIdName(memoizedProps) {
   }
   return null;
 }
+function getUFOSegmentName(componentName, memoizedProps) {
+  if (memoizedProps && memoizedProps['name']) {
+    return "UFOSegment[name=".concat(memoizedProps['name'], "]");
+  }
+  return componentName;
+}
 function getReactComponentHierarchy(element) {
   var componentHierarchy = [];
   // Function to traverse up the fiber tree
@@ -40,11 +46,12 @@ function getReactComponentHierarchy(element) {
         var componentName = currentFiber.type.displayName || currentFiber.type.name;
         // checking when component name is bigger than the minimized name produced by react
         if (componentName && componentName.length > 2 && !componentName.includes('Listener') && !componentName.includes('Provider')) {
+          if (componentName === 'UFOSegment') {
+            componentHierarchy.push(getUFOSegmentName(componentName, currentFiber.memoizedProps));
+            break;
+          }
           componentHierarchy.push(componentName);
         }
-        if (componentName === 'UFOSegment') {
-          break;
-        }
       }
       if (currentFiber.memoizedProps) {
         var dataIdInfo = getTestIdName(currentFiber.memoizedProps);
@@ -90,23 +97,20 @@ var getPerformanceObserver = exports.getPerformanceObserver = function getPerfor
 var setInteractionPerformanceEvent = exports.setInteractionPerformanceEvent = function setInteractionPerformanceEvent(entry) {
   var interaction = (0, _interactionMetrics.getActiveInteraction)();
   if ((interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
-    var _interaction$responsi, _interaction$responsi2;
-    // if happens there is another event interaction that has started after
-    // the initial one, we don't want to replace the values if they have already been set up
-    interaction.responsiveness = _objectSpread(_objectSpread({}, interaction.responsiveness), {}, {
-      experimentalInputToNextPaint: ((_interaction$responsi = interaction.responsiveness) === null || _interaction$responsi === void 0 ? void 0 : _interaction$responsi.experimentalInputToNextPaint) || entry.duration,
-      inputDelay: ((_interaction$responsi2 = interaction.responsiveness) === null || _interaction$responsi2 === void 0 ? void 0 : _interaction$responsi2.inputDelay) || entry.processingStart - entry.startTime
-    });
-    // if the entry start time is lower than the one in the interaction
-    // it means the interaction start time is not accurate, we assign
-    // this value which will match the timestamp in the event
-    interaction.start = Math.min(interaction.start, entry.startTime);
-    if (interaction.ufoName === 'unknown' && (0, _platformFeatureFlags.fg)('platform_ufo_enable_unknown_interactions_elements')) {
-      if (entry.target) {
-        var componentHierarchy = getReactComponentHierarchy(entry.target);
-        interaction.unknownElementHierarchy = componentHierarchy;
+    var _interaction$responsi;
+    if (!((_interaction$responsi = interaction.responsiveness) !== null && _interaction$responsi !== void 0 && _interaction$responsi.experimentalInputToNextPaint)) {
+      var _interaction$responsi2, _interaction$responsi3;
+      interaction.responsiveness = _objectSpread(_objectSpread({}, interaction.responsiveness), {}, {
+        experimentalInputToNextPaint: ((_interaction$responsi2 = interaction.responsiveness) === null || _interaction$responsi2 === void 0 ? void 0 : _interaction$responsi2.experimentalInputToNextPaint) || entry.duration,
+        inputDelay: ((_interaction$responsi3 = interaction.responsiveness) === null || _interaction$responsi3 === void 0 ? void 0 : _interaction$responsi3.inputDelay) || entry.processingStart - entry.startTime
+      });
+      if (interaction.ufoName === 'unknown' && (0, _platformFeatureFlags.fg)('platform_ufo_enable_unknown_interactions_elements')) {
+        if (entry.target) {
+          var componentHierarchy = getReactComponentHierarchy(entry.target);
+          interaction.unknownElementHierarchy = componentHierarchy;
+        }
+        interaction.unknownElementName = (0, _getUniqueElementName.default)(selectorConfig, entry.target);
       }
-      interaction.unknownElementName = (0, _getUniqueElementName.default)(selectorConfig, entry.target);
     }
   }
 };

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

@@ -4,46 +4,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-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';
+Object.defineProperty(exports, "UNSAFE__DO_NOT_USE_traceUFOInteraction", {
+  enumerable: true,
+  get: function get() {
+    return _traceUfoInteraction.default;
   }
-  return undefined;
-}
+});
+exports.default = void 0;
+var _mapToInteractionType = _interopRequireDefault(require("./internal/map-to-interaction-type"));
+var _traceUfoInteraction = _interopRequireDefault(require("./internal/trace-ufo-interaction"));
 function traceUFOInteraction(name, event) {
   if (!event || !event.isTrusted) {
     return;
   }
-  var interactionType = mapToInteractionType(event.type);
+  var interactionType = (0, _mapToInteractionType.default)(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);
-  }
+  return (0, _traceUfoInteraction.default)(name, interactionType, event.timeStamp);
 }
 var _default = exports.default = traceUFOInteraction;

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function mapToInteractionType(eventType) {
+  if (eventType === 'click' || eventType === 'dblclick' || eventType === 'mousedown') {
+    return 'press';
+  }
+  if (eventType === 'mouseenter' || eventType === 'mouseover') {
+    return 'hover';
+  }
+  return undefined;
+}
+var _default = exports.default = mapToInteractionType;

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

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _uuid = require("uuid");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+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 traceUFOInteraction(name, interactionType, startTime) {
+  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;
+    }
+  } else {
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_abort_measurement_fix')) {
+      // abort any existing interaction regardless if the next interaction's coinflip returns true or false
+      (0, _interactionMetrics.abortAll)('new_interaction', name);
+    }
+  }
+  if ((0, _coinflip.default)(rate)) {
+    if (!(0, _platformFeatureFlags.fg)('platform_ufo_abort_measurement_fix')) {
+      (0, _interactionMetrics.abortAll)('new_interaction', name);
+    }
+    var startTimestamp = startTime !== null && startTime !== void 0 ? startTime : performance.now();
+    var newId = (0, _uuid.v4)();
+    _interactionIdContext.DefaultInteractionID.current = newId;
+
+    // covered experiences with tracing instrumentation:
+    // inline-result.inline-card-create-submit
+    (0, _experienceTraceIdContext.setInteractionActiveTrace)(newId, interactionType);
+    (0, _interactionMetrics.addNewInteraction)(newId, name, interactionType === 'hover' ? 'press' : interactionType,
+    // TODO add dedicated type for hover, might change backend though
+    startTimestamp, rate, [], _routeNameContext.default.current, (0, _experienceTraceIdContext.getActiveTrace)());
+  }
+}
+var _default = exports.default = traceUFOInteraction;

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

@@ -5,31 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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 _traceUfoInteraction = _interopRequireDefault(require("../trace-interaction/internal/trace-ufo-interaction"));
 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)());
-  }
+  return (0, _traceUfoInteraction.default)(name, 'press', timestamp);
 }
 var _default = exports.default = traceUFOPress;

package/dist/es2019/interactions-performance-observer/index.js

@@ -16,6 +16,12 @@ function getTestIdName(memoizedProps) {
   }
   return null;
 }
+function getUFOSegmentName(componentName, memoizedProps) {
+  if (memoizedProps && memoizedProps['name']) {
+    return `UFOSegment[name=${memoizedProps['name']}]`;
+  }
+  return componentName;
+}
 function getReactComponentHierarchy(element) {
   const componentHierarchy = [];
   // Function to traverse up the fiber tree
@@ -27,11 +33,12 @@ function getReactComponentHierarchy(element) {
         const componentName = currentFiber.type.displayName || currentFiber.type.name;
         // checking when component name is bigger than the minimized name produced by react
         if (componentName && componentName.length > 2 && !componentName.includes('Listener') && !componentName.includes('Provider')) {
+          if (componentName === 'UFOSegment') {
+            componentHierarchy.push(getUFOSegmentName(componentName, currentFiber.memoizedProps));
+            break;
+          }
           componentHierarchy.push(componentName);
         }
-        if (componentName === 'UFOSegment') {
-          break;
-        }
       }
       if (currentFiber.memoizedProps) {
         const dataIdInfo = getTestIdName(currentFiber.memoizedProps);
@@ -66,24 +73,21 @@ export const getPerformanceObserver = () => {
 export const setInteractionPerformanceEvent = entry => {
   const interaction = getActiveInteraction();
   if ((interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
-    var _interaction$responsi, _interaction$responsi2;
-    // if happens there is another event interaction that has started after
-    // the initial one, we don't want to replace the values if they have already been set up
-    interaction.responsiveness = {
-      ...interaction.responsiveness,
-      experimentalInputToNextPaint: ((_interaction$responsi = interaction.responsiveness) === null || _interaction$responsi === void 0 ? void 0 : _interaction$responsi.experimentalInputToNextPaint) || entry.duration,
-      inputDelay: ((_interaction$responsi2 = interaction.responsiveness) === null || _interaction$responsi2 === void 0 ? void 0 : _interaction$responsi2.inputDelay) || entry.processingStart - entry.startTime
-    };
-    // if the entry start time is lower than the one in the interaction
-    // it means the interaction start time is not accurate, we assign
-    // this value which will match the timestamp in the event
-    interaction.start = Math.min(interaction.start, entry.startTime);
-    if (interaction.ufoName === 'unknown' && fg('platform_ufo_enable_unknown_interactions_elements')) {
-      if (entry.target) {
-        const componentHierarchy = getReactComponentHierarchy(entry.target);
-        interaction.unknownElementHierarchy = componentHierarchy;
+    var _interaction$responsi;
+    if (!((_interaction$responsi = interaction.responsiveness) !== null && _interaction$responsi !== void 0 && _interaction$responsi.experimentalInputToNextPaint)) {
+      var _interaction$responsi2, _interaction$responsi3;
+      interaction.responsiveness = {
+        ...interaction.responsiveness,
+        experimentalInputToNextPaint: ((_interaction$responsi2 = interaction.responsiveness) === null || _interaction$responsi2 === void 0 ? void 0 : _interaction$responsi2.experimentalInputToNextPaint) || entry.duration,
+        inputDelay: ((_interaction$responsi3 = interaction.responsiveness) === null || _interaction$responsi3 === void 0 ? void 0 : _interaction$responsi3.inputDelay) || entry.processingStart - entry.startTime
+      };
+      if (interaction.ufoName === 'unknown' && fg('platform_ufo_enable_unknown_interactions_elements')) {
+        if (entry.target) {
+          const componentHierarchy = getReactComponentHierarchy(entry.target);
+          interaction.unknownElementHierarchy = componentHierarchy;
+        }
+        interaction.unknownElementName = getElementName(selectorConfig, entry.target);
       }
-      interaction.unknownElementName = getElementName(selectorConfig, entry.target);
     }
   }
 };

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/esm/interactions-performance-observer/index.js

@@ -22,6 +22,12 @@ function getTestIdName(memoizedProps) {
   }
   return null;
 }
+function getUFOSegmentName(componentName, memoizedProps) {
+  if (memoizedProps && memoizedProps['name']) {
+    return "UFOSegment[name=".concat(memoizedProps['name'], "]");
+  }
+  return componentName;
+}
 function getReactComponentHierarchy(element) {
   var componentHierarchy = [];
   // Function to traverse up the fiber tree
@@ -33,11 +39,12 @@ function getReactComponentHierarchy(element) {
         var componentName = currentFiber.type.displayName || currentFiber.type.name;
         // checking when component name is bigger than the minimized name produced by react
         if (componentName && componentName.length > 2 && !componentName.includes('Listener') && !componentName.includes('Provider')) {
+          if (componentName === 'UFOSegment') {
+            componentHierarchy.push(getUFOSegmentName(componentName, currentFiber.memoizedProps));
+            break;
+          }
           componentHierarchy.push(componentName);
         }
-        if (componentName === 'UFOSegment') {
-          break;
-        }
       }
       if (currentFiber.memoizedProps) {
         var dataIdInfo = getTestIdName(currentFiber.memoizedProps);
@@ -83,23 +90,20 @@ export var getPerformanceObserver = function getPerformanceObserver() {
 export var setInteractionPerformanceEvent = function setInteractionPerformanceEvent(entry) {
   var interaction = getActiveInteraction();
   if ((interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
-    var _interaction$responsi, _interaction$responsi2;
-    // if happens there is another event interaction that has started after
-    // the initial one, we don't want to replace the values if they have already been set up
-    interaction.responsiveness = _objectSpread(_objectSpread({}, interaction.responsiveness), {}, {
-      experimentalInputToNextPaint: ((_interaction$responsi = interaction.responsiveness) === null || _interaction$responsi === void 0 ? void 0 : _interaction$responsi.experimentalInputToNextPaint) || entry.duration,
-      inputDelay: ((_interaction$responsi2 = interaction.responsiveness) === null || _interaction$responsi2 === void 0 ? void 0 : _interaction$responsi2.inputDelay) || entry.processingStart - entry.startTime
-    });
-    // if the entry start time is lower than the one in the interaction
-    // it means the interaction start time is not accurate, we assign
-    // this value which will match the timestamp in the event
-    interaction.start = Math.min(interaction.start, entry.startTime);
-    if (interaction.ufoName === 'unknown' && fg('platform_ufo_enable_unknown_interactions_elements')) {
-      if (entry.target) {
-        var componentHierarchy = getReactComponentHierarchy(entry.target);
-        interaction.unknownElementHierarchy = componentHierarchy;
+    var _interaction$responsi;
+    if (!((_interaction$responsi = interaction.responsiveness) !== null && _interaction$responsi !== void 0 && _interaction$responsi.experimentalInputToNextPaint)) {
+      var _interaction$responsi2, _interaction$responsi3;
+      interaction.responsiveness = _objectSpread(_objectSpread({}, interaction.responsiveness), {}, {
+        experimentalInputToNextPaint: ((_interaction$responsi2 = interaction.responsiveness) === null || _interaction$responsi2 === void 0 ? void 0 : _interaction$responsi2.experimentalInputToNextPaint) || entry.duration,
+        inputDelay: ((_interaction$responsi3 = interaction.responsiveness) === null || _interaction$responsi3 === void 0 ? void 0 : _interaction$responsi3.inputDelay) || entry.processingStart - entry.startTime
+      });
+      if (interaction.ufoName === 'unknown' && fg('platform_ufo_enable_unknown_interactions_elements')) {
+        if (entry.target) {
+          var componentHierarchy = getReactComponentHierarchy(entry.target);
+          interaction.unknownElementHierarchy = componentHierarchy;
+        }
+        interaction.unknownElementName = getElementName(selectorConfig, entry.target);
       }
-      interaction.unknownElementName = getElementName(selectorConfig, entry.target);
     }
   }
 };

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/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-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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "3.14.8",
+	"version": "3.14.10",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -213,6 +213,9 @@
 		},
 		"platform_ufo_enable_vc_observer_per_interaction": {
 			"type": "boolean"
+		},
+		"platform_ufo_abort_measurement_fix": {
+			"type": "boolean"
 		}
 	}
 }