@atlaskit/react-ufo 4.7.6 → 4.9.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.9.0
+
+### Minor Changes
+
+- [`c9fb4a692dc7d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c9fb4a692dc7d) -
+  Added opt-in functionality to fire an additional metric on Rovo search page loads. This additional
+  metric excludes smart answers related data."
+
+## 4.8.0
+
+### Minor Changes
+
+- [`fed39716487e7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fed39716487e7) -
+  calculate VCNext (TTVC v4) metric behind FG
+
 ## 4.7.6
 
 ### Patch Changes

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onSearchPageInteractionComplete = onSearchPageInteractionComplete;
+exports.sinkExtraSearchPageInteractionHandler = sinkExtraSearchPageInteractionHandler;
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var interactionBuffer = [];
+var bufferInteractionData = function bufferInteractionData(interactionId, data) {
+  interactionBuffer.push({
+    interactionId: interactionId,
+    data: data
+  });
+};
+function clearInteractionBuffer() {
+  interactionBuffer.length = 0;
+}
+function appendInteractionData(interactionId, data) {
+  bufferInteractionData(interactionId, data);
+}
+function installInteractionSink(handler) {
+  var _iterator = _createForOfIteratorHelper(interactionBuffer),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _step$value = _step.value,
+        _interactionId = _step$value.interactionId,
+        data = _step$value.data;
+      handler(_interactionId, data);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  clearInteractionBuffer();
+  bufferInteractionData = handler;
+}
+function sinkExtraSearchPageInteractionHandler(sinkFn) {
+  installInteractionSink(sinkFn);
+}
+function onSearchPageInteractionComplete(interactionId, data) {
+  if (data.ufoName) {
+    appendInteractionData(interactionId, data);
+    clearInteractionBuffer();
+  }
+}

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

@@ -79,7 +79,7 @@ function _createInteractionExtraLogPayload() {
             var revision = _ref.revision;
             return revision === _config.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)) {
             _context.next = 23;
             break;
           }

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createExperimentalMetricsPayload = createExperimentalMetricsPayload;
+exports.createExtraSearchPageInteractionPayload = createExtraSearchPageInteractionPayload;
 exports.createPayloads = createPayloads;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -703,4 +704,66 @@ function _createExperimentalMetricsPayload() {
     }, _callee3);
   }));
   return _createExperimentalMetricsPayload.apply(this, arguments);
+}
+function createExtraSearchPageInteractionPayload(_x0, _x1) {
+  return _createExtraSearchPageInteractionPayload.apply(this, arguments);
+}
+function _createExtraSearchPageInteractionPayload() {
+  _createExtraSearchPageInteractionPayload = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(interactionId, interaction) {
+    var SAIN_HOLD_NAMES, NAME_OVERRIDE, SEARCH_PAGE_SMART_ANSWERS_SEGMENT_LABEL, newInteractionId, newEnd, holdInfo, reactProfilerTimings, lastHold, isLastHoldSAIN, lastFilteredTime, filteredReactProfilerTimings, lastTiming, modifiedInteraction, payloads, vcMetrics, interactionMetricsPayload;
+    return _regenerator.default.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          SAIN_HOLD_NAMES = ['search-ai-dialog-visible-text-loading', 'search-ai-dialog-all-text-loading'];
+          NAME_OVERRIDE = 'search-page-ignoring-smart-answers';
+          SEARCH_PAGE_SMART_ANSWERS_SEGMENT_LABEL = 'search-page-smart-answers';
+          newInteractionId = "".concat(interactionId, "-ignoring-smart-answers"); // Calculate a new end time which excludes SAIN holds
+          holdInfo = interaction.holdInfo, reactProfilerTimings = interaction.reactProfilerTimings;
+          lastHold = holdInfo.at(-1);
+          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) {
+            lastFilteredTime = null;
+            filteredReactProfilerTimings = reactProfilerTimings.filter(function (timing) {
+              if (timing.commitTime === lastFilteredTime) {
+                return false;
+              }
+              var isTimingSmartAnswersInSearch = timing.labelStack.some(function (label) {
+                return label.name === SEARCH_PAGE_SMART_ANSWERS_SEGMENT_LABEL;
+              });
+              if (isTimingSmartAnswersInSearch) {
+                lastFilteredTime = timing.commitTime;
+                return false;
+              }
+              return true;
+            });
+            lastTiming = filteredReactProfilerTimings.at(-1);
+            if (lastTiming) {
+              newEnd = lastTiming.commitTime;
+            }
+          }
+          modifiedInteraction = _objectSpread(_objectSpread({}, interaction), {}, {
+            end: newEnd !== null && newEnd !== void 0 ? newEnd : interaction.end,
+            holdInfo: [],
+            knownSegments: [],
+            reactProfilerTimings: [],
+            ufoName: NAME_OVERRIDE
+          });
+          payloads = [];
+          _context4.next = 12;
+          return (0, _getVcMetrics.default)(interaction, false, true);
+        case 12:
+          vcMetrics = _context4.sent;
+          _context4.next = 15;
+          return createInteractionMetricsPayload(modifiedInteraction, newInteractionId, undefined, undefined, vcMetrics);
+        case 15:
+          interactionMetricsPayload = _context4.sent;
+          payloads.push(interactionMetricsPayload);
+          return _context4.abrupt("return", payloads.filter(Boolean));
+        case 18:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return _createExtraSearchPageInteractionPayload.apply(this, arguments);
 }

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

@@ -22,6 +22,7 @@ function _getVCMetrics() {
   _getVCMetrics = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(interaction) {
     var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _config$vc2, _config$vc3, _result$ufoVcRev;
     var include3p,
+      excludeSmartAnswersInSearch,
       config,
       interactionStatus,
       pageVisibilityUpToTTAI,
@@ -39,29 +40,30 @@ function _getVCMetrics() {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           include3p = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
+          excludeSmartAnswersInSearch = _args.length > 2 && _args[2] !== undefined ? _args[2] : false;
           config = (0, _config.getConfig)();
           if (config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled) {
-            _context.next = 4;
+            _context.next = 5;
             break;
           }
           return _context.abrupt("return", {});
-        case 4:
+        case 5:
           if (!(interaction.type !== 'page_load' && interaction.type !== 'transition' && interaction.type !== 'press')) {
-            _context.next = 6;
+            _context.next = 7;
             break;
           }
           return _context.abrupt("return", {});
-        case 6:
+        case 7:
           interactionStatus = (0, _getInteractionStatus.default)(interaction);
           pageVisibilityUpToTTAI = (0, _getPageVisibilityUpToTtai.default)(interaction);
           shouldReportVCMetrics = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && pageVisibilityUpToTTAI === 'visible'; // Use per-interaction VC observer if available, otherwise fall back to global
           observer = interaction.vcObserver;
           if (observer) {
-            _context.next = 12;
+            _context.next = 13;
             break;
           }
           return _context.abrupt("return", {});
-        case 12:
+        case 13:
           isSSREnabled = interaction.type === 'page_load' && ((config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 || (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName)));
           ssr = interaction.type === 'page_load' && isSSREnabled ? {
             ssr: (0, _getSsrDoneTimeValue.default)(config)
@@ -69,7 +71,7 @@ function _getVCMetrics() {
           _interactionMetrics.postInteractionLog.setVCObserverSSRConfig(ssr);
           tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 || (_interaction$apdex = _interaction$apdex[0]) === null || _interaction$apdex === void 0 ? void 0 : _interaction$apdex.stopTime;
           prefix = 'ufo';
-          _context.next = 19;
+          _context.next = 20;
           return observer.getVCResult(_objectSpread(_objectSpread({
             start: interaction.start,
             stop: interaction.end,
@@ -82,9 +84,10 @@ function _getVCMetrics() {
             interactionId: interaction.id,
             includeSSRRatio: (_config$vc3 = config.vc) === null || _config$vc3 === void 0 ? void 0 : _config$vc3.includeSSRRatio
           }, ssr), {}, {
-            include3p: include3p
+            include3p: include3p,
+            excludeSmartAnswersInSearch: excludeSmartAnswersInSearch
           }));
-        case 19:
+        case 20:
           result = _context.sent;
           observer.stop(interaction.ufoName);
           if (!include3p) {
@@ -97,15 +100,15 @@ function _getVCMetrics() {
             return revision === mostRecentVCRevision;
           });
           if (!(!shouldReportVCMetrics || !(mostRecentVCRevisionPayload !== null && mostRecentVCRevisionPayload !== void 0 && mostRecentVCRevisionPayload.clean))) {
-            _context.next = 26;
+            _context.next = 27;
             break;
           }
           return _context.abrupt("return", result);
-        case 26:
+        case 27:
           return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
             'metric:vc90': mostRecentVCRevisionPayload['metric:vc90']
           }));
-        case 27:
+        case 28:
         case "end":
           return _context.stop();
       }

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

@@ -54,6 +54,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _coinflip = _interopRequireDefault(require("../coinflip"));
 var _config = require("../config");
 var _createExperimentalInteractionMetricsPayload = require("../create-experimental-interaction-metrics-payload");
+var _createExtraSearchPageInteractionPayload = require("../create-extra-search-page-interaction-payload");
 var _utils = require("../create-payload/common/utils");
 var _experienceTraceIdContext = require("../experience-trace-id-context");
 var _featureFlagsAccessed = require("../feature-flags-accessed");
@@ -881,16 +882,19 @@ 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;
+          var _getConfig1, _getConfig10, _getConfig11;
           finishInteraction(interactionId, interaction, endTime);
           if ((_getConfig1 = (0, _config.getConfig)()) !== null && _getConfig1 !== void 0 && (_getConfig1 = _getConfig1.extraInteractionMetrics) !== null && _getConfig1 !== void 0 && _getConfig1.enabled) {
             interactionExtraMetrics.updateFinishedInteractionId(interactionId);
           }
+          if ((_getConfig10 = (0, _config.getConfig)()) !== null && _getConfig10 !== void 0 && (_getConfig10 = _getConfig10.extraSearchPageInteraction) !== null && _getConfig10 !== void 0 && _getConfig10.enabled && interaction.ufoName === ((_getConfig11 = (0, _config.getConfig)()) === null || _getConfig11 === void 0 || (_getConfig11 = _getConfig11.extraSearchPageInteraction) === null || _getConfig11 === void 0 ? void 0 : _getConfig11.searchPageMetricName) && (0, _platformFeatureFlags.fg)('react_ufo_unified_search_ignoring_sain_metric')) {
+            (0, _createExtraSearchPageInteractionPayload.onSearchPageInteractionComplete)(interactionId, interaction);
+          }
           activeSubmitted = true;
         }
         if (noMoreExpHolds) {
-          var _getConfig10;
-          if ((_getConfig10 = (0, _config.getConfig)()) !== null && _getConfig10 !== void 0 && (_getConfig10 = _getConfig10.experimentalInteractionMetrics) !== null && _getConfig10 !== void 0 && _getConfig10.enabled) {
+          var _getConfig12;
+          if ((_getConfig12 = (0, _config.getConfig)()) !== null && _getConfig12 !== void 0 && (_getConfig12 = _getConfig12.experimentalInteractionMetrics) !== null && _getConfig12 !== void 0 && _getConfig12.enabled) {
             (0, _createExperimentalInteractionMetricsPayload.onExperimentalInteractionComplete)(interactionId, interaction, endTime);
           }
           postInteraction();
@@ -905,12 +909,16 @@ function tryComplete(interactionId, endTime) {
     } else {
       if (noMoreActiveHolds) {
         if (!activeSubmitted) {
+          var _getConfig13, _getConfig14;
           finishInteraction(interactionId, interaction, endTime);
+          if ((_getConfig13 = (0, _config.getConfig)()) !== null && _getConfig13 !== void 0 && (_getConfig13 = _getConfig13.extraSearchPageInteraction) !== null && _getConfig13 !== void 0 && _getConfig13.enabled && interaction.ufoName === ((_getConfig14 = (0, _config.getConfig)()) === null || _getConfig14 === void 0 || (_getConfig14 = _getConfig14.extraSearchPageInteraction) === null || _getConfig14 === void 0 ? void 0 : _getConfig14.searchPageMetricName) && (0, _platformFeatureFlags.fg)('react_ufo_unified_search_ignoring_sain_metric')) {
+            (0, _createExtraSearchPageInteractionPayload.onSearchPageInteractionComplete)(interactionId, interaction);
+          }
           activeSubmitted = true;
         }
         if (noMoreExpHolds) {
-          var _getConfig11;
-          if ((_getConfig11 = (0, _config.getConfig)()) !== null && _getConfig11 !== void 0 && (_getConfig11 = _getConfig11.experimentalInteractionMetrics) !== null && _getConfig11 !== void 0 && _getConfig11.enabled) {
+          var _getConfig15;
+          if ((_getConfig15 = (0, _config.getConfig)()) !== null && _getConfig15 !== void 0 && (_getConfig15 = _getConfig15.experimentalInteractionMetrics) !== null && _getConfig15 !== void 0 && _getConfig15.enabled) {
             (0, _createExperimentalInteractionMetricsPayload.onExperimentalInteractionComplete)(interactionId, interaction, endTime);
           }
           postInteraction();
@@ -1107,7 +1115,7 @@ function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelS
     addHoldByID(interactionId, [], ufoName, ufoName, true);
   }
   if (type === 'transition' || type === 'page_load') {
-    var _getConfig12, _config$extraInteract;
+    var _getConfig16, _config$extraInteract;
     // Use per-interaction VC observer if available, otherwise fall back to global
     var observer = vcObserver;
     if (observer) {
@@ -1118,7 +1126,7 @@ function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelS
     }
     // Start post interaction observer for all if config is enabled
     // in case ufoName is updated at later time
-    if ((_getConfig12 = (0, _config.getConfig)()) !== null && _getConfig12 !== void 0 && (_getConfig12 = _getConfig12.postInteractionLog) !== null && _getConfig12 !== void 0 && _getConfig12.enabled) {
+    if ((_getConfig16 = (0, _config.getConfig)()) !== null && _getConfig16 !== void 0 && (_getConfig16 = _getConfig16.postInteractionLog) !== null && _getConfig16 !== void 0 && _getConfig16.enabled) {
       postInteractionLog.startVCObserver({
         startTime: startTime
       });

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

@@ -13,6 +13,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _additionalPayload = require("../additional-payload");
 var _config = require("../config");
 var _createExperimentalInteractionMetricsPayload = require("../create-experimental-interaction-metrics-payload");
+var _createExtraSearchPageInteractionPayload = require("../create-extra-search-page-interaction-payload");
 var _hiddenTiming = require("../hidden-timing");
 var _interactionMetrics = require("../interaction-metrics");
 var _interactionsPerformanceObserver = require("../interactions-performance-observer");
@@ -110,6 +111,26 @@ function sinkInteractionExtraMetrics(instance, createInteractionExtraLogPayload)
     })));
   });
 }
+function sinkExtraSearchPageInteraction(instance, payloadPackage) {
+  function sinkFn(interactionId, interaction) {
+    function onIdle() {
+      payloadPackage.createExtraSearchPageInteractionPayload(interactionId, interaction).then(function (payloads) {
+        // NOTE: This API is used by the UFO DevTool Chrome Extension and Criterion
+        var devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
+        payloads === null || payloads === void 0 || payloads.forEach(function (payload) {
+          if (typeof devToolObserver === 'function') {
+            devToolObserver === null || devToolObserver === void 0 || devToolObserver(payload);
+          }
+          instance.sendOperationalEvent(payload);
+        });
+      }).catch(function (error) {
+        throw error;
+      });
+    }
+    (0, _scheduleIdleCallback.default)(onIdle);
+  }
+  (0, _createExtraSearchPageInteractionPayload.sinkExtraSearchPageInteractionHandler)(sinkFn);
+}
 function init(analyticsWebClientAsync, config) {
   var _config$vc;
   if (initialized) {
@@ -164,7 +185,7 @@ function init(analyticsWebClientAsync, config) {
       createInteractionExtraMetricsPayloadPackage = _ref3[3];
     if (awc.getAnalyticsWebClientPromise) {
       awc.getAnalyticsWebClientPromise().then(function (client) {
-        var _config$experimentalI2, _config$postInteracti, _config$extraInteract2;
+        var _config$experimentalI2, _config$postInteracti, _config$extraInteract2, _config$extraSearchPa;
         var instance = client.getInstance();
         sinkInteraction(instance, payloadPackage);
         if (config !== null && config !== void 0 && (_config$experimentalI2 = config.experimentalInteractionMetrics) !== null && _config$experimentalI2 !== void 0 && _config$experimentalI2.enabled) {
@@ -176,9 +197,12 @@ function init(analyticsWebClientAsync, config) {
         if (config !== null && config !== void 0 && (_config$extraInteract2 = config.extraInteractionMetrics) !== null && _config$extraInteract2 !== void 0 && _config$extraInteract2.enabled && (0, _platformFeatureFlags.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 && (0, _platformFeatureFlags.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);
@@ -189,6 +213,9 @@ function init(analyticsWebClientAsync, config) {
       if (config !== null && config !== void 0 && (_config$extraInteract3 = config.extraInteractionMetrics) !== null && _config$extraInteract3 !== void 0 && _config$extraInteract3.enabled && (0, _platformFeatureFlags.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/cjs/vc/index.js

@@ -35,7 +35,7 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
     this.ssrPlaceholderHandler = new _ssrPlaceholders.SSRPlaceholderHandlers({
       enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa !== void 0 ? _opts$ssrEnablePageLa : false
     });
-    if ((0, _config.isVCRevisionEnabled)('fy25.03')) {
+    if ((0, _config.isVCRevisionEnabled)('fy25.03') || (0, _config.isVCRevisionEnabled)('next')) {
       var _opts$ssrEnablePageLa2;
       this.newVCObserver = new _vcObserverNew.default({
         selectorConfig: opts.selectorConfig,
@@ -122,11 +122,11 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
     value: function () {
       var _getVCResult = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(param) {
         var _this$oldVCObserver4, _this$newVCObserver3, _ref2;
-        var experienceKey, include3p, v1v2Result, v3Result;
+        var experienceKey, include3p, excludeSmartAnswersInSearch, v1v2Result, v3Result;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              experienceKey = param.experienceKey, include3p = param.include3p;
+              experienceKey = param.experienceKey, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch;
               if (!((0, _config.isVCRevisionEnabled)('fy25.01', experienceKey) || (0, _config.isVCRevisionEnabled)('fy25.02', experienceKey))) {
                 _context.next = 7;
                 break;
@@ -151,7 +151,8 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
                 stop: param.stop,
                 interactionId: param.interactionId,
                 ssr: param.includeSSRInV3 ? param.ssr : undefined,
-                include3p: include3p
+                include3p: include3p,
+                excludeSmartAnswersInSearch: excludeSmartAnswersInSearch
               });
             case 12:
               _context.t1 = _context.sent;

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

@@ -19,6 +19,7 @@ var _getElementName2 = _interopRequireDefault(require("./get-element-name"));
 var _fy25_ = _interopRequireDefault(require("./metric-calculator/fy25_03"));
 var _getViewportHeight = _interopRequireDefault(require("./metric-calculator/utils/get-viewport-height"));
 var _getViewportWidth = _interopRequireDefault(require("./metric-calculator/utils/get-viewport-width"));
+var _vcnext = _interopRequireDefault(require("./metric-calculator/vcnext"));
 var _viewportObserver = _interopRequireDefault(require("./viewport-observer"));
 var _windowEventObserver = _interopRequireDefault(require("./window-event-observer"));
 var SSRState = {
@@ -237,11 +238,11 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
     key: "getVCResult",
     value: function () {
       var _getVCResult = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(param) {
-        var start, stop, interactionId, include3p, results, calculator_fy25_03, orderedEntries, fy25_03;
+        var start, stop, interactionId, include3p, excludeSmartAnswersInSearch, results, calculator_fy25_03, orderedEntries, fy25_03, calculator_next, vcNext;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              start = param.start, stop = param.stop, interactionId = param.interactionId, include3p = param.include3p;
+              start = param.start, stop = param.stop, interactionId = param.interactionId, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch;
               results = [];
               this.addStartEntry(start);
               calculator_fy25_03 = new _fy25_.default();
@@ -259,15 +260,38 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
                 stopTime: stop,
                 interactionId: interactionId,
                 isPostInteraction: this.isPostInteraction,
-                include3p: include3p
+                include3p: include3p,
+                excludeSmartAnswersInSearch: excludeSmartAnswersInSearch
               });
             case 8:
               fy25_03 = _context.sent;
               if (fy25_03) {
                 results.push(fy25_03);
               }
+
+              // TODO on cleanup: put behind `enabledVCRevisions` config
+              if (!(0, _platformFeatureFlags.fg)('platform_ufo_vcnext_v4_enabled')) {
+                _context.next = 16;
+                break;
+              }
+              calculator_next = new _vcnext.default();
+              _context.next = 14;
+              return calculator_next.calculate({
+                orderedEntries: orderedEntries,
+                startTime: start,
+                stopTime: stop,
+                interactionId: interactionId,
+                isPostInteraction: this.isPostInteraction,
+                include3p: include3p
+              });
+            case 14:
+              vcNext = _context.sent;
+              if (vcNext) {
+                results.push(vcNext);
+              }
+            case 16:
               return _context.abrupt("return", results);
-            case 11:
+            case 17:
             case "end":
               return _context.stop();
           }

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

@@ -111,7 +111,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
   }, {
     key: "calculateWithDebugInfo",
     value: function () {
-      var _calculateWithDebugInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries, include3p) {
+      var _calculateWithDebugInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries, include3p, excludeSmartAnswersInSearch) {
         var _window, _window2, _window6, _window8;
         var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator4, _step4, _entry3, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, enhancedVcLogs, shouldCalculate3p, shouldCalculateDebugDetails, _window3, _window4, _window5, sortedVcLogs, maxViewportPercentageAtTime, maxSoFar, _iterator5, _step5, log, getBiggestPreviousViewportPercentage, ignoredEntriesByTime, _iterator6, _step6, _entry4, _ignoredEntriesByTime, _viewportData$rect, _viewportData$previou, viewportData, timestamp, additionalVcLogs, _iterator7, _step7, _step7$value, _timestamp, ignoredEntries, _viewportPercentage, v3RevisionDebugDetails, _activeInteractionId$, activeInteractionId, activeInteraction, pageVisibilityUpToTTAI, isBackgrounded, _window7, _window7$__ufo_devtoo, _window9, _window9$__on_ufo_vc_;
         return _regenerator.default.wrap(function _callee$(_context) {
@@ -264,7 +264,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                 try {
                   for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
                     _entry4 = _step6.value;
-                    if ('rect' in _entry4.data && !this.isEntryIncluded(_entry4, include3p)) {
+                    if ('rect' in _entry4.data && !this.isEntryIncluded(_entry4, include3p, excludeSmartAnswersInSearch)) {
                       viewportData = _entry4.data;
                       timestamp = Math.round(_entry4.time);
                       if (!ignoredEntriesByTime.has(timestamp)) {
@@ -371,7 +371,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
           }
         }, _callee, this, [[10, 22, 25, 28]]);
       }));
-      function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9) {
+      function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0) {
         return _calculateWithDebugInfo.apply(this, arguments);
       }
       return calculateWithDebugInfo;
@@ -383,13 +383,13 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
         var _this = this,
           _vcDetails$90$t,
           _vcDetails$;
-        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, vcDetails, result;
+        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, vcDetails, result;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              startTime = _ref.startTime, stopTime = _ref.stopTime, orderedEntries = _ref.orderedEntries, interactionId = _ref.interactionId, isPostInteraction = _ref.isPostInteraction, include3p = _ref.include3p;
+              startTime = _ref.startTime, stopTime = _ref.stopTime, orderedEntries = _ref.orderedEntries, interactionId = _ref.interactionId, isPostInteraction = _ref.isPostInteraction, include3p = _ref.include3p, excludeSmartAnswersInSearch = _ref.excludeSmartAnswersInSearch;
               filteredEntries = orderedEntries.filter(function (entry) {
-                return _this.isEntryIncluded(entry, include3p);
+                return _this.isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch);
               });
               getVCCleanStatusResult = this.getVCCleanStatus(filteredEntries);
               isVCClean = getVCCleanStatusResult.isVCClean;
@@ -407,7 +407,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
               });
             case 7:
               _context2.next = 9;
-              return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, orderedEntries, include3p);
+              return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, orderedEntries, include3p, excludeSmartAnswersInSearch);
             case 9:
               vcDetails = _context2.sent;
               result = {
@@ -430,7 +430,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
           }
         }, _callee2, this);
       }));
-      function calculate(_x0) {
+      function calculate(_x1) {
         return _calculate.apply(this, arguments);
       }
       return calculate;

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

@@ -12,6 +12,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _abstractBaseVcCalculator = _interopRequireDefault(require("../abstract-base-vc-calculator"));
+var _isEntrySmartAnswersInSearch = require("../utils/is-entry-smart-answers-in-search");
 var _isViewportEntryData = _interopRequireDefault(require("../utils/is-viewport-entry-data"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -44,17 +45,20 @@ var THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = exports.THIRD_PARTY_BROWSER_EXTEN
 // grammarly extensions
 'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];
 var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCCalculator) {
-  function VCCalculator_FY25_03() {
+  function VCCalculator_FY25_03(revisionNo) {
     (0, _classCallCheck2.default)(this, VCCalculator_FY25_03);
-    return _callSuper(this, VCCalculator_FY25_03, [REVISION_NO]);
+    return _callSuper(this, VCCalculator_FY25_03, [revisionNo !== null && revisionNo !== void 0 ? revisionNo : REVISION_NO]);
   }
   (0, _inherits2.default)(VCCalculator_FY25_03, _AbstractVCCalculator);
   return (0, _createClass2.default)(VCCalculator_FY25_03, [{
     key: "isEntryIncluded",
-    value: function isEntryIncluded(entry, include3p) {
+    value: function isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch) {
       if (!getConsideredEntryTypes(include3p).includes(entry.data.type)) {
         return false;
       }
+      if (excludeSmartAnswersInSearch && (0, _isEntrySmartAnswersInSearch.isEntrySmartAnswersInSearch)(entry)) {
+        return false;
+      }
       if (entry.data.type === 'mutation:attribute') {
         var entryData = entry.data;
         var attributeName = entryData.attributeName;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isEntrySmartAnswersInSearch = isEntrySmartAnswersInSearch;
+var _browserApis = require("@atlaskit/browser-apis");
+function isEntrySmartAnswersInSearch(entry) {
+  var _ref = entry.data,
+    elementName = _ref.elementName;
+  if (!elementName || elementName === 'START') {
+    return false;
+  }
+  var doc = (0, _browserApis.getDocument)();
+  if (!doc) {
+    return false;
+  }
+  var smartAnswersElement = doc.getElementById('search-page-smart-answers');
+  if (!smartAnswersElement) {
+    return false;
+  }
+  var entryDOMElement = doc.querySelector(elementName);
+  if (!entryDOMElement) {
+    return false;
+  }
+  return smartAnswersElement.contains(entryDOMElement);
+}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _fy25_ = _interopRequireDefault(require("../fy25_03"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+// NOTE: `next` to be renamed `fy26.04` once stable
+var REVISION_NO = 'next';
+var getConsideredEntryTypes = function getConsideredEntryTypes() {
+  return ['mutation:display-contents-children-element'];
+};
+
+// NOTE: `VCNext` to be renamed `FY26_04` once stable
+var VCNextCalculator = exports.default = /*#__PURE__*/function (_VCCalculator_FY25_) {
+  function VCNextCalculator() {
+    (0, _classCallCheck2.default)(this, VCNextCalculator);
+    return _callSuper(this, VCNextCalculator, [REVISION_NO]);
+  }
+  (0, _inherits2.default)(VCNextCalculator, _VCCalculator_FY25_);
+  return (0, _createClass2.default)(VCNextCalculator, [{
+    key: "isEntryIncluded",
+    value: function isEntryIncluded(entry, include3p) {
+      var isEntryIncludedInV3 = _superPropGet(VCNextCalculator, "isEntryIncluded", this, 3)([entry, include3p]);
+      if (isEntryIncludedInV3) {
+        return true;
+      }
+      return getConsideredEntryTypes().includes(entry.data.type);
+    }
+  }]);
+}(_fy25_.default);