@atlaskit/react-ufo 3.3.0 → 3.3.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 3.3.2
+
+### Patch Changes
+
+- [#122448](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/122448)
+  [`e3c0eec530ab2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e3c0eec530ab2) -
+  do not produce VC info on failed, aborted, or non active tab events
+
+## 3.3.1
+
+### Patch Changes
+
+- [#122115](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/122115)
+  [`b39ca387a9eb6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b39ca387a9eb6) -
+  Remove VC multiheatmap FG
+
 ## 3.3.0
 
 ### Minor Changes

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

@@ -105,6 +105,7 @@ var getExperimentalVCMetrics = exports.getExperimentalVCMetrics = /*#__PURE__*/f
             start: interaction.start,
             stop: interaction.end,
             tti: (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 || (_interaction$apdex = _interaction$apdex[0]) === null || _interaction$apdex === void 0 ? void 0 : _interaction$apdex.stopTime,
+            isEventAborted: !!interaction.abortReason,
             prefix: prefix,
             vc: interaction.vc
           });

package/dist/cjs/create-payload/index.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createExperimentalMetricsPayload = createExperimentalMetricsPayload;
 exports.createPayloads = createPayloads;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _bowserUltralight = _interopRequireDefault(require("bowser-ultralight"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _additionalPayload = require("../additional-payload");
@@ -30,8 +30,11 @@ var _interactionMetrics = require("../interaction-metrics");
 var resourceTiming = _interopRequireWildcard(require("../resource-timing"));
 var _roundNumber = require("../round-number");
 var ssr = _interopRequireWildcard(require("../ssr"));
-var _vc = require("../vc");
 var _utils = require("./common/utils");
+var _getInteractionStatus = _interopRequireDefault(require("./utils/get-interaction-status"));
+var _getPageVisibilityUpToTtai = _interopRequireDefault(require("./utils/get-page-visibility-up-to-ttai"));
+var _getSsrDoneTimeValue = _interopRequireDefault(require("./utils/get-ssr-done-time-value"));
+var _getVcMetrics = _interopRequireDefault(require("./utils/get-vc-metrics"));
 var _excluded = ["labelStack", "time"],
   _excluded2 = ["stopTime", "labelStack"],
   _excluded3 = ["labelStack"],
@@ -86,11 +89,6 @@ var getPageVisibilityUpToTTI = function getPageVisibilityUpToTTI(interaction) {
   var bm3EndTimeOrInteractionEndTime = getBm3EndTimeOrFallbackValue(interaction);
   return (0, _hiddenTiming.getPageVisibilityState)(start, bm3EndTimeOrInteractionEndTime);
 };
-var getPageVisibilityUpToTTAI = function getPageVisibilityUpToTTAI(interaction) {
-  var start = interaction.start,
-    end = interaction.end;
-  return (0, _hiddenTiming.getPageVisibilityState)(start, end);
-};
 var getVisibilityStateFromPerformance = function getVisibilityStateFromPerformance(stop) {
   try {
     var results = performance.getEntriesByType('visibility-state');
@@ -136,7 +134,7 @@ var getMoreAccuratePageVisibilityUpToTTI = function getMoreAccuratePageVisibilit
   return old;
 };
 var getMoreAccuratePageVisibilityUpToTTAI = function getMoreAccuratePageVisibilityUpToTTAI(interaction) {
-  var old = getPageVisibilityUpToTTAI(interaction);
+  var old = (0, _getPageVisibilityUpToTtai.default)(interaction);
   var buffered = getVisibilityStateFromPerformance(interaction.end);
   if (!buffered) {
     return old;
@@ -146,15 +144,6 @@ var getMoreAccuratePageVisibilityUpToTTAI = function getMoreAccuratePageVisibili
   }
   return old;
 };
-var getInteractionStatus = function getInteractionStatus(interaction) {
-  var originalInteractionStatus = interaction.abortReason ? 'ABORTED' : 'SUCCEEDED';
-  var hasBm3TTI = interaction.apdex.length > 0;
-  var overrideStatus = hasBm3TTI ? 'SUCCEEDED' : originalInteractionStatus;
-  return {
-    originalInteractionStatus: originalInteractionStatus,
-    overrideStatus: overrideStatus
-  };
-};
 var getResourceTimings = function getResourceTimings(start, end) {
   var _resourceTiming$getRe;
   return (_resourceTiming$getRe = resourceTiming.getResourceTimings(start, end)) !== null && _resourceTiming$getRe !== void 0 ? _resourceTiming$getRe : undefined;
@@ -186,87 +175,9 @@ var getPaintMetrics = function getPaintMetrics(type) {
 var getTTAI = function getTTAI(interaction) {
   var start = interaction.start,
     end = interaction.end;
-  var pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
+  var pageVisibilityUpToTTAI = (0, _getPageVisibilityUpToTtai.default)(interaction);
   return !interaction.abortReason && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
 };
-var getVCMetrics = /*#__PURE__*/function () {
-  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(interaction) {
-    var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _config$experimentalI;
-    var config, isSSREnabled, ssr, tti, prefix, result, VC, interactionStatus, pageVisibilityUpToTTAI, _result;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          config = (0, _config.getConfig)();
-          if (config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled) {
-            _context.next = 3;
-            break;
-          }
-          return _context.abrupt("return", {});
-        case 3:
-          if (!(interaction.type !== 'page_load' && interaction.type !== 'transition')) {
-            _context.next = 5;
-            break;
-          }
-          return _context.abrupt("return", {});
-        case 5:
-          isSSREnabled = (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)
-          } : null;
-          _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 = 12;
-          return (0, _vc.getVCObserver)().getVCResult(_objectSpread({
-            start: interaction.start,
-            stop: interaction.end,
-            tti: tti,
-            prefix: prefix,
-            vc: interaction.vc
-          }, ssr));
-        case 12:
-          result = _context.sent;
-          if ((_config$experimentalI = config.experimentalInteractionMetrics) !== null && _config$experimentalI !== void 0 && _config$experimentalI.enabled) {
-            (0, _vc.getVCObserver)().stop();
-          }
-          _interactionMetrics.postInteractionLog.setLastInteractionFinishVCResult(result);
-          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 = 18;
-            break;
-          }
-          return _context.abrupt("return", result);
-        case 18:
-          interactionStatus = getInteractionStatus(interaction);
-          pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
-          if (!(interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible')) {
-            _context.next = 22;
-            break;
-          }
-          return _context.abrupt("return", result);
-        case 22:
-          if ((0, _platformFeatureFlags.fg)('ufo_vc_multiheatmap')) {
-            (_result = result["".concat(prefix, ":vc:rev")]) === null || _result === void 0 || _result.forEach(function (element) {
-              var _element$vcDetails;
-              if ((_element$vcDetails = element.vcDetails) !== null && _element$vcDetails !== void 0 && (_element$vcDetails = _element$vcDetails['90']) !== null && _element$vcDetails !== void 0 && _element$vcDetails.t) {
-                var _element$vcDetails$;
-                element['metric:vc90'] = (_element$vcDetails$ = element.vcDetails['90']) === null || _element$vcDetails$ === void 0 ? void 0 : _element$vcDetails$.t;
-              }
-            });
-          }
-          return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
-            'metric:vc90': VC['90']
-          }));
-        case 24:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function getVCMetrics(_x) {
-    return _ref2.apply(this, arguments);
-  };
-}();
 var getNavigationMetrics = function getNavigationMetrics(type) {
   if (type !== 'page_load') {
     return {};
@@ -314,13 +225,13 @@ var getNavigationMetrics = function getNavigationMetrics(type) {
   };
 };
 var getPPSMetrics = function getPPSMetrics(interaction) {
-  var _interaction$apdex2;
+  var _interaction$apdex;
   var start = interaction.start,
     end = interaction.end;
   var config = (0, _config.getConfig)();
-  var interactionStatus = getInteractionStatus(interaction);
-  var pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
-  var tti = (_interaction$apdex2 = interaction.apdex) === null || _interaction$apdex2 === void 0 || (_interaction$apdex2 = _interaction$apdex2[0]) === null || _interaction$apdex2 === void 0 ? void 0 : _interaction$apdex2.stopTime;
+  var interactionStatus = (0, _getInteractionStatus.default)(interaction);
+  var pageVisibilityUpToTTAI = (0, _getPageVisibilityUpToTtai.default)(interaction);
+  var 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;
   var ttai = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
   var PPSMetricsAtTTI = tti !== undefined ? (0, _additionalPayload.getLighthouseMetrics)({
     start: start,
@@ -416,10 +327,10 @@ var getTracingContextData = function getTracingContextData(interaction) {
 function optimizeCustomData(interaction) {
   var customData = interaction.customData,
     legacyMetrics = interaction.legacyMetrics;
-  var customDataMap = customData.reduce(function (result, _ref3) {
+  var customDataMap = customData.reduce(function (result, _ref2) {
     var _result$get$data, _result$get;
-    var labelStack = _ref3.labelStack,
-      data = _ref3.data;
+    var labelStack = _ref2.labelStack,
+      data = _ref2.data;
     var label = (0, _utils.stringifyLabelStackFully)(labelStack);
     var value = (_result$get$data = (_result$get = result.get(label)) === null || _result$get === void 0 ? void 0 : _result$get.data) !== null && _result$get$data !== void 0 ? _result$get$data : {};
     result.set(label, {
@@ -435,13 +346,13 @@ function optimizeCustomData(interaction) {
       for (var _i = 0, _Object$entries = Object.entries(currentValue.custom || {}); _i < _Object$entries.length; _i++) {
         var _result$get$data2, _result$get2;
         var _Object$entries$_i = (0, _slicedToArray2.default)(_Object$entries[_i], 2),
-          _key = _Object$entries$_i[0],
+          key = _Object$entries$_i[0],
           value = _Object$entries$_i[1];
         var label = (0, _utils.stringifyLabelStackFully)([]);
         var labelValue = (_result$get$data2 = (_result$get2 = result.get(label)) === null || _result$get2 === void 0 ? void 0 : _result$get2.data) !== null && _result$get$data2 !== void 0 ? _result$get$data2 : {};
         result.set(label, {
           labelStack: (0, _utils.optimizeLabelStack)([], (0, _constants.getReactUFOVersion)(interaction.type)),
-          data: Object.assign(labelValue, (0, _defineProperty2.default)({}, _key, value))
+          data: Object.assign(labelValue, (0, _defineProperty2.default)({}, key, value))
         });
       }
       return result;
@@ -451,12 +362,12 @@ function optimizeCustomData(interaction) {
   return (0, _toConsumableArray2.default)(customDataMap.values());
 }
 function optimizeReactProfilerTimings(reactProfilerTimings, interactionStart, reactUFOVersion) {
-  var reactProfilerTimingsMap = reactProfilerTimings.reduce(function (result, _ref4) {
-    var labelStack = _ref4.labelStack,
-      startTime = _ref4.startTime,
-      commitTime = _ref4.commitTime,
-      actualDuration = _ref4.actualDuration,
-      type = _ref4.type;
+  var reactProfilerTimingsMap = reactProfilerTimings.reduce(function (result, _ref3) {
+    var labelStack = _ref3.labelStack,
+      startTime = _ref3.startTime,
+      commitTime = _ref3.commitTime,
+      actualDuration = _ref3.actualDuration,
+      type = _ref3.type;
     if (labelStack && startTime >= interactionStart) {
       var label = (0, _utils.stringifyLabelStackFully)(labelStack);
       var start = Math.round(startTime);
@@ -602,10 +513,10 @@ function optimizeCustomTimings(customTimings, interactionStart) {
   }, []);
 }
 function optimizeMarks(marks, reactUFOVersion) {
-  return marks.map(function (_ref5) {
-    var labelStack = _ref5.labelStack,
-      time = _ref5.time,
-      others = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
+  return marks.map(function (_ref4) {
+    var labelStack = _ref4.labelStack,
+      time = _ref4.time,
+      others = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
     return _objectSpread(_objectSpread({}, others), {}, {
       labelStack: labelStack && (0, _utils.optimizeLabelStack)(labelStack, reactUFOVersion),
       time: Math.round(time)
@@ -613,10 +524,10 @@ function optimizeMarks(marks, reactUFOVersion) {
   });
 }
 function optimizeApdex(apdex, reactUFOVersion) {
-  return apdex.map(function (_ref6) {
-    var stopTime = _ref6.stopTime,
-      labelStack = _ref6.labelStack,
-      others = (0, _objectWithoutProperties2.default)(_ref6, _excluded2);
+  return apdex.map(function (_ref5) {
+    var stopTime = _ref5.stopTime,
+      labelStack = _ref5.labelStack,
+      others = (0, _objectWithoutProperties2.default)(_ref5, _excluded2);
     return _objectSpread(_objectSpread({}, others), {}, {
       stopTime: Math.round(stopTime)
     }, labelStack ? {
@@ -679,10 +590,6 @@ function getBm3TrackerTimings(interaction) {
     legacyMetrics: legacyMetrics
   };
 }
-function getSSRDoneTimeValue(config) {
-  var _config$ssr, _config$ssr2;
-  return config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime ? config === null || config === void 0 || (_config$ssr2 = config.ssr) === null || _config$ssr2 === void 0 ? void 0 : _config$ssr2.getSSRDoneTime() : ssr.getSSRDoneTime();
-}
 function getPayloadSize(payload) {
   return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
 }
@@ -734,27 +641,27 @@ function getErrorCounts(interaction) {
     'ufo:errors:count': interaction.errors.length
   };
 }
-function createInteractionMetricsPayload(_x2, _x3, _x4) {
+function createInteractionMetricsPayload(_x, _x2, _x3) {
   return _createInteractionMetricsPayload.apply(this, arguments);
 }
 function _createInteractionMetricsPayload() {
-  _createInteractionMetricsPayload = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(interaction, interactionId, experimental) {
+  _createInteractionMetricsPayload = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(interaction, interactionId, experimental) {
     var _window$location, _config$additionalPay;
     var interactionPayloadStart, config, end, start, ufoName, knownSegments, rate, type, abortReason, routeName, featureFlags, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, pageVisibilityAtTTI, pageVisibilityAtTTAI, segments, segmentTree, isDetailedPayload, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTI, moreAccuratePageVisibilityAtTTAI, labelStack, getPageLoadInteractionMetrics, getDetailedInteractionMetrics, getPageLoadDetailedInteractionMetrics, newUFOName, resourceTimings, _yield$Promise$all, _yield$Promise$all2, vcMetrics, experimentalMetrics, payload;
-    return _regenerator.default.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
         case 0:
           interactionPayloadStart = performance.now();
           config = (0, _config.getConfig)();
           if (config) {
-            _context2.next = 4;
+            _context.next = 4;
             break;
           }
           throw Error('UFO Configuration not provided');
         case 4:
           end = interaction.end, start = interaction.start, ufoName = interaction.ufoName, knownSegments = interaction.knownSegments, rate = interaction.rate, type = interaction.type, abortReason = interaction.abortReason, routeName = interaction.routeName, featureFlags = interaction.featureFlags, previousInteractionName = interaction.previousInteractionName, isPreviousInteractionAborted = interaction.isPreviousInteractionAborted, abortedByInteractionName = interaction.abortedByInteractionName;
           pageVisibilityAtTTI = getPageVisibilityUpToTTI(interaction);
-          pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
+          pageVisibilityAtTTAI = (0, _getPageVisibilityUpToTtai.default)(interaction);
           segments = config.killswitchNestedSegments ? [] : knownSegments;
           segmentTree = (0, _constants.getReactUFOVersion)(interaction.type) === '2.0.0' ? (0, _utils.buildSegmentTree)(segments.map(function (segment) {
             return segment.labelStack;
@@ -768,18 +675,18 @@ function _createInteractionMetricsPayload() {
             labelStack: (0, _utils.optimizeLabelStack)(interaction.labelStack, (0, _constants.getReactUFOVersion)(interaction.type))
           } : {}; // Page Load
           getPageLoadInteractionMetrics = function getPageLoadInteractionMetrics() {
-            var _config$ssr3;
+            var _config$ssr;
             if (!isPageLoad) {
               return {};
             }
             var config = (0, _config.getConfig)();
-            var SSRDoneTimeValue = getSSRDoneTimeValue(config);
+            var SSRDoneTimeValue = (0, _getSsrDoneTimeValue.default)(config);
             var SSRDoneTime = SSRDoneTimeValue !== undefined ? {
               SSRDoneTime: Math.round(SSRDoneTimeValue)
             } : {};
             return _objectSpread(_objectSpread({}, SSRDoneTime), {}, {
               isBM3ConfigSSRDoneAsFmp: interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp,
-              isUFOConfigSSRDoneAsFmp: interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp || !!(config !== null && config !== void 0 && (_config$ssr3 = config.ssr) !== null && _config$ssr3 !== void 0 && _config$ssr3.getSSRDoneTime)
+              isUFOConfigSSRDoneAsFmp: interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp || !!(config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime)
             });
           }; // Detailed payload. Page visibility = visible
           getDetailedInteractionMetrics = function getDetailedInteractionMetrics(resourceTimings) {
@@ -789,9 +696,9 @@ function _createInteractionMetricsPayload() {
             var spans = [].concat((0, _toConsumableArray2.default)(interaction.spans), (0, _toConsumableArray2.default)(_interactionMetrics.interactionSpans));
             _interactionMetrics.interactionSpans.length = 0;
             return {
-              errors: interaction.errors.map(function (_ref7) {
-                var labelStack = _ref7.labelStack,
-                  others = (0, _objectWithoutProperties2.default)(_ref7, _excluded3);
+              errors: interaction.errors.map(function (_ref6) {
+                var labelStack = _ref6.labelStack,
+                  others = (0, _objectWithoutProperties2.default)(_ref6, _excluded3);
                 return _objectSpread(_objectSpread({}, others), {}, {
                   labelStack: labelStack && (0, _utils.optimizeLabelStack)(labelStack, (0, _constants.getReactUFOVersion)(interaction.type))
                 });
@@ -807,14 +714,14 @@ function _createInteractionMetricsPayload() {
             };
           }; // Page load & detailed payload
           getPageLoadDetailedInteractionMetrics = function getPageLoadDetailedInteractionMetrics() {
-            var _config$ssr4;
+            var _config$ssr2;
             if (!isPageLoad || !isDetailedPayload) {
               return {};
             }
             var config = (0, _config.getConfig)();
             return {
               initialPageLoadExtraTimings: objectToArray(initialPageLoadExtraTiming.getTimings()),
-              SSRTimings: config !== null && config !== void 0 && (_config$ssr4 = config.ssr) !== null && _config$ssr4 !== void 0 && _config$ssr4.getSSRTimings ? config.ssr.getSSRTimings() : objectToArray(ssr.getSSRTimings())
+              SSRTimings: config !== null && config !== void 0 && (_config$ssr2 = config.ssr) !== null && _config$ssr2 !== void 0 && _config$ssr2.getSSRTimings ? config.ssr.getSSRTimings() : objectToArray(ssr.getSSRTimings())
             };
           };
           if (experimental) {
@@ -824,10 +731,10 @@ function _createInteractionMetricsPayload() {
           }
           newUFOName = (0, _utils.sanitizeUfoName)(ufoName);
           resourceTimings = getResourceTimings(start, end);
-          _context2.next = 23;
-          return Promise.all([getVCMetrics(interaction), experimental ? (0, _createExperimentalInteractionMetricsPayload.getExperimentalVCMetrics)(interaction) : Promise.resolve(undefined)]);
+          _context.next = 23;
+          return Promise.all([(0, _getVcMetrics.default)(interaction), experimental ? (0, _createExperimentalInteractionMetricsPayload.getExperimentalVCMetrics)(interaction) : Promise.resolve(undefined)]);
         case 23:
-          _yield$Promise$all = _context2.sent;
+          _yield$Promise$all = _context.sent;
           _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 2);
           vcMetrics = _yield$Promise$all2[0];
           experimentalMetrics = _yield$Promise$all2[1];
@@ -873,9 +780,9 @@ function _createInteractionMetricsPayload() {
                   apdex: optimizeApdex(interaction.apdex, (0, _constants.getReactUFOVersion)(interaction.type)),
                   end: Math.round(end),
                   start: Math.round(start),
-                  segments: (0, _constants.getReactUFOVersion)(interaction.type) === '2.0.0' ? segmentTree : segments.map(function (_ref8) {
-                    var labelStack = _ref8.labelStack,
-                      others = (0, _objectWithoutProperties2.default)(_ref8, _excluded4);
+                  segments: (0, _constants.getReactUFOVersion)(interaction.type) === '2.0.0' ? segmentTree : segments.map(function (_ref7) {
+                    var labelStack = _ref7.labelStack,
+                      others = (0, _objectWithoutProperties2.default)(_ref7, _excluded4);
                     return _objectSpread(_objectSpread({}, others), {}, {
                       labelStack: (0, _utils.optimizeLabelStack)(labelStack, (0, _constants.getReactUFOVersion)(interaction.type))
                     });
@@ -896,38 +803,38 @@ function _createInteractionMetricsPayload() {
             expTTAI = undefined;
           }
           payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
-          return _context2.abrupt("return", payload);
+          return _context.abrupt("return", payload);
         case 31:
         case "end":
-          return _context2.stop();
+          return _context.stop();
       }
-    }, _callee2);
+    }, _callee);
   }));
   return _createInteractionMetricsPayload.apply(this, arguments);
 }
-function createPayloads(_x5, _x6) {
+function createPayloads(_x4, _x5) {
   return _createPayloads.apply(this, arguments);
 }
 function _createPayloads() {
-  _createPayloads = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(interactionId, interaction) {
+  _createPayloads = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(interactionId, interaction) {
     var ufoNameOverride, modifiedInteraction, interactionMetricsPayload;
-    return _regenerator.default.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
         case 0:
           ufoNameOverride = getUfoNameOverride(interaction);
           modifiedInteraction = _objectSpread(_objectSpread({}, interaction), {}, {
             ufoName: ufoNameOverride
           });
-          _context3.next = 4;
+          _context2.next = 4;
           return createInteractionMetricsPayload(modifiedInteraction, interactionId);
         case 4:
-          interactionMetricsPayload = _context3.sent;
-          return _context3.abrupt("return", [interactionMetricsPayload]);
+          interactionMetricsPayload = _context2.sent;
+          return _context2.abrupt("return", [interactionMetricsPayload]);
         case 6:
         case "end":
-          return _context3.stop();
+          return _context2.stop();
       }
-    }, _callee3);
+    }, _callee2);
   }));
   return _createPayloads.apply(this, arguments);
 }

package/dist/cjs/create-payload/utils/get-interaction-status.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getInteractionStatus;
+/**
+ * Determines the interaction status based on abort reason and BM3 TTI presence.
+ *
+ * @param {InteractionMetrics} interaction - The interaction metrics object containing abort reason and apdex data
+ * @returns {{
+ *   originalInteractionStatus: 'ABORTED' | 'SUCCEEDED',
+ *   overrideStatus: 'ABORTED' | 'SUCCEEDED'
+ * }} An object containing both the original and override status
+ *
+ * @description
+ * This function evaluates the interaction status in two ways:
+ * 1. originalInteractionStatus: Based on whether there's an abort reason
+ * 2. overrideStatus: Based on the presence of BM3 TTI (apdex data)
+ *
+ * @example
+ * const interaction = {
+ *   abortReason: null,
+ *   apdex: [1, 2, 3]
+ * };
+ * const result = getInteractionStatus(interaction);
+ * // Returns: { originalInteractionStatus: 'SUCCEEDED', overrideStatus: 'SUCCEEDED' }
+ */
+function getInteractionStatus(interaction) {
+  var originalInteractionStatus = interaction.abortReason ? 'ABORTED' : 'SUCCEEDED';
+  var hasBm3TTI = interaction.apdex.length > 0;
+  var overrideStatus = hasBm3TTI ? 'SUCCEEDED' : originalInteractionStatus;
+  return {
+    originalInteractionStatus: originalInteractionStatus,
+    overrideStatus: overrideStatus
+  };
+}

package/dist/cjs/create-payload/utils/get-page-visibility-up-to-ttai.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getPageVisibilityUpToTTAI;
+var _hiddenTiming = require("../../hidden-timing");
+function getPageVisibilityUpToTTAI(interaction) {
+  var start = interaction.start,
+    end = interaction.end;
+  return (0, _hiddenTiming.getPageVisibilityState)(start, end);
+}

package/dist/cjs/create-payload/utils/get-ssr-done-time-value.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getSSRDoneTimeValue;
+var ssr = _interopRequireWildcard(require("../../ssr"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function getSSRDoneTimeValue(config) {
+  var _config$ssr, _config$ssr2;
+  return config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime ? config === null || config === void 0 || (_config$ssr2 = config.ssr) === null || _config$ssr2 === void 0 ? void 0 : _config$ssr2.getSSRDoneTime() : ssr.getSSRDoneTime();
+}

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

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getVCMetrics;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _config = require("../../config");
+var _interactionMetrics = require("../../interaction-metrics");
+var _vc = require("../../vc");
+var _getInteractionStatus = _interopRequireDefault(require("./get-interaction-status"));
+var _getPageVisibilityUpToTtai = _interopRequireDefault(require("./get-page-visibility-up-to-ttai"));
+var _getSsrDoneTimeValue = _interopRequireDefault(require("./get-ssr-done-time-value"));
+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; }
+function getVCMetrics(_x) {
+  return _getVCMetrics.apply(this, arguments);
+}
+function _getVCMetrics() {
+  _getVCMetrics = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(interaction) {
+    var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _config$experimentalI;
+    var config, interactionStatus, pageVisibilityUpToTTAI, isSSREnabled, ssr, tti, prefix, result, VC;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          config = (0, _config.getConfig)();
+          if (config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled) {
+            _context.next = 3;
+            break;
+          }
+          return _context.abrupt("return", {});
+        case 3:
+          if (!(interaction.type !== 'page_load' && interaction.type !== 'transition')) {
+            _context.next = 5;
+            break;
+          }
+          return _context.abrupt("return", {});
+        case 5:
+          interactionStatus = (0, _getInteractionStatus.default)(interaction);
+          pageVisibilityUpToTTAI = (0, _getPageVisibilityUpToTtai.default)(interaction);
+          if (!((interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible') && (0, _platformFeatureFlags.fg)('platform_ufo_no_vc_on_aborted'))) {
+            _context.next = 9;
+            break;
+          }
+          return _context.abrupt("return", {});
+        case 9:
+          isSSREnabled = (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)
+          } : null;
+          _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 = 16;
+          return (0, _vc.getVCObserver)().getVCResult(_objectSpread({
+            start: interaction.start,
+            stop: interaction.end,
+            tti: tti,
+            prefix: prefix,
+            vc: interaction.vc,
+            isEventAborted: interactionStatus.originalInteractionStatus !== 'SUCCEEDED'
+          }, ssr));
+        case 16:
+          result = _context.sent;
+          if ((_config$experimentalI = config.experimentalInteractionMetrics) !== null && _config$experimentalI !== void 0 && _config$experimentalI.enabled) {
+            (0, _vc.getVCObserver)().stop();
+          }
+          _interactionMetrics.postInteractionLog.setLastInteractionFinishVCResult(result);
+          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 = 22;
+            break;
+          }
+          return _context.abrupt("return", result);
+        case 22:
+          if (!(interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible')) {
+            _context.next = 24;
+            break;
+          }
+          return _context.abrupt("return", result);
+        case 24:
+          return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
+            'metric:vc90': VC['90']
+          }));
+        case 25:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _getVCMetrics.apply(this, arguments);
+}

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

@@ -137,6 +137,7 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
                 stop: performance.now(),
                 tti: -1,
                 // no need for TTI value here
+                isEventAborted: !!this.lastInteractionFinish.abortReason,
                 prefix: 'ufo'
               }, this.vcObserverSSRConfig));
             case 6: