@atlaskit/react-ufo 3.3.0 → 3.3.2

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

@@ -1,8 +1,8 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 var _excluded = ["labelStack", "time"],
   _excluded2 = ["stopTime", "labelStack"],
   _excluded3 = ["labelStack"],
@@ -23,12 +23,15 @@ import { getBm3Timings } from '../custom-timings';
 import { getGlobalErrorCount } from '../global-error-handler';
 import { getPageVisibilityState } from '../hidden-timing';
 import * as initialPageLoadExtraTiming from '../initial-page-load-extra-timing';
-import { interactionSpans as atlaskitInteractionSpans, postInteractionLog } from '../interaction-metrics';
+import { interactionSpans as atlaskitInteractionSpans } from '../interaction-metrics';
 import * as resourceTiming from '../resource-timing';
 import { roundEpsilon } from '../round-number';
 import * as ssr from '../ssr';
-import { getVCObserver } from '../vc';
 import { buildSegmentTree, labelStackStartWith, optimizeLabelStack, sanitizeUfoName, stringifyLabelStackFully } from './common/utils';
+import getInteractionStatus from './utils/get-interaction-status';
+import getPageVisibilityUpToTTAI from './utils/get-page-visibility-up-to-ttai';
+import getSSRDoneTimeValue from './utils/get-ssr-done-time-value';
+import getVCMetrics from './utils/get-vc-metrics';
 function getUfoNameOverride(interaction) {
   var ufoName = interaction.ufoName,
     apdex = interaction.apdex;
@@ -75,11 +78,6 @@ var getPageVisibilityUpToTTI = function getPageVisibilityUpToTTI(interaction) {
   var bm3EndTimeOrInteractionEndTime = getBm3EndTimeOrFallbackValue(interaction);
   return getPageVisibilityState(start, bm3EndTimeOrInteractionEndTime);
 };
-var getPageVisibilityUpToTTAI = function getPageVisibilityUpToTTAI(interaction) {
-  var start = interaction.start,
-    end = interaction.end;
-  return getPageVisibilityState(start, end);
-};
 var getVisibilityStateFromPerformance = function getVisibilityStateFromPerformance(stop) {
   try {
     var results = performance.getEntriesByType('visibility-state');
@@ -135,15 +133,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;
@@ -178,84 +167,6 @@ var getTTAI = function getTTAI(interaction) {
   var pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
   return !interaction.abortReason && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
 };
-var getVCMetrics = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 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;
-          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 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) {
-            getVCObserver().stop();
-          }
-          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 (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 {};
@@ -303,13 +214,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 = 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 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 ? getLighthouseMetrics({
     start: start,
@@ -405,10 +316,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 = 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, {
@@ -424,13 +335,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 = _slicedToArray(_Object$entries[_i], 2),
-          _key = _Object$entries$_i[0],
+          key = _Object$entries$_i[0],
           value = _Object$entries$_i[1];
         var label = 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: optimizeLabelStack([], getReactUFOVersion(interaction.type)),
-          data: Object.assign(labelValue, _defineProperty({}, _key, value))
+          data: Object.assign(labelValue, _defineProperty({}, key, value))
         });
       }
       return result;
@@ -440,12 +351,12 @@ function optimizeCustomData(interaction) {
   return _toConsumableArray(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 = stringifyLabelStackFully(labelStack);
       var start = Math.round(startTime);
@@ -591,10 +502,10 @@ function optimizeCustomTimings(customTimings, interactionStart) {
   }, []);
 }
 function optimizeMarks(marks, reactUFOVersion) {
-  return marks.map(function (_ref5) {
-    var labelStack = _ref5.labelStack,
-      time = _ref5.time,
-      others = _objectWithoutProperties(_ref5, _excluded);
+  return marks.map(function (_ref4) {
+    var labelStack = _ref4.labelStack,
+      time = _ref4.time,
+      others = _objectWithoutProperties(_ref4, _excluded);
     return _objectSpread(_objectSpread({}, others), {}, {
       labelStack: labelStack && optimizeLabelStack(labelStack, reactUFOVersion),
       time: Math.round(time)
@@ -602,10 +513,10 @@ function optimizeMarks(marks, reactUFOVersion) {
   });
 }
 function optimizeApdex(apdex, reactUFOVersion) {
-  return apdex.map(function (_ref6) {
-    var stopTime = _ref6.stopTime,
-      labelStack = _ref6.labelStack,
-      others = _objectWithoutProperties(_ref6, _excluded2);
+  return apdex.map(function (_ref5) {
+    var stopTime = _ref5.stopTime,
+      labelStack = _ref5.labelStack,
+      others = _objectWithoutProperties(_ref5, _excluded2);
     return _objectSpread(_objectSpread({}, others), {}, {
       stopTime: Math.round(stopTime)
     }, labelStack ? {
@@ -668,10 +579,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);
 }
@@ -723,20 +630,20 @@ 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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(interaction, interactionId, experimental) {
+  _createInteractionMetricsPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
         case 0:
           interactionPayloadStart = performance.now();
           config = getConfig();
           if (config) {
-            _context2.next = 4;
+            _context.next = 4;
             break;
           }
           throw Error('UFO Configuration not provided');
@@ -757,7 +664,7 @@ function _createInteractionMetricsPayload() {
             labelStack: optimizeLabelStack(interaction.labelStack, getReactUFOVersion(interaction.type))
           } : {}; // Page Load
           getPageLoadInteractionMetrics = function getPageLoadInteractionMetrics() {
-            var _config$ssr3;
+            var _config$ssr;
             if (!isPageLoad) {
               return {};
             }
@@ -768,7 +675,7 @@ function _createInteractionMetricsPayload() {
             } : {};
             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) {
@@ -778,9 +685,9 @@ function _createInteractionMetricsPayload() {
             var spans = [].concat(_toConsumableArray(interaction.spans), _toConsumableArray(atlaskitInteractionSpans));
             atlaskitInteractionSpans.length = 0;
             return {
-              errors: interaction.errors.map(function (_ref7) {
-                var labelStack = _ref7.labelStack,
-                  others = _objectWithoutProperties(_ref7, _excluded3);
+              errors: interaction.errors.map(function (_ref6) {
+                var labelStack = _ref6.labelStack,
+                  others = _objectWithoutProperties(_ref6, _excluded3);
                 return _objectSpread(_objectSpread({}, others), {}, {
                   labelStack: labelStack && optimizeLabelStack(labelStack, getReactUFOVersion(interaction.type))
                 });
@@ -796,14 +703,14 @@ function _createInteractionMetricsPayload() {
             };
           }; // Page load & detailed payload
           getPageLoadDetailedInteractionMetrics = function getPageLoadDetailedInteractionMetrics() {
-            var _config$ssr4;
+            var _config$ssr2;
             if (!isPageLoad || !isDetailedPayload) {
               return {};
             }
             var 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) {
@@ -813,10 +720,10 @@ function _createInteractionMetricsPayload() {
           }
           newUFOName = sanitizeUfoName(ufoName);
           resourceTimings = getResourceTimings(start, end);
-          _context2.next = 23;
+          _context.next = 23;
           return Promise.all([getVCMetrics(interaction), experimental ? getExperimentalVCMetrics(interaction) : Promise.resolve(undefined)]);
         case 23:
-          _yield$Promise$all = _context2.sent;
+          _yield$Promise$all = _context.sent;
           _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
           vcMetrics = _yield$Promise$all2[0];
           experimentalMetrics = _yield$Promise$all2[1];
@@ -862,9 +769,9 @@ function _createInteractionMetricsPayload() {
                   apdex: optimizeApdex(interaction.apdex, getReactUFOVersion(interaction.type)),
                   end: Math.round(end),
                   start: Math.round(start),
-                  segments: getReactUFOVersion(interaction.type) === '2.0.0' ? segmentTree : segments.map(function (_ref8) {
-                    var labelStack = _ref8.labelStack,
-                      others = _objectWithoutProperties(_ref8, _excluded4);
+                  segments: getReactUFOVersion(interaction.type) === '2.0.0' ? segmentTree : segments.map(function (_ref7) {
+                    var labelStack = _ref7.labelStack,
+                      others = _objectWithoutProperties(_ref7, _excluded4);
                     return _objectSpread(_objectSpread({}, others), {}, {
                       labelStack: optimizeLabelStack(labelStack, getReactUFOVersion(interaction.type))
                     });
@@ -885,38 +792,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);
 }
-export function createPayloads(_x5, _x6) {
+export function createPayloads(_x4, _x5) {
   return _createPayloads.apply(this, arguments);
 }
 function _createPayloads() {
-  _createPayloads = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(interactionId, interaction) {
+  _createPayloads = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(interactionId, interaction) {
     var ufoNameOverride, modifiedInteraction, interactionMetricsPayload;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
+    return _regeneratorRuntime.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/esm/create-payload/utils/get-interaction-status.js

@@ -0,0 +1,31 @@
+/**
+ * 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' }
+ */
+export default 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/esm/create-payload/utils/get-page-visibility-up-to-ttai.js

@@ -0,0 +1,6 @@
+import { getPageVisibilityState } from '../../hidden-timing';
+export default function getPageVisibilityUpToTTAI(interaction) {
+  var start = interaction.start,
+    end = interaction.end;
+  return getPageVisibilityState(start, end);
+}

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

@@ -0,0 +1,5 @@
+import * as ssr from '../../ssr';
+export default 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/esm/create-payload/utils/get-vc-metrics.js

@@ -0,0 +1,89 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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) { _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 { postInteractionLog } from '../../interaction-metrics';
+import { getVCObserver } from '../../vc';
+import getInteractionStatus from './get-interaction-status';
+import getPageVisibilityUpToTTAI from './get-page-visibility-up-to-ttai';
+import getSSRDoneTimeValue from './get-ssr-done-time-value';
+export default function getVCMetrics(_x) {
+  return _getVCMetrics.apply(this, arguments);
+}
+function _getVCMetrics() {
+  _getVCMetrics = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 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 = getInteractionStatus(interaction);
+          pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
+          if (!((interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible') && 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: getSSRDoneTimeValue(config)
+          } : null;
+          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 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) {
+            getVCObserver().stop();
+          }
+          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/esm/interaction-metrics/post-interaction-log.js

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

package/dist/esm/vc/vc-observer/heatmap/heatmap.js

@@ -3,6 +3,7 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructurin
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { getPageVisibilityState } from '../../../hidden-timing';
 var UNUSED_SECTOR = 0;
 export var MultiRevisionHeatmap = /*#__PURE__*/function () {
   function MultiRevisionHeatmap(_ref) {
@@ -100,8 +101,10 @@ export var MultiRevisionHeatmap = /*#__PURE__*/function () {
   }, {
     key: "getPayloadShapedData",
     value: function getPayloadShapedData(args) {
+      var pageVisibilityUpToTTAI = getPageVisibilityState(args.interactionStart, args.ttai);
       var result = this.processData(args);
       var payload = this.revisions.map(function (rev, i) {
+        var _vcDetails$;
         var vcDetails = {};
         args.VCParts.forEach(function (VCPart) {
           vcDetails[VCPart] = {
@@ -113,7 +116,7 @@ export var MultiRevisionHeatmap = /*#__PURE__*/function () {
           revision: rev.name,
           vcDetails: vcDetails,
           clean: args.clean,
-          'metric:vc90': null // will be set or not in the payload generator
+          'metric:vc90': args.clean && !args.isEventAborted && pageVisibilityUpToTTAI === 'visible' ? vcDetails === null || vcDetails === void 0 || (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t : null
         };
       });
       return payload;