@atlaskit/react-ufo 4.4.2 → 4.4.4

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

@@ -35,7 +35,7 @@ exports.addSpanToAll = addSpanToAll;
 exports.extractModuleName = extractModuleName;
 exports.getActiveInteraction = getActiveInteraction;
 exports.getCurrentInteractionType = getCurrentInteractionType;
-exports.postInteractionLog = exports.interactionSpans = exports.getPerformanceObserver = void 0;
+exports.postInteractionLog = exports.interactionSpans = exports.interactionExtraMetrics = exports.getPerformanceObserver = void 0;
 exports.remove = remove;
 exports.removeHoldByID = removeHoldByID;
 exports.removeSegment = removeSegment;
@@ -61,6 +61,7 @@ var _featureFlagsAccessed = require("../feature-flags-accessed");
 var _interactionIdContext = require("../interaction-id-context");
 var _vc = require("../vc");
 var _constants = require("./common/constants");
+var _interactionExtraMetrics = _interopRequireDefault(require("./interaction-extra-metrics"));
 var _postInteractionLog = _interopRequireDefault(require("./post-interaction-log"));
 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; }
@@ -72,6 +73,7 @@ var PreviousInteractionLog = {
   isAborted: undefined
 };
 var postInteractionLog = exports.postInteractionLog = new _postInteractionLog.default();
+var interactionExtraMetrics = exports.interactionExtraMetrics = new _interactionExtraMetrics.default();
 var interactionQueue = [];
 var segmentCache = new Map();
 var segmentUnmountCache = exports.segmentUnmountCache = new Map(); // Temporarily store segment unmount counts
@@ -238,23 +240,16 @@ function addCustomTiming(interactionId, labelStack, data) {
           endTime = timingData.endTime;
         try {
           // for Firefox 102 and older
-          if ((0, _platformFeatureFlags.fg)('ufo_chrome_devtools_uplift')) {
-            performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, key), " [custom_timing]"), {
-              start: startTime,
-              end: endTime,
-              detail: {
-                devtools: {
-                  track: '🛸 reactUFO detailed timings',
-                  color: 'tertiary-light'
-                }
+          performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, key), " [custom_timing]"), {
+            start: startTime,
+            end: endTime,
+            detail: {
+              devtools: {
+                track: '🛸 reactUFO detailed timings',
+                color: 'tertiary-light'
               }
-            });
-          } else {
-            performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, key), " [custom_timing]"), {
-              start: startTime,
-              end: endTime
-            });
-          }
+            }
+          });
         } catch (e) {
           // do nothing
         }
@@ -311,23 +306,16 @@ function addSpan(interactionId, type, name, labelStack, start) {
     if (isPerformanceTracingEnabled()) {
       try {
         // for Firefox 102 and older
-        if ((0, _platformFeatureFlags.fg)('ufo_chrome_devtools_uplift')) {
-          performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [").concat(type, "]"), {
-            start: start,
-            end: end,
-            detail: {
-              devtools: {
-                track: '🛸 reactUFO detailed timings',
-                color: 'secondary'
-              }
+        performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [").concat(type, "]"), {
+          start: start,
+          end: end,
+          detail: {
+            devtools: {
+              track: '🛸 reactUFO detailed timings',
+              color: 'secondary'
             }
-          });
-        } else {
-          performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [").concat(type, "]"), {
-            start: start,
-            end: end
-          });
-        }
+          }
+        });
       } catch (e) {
         // do nothing
       }
@@ -350,23 +338,16 @@ function addSpanToAll(type, name, labelStack, start) {
   if (isPerformanceTracingEnabled()) {
     try {
       // for Firefox 102 and older
-      if ((0, _platformFeatureFlags.fg)('ufo_chrome_devtools_uplift')) {
-        performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [").concat(type, "]"), {
-          start: start,
-          end: end,
-          detail: {
-            devtools: {
-              track: '🛸 reactUFO detailed timings',
-              color: 'secondary'
-            }
+      performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [").concat(type, "]"), {
+        start: start,
+        end: end,
+        detail: {
+          devtools: {
+            track: '🛸 reactUFO detailed timings',
+            color: 'secondary'
           }
-        });
-      } else {
-        performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [").concat(type, "]"), {
-          start: start,
-          end: end
-        });
-      }
+        }
+      });
     } catch (e) {
       // do nothing
     }
@@ -404,46 +385,58 @@ function addHold(interactionId, labelStack, name, experimental) {
   var interaction = _constants.interactions.get(interactionId);
   var id = (0, _uuid.v4)();
   if (interaction != null) {
-    var _getConfig2;
     var start = performance.now();
     var holdActive = {
       labelStack: labelStack,
       name: name,
       start: start
     };
-    if ((_getConfig2 = (0, _config.getConfig)()) !== null && _getConfig2 !== void 0 && (_getConfig2 = _getConfig2.experimentalInteractionMetrics) !== null && _getConfig2 !== void 0 && _getConfig2.enabled && experimental) {
-      interaction.holdExpActive.set(id, _objectSpread(_objectSpread({}, holdActive), {}, {
-        start: start
-      }));
-    }
-    if (!experimental) {
-      interaction.holdActive.set(id, _objectSpread(_objectSpread({}, holdActive), {}, {
-        start: start
-      }));
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+      var is3pHold = labelStack.some(function (l) {
+        return 'type' in l && l.type === 'third-party';
+      });
+      if (is3pHold) {
+        if (!interaction.hold3pActive) {
+          interaction.hold3pActive = new Map();
+        }
+        interaction.hold3pActive.set(id, _objectSpread(_objectSpread({}, holdActive), {}, {
+          start: start
+        }));
+      } else {
+        interaction.holdActive.set(id, _objectSpread(_objectSpread({}, holdActive), {}, {
+          start: start
+        }));
+        addHoldCriterion(id, labelStack, name, start);
+      }
+    } else {
+      var _getConfig2;
+      if ((_getConfig2 = (0, _config.getConfig)()) !== null && _getConfig2 !== void 0 && (_getConfig2 = _getConfig2.experimentalInteractionMetrics) !== null && _getConfig2 !== void 0 && _getConfig2.enabled && experimental) {
+        interaction.holdExpActive.set(id, _objectSpread(_objectSpread({}, holdActive), {}, {
+          start: start
+        }));
+      }
+      if (!experimental) {
+        interaction.holdActive.set(id, _objectSpread(_objectSpread({}, holdActive), {}, {
+          start: start
+        }));
+      }
+      addHoldCriterion(id, labelStack, name, start);
     }
-    addHoldCriterion(id, labelStack, name, start);
     return function () {
       var end = performance.now();
       if (isPerformanceTracingEnabled()) {
         try {
           // for Firefox 102 and older
-          if ((0, _platformFeatureFlags.fg)('ufo_chrome_devtools_uplift')) {
-            performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [hold]"), {
-              start: start,
-              end: end,
-              detail: {
-                devtools: {
-                  track: '🛸 reactUFO detailed timings',
-                  color: 'secondary-light'
-                }
+          performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [hold]"), {
+            start: start,
+            end: end,
+            detail: {
+              devtools: {
+                track: '🛸 reactUFO detailed timings',
+                color: 'secondary-light'
               }
-            });
-          } else {
-            performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [hold]"), {
-              start: start,
-              end: end
-            });
-          }
+            }
+          });
         } catch (e) {
           // do nothing
         }
@@ -465,6 +458,20 @@ function addHold(interactionId, labelStack, name, experimental) {
           }));
           interaction.holdExpActive.delete(id);
         }
+        if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+          if (interaction.hold3pActive) {
+            var current3pHold = interaction.hold3pActive.get(id);
+            if (current3pHold != null) {
+              if (!currentInteraction.hold3pInfo) {
+                currentInteraction.hold3pInfo = [];
+              }
+              currentInteraction.hold3pInfo.push(_objectSpread(_objectSpread({}, current3pHold), {}, {
+                end: end
+              }));
+              interaction.hold3pActive.delete(id);
+            }
+          }
+        }
       }
     };
   }
@@ -474,13 +481,38 @@ function addHoldByID(interactionId, labelStack, name, id, ignoreOnSubmit) {
   var interaction = _constants.interactions.get(interactionId);
   if (interaction != null) {
     var start = performance.now();
-    interaction.holdActive.set(id, {
-      labelStack: labelStack,
-      name: name,
-      start: start,
-      ignoreOnSubmit: ignoreOnSubmit
-    });
-    addHoldCriterion(id, labelStack, name, start);
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+      var is3pHold = labelStack.some(function (l) {
+        return 'type' in l && l.type === 'third-party';
+      });
+      if (is3pHold) {
+        if (!interaction.hold3pActive) {
+          interaction.hold3pActive = new Map();
+        }
+        interaction.hold3pActive.set(id, {
+          labelStack: labelStack,
+          name: name,
+          start: start,
+          ignoreOnSubmit: ignoreOnSubmit
+        });
+      } else {
+        interaction.holdActive.set(id, {
+          labelStack: labelStack,
+          name: name,
+          start: start,
+          ignoreOnSubmit: ignoreOnSubmit
+        });
+        addHoldCriterion(id, labelStack, name, start);
+      }
+    } else {
+      interaction.holdActive.set(id, {
+        labelStack: labelStack,
+        name: name,
+        start: start,
+        ignoreOnSubmit: ignoreOnSubmit
+      });
+      addHoldCriterion(id, labelStack, name, start);
+    }
   }
   return function () {};
 }
@@ -497,6 +529,20 @@ function removeHoldByID(interactionId, id) {
       interaction.holdActive.delete(id);
       removeHoldCriterion(id);
     }
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+      if (interaction.hold3pActive) {
+        var current3pHold = interaction.hold3pActive.get(id);
+        if (currentInteraction != null && current3pHold != null) {
+          if (!currentInteraction.hold3pInfo) {
+            currentInteraction.hold3pInfo = [];
+          }
+          currentInteraction.hold3pInfo.push(_objectSpread(_objectSpread({}, current3pHold), {}, {
+            end: end
+          }));
+          interaction.hold3pActive.delete(id);
+        }
+      }
+    }
   }
 }
 function getCurrentInteractionType(interactionId) {
@@ -570,23 +616,16 @@ function addProfilerTimings(interactionId, labelStack, type, actualDuration, bas
   if (isPerformanceTracingEnabled()) {
     try {
       // for Firefox 102 and older
-      if ((0, _platformFeatureFlags.fg)('ufo_chrome_devtools_uplift')) {
-        performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack), " [react-profiler] ").concat(type), {
-          start: startTime,
-          duration: actualDuration,
-          detail: {
-            devtools: {
-              track: '🛸 reactUFO detailed timings',
-              color: 'secondary-dark'
-            }
+      performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack), " [react-profiler] ").concat(type), {
+        start: startTime,
+        duration: actualDuration,
+        detail: {
+          devtools: {
+            track: '🛸 reactUFO detailed timings',
+            color: 'secondary-dark'
           }
-        });
-      } else {
-        performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack), " [react-profiler] ").concat(type), {
-          start: startTime,
-          duration: actualDuration
-        });
-      }
+        }
+      });
     } catch (e) {
       // do nothing
     }
@@ -618,38 +657,30 @@ function callCleanUpCallbacks(interaction) {
   });
 }
 function finishInteraction(id, data) {
-  var _getConfig4, _getConfig5;
+  var _getConfig4;
   var endTime = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : performance.now();
   data.end = endTime;
   try {
     // for Firefox 102 and older
-
-    if ((0, _platformFeatureFlags.fg)('ufo_chrome_devtools_uplift')) {
-      performance.measure("\uD83D\uDEF8 [".concat(data.type, "] ").concat(data.ufoName, " [ttai]"), {
-        start: data.start,
-        end: data.end,
-        detail: {
-          devtools: {
-            track: 'main metrics',
-            trackGroup: '🛸 reactUFO metrics',
-            color: 'tertiary'
-          }
+    performance.measure("\uD83D\uDEF8 [".concat(data.type, "] ").concat(data.ufoName, " [ttai]"), {
+      start: data.start,
+      end: data.end,
+      detail: {
+        devtools: {
+          track: 'main metrics',
+          trackGroup: '🛸 reactUFO metrics',
+          color: 'tertiary'
         }
-      });
-      performance.mark("TTAI", {
-        startTime: data.end,
-        detail: {
-          devtools: {
-            dataType: 'marker'
-          }
+      }
+    });
+    performance.mark("TTAI", {
+      startTime: data.end,
+      detail: {
+        devtools: {
+          dataType: 'marker'
         }
-      });
-    } else {
-      performance.measure("\uD83D\uDEF8 [".concat(data.type, "] ").concat(data.ufoName, " [ttai]"), {
-        start: data.start,
-        end: data.end
-      });
-    }
+      }
+    });
   } catch (e) {
     // do nothing
   }
@@ -678,13 +709,31 @@ function finishInteraction(id, data) {
       postInteractionLog.stopVCObserver();
     }
   }
-  if (!((_getConfig5 = (0, _config.getConfig)()) !== null && _getConfig5 !== void 0 && (_getConfig5 = _getConfig5.experimentalInteractionMetrics) !== null && _getConfig5 !== void 0 && _getConfig5.enabled)) {
-    remove(id);
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+    if (!data.hold3pActive || data.hold3pActive.size === 0) {
+      var _getConfig5;
+      if (!((_getConfig5 = (0, _config.getConfig)()) !== null && _getConfig5 !== void 0 && (_getConfig5 = _getConfig5.experimentalInteractionMetrics) !== null && _getConfig5 !== void 0 && _getConfig5.enabled)) {
+        remove(id);
+      }
+      interactionExtraMetrics.stopVCObserver();
+    }
+  } else {
+    var _getConfig6;
+    if (!((_getConfig6 = (0, _config.getConfig)()) !== null && _getConfig6 !== void 0 && (_getConfig6 = _getConfig6.experimentalInteractionMetrics) !== null && _getConfig6 !== void 0 && _getConfig6.enabled)) {
+      remove(id);
+    }
   }
   PreviousInteractionLog.name = data.ufoName || 'unknown';
   PreviousInteractionLog.isAborted = data.abortReason != null;
   if (data.ufoName) {
-    handleInteraction(id, data);
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+      if (interactionExtraMetrics.finishedInteractionId !== id) {
+        // If this same interaction was not already handled, handle it
+        handleInteraction(id, data);
+      }
+    } else {
+      handleInteraction(id, data);
+    }
   }
   if (isPerformanceTracingEnabled()) {
     var profilerTimingMap = new Map();
@@ -711,23 +760,16 @@ function finishInteraction(id, data) {
             labelStack = _step3$value$.labelStack,
             start = _step3$value$.start,
             end = _step3$value$.end;
-          if ((0, _platformFeatureFlags.fg)('ufo_chrome_devtools_uplift')) {
-            performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack), " [segment_ttai]"), {
-              start: start,
-              end: end,
-              detail: {
-                devtools: {
-                  track: '🛸 reactUFO detailed timings',
-                  color: 'secondary-dark'
-                }
+          performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack), " [segment_ttai]"), {
+            start: start,
+            end: end,
+            detail: {
+              devtools: {
+                track: '🛸 reactUFO detailed timings',
+                color: 'secondary-dark'
               }
-            });
-          } else {
-            performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack), " [segment_ttai]"), {
-              start: start,
-              end: end
-            });
-          }
+            }
+          });
         }
       } catch (err) {
         _iterator3.e(err);
@@ -769,16 +811,16 @@ function tryComplete(interactionId, endTime) {
     var noMoreExpHolds = interaction.holdExpActive.size === 0;
     var postInteraction = /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _getConfig6, _getConfig8;
-        var _getConfig7, experimentalVC90, experimentalTTAI, _yield$getExperimenta, start, end;
+        var _getConfig7;
+        var _getConfig8, experimentalVC90, experimentalTTAI, _yield$getExperimenta, start, end, _getConfig9, _getConfig0;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              if (!((_getConfig6 = (0, _config.getConfig)()) !== null && _getConfig6 !== void 0 && (_getConfig6 = _getConfig6.postInteractionLog) !== null && _getConfig6 !== void 0 && _getConfig6.enabled)) {
+              if (!((_getConfig7 = (0, _config.getConfig)()) !== null && _getConfig7 !== void 0 && (_getConfig7 = _getConfig7.postInteractionLog) !== null && _getConfig7 !== void 0 && _getConfig7.enabled)) {
                 _context.next = 17;
                 break;
               }
-              if (!((_getConfig7 = (0, _config.getConfig)()) !== null && _getConfig7 !== void 0 && (_getConfig7 = _getConfig7.experimentalInteractionMetrics) !== null && _getConfig7 !== void 0 && _getConfig7.enabled)) {
+              if (!((_getConfig8 = (0, _config.getConfig)()) !== null && _getConfig8 !== void 0 && (_getConfig8 = _getConfig8.experimentalInteractionMetrics) !== null && _getConfig8 !== void 0 && _getConfig8.enabled)) {
                 _context.next = 16;
                 break;
               }
@@ -812,8 +854,17 @@ function tryComplete(interactionId, endTime) {
                 experimentalVC90: experimentalVC90
               }));
             case 17:
-              if ((_getConfig8 = (0, _config.getConfig)()) !== null && _getConfig8 !== void 0 && (_getConfig8 = _getConfig8.experimentalInteractionMetrics) !== null && _getConfig8 !== void 0 && _getConfig8.enabled) {
-                remove(interactionId);
+              if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+                if (interactionExtraMetrics.finishedInteractionId !== interactionId) {
+                  // If interactionExtraMetrics is not waiting for measuring this interaction
+                  if ((_getConfig9 = (0, _config.getConfig)()) !== null && _getConfig9 !== void 0 && (_getConfig9 = _getConfig9.experimentalInteractionMetrics) !== null && _getConfig9 !== void 0 && _getConfig9.enabled) {
+                    remove(interactionId);
+                  }
+                }
+              } else {
+                if ((_getConfig0 = (0, _config.getConfig)()) !== null && _getConfig0 !== void 0 && (_getConfig0 = _getConfig0.experimentalInteractionMetrics) !== null && _getConfig0 !== void 0 && _getConfig0.enabled) {
+                  remove(interactionId);
+                }
               }
               activeSubmitted = false;
             case 19:
@@ -826,17 +877,42 @@ function tryComplete(interactionId, endTime) {
         return _ref.apply(this, arguments);
       };
     }();
-    if (noMoreActiveHolds) {
-      if (!activeSubmitted) {
-        finishInteraction(interactionId, interaction, endTime);
-        activeSubmitted = true;
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+      var _interaction$hold3pAc;
+      var noMoreActive3pHolds = ((_interaction$hold3pAc = interaction.hold3pActive) === null || _interaction$hold3pAc === void 0 ? void 0 : _interaction$hold3pAc.size) === 0 || interaction.hold3pActive === undefined;
+      if (noMoreActiveHolds) {
+        if (!activeSubmitted) {
+          finishInteraction(interactionId, interaction, endTime);
+          interactionExtraMetrics.updateFinishedInteractionId(interactionId);
+          activeSubmitted = true;
+        }
+        if (noMoreExpHolds) {
+          var _getConfig1;
+          if ((_getConfig1 = (0, _config.getConfig)()) !== null && _getConfig1 !== void 0 && (_getConfig1 = _getConfig1.experimentalInteractionMetrics) !== null && _getConfig1 !== void 0 && _getConfig1.enabled) {
+            (0, _createExperimentalInteractionMetricsPayload.onExperimentalInteractionComplete)(interactionId, interaction, endTime);
+          }
+          postInteraction();
+        }
+        if (noMoreActive3pHolds) {
+          var data = _objectSpread(_objectSpread({}, interaction), {}, {
+            end: endTime
+          });
+          interactionExtraMetrics.onInteractionComplete(interactionId, data);
+        }
       }
-      if (noMoreExpHolds) {
-        var _getConfig9;
-        if ((_getConfig9 = (0, _config.getConfig)()) !== null && _getConfig9 !== void 0 && (_getConfig9 = _getConfig9.experimentalInteractionMetrics) !== null && _getConfig9 !== void 0 && _getConfig9.enabled) {
-          (0, _createExperimentalInteractionMetricsPayload.onExperimentalInteractionComplete)(interactionId, interaction, endTime);
+    } else {
+      if (noMoreActiveHolds) {
+        if (!activeSubmitted) {
+          finishInteraction(interactionId, interaction, endTime);
+          activeSubmitted = true;
+        }
+        if (noMoreExpHolds) {
+          var _getConfig10;
+          if ((_getConfig10 = (0, _config.getConfig)()) !== null && _getConfig10 !== void 0 && (_getConfig10 = _getConfig10.experimentalInteractionMetrics) !== null && _getConfig10 !== void 0 && _getConfig10.enabled) {
+            (0, _createExperimentalInteractionMetricsPayload.onExperimentalInteractionComplete)(interactionId, interaction, endTime);
+          }
+          postInteraction();
         }
-        postInteraction();
       }
     }
   }
@@ -864,6 +940,11 @@ function abort(interactionId, abortReason) {
     finishInteraction(interactionId, interaction);
     postInteractionLog.reset();
     postInteractionLog.stopVCObserver();
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+      interactionExtraMetrics.stopVCObserver();
+      interactionExtraMetrics.reset();
+      remove(interactionId);
+    }
     if ((0, _coinflip.default)((0, _config.getExperimentalInteractionRate)(interaction.ufoName, interaction.type))) {
       (0, _createExperimentalInteractionMetricsPayload.onExperimentalInteractionComplete)(interactionId, interaction);
       remove(interactionId);
@@ -889,6 +970,11 @@ function abortByNewInteraction(interactionId, interactionName) {
     finishInteraction(interactionId, interaction);
     postInteractionLog.reset();
     postInteractionLog.stopVCObserver();
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+      interactionExtraMetrics.stopVCObserver();
+      interactionExtraMetrics.reset();
+      remove(interactionId);
+    }
     if ((0, _coinflip.default)((0, _config.getExperimentalInteractionRate)(interaction.ufoName, interaction.type))) {
       (0, _createExperimentalInteractionMetricsPayload.onExperimentalInteractionComplete)(interactionId, interaction);
       remove(interactionId);
@@ -918,6 +1004,11 @@ function abortAll(abortReason, abortedByInteractionName) {
     finishInteraction(interactionId, interaction);
     postInteractionLog.reset();
     postInteractionLog.stopVCObserver();
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+      interactionExtraMetrics.stopVCObserver();
+      interactionExtraMetrics.reset();
+      remove(interactionId);
+    }
     if ((0, _coinflip.default)((0, _config.getExperimentalInteractionRate)(interaction.ufoName, interaction.type))) {
       (0, _createExperimentalInteractionMetricsPayload.onExperimentalInteractionComplete)(interactionId, interaction);
       remove(interactionId);
@@ -1015,7 +1106,9 @@ function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelS
     timerID: timerID,
     changeTimeout: changeTimeout,
     trace: trace,
-    vcObserver: vcObserver
+    vcObserver: vcObserver,
+    hold3pActive: new Map(),
+    hold3pInfo: []
   };
   if (addFeatureFlagsToInteraction) {
     _featureFlagsAccessed.currentFeatureFlagsAccessed.clear();
@@ -1054,10 +1147,10 @@ function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelS
       });
     }
     if ((0, _platformFeatureFlags.fg)('platform_ufo_post_interaction_check_name')) {
-      var _getConfig0;
+      var _getConfig11;
       // Start post interaction observer for all if config is enabled
       // in case ufoName is updated at later time
-      if ((_getConfig0 = (0, _config.getConfig)()) !== null && _getConfig0 !== void 0 && (_getConfig0 = _getConfig0.postInteractionLog) !== null && _getConfig0 !== void 0 && _getConfig0.enabled) {
+      if ((_getConfig11 = (0, _config.getConfig)()) !== null && _getConfig11 !== void 0 && (_getConfig11 = _getConfig11.postInteractionLog) !== null && _getConfig11 !== void 0 && _getConfig11.enabled) {
         postInteractionLog.startVCObserver({
           startTime: startTime
         });
@@ -1074,6 +1167,11 @@ function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelS
         startTime: startTime
       });
     }
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+      interactionExtraMetrics.startVCObserver({
+        startTime: startTime
+      }, interactionId);
+    }
   }
   if (type === 'press' && (0, _platformFeatureFlags.fg)('platform_ufo_enable_vc_press_interactions')) {
     // Use per-interaction VC observer if available, otherwise fall back to global
@@ -1101,35 +1199,27 @@ function addApdexToAll(apdex) {
   _constants.interactions.forEach(function (interaction, key) {
     interaction.apdex.push(apdex);
     try {
+      var _apdex$startTime;
       // for Firefox 102 and older
-      if ((0, _platformFeatureFlags.fg)('ufo_chrome_devtools_uplift')) {
-        var _apdex$startTime;
-        performance.measure("\uD83D\uDEF8 ".concat(apdex.key, " [bm3_tti]"), {
-          start: (_apdex$startTime = apdex.startTime) !== null && _apdex$startTime !== void 0 ? _apdex$startTime : interaction.start,
-          end: apdex.stopTime,
-          detail: {
-            devtools: {
-              track: 'main metrics',
-              trackGroup: '🛸 reactUFO metrics',
-              color: 'primary-dark'
-            }
+      performance.measure("\uD83D\uDEF8 ".concat(apdex.key, " [bm3_tti]"), {
+        start: (_apdex$startTime = apdex.startTime) !== null && _apdex$startTime !== void 0 ? _apdex$startTime : interaction.start,
+        end: apdex.stopTime,
+        detail: {
+          devtools: {
+            track: 'main metrics',
+            trackGroup: '🛸 reactUFO metrics',
+            color: 'primary-dark'
           }
-        });
-        performance.mark("[bm3] TTI", {
-          startTime: apdex.stopTime,
-          detail: {
-            devtools: {
-              dataType: 'marker'
-            }
+        }
+      });
+      performance.mark("[bm3] TTI", {
+        startTime: apdex.stopTime,
+        detail: {
+          devtools: {
+            dataType: 'marker'
           }
-        });
-      } else {
-        var _apdex$startTime2;
-        performance.measure("\uD83D\uDEF8 ".concat(apdex.key, " [bm3_tti]"), {
-          start: (_apdex$startTime2 = apdex.startTime) !== null && _apdex$startTime2 !== void 0 ? _apdex$startTime2 : interaction.start,
-          end: apdex.stopTime
-        });
-      }
+        }
+      });
     } catch (e) {
       // do nothing
     }
@@ -1143,35 +1233,27 @@ function addApdex(interactionId, apdexInfo) {
   if (interaction != null) {
     interaction.apdex.push(apdexInfo);
     try {
+      var _apdexInfo$startTime;
       // for Firefox 102 and older
-      if ((0, _platformFeatureFlags.fg)('ufo_chrome_devtools_uplift')) {
-        var _apdexInfo$startTime;
-        performance.measure("\uD83D\uDEF8 ".concat(apdexInfo.key, " [bm3_tti]"), {
-          start: (_apdexInfo$startTime = apdexInfo.startTime) !== null && _apdexInfo$startTime !== void 0 ? _apdexInfo$startTime : interaction.start,
-          end: apdexInfo.stopTime,
-          detail: {
-            devtools: {
-              track: 'main metrics',
-              trackGroup: '🛸 reactUFO metrics',
-              color: 'primary-dark'
-            }
+      performance.measure("\uD83D\uDEF8 ".concat(apdexInfo.key, " [bm3_tti]"), {
+        start: (_apdexInfo$startTime = apdexInfo.startTime) !== null && _apdexInfo$startTime !== void 0 ? _apdexInfo$startTime : interaction.start,
+        end: apdexInfo.stopTime,
+        detail: {
+          devtools: {
+            track: 'main metrics',
+            trackGroup: '🛸 reactUFO metrics',
+            color: 'primary-dark'
           }
-        });
-        performance.mark("[bm3] TTI", {
-          startTime: apdexInfo.stopTime,
-          detail: {
-            devtools: {
-              dataType: 'marker'
-            }
+        }
+      });
+      performance.mark("[bm3] TTI", {
+        startTime: apdexInfo.stopTime,
+        detail: {
+          devtools: {
+            dataType: 'marker'
           }
-        });
-      } else {
-        var _apdexInfo$startTime2;
-        performance.measure("\uD83D\uDEF8 ".concat(apdexInfo.key, " [bm3_tti]"), {
-          start: (_apdexInfo$startTime2 = apdexInfo.startTime) !== null && _apdexInfo$startTime2 !== void 0 ? _apdexInfo$startTime2 : interaction.start,
-          end: apdexInfo.stopTime
-        });
-      }
+        }
+      });
     } catch (e) {
       // do nothing
     }
@@ -1238,26 +1320,18 @@ function addRedirect(interactionId, fromUfoName, nextUfoName, nextRouteName, tim
     if (isPerformanceTracingEnabled()) {
       var prevRedirect = interaction.redirects.at(-2);
       try {
+        var _prevRedirect$time;
         // for Firefox 102 and older
-        if ((0, _platformFeatureFlags.fg)('ufo_chrome_devtools_uplift')) {
-          var _prevRedirect$time;
-          performance.measure("\uD83D\uDEF8 ".concat(nextUfoName, " [redirect]"), {
-            start: (_prevRedirect$time = prevRedirect === null || prevRedirect === void 0 ? void 0 : prevRedirect.time) !== null && _prevRedirect$time !== void 0 ? _prevRedirect$time : interaction.start,
-            end: time,
-            detail: {
-              devtools: {
-                track: '🛸 reactUFO detailed timings',
-                color: 'tertiary'
-              }
+        performance.measure("\uD83D\uDEF8 ".concat(nextUfoName, " [redirect]"), {
+          start: (_prevRedirect$time = prevRedirect === null || prevRedirect === void 0 ? void 0 : prevRedirect.time) !== null && _prevRedirect$time !== void 0 ? _prevRedirect$time : interaction.start,
+          end: time,
+          detail: {
+            devtools: {
+              track: '🛸 reactUFO detailed timings',
+              color: 'tertiary'
             }
-          });
-        } else {
-          var _prevRedirect$time2;
-          performance.measure("\uD83D\uDEF8 ".concat(nextUfoName, " [redirect]"), {
-            start: (_prevRedirect$time2 = prevRedirect === null || prevRedirect === void 0 ? void 0 : prevRedirect.time) !== null && _prevRedirect$time2 !== void 0 ? _prevRedirect$time2 : interaction.start,
-            end: time
-          });
-        }
+          }
+        });
       } catch (e) {
         // do nothing
       }