@atlaskit/react-ufo 3.3.0 → 3.3.2

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

@@ -10,6 +10,7 @@ var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _hiddenTiming = require("../../../hidden-timing");
 var UNUSED_SECTOR = 0;
 var MultiRevisionHeatmap = exports.MultiRevisionHeatmap = /*#__PURE__*/function () {
   function MultiRevisionHeatmap(_ref) {
@@ -107,8 +108,10 @@ var MultiRevisionHeatmap = exports.MultiRevisionHeatmap = /*#__PURE__*/function
   }, {
     key: "getPayloadShapedData",
     value: function getPayloadShapedData(args) {
+      var pageVisibilityUpToTTAI = (0, _hiddenTiming.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] = {
@@ -120,7 +123,7 @@ var MultiRevisionHeatmap = exports.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;

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

@@ -103,11 +103,11 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     });
     (0, _defineProperty2.default)(this, "getVCResult", /*#__PURE__*/function () {
       var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref3) {
-        var start, stop, tti, prefix, ssr, vc, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, multiHeatmap, _VCObserver$calculate, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, isMultiHeatmapEnabled, revisionsData, isCalcSpeedIndexEnabled;
+        var start, stop, tti, prefix, ssr, vc, isEventAborted, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, multiHeatmap, _VCObserver$calculate, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, isMultiHeatmapEnabled, revisionsData, isCalcSpeedIndexEnabled, speedIndex;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              start = _ref3.start, stop = _ref3.stop, tti = _ref3.tti, prefix = _ref3.prefix, ssr = _ref3.ssr, vc = _ref3.vc;
+              start = _ref3.start, stop = _ref3.stop, tti = _ref3.tti, prefix = _ref3.prefix, ssr = _ref3.ssr, vc = _ref3.vc, isEventAborted = _ref3.isEventAborted;
               startTime = performance.now(); // add local measurement
               fullPrefix = prefix !== undefined && prefix !== '' ? "".concat(prefix, ":") : '';
               rawData = vc !== undefined ? vc : _this.getVCRawData();
@@ -240,8 +240,8 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
               } catch (e) {
                 /*  do nothing */
               }
-              isMultiHeatmapEnabled = (0, _platformFeatureFlags.fg)('ufo_vc_multiheatmap');
-              revisionsData = isMultiHeatmapEnabled && multiHeatmap !== null ? (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:rev"), multiHeatmap.getPayloadShapedData({
+              isMultiHeatmapEnabled = !(0, _platformFeatureFlags.fg)('platform_ufo_multiheatmap_killswitch');
+              revisionsData = isMultiHeatmapEnabled && multiHeatmap !== null ? (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:rev"), multiHeatmap === null || multiHeatmap === void 0 ? void 0 : multiHeatmap.getPayloadShapedData({
                 VCParts: VCObserver.VCParts.map(function (v) {
                   return parseInt(v);
                 }),
@@ -253,15 +253,18 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
                   var classifier = _ref10.classifier;
                   return classifier.filterComponentsLog;
                 }),
+                isEventAborted: isEventAborted,
+                interactionStart: start,
                 ttai: stop,
                 ssr: ssr,
                 clean: !abortReasonInfo
               })) : null; // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
               isCalcSpeedIndexEnabled = (0, _platformFeatureFlags.fg)('ufo-calc-speed-index');
+              speedIndex = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "ufo:speedIndex", VCEntries.speedIndex), "ufo:next:speedIndex", vcNext.VCEntries.speedIndex);
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
                 'metrics:vc': VC
-              }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), revisionsData), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "ufo:speedIndex", isCalcSpeedIndexEnabled ? VCEntries.speedIndex : undefined), "ufo:next:speedIndex", isCalcSpeedIndexEnabled ? vcNext.VCEntries.speedIndex : undefined)));
-            case 23:
+              }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), revisionsData), isCalcSpeedIndexEnabled ? speedIndex : {}));
+            case 24:
             case "end":
               return _context.stop();
           }
@@ -274,16 +277,14 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
       _this.measureStart();
       _this.legacyHandleUpdate(rawTime, intersectionRect, targetName, element, type, ignoreReason);
-      if ((0, _platformFeatureFlags.fg)('ufo_vc_multiheatmap')) {
-        _this.onViewportChangeDetected({
-          timestamp: rawTime,
-          intersectionRect: intersectionRect,
-          targetName: targetName,
-          element: element,
-          type: type,
-          ignoreReason: ignoreReason
-        });
-      }
+      _this.onViewportChangeDetected({
+        timestamp: rawTime,
+        intersectionRect: intersectionRect,
+        targetName: targetName,
+        element: element,
+        type: type,
+        ignoreReason: ignoreReason
+      });
       _this.measureStop();
     });
     (0, _defineProperty2.default)(this, "legacyHandleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
@@ -423,13 +424,11 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     });
     this.heatmap = this.getCleanHeatmap();
     this.heatmapNext = this.getCleanHeatmap();
-    if ((0, _platformFeatureFlags.fg)('ufo_vc_multiheatmap')) {
-      this.multiHeatmap = new _heatmap.MultiRevisionHeatmap({
-        viewport: this.viewport,
-        revisions: (0, _revisions.getRevisions)(),
-        devToolsEnabled: this.devToolsEnabled
-      });
-    }
+    this.multiHeatmap = new _heatmap.MultiRevisionHeatmap({
+      viewport: this.viewport,
+      revisions: (0, _revisions.getRevisions)(),
+      devToolsEnabled: this.devToolsEnabled
+    });
     this.isPostInteraction = options.isPostInteraction || false;
   }
   return (0, _createClass2.default)(VCObserver, [{
@@ -512,13 +511,11 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       this.detachAbortListeners();
       this.heatmap = this.getCleanHeatmap();
       this.heatmapNext = this.getCleanHeatmap();
-      if ((0, _platformFeatureFlags.fg)('ufo_vc_multiheatmap')) {
-        this.multiHeatmap = new _heatmap.MultiRevisionHeatmap({
-          viewport: this.viewport,
-          revisions: (0, _revisions.getRevisions)(),
-          devToolsEnabled: this.devToolsEnabled
-        });
-      }
+      this.multiHeatmap = new _heatmap.MultiRevisionHeatmap({
+        viewport: this.viewport,
+        revisions: (0, _revisions.getRevisions)(),
+        devToolsEnabled: this.devToolsEnabled
+      });
       this.totalTime = 0;
       this.componentsLog = {};
       this.vcRatios = {};

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

@@ -65,6 +65,7 @@ export const getExperimentalVCMetrics = async interaction => {
       start: interaction.start,
       stop: interaction.end,
       tti: (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 ? void 0 : (_interaction$apdex$ = _interaction$apdex[0]) === null || _interaction$apdex$ === void 0 ? void 0 : _interaction$apdex$.stopTime,
+      isEventAborted: !!interaction.abortReason,
       prefix,
       vc: interaction.vc
     });

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

@@ -11,12 +11,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) {
   const {
     ufoName,
@@ -65,13 +68,6 @@ const getPageVisibilityUpToTTI = interaction => {
   const bm3EndTimeOrInteractionEndTime = getBm3EndTimeOrFallbackValue(interaction);
   return getPageVisibilityState(start, bm3EndTimeOrInteractionEndTime);
 };
-const getPageVisibilityUpToTTAI = interaction => {
-  const {
-    start,
-    end
-  } = interaction;
-  return getPageVisibilityState(start, end);
-};
 const getVisibilityStateFromPerformance = stop => {
   try {
     const results = performance.getEntriesByType('visibility-state');
@@ -126,15 +122,6 @@ const getMoreAccuratePageVisibilityUpToTTAI = interaction => {
   }
   return old;
 };
-const getInteractionStatus = interaction => {
-  const originalInteractionStatus = interaction.abortReason ? 'ABORTED' : 'SUCCEEDED';
-  const hasBm3TTI = interaction.apdex.length > 0;
-  const overrideStatus = hasBm3TTI ? 'SUCCEEDED' : originalInteractionStatus;
-  return {
-    originalInteractionStatus,
-    overrideStatus
-  };
-};
 const getResourceTimings = (start, end) => {
   var _resourceTiming$getRe;
   return (_resourceTiming$getRe = resourceTiming.getResourceTimings(start, end)) !== null && _resourceTiming$getRe !== void 0 ? _resourceTiming$getRe : undefined;
@@ -165,58 +152,6 @@ const getTTAI = interaction => {
   const pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
   return !interaction.abortReason && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
 };
-const getVCMetrics = async interaction => {
-  var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _interaction$apdex$, _config$experimentalI;
-  const config = getConfig();
-  if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
-    return {};
-  }
-  if (interaction.type !== 'page_load' && interaction.type !== 'transition') {
-    return {};
-  }
-  const isSSREnabled = (config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 ? void 0 : (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName));
-  const ssr = interaction.type === 'page_load' && isSSREnabled ? {
-    ssr: getSSRDoneTimeValue(config)
-  } : null;
-  postInteractionLog.setVCObserverSSRConfig(ssr);
-  const tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 ? void 0 : (_interaction$apdex$ = _interaction$apdex[0]) === null || _interaction$apdex$ === void 0 ? void 0 : _interaction$apdex$.stopTime;
-  const prefix = 'ufo';
-  const result = await getVCObserver().getVCResult({
-    start: interaction.start,
-    stop: interaction.end,
-    tti,
-    prefix,
-    vc: interaction.vc,
-    ...ssr
-  });
-  if ((_config$experimentalI = config.experimentalInteractionMetrics) !== null && _config$experimentalI !== void 0 && _config$experimentalI.enabled) {
-    getVCObserver().stop();
-  }
-  postInteractionLog.setLastInteractionFinishVCResult(result);
-  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 interactionStatus = getInteractionStatus(interaction);
-  const pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
-  if (interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible') {
-    return result;
-  }
-  if (fg('ufo_vc_multiheatmap')) {
-    var _result;
-    (_result = result[`${prefix}:vc:rev`]) === null || _result === void 0 ? void 0 : _result.forEach(element => {
-      var _element$vcDetails, _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$2;
-        element['metric:vc90'] = (_element$vcDetails$2 = element.vcDetails['90']) === null || _element$vcDetails$2 === void 0 ? void 0 : _element$vcDetails$2.t;
-      }
-    });
-  }
-  return {
-    ...result,
-    'metric:vc90': VC['90']
-  };
-};
 const getNavigationMetrics = type => {
   if (type !== 'page_load') {
     return {};
@@ -264,7 +199,7 @@ const getNavigationMetrics = type => {
   };
 };
 const getPPSMetrics = interaction => {
-  var _interaction$apdex2, _interaction$apdex2$;
+  var _interaction$apdex, _interaction$apdex$;
   const {
     start,
     end
@@ -272,7 +207,7 @@ const getPPSMetrics = interaction => {
   const config = getConfig();
   const interactionStatus = getInteractionStatus(interaction);
   const pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
-  const tti = (_interaction$apdex2 = interaction.apdex) === null || _interaction$apdex2 === void 0 ? void 0 : (_interaction$apdex2$ = _interaction$apdex2[0]) === null || _interaction$apdex2$ === void 0 ? void 0 : _interaction$apdex2$.stopTime;
+  const tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 ? void 0 : (_interaction$apdex$ = _interaction$apdex[0]) === null || _interaction$apdex$ === void 0 ? void 0 : _interaction$apdex$.stopTime;
   const ttai = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
   const PPSMetricsAtTTI = tti !== undefined ? getLighthouseMetrics({
     start,
@@ -644,10 +579,6 @@ function getBm3TrackerTimings(interaction) {
     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 ? 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,7 +665,7 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
   } : {};
   // Page Load
   const getPageLoadInteractionMetrics = () => {
-    var _config$ssr3;
+    var _config$ssr;
     if (!isPageLoad) {
       return {};
     }
@@ -746,7 +677,7 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
     return {
       ...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
@@ -776,14 +707,14 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
   };
   // Page load & detailed payload
   const getPageLoadDetailedInteractionMetrics = () => {
-    var _config$ssr4;
+    var _config$ssr2;
     if (!isPageLoad || !isDetailedPayload) {
       return {};
     }
     const 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) {

package/dist/es2019/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) {
+  const originalInteractionStatus = interaction.abortReason ? 'ABORTED' : 'SUCCEEDED';
+  const hasBm3TTI = interaction.apdex.length > 0;
+  const overrideStatus = hasBm3TTI ? 'SUCCEEDED' : originalInteractionStatus;
+  return {
+    originalInteractionStatus,
+    overrideStatus
+  };
+}

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

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

package/dist/es2019/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 ? void 0 : (_config$ssr2 = config.ssr) === null || _config$ssr2 === void 0 ? void 0 : _config$ssr2.getSSRDoneTime() : ssr.getSSRDoneTime();
+}

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

@@ -0,0 +1,53 @@
+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 async function getVCMetrics(interaction) {
+  var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _interaction$apdex$, _config$experimentalI;
+  const config = getConfig();
+  if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
+    return {};
+  }
+  if (interaction.type !== 'page_load' && interaction.type !== 'transition') {
+    return {};
+  }
+  const interactionStatus = getInteractionStatus(interaction);
+  const pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
+  if ((interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible') && fg('platform_ufo_no_vc_on_aborted')) {
+    return {};
+  }
+  const isSSREnabled = (config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 ? void 0 : (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName));
+  const ssr = interaction.type === 'page_load' && isSSREnabled ? {
+    ssr: getSSRDoneTimeValue(config)
+  } : null;
+  postInteractionLog.setVCObserverSSRConfig(ssr);
+  const tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 ? void 0 : (_interaction$apdex$ = _interaction$apdex[0]) === null || _interaction$apdex$ === void 0 ? void 0 : _interaction$apdex$.stopTime;
+  const prefix = 'ufo';
+  const result = await getVCObserver().getVCResult({
+    start: interaction.start,
+    stop: interaction.end,
+    tti,
+    prefix,
+    vc: interaction.vc,
+    isEventAborted: interactionStatus.originalInteractionStatus !== 'SUCCEEDED',
+    ...ssr
+  });
+  if ((_config$experimentalI = config.experimentalInteractionMetrics) !== null && _config$experimentalI !== void 0 && _config$experimentalI.enabled) {
+    getVCObserver().stop();
+  }
+  postInteractionLog.setLastInteractionFinishVCResult(result);
+  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;
+  }
+  if (interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible') {
+    return result;
+  }
+  return {
+    ...result,
+    'metric:vc90': VC['90']
+  };
+}

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

@@ -101,6 +101,7 @@ export default class PostInteractionLog {
       stop: performance.now(),
       tti: -1,
       // no need for TTI value here
+      isEventAborted: !!this.lastInteractionFinish.abortReason,
       prefix: 'ufo',
       ...this.vcObserverSSRConfig
     }));

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

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { getPageVisibilityState } from '../../../hidden-timing';
 const UNUSED_SECTOR = 0;
 export class MultiRevisionHeatmap {
   constructor({
@@ -91,8 +92,10 @@ export class MultiRevisionHeatmap {
     };
   }
   getPayloadShapedData(args) {
+    const pageVisibilityUpToTTAI = getPageVisibilityState(args.interactionStart, args.ttai);
     const result = this.processData(args);
     const payload = this.revisions.map((rev, i) => {
+      var _vcDetails$;
       const vcDetails = {};
       args.VCParts.forEach(VCPart => {
         vcDetails[VCPart] = {
@@ -104,7 +107,7 @@ export class MultiRevisionHeatmap {
         revision: rev.name,
         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 ? void 0 : (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t : null
       };
     });
     return payload;

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

@@ -91,7 +91,8 @@ export class VCObserver {
       tti,
       prefix,
       ssr,
-      vc
+      vc,
+      isEventAborted
     }) => {
       const startTime = performance.now();
       // add local measurement
@@ -249,9 +250,9 @@ export class VCObserver {
       } catch (e) {
         /*  do nothing */
       }
-      const isMultiHeatmapEnabled = fg('ufo_vc_multiheatmap');
+      const isMultiHeatmapEnabled = !fg('platform_ufo_multiheatmap_killswitch');
       const revisionsData = isMultiHeatmapEnabled && multiHeatmap !== null ? {
-        [`${fullPrefix}vc:rev`]: multiHeatmap.getPayloadShapedData({
+        [`${fullPrefix}vc:rev`]: multiHeatmap === null || multiHeatmap === void 0 ? void 0 : multiHeatmap.getPayloadShapedData({
           VCParts: VCObserver.VCParts.map(v => parseInt(v)),
           VCCalculationMethods: getRevisions().map(({
             classifier
@@ -259,6 +260,8 @@ export class VCObserver {
           filterComponentsLog: getRevisions().map(({
             classifier
           }) => classifier.filterComponentsLog),
+          isEventAborted,
+          interactionStart: start,
           ttai: stop,
           ssr,
           clean: !abortReasonInfo
@@ -266,6 +269,10 @@ export class VCObserver {
       } : null;
       // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       const isCalcSpeedIndexEnabled = fg('ufo-calc-speed-index');
+      const speedIndex = {
+        [`ufo:speedIndex`]: VCEntries.speedIndex,
+        [`ufo:next:speedIndex`]: vcNext.VCEntries.speedIndex
+      };
       return {
         'metrics:vc': VC,
         [`${fullPrefix}vc:state`]: true,
@@ -284,23 +291,20 @@ export class VCObserver {
         //...oldDomUpdates,
         [`${fullPrefix}vc:ignored`]: this.getIgnoredElements(componentsLog),
         ...revisionsData,
-        [`ufo:speedIndex`]: isCalcSpeedIndexEnabled ? VCEntries.speedIndex : undefined,
-        [`ufo:next:speedIndex`]: isCalcSpeedIndexEnabled ? vcNext.VCEntries.speedIndex : undefined
+        ...(isCalcSpeedIndexEnabled ? speedIndex : {})
       };
     });
     _defineProperty(this, "handleUpdate", (rawTime, intersectionRect, targetName, element, type, ignoreReason) => {
       this.measureStart();
       this.legacyHandleUpdate(rawTime, intersectionRect, targetName, element, type, ignoreReason);
-      if (fg('ufo_vc_multiheatmap')) {
-        this.onViewportChangeDetected({
-          timestamp: rawTime,
-          intersectionRect,
-          targetName,
-          element,
-          type,
-          ignoreReason
-        });
-      }
+      this.onViewportChangeDetected({
+        timestamp: rawTime,
+        intersectionRect,
+        targetName,
+        element,
+        type,
+        ignoreReason
+      });
       this.measureStop();
     });
     _defineProperty(this, "legacyHandleUpdate", (rawTime, intersectionRect, targetName, element, type, ignoreReason) => {
@@ -441,13 +445,11 @@ export class VCObserver {
     });
     this.heatmap = this.getCleanHeatmap();
     this.heatmapNext = this.getCleanHeatmap();
-    if (fg('ufo_vc_multiheatmap')) {
-      this.multiHeatmap = new MultiRevisionHeatmap({
-        viewport: this.viewport,
-        revisions: getRevisions(),
-        devToolsEnabled: this.devToolsEnabled
-      });
-    }
+    this.multiHeatmap = new MultiRevisionHeatmap({
+      viewport: this.viewport,
+      revisions: getRevisions(),
+      devToolsEnabled: this.devToolsEnabled
+    });
     this.isPostInteraction = options.isPostInteraction || false;
   }
   start({
@@ -606,13 +608,11 @@ export class VCObserver {
     this.detachAbortListeners();
     this.heatmap = this.getCleanHeatmap();
     this.heatmapNext = this.getCleanHeatmap();
-    if (fg('ufo_vc_multiheatmap')) {
-      this.multiHeatmap = new MultiRevisionHeatmap({
-        viewport: this.viewport,
-        revisions: getRevisions(),
-        devToolsEnabled: this.devToolsEnabled
-      });
-    }
+    this.multiHeatmap = new MultiRevisionHeatmap({
+      viewport: this.viewport,
+      revisions: getRevisions(),
+      devToolsEnabled: this.devToolsEnabled
+    });
     this.totalTime = 0;
     this.componentsLog = {};
     this.vcRatios = {};

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

@@ -95,6 +95,7 @@ export var getExperimentalVCMetrics = /*#__PURE__*/function () {
             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
           });