@atlaskit/react-ufo 4.7.6 → 4.9.0

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

@@ -126,7 +126,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
               _iterator = _createForOfIteratorHelper(addedNodes);
               _context2.prev = 4;
               _loop = /*#__PURE__*/_regenerator.default.mark(function _loop() {
-                var addedNodeRef, addedNode, ssrState, SSRStateEnum, _this$intersectionObs, _this$intersectionObs2, ssrPlaceholderHandler, _this$intersectionObs3, result, _this$intersectionObs4, sameDeletedNode, isInIgnoreLsMarker, _this$intersectionObs5, _this$intersectionObs6, _checkWithinComponent, isWithinThirdPartySegment, _this$intersectionObs7, validTargets, _iterator2, _step2, _this$intersectionObs8, validTarget, _this$intersectionObs9;
+                var addedNodeRef, addedNode, ssrState, SSRStateEnum, _this$intersectionObs, _this$intersectionObs2, ssrPlaceholderHandler, _this$intersectionObs3, result, _this$intersectionObs4, sameDeletedNode, isInIgnoreLsMarker, _this$intersectionObs5, _this$intersectionObs6, _checkWithinComponent, isWithinThirdPartySegment, _this$intersectionObs7, _window, _iterator2, _step2, child, _this$intersectionObs8, _this$intersectionObs9, validTargets, _iterator3, _step3, _this$intersectionObs0, validTarget, _this$intersectionObs1;
                 return _regenerator.default.wrap(function _loop$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -238,25 +238,45 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
                       (_this$intersectionObs7 = _this.intersectionObserver) === null || _this$intersectionObs7 === void 0 || _this$intersectionObs7.watchAndTag(addedNode, 'mutation:third-party-element');
                       return _context.abrupt("return", 0);
                     case 45:
-                      if ((0, _platformFeatureFlags.fg)('platform_ufo_display_content_resolution_ttvc_v3')) {
-                        // Check if the target has display:content css property, return array of valid targets
-                        validTargets = (0, _checkDisplayContent.default)(addedNode);
-                        _iterator2 = _createForOfIteratorHelper(validTargets);
-                        try {
-                          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                            validTarget = _step2.value;
-                            (_this$intersectionObs8 = _this.intersectionObserver) === null || _this$intersectionObs8 === void 0 || _this$intersectionObs8.watchAndTag(validTarget, createElementMutationsWatcher(removedNodeRects));
+                      if ((0, _platformFeatureFlags.fg)('platform_ufo_vcnext_v4_enabled')) {
+                        if (((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(addedNode)) === null || _window === void 0 ? void 0 : _window.display) === 'contents') {
+                          _iterator2 = _createForOfIteratorHelper(addedNode.children);
+                          try {
+                            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                              child = _step2.value;
+                              if (child instanceof HTMLElement) {
+                                (_this$intersectionObs8 = _this.intersectionObserver) === null || _this$intersectionObs8 === void 0 || _this$intersectionObs8.watchAndTag(child, 'mutation:display-contents-children-element');
+                              }
+                            }
+                          } catch (err) {
+                            _iterator2.e(err);
+                          } finally {
+                            _iterator2.f();
                           }
-                        } catch (err) {
-                          _iterator2.e(err);
-                        } finally {
-                          _iterator2.f();
+                        } else {
+                          (_this$intersectionObs9 = _this.intersectionObserver) === null || _this$intersectionObs9 === void 0 || _this$intersectionObs9.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
                         }
                       } else {
-                        if ((0, _platformFeatureFlags.fg)('platform_ufo_display_content_track_occurrence')) {
-                          (0, _trackDisplayContentOccurrence.default)(addedNode);
+                        if ((0, _platformFeatureFlags.fg)('platform_ufo_display_content_resolution_ttvc_v3')) {
+                          // Check if the target has display:content css property, return array of valid targets
+                          validTargets = (0, _checkDisplayContent.default)(addedNode);
+                          _iterator3 = _createForOfIteratorHelper(validTargets);
+                          try {
+                            for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                              validTarget = _step3.value;
+                              (_this$intersectionObs0 = _this.intersectionObserver) === null || _this$intersectionObs0 === void 0 || _this$intersectionObs0.watchAndTag(validTarget, createElementMutationsWatcher(removedNodeRects));
+                            }
+                          } catch (err) {
+                            _iterator3.e(err);
+                          } finally {
+                            _iterator3.f();
+                          }
+                        } else {
+                          if ((0, _platformFeatureFlags.fg)('platform_ufo_display_content_track_occurrence')) {
+                            (0, _trackDisplayContentOccurrence.default)(addedNode);
+                          }
+                          (_this$intersectionObs1 = _this.intersectionObserver) === null || _this$intersectionObs1 === void 0 || _this$intersectionObs1.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
                         }
-                        (_this$intersectionObs9 = _this.intersectionObserver) === null || _this$intersectionObs9 === void 0 || _this$intersectionObs9.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
                       }
                     case 46:
                     case "end":
@@ -303,12 +323,12 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
       };
     }());
     (0, _defineProperty2.default)(this, "handleAttributeMutation", function (_ref6) {
-      var _this$intersectionObs0;
+      var _this$intersectionObs10;
       var target = _ref6.target,
         attributeName = _ref6.attributeName,
         oldValue = _ref6.oldValue,
         newValue = _ref6.newValue;
-      (_this$intersectionObs0 = _this.intersectionObserver) === null || _this$intersectionObs0 === void 0 || _this$intersectionObs0.watchAndTag(target, function (_ref7) {
+      (_this$intersectionObs10 = _this.intersectionObserver) === null || _this$intersectionObs10 === void 0 || _this$intersectionObs10.watchAndTag(target, function (_ref7) {
         var target = _ref7.target,
           rect = _ref7.rect;
         if ((0, _vcUtils.isContainedWithinMediaWrapper)(target)) {
@@ -386,11 +406,11 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "handleLayoutShift", function (_ref8) {
       var time = _ref8.time,
         changedRects = _ref8.changedRects;
-      var _iterator3 = _createForOfIteratorHelper(changedRects),
-        _step3;
+      var _iterator4 = _createForOfIteratorHelper(changedRects),
+        _step4;
       try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          var changedRect = _step3.value;
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+          var changedRect = _step4.value;
           var target = changedRect.node;
           if (target) {
             _this.onChange({
@@ -404,9 +424,9 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
           }
         }
       } catch (err) {
-        _iterator3.e(err);
+        _iterator4.e(err);
       } finally {
-        _iterator3.f();
+        _iterator4.f();
       }
     });
     this.mapVisibleNodeRects = new WeakMap();
@@ -463,12 +483,12 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
   }, {
     key: "stop",
     value: function stop() {
-      var _this$mutationObserve2, _this$intersectionObs1, _this$performanceObse2;
+      var _this$mutationObserve2, _this$intersectionObs11, _this$performanceObse2;
       if (!this.isStarted) {
         return;
       }
       (_this$mutationObserve2 = this.mutationObserver) === null || _this$mutationObserve2 === void 0 || _this$mutationObserve2.disconnect();
-      (_this$intersectionObs1 = this.intersectionObserver) === null || _this$intersectionObs1 === void 0 || _this$intersectionObs1.disconnect();
+      (_this$intersectionObs11 = this.intersectionObserver) === null || _this$intersectionObs11 === void 0 || _this$intersectionObs11.disconnect();
       (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 || _this$performanceObse2.disconnect();
       this.isStarted = false;
       // Clean up caches when stopping

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

@@ -0,0 +1,32 @@
+const interactionBuffer = [];
+let bufferInteractionData = (interactionId, data) => {
+  interactionBuffer.push({
+    interactionId,
+    data
+  });
+};
+function clearInteractionBuffer() {
+  interactionBuffer.length = 0;
+}
+function appendInteractionData(interactionId, data) {
+  bufferInteractionData(interactionId, data);
+}
+function installInteractionSink(handler) {
+  for (const {
+    interactionId,
+    data
+  } of interactionBuffer) {
+    handler(interactionId, data);
+  }
+  clearInteractionBuffer();
+  bufferInteractionData = handler;
+}
+export function sinkExtraSearchPageInteractionHandler(sinkFn) {
+  installInteractionSink(sinkFn);
+}
+export function onSearchPageInteractionComplete(interactionId, data) {
+  if (data.ufoName) {
+    appendInteractionData(interactionId, data);
+    clearInteractionBuffer();
+  }
+}

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

@@ -57,7 +57,7 @@ async function createInteractionExtraLogPayload(interactionId, interaction) {
   const effectiveVCRevisionPayload = vcRevisionPayload === null || vcRevisionPayload === void 0 ? void 0 : vcRevisionPayload.find(({
     revision
   }) => revision === DEFAULT_TTVC_REVISION);
-  if (!(effectiveVCRevisionPayload !== null && effectiveVCRevisionPayload !== void 0 && effectiveVCRevisionPayload.clean) || (effectiveVCRevisionPayload === null || effectiveVCRevisionPayload === void 0 ? void 0 : effectiveVCRevisionPayload['metric:vc90']) === undefined) {
+  if (!(effectiveVCRevisionPayload !== null && effectiveVCRevisionPayload !== void 0 && effectiveVCRevisionPayload.clean) || (effectiveVCRevisionPayload === null || effectiveVCRevisionPayload === void 0 ? void 0 : effectiveVCRevisionPayload['metric:vc90']) === undefined || typeof (effectiveVCRevisionPayload === null || effectiveVCRevisionPayload === void 0 ? void 0 : effectiveVCRevisionPayload['metric:vc90']) !== 'number' || extraTTAI === undefined || typeof extraTTAI !== 'number' || interaction.errors.length > 0) {
     return null;
   }
 

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

@@ -644,4 +644,53 @@ export async function createExperimentalMetricsPayload(interactionId, interactio
   }
   const result = await createInteractionMetricsPayload(interaction, interactionId, true);
   return result;
+}
+export async function createExtraSearchPageInteractionPayload(interactionId, interaction) {
+  var _newEnd;
+  const SAIN_HOLD_NAMES = ['search-ai-dialog-visible-text-loading', 'search-ai-dialog-all-text-loading'];
+  const NAME_OVERRIDE = 'search-page-ignoring-smart-answers';
+  const SEARCH_PAGE_SMART_ANSWERS_SEGMENT_LABEL = 'search-page-smart-answers';
+  const newInteractionId = `${interactionId}-ignoring-smart-answers`;
+
+  // Calculate a new end time which excludes SAIN holds
+  let newEnd;
+  const {
+    holdInfo,
+    reactProfilerTimings
+  } = interaction;
+  const lastHold = holdInfo.at(-1);
+  const isLastHoldSAIN = Boolean(lastHold && SAIN_HOLD_NAMES.includes(lastHold.name));
+
+  // A new end time is only calculated if the last hold is a SAIN hold
+  if (isLastHoldSAIN) {
+    let lastFilteredTime = null;
+    const filteredReactProfilerTimings = reactProfilerTimings.filter(timing => {
+      if (timing.commitTime === lastFilteredTime) {
+        return false;
+      }
+      const isTimingSmartAnswersInSearch = timing.labelStack.some(label => label.name === SEARCH_PAGE_SMART_ANSWERS_SEGMENT_LABEL);
+      if (isTimingSmartAnswersInSearch) {
+        lastFilteredTime = timing.commitTime;
+        return false;
+      }
+      return true;
+    });
+    const lastTiming = filteredReactProfilerTimings.at(-1);
+    if (lastTiming) {
+      newEnd = lastTiming.commitTime;
+    }
+  }
+  const modifiedInteraction = {
+    ...interaction,
+    end: (_newEnd = newEnd) !== null && _newEnd !== void 0 ? _newEnd : interaction.end,
+    holdInfo: [],
+    knownSegments: [],
+    reactProfilerTimings: [],
+    ufoName: NAME_OVERRIDE
+  };
+  const payloads = [];
+  const vcMetrics = await getVCMetrics(interaction, false, true);
+  const interactionMetricsPayload = await createInteractionMetricsPayload(modifiedInteraction, newInteractionId, undefined, undefined, vcMetrics);
+  payloads.push(interactionMetricsPayload);
+  return payloads.filter(Boolean);
 }

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

@@ -3,7 +3,7 @@ import { 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';
-async function getVCMetrics(interaction, include3p = false) {
+async function getVCMetrics(interaction, include3p = false, excludeSmartAnswersInSearch = false) {
   var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _interaction$apdex$, _config$vc2, _config$vc3, _result$ufoVcRev;
   const config = getConfig();
   if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
@@ -40,7 +40,8 @@ async function getVCMetrics(interaction, include3p = false) {
     interactionId: interaction.id,
     includeSSRRatio: (_config$vc3 = config.vc) === null || _config$vc3 === void 0 ? void 0 : _config$vc3.includeSSRRatio,
     ...ssr,
-    include3p
+    include3p,
+    excludeSmartAnswersInSearch
   });
   observer.stop(interaction.ufoName);
   if (!include3p) {

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

@@ -3,6 +3,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
 import { getAwaitBM3TTIList, getCapabilityRate, getConfig, getExperimentalInteractionRate, getExtraInteractionRate, getFinishInteractionOnTransition, getInteractionTimeout, getPostInteractionRate, getReactHydrationStats } from '../config';
 import { experimentalVC, getExperimentalVCMetrics, onExperimentalInteractionComplete } from '../create-experimental-interaction-metrics-payload';
+import { onSearchPageInteractionComplete } from '../create-extra-search-page-interaction-payload';
 import { sanitizeUfoName, stringifyLabelStackFully } from '../create-payload/common/utils';
 import { clearActiveTrace } from '../experience-trace-id-context';
 import { allFeatureFlagsAccessed, currentFeatureFlagsAccessed } from '../feature-flags-accessed';
@@ -759,16 +760,19 @@ export function tryComplete(interactionId, endTime) {
       if (noMoreActiveHolds && interactionExtraMetrics.finishedInteractionId !== interactionId) {
         // If it's not waiting for extra metrics to complete, finish the interaction as normal
         if (!activeSubmitted) {
-          var _getConfig1, _getConfig1$extraInte;
+          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);
           }
+          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);
+          }
           activeSubmitted = true;
         }
         if (noMoreExpHolds) {
-          var _getConfig10, _getConfig10$experime;
-          if ((_getConfig10 = getConfig()) !== null && _getConfig10 !== void 0 && (_getConfig10$experime = _getConfig10.experimentalInteractionMetrics) !== null && _getConfig10$experime !== void 0 && _getConfig10$experime.enabled) {
+          var _getConfig12, _getConfig12$experime;
+          if ((_getConfig12 = getConfig()) !== null && _getConfig12 !== void 0 && (_getConfig12$experime = _getConfig12.experimentalInteractionMetrics) !== null && _getConfig12$experime !== void 0 && _getConfig12$experime.enabled) {
             onExperimentalInteractionComplete(interactionId, interaction, endTime);
           }
           postInteraction();
@@ -784,12 +788,16 @@ export function tryComplete(interactionId, endTime) {
     } else {
       if (noMoreActiveHolds) {
         if (!activeSubmitted) {
+          var _getConfig13, _getConfig13$extraSea, _getConfig14, _getConfig14$extraSea;
           finishInteraction(interactionId, interaction, endTime);
+          if ((_getConfig13 = getConfig()) !== null && _getConfig13 !== void 0 && (_getConfig13$extraSea = _getConfig13.extraSearchPageInteraction) !== null && _getConfig13$extraSea !== void 0 && _getConfig13$extraSea.enabled && interaction.ufoName === ((_getConfig14 = getConfig()) === null || _getConfig14 === void 0 ? void 0 : (_getConfig14$extraSea = _getConfig14.extraSearchPageInteraction) === null || _getConfig14$extraSea === void 0 ? void 0 : _getConfig14$extraSea.searchPageMetricName) && fg('react_ufo_unified_search_ignoring_sain_metric')) {
+            onSearchPageInteractionComplete(interactionId, interaction);
+          }
           activeSubmitted = true;
         }
         if (noMoreExpHolds) {
-          var _getConfig11, _getConfig11$experime;
-          if ((_getConfig11 = getConfig()) !== null && _getConfig11 !== void 0 && (_getConfig11$experime = _getConfig11.experimentalInteractionMetrics) !== null && _getConfig11$experime !== void 0 && _getConfig11$experime.enabled) {
+          var _getConfig15, _getConfig15$experime;
+          if ((_getConfig15 = getConfig()) !== null && _getConfig15 !== void 0 && (_getConfig15$experime = _getConfig15.experimentalInteractionMetrics) !== null && _getConfig15$experime !== void 0 && _getConfig15$experime.enabled) {
             onExperimentalInteractionComplete(interactionId, interaction, endTime);
           }
           postInteraction();
@@ -985,7 +993,7 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
     addHoldByID(interactionId, [], ufoName, ufoName, true);
   }
   if (type === 'transition' || type === 'page_load') {
-    var _getConfig12, _getConfig12$postInte, _config$extraInteract;
+    var _getConfig16, _getConfig16$postInte, _config$extraInteract;
     // Use per-interaction VC observer if available, otherwise fall back to global
     const observer = vcObserver;
     if (observer) {
@@ -996,7 +1004,7 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
     }
     // Start post interaction observer for all if config is enabled
     // in case ufoName is updated at later time
-    if ((_getConfig12 = getConfig()) !== null && _getConfig12 !== void 0 && (_getConfig12$postInte = _getConfig12.postInteractionLog) !== null && _getConfig12$postInte !== void 0 && _getConfig12$postInte.enabled) {
+    if ((_getConfig16 = getConfig()) !== null && _getConfig16 !== void 0 && (_getConfig16$postInte = _getConfig16.postInteractionLog) !== null && _getConfig16$postInte !== void 0 && _getConfig16$postInte.enabled) {
       postInteractionLog.startVCObserver({
         startTime
       });

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

@@ -2,6 +2,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { startLighthouseObserver } from '../additional-payload';
 import { setUFOConfig } from '../config';
 import { experimentalVC, sinkExperimentalHandler } from '../create-experimental-interaction-metrics-payload';
+import { sinkExtraSearchPageInteractionHandler } from '../create-extra-search-page-interaction-payload';
 import { setupHiddenTimingCapture } from '../hidden-timing';
 import { interactionExtraMetrics, postInteractionLog, sinkInteractionHandler, sinkPostInteractionLogHandler } from '../interaction-metrics';
 import { getPerformanceObserver } from '../interactions-performance-observer';
@@ -86,6 +87,26 @@ function sinkInteractionExtraMetrics(instance, createInteractionExtraLogPayload)
     });
   });
 }
+function sinkExtraSearchPageInteraction(instance, payloadPackage) {
+  function sinkFn(interactionId, interaction) {
+    function onIdle() {
+      payloadPackage.createExtraSearchPageInteractionPayload(interactionId, interaction).then(payloads => {
+        // NOTE: This API is used by the UFO DevTool Chrome Extension and Criterion
+        const devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
+        payloads === null || payloads === void 0 ? void 0 : payloads.forEach(payload => {
+          if (typeof devToolObserver === 'function') {
+            devToolObserver === null || devToolObserver === void 0 ? void 0 : devToolObserver(payload);
+          }
+          instance.sendOperationalEvent(payload);
+        });
+      }).catch(error => {
+        throw error;
+      });
+    }
+    scheduleIdleCallback(onIdle);
+  }
+  sinkExtraSearchPageInteractionHandler(sinkFn);
+}
 export function init(analyticsWebClientAsync, config) {
   var _config$vc;
   if (initialized) {
@@ -129,7 +150,7 @@ export function init(analyticsWebClientAsync, config) {
   Promise.all([analyticsWebClientAsync, import( /* webpackChunkName: "create-payloads" */'../create-payload'), import( /* webpackChunkName: "create-post-interaction-log-payload" */'../create-post-interaction-log-payload'), import( /* webpackChunkName: "create-interaction-extra-metrics-payload" */'../create-interaction-extra-metrics-payload')]).then(([awc, payloadPackage, createPostInteractionLogPayloadPackage, createInteractionExtraMetricsPayloadPackage]) => {
     if (awc.getAnalyticsWebClientPromise) {
       awc.getAnalyticsWebClientPromise().then(client => {
-        var _config$experimentalI2, _config$postInteracti, _config$extraInteract2;
+        var _config$experimentalI2, _config$postInteracti, _config$extraInteract2, _config$extraSearchPa;
         const instance = client.getInstance();
         sinkInteraction(instance, payloadPackage);
         if (config !== null && config !== void 0 && (_config$experimentalI2 = config.experimentalInteractionMetrics) !== null && _config$experimentalI2 !== void 0 && _config$experimentalI2.enabled) {
@@ -141,9 +162,12 @@ export function init(analyticsWebClientAsync, config) {
         if (config !== null && config !== void 0 && (_config$extraInteract2 = config.extraInteractionMetrics) !== null && _config$extraInteract2 !== void 0 && _config$extraInteract2.enabled && fg('platform_ufo_enable_ttai_with_3p')) {
           sinkInteractionExtraMetrics(instance, createInteractionExtraMetricsPayloadPackage.default);
         }
+        if (config !== null && config !== void 0 && (_config$extraSearchPa = config.extraSearchPageInteraction) !== null && _config$extraSearchPa !== void 0 && _config$extraSearchPa.enabled && fg('react_ufo_unified_search_ignoring_sain_metric')) {
+          sinkExtraSearchPageInteraction(instance, payloadPackage);
+        }
       });
     } else if (awc.sendOperationalEvent) {
-      var _config$experimentalI3, _config$postInteracti2, _config$extraInteract3;
+      var _config$experimentalI3, _config$postInteracti2, _config$extraInteract3, _config$extraSearchPa2;
       sinkInteraction(awc, payloadPackage);
       if (config !== null && config !== void 0 && (_config$experimentalI3 = config.experimentalInteractionMetrics) !== null && _config$experimentalI3 !== void 0 && _config$experimentalI3.enabled) {
         sinkExperimentalInteractionMetrics(awc, payloadPackage);
@@ -154,6 +178,9 @@ export function init(analyticsWebClientAsync, config) {
       if (config !== null && config !== void 0 && (_config$extraInteract3 = config.extraInteractionMetrics) !== null && _config$extraInteract3 !== void 0 && _config$extraInteract3.enabled && fg('platform_ufo_enable_ttai_with_3p')) {
         sinkInteractionExtraMetrics(awc, createInteractionExtraMetricsPayloadPackage.default);
       }
+      if (config !== null && config !== void 0 && (_config$extraSearchPa2 = config.extraSearchPageInteraction) !== null && _config$extraSearchPa2 !== void 0 && _config$extraSearchPa2.enabled) {
+        sinkExtraSearchPageInteraction(awc, payloadPackage);
+      }
     }
   });
 }

package/dist/es2019/vc/index.js

@@ -15,7 +15,7 @@ export class VCObserverWrapper {
     this.ssrPlaceholderHandler = new SSRPlaceholderHandlers({
       enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa !== void 0 ? _opts$ssrEnablePageLa : false
     });
-    if (isVCRevisionEnabled('fy25.03')) {
+    if (isVCRevisionEnabled('fy25.03') || isVCRevisionEnabled('next')) {
       var _opts$ssrEnablePageLa2;
       this.newVCObserver = new VCObserverNew({
         selectorConfig: opts.selectorConfig,
@@ -95,7 +95,8 @@ export class VCObserverWrapper {
     var _this$oldVCObserver4, _this$newVCObserver3, _ref;
     const {
       experienceKey,
-      include3p
+      include3p,
+      excludeSmartAnswersInSearch
     } = 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({
@@ -103,7 +104,8 @@ export class VCObserverWrapper {
       stop: param.stop,
       interactionId: param.interactionId,
       ssr: param.includeSSRInV3 ? param.ssr : undefined,
-      include3p
+      include3p,
+      excludeSmartAnswersInSearch
     })) : [];
     if (!v3Result) {
       return v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {};

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

@@ -6,6 +6,7 @@ import getElementName from './get-element-name';
 import VCCalculator_FY25_03 from './metric-calculator/fy25_03';
 import getViewportHeight from './metric-calculator/utils/get-viewport-height';
 import getViewportWidth from './metric-calculator/utils/get-viewport-width';
+import VCNextCalculator from './metric-calculator/vcnext';
 import ViewportObserver from './viewport-observer';
 import WindowEventObserver from './window-event-observer';
 const SSRState = {
@@ -195,7 +196,8 @@ export default class VCObserverNew {
       start,
       stop,
       interactionId,
-      include3p
+      include3p,
+      excludeSmartAnswersInSearch
     } = param;
     const results = [];
     this.addStartEntry(start);
@@ -213,11 +215,28 @@ export default class VCObserverNew {
       stopTime: stop,
       interactionId,
       isPostInteraction: this.isPostInteraction,
-      include3p
+      include3p,
+      excludeSmartAnswersInSearch
     });
     if (fy25_03) {
       results.push(fy25_03);
     }
+
+    // TODO on cleanup: put behind `enabledVCRevisions` config
+    if (fg('platform_ufo_vcnext_v4_enabled')) {
+      const calculator_next = new VCNextCalculator();
+      const vcNext = await calculator_next.calculate({
+        orderedEntries,
+        startTime: start,
+        stopTime: stop,
+        interactionId,
+        isPostInteraction: this.isPostInteraction,
+        include3p
+      });
+      if (vcNext) {
+        results.push(vcNext);
+      }
+    }
     return results;
   }
   addStartEntry(startTime) {

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

@@ -55,7 +55,7 @@ export default class AbstractVCCalculatorBase {
     }
     return labelStacks;
   }
-  async calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries, include3p) {
+  async calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries, include3p, excludeSmartAnswersInSearch) {
     var _window, _window2, _window6, _window8;
     const percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99, 100];
     const viewportEntries = this.filterViewportEntries(filteredEntries);
@@ -175,7 +175,7 @@ export default class AbstractVCCalculatorBase {
       // Group ignored entries by timestamp
       const ignoredEntriesByTime = new Map();
       for (const entry of allEntries) {
-        if ('rect' in entry.data && !this.isEntryIncluded(entry, include3p)) {
+        if ('rect' in entry.data && !this.isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch)) {
           var _ignoredEntriesByTime, _viewportData$rect, _viewportData$previou;
           const viewportData = entry.data;
           const timestamp = Math.round(entry.time);
@@ -273,11 +273,12 @@ export default class AbstractVCCalculatorBase {
     orderedEntries,
     interactionId,
     isPostInteraction,
-    include3p
+    include3p,
+    excludeSmartAnswersInSearch
   }) {
     var _vcDetails$90$t, _vcDetails$;
     const filteredEntries = orderedEntries.filter(entry => {
-      return this.isEntryIncluded(entry, include3p);
+      return this.isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch);
     });
     let isVCClean;
     let dirtyReason;
@@ -293,7 +294,7 @@ export default class AbstractVCCalculatorBase {
         abortTimestamp: getVCCleanStatusResult.abortTimestamp
       };
     }
-    const vcDetails = await this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, orderedEntries, include3p);
+    const vcDetails = await this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, orderedEntries, include3p, excludeSmartAnswersInSearch);
     const result = {
       revision: this.revisionNo,
       clean: true,

package/dist/es2019/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -1,5 +1,6 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import AbstractVCCalculatorBase from '../abstract-base-vc-calculator';
+import { isEntrySmartAnswersInSearch } from '../utils/is-entry-smart-answers-in-search';
 import isViewportEntryData from '../utils/is-viewport-entry-data';
 const ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
 const REVISION_NO = 'fy25.03';
@@ -30,13 +31,16 @@ export const THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = ['bis_skin_checked', 'cz
 // grammarly extensions
 'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];
 export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
-  constructor() {
-    super(REVISION_NO);
+  constructor(revisionNo) {
+    super(revisionNo !== null && revisionNo !== void 0 ? revisionNo : REVISION_NO);
   }
-  isEntryIncluded(entry, include3p) {
+  isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch) {
     if (!getConsideredEntryTypes(include3p).includes(entry.data.type)) {
       return false;
     }
+    if (excludeSmartAnswersInSearch && isEntrySmartAnswersInSearch(entry)) {
+      return false;
+    }
     if (entry.data.type === 'mutation:attribute') {
       const entryData = entry.data;
       const attributeName = entryData.attributeName;

package/dist/es2019/vc/vc-observer-new/metric-calculator/utils/is-entry-smart-answers-in-search.js

@@ -0,0 +1,22 @@
+import { getDocument } from '@atlaskit/browser-apis';
+export function isEntrySmartAnswersInSearch(entry) {
+  const {
+    elementName
+  } = entry.data;
+  if (!elementName || elementName === 'START') {
+    return false;
+  }
+  const doc = getDocument();
+  if (!doc) {
+    return false;
+  }
+  const smartAnswersElement = doc.getElementById('search-page-smart-answers');
+  if (!smartAnswersElement) {
+    return false;
+  }
+  const entryDOMElement = doc.querySelector(elementName);
+  if (!entryDOMElement) {
+    return false;
+  }
+  return smartAnswersElement.contains(entryDOMElement);
+}

package/dist/es2019/vc/vc-observer-new/metric-calculator/vcnext/index.js

@@ -0,0 +1,21 @@
+import VCCalculator_FY25_03 from '../fy25_03';
+
+// NOTE: `next` to be renamed `fy26.04` once stable
+const REVISION_NO = 'next';
+const getConsideredEntryTypes = () => {
+  return ['mutation:display-contents-children-element'];
+};
+
+// NOTE: `VCNext` to be renamed `FY26_04` once stable
+export default class VCNextCalculator extends VCCalculator_FY25_03 {
+  constructor() {
+    super(REVISION_NO);
+  }
+  isEntryIncluded(entry, include3p) {
+    const isEntryIncludedInV3 = super.isEntryIncluded(entry, include3p);
+    if (isEntryIncludedInV3) {
+      return true;
+    }
+    return getConsideredEntryTypes().includes(entry.data.type);
+  }
+}