@atlaskit/react-ufo 4.10.1 → 4.10.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.10.2
+
+### Patch Changes
+
+- [`4b8df6fc79b12`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4b8df6fc79b12) -
+  Add interactionType to VC debugData
+- [`4b8df6fc79b12`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4b8df6fc79b12) -
+  bugfixes on VC debug data
+
 ## 4.10.1
 
 ### Patch Changes

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

@@ -95,18 +95,19 @@ function getExperimentalVCMetrics(_x) {
 }
 function _getExperimentalVCMetrics() {
   _getExperimentalVCMetrics = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(interaction) {
-    var vcObserver, _interaction$apdex, prefix, result, VC, pageVisibilityUpToTTAI;
+    var vcObserver, pageVisibilityUpToTTAI, _interaction$apdex, prefix, result, VC;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           // Use per-interaction VC observer if available, otherwise fall back to global experimentalVC
           vcObserver = interaction.experimentalVCObserver || experimentalVC.vcObserver;
+          pageVisibilityUpToTTAI = (0, _hiddenTiming.getPageVisibilityState)(interaction.start, interaction.end);
           if (!vcObserver) {
             _context.next = 13;
             break;
           }
           prefix = 'ufo-experimental';
-          _context.next = 5;
+          _context.next = 6;
           return vcObserver.getVCResult({
             start: interaction.start,
             stop: interaction.end,
@@ -115,18 +116,20 @@ function _getExperimentalVCMetrics() {
             prefix: prefix,
             vc: interaction.vc,
             experienceKey: interaction.ufoName,
-            interactionId: interaction.id
+            interactionId: interaction.id,
+            interactionType: interaction.type,
+            isPageVisible: pageVisibilityUpToTTAI === 'visible',
+            interactionAbortReason: interaction.abortReason
           });
-        case 5:
+        case 6:
           result = _context.sent;
           VC = result === null || result === void 0 ? void 0 : result['metrics:vc'];
           if (!(!VC || !(result !== null && result !== void 0 && result["".concat(prefix, ":vc:clean")]))) {
-            _context.next = 9;
+            _context.next = 10;
             break;
           }
           return _context.abrupt("return", result);
-        case 9:
-          pageVisibilityUpToTTAI = (0, _hiddenTiming.getPageVisibilityState)(interaction.start, interaction.end);
+        case 10:
           if (!(interaction.abortReason || pageVisibilityUpToTTAI !== 'visible')) {
             _context.next = 12;
             break;

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

@@ -26,6 +26,7 @@ function _getVCMetrics() {
       config,
       interactionStatus,
       pageVisibilityUpToTTAI,
+      isPageVisible,
       shouldReportVCMetrics,
       observer,
       isSSREnabled,
@@ -56,14 +57,15 @@ function _getVCMetrics() {
         case 7:
           interactionStatus = (0, _getInteractionStatus.default)(interaction);
           pageVisibilityUpToTTAI = (0, _getPageVisibilityUpToTtai.default)(interaction);
-          shouldReportVCMetrics = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && pageVisibilityUpToTTAI === 'visible'; // Use per-interaction VC observer if available, otherwise fall back to global
+          isPageVisible = pageVisibilityUpToTTAI === 'visible';
+          shouldReportVCMetrics = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && isPageVisible; // Use per-interaction VC observer if available, otherwise fall back to global
           observer = interaction.vcObserver;
           if (observer) {
-            _context.next = 13;
+            _context.next = 14;
             break;
           }
           return _context.abrupt("return", {});
-        case 13:
+        case 14:
           isSSREnabled = interaction.type === 'page_load' && ((config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 || (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName)));
           ssr = interaction.type === 'page_load' && isSSREnabled ? {
             ssr: (0, _getSsrDoneTimeValue.default)(config)
@@ -71,7 +73,7 @@ function _getVCMetrics() {
           _interactionMetrics.postInteractionLog.setVCObserverSSRConfig(ssr);
           tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 || (_interaction$apdex = _interaction$apdex[0]) === null || _interaction$apdex === void 0 ? void 0 : _interaction$apdex.stopTime;
           prefix = 'ufo';
-          _context.next = 20;
+          _context.next = 21;
           return observer.getVCResult(_objectSpread(_objectSpread({
             start: interaction.start,
             stop: interaction.end,
@@ -85,9 +87,11 @@ function _getVCMetrics() {
             includeSSRRatio: (_config$vc3 = config.vc) === null || _config$vc3 === void 0 ? void 0 : _config$vc3.includeSSRRatio
           }, ssr), {}, {
             include3p: include3p,
-            excludeSmartAnswersInSearch: excludeSmartAnswersInSearch
+            excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
+            interactionType: interaction.type,
+            isPageVisible: isPageVisible
           }));
-        case 20:
+        case 21:
           result = _context.sent;
           observer.stop(interaction.ufoName);
           if (!include3p) {
@@ -100,15 +104,15 @@ function _getVCMetrics() {
             return revision === mostRecentVCRevision;
           });
           if (!(!shouldReportVCMetrics || !(mostRecentVCRevisionPayload !== null && mostRecentVCRevisionPayload !== void 0 && mostRecentVCRevisionPayload.clean))) {
-            _context.next = 27;
+            _context.next = 28;
             break;
           }
           return _context.abrupt("return", result);
-        case 27:
+        case 28:
           return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
             'metric:vc90': mostRecentVCRevisionPayload['metric:vc90']
           }));
-        case 28:
+        case 29:
         case "end":
           return _context.stop();
       }

package/dist/cjs/interaction-metrics/post-interaction-log.js

@@ -12,6 +12,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _config = require("../config");
+var _hiddenTiming = require("../hidden-timing");
 var _vc = require("../vc");
 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; }
@@ -122,7 +123,7 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
     value: (function () {
       var _sendPostInteractionLog = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var _this$vcObserver4, _config$vc, _config$vc2, _this$vcObserver5;
-        var _this$vcObserver3, config, postInteractionFinishVCResult;
+        var _this$vcObserver3, pageVisibilityState, isPageVisible, config, postInteractionFinishVCResult;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -134,9 +135,11 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
               (_this$vcObserver3 = this.vcObserver) === null || _this$vcObserver3 === void 0 || _this$vcObserver3.stop();
               return _context.abrupt("return");
             case 4:
+              pageVisibilityState = (0, _hiddenTiming.getPageVisibilityState)(this.lastInteractionFinish.start, this.lastInteractionFinish.end);
+              isPageVisible = pageVisibilityState === 'visible';
               config = (0, _config.getConfig)();
-              _context.next = 7;
-              return (_this$vcObserver4 = this.vcObserver) === null || _this$vcObserver4 === void 0 ? void 0 : _this$vcObserver4.getVCResult(_objectSpread({
+              _context.next = 9;
+              return (_this$vcObserver4 = this.vcObserver) === null || _this$vcObserver4 === void 0 ? void 0 : _this$vcObserver4.getVCResult(_objectSpread(_objectSpread({
                 start: this.lastInteractionFinish.start,
                 stop: performance.now(),
                 tti: -1,
@@ -147,8 +150,12 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
                 interactionId: this.lastInteractionFinish.id,
                 includeSSRInV3: config === null || config === void 0 || (_config$vc = config.vc) === null || _config$vc === void 0 ? void 0 : _config$vc.includeSSRInV3,
                 includeSSRRatio: config === null || config === void 0 || (_config$vc2 = config.vc) === null || _config$vc2 === void 0 ? void 0 : _config$vc2.includeSSRRatio
-              }, this.vcObserverSSRConfig));
-            case 7:
+              }, this.vcObserverSSRConfig), {}, {
+                interactionType: this.lastInteractionFinish.type,
+                isPageVisible: isPageVisible,
+                interactionAbortReason: this.lastInteractionFinish.abortReason
+              }));
+            case 9:
               postInteractionFinishVCResult = _context.sent;
               (_this$vcObserver5 = this.vcObserver) === null || _this$vcObserver5 === void 0 || _this$vcObserver5.stop();
               this.sinkHandlerFn({
@@ -158,7 +165,7 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
                 lastInteractionFinishVCResult: this.lastInteractionFinishVCResult
               });
               this.reset();
-            case 11:
+            case 13:
             case "end":
               return _context.stop();
           }

package/dist/cjs/vc/index.js

@@ -152,7 +152,10 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
                 interactionId: param.interactionId,
                 ssr: param.includeSSRInV3 ? param.ssr : undefined,
                 include3p: include3p,
-                excludeSmartAnswersInSearch: excludeSmartAnswersInSearch
+                excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
+                interactionType: param.interactionType,
+                isPageVisible: param.isPageVisible,
+                interactionAbortReason: param.interactionAbortReason
               });
             case 12:
               _context.t1 = _context.sent;

package/dist/cjs/vc/vc-observer-new/index.js

@@ -238,11 +238,11 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
     key: "getVCResult",
     value: function () {
       var _getVCResult = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(param) {
-        var start, stop, interactionId, include3p, excludeSmartAnswersInSearch, results, calculator_fy25_03, orderedEntries, fy25_03, calculator_next, vcNext;
+        var start, stop, interactionId, interactionType, interactionAbortReason, isPageVisible, include3p, excludeSmartAnswersInSearch, results, calculator_fy25_03, orderedEntries, fy25_03, calculator_next, vcNext;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              start = param.start, stop = param.stop, interactionId = param.interactionId, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch;
+              start = param.start, stop = param.stop, interactionId = param.interactionId, interactionType = param.interactionType, interactionAbortReason = param.interactionAbortReason, isPageVisible = param.isPageVisible, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch;
               results = [];
               this.addStartEntry(start);
               calculator_fy25_03 = new _fy25_.default();
@@ -259,9 +259,12 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
                 startTime: start,
                 stopTime: stop,
                 interactionId: interactionId,
+                interactionType: interactionType,
                 isPostInteraction: this.isPostInteraction,
                 include3p: include3p,
-                excludeSmartAnswersInSearch: excludeSmartAnswersInSearch
+                excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
+                isPageVisible: isPageVisible,
+                interactionAbortReason: interactionAbortReason
               });
             case 8:
               fy25_03 = _context.sent;
@@ -281,8 +284,11 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
                 startTime: start,
                 stopTime: stop,
                 interactionId: interactionId,
+                interactionType: interactionType,
                 isPostInteraction: this.isPostInteraction,
-                include3p: include3p
+                include3p: include3p,
+                isPageVisible: isPageVisible,
+                interactionAbortReason: interactionAbortReason
               });
             case 14:
               vcNext = _context.sent;

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

@@ -13,9 +13,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _getPageVisibilityUpToTtai = _interopRequireDefault(require("../../../create-payload/utils/get-page-visibility-up-to-ttai"));
-var _interactionIdContext = require("../../../interaction-id-context");
-var _constants = require("../../../interaction-metrics/common/constants");
 var _trackDisplayContentOccurrence = require("../viewport-observer/utils/track-display-content-occurrence");
 var _percentileCalc = require("./percentile-calc");
 var _getViewportHeight = _interopRequireDefault(require("./utils/get-viewport-height"));
@@ -111,9 +108,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, include3p, excludeSmartAnswersInSearch) {
+      var _calculateWithDebugInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, allEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason) {
         var _window, _window2, _window6, _window8;
-        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator4, _step4, _entry3, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, enhancedVcLogs, shouldCalculate3p, shouldCalculateDebugDetails, _window3, _window4, _window5, sortedVcLogs, maxViewportPercentageAtTime, maxSoFar, _iterator5, _step5, log, getBiggestPreviousViewportPercentage, ignoredEntriesByTime, _iterator6, _step6, _entry4, _ignoredEntriesByTime, _viewportData$rect, _viewportData$previou, viewportData, timestamp, additionalVcLogs, _iterator7, _step7, _step7$value, _timestamp, ignoredEntries, _viewportPercentage, v3RevisionDebugDetails, _activeInteractionId$, activeInteractionId, activeInteraction, pageVisibilityUpToTTAI, isBackgrounded, _window7, _window7$__ufo_devtoo, _window9, _window9$__on_ufo_vc_;
+        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator4, _step4, _entry3, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, enhancedVcLogs, shouldCalculate3p, shouldCalculateDebugDetails, _window3, _window4, _window5, sortedVcLogs, maxViewportPercentageAtTime, maxSoFar, _iterator5, _step5, log, getBiggestPreviousViewportPercentage, ignoredEntriesByTime, _iterator6, _step6, _entry4, _ignoredEntriesByTime, _viewportData$rect, _viewportData$previou, viewportData, timestamp, additionalVcLogs, _iterator7, _step7, _step7$value, _timestamp, ignoredEntries, _viewportPercentage, v3RevisionDebugDetails, _window7, _window7$__ufo_devtoo, _window9, _window9$__on_ufo_vc_;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -314,17 +311,13 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
               v3RevisionDebugDetails = null;
               if (shouldCalculateDebugDetails) {
                 if ((0, _platformFeatureFlags.fg)('platform_ufo_unify_abort_status_in_ttvc_debug_data')) {
-                  // NOTE: using this instead of directly calling `getActiveInteraction()` to get around circular dependencies
-                  activeInteractionId = (0, _interactionIdContext.getInteractionId)();
-                  activeInteraction = _constants.interactions.get((_activeInteractionId$ = activeInteractionId.current) !== null && _activeInteractionId$ !== void 0 ? _activeInteractionId$ : '');
-                  pageVisibilityUpToTTAI = activeInteraction ? (0, _getPageVisibilityUpToTtai.default)(activeInteraction) : null;
-                  isBackgrounded = pageVisibilityUpToTTAI !== 'visible';
                   v3RevisionDebugDetails = {
                     revision: this.revisionNo,
-                    isClean: isVCClean && !(activeInteraction !== null && activeInteraction !== void 0 && activeInteraction.abortReason) && !isBackgrounded,
-                    abortReason: isBackgrounded ? 'browser_backgrounded' : dirtyReason !== null && dirtyReason !== void 0 ? dirtyReason : activeInteraction === null || activeInteraction === void 0 ? void 0 : activeInteraction.abortReason,
+                    isClean: isVCClean && !interactionAbortReason && isPageVisible,
+                    abortReason: !isPageVisible ? 'browser_backgrounded' : dirtyReason !== null && dirtyReason !== void 0 ? dirtyReason : interactionAbortReason,
                     vcLogs: enhancedVcLogs,
-                    interactionId: interactionId
+                    interactionId: interactionId,
+                    interactionType: interactionType
                   };
                 } else {
                   v3RevisionDebugDetails = {
@@ -371,7 +364,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
           }
         }, _callee, this, [[10, 22, 25, 28]]);
       }));
-      function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0) {
+      function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10, _x11) {
         return _calculateWithDebugInfo.apply(this, arguments);
       }
       return calculateWithDebugInfo;
@@ -383,11 +376,11 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
         var _this = this,
           _vcDetails$90$t,
           _vcDetails$;
-        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, vcDetails, result;
+        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, interactionType, isPageVisible, interactionAbortReason, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, vcDetails, result;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              startTime = _ref.startTime, stopTime = _ref.stopTime, orderedEntries = _ref.orderedEntries, interactionId = _ref.interactionId, isPostInteraction = _ref.isPostInteraction, include3p = _ref.include3p, excludeSmartAnswersInSearch = _ref.excludeSmartAnswersInSearch;
+              startTime = _ref.startTime, stopTime = _ref.stopTime, orderedEntries = _ref.orderedEntries, interactionId = _ref.interactionId, isPostInteraction = _ref.isPostInteraction, include3p = _ref.include3p, excludeSmartAnswersInSearch = _ref.excludeSmartAnswersInSearch, interactionType = _ref.interactionType, isPageVisible = _ref.isPageVisible, interactionAbortReason = _ref.interactionAbortReason;
               filteredEntries = orderedEntries.filter(function (entry) {
                 return _this.isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch);
               });
@@ -407,7 +400,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
               });
             case 7:
               _context2.next = 9;
-              return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, orderedEntries, include3p, excludeSmartAnswersInSearch);
+              return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, orderedEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason);
             case 9:
               vcDetails = _context2.sent;
               result = {
@@ -430,7 +423,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
           }
         }, _callee2, this);
       }));
-      function calculate(_x1) {
+      function calculate(_x12) {
         return _calculate.apply(this, arguments);
       }
       return calculate;

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

@@ -60,6 +60,7 @@ export const experimentalVC = new ExperimentalVCMetrics();
 export async function getExperimentalVCMetrics(interaction) {
   // Use per-interaction VC observer if available, otherwise fall back to global experimentalVC
   const vcObserver = interaction.experimentalVCObserver || experimentalVC.vcObserver;
+  const pageVisibilityUpToTTAI = getPageVisibilityState(interaction.start, interaction.end);
   if (vcObserver) {
     var _interaction$apdex, _interaction$apdex$;
     const prefix = 'ufo-experimental';
@@ -71,13 +72,15 @@ export async function getExperimentalVCMetrics(interaction) {
       prefix,
       vc: interaction.vc,
       experienceKey: interaction.ufoName,
-      interactionId: interaction.id
+      interactionId: interaction.id,
+      interactionType: interaction.type,
+      isPageVisible: pageVisibilityUpToTTAI === 'visible',
+      interactionAbortReason: interaction.abortReason
     });
     const VC = result === null || result === void 0 ? void 0 : result['metrics:vc'];
     if (!VC || !(result !== null && result !== void 0 && result[`${prefix}:vc:clean`])) {
       return result;
     }
-    const pageVisibilityUpToTTAI = getPageVisibilityState(interaction.start, interaction.end);
     if (interaction.abortReason || pageVisibilityUpToTTAI !== 'visible') {
       return result;
     }

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

@@ -14,7 +14,8 @@ async function getVCMetrics(interaction, include3p = false, excludeSmartAnswersI
   }
   const interactionStatus = getInteractionStatus(interaction);
   const pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
-  const shouldReportVCMetrics = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && pageVisibilityUpToTTAI === 'visible';
+  const isPageVisible = pageVisibilityUpToTTAI === 'visible';
+  const shouldReportVCMetrics = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && isPageVisible;
 
   // Use per-interaction VC observer if available, otherwise fall back to global
   const observer = interaction.vcObserver;
@@ -41,7 +42,9 @@ async function getVCMetrics(interaction, include3p = false, excludeSmartAnswersI
     includeSSRRatio: (_config$vc3 = config.vc) === null || _config$vc3 === void 0 ? void 0 : _config$vc3.includeSSRRatio,
     ...ssr,
     include3p,
-    excludeSmartAnswersInSearch
+    excludeSmartAnswersInSearch,
+    interactionType: interaction.type,
+    isPageVisible
   });
   observer.stop(interaction.ufoName);
   if (!include3p) {

package/dist/es2019/interaction-metrics/post-interaction-log.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getConfig } from '../config';
+import { getPageVisibilityState } from '../hidden-timing';
 import { VCObserverWrapper } from '../vc';
 const POST_INTERACTION_LOG_SEND_DEFAULT_TIMEOUT = 3000;
 export default class PostInteractionLog {
@@ -96,6 +97,8 @@ export default class PostInteractionLog {
       (_this$vcObserver3 = this.vcObserver) === null || _this$vcObserver3 === void 0 ? void 0 : _this$vcObserver3.stop();
       return;
     }
+    const pageVisibilityState = getPageVisibilityState(this.lastInteractionFinish.start, this.lastInteractionFinish.end);
+    const isPageVisible = pageVisibilityState === 'visible';
     const config = getConfig();
     const postInteractionFinishVCResult = await ((_this$vcObserver4 = this.vcObserver) === null || _this$vcObserver4 === void 0 ? void 0 : _this$vcObserver4.getVCResult({
       start: this.lastInteractionFinish.start,
@@ -108,7 +111,10 @@ export default class PostInteractionLog {
       interactionId: this.lastInteractionFinish.id,
       includeSSRInV3: config === null || config === void 0 ? void 0 : (_config$vc = config.vc) === null || _config$vc === void 0 ? void 0 : _config$vc.includeSSRInV3,
       includeSSRRatio: config === null || config === void 0 ? void 0 : (_config$vc2 = config.vc) === null || _config$vc2 === void 0 ? void 0 : _config$vc2.includeSSRRatio,
-      ...this.vcObserverSSRConfig
+      ...this.vcObserverSSRConfig,
+      interactionType: this.lastInteractionFinish.type,
+      isPageVisible,
+      interactionAbortReason: this.lastInteractionFinish.abortReason
     }));
     (_this$vcObserver5 = this.vcObserver) === null || _this$vcObserver5 === void 0 ? void 0 : _this$vcObserver5.stop();
     this.sinkHandlerFn({

package/dist/es2019/vc/index.js

@@ -105,7 +105,10 @@ export class VCObserverWrapper {
       interactionId: param.interactionId,
       ssr: param.includeSSRInV3 ? param.ssr : undefined,
       include3p,
-      excludeSmartAnswersInSearch
+      excludeSmartAnswersInSearch,
+      interactionType: param.interactionType,
+      isPageVisible: param.isPageVisible,
+      interactionAbortReason: param.interactionAbortReason
     })) : [];
     if (!v3Result) {
       return v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {};

package/dist/es2019/vc/vc-observer-new/index.js

@@ -196,6 +196,9 @@ export default class VCObserverNew {
       start,
       stop,
       interactionId,
+      interactionType,
+      interactionAbortReason,
+      isPageVisible,
       include3p,
       excludeSmartAnswersInSearch
     } = param;
@@ -214,9 +217,12 @@ export default class VCObserverNew {
       startTime: start,
       stopTime: stop,
       interactionId,
+      interactionType,
       isPostInteraction: this.isPostInteraction,
       include3p,
-      excludeSmartAnswersInSearch
+      excludeSmartAnswersInSearch,
+      isPageVisible,
+      interactionAbortReason
     });
     if (fy25_03) {
       results.push(fy25_03);
@@ -230,8 +236,11 @@ export default class VCObserverNew {
         startTime: start,
         stopTime: stop,
         interactionId,
+        interactionType,
         isPostInteraction: this.isPostInteraction,
-        include3p
+        include3p,
+        isPageVisible,
+        interactionAbortReason
       });
       if (vcNext) {
         results.push(vcNext);

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

@@ -1,7 +1,4 @@
 import { fg } from '@atlaskit/platform-feature-flags';
-import getPageVisibilityUpToTTAI from '../../../create-payload/utils/get-page-visibility-up-to-ttai';
-import { getInteractionId } from '../../../interaction-id-context';
-import { interactions } from '../../../interaction-metrics/common/constants';
 import { cssIssueOccurrence } from '../viewport-observer/utils/track-display-content-occurrence';
 import { calculateTTVCPercentilesWithDebugInfo } from './percentile-calc';
 import getViewportHeight from './utils/get-viewport-height';
@@ -55,7 +52,7 @@ export default class AbstractVCCalculatorBase {
     }
     return labelStacks;
   }
-  async calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries, include3p, excludeSmartAnswersInSearch) {
+  async calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, allEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason) {
     var _window, _window2, _window6, _window8;
     const percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99, 100];
     const viewportEntries = this.filterViewportEntries(filteredEntries);
@@ -212,18 +209,13 @@ export default class AbstractVCCalculatorBase {
     let v3RevisionDebugDetails = null;
     if (shouldCalculateDebugDetails) {
       if (fg('platform_ufo_unify_abort_status_in_ttvc_debug_data')) {
-        var _activeInteractionId$;
-        // NOTE: using this instead of directly calling `getActiveInteraction()` to get around circular dependencies
-        const activeInteractionId = getInteractionId();
-        const activeInteraction = interactions.get((_activeInteractionId$ = activeInteractionId.current) !== null && _activeInteractionId$ !== void 0 ? _activeInteractionId$ : '');
-        const pageVisibilityUpToTTAI = activeInteraction ? getPageVisibilityUpToTTAI(activeInteraction) : null;
-        const isBackgrounded = pageVisibilityUpToTTAI !== 'visible';
         v3RevisionDebugDetails = {
           revision: this.revisionNo,
-          isClean: isVCClean && !(activeInteraction !== null && activeInteraction !== void 0 && activeInteraction.abortReason) && !isBackgrounded,
-          abortReason: isBackgrounded ? 'browser_backgrounded' : dirtyReason !== null && dirtyReason !== void 0 ? dirtyReason : activeInteraction === null || activeInteraction === void 0 ? void 0 : activeInteraction.abortReason,
+          isClean: isVCClean && !interactionAbortReason && isPageVisible,
+          abortReason: !isPageVisible ? 'browser_backgrounded' : dirtyReason !== null && dirtyReason !== void 0 ? dirtyReason : interactionAbortReason,
           vcLogs: enhancedVcLogs,
-          interactionId
+          interactionId,
+          interactionType
         };
       } else {
         v3RevisionDebugDetails = {
@@ -274,7 +266,10 @@ export default class AbstractVCCalculatorBase {
     interactionId,
     isPostInteraction,
     include3p,
-    excludeSmartAnswersInSearch
+    excludeSmartAnswersInSearch,
+    interactionType,
+    isPageVisible,
+    interactionAbortReason
   }) {
     var _vcDetails$90$t, _vcDetails$;
     const filteredEntries = orderedEntries.filter(entry => {
@@ -294,7 +289,7 @@ export default class AbstractVCCalculatorBase {
         abortTimestamp: getVCCleanStatusResult.abortTimestamp
       };
     }
-    const vcDetails = await this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, orderedEntries, include3p, excludeSmartAnswersInSearch);
+    const vcDetails = await this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, orderedEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason);
     const result = {
       revision: this.revisionNo,
       clean: true,

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

@@ -84,18 +84,19 @@ export function getExperimentalVCMetrics(_x) {
 }
 function _getExperimentalVCMetrics() {
   _getExperimentalVCMetrics = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(interaction) {
-    var vcObserver, _interaction$apdex, prefix, result, VC, pageVisibilityUpToTTAI;
+    var vcObserver, pageVisibilityUpToTTAI, _interaction$apdex, prefix, result, VC;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           // Use per-interaction VC observer if available, otherwise fall back to global experimentalVC
           vcObserver = interaction.experimentalVCObserver || experimentalVC.vcObserver;
+          pageVisibilityUpToTTAI = getPageVisibilityState(interaction.start, interaction.end);
           if (!vcObserver) {
             _context.next = 13;
             break;
           }
           prefix = 'ufo-experimental';
-          _context.next = 5;
+          _context.next = 6;
           return vcObserver.getVCResult({
             start: interaction.start,
             stop: interaction.end,
@@ -104,18 +105,20 @@ function _getExperimentalVCMetrics() {
             prefix: prefix,
             vc: interaction.vc,
             experienceKey: interaction.ufoName,
-            interactionId: interaction.id
+            interactionId: interaction.id,
+            interactionType: interaction.type,
+            isPageVisible: pageVisibilityUpToTTAI === 'visible',
+            interactionAbortReason: interaction.abortReason
           });
-        case 5:
+        case 6:
           result = _context.sent;
           VC = result === null || result === void 0 ? void 0 : result['metrics:vc'];
           if (!(!VC || !(result !== null && result !== void 0 && result["".concat(prefix, ":vc:clean")]))) {
-            _context.next = 9;
+            _context.next = 10;
             break;
           }
           return _context.abrupt("return", result);
-        case 9:
-          pageVisibilityUpToTTAI = getPageVisibilityState(interaction.start, interaction.end);
+        case 10:
           if (!(interaction.abortReason || pageVisibilityUpToTTAI !== 'visible')) {
             _context.next = 12;
             break;

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

@@ -19,6 +19,7 @@ function _getVCMetrics() {
       config,
       interactionStatus,
       pageVisibilityUpToTTAI,
+      isPageVisible,
       shouldReportVCMetrics,
       observer,
       isSSREnabled,
@@ -49,14 +50,15 @@ function _getVCMetrics() {
         case 7:
           interactionStatus = getInteractionStatus(interaction);
           pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
-          shouldReportVCMetrics = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && pageVisibilityUpToTTAI === 'visible'; // Use per-interaction VC observer if available, otherwise fall back to global
+          isPageVisible = pageVisibilityUpToTTAI === 'visible';
+          shouldReportVCMetrics = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && isPageVisible; // Use per-interaction VC observer if available, otherwise fall back to global
           observer = interaction.vcObserver;
           if (observer) {
-            _context.next = 13;
+            _context.next = 14;
             break;
           }
           return _context.abrupt("return", {});
-        case 13:
+        case 14:
           isSSREnabled = interaction.type === 'page_load' && ((config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 || (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName)));
           ssr = interaction.type === 'page_load' && isSSREnabled ? {
             ssr: getSSRDoneTimeValue(config)
@@ -64,7 +66,7 @@ function _getVCMetrics() {
           postInteractionLog.setVCObserverSSRConfig(ssr);
           tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 || (_interaction$apdex = _interaction$apdex[0]) === null || _interaction$apdex === void 0 ? void 0 : _interaction$apdex.stopTime;
           prefix = 'ufo';
-          _context.next = 20;
+          _context.next = 21;
           return observer.getVCResult(_objectSpread(_objectSpread({
             start: interaction.start,
             stop: interaction.end,
@@ -78,9 +80,11 @@ function _getVCMetrics() {
             includeSSRRatio: (_config$vc3 = config.vc) === null || _config$vc3 === void 0 ? void 0 : _config$vc3.includeSSRRatio
           }, ssr), {}, {
             include3p: include3p,
-            excludeSmartAnswersInSearch: excludeSmartAnswersInSearch
+            excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
+            interactionType: interaction.type,
+            isPageVisible: isPageVisible
           }));
-        case 20:
+        case 21:
           result = _context.sent;
           observer.stop(interaction.ufoName);
           if (!include3p) {
@@ -93,15 +97,15 @@ function _getVCMetrics() {
             return revision === mostRecentVCRevision;
           });
           if (!(!shouldReportVCMetrics || !(mostRecentVCRevisionPayload !== null && mostRecentVCRevisionPayload !== void 0 && mostRecentVCRevisionPayload.clean))) {
-            _context.next = 27;
+            _context.next = 28;
             break;
           }
           return _context.abrupt("return", result);
-        case 27:
+        case 28:
           return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
             'metric:vc90': mostRecentVCRevisionPayload['metric:vc90']
           }));
-        case 28:
+        case 29:
         case "end":
           return _context.stop();
       }

package/dist/esm/interaction-metrics/post-interaction-log.js

@@ -7,6 +7,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getConfig } from '../config';
+import { getPageVisibilityState } from '../hidden-timing';
 import { VCObserverWrapper } from '../vc';
 var POST_INTERACTION_LOG_SEND_DEFAULT_TIMEOUT = 3000;
 var PostInteractionLog = /*#__PURE__*/function () {
@@ -115,7 +116,7 @@ var PostInteractionLog = /*#__PURE__*/function () {
     value: (function () {
       var _sendPostInteractionLog = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _this$vcObserver4, _config$vc, _config$vc2, _this$vcObserver5;
-        var _this$vcObserver3, config, postInteractionFinishVCResult;
+        var _this$vcObserver3, pageVisibilityState, isPageVisible, config, postInteractionFinishVCResult;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -127,9 +128,11 @@ var PostInteractionLog = /*#__PURE__*/function () {
               (_this$vcObserver3 = this.vcObserver) === null || _this$vcObserver3 === void 0 || _this$vcObserver3.stop();
               return _context.abrupt("return");
             case 4:
+              pageVisibilityState = getPageVisibilityState(this.lastInteractionFinish.start, this.lastInteractionFinish.end);
+              isPageVisible = pageVisibilityState === 'visible';
               config = getConfig();
-              _context.next = 7;
-              return (_this$vcObserver4 = this.vcObserver) === null || _this$vcObserver4 === void 0 ? void 0 : _this$vcObserver4.getVCResult(_objectSpread({
+              _context.next = 9;
+              return (_this$vcObserver4 = this.vcObserver) === null || _this$vcObserver4 === void 0 ? void 0 : _this$vcObserver4.getVCResult(_objectSpread(_objectSpread({
                 start: this.lastInteractionFinish.start,
                 stop: performance.now(),
                 tti: -1,
@@ -140,8 +143,12 @@ var PostInteractionLog = /*#__PURE__*/function () {
                 interactionId: this.lastInteractionFinish.id,
                 includeSSRInV3: config === null || config === void 0 || (_config$vc = config.vc) === null || _config$vc === void 0 ? void 0 : _config$vc.includeSSRInV3,
                 includeSSRRatio: config === null || config === void 0 || (_config$vc2 = config.vc) === null || _config$vc2 === void 0 ? void 0 : _config$vc2.includeSSRRatio
-              }, this.vcObserverSSRConfig));
-            case 7:
+              }, this.vcObserverSSRConfig), {}, {
+                interactionType: this.lastInteractionFinish.type,
+                isPageVisible: isPageVisible,
+                interactionAbortReason: this.lastInteractionFinish.abortReason
+              }));
+            case 9:
               postInteractionFinishVCResult = _context.sent;
               (_this$vcObserver5 = this.vcObserver) === null || _this$vcObserver5 === void 0 || _this$vcObserver5.stop();
               this.sinkHandlerFn({
@@ -151,7 +158,7 @@ var PostInteractionLog = /*#__PURE__*/function () {
                 lastInteractionFinishVCResult: this.lastInteractionFinishVCResult
               });
               this.reset();
-            case 11:
+            case 13:
             case "end":
               return _context.stop();
           }

package/dist/esm/vc/index.js

@@ -142,7 +142,10 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
                 interactionId: param.interactionId,
                 ssr: param.includeSSRInV3 ? param.ssr : undefined,
                 include3p: include3p,
-                excludeSmartAnswersInSearch: excludeSmartAnswersInSearch
+                excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
+                interactionType: param.interactionType,
+                isPageVisible: param.isPageVisible,
+                interactionAbortReason: param.interactionAbortReason
               });
             case 12:
               _context.t1 = _context.sent;

package/dist/esm/vc/vc-observer-new/index.js

@@ -231,11 +231,11 @@ var VCObserverNew = /*#__PURE__*/function () {
     key: "getVCResult",
     value: function () {
       var _getVCResult = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(param) {
-        var start, stop, interactionId, include3p, excludeSmartAnswersInSearch, results, calculator_fy25_03, orderedEntries, fy25_03, calculator_next, vcNext;
+        var start, stop, interactionId, interactionType, interactionAbortReason, isPageVisible, include3p, excludeSmartAnswersInSearch, results, calculator_fy25_03, orderedEntries, fy25_03, calculator_next, vcNext;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              start = param.start, stop = param.stop, interactionId = param.interactionId, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch;
+              start = param.start, stop = param.stop, interactionId = param.interactionId, interactionType = param.interactionType, interactionAbortReason = param.interactionAbortReason, isPageVisible = param.isPageVisible, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch;
               results = [];
               this.addStartEntry(start);
               calculator_fy25_03 = new VCCalculator_FY25_03();
@@ -252,9 +252,12 @@ var VCObserverNew = /*#__PURE__*/function () {
                 startTime: start,
                 stopTime: stop,
                 interactionId: interactionId,
+                interactionType: interactionType,
                 isPostInteraction: this.isPostInteraction,
                 include3p: include3p,
-                excludeSmartAnswersInSearch: excludeSmartAnswersInSearch
+                excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
+                isPageVisible: isPageVisible,
+                interactionAbortReason: interactionAbortReason
               });
             case 8:
               fy25_03 = _context.sent;
@@ -274,8 +277,11 @@ var VCObserverNew = /*#__PURE__*/function () {
                 startTime: start,
                 stopTime: stop,
                 interactionId: interactionId,
+                interactionType: interactionType,
                 isPostInteraction: this.isPostInteraction,
-                include3p: include3p
+                include3p: include3p,
+                isPageVisible: isPageVisible,
+                interactionAbortReason: interactionAbortReason
               });
             case 14:
               vcNext = _context.sent;

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

@@ -11,9 +11,6 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { fg } from '@atlaskit/platform-feature-flags';
-import getPageVisibilityUpToTTAI from '../../../create-payload/utils/get-page-visibility-up-to-ttai';
-import { getInteractionId } from '../../../interaction-id-context';
-import { interactions } from '../../../interaction-metrics/common/constants';
 import { cssIssueOccurrence } from '../viewport-observer/utils/track-display-content-occurrence';
 import { calculateTTVCPercentilesWithDebugInfo } from './percentile-calc';
 import getViewportHeight from './utils/get-viewport-height';
@@ -105,9 +102,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, include3p, excludeSmartAnswersInSearch) {
+      var _calculateWithDebugInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, allEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason) {
         var _window, _window2, _window6, _window8;
-        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator4, _step4, _entry3, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, enhancedVcLogs, shouldCalculate3p, shouldCalculateDebugDetails, _window3, _window4, _window5, sortedVcLogs, maxViewportPercentageAtTime, maxSoFar, _iterator5, _step5, log, getBiggestPreviousViewportPercentage, ignoredEntriesByTime, _iterator6, _step6, _entry4, _ignoredEntriesByTime, _viewportData$rect, _viewportData$previou, viewportData, timestamp, additionalVcLogs, _iterator7, _step7, _step7$value, _timestamp, ignoredEntries, _viewportPercentage, v3RevisionDebugDetails, _activeInteractionId$, activeInteractionId, activeInteraction, pageVisibilityUpToTTAI, isBackgrounded, _window7, _window7$__ufo_devtoo, _window9, _window9$__on_ufo_vc_;
+        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator4, _step4, _entry3, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, enhancedVcLogs, shouldCalculate3p, shouldCalculateDebugDetails, _window3, _window4, _window5, sortedVcLogs, maxViewportPercentageAtTime, maxSoFar, _iterator5, _step5, log, getBiggestPreviousViewportPercentage, ignoredEntriesByTime, _iterator6, _step6, _entry4, _ignoredEntriesByTime, _viewportData$rect, _viewportData$previou, viewportData, timestamp, additionalVcLogs, _iterator7, _step7, _step7$value, _timestamp, ignoredEntries, _viewportPercentage, v3RevisionDebugDetails, _window7, _window7$__ufo_devtoo, _window9, _window9$__on_ufo_vc_;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -308,17 +305,13 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
               v3RevisionDebugDetails = null;
               if (shouldCalculateDebugDetails) {
                 if (fg('platform_ufo_unify_abort_status_in_ttvc_debug_data')) {
-                  // NOTE: using this instead of directly calling `getActiveInteraction()` to get around circular dependencies
-                  activeInteractionId = getInteractionId();
-                  activeInteraction = interactions.get((_activeInteractionId$ = activeInteractionId.current) !== null && _activeInteractionId$ !== void 0 ? _activeInteractionId$ : '');
-                  pageVisibilityUpToTTAI = activeInteraction ? getPageVisibilityUpToTTAI(activeInteraction) : null;
-                  isBackgrounded = pageVisibilityUpToTTAI !== 'visible';
                   v3RevisionDebugDetails = {
                     revision: this.revisionNo,
-                    isClean: isVCClean && !(activeInteraction !== null && activeInteraction !== void 0 && activeInteraction.abortReason) && !isBackgrounded,
-                    abortReason: isBackgrounded ? 'browser_backgrounded' : dirtyReason !== null && dirtyReason !== void 0 ? dirtyReason : activeInteraction === null || activeInteraction === void 0 ? void 0 : activeInteraction.abortReason,
+                    isClean: isVCClean && !interactionAbortReason && isPageVisible,
+                    abortReason: !isPageVisible ? 'browser_backgrounded' : dirtyReason !== null && dirtyReason !== void 0 ? dirtyReason : interactionAbortReason,
                     vcLogs: enhancedVcLogs,
-                    interactionId: interactionId
+                    interactionId: interactionId,
+                    interactionType: interactionType
                   };
                 } else {
                   v3RevisionDebugDetails = {
@@ -365,7 +358,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
           }
         }, _callee, this, [[10, 22, 25, 28]]);
       }));
-      function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0) {
+      function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10, _x11) {
         return _calculateWithDebugInfo.apply(this, arguments);
       }
       return calculateWithDebugInfo;
@@ -377,11 +370,11 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
         var _this = this,
           _vcDetails$90$t,
           _vcDetails$;
-        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, vcDetails, result;
+        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, interactionType, isPageVisible, interactionAbortReason, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, vcDetails, result;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              startTime = _ref.startTime, stopTime = _ref.stopTime, orderedEntries = _ref.orderedEntries, interactionId = _ref.interactionId, isPostInteraction = _ref.isPostInteraction, include3p = _ref.include3p, excludeSmartAnswersInSearch = _ref.excludeSmartAnswersInSearch;
+              startTime = _ref.startTime, stopTime = _ref.stopTime, orderedEntries = _ref.orderedEntries, interactionId = _ref.interactionId, isPostInteraction = _ref.isPostInteraction, include3p = _ref.include3p, excludeSmartAnswersInSearch = _ref.excludeSmartAnswersInSearch, interactionType = _ref.interactionType, isPageVisible = _ref.isPageVisible, interactionAbortReason = _ref.interactionAbortReason;
               filteredEntries = orderedEntries.filter(function (entry) {
                 return _this.isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch);
               });
@@ -401,7 +394,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
               });
             case 7:
               _context2.next = 9;
-              return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, orderedEntries, include3p, excludeSmartAnswersInSearch);
+              return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, orderedEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason);
             case 9:
               vcDetails = _context2.sent;
               result = {
@@ -424,7 +417,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
           }
         }, _callee2, this);
       }));
-      function calculate(_x1) {
+      function calculate(_x12) {
         return _calculate.apply(this, arguments);
       }
       return calculate;

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

@@ -1,4 +1,5 @@
 import type { VCRawDataType, VCResult } from '../common/vc/types';
+import type { AbortReasonType, InteractionType } from '../interaction-metrics';
 export type GetVCResultType = {
     start: number;
     stop: number;
@@ -13,6 +14,9 @@ export type GetVCResultType = {
     includeSSRRatio?: boolean;
     include3p?: boolean;
     excludeSmartAnswersInSearch?: boolean;
+    interactionType: InteractionType;
+    isPageVisible: boolean;
+    interactionAbortReason?: AbortReasonType;
 };
 export type SelectorConfig = {
     id: boolean;

package/dist/types/vc/vc-observer/getVCRevisionDebugDetails.d.ts

@@ -1,3 +1,4 @@
+import type { InteractionType } from '../../common/common/types';
 import type { ComponentsLogType, VCAbortReason, VCEntryType, VCIgnoreReason } from '../../common/vc/types';
 import type { VCObserverEntryType } from '../vc-observer-new/types';
 export type VCLogEntry = {
@@ -21,6 +22,7 @@ export interface VCRevisionDebugDetails {
     abortTimestamp?: number;
     vcLogs: VCLogEntry[];
     interactionId?: string;
+    interactionType?: InteractionType;
 }
 export declare function getVCRevisionDebugDetails({ revision, isClean, abortReason, VCEntries, componentsLog, interactionId, }: {
     revision: string;

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

@@ -25,5 +25,5 @@ export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     private calculateRatios;
     private getLabelStacks;
     private calculateWithDebugInfo;
-    calculate({ startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
+    calculate({ startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, interactionType, isPageVisible, interactionAbortReason, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
 }

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

@@ -1,3 +1,4 @@
+import type { AbortReasonType, InteractionType } from '../../../common/common/types';
 import type { RevisionPayloadEntry } from '../../../common/vc/types';
 import type { VCObserverEntry } from '../types';
 export type VCCalculatorParam = {
@@ -8,6 +9,9 @@ export type VCCalculatorParam = {
     isPostInteraction: boolean;
     include3p?: boolean;
     excludeSmartAnswersInSearch?: boolean;
+    interactionType: InteractionType;
+    isPageVisible: boolean;
+    interactionAbortReason?: AbortReasonType;
 };
 export interface VCCalculator {
     calculate(param: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;

package/dist/types/vc/vc-observer-new/types.d.ts

@@ -1,3 +1,4 @@
+import type { AbortReasonType, InteractionType } from '../../common/common/types';
 import type { ObservedWindowEvent } from './window-event-observer';
 export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:ssr-placeholder' | 'layout-shift' | 'window:event' | 'ssr-hydration' | 'unknown';
 export type ViewportEntryData = {
@@ -30,4 +31,7 @@ export type VCObserverGetVCResultParam = {
     ssr?: number;
     include3p?: boolean;
     excludeSmartAnswersInSearch?: boolean;
+    interactionType: InteractionType;
+    isPageVisible: boolean;
+    interactionAbortReason?: AbortReasonType;
 };

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

@@ -1,4 +1,5 @@
 import type { VCRawDataType, VCResult } from '../common/vc/types';
+import type { AbortReasonType, InteractionType } from '../interaction-metrics';
 export type GetVCResultType = {
     start: number;
     stop: number;
@@ -13,6 +14,9 @@ export type GetVCResultType = {
     includeSSRRatio?: boolean;
     include3p?: boolean;
     excludeSmartAnswersInSearch?: boolean;
+    interactionType: InteractionType;
+    isPageVisible: boolean;
+    interactionAbortReason?: AbortReasonType;
 };
 export type SelectorConfig = {
     id: boolean;

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

@@ -1,3 +1,4 @@
+import type { InteractionType } from '../../common/common/types';
 import type { ComponentsLogType, VCAbortReason, VCEntryType, VCIgnoreReason } from '../../common/vc/types';
 import type { VCObserverEntryType } from '../vc-observer-new/types';
 export type VCLogEntry = {
@@ -21,6 +22,7 @@ export interface VCRevisionDebugDetails {
     abortTimestamp?: number;
     vcLogs: VCLogEntry[];
     interactionId?: string;
+    interactionType?: InteractionType;
 }
 export declare function getVCRevisionDebugDetails({ revision, isClean, abortReason, VCEntries, componentsLog, interactionId, }: {
     revision: string;

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

@@ -25,5 +25,5 @@ export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     private calculateRatios;
     private getLabelStacks;
     private calculateWithDebugInfo;
-    calculate({ startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
+    calculate({ startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, interactionType, isPageVisible, interactionAbortReason, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
 }

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

@@ -1,3 +1,4 @@
+import type { AbortReasonType, InteractionType } from '../../../common/common/types';
 import type { RevisionPayloadEntry } from '../../../common/vc/types';
 import type { VCObserverEntry } from '../types';
 export type VCCalculatorParam = {
@@ -8,6 +9,9 @@ export type VCCalculatorParam = {
     isPostInteraction: boolean;
     include3p?: boolean;
     excludeSmartAnswersInSearch?: boolean;
+    interactionType: InteractionType;
+    isPageVisible: boolean;
+    interactionAbortReason?: AbortReasonType;
 };
 export interface VCCalculator {
     calculate(param: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;

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

@@ -1,3 +1,4 @@
+import type { AbortReasonType, InteractionType } from '../../common/common/types';
 import type { ObservedWindowEvent } from './window-event-observer';
 export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:ssr-placeholder' | 'layout-shift' | 'window:event' | 'ssr-hydration' | 'unknown';
 export type ViewportEntryData = {
@@ -30,4 +31,7 @@ export type VCObserverGetVCResultParam = {
     ssr?: number;
     include3p?: boolean;
     excludeSmartAnswersInSearch?: boolean;
+    interactionType: InteractionType;
+    isPageVisible: boolean;
+    interactionAbortReason?: AbortReasonType;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.10.1",
+	"version": "4.10.2",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",