@atlaskit/react-ufo 4.11.2 → 4.11.4

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

@@ -16,8 +16,8 @@ import { optimizeReactProfilerTimings } from '../create-payload/utils/optimize-r
 import { optimizeRequestInfo } from '../create-payload/utils/optimize-request-info';
 import { optimizeSpans } from '../create-payload/utils/optimize-spans';
 import { interactionSpans as atlaskitInteractionSpans } from '../interaction-metrics';
-async function createInteractionExtraLogPayload(interactionId, interaction) {
-  var _getTTAI, _window$location;
+async function createInteractionExtraLogPayload(interactionId, interaction, lastInteractionFinish, lastInteractionFinishVCResult) {
+  var _getTTAI, _lastInteractionFinis, _getTTAI2, _window$location;
   const config = getConfig();
   if (!config) {
     throw Error('UFO Configuration not provided');
@@ -33,7 +33,8 @@ async function createInteractionExtraLogPayload(interactionId, interaction) {
     previousInteractionName,
     isPreviousInteractionAborted,
     abortedByInteractionName,
-    knownSegments
+    knownSegments,
+    minorInteractions
   } = interaction;
   const sanitisedUfoName = sanitizeUfoName(ufoName);
   const configRate = getExtraInteractionRate(sanitisedUfoName, type);
@@ -42,7 +43,8 @@ async function createInteractionExtraLogPayload(interactionId, interaction) {
   }
   const pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
   const isPageLoad = type === 'page_load' || type === 'transition';
-  if (!isPageLoad) {
+  if (!isPageLoad || minorInteractions !== undefined && minorInteractions.length > 0) {
+    // Not send if aborted by minor interaction for now
     // Only create payload for page load
     return null;
   }
@@ -61,6 +63,32 @@ async function createInteractionExtraLogPayload(interactionId, interaction) {
     return null;
   }
 
+  // Get normal TTAI & VC90 for last finished interaction (without 3p)
+  if (!lastInteractionFinish || lastInteractionFinish !== null && lastInteractionFinish !== void 0 && lastInteractionFinish.abortReason || lastInteractionFinish !== null && lastInteractionFinish !== void 0 && (_lastInteractionFinis = lastInteractionFinish.errors) !== null && _lastInteractionFinis !== void 0 && _lastInteractionFinis.length) {
+    return null;
+  }
+  const normalTTAI = (_getTTAI2 = getTTAI(lastInteractionFinish)) !== null && _getTTAI2 !== void 0 ? _getTTAI2 : undefined;
+  const lastInteractionFinishStart = typeof lastInteractionFinish.start === 'number' ? Math.round(lastInteractionFinish.start) : undefined;
+  const lastInteractionFinishEnd = typeof lastInteractionFinish.end === 'number' ? Math.round(lastInteractionFinish.end) : undefined;
+  let lastInteractionFinishVC90 = null;
+  let lastInteractionFinishVCClean = false;
+  if (lastInteractionFinishVCResult) {
+    const lastInteractionFinishVCRev = lastInteractionFinishVCResult['ufo:vc:rev'];
+    const lastInteractionFinishRevision = lastInteractionFinishVCRev === null || lastInteractionFinishVCRev === void 0 ? void 0 : lastInteractionFinishVCRev.find(({
+      revision
+    }) => revision === DEFAULT_TTVC_REVISION);
+    if (lastInteractionFinishRevision !== null && lastInteractionFinishRevision !== void 0 && lastInteractionFinishRevision.clean) {
+      lastInteractionFinishVCClean = true;
+      lastInteractionFinishVC90 = lastInteractionFinishRevision['metric:vc90'];
+    } else {
+      return null;
+    }
+  } else if (normalTTAI !== undefined && typeof normalTTAI === 'number' && normalTTAI === extraTTAI) {
+    // Because TTAI is equal between with and without 3p, we can assume VC90 is also equal
+    lastInteractionFinishVC90 = effectiveVCRevisionPayload === null || effectiveVCRevisionPayload === void 0 ? void 0 : effectiveVCRevisionPayload['metric:vc90'];
+    lastInteractionFinishVCClean = effectiveVCRevisionPayload === null || effectiveVCRevisionPayload === void 0 ? void 0 : effectiveVCRevisionPayload.clean;
+  }
+
   // Helper function to check if labelStack contains third-party type
   const isThirdParty = labelStack => {
     var _labelStack$some;
@@ -148,7 +176,14 @@ async function createInteractionExtraLogPayload(interactionId, interaction) {
           customData: filteredData.customData,
           ...getDetailedInteractionMetrics()
         },
-        'vc:effective:revision': DEFAULT_TTVC_REVISION
+        'vc:effective:revision': DEFAULT_TTVC_REVISION,
+        lastInteractionFinish: {
+          start: lastInteractionFinishStart,
+          end: lastInteractionFinishEnd,
+          ttai: normalTTAI,
+          vc90: lastInteractionFinishVC90,
+          vcClean: lastInteractionFinishVCClean
+        }
       }
     }
   };

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

@@ -1,5 +1,5 @@
 import { getConfig, getMostRecentVCRevision } from '../../config';
-import { postInteractionLog } from '../../interaction-metrics';
+import { interactionExtraMetrics, postInteractionLog } from '../../interaction-metrics';
 import getInteractionStatus from './get-interaction-status';
 import getPageVisibilityUpToTTAI from './get-page-visibility-up-to-ttai';
 import getSSRDoneTimeValue from './get-ssr-done-time-value';
@@ -50,6 +50,7 @@ async function getVCMetrics(interaction, include3p = false, excludeSmartAnswersI
   if (!include3p) {
     // For Post Interaction, last interaction should be without 3p
     postInteractionLog.setLastInteractionFinishVCResult(result);
+    interactionExtraMetrics.setLastInteractionFinishVCResult(result);
   }
   const mostRecentVCRevision = getMostRecentVCRevision(interaction.ufoName);
   const mostRecentVCRevisionPayload = result === null || result === void 0 ? void 0 : (_result$ufoVcRev = result['ufo:vc:rev']) === null || _result$ufoVcRev === void 0 ? void 0 : _result$ufoVcRev.find(({

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

@@ -652,7 +652,8 @@ function finishInteraction(id, data, endTime = performance.now()) {
   PreviousInteractionLog.isAborted = data.abortReason != null;
   if (data.ufoName) {
     if (fg('platform_ufo_enable_ttai_with_3p')) {
-      if (interactionExtraMetrics.finishedInteractionId !== id) {
+      var _interactionExtraMetr;
+      if (((_interactionExtraMetr = interactionExtraMetrics.finishedInteraction) === null || _interactionExtraMetr === void 0 ? void 0 : _interactionExtraMetr.id) !== id) {
         // If this same interaction was not already handled, handle it
         handleInteraction(id, data);
       }
@@ -747,7 +748,8 @@ export function tryComplete(interactionId, endTime) {
         });
       }
       if (fg('platform_ufo_enable_ttai_with_3p')) {
-        if (interactionExtraMetrics.finishedInteractionId !== interactionId) {
+        var _interactionExtraMetr2;
+        if (((_interactionExtraMetr2 = interactionExtraMetrics.finishedInteraction) === null || _interactionExtraMetr2 === void 0 ? void 0 : _interactionExtraMetr2.id) !== interactionId) {
           var _getConfig9, _getConfig9$experimen;
           // If interactionExtraMetrics is not waiting for measuring this interaction
           if ((_getConfig9 = getConfig()) !== null && _getConfig9 !== void 0 && (_getConfig9$experimen = _getConfig9.experimentalInteractionMetrics) !== null && _getConfig9$experimen !== void 0 && _getConfig9$experimen.enabled) {
@@ -763,15 +765,15 @@ export function tryComplete(interactionId, endTime) {
       activeSubmitted = false;
     };
     if (fg('platform_ufo_enable_ttai_with_3p')) {
-      var _interaction$hold3pAc;
+      var _interaction$hold3pAc, _interactionExtraMetr3;
       const noMoreActive3pHolds = ((_interaction$hold3pAc = interaction.hold3pActive) === null || _interaction$hold3pAc === void 0 ? void 0 : _interaction$hold3pAc.size) === 0 || interaction.hold3pActive === undefined;
-      if (noMoreActiveHolds && interactionExtraMetrics.finishedInteractionId !== interactionId) {
+      if (noMoreActiveHolds && ((_interactionExtraMetr3 = interactionExtraMetrics.finishedInteraction) === null || _interactionExtraMetr3 === void 0 ? void 0 : _interactionExtraMetr3.id) !== interactionId) {
         // If it's not waiting for extra metrics to complete, finish the interaction as normal
         if (!activeSubmitted) {
           var _getConfig1, _getConfig1$extraInte, _getConfig10, _getConfig10$extraSea, _getConfig11, _getConfig11$extraSea;
           finishInteraction(interactionId, interaction, endTime);
           if ((_getConfig1 = getConfig()) !== null && _getConfig1 !== void 0 && (_getConfig1$extraInte = _getConfig1.extraInteractionMetrics) !== null && _getConfig1$extraInte !== void 0 && _getConfig1$extraInte.enabled) {
-            interactionExtraMetrics.updateFinishedInteractionId(interactionId);
+            interactionExtraMetrics.updateFinishedInteraction(interaction);
           }
           if ((_getConfig10 = getConfig()) !== null && _getConfig10 !== void 0 && (_getConfig10$extraSea = _getConfig10.extraSearchPageInteraction) !== null && _getConfig10$extraSea !== void 0 && _getConfig10$extraSea.enabled && interaction.ufoName === ((_getConfig11 = getConfig()) === null || _getConfig11 === void 0 ? void 0 : (_getConfig11$extraSea = _getConfig11.extraSearchPageInteraction) === null || _getConfig11$extraSea === void 0 ? void 0 : _getConfig11$extraSea.searchPageMetricName) && fg('react_ufo_unified_search_ignoring_sain_metric')) {
             onSearchPageInteractionComplete(interactionId, interaction);

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

@@ -4,8 +4,8 @@ import { interactions } from './common/constants';
 import { remove } from './index';
 export default class InteractionExtraMetrics {
   constructor() {
-    // Store the finished interaction ID (as non-3p interaction)
-    _defineProperty(this, "finishedInteractionId", null);
+    // Store the finished interaction (as non-3p interaction)
+    _defineProperty(this, "finishedInteraction", null);
     // independent VC observer, that observes until `custom.post-interaction-logs` event is sent
     _defineProperty(this, "vcObserver", null);
     _defineProperty(this, "sinkHandlerFn", () => {});
@@ -36,11 +36,14 @@ export default class InteractionExtraMetrics {
     const interaction = interactions.get(interactionId);
     return (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'page_load' || (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'transition';
   }
-  updateFinishedInteractionId(interactionId) {
-    if (this.eligibleToMeasure(interactionId)) {
-      this.finishedInteractionId = interactionId;
+  updateFinishedInteraction(interaction) {
+    if ((interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'page_load' || (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'transition') {
+      this.finishedInteraction = interaction;
     }
   }
+  setLastInteractionFinishVCResult(result) {
+    this.lastInteractionFinishVCResult = result;
+  }
   sinkHandler(fn) {
     this.sinkHandlerFn = fn;
   }
@@ -51,18 +54,20 @@ export default class InteractionExtraMetrics {
         ...data,
         vcObserver: (_this$vcObserver3 = this.vcObserver) !== null && _this$vcObserver3 !== void 0 ? _this$vcObserver3 : undefined
       };
-      this.sinkHandlerFn(id, updatedData);
+      this.sinkHandlerFn(id, updatedData, this.finishedInteraction, this.lastInteractionFinishVCResult);
     }
     this.stopVCObserver();
     remove(id);
     this.reset();
   }
   reset() {
+    var _this$finishedInterac;
     this.stopVCObserver();
-    if (this.finishedInteractionId) {
-      remove(this.finishedInteractionId);
+    if ((_this$finishedInterac = this.finishedInteraction) !== null && _this$finishedInterac !== void 0 && _this$finishedInterac.id) {
+      remove(this.finishedInteraction.id);
     }
-    this.finishedInteractionId = null;
+    this.finishedInteraction = null;
+    this.lastInteractionFinishVCResult = undefined;
   }
   stopAll(id) {
     remove(id);

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

@@ -70,9 +70,9 @@ function sinkPostInteractionLog(instance, createPostInteractionLogPayload) {
   });
 }
 function sinkInteractionExtraMetrics(instance, createInteractionExtraLogPayload) {
-  interactionExtraMetrics.sinkHandler((interactionId, interaction) => {
+  interactionExtraMetrics.sinkHandler((interactionId, interaction, lastInteractionFinish, lastInteractionFinishVCResult) => {
     scheduleIdleCallback(async () => {
-      const payload = await createInteractionExtraLogPayload(interactionId, interaction);
+      const payload = await createInteractionExtraLogPayload(interactionId, interaction, lastInteractionFinish, lastInteractionFinishVCResult);
       if (payload) {
         // NOTE: This API is used by the UFO DevTool Chrome Extension and also by Criterion
         // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix

package/dist/es2019/segment/segment.js

@@ -1,4 +1,4 @@
-import React, { lazy, Profiler, Suspense, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
+import React, { Profiler, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import { unstable_NormalPriority as NormalPriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
 import { v4 as createUUID } from 'uuid';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -12,11 +12,7 @@ import UFORouteName from '../route-name-context';
 import generateId from '../short-id';
 import scheduleOnPaint from './schedule-on-paint';
 let tryCompleteHandle;
-const AsyncSegmentHighlight = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_ufo-segment-highlight" */'./segment-highlight').then(module => ({
-  default: module.SegmentHighlight
-})));
 
-// KARL TODO: finish self profiling
 /** A portion of the page we apply measurement to */
 export default function UFOSegment({
   name: segmentName,
@@ -24,7 +20,6 @@ export default function UFOSegment({
   mode = 'single',
   type = 'first-party'
 }) {
-  var _getConfig2;
   const parentContext = useContext(UFOInteractionContext);
   const segmentIdMap = useMemo(() => {
     if (!(parentContext !== null && parentContext !== void 0 && parentContext.segmentIdMap)) {
@@ -260,16 +255,11 @@ export default function UFOSegment({
     };
   }, [interactionId, parentContext, interactionContext, labelStack]);
   const reactProfilerId = useMemo(() => labelStack.map(l => l.name).join('/'), [labelStack]);
-  const enableSegmentHighlighting = (_getConfig2 = getConfig()) === null || _getConfig2 === void 0 ? void 0 : _getConfig2.enableSegmentHighlighting;
   return /*#__PURE__*/React.createElement(UFOInteractionContext.Provider, {
     value: interactionContext
   }, /*#__PURE__*/React.createElement(Profiler, {
     id: reactProfilerId,
     onRender: onRender
-  }, children, enableSegmentHighlighting && /*#__PURE__*/React.createElement(Suspense, {
-    fallback: null
-  }, /*#__PURE__*/React.createElement(AsyncSegmentHighlight, {
-    segmentName: segmentName
-  }))));
+  }, children));
 }
 UFOSegment.displayName = 'UFOSegment';

package/dist/es2019/vc/index.js

@@ -96,7 +96,8 @@ export class VCObserverWrapper {
     const {
       experienceKey,
       include3p,
-      excludeSmartAnswersInSearch
+      excludeSmartAnswersInSearch,
+      includeSSRRatio
     } = param;
     const v1v2Result = isVCRevisionEnabled('fy25.01', experienceKey) || isVCRevisionEnabled('fy25.02', experienceKey) ? await ((_this$oldVCObserver4 = this.oldVCObserver) === null || _this$oldVCObserver4 === void 0 ? void 0 : _this$oldVCObserver4.getVCResult(param)) : {};
     const v3Result = isVCRevisionEnabled('fy25.03', experienceKey) ? await ((_this$newVCObserver3 = this.newVCObserver) === null || _this$newVCObserver3 === void 0 ? void 0 : _this$newVCObserver3.getVCResult({
@@ -106,6 +107,7 @@ export class VCObserverWrapper {
       ssr: param.includeSSRInV3 ? param.ssr : undefined,
       include3p,
       excludeSmartAnswersInSearch,
+      includeSSRRatio,
       interactionType: param.interactionType,
       isPageVisible: param.isPageVisible,
       interactionAbortReason: param.interactionAbortReason
@@ -113,7 +115,11 @@ export class VCObserverWrapper {
     if (!v3Result) {
       return v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {};
     }
+    const ssrRatio = v3Result[0].ssrRatio;
     return {
+      ...(includeSSRRatio && ssrRatio !== undefined ? {
+        'ufo:vc:ssrRatio': ssrRatio
+      } : {}),
       ...v1v2Result,
       'ufo:vc:rev': [...((_ref = v1v2Result === null || v1v2Result === void 0 ? void 0 : v1v2Result['ufo:vc:rev']) !== null && _ref !== void 0 ? _ref : []), ...(v3Result !== null && v3Result !== void 0 ? v3Result : [])]
     };

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

@@ -200,6 +200,7 @@ export default class VCObserverNew {
       interactionAbortReason,
       isPageVisible,
       include3p,
+      includeSSRRatio,
       excludeSmartAnswersInSearch
     } = param;
     const results = [];
@@ -221,6 +222,7 @@ export default class VCObserverNew {
       isPostInteraction: this.isPostInteraction,
       include3p,
       excludeSmartAnswersInSearch,
+      includeSSRRatio,
       isPageVisible,
       interactionAbortReason
     });
@@ -239,6 +241,7 @@ export default class VCObserverNew {
         interactionType,
         isPostInteraction: this.isPostInteraction,
         include3p,
+        includeSSRRatio,
         isPageVisible,
         interactionAbortReason
       });

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

@@ -52,7 +52,7 @@ export default class AbstractVCCalculatorBase {
     }
     return labelStacks;
   }
-  async calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, allEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason) {
+  async calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, allEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason, includeSSRRatio) {
     var _window, _window2, _window6, _window8;
     const percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99, 100];
     const viewportEntries = this.filterViewportEntries(filteredEntries);
@@ -68,6 +68,7 @@ export default class AbstractVCCalculatorBase {
     const vcDetails = {};
     let percentileIndex = 0;
     const entryDataBuffer = new Set();
+    let ssrRatio = -1;
     if (vcLogs) {
       for (const entry of vcLogs) {
         const {
@@ -75,6 +76,9 @@ export default class AbstractVCCalculatorBase {
           viewportPercentage,
           entries
         } = entry;
+        if (includeSSRRatio && ssrRatio === -1 && entries.some(e => e.elementName === 'SSR') && fg('platform_report_ssr_ratio_in_v3')) {
+          ssrRatio = viewportPercentage / 100;
+        }
 
         // Only process entries if we haven't reached all percentiles
         if (percentileIndex >= percentiles.length) {
@@ -247,7 +251,10 @@ export default class AbstractVCCalculatorBase {
         console.error('Error in 3pDebugData', e);
       }
     }
-    return vcDetails;
+    return {
+      vcDetails,
+      ssrRatio
+    };
   }
   async calculate({
     startTime,
@@ -257,6 +264,7 @@ export default class AbstractVCCalculatorBase {
     isPostInteraction,
     include3p,
     excludeSmartAnswersInSearch,
+    includeSSRRatio,
     interactionType,
     isPageVisible,
     interactionAbortReason
@@ -279,7 +287,10 @@ export default class AbstractVCCalculatorBase {
         abortTimestamp: getVCCleanStatusResult.abortTimestamp
       };
     }
-    const vcDetails = await this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, orderedEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason);
+    const {
+      vcDetails,
+      ssrRatio
+    } = await this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, orderedEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason, includeSSRRatio);
     const result = {
       revision: this.revisionNo,
       clean: true,
@@ -287,6 +298,9 @@ export default class AbstractVCCalculatorBase {
       vcDetails: vcDetails !== null && vcDetails !== void 0 ? vcDetails : undefined
     };
     result.ratios = this.calculateRatios(filteredEntries);
+    if (ssrRatio !== -1) {
+      result.ssrRatio = ssrRatio;
+    }
     if (isPostInteraction) {
       result.labelStacks = this.getLabelStacks(filteredEntries);
     }

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

@@ -24,13 +24,13 @@ import { optimizeReactProfilerTimings } from '../create-payload/utils/optimize-r
 import { optimizeRequestInfo } from '../create-payload/utils/optimize-request-info';
 import { optimizeSpans } from '../create-payload/utils/optimize-spans';
 import { interactionSpans as atlaskitInteractionSpans } from '../interaction-metrics';
-function createInteractionExtraLogPayload(_x, _x2) {
+function createInteractionExtraLogPayload(_x, _x2, _x3, _x4) {
   return _createInteractionExtraLogPayload.apply(this, arguments);
 }
 function _createInteractionExtraLogPayload() {
-  _createInteractionExtraLogPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(interactionId, interaction) {
-    var _getTTAI, _window$location;
-    var config, end, start, ufoName, rate, type, abortReason, routeName, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, knownSegments, sanitisedUfoName, configRate, pageVisibilityAtTTAI, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTAI, extraTTAI, newUFOName, finalVCMetrics, vcRevisionPayload, effectiveVCRevisionPayload, isThirdParty, filteredData, getDetailedInteractionMetrics, segments3p, segmentTree, payload;
+  _createInteractionExtraLogPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(interactionId, interaction, lastInteractionFinish, lastInteractionFinishVCResult) {
+    var _getTTAI, _lastInteractionFinis, _getTTAI2, _window$location;
+    var config, end, start, ufoName, rate, type, abortReason, routeName, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, knownSegments, minorInteractions, sanitisedUfoName, configRate, pageVisibilityAtTTAI, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTAI, extraTTAI, newUFOName, finalVCMetrics, vcRevisionPayload, effectiveVCRevisionPayload, normalTTAI, lastInteractionFinishStart, lastInteractionFinishEnd, lastInteractionFinishVC90, lastInteractionFinishVCClean, lastInteractionFinishVCRev, lastInteractionFinishRevision, isThirdParty, filteredData, getDetailedInteractionMetrics, segments3p, segmentTree, payload;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -41,7 +41,7 @@ function _createInteractionExtraLogPayload() {
           }
           throw Error('UFO Configuration not provided');
         case 3:
-          end = interaction.end, start = interaction.start, ufoName = interaction.ufoName, rate = interaction.rate, type = interaction.type, abortReason = interaction.abortReason, routeName = interaction.routeName, previousInteractionName = interaction.previousInteractionName, isPreviousInteractionAborted = interaction.isPreviousInteractionAborted, abortedByInteractionName = interaction.abortedByInteractionName, knownSegments = interaction.knownSegments;
+          end = interaction.end, start = interaction.start, ufoName = interaction.ufoName, rate = interaction.rate, type = interaction.type, abortReason = interaction.abortReason, routeName = interaction.routeName, previousInteractionName = interaction.previousInteractionName, isPreviousInteractionAborted = interaction.isPreviousInteractionAborted, abortedByInteractionName = interaction.abortedByInteractionName, knownSegments = interaction.knownSegments, minorInteractions = interaction.minorInteractions;
           sanitisedUfoName = sanitizeUfoName(ufoName);
           configRate = getExtraInteractionRate(sanitisedUfoName, type);
           if (coinflip(configRate)) {
@@ -52,7 +52,7 @@ function _createInteractionExtraLogPayload() {
         case 8:
           pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
           isPageLoad = type === 'page_load' || type === 'transition';
-          if (isPageLoad) {
+          if (!(!isPageLoad || minorInteractions !== undefined && minorInteractions.length > 0)) {
             _context.next = 12;
             break;
           }
@@ -78,6 +78,46 @@ function _createInteractionExtraLogPayload() {
           }
           return _context.abrupt("return", null);
         case 23:
+          if (!(!lastInteractionFinish || lastInteractionFinish !== null && lastInteractionFinish !== void 0 && lastInteractionFinish.abortReason || lastInteractionFinish !== null && lastInteractionFinish !== void 0 && (_lastInteractionFinis = lastInteractionFinish.errors) !== null && _lastInteractionFinis !== void 0 && _lastInteractionFinis.length)) {
+            _context.next = 25;
+            break;
+          }
+          return _context.abrupt("return", null);
+        case 25:
+          normalTTAI = (_getTTAI2 = getTTAI(lastInteractionFinish)) !== null && _getTTAI2 !== void 0 ? _getTTAI2 : undefined;
+          lastInteractionFinishStart = typeof lastInteractionFinish.start === 'number' ? Math.round(lastInteractionFinish.start) : undefined;
+          lastInteractionFinishEnd = typeof lastInteractionFinish.end === 'number' ? Math.round(lastInteractionFinish.end) : undefined;
+          lastInteractionFinishVC90 = null;
+          lastInteractionFinishVCClean = false;
+          if (!lastInteractionFinishVCResult) {
+            _context.next = 41;
+            break;
+          }
+          lastInteractionFinishVCRev = lastInteractionFinishVCResult['ufo:vc:rev'];
+          lastInteractionFinishRevision = lastInteractionFinishVCRev === null || lastInteractionFinishVCRev === void 0 ? void 0 : lastInteractionFinishVCRev.find(function (_ref2) {
+            var revision = _ref2.revision;
+            return revision === DEFAULT_TTVC_REVISION;
+          });
+          if (!(lastInteractionFinishRevision !== null && lastInteractionFinishRevision !== void 0 && lastInteractionFinishRevision.clean)) {
+            _context.next = 38;
+            break;
+          }
+          lastInteractionFinishVCClean = true;
+          lastInteractionFinishVC90 = lastInteractionFinishRevision['metric:vc90'];
+          _context.next = 39;
+          break;
+        case 38:
+          return _context.abrupt("return", null);
+        case 39:
+          _context.next = 42;
+          break;
+        case 41:
+          if (normalTTAI !== undefined && typeof normalTTAI === 'number' && normalTTAI === extraTTAI) {
+            // Because TTAI is equal between with and without 3p, we can assume VC90 is also equal
+            lastInteractionFinishVC90 = effectiveVCRevisionPayload === null || effectiveVCRevisionPayload === void 0 ? void 0 : effectiveVCRevisionPayload['metric:vc90'];
+            lastInteractionFinishVCClean = effectiveVCRevisionPayload === null || effectiveVCRevisionPayload === void 0 ? void 0 : effectiveVCRevisionPayload.clean;
+          }
+        case 42:
           // Helper function to check if labelStack contains third-party type
           isThirdParty = function isThirdParty(labelStack) {
             var _labelStack$some;
@@ -120,9 +160,9 @@ function _createInteractionExtraLogPayload() {
           getDetailedInteractionMetrics = function getDetailedInteractionMetrics() {
             var _interaction$hold3pIn;
             return {
-              errors: filteredData.errors.map(function (_ref2) {
-                var labelStack = _ref2.labelStack,
-                  others = _objectWithoutProperties(_ref2, _excluded);
+              errors: filteredData.errors.map(function (_ref3) {
+                var labelStack = _ref3.labelStack,
+                  others = _objectWithoutProperties(_ref3, _excluded);
                 return _objectSpread(_objectSpread({}, others), {}, {
                   labelStack: labelStack && optimizeLabelStack(labelStack, getReactUFOPayloadVersion(interaction.type))
                 });
@@ -183,13 +223,20 @@ function _createInteractionExtraLogPayload() {
                   reactProfilerTimings: optimizeReactProfilerTimings(filteredData.reactProfilerTimings, start, getReactUFOPayloadVersion(interaction.type)),
                   customData: filteredData.customData
                 }, getDetailedInteractionMetrics()),
-                'vc:effective:revision': DEFAULT_TTVC_REVISION
+                'vc:effective:revision': DEFAULT_TTVC_REVISION,
+                lastInteractionFinish: {
+                  start: lastInteractionFinishStart,
+                  end: lastInteractionFinishEnd,
+                  ttai: normalTTAI,
+                  vc90: lastInteractionFinishVC90,
+                  vcClean: lastInteractionFinishVCClean
+                }
               }
             }
           };
           payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
           return _context.abrupt("return", payload);
-        case 32:
+        case 51:
         case "end":
           return _context.stop();
       }

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

@@ -4,7 +4,7 @@ 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 { getConfig, getMostRecentVCRevision } from '../../config';
-import { postInteractionLog } from '../../interaction-metrics';
+import { interactionExtraMetrics, postInteractionLog } from '../../interaction-metrics';
 import getInteractionStatus from './get-interaction-status';
 import getPageVisibilityUpToTTAI from './get-page-visibility-up-to-ttai';
 import getSSRDoneTimeValue from './get-ssr-done-time-value';
@@ -90,6 +90,7 @@ function _getVCMetrics() {
           if (!include3p) {
             // For Post Interaction, last interaction should be without 3p
             postInteractionLog.setLastInteractionFinishVCResult(result);
+            interactionExtraMetrics.setLastInteractionFinishVCResult(result);
           }
           mostRecentVCRevision = getMostRecentVCRevision(interaction.ufoName);
           mostRecentVCRevisionPayload = result === null || result === void 0 || (_result$ufoVcRev = result['ufo:vc:rev']) === null || _result$ufoVcRev === void 0 ? void 0 : _result$ufoVcRev.find(function (_ref) {

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

@@ -688,7 +688,8 @@ function finishInteraction(id, data) {
   PreviousInteractionLog.isAborted = data.abortReason != null;
   if (data.ufoName) {
     if (fg('platform_ufo_enable_ttai_with_3p')) {
-      if (interactionExtraMetrics.finishedInteractionId !== id) {
+      var _interactionExtraMetr;
+      if (((_interactionExtraMetr = interactionExtraMetrics.finishedInteraction) === null || _interactionExtraMetr === void 0 ? void 0 : _interactionExtraMetr.id) !== id) {
         // If this same interaction was not already handled, handle it
         handleInteraction(id, data);
       }
@@ -773,7 +774,7 @@ export function tryComplete(interactionId, endTime) {
     var postInteraction = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _getConfig7;
-        var _getConfig8, experimentalVC90, experimentalTTAI, _yield$getExperimenta, start, end, _getConfig9, _getConfig0;
+        var _getConfig8, experimentalVC90, experimentalTTAI, _yield$getExperimenta, start, end, _interactionExtraMetr2, _getConfig9, _getConfig0;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -816,7 +817,7 @@ export function tryComplete(interactionId, endTime) {
               }));
             case 17:
               if (fg('platform_ufo_enable_ttai_with_3p')) {
-                if (interactionExtraMetrics.finishedInteractionId !== interactionId) {
+                if (((_interactionExtraMetr2 = interactionExtraMetrics.finishedInteraction) === null || _interactionExtraMetr2 === void 0 ? void 0 : _interactionExtraMetr2.id) !== interactionId) {
                   // If interactionExtraMetrics is not waiting for measuring this interaction
                   if ((_getConfig9 = getConfig()) !== null && _getConfig9 !== void 0 && (_getConfig9 = _getConfig9.experimentalInteractionMetrics) !== null && _getConfig9 !== void 0 && _getConfig9.enabled) {
                     remove(interactionId);
@@ -839,15 +840,15 @@ export function tryComplete(interactionId, endTime) {
       };
     }();
     if (fg('platform_ufo_enable_ttai_with_3p')) {
-      var _interaction$hold3pAc;
+      var _interaction$hold3pAc, _interactionExtraMetr3;
       var noMoreActive3pHolds = ((_interaction$hold3pAc = interaction.hold3pActive) === null || _interaction$hold3pAc === void 0 ? void 0 : _interaction$hold3pAc.size) === 0 || interaction.hold3pActive === undefined;
-      if (noMoreActiveHolds && interactionExtraMetrics.finishedInteractionId !== interactionId) {
+      if (noMoreActiveHolds && ((_interactionExtraMetr3 = interactionExtraMetrics.finishedInteraction) === null || _interactionExtraMetr3 === void 0 ? void 0 : _interactionExtraMetr3.id) !== interactionId) {
         // If it's not waiting for extra metrics to complete, finish the interaction as normal
         if (!activeSubmitted) {
           var _getConfig1, _getConfig10, _getConfig11;
           finishInteraction(interactionId, interaction, endTime);
           if ((_getConfig1 = getConfig()) !== null && _getConfig1 !== void 0 && (_getConfig1 = _getConfig1.extraInteractionMetrics) !== null && _getConfig1 !== void 0 && _getConfig1.enabled) {
-            interactionExtraMetrics.updateFinishedInteractionId(interactionId);
+            interactionExtraMetrics.updateFinishedInteraction(interaction);
           }
           if ((_getConfig10 = getConfig()) !== null && _getConfig10 !== void 0 && (_getConfig10 = _getConfig10.extraSearchPageInteraction) !== null && _getConfig10 !== void 0 && _getConfig10.enabled && interaction.ufoName === ((_getConfig11 = getConfig()) === null || _getConfig11 === void 0 || (_getConfig11 = _getConfig11.extraSearchPageInteraction) === null || _getConfig11 === void 0 ? void 0 : _getConfig11.searchPageMetricName) && fg('react_ufo_unified_search_ignoring_sain_metric')) {
             onSearchPageInteractionComplete(interactionId, interaction);

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

@@ -9,8 +9,8 @@ import { remove } from './index';
 var InteractionExtraMetrics = /*#__PURE__*/function () {
   function InteractionExtraMetrics() {
     _classCallCheck(this, InteractionExtraMetrics);
-    // Store the finished interaction ID (as non-3p interaction)
-    _defineProperty(this, "finishedInteractionId", null);
+    // Store the finished interaction (as non-3p interaction)
+    _defineProperty(this, "finishedInteraction", null);
     // independent VC observer, that observes until `custom.post-interaction-logs` event is sent
     _defineProperty(this, "vcObserver", null);
     _defineProperty(this, "sinkHandlerFn", function () {});
@@ -48,12 +48,17 @@ var InteractionExtraMetrics = /*#__PURE__*/function () {
       return (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'page_load' || (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'transition';
     }
   }, {
-    key: "updateFinishedInteractionId",
-    value: function updateFinishedInteractionId(interactionId) {
-      if (this.eligibleToMeasure(interactionId)) {
-        this.finishedInteractionId = interactionId;
+    key: "updateFinishedInteraction",
+    value: function updateFinishedInteraction(interaction) {
+      if ((interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'page_load' || (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'transition') {
+        this.finishedInteraction = interaction;
       }
     }
+  }, {
+    key: "setLastInteractionFinishVCResult",
+    value: function setLastInteractionFinishVCResult(result) {
+      this.lastInteractionFinishVCResult = result;
+    }
   }, {
     key: "sinkHandler",
     value: function sinkHandler(fn) {
@@ -67,7 +72,7 @@ var InteractionExtraMetrics = /*#__PURE__*/function () {
         var updatedData = _objectSpread(_objectSpread({}, data), {}, {
           vcObserver: (_this$vcObserver3 = this.vcObserver) !== null && _this$vcObserver3 !== void 0 ? _this$vcObserver3 : undefined
         });
-        this.sinkHandlerFn(id, updatedData);
+        this.sinkHandlerFn(id, updatedData, this.finishedInteraction, this.lastInteractionFinishVCResult);
       }
       this.stopVCObserver();
       remove(id);
@@ -76,11 +81,13 @@ var InteractionExtraMetrics = /*#__PURE__*/function () {
   }, {
     key: "reset",
     value: function reset() {
+      var _this$finishedInterac;
       this.stopVCObserver();
-      if (this.finishedInteractionId) {
-        remove(this.finishedInteractionId);
+      if ((_this$finishedInterac = this.finishedInteraction) !== null && _this$finishedInterac !== void 0 && _this$finishedInterac.id) {
+        remove(this.finishedInteraction.id);
       }
-      this.finishedInteractionId = null;
+      this.finishedInteraction = null;
+      this.lastInteractionFinishVCResult = undefined;
     }
   }, {
     key: "stopAll",

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

@@ -73,14 +73,14 @@ function sinkPostInteractionLog(instance, createPostInteractionLogPayload) {
   });
 }
 function sinkInteractionExtraMetrics(instance, createInteractionExtraLogPayload) {
-  interactionExtraMetrics.sinkHandler(function (interactionId, interaction) {
+  interactionExtraMetrics.sinkHandler(function (interactionId, interaction, lastInteractionFinish, lastInteractionFinishVCResult) {
     scheduleIdleCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var payload, devToolObserver;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return createInteractionExtraLogPayload(interactionId, interaction);
+            return createInteractionExtraLogPayload(interactionId, interaction, lastInteractionFinish, lastInteractionFinishVCResult);
           case 2:
             payload = _context.sent;
             if (payload) {