@atlaskit/react-ufo 4.4.5 → 4.5.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.5.0
+
+### Minor Changes
+
+- [`2a4662d3e7eb5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2a4662d3e7eb5) -
+  fixing Grammarly extension name and adding common browser extensions to exclude list for TTVC
+
+## 4.4.6
+
+### Patch Changes
+
+- [`0feed18feb110`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0feed18feb110) -
+  Add sample rate config for extraInteractionMetrics
+
 ## 4.4.5
 
 ### Patch Changes

package/dist/cjs/config/index.js

@@ -12,6 +12,7 @@ exports.getDoNotAbortActivePressInteraction = getDoNotAbortActivePressInteractio
 exports.getDoNotAbortActivePressInteractionOnTransition = getDoNotAbortActivePressInteractionOnTransition;
 exports.getEnabledVCRevisions = getEnabledVCRevisions;
 exports.getExperimentalInteractionRate = getExperimentalInteractionRate;
+exports.getExtraInteractionRate = getExtraInteractionRate;
 exports.getInteractionRate = getInteractionRate;
 exports.getInteractionTimeout = getInteractionTimeout;
 exports.getMostRecentVCRevision = getMostRecentVCRevision;
@@ -182,28 +183,7 @@ function getExperimentalInteractionRate(name, interactionType) {
   }
 }
 function getPostInteractionRate(name, interactionType) {
-  try {
-    if (!config) {
-      return 0;
-    }
-    var _config4 = config,
-      postInteractionLog = _config4.postInteractionLog;
-    if (!(postInteractionLog !== null && postInteractionLog !== void 0 && postInteractionLog.enabled)) {
-      return 0;
-    }
-    if (interactionType !== 'page_load' && interactionType !== 'transition') {
-      return 0;
-    }
-    if (postInteractionLog.rates && typeof postInteractionLog.rates[name] === 'number') {
-      return postInteractionLog.rates[name];
-    }
-    if (postInteractionLog.kind && typeof postInteractionLog.kind[interactionType] === 'number') {
-      return postInteractionLog.kind[interactionType];
-    }
-    return 0;
-  } catch (e) {
-    return 0;
-  }
+  return getConfigRate(name, interactionType, 'postInteractionLog');
 }
 function getCapabilityRate(capability) {
   if ((0, _platformFeatureFlags.fg)('platform_ufo_remove_deprecated_config_fields')) {
@@ -213,8 +193,8 @@ function getCapabilityRate(capability) {
     if (!config) {
       return 0;
     }
-    var _config5 = config,
-      capabilityRate = _config5.capability;
+    var _config4 = config,
+      capabilityRate = _config4.capability;
     if (capabilityRate != null) {
       var rate = capabilityRate[capability];
       if (rate != null) {
@@ -226,6 +206,32 @@ function getCapabilityRate(capability) {
     return 0;
   }
 }
+function getConfigRate(name, interactionType, configName) {
+  try {
+    if (!config) {
+      return 0;
+    }
+    var gotConfig = config[configName];
+    if (!(gotConfig !== null && gotConfig !== void 0 && gotConfig.enabled)) {
+      return 0;
+    }
+    if (interactionType !== 'page_load' && interactionType !== 'transition') {
+      return 0;
+    }
+    if (gotConfig.rates && typeof gotConfig.rates[name] === 'number') {
+      return gotConfig.rates[name];
+    }
+    if ('kind' in gotConfig && gotConfig.kind && typeof gotConfig.kind[interactionType] === 'number') {
+      return gotConfig.kind[interactionType];
+    }
+    return 0;
+  } catch (e) {
+    return 0;
+  }
+}
+function getExtraInteractionRate(name, interactionType) {
+  return getConfigRate(name, interactionType, 'extraInteractionMetrics');
+}
 var validTypingMethods = ['timeout', 'timeoutNoAlloc', 'mutationObserver'];
 function getTypingPerformanceTracingMethod() {
   var defaultMethod = 'timeout';
@@ -233,8 +239,8 @@ function getTypingPerformanceTracingMethod() {
     if (!config) {
       return defaultMethod;
     }
-    var _config6 = config,
-      typingMethod = _config6.typingMethod;
+    var _config5 = config,
+      typingMethod = _config5.typingMethod;
     if (typingMethod != null && validTypingMethods.find(function (m) {
       return m === typingMethod;
     })) {
@@ -253,8 +259,8 @@ function getAwaitBM3TTIList() {
     if (!config) {
       return [];
     }
-    var _config7 = config,
-      awaitBM3TTI = _config7.awaitBM3TTI;
+    var _config6 = config,
+      awaitBM3TTI = _config6.awaitBM3TTI;
     if (awaitBM3TTI != null) {
       return awaitBM3TTI;
     } else {
@@ -274,8 +280,8 @@ function getUfoNameOverrides() {
     if (!config) {
       return undefined;
     }
-    var _config8 = config,
-      ufoNameOverrides = _config8.ufoNameOverrides;
+    var _config7 = config,
+      ufoNameOverrides = _config7.ufoNameOverrides;
     if (ufoNameOverrides != null) {
       return ufoNameOverrides;
     }
@@ -291,8 +297,8 @@ function getDoNotAbortActivePressInteraction() {
     if (!config) {
       return undefined;
     }
-    var _config9 = config,
-      doNotAbortActivePressInteraction = _config9.doNotAbortActivePressInteraction;
+    var _config8 = config,
+      doNotAbortActivePressInteraction = _config8.doNotAbortActivePressInteraction;
     return doNotAbortActivePressInteraction;
   } catch (e) {
     return undefined;
@@ -305,8 +311,8 @@ function getDoNotAbortActivePressInteractionOnTransition() {
     if (!config) {
       return undefined;
     }
-    var _config0 = config,
-      doNotAbortActivePressInteractionOnTransition = _config0.doNotAbortActivePressInteractionOnTransition;
+    var _config9 = config,
+      doNotAbortActivePressInteractionOnTransition = _config9.doNotAbortActivePressInteractionOnTransition;
     return doNotAbortActivePressInteractionOnTransition;
   } catch (e) {
     return undefined;
@@ -318,8 +324,8 @@ function getInteractionTimeout(ufoName) {
     if (!config) {
       return CLEANUP_TIMEOUT;
     }
-    var _config1 = config,
-      interactionTimeout = _config1.interactionTimeout;
+    var _config0 = config,
+      interactionTimeout = _config0.interactionTimeout;
     if (interactionTimeout != null && interactionTimeout[ufoName] != null) {
       return interactionTimeout[ufoName];
     }

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _coinflip = _interopRequireDefault(require("../coinflip"));
 var _config = require("../config");
 var _createPayload = require("../create-payload");
 var _utils = require("../create-payload/common/utils");
@@ -21,7 +22,7 @@ function createInteractionExtraLogPayload(_x, _x2) {
 function _createInteractionExtraLogPayload() {
   _createInteractionExtraLogPayload = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(interactionId, interaction) {
     var _getTTAI, _finalVCMetrics$ufoV, _window$location;
-    var config, end, start, ufoName, rate, type, abortReason, routeName, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, pageVisibilityAtTTAI, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTAI, extraTTAI, newUFOName, finalVCMetrics, ttvc, payload;
+    var config, end, start, ufoName, rate, type, abortReason, routeName, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, configRate, pageVisibilityAtTTAI, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTAI, extraTTAI, newUFOName, finalVCMetrics, ttvc, payload;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -33,21 +34,28 @@ function _createInteractionExtraLogPayload() {
           throw Error('UFO Configuration not provided');
         case 3:
           end = interaction.end, start = interaction.start, ufoName = interaction.ufoName, rate = interaction.rate, type = interaction.type, abortReason = interaction.abortReason, routeName = interaction.routeName, previousInteractionName = interaction.previousInteractionName, isPreviousInteractionAborted = interaction.isPreviousInteractionAborted, abortedByInteractionName = interaction.abortedByInteractionName;
+          configRate = (0, _config.getExtraInteractionRate)(ufoName, type);
+          if ((0, _coinflip.default)(configRate)) {
+            _context.next = 7;
+            break;
+          }
+          return _context.abrupt("return", null);
+        case 7:
           pageVisibilityAtTTAI = (0, _getPageVisibilityUpToTtai.default)(interaction);
           isPageLoad = type === 'page_load' || type === 'transition';
           if (isPageLoad) {
-            _context.next = 8;
+            _context.next = 11;
             break;
           }
           return _context.abrupt("return", null);
-        case 8:
+        case 11:
           calculatePageVisibilityFromTheStartOfPageLoad = config.enableBetterPageVisibilityApi && isPageLoad;
           moreAccuratePageVisibilityAtTTAI = calculatePageVisibilityFromTheStartOfPageLoad ? (0, _createPayload.getMoreAccuratePageVisibilityUpToTTAI)(interaction) : null;
           extraTTAI = (_getTTAI = (0, _getTtai.default)(interaction)) !== null && _getTTAI !== void 0 ? _getTTAI : undefined;
           newUFOName = (0, _utils.sanitizeUfoName)(ufoName);
-          _context.next = 14;
+          _context.next = 17;
           return (0, _getVcMetrics.default)(interaction, true);
-        case 14:
+        case 17:
           finalVCMetrics = _context.sent;
           ttvc = (_finalVCMetrics$ufoV = finalVCMetrics['ufo:vc:rev']) === null || _finalVCMetrics$ufoV === void 0 ? void 0 : _finalVCMetrics$ufoV.map(function (revision) {
             if (revision['metric:vc90'] === null || revision.clean !== true) {
@@ -105,7 +113,7 @@ function _createInteractionExtraLogPayload() {
           };
           payload.attributes.properties['event:sizeInKb'] = (0, _getPayloadSize.default)(payload.attributes.properties);
           return _context.abrupt("return", payload);
-        case 19:
+        case 22:
         case "end":
           return _context.stop();
       }

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

@@ -709,7 +709,10 @@ function finishInteraction(id, data) {
       if (!((_getConfig5 = (0, _config.getConfig)()) !== null && _getConfig5 !== void 0 && (_getConfig5 = _getConfig5.experimentalInteractionMetrics) !== null && _getConfig5 !== void 0 && _getConfig5.enabled)) {
         remove(id);
       }
-      interactionExtraMetrics.stopVCObserver();
+      var _sanitisedUfoName = (0, _utils.sanitizeUfoName)(data.ufoName);
+      if (!(0, _coinflip.default)((0, _config.getExtraInteractionRate)(_sanitisedUfoName, data.type))) {
+        interactionExtraMetrics.stopVCObserver();
+      }
     }
   } else {
     var _getConfig6;
@@ -1148,9 +1151,12 @@ function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelS
       });
     }
     if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
-      interactionExtraMetrics.startVCObserver({
-        startTime: startTime
-      }, interactionId);
+      var _config$extraInteract;
+      if (config !== null && config !== void 0 && (_config$extraInteract = config.extraInteractionMetrics) !== null && _config$extraInteract !== void 0 && _config$extraInteract.enabled) {
+        interactionExtraMetrics.startVCObserver({
+          startTime: startTime
+        }, interactionId);
+      }
     }
   }
   if (type === 'press' && (0, _platformFeatureFlags.fg)('platform_ufo_enable_vc_press_interactions')) {

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

@@ -136,7 +136,10 @@ function init(analyticsWebClientAsync, config) {
       });
     }
     if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
-      _interactionMetrics.interactionExtraMetrics.initializeVCObserver(vcOptions);
+      var _config$extraInteract;
+      if (config !== null && config !== void 0 && (_config$extraInteract = config.extraInteractionMetrics) !== null && _config$extraInteract !== void 0 && _config$extraInteract.enabled) {
+        _interactionMetrics.interactionExtraMetrics.initializeVCObserver(vcOptions);
+      }
     }
   }
   (0, _hiddenTiming.setupHiddenTimingCapture)();

package/dist/cjs/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -85,9 +85,9 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
   }, {
     key: "calculateWithDebugInfo",
     value: function () {
-      var _calculateWithDebugInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries) {
+      var _calculateWithDebugInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries, include3p) {
         var _window, _window2, _window3, _window5;
-        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator3, _step3, _entry2, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, enhancedVcLogs, shouldCalculateDebugDetails, sortedVcLogs, maxViewportPercentageAtTime, maxSoFar, _iterator4, _step4, log, getBiggestPreviousViewportPercentage, ignoredEntriesByTime, _iterator5, _step5, _entry3, _ignoredEntriesByTime, viewportData, timestamp, additionalVcLogs, _iterator6, _step6, _step6$value, _timestamp, ignoredEntries, _viewportPercentage, v3RevisionDebugDetails, _window4, _window4$__ufo_devtoo, _window6, _window6$__on_ufo_vc_;
+        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator3, _step3, _entry2, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, enhancedVcLogs, shouldCalculate3p, shouldCalculateDebugDetails, sortedVcLogs, maxViewportPercentageAtTime, maxSoFar, _iterator4, _step4, log, getBiggestPreviousViewportPercentage, ignoredEntriesByTime, _iterator5, _step5, _entry3, _ignoredEntriesByTime, viewportData, timestamp, additionalVcLogs, _iterator6, _step6, _step6$value, _timestamp, ignoredEntries, _viewportPercentage, v3RevisionDebugDetails, _window4, _window4$__ufo_devtoo, _window6, _window6$__on_ufo_vc_;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -184,8 +184,9 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                 return _objectSpread(_objectSpread({}, log), {}, {
                   viewportPercentage: log.viewportPercentage
                 });
-              }) : []; // Only calculate enhanced debug details if devtool callbacks exist
-              shouldCalculateDebugDetails = !isPostInteraction && (typeof ((_window = window) === null || _window === void 0 ? void 0 : _window.__ufo_devtool_onVCRevisionReady__) === 'function' || typeof ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.__on_ufo_vc_debug_data_ready) === 'function');
+              }) : []; // If 3p metric enabled - calculate the debug details
+              shouldCalculate3p = include3p && (0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p'); // Only calculate enhanced debug details if devtool callbacks exist
+              shouldCalculateDebugDetails = (!isPostInteraction || shouldCalculate3p) && (typeof ((_window = window) === null || _window === void 0 ? void 0 : _window.__ufo_devtool_onVCRevisionReady__) === 'function' || typeof ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.__on_ufo_vc_debug_data_ready) === 'function');
               if (shouldCalculateDebugDetails && allEntries && vcLogs) {
                 // Pre-sort vcLogs by time for efficient lookups
                 sortedVcLogs = (0, _toConsumableArray2.default)(vcLogs).sort(function (a, b) {
@@ -230,7 +231,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                 try {
                   for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
                     _entry3 = _step5.value;
-                    if ('rect' in _entry3.data && !this.isEntryIncluded(_entry3)) {
+                    if ('rect' in _entry3.data && !this.isEntryIncluded(_entry3, include3p)) {
                       viewportData = _entry3.data;
                       timestamp = Math.round(_entry3.time);
                       if (!ignoredEntriesByTime.has(timestamp)) {
@@ -287,7 +288,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
               }
 
               // Handle devtool callback
-              if (v3RevisionDebugDetails && typeof ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.__ufo_devtool_onVCRevisionReady__) === 'function') {
+              if (v3RevisionDebugDetails && typeof ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.__ufo_devtool_onVCRevisionReady__) === 'function' && !include3p) {
                 try {
                   (_window4 = window) === null || _window4 === void 0 || (_window4$__ufo_devtoo = _window4.__ufo_devtool_onVCRevisionReady__) === null || _window4$__ufo_devtoo === void 0 || _window4$__ufo_devtoo.call(_window4, v3RevisionDebugDetails);
                 } catch (e) {
@@ -296,7 +297,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                   console.error('Error in onVCRevisionReady', e);
                 }
               }
-              if (v3RevisionDebugDetails && typeof ((_window5 = window) === null || _window5 === void 0 ? void 0 : _window5.__on_ufo_vc_debug_data_ready) === 'function') {
+              if (v3RevisionDebugDetails && typeof ((_window5 = window) === null || _window5 === void 0 ? void 0 : _window5.__on_ufo_vc_debug_data_ready) === 'function' && !include3p) {
                 try {
                   (_window6 = window) === null || _window6 === void 0 || (_window6$__on_ufo_vc_ = _window6.__on_ufo_vc_debug_data_ready) === null || _window6$__on_ufo_vc_ === void 0 || _window6$__on_ufo_vc_.call(_window6, v3RevisionDebugDetails);
                 } catch (e) {
@@ -304,14 +305,23 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                   console.error('Error in onVCRevisionReady', e);
                 }
               }
+              if (v3RevisionDebugDetails && shouldCalculate3p) {
+                try {
+                  // Log vc details with 3p for debugging
+                  window.__ufo_devtool_vc_3p_debug_data = v3RevisionDebugDetails;
+                } catch (e) {
+                  // eslint-disable-next-line no-console
+                  console.error('Error in 3pDebugData', e);
+                }
+              }
               return _context.abrupt("return", vcDetails);
-            case 39:
+            case 41:
             case "end":
               return _context.stop();
           }
         }, _callee, this, [[11, 23, 26, 29]]);
       }));
-      function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
+      function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9) {
         return _calculateWithDebugInfo.apply(this, arguments);
       }
       return calculateWithDebugInfo;
@@ -348,7 +358,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
               } : {}));
             case 7:
               _context2.next = 9;
-              return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, orderedEntries);
+              return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, orderedEntries, include3p);
             case 9:
               vcDetails = _context2.sent;
               result = {
@@ -368,7 +378,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
           }
         }, _callee2, this);
       }));
-      function calculate(_x9) {
+      function calculate(_x0) {
         return _calculate.apply(this, arguments);
       }
       return calculate;

package/dist/cjs/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.NON_VISUAL_ARIA_ATTRIBUTES = exports.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = void 0;
+exports.default = exports.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = exports.NON_VISUAL_ARIA_ATTRIBUTES = exports.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -41,6 +41,11 @@ var KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = exports.KNOWN_ATTRIBUTE
 
 // Common aria attributes that don't cause visual layout shifts
 var NON_VISUAL_ARIA_ATTRIBUTES = exports.NON_VISUAL_ARIA_ATTRIBUTES = ['aria-label', 'aria-labelledby', 'aria-describedby', 'aria-hidden', 'aria-expanded', 'aria-controls', 'aria-selected', 'aria-checked', 'aria-disabled', 'aria-required', 'aria-current', 'aria-haspopup', 'aria-pressed', 'aria-atomic', 'aria-live'];
+
+// Common third party browser extension attributes
+var THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = exports.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = ['bis_skin_checked', 'cz-shortcut-listen', 'monica-version', 'data-gr-ext-installed', 'data-dashlane-rid', 'sapling-installed', 'data-gptw',
+// grammarly extensions
+'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];
 var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCCalculator) {
   function VCCalculator_FY25_03() {
     (0, _classCallCheck2.default)(this, VCCalculator_FY25_03);
@@ -59,7 +64,7 @@ var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCC
         if (!attributeName || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName)) {
           return false;
         }
-        if (attributeName.startsWith('data-test') || attributeName === 'data-aui-version' || attributeName === 'data-testid' || attributeName === 'data-vc' || attributeName === 'data-ssr-placeholder' || attributeName === 'data-ssr-placeholder-replace' || attributeName === 'data-vc-nvs' || attributeName === 'data-media-vc-wrapper' || attributeName === 'data-renderer-start-pos' || attributeName === 'data-table-local-id' || attributeName === 'spellcheck' || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || attributeName === 'data-is-ttvc-ready' || attributeName === 'data-new-gr-c-c-s-loaded' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
+        if (attributeName.startsWith('data-test') || attributeName === 'data-aui-version' || attributeName === 'data-testid' || attributeName === 'data-vc' || attributeName === 'data-ssr-placeholder' || attributeName === 'data-ssr-placeholder-replace' || attributeName === 'data-vc-nvs' || attributeName === 'data-media-vc-wrapper' || attributeName === 'data-renderer-start-pos' || attributeName === 'data-table-local-id' || attributeName === 'spellcheck' || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || attributeName === 'data-is-ttvc-ready' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) || THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(attributeName) && (0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_extensions_from_ttvc')) {
           return false;
         }
         return true;

package/dist/es2019/config/index.js

@@ -162,29 +162,7 @@ export function getExperimentalInteractionRate(name, interactionType) {
   }
 }
 export function getPostInteractionRate(name, interactionType) {
-  try {
-    if (!config) {
-      return 0;
-    }
-    const {
-      postInteractionLog
-    } = config;
-    if (!(postInteractionLog !== null && postInteractionLog !== void 0 && postInteractionLog.enabled)) {
-      return 0;
-    }
-    if (interactionType !== 'page_load' && interactionType !== 'transition') {
-      return 0;
-    }
-    if (postInteractionLog.rates && typeof postInteractionLog.rates[name] === 'number') {
-      return postInteractionLog.rates[name];
-    }
-    if (postInteractionLog.kind && typeof postInteractionLog.kind[interactionType] === 'number') {
-      return postInteractionLog.kind[interactionType];
-    }
-    return 0;
-  } catch (e) {
-    return 0;
-  }
+  return getConfigRate(name, interactionType, 'postInteractionLog');
 }
 export function getCapabilityRate(capability) {
   if (fg('platform_ufo_remove_deprecated_config_fields')) {
@@ -208,6 +186,32 @@ export function getCapabilityRate(capability) {
     return 0;
   }
 }
+function getConfigRate(name, interactionType, configName) {
+  try {
+    if (!config) {
+      return 0;
+    }
+    const gotConfig = config[configName];
+    if (!(gotConfig !== null && gotConfig !== void 0 && gotConfig.enabled)) {
+      return 0;
+    }
+    if (interactionType !== 'page_load' && interactionType !== 'transition') {
+      return 0;
+    }
+    if (gotConfig.rates && typeof gotConfig.rates[name] === 'number') {
+      return gotConfig.rates[name];
+    }
+    if ('kind' in gotConfig && gotConfig.kind && typeof gotConfig.kind[interactionType] === 'number') {
+      return gotConfig.kind[interactionType];
+    }
+    return 0;
+  } catch (e) {
+    return 0;
+  }
+}
+export function getExtraInteractionRate(name, interactionType) {
+  return getConfigRate(name, interactionType, 'extraInteractionMetrics');
+}
 const validTypingMethods = ['timeout', 'timeoutNoAlloc', 'mutationObserver'];
 export function getTypingPerformanceTracingMethod() {
   const defaultMethod = 'timeout';

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

@@ -1,4 +1,5 @@
-import { getConfig } from '../config';
+import coinflip from '../coinflip';
+import { getConfig, getExtraInteractionRate } from '../config';
 import { getMoreAccuratePageVisibilityUpToTTAI } from '../create-payload';
 import { sanitizeUfoName } from '../create-payload/common/utils';
 import getPageVisibilityUpToTTAI from '../create-payload/utils/get-page-visibility-up-to-ttai';
@@ -24,6 +25,10 @@ async function createInteractionExtraLogPayload(interactionId, interaction) {
     isPreviousInteractionAborted,
     abortedByInteractionName
   } = interaction;
+  const configRate = getExtraInteractionRate(ufoName, type);
+  if (!coinflip(configRate)) {
+    return null;
+  }
   const pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
   const isPageLoad = type === 'page_load' || type === 'transition';
   if (!isPageLoad) {

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

@@ -2,7 +2,7 @@ import { v4 as createUUID } from 'uuid';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
-import { getAwaitBM3TTIList, getCapabilityRate, getConfig, getExperimentalInteractionRate, getInteractionTimeout, getPostInteractionRate, getReactHydrationStats } from '../config';
+import { getAwaitBM3TTIList, getCapabilityRate, getConfig, getExperimentalInteractionRate, getExtraInteractionRate, getInteractionTimeout, getPostInteractionRate, getReactHydrationStats } from '../config';
 import { experimentalVC, getExperimentalVCMetrics, onExperimentalInteractionComplete } from '../create-experimental-interaction-metrics-payload';
 import { sanitizeUfoName, stringifyLabelStackFully } from '../create-payload/common/utils';
 import { clearActiveTrace } from '../experience-trace-id-context';
@@ -627,7 +627,10 @@ function finishInteraction(id, data, endTime = performance.now()) {
       if (!((_getConfig5 = getConfig()) !== null && _getConfig5 !== void 0 && (_getConfig5$experimen = _getConfig5.experimentalInteractionMetrics) !== null && _getConfig5$experimen !== void 0 && _getConfig5$experimen.enabled)) {
         remove(id);
       }
-      interactionExtraMetrics.stopVCObserver();
+      const sanitisedUfoName = sanitizeUfoName(data.ufoName);
+      if (!coinflip(getExtraInteractionRate(sanitisedUfoName, data.type))) {
+        interactionExtraMetrics.stopVCObserver();
+      }
     }
   } else {
     var _getConfig6, _getConfig6$experimen;
@@ -1026,9 +1029,12 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
       });
     }
     if (fg('platform_ufo_enable_ttai_with_3p')) {
-      interactionExtraMetrics.startVCObserver({
-        startTime
-      }, interactionId);
+      var _config$extraInteract;
+      if (config !== null && config !== void 0 && (_config$extraInteract = config.extraInteractionMetrics) !== null && _config$extraInteract !== void 0 && _config$extraInteract.enabled) {
+        interactionExtraMetrics.startVCObserver({
+          startTime
+        }, interactionId);
+      }
     }
   }
   if (type === 'press' && fg('platform_ufo_enable_vc_press_interactions')) {

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

@@ -112,7 +112,10 @@ export function init(analyticsWebClientAsync, config) {
       });
     }
     if (fg('platform_ufo_enable_ttai_with_3p')) {
-      interactionExtraMetrics.initializeVCObserver(vcOptions);
+      var _config$extraInteract;
+      if (config !== null && config !== void 0 && (_config$extraInteract = config.extraInteractionMetrics) !== null && _config$extraInteract !== void 0 && _config$extraInteract.enabled) {
+        interactionExtraMetrics.initializeVCObserver(vcOptions);
+      }
     }
   }
   setupHiddenTimingCapture();

package/dist/es2019/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -40,7 +40,7 @@ export default class AbstractVCCalculatorBase {
     }
     return ratios;
   }
-  async calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries) {
+  async calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries, include3p) {
     var _window, _window2, _window3, _window5;
     const percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
     if (fg('platform_ufo_send_vc_100')) {
@@ -112,8 +112,10 @@ export default class AbstractVCCalculatorBase {
       viewportPercentage: log.viewportPercentage
     })) : [];
 
+    // If 3p metric enabled - calculate the debug details
+    const shouldCalculate3p = include3p && fg('platform_ufo_enable_ttai_with_3p');
     // Only calculate enhanced debug details if devtool callbacks exist
-    const shouldCalculateDebugDetails = !isPostInteraction && (typeof ((_window = window) === null || _window === void 0 ? void 0 : _window.__ufo_devtool_onVCRevisionReady__) === 'function' || typeof ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.__on_ufo_vc_debug_data_ready) === 'function');
+    const shouldCalculateDebugDetails = (!isPostInteraction || shouldCalculate3p) && (typeof ((_window = window) === null || _window === void 0 ? void 0 : _window.__ufo_devtool_onVCRevisionReady__) === 'function' || typeof ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.__on_ufo_vc_debug_data_ready) === 'function');
     if (shouldCalculateDebugDetails && allEntries && vcLogs) {
       // Pre-sort vcLogs by time for efficient lookups
       const sortedVcLogs = [...vcLogs].sort((a, b) => a.time - b.time);
@@ -149,7 +151,7 @@ export default class AbstractVCCalculatorBase {
       // Group ignored entries by timestamp
       const ignoredEntriesByTime = new Map();
       for (const entry of allEntries) {
-        if ('rect' in entry.data && !this.isEntryIncluded(entry)) {
+        if ('rect' in entry.data && !this.isEntryIncluded(entry, include3p)) {
           var _ignoredEntriesByTime;
           const viewportData = entry.data;
           const timestamp = Math.round(entry.time);
@@ -193,7 +195,7 @@ export default class AbstractVCCalculatorBase {
     }
 
     // Handle devtool callback
-    if (v3RevisionDebugDetails && typeof ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.__ufo_devtool_onVCRevisionReady__) === 'function') {
+    if (v3RevisionDebugDetails && typeof ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.__ufo_devtool_onVCRevisionReady__) === 'function' && !include3p) {
       try {
         var _window4, _window4$__ufo_devtoo;
         (_window4 = window) === null || _window4 === void 0 ? void 0 : (_window4$__ufo_devtoo = _window4.__ufo_devtool_onVCRevisionReady__) === null || _window4$__ufo_devtoo === void 0 ? void 0 : _window4$__ufo_devtoo.call(_window4, v3RevisionDebugDetails);
@@ -203,7 +205,7 @@ export default class AbstractVCCalculatorBase {
         console.error('Error in onVCRevisionReady', e);
       }
     }
-    if (v3RevisionDebugDetails && typeof ((_window5 = window) === null || _window5 === void 0 ? void 0 : _window5.__on_ufo_vc_debug_data_ready) === 'function') {
+    if (v3RevisionDebugDetails && typeof ((_window5 = window) === null || _window5 === void 0 ? void 0 : _window5.__on_ufo_vc_debug_data_ready) === 'function' && !include3p) {
       try {
         var _window6, _window6$__on_ufo_vc_;
         (_window6 = window) === null || _window6 === void 0 ? void 0 : (_window6$__on_ufo_vc_ = _window6.__on_ufo_vc_debug_data_ready) === null || _window6$__on_ufo_vc_ === void 0 ? void 0 : _window6$__on_ufo_vc_.call(_window6, v3RevisionDebugDetails);
@@ -212,6 +214,15 @@ export default class AbstractVCCalculatorBase {
         console.error('Error in onVCRevisionReady', e);
       }
     }
+    if (v3RevisionDebugDetails && shouldCalculate3p) {
+      try {
+        // Log vc details with 3p for debugging
+        window.__ufo_devtool_vc_3p_debug_data = v3RevisionDebugDetails;
+      } catch (e) {
+        // eslint-disable-next-line no-console
+        console.error('Error in 3pDebugData', e);
+      }
+    }
     return vcDetails;
   }
   async calculate({
@@ -242,7 +253,7 @@ export default class AbstractVCCalculatorBase {
         } : {})
       };
     }
-    const vcDetails = await this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, orderedEntries);
+    const vcDetails = await this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, orderedEntries, include3p);
     const result = {
       revision: this.revisionNo,
       clean: true,

package/dist/es2019/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -24,6 +24,11 @@ export const KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = ['data-drop-ta
 
 // Common aria attributes that don't cause visual layout shifts
 export const NON_VISUAL_ARIA_ATTRIBUTES = ['aria-label', 'aria-labelledby', 'aria-describedby', 'aria-hidden', 'aria-expanded', 'aria-controls', 'aria-selected', 'aria-checked', 'aria-disabled', 'aria-required', 'aria-current', 'aria-haspopup', 'aria-pressed', 'aria-atomic', 'aria-live'];
+
+// Common third party browser extension attributes
+export const THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = ['bis_skin_checked', 'cz-shortcut-listen', 'monica-version', 'data-gr-ext-installed', 'data-dashlane-rid', 'sapling-installed', 'data-gptw',
+// grammarly extensions
+'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];
 export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
   constructor() {
     super(REVISION_NO);
@@ -38,7 +43,7 @@ export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
       if (!attributeName || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName)) {
         return false;
       }
-      if (attributeName.startsWith('data-test') || attributeName === 'data-aui-version' || attributeName === 'data-testid' || attributeName === 'data-vc' || attributeName === 'data-ssr-placeholder' || attributeName === 'data-ssr-placeholder-replace' || attributeName === 'data-vc-nvs' || attributeName === 'data-media-vc-wrapper' || attributeName === 'data-renderer-start-pos' || attributeName === 'data-table-local-id' || attributeName === 'spellcheck' || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || attributeName === 'data-is-ttvc-ready' || attributeName === 'data-new-gr-c-c-s-loaded' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
+      if (attributeName.startsWith('data-test') || attributeName === 'data-aui-version' || attributeName === 'data-testid' || attributeName === 'data-vc' || attributeName === 'data-ssr-placeholder' || attributeName === 'data-ssr-placeholder-replace' || attributeName === 'data-vc-nvs' || attributeName === 'data-media-vc-wrapper' || attributeName === 'data-renderer-start-pos' || attributeName === 'data-table-local-id' || attributeName === 'spellcheck' || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || attributeName === 'data-is-ttvc-ready' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) || THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(attributeName) && fg('platform_ufo_exclude_3p_extensions_from_ttvc')) {
         return false;
       }
       return true;

package/dist/esm/config/index.js

@@ -159,28 +159,7 @@ export function getExperimentalInteractionRate(name, interactionType) {
   }
 }
 export function getPostInteractionRate(name, interactionType) {
-  try {
-    if (!config) {
-      return 0;
-    }
-    var _config4 = config,
-      postInteractionLog = _config4.postInteractionLog;
-    if (!(postInteractionLog !== null && postInteractionLog !== void 0 && postInteractionLog.enabled)) {
-      return 0;
-    }
-    if (interactionType !== 'page_load' && interactionType !== 'transition') {
-      return 0;
-    }
-    if (postInteractionLog.rates && typeof postInteractionLog.rates[name] === 'number') {
-      return postInteractionLog.rates[name];
-    }
-    if (postInteractionLog.kind && typeof postInteractionLog.kind[interactionType] === 'number') {
-      return postInteractionLog.kind[interactionType];
-    }
-    return 0;
-  } catch (e) {
-    return 0;
-  }
+  return getConfigRate(name, interactionType, 'postInteractionLog');
 }
 export function getCapabilityRate(capability) {
   if (fg('platform_ufo_remove_deprecated_config_fields')) {
@@ -190,8 +169,8 @@ export function getCapabilityRate(capability) {
     if (!config) {
       return 0;
     }
-    var _config5 = config,
-      capabilityRate = _config5.capability;
+    var _config4 = config,
+      capabilityRate = _config4.capability;
     if (capabilityRate != null) {
       var rate = capabilityRate[capability];
       if (rate != null) {
@@ -203,6 +182,32 @@ export function getCapabilityRate(capability) {
     return 0;
   }
 }
+function getConfigRate(name, interactionType, configName) {
+  try {
+    if (!config) {
+      return 0;
+    }
+    var gotConfig = config[configName];
+    if (!(gotConfig !== null && gotConfig !== void 0 && gotConfig.enabled)) {
+      return 0;
+    }
+    if (interactionType !== 'page_load' && interactionType !== 'transition') {
+      return 0;
+    }
+    if (gotConfig.rates && typeof gotConfig.rates[name] === 'number') {
+      return gotConfig.rates[name];
+    }
+    if ('kind' in gotConfig && gotConfig.kind && typeof gotConfig.kind[interactionType] === 'number') {
+      return gotConfig.kind[interactionType];
+    }
+    return 0;
+  } catch (e) {
+    return 0;
+  }
+}
+export function getExtraInteractionRate(name, interactionType) {
+  return getConfigRate(name, interactionType, 'extraInteractionMetrics');
+}
 var validTypingMethods = ['timeout', 'timeoutNoAlloc', 'mutationObserver'];
 export function getTypingPerformanceTracingMethod() {
   var defaultMethod = 'timeout';
@@ -210,8 +215,8 @@ export function getTypingPerformanceTracingMethod() {
     if (!config) {
       return defaultMethod;
     }
-    var _config6 = config,
-      typingMethod = _config6.typingMethod;
+    var _config5 = config,
+      typingMethod = _config5.typingMethod;
     if (typingMethod != null && validTypingMethods.find(function (m) {
       return m === typingMethod;
     })) {
@@ -230,8 +235,8 @@ export function getAwaitBM3TTIList() {
     if (!config) {
       return [];
     }
-    var _config7 = config,
-      awaitBM3TTI = _config7.awaitBM3TTI;
+    var _config6 = config,
+      awaitBM3TTI = _config6.awaitBM3TTI;
     if (awaitBM3TTI != null) {
       return awaitBM3TTI;
     } else {
@@ -251,8 +256,8 @@ export function getUfoNameOverrides() {
     if (!config) {
       return undefined;
     }
-    var _config8 = config,
-      ufoNameOverrides = _config8.ufoNameOverrides;
+    var _config7 = config,
+      ufoNameOverrides = _config7.ufoNameOverrides;
     if (ufoNameOverrides != null) {
       return ufoNameOverrides;
     }
@@ -268,8 +273,8 @@ export function getDoNotAbortActivePressInteraction() {
     if (!config) {
       return undefined;
     }
-    var _config9 = config,
-      doNotAbortActivePressInteraction = _config9.doNotAbortActivePressInteraction;
+    var _config8 = config,
+      doNotAbortActivePressInteraction = _config8.doNotAbortActivePressInteraction;
     return doNotAbortActivePressInteraction;
   } catch (e) {
     return undefined;
@@ -282,8 +287,8 @@ export function getDoNotAbortActivePressInteractionOnTransition() {
     if (!config) {
       return undefined;
     }
-    var _config0 = config,
-      doNotAbortActivePressInteractionOnTransition = _config0.doNotAbortActivePressInteractionOnTransition;
+    var _config9 = config,
+      doNotAbortActivePressInteractionOnTransition = _config9.doNotAbortActivePressInteractionOnTransition;
     return doNotAbortActivePressInteractionOnTransition;
   } catch (e) {
     return undefined;
@@ -295,8 +300,8 @@ export function getInteractionTimeout(ufoName) {
     if (!config) {
       return CLEANUP_TIMEOUT;
     }
-    var _config1 = config,
-      interactionTimeout = _config1.interactionTimeout;
+    var _config0 = config,
+      interactionTimeout = _config0.interactionTimeout;
     if (interactionTimeout != null && interactionTimeout[ufoName] != null) {
       return interactionTimeout[ufoName];
     }

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

@@ -1,6 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { getConfig } from '../config';
+import coinflip from '../coinflip';
+import { getConfig, getExtraInteractionRate } from '../config';
 import { getMoreAccuratePageVisibilityUpToTTAI } from '../create-payload';
 import { sanitizeUfoName } from '../create-payload/common/utils';
 import getPageVisibilityUpToTTAI from '../create-payload/utils/get-page-visibility-up-to-ttai';
@@ -14,7 +15,7 @@ function createInteractionExtraLogPayload(_x, _x2) {
 function _createInteractionExtraLogPayload() {
   _createInteractionExtraLogPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(interactionId, interaction) {
     var _getTTAI, _finalVCMetrics$ufoV, _window$location;
-    var config, end, start, ufoName, rate, type, abortReason, routeName, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, pageVisibilityAtTTAI, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTAI, extraTTAI, newUFOName, finalVCMetrics, ttvc, payload;
+    var config, end, start, ufoName, rate, type, abortReason, routeName, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, configRate, pageVisibilityAtTTAI, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTAI, extraTTAI, newUFOName, finalVCMetrics, ttvc, payload;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -26,21 +27,28 @@ function _createInteractionExtraLogPayload() {
           throw Error('UFO Configuration not provided');
         case 3:
           end = interaction.end, start = interaction.start, ufoName = interaction.ufoName, rate = interaction.rate, type = interaction.type, abortReason = interaction.abortReason, routeName = interaction.routeName, previousInteractionName = interaction.previousInteractionName, isPreviousInteractionAborted = interaction.isPreviousInteractionAborted, abortedByInteractionName = interaction.abortedByInteractionName;
+          configRate = getExtraInteractionRate(ufoName, type);
+          if (coinflip(configRate)) {
+            _context.next = 7;
+            break;
+          }
+          return _context.abrupt("return", null);
+        case 7:
           pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
           isPageLoad = type === 'page_load' || type === 'transition';
           if (isPageLoad) {
-            _context.next = 8;
+            _context.next = 11;
             break;
           }
           return _context.abrupt("return", null);
-        case 8:
+        case 11:
           calculatePageVisibilityFromTheStartOfPageLoad = config.enableBetterPageVisibilityApi && isPageLoad;
           moreAccuratePageVisibilityAtTTAI = calculatePageVisibilityFromTheStartOfPageLoad ? getMoreAccuratePageVisibilityUpToTTAI(interaction) : null;
           extraTTAI = (_getTTAI = getTTAI(interaction)) !== null && _getTTAI !== void 0 ? _getTTAI : undefined;
           newUFOName = sanitizeUfoName(ufoName);
-          _context.next = 14;
+          _context.next = 17;
           return getVCMetrics(interaction, true);
-        case 14:
+        case 17:
           finalVCMetrics = _context.sent;
           ttvc = (_finalVCMetrics$ufoV = finalVCMetrics['ufo:vc:rev']) === null || _finalVCMetrics$ufoV === void 0 ? void 0 : _finalVCMetrics$ufoV.map(function (revision) {
             if (revision['metric:vc90'] === null || revision.clean !== true) {
@@ -98,7 +106,7 @@ function _createInteractionExtraLogPayload() {
           };
           payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
           return _context.abrupt("return", payload);
-        case 19:
+        case 22:
         case "end":
           return _context.stop();
       }

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

@@ -12,7 +12,7 @@ import { v4 as createUUID } from 'uuid';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
-import { getAwaitBM3TTIList, getCapabilityRate, getConfig, getExperimentalInteractionRate, getInteractionTimeout, getPostInteractionRate, getReactHydrationStats } from '../config';
+import { getAwaitBM3TTIList, getCapabilityRate, getConfig, getExperimentalInteractionRate, getExtraInteractionRate, getInteractionTimeout, getPostInteractionRate, getReactHydrationStats } from '../config';
 import { experimentalVC, getExperimentalVCMetrics, onExperimentalInteractionComplete } from '../create-experimental-interaction-metrics-payload';
 import { sanitizeUfoName, stringifyLabelStackFully } from '../create-payload/common/utils';
 import { clearActiveTrace } from '../experience-trace-id-context';
@@ -663,7 +663,10 @@ function finishInteraction(id, data) {
       if (!((_getConfig5 = getConfig()) !== null && _getConfig5 !== void 0 && (_getConfig5 = _getConfig5.experimentalInteractionMetrics) !== null && _getConfig5 !== void 0 && _getConfig5.enabled)) {
         remove(id);
       }
-      interactionExtraMetrics.stopVCObserver();
+      var _sanitisedUfoName = sanitizeUfoName(data.ufoName);
+      if (!coinflip(getExtraInteractionRate(_sanitisedUfoName, data.type))) {
+        interactionExtraMetrics.stopVCObserver();
+      }
     }
   } else {
     var _getConfig6;
@@ -1102,9 +1105,12 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
       });
     }
     if (fg('platform_ufo_enable_ttai_with_3p')) {
-      interactionExtraMetrics.startVCObserver({
-        startTime: startTime
-      }, interactionId);
+      var _config$extraInteract;
+      if (config !== null && config !== void 0 && (_config$extraInteract = config.extraInteractionMetrics) !== null && _config$extraInteract !== void 0 && _config$extraInteract.enabled) {
+        interactionExtraMetrics.startVCObserver({
+          startTime: startTime
+        }, interactionId);
+      }
     }
   }
   if (type === 'press' && fg('platform_ufo_enable_vc_press_interactions')) {

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

@@ -127,7 +127,10 @@ export function init(analyticsWebClientAsync, config) {
       });
     }
     if (fg('platform_ufo_enable_ttai_with_3p')) {
-      interactionExtraMetrics.initializeVCObserver(vcOptions);
+      var _config$extraInteract;
+      if (config !== null && config !== void 0 && (_config$extraInteract = config.extraInteractionMetrics) !== null && _config$extraInteract !== void 0 && _config$extraInteract.enabled) {
+        interactionExtraMetrics.initializeVCObserver(vcOptions);
+      }
     }
   }
   setupHiddenTimingCapture();

package/dist/esm/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -79,9 +79,9 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
   }, {
     key: "calculateWithDebugInfo",
     value: function () {
-      var _calculateWithDebugInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries) {
+      var _calculateWithDebugInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries, include3p) {
         var _window, _window2, _window3, _window5;
-        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator3, _step3, _entry2, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, enhancedVcLogs, shouldCalculateDebugDetails, sortedVcLogs, maxViewportPercentageAtTime, maxSoFar, _iterator4, _step4, log, getBiggestPreviousViewportPercentage, ignoredEntriesByTime, _iterator5, _step5, _entry3, _ignoredEntriesByTime, viewportData, timestamp, additionalVcLogs, _iterator6, _step6, _step6$value, _timestamp, ignoredEntries, _viewportPercentage, v3RevisionDebugDetails, _window4, _window4$__ufo_devtoo, _window6, _window6$__on_ufo_vc_;
+        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator3, _step3, _entry2, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, enhancedVcLogs, shouldCalculate3p, shouldCalculateDebugDetails, sortedVcLogs, maxViewportPercentageAtTime, maxSoFar, _iterator4, _step4, log, getBiggestPreviousViewportPercentage, ignoredEntriesByTime, _iterator5, _step5, _entry3, _ignoredEntriesByTime, viewportData, timestamp, additionalVcLogs, _iterator6, _step6, _step6$value, _timestamp, ignoredEntries, _viewportPercentage, v3RevisionDebugDetails, _window4, _window4$__ufo_devtoo, _window6, _window6$__on_ufo_vc_;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -178,8 +178,9 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                 return _objectSpread(_objectSpread({}, log), {}, {
                   viewportPercentage: log.viewportPercentage
                 });
-              }) : []; // Only calculate enhanced debug details if devtool callbacks exist
-              shouldCalculateDebugDetails = !isPostInteraction && (typeof ((_window = window) === null || _window === void 0 ? void 0 : _window.__ufo_devtool_onVCRevisionReady__) === 'function' || typeof ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.__on_ufo_vc_debug_data_ready) === 'function');
+              }) : []; // If 3p metric enabled - calculate the debug details
+              shouldCalculate3p = include3p && fg('platform_ufo_enable_ttai_with_3p'); // Only calculate enhanced debug details if devtool callbacks exist
+              shouldCalculateDebugDetails = (!isPostInteraction || shouldCalculate3p) && (typeof ((_window = window) === null || _window === void 0 ? void 0 : _window.__ufo_devtool_onVCRevisionReady__) === 'function' || typeof ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.__on_ufo_vc_debug_data_ready) === 'function');
               if (shouldCalculateDebugDetails && allEntries && vcLogs) {
                 // Pre-sort vcLogs by time for efficient lookups
                 sortedVcLogs = _toConsumableArray(vcLogs).sort(function (a, b) {
@@ -224,7 +225,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                 try {
                   for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
                     _entry3 = _step5.value;
-                    if ('rect' in _entry3.data && !this.isEntryIncluded(_entry3)) {
+                    if ('rect' in _entry3.data && !this.isEntryIncluded(_entry3, include3p)) {
                       viewportData = _entry3.data;
                       timestamp = Math.round(_entry3.time);
                       if (!ignoredEntriesByTime.has(timestamp)) {
@@ -281,7 +282,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
               }
 
               // Handle devtool callback
-              if (v3RevisionDebugDetails && typeof ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.__ufo_devtool_onVCRevisionReady__) === 'function') {
+              if (v3RevisionDebugDetails && typeof ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.__ufo_devtool_onVCRevisionReady__) === 'function' && !include3p) {
                 try {
                   (_window4 = window) === null || _window4 === void 0 || (_window4$__ufo_devtoo = _window4.__ufo_devtool_onVCRevisionReady__) === null || _window4$__ufo_devtoo === void 0 || _window4$__ufo_devtoo.call(_window4, v3RevisionDebugDetails);
                 } catch (e) {
@@ -290,7 +291,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                   console.error('Error in onVCRevisionReady', e);
                 }
               }
-              if (v3RevisionDebugDetails && typeof ((_window5 = window) === null || _window5 === void 0 ? void 0 : _window5.__on_ufo_vc_debug_data_ready) === 'function') {
+              if (v3RevisionDebugDetails && typeof ((_window5 = window) === null || _window5 === void 0 ? void 0 : _window5.__on_ufo_vc_debug_data_ready) === 'function' && !include3p) {
                 try {
                   (_window6 = window) === null || _window6 === void 0 || (_window6$__on_ufo_vc_ = _window6.__on_ufo_vc_debug_data_ready) === null || _window6$__on_ufo_vc_ === void 0 || _window6$__on_ufo_vc_.call(_window6, v3RevisionDebugDetails);
                 } catch (e) {
@@ -298,14 +299,23 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                   console.error('Error in onVCRevisionReady', e);
                 }
               }
+              if (v3RevisionDebugDetails && shouldCalculate3p) {
+                try {
+                  // Log vc details with 3p for debugging
+                  window.__ufo_devtool_vc_3p_debug_data = v3RevisionDebugDetails;
+                } catch (e) {
+                  // eslint-disable-next-line no-console
+                  console.error('Error in 3pDebugData', e);
+                }
+              }
               return _context.abrupt("return", vcDetails);
-            case 39:
+            case 41:
             case "end":
               return _context.stop();
           }
         }, _callee, this, [[11, 23, 26, 29]]);
       }));
-      function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
+      function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9) {
         return _calculateWithDebugInfo.apply(this, arguments);
       }
       return calculateWithDebugInfo;
@@ -342,7 +352,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
               } : {}));
             case 7:
               _context2.next = 9;
-              return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, orderedEntries);
+              return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, orderedEntries, include3p);
             case 9:
               vcDetails = _context2.sent;
               result = {
@@ -362,7 +372,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
           }
         }, _callee2, this);
       }));
-      function calculate(_x9) {
+      function calculate(_x0) {
         return _calculate.apply(this, arguments);
       }
       return calculate;

package/dist/esm/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -34,6 +34,11 @@ export var KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = ['data-drop-targ
 
 // Common aria attributes that don't cause visual layout shifts
 export var NON_VISUAL_ARIA_ATTRIBUTES = ['aria-label', 'aria-labelledby', 'aria-describedby', 'aria-hidden', 'aria-expanded', 'aria-controls', 'aria-selected', 'aria-checked', 'aria-disabled', 'aria-required', 'aria-current', 'aria-haspopup', 'aria-pressed', 'aria-atomic', 'aria-live'];
+
+// Common third party browser extension attributes
+export var THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = ['bis_skin_checked', 'cz-shortcut-listen', 'monica-version', 'data-gr-ext-installed', 'data-dashlane-rid', 'sapling-installed', 'data-gptw',
+// grammarly extensions
+'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];
 var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
   function VCCalculator_FY25_03() {
     _classCallCheck(this, VCCalculator_FY25_03);
@@ -52,7 +57,7 @@ var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
         if (!attributeName || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName)) {
           return false;
         }
-        if (attributeName.startsWith('data-test') || attributeName === 'data-aui-version' || attributeName === 'data-testid' || attributeName === 'data-vc' || attributeName === 'data-ssr-placeholder' || attributeName === 'data-ssr-placeholder-replace' || attributeName === 'data-vc-nvs' || attributeName === 'data-media-vc-wrapper' || attributeName === 'data-renderer-start-pos' || attributeName === 'data-table-local-id' || attributeName === 'spellcheck' || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || attributeName === 'data-is-ttvc-ready' || attributeName === 'data-new-gr-c-c-s-loaded' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
+        if (attributeName.startsWith('data-test') || attributeName === 'data-aui-version' || attributeName === 'data-testid' || attributeName === 'data-vc' || attributeName === 'data-ssr-placeholder' || attributeName === 'data-ssr-placeholder-replace' || attributeName === 'data-vc-nvs' || attributeName === 'data-media-vc-wrapper' || attributeName === 'data-renderer-start-pos' || attributeName === 'data-table-local-id' || attributeName === 'spellcheck' || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || attributeName === 'data-is-ttvc-ready' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) || THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(attributeName) && fg('platform_ufo_exclude_3p_extensions_from_ttvc')) {
           return false;
         }
         return true;

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

@@ -2,6 +2,11 @@ import type { AssetsConfig, InteractionMetrics, InteractionType } from '../commo
 export interface AdditionalData {
     [key: string]: null | string | number | boolean | undefined | AdditionalData | Record<string, AdditionalData> | Array<AdditionalData>;
 }
+interface InteractionMetricsConfig {
+    readonly enabled?: boolean;
+    readonly rates?: Rates;
+    readonly kind?: Record<InteractionType, number>;
+}
 export interface SSRTiming {
     label: string;
     data: {
@@ -138,6 +143,10 @@ export type Config = {
      * Return {@code null} if hydration was not attempted or if we do not want to report any stats.
      */
     readonly getReactHydrationStats?: (() => ReactHydrationStats | undefined) | undefined;
+    /**
+     * Whether ttvc with 3p measurement is enabled and sent new event for experiences with sample rates
+     */
+    readonly extraInteractionMetrics?: InteractionMetricsConfig;
 };
 export declare function setUFOConfig(newConfig: Config): void;
 export declare function getConfig(): Config | undefined;
@@ -149,6 +158,7 @@ export declare function getInteractionRate(name: string, interactionKind: Intera
 export declare function getExperimentalInteractionRate(name: string, interactionType: InteractionType): number;
 export declare function getPostInteractionRate(name: string, interactionType: InteractionType): number;
 export declare function getCapabilityRate(capability: Capability): number;
+export declare function getExtraInteractionRate(name: string, interactionType: InteractionType): number;
 declare const validTypingMethods: readonly ["timeout", "timeoutNoAlloc", "mutationObserver"];
 type ValidTypingMethod = (typeof validTypingMethods)[number];
 export declare function getTypingPerformanceTracingMethod(): ValidTypingMethod;

package/dist/types/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -6,6 +6,7 @@ declare global {
     interface Window {
         __ufo_devtool_onVCRevisionReady__?: (debugInfo: VCRevisionDebugDetails) => void;
         __on_ufo_vc_debug_data_ready?: (debugInfo: VCRevisionDebugDetails) => void;
+        __ufo_devtool_vc_3p_debug_data?: VCRevisionDebugDetails;
     }
 }
 export default abstract class AbstractVCCalculatorBase implements VCCalculator {

package/dist/types/vc/vc-observer-new/metric-calculator/fy25_03/index.d.ts

@@ -2,6 +2,7 @@ import type { VCObserverEntry } from '../../types';
 import AbstractVCCalculatorBase from '../abstract-base-vc-calculator';
 export declare const KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS: string[];
 export declare const NON_VISUAL_ARIA_ATTRIBUTES: string[];
+export declare const THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES: string[];
 export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
     constructor();
     protected isEntryIncluded(entry: VCObserverEntry, include3p?: boolean): boolean;

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

@@ -2,6 +2,11 @@ import type { AssetsConfig, InteractionMetrics, InteractionType } from '../commo
 export interface AdditionalData {
     [key: string]: null | string | number | boolean | undefined | AdditionalData | Record<string, AdditionalData> | Array<AdditionalData>;
 }
+interface InteractionMetricsConfig {
+    readonly enabled?: boolean;
+    readonly rates?: Rates;
+    readonly kind?: Record<InteractionType, number>;
+}
 export interface SSRTiming {
     label: string;
     data: {
@@ -138,6 +143,10 @@ export type Config = {
      * Return {@code null} if hydration was not attempted or if we do not want to report any stats.
      */
     readonly getReactHydrationStats?: (() => ReactHydrationStats | undefined) | undefined;
+    /**
+     * Whether ttvc with 3p measurement is enabled and sent new event for experiences with sample rates
+     */
+    readonly extraInteractionMetrics?: InteractionMetricsConfig;
 };
 export declare function setUFOConfig(newConfig: Config): void;
 export declare function getConfig(): Config | undefined;
@@ -149,6 +158,7 @@ export declare function getInteractionRate(name: string, interactionKind: Intera
 export declare function getExperimentalInteractionRate(name: string, interactionType: InteractionType): number;
 export declare function getPostInteractionRate(name: string, interactionType: InteractionType): number;
 export declare function getCapabilityRate(capability: Capability): number;
+export declare function getExtraInteractionRate(name: string, interactionType: InteractionType): number;
 declare const validTypingMethods: readonly [
     "timeout",
     "timeoutNoAlloc",

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -6,6 +6,7 @@ declare global {
     interface Window {
         __ufo_devtool_onVCRevisionReady__?: (debugInfo: VCRevisionDebugDetails) => void;
         __on_ufo_vc_debug_data_ready?: (debugInfo: VCRevisionDebugDetails) => void;
+        __ufo_devtool_vc_3p_debug_data?: VCRevisionDebugDetails;
     }
 }
 export default abstract class AbstractVCCalculatorBase implements VCCalculator {

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/fy25_03/index.d.ts

@@ -2,6 +2,7 @@ import type { VCObserverEntry } from '../../types';
 import AbstractVCCalculatorBase from '../abstract-base-vc-calculator';
 export declare const KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS: string[];
 export declare const NON_VISUAL_ARIA_ATTRIBUTES: string[];
+export declare const THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES: string[];
 export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
     constructor();
     protected isEntryIncluded(entry: VCObserverEntry, include3p?: boolean): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.4.5",
+	"version": "4.5.0",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -201,6 +201,9 @@
 		},
 		"platform_ufo_enable_ttai_with_3p": {
 			"type": "boolean"
+		},
+		"platform_ufo_exclude_3p_extensions_from_ttvc": {
+			"type": "boolean"
 		}
 	}
 }