@atlaskit/react-ufo 4.16.8 → 4.17.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.17.0
+
+### Minor Changes
+
+- [`9f645244e3aba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9f645244e3aba) -
+  Fixed two related problems:
+  - The additional metric which fires on the search page was not correctly ignoring smart answer
+    mutations
+  - fy26.04 metric was not propagating argument to exclude smart answer mutations
+
 ## 4.16.8
 
 ### Patch Changes

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

@@ -1147,6 +1147,7 @@ function addOnCancelCallback(id, cancelCallback) {
   interaction === null || interaction === void 0 || interaction.cancelCallbacks.push(cancelCallback);
 }
 function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName) {
+  var _config$extraSearchPa, _config$extraSearchPa2;
   var trace = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
   interactionExtraMetrics.reset();
   postInteractionLog.reset();
@@ -1174,13 +1175,18 @@ function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelS
   }
   var addFeatureFlagsToInteraction = (0, _coinflip.default)((0, _config.getCapabilityRate)('feature_flag_access'));
   var config = (0, _config.getConfig)();
+  var searchPageConfig = (0, _platformFeatureFlags.fg)('rovo_search_page_ttvc_ignoring_smart_answers_fix') ? {
+    enableSmartAnswersMutations: config === null || config === void 0 || (_config$extraSearchPa = config.extraSearchPageInteraction) === null || _config$extraSearchPa === void 0 ? void 0 : _config$extraSearchPa.enabled,
+    searchPageRoute: config === null || config === void 0 || (_config$extraSearchPa2 = config.extraSearchPageInteraction) === null || _config$extraSearchPa2 === void 0 ? void 0 : _config$extraSearchPa2.searchPageRoute
+  } : undefined;
   if (config && config.vc) {
     var vcOptions = {
       heatmapSize: config.vc.heatmapSize,
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
+      searchPageConfig: searchPageConfig
     };
     vcObserver = (0, _vc.newVCObserver)(vcOptions);
   }

package/dist/cjs/vc/index.js

@@ -45,7 +45,8 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
         SSRConfig: {
           enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa2 = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa2 !== void 0 ? _opts$ssrEnablePageLa2 : false
         },
-        ssrPlaceholderHandler: this.ssrPlaceholderHandler
+        ssrPlaceholderHandler: this.ssrPlaceholderHandler,
+        searchPageConfig: opts.searchPageConfig
       });
     }
     if ((0, _config.isVCRevisionEnabled)('fy25.01') || (0, _config.isVCRevisionEnabled)('fy25.02')) {

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

@@ -109,7 +109,8 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
       },
       getSSRPlaceholderHandler: function getSSRPlaceholderHandler() {
         return _this.getSSRPlaceholderHandler();
-      }
+      },
+      searchPageConfig: config.searchPageConfig
     });
     this.windowEventObserver = new _windowEventObserver.default({
       onEvent: function onEvent(_ref) {
@@ -318,6 +319,7 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
                 interactionType: interactionType,
                 isPostInteraction: this.isPostInteraction,
                 include3p: include3p,
+                excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
                 includeSSRRatio: includeSSRRatio,
                 isPageVisible: isPageVisible,
                 interactionAbortReason: interactionAbortReason

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

@@ -21,7 +21,7 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0,
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
 var REVISION_NO = 'fy25.03';
-var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
+var getConsideredEntryTypes = function getConsideredEntryTypes(include3p, excludeSmartAnswersInSearch) {
   var entryTypes = ['mutation:child-element', 'mutation:element', 'mutation:attribute', 'layout-shift', 'layout-shift:same-rect', 'window:event'];
 
   // If not exclude 3p elements from ttvc,
@@ -30,6 +30,10 @@ var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
     entryTypes.push('mutation:third-party-element');
     entryTypes.push('mutation:third-party-attribute');
   }
+  if (!excludeSmartAnswersInSearch && (0, _platformFeatureFlags.fg)('rovo_search_page_ttvc_ignoring_smart_answers_fix')) {
+    entryTypes.push('mutation:smart-answers-element');
+    entryTypes.push('mutation:smart-answers-attribute');
+  }
   if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_media_for_ttvc_v3')) {
     entryTypes.push('mutation:media');
   }
@@ -47,10 +51,10 @@ var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCC
   return (0, _createClass2.default)(VCCalculator_FY25_03, [{
     key: "isEntryIncluded",
     value: function isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch) {
-      if (!getConsideredEntryTypes(include3p).includes(entry.data.type)) {
+      if (!getConsideredEntryTypes(include3p, excludeSmartAnswersInSearch).includes(entry.data.type)) {
         return false;
       }
-      if (excludeSmartAnswersInSearch && (0, _isEntrySmartAnswersInSearch.isEntrySmartAnswersInSearch)(entry)) {
+      if (excludeSmartAnswersInSearch && (0, _isEntrySmartAnswersInSearch.isEntrySmartAnswersInSearch)(entry) && !(0, _platformFeatureFlags.fg)('rovo_search_page_ttvc_ignoring_smart_answers_fix')) {
         return false;
       }
       if (entry.data.type === 'mutation:media' && (0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix')) {

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

@@ -39,8 +39,8 @@ var VCCalculator_FY26_04 = exports.default = /*#__PURE__*/function (_VCCalculato
   (0, _inherits2.default)(VCCalculator_FY26_04, _VCCalculator_FY25_);
   return (0, _createClass2.default)(VCCalculator_FY26_04, [{
     key: "isEntryIncluded",
-    value: function isEntryIncluded(entry, include3p) {
-      var isEntryIncludedInV3 = _superPropGet(VCCalculator_FY26_04, "isEntryIncluded", this, 3)([entry, include3p]);
+    value: function isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch) {
+      var isEntryIncludedInV3 = _superPropGet(VCCalculator_FY26_04, "isEntryIncluded", this, 3)([entry, include3p, excludeSmartAnswersInSearch]);
       if (isEntryIncludedInV3 && !getExcludedEntryTypes().includes(entry.data.type)) {
         return true;
       }

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

@@ -20,6 +20,7 @@ var _intersectionObserver = require("./intersection-observer");
 var _mutationObserver = _interopRequireDefault(require("./mutation-observer"));
 var _performanceObserver = _interopRequireDefault(require("./performance-observer"));
 var _checkWithinComponent3 = _interopRequireWildcard(require("./utils/check-within-component"));
+var _isContainedWithinSmartAnswers = require("./utils/is-contained-within-smart-answers");
 var _isElementVisible = require("./utils/is-element-visible");
 var _isInVcIgnoreIfNoLayoutShiftMarker = _interopRequireDefault(require("./utils/is-in-vc-ignore-if-no-layout-shift-marker"));
 var _isInputNameMutation = require("./utils/is-input-name-mutation");
@@ -29,7 +30,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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 createElementMutationsWatcher = function createElementMutationsWatcher(removedNodeRects, isWithinThirdPartySegment, hasSameDeletedNode, timestamp, isTargetReactRoot, getSSRState, getSSRPlaceholderHandler) {
+var createElementMutationsWatcher = function createElementMutationsWatcher(removedNodeRects, isWithinThirdPartySegment, isWithinSmartAnswersSegment, hasSameDeletedNode, timestamp, isTargetReactRoot, getSSRState, getSSRPlaceholderHandler) {
   return function (_ref) {
     var target = _ref.target,
       rect = _ref.rect;
@@ -76,6 +77,9 @@ var createElementMutationsWatcher = function createElementMutationsWatcher(remov
     if (isWithinThirdPartySegment) {
       return 'mutation:third-party-element';
     }
+    if (isWithinSmartAnswersSegment) {
+      return 'mutation:smart-answers-element';
+    }
     var isInIgnoreLsMarker = (0, _isInVcIgnoreIfNoLayoutShiftMarker.default)(target);
     if (!isInIgnoreLsMarker) {
       return 'mutation:element';
@@ -100,7 +104,8 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
     var _this = this;
     var onChange = _ref2.onChange,
       getSSRState = _ref2.getSSRState,
-      getSSRPlaceholderHandler = _ref2.getSSRPlaceholderHandler;
+      getSSRPlaceholderHandler = _ref2.getSSRPlaceholderHandler,
+      searchPageConfig = _ref2.searchPageConfig;
     (0, _classCallCheck2.default)(this, ViewportObserver);
     (0, _defineProperty2.default)(this, "handleIntersectionEntry", function (_ref3) {
       var target = _ref3.target,
@@ -143,7 +148,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
               _context2.prev = 4;
               _loop = /*#__PURE__*/_regenerator.default.mark(function _loop() {
                 var _this$getSSRState, _this$intersectionObs;
-                var addedNodeRef, addedNode, hasSameDeletedNode, _checkWithinComponent, isWithinThirdPartySegment, isTargetReactRoot;
+                var addedNodeRef, addedNode, hasSameDeletedNode, _checkWithinComponent, isWithinThirdPartySegment, isWithinSmartAnswersSegment, isTargetReactRoot;
                 return _regenerator.default.wrap(function _loop$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -163,9 +168,10 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
                         return n.isEqualNode(addedNode);
                       });
                       _checkWithinComponent = (0, _checkWithinComponent3.default)(addedNode, 'UFOThirdPartySegment', _this.mapIs3pResult), isWithinThirdPartySegment = _checkWithinComponent.isWithin;
+                      isWithinSmartAnswersSegment = Boolean(_this.shouldCheckSmartAnswersMutations() && (0, _isContainedWithinSmartAnswers.isContainedWithinSmartAnswers)(addedNode));
                       isTargetReactRoot = targetNode === ((_this$getSSRState = _this.getSSRState) === null || _this$getSSRState === void 0 || (_this$getSSRState = _this$getSSRState.call(_this)) === null || _this$getSSRState === void 0 ? void 0 : _this$getSSRState.reactRootElement);
-                      (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects, isWithinThirdPartySegment, !!hasSameDeletedNode, timestamp, isTargetReactRoot, _this.getSSRState, _this.getSSRPlaceholderHandler));
-                    case 8:
+                      (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects, isWithinThirdPartySegment, isWithinSmartAnswersSegment, !!hasSameDeletedNode, timestamp, isTargetReactRoot, _this.getSSRState, _this.getSSRPlaceholderHandler));
+                    case 9:
                     case "end":
                       return _context.stop();
                   }
@@ -241,6 +247,16 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
             };
           }
         }
+        if (_this.shouldCheckSmartAnswersMutations() && (0, _isContainedWithinSmartAnswers.isContainedWithinSmartAnswers)(target)) {
+          return {
+            type: 'mutation:smart-answers-attribute',
+            mutationData: {
+              attributeName: attributeName,
+              oldValue: oldValue,
+              newValue: newValue
+            }
+          };
+        }
         if ((0, _isDndStyleMutation.default)({
           target: target,
           attributeName: attributeName,
@@ -344,6 +360,10 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
         _iterator2.f();
       }
     });
+    (0, _defineProperty2.default)(this, "shouldCheckSmartAnswersMutations", function () {
+      var _this$searchPageConfi, _this$searchPageConfi2, _window;
+      return ((_this$searchPageConfi = _this.searchPageConfig) === null || _this$searchPageConfi === void 0 ? void 0 : _this$searchPageConfi.enableSmartAnswersMutations) && ((_this$searchPageConfi2 = _this.searchPageConfig) === null || _this$searchPageConfi2 === void 0 ? void 0 : _this$searchPageConfi2.searchPageRoute) && ((_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.pathname) && window.location.pathname === _this.searchPageConfig.searchPageRoute && (0, _platformFeatureFlags.fg)('rovo_search_page_ttvc_ignoring_smart_answers_fix');
+    });
     this.mapVisibleNodeRects = new WeakMap();
     this.mapIs3pResult = new WeakMap();
     this.onChange = onChange;
@@ -355,6 +375,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
     // Initialize SSR context functions
     this.getSSRState = getSSRState;
     this.getSSRPlaceholderHandler = getSSRPlaceholderHandler;
+    this.searchPageConfig = searchPageConfig;
   }
   return (0, _createClass2.default)(ViewportObserver, [{
     key: "initializeObservers",

package/dist/cjs/vc/vc-observer-new/viewport-observer/utils/is-contained-within-smart-answers.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isContainedWithinSmartAnswers = isContainedWithinSmartAnswers;
+var _browserApis = require("@atlaskit/browser-apis");
+function isContainedWithinSmartAnswers(node) {
+  var doc = (0, _browserApis.getDocument)();
+  if (!doc) {
+    return false;
+  }
+  var smartAnswersElement = doc.getElementById('search-page-smart-answers');
+  if (!smartAnswersElement) {
+    return false;
+  }
+
+  // When the node is the smart answer element, .contains() still returns true
+  return smartAnswersElement.contains(node);
+}

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

@@ -1026,6 +1026,7 @@ export function addOnCancelCallback(id, cancelCallback) {
   interaction === null || interaction === void 0 ? void 0 : interaction.cancelCallbacks.push(cancelCallback);
 }
 export function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName, trace = null) {
+  var _config$extraSearchPa, _config$extraSearchPa2;
   interactionExtraMetrics.reset();
   postInteractionLog.reset();
   let vcObserver;
@@ -1052,13 +1053,18 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
   }
   const addFeatureFlagsToInteraction = coinflip(getCapabilityRate('feature_flag_access'));
   const config = getConfig();
+  const searchPageConfig = fg('rovo_search_page_ttvc_ignoring_smart_answers_fix') ? {
+    enableSmartAnswersMutations: config === null || config === void 0 ? void 0 : (_config$extraSearchPa = config.extraSearchPageInteraction) === null || _config$extraSearchPa === void 0 ? void 0 : _config$extraSearchPa.enabled,
+    searchPageRoute: config === null || config === void 0 ? void 0 : (_config$extraSearchPa2 = config.extraSearchPageInteraction) === null || _config$extraSearchPa2 === void 0 ? void 0 : _config$extraSearchPa2.searchPageRoute
+  } : undefined;
   if (config && config.vc) {
     const vcOptions = {
       heatmapSize: config.vc.heatmapSize,
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
+      searchPageConfig
     };
     vcObserver = newVCObserver(vcOptions);
   }

package/dist/es2019/vc/index.js

@@ -25,7 +25,8 @@ export class VCObserverWrapper {
         SSRConfig: {
           enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa2 = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa2 !== void 0 ? _opts$ssrEnablePageLa2 : false
         },
-        ssrPlaceholderHandler: this.ssrPlaceholderHandler
+        ssrPlaceholderHandler: this.ssrPlaceholderHandler,
+        searchPageConfig: opts.searchPageConfig
       });
     }
     if (isVCRevisionEnabled('fy25.01') || isVCRevisionEnabled('fy25.02')) {

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

@@ -91,7 +91,8 @@ export default class VCObserverNew {
       },
       // Pass SSR context to ViewportObserver
       getSSRState: () => this.getSSRState(),
-      getSSRPlaceholderHandler: () => this.getSSRPlaceholderHandler()
+      getSSRPlaceholderHandler: () => this.getSSRPlaceholderHandler(),
+      searchPageConfig: config.searchPageConfig
     });
     this.windowEventObserver = new WindowEventObserver({
       onEvent: ({
@@ -259,6 +260,7 @@ export default class VCObserverNew {
         interactionType,
         isPostInteraction: this.isPostInteraction,
         include3p,
+        excludeSmartAnswersInSearch,
         includeSSRRatio,
         isPageVisible,
         interactionAbortReason

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

@@ -7,7 +7,7 @@ import { isEntrySmartAnswersInSearch } from '../utils/is-entry-smart-answers-in-
 import isViewportEntryData from '../utils/is-viewport-entry-data';
 const ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
 const REVISION_NO = 'fy25.03';
-const getConsideredEntryTypes = include3p => {
+const getConsideredEntryTypes = (include3p, excludeSmartAnswersInSearch) => {
   const entryTypes = ['mutation:child-element', 'mutation:element', 'mutation:attribute', 'layout-shift', 'layout-shift:same-rect', 'window:event'];
 
   // If not exclude 3p elements from ttvc,
@@ -16,6 +16,10 @@ const getConsideredEntryTypes = include3p => {
     entryTypes.push('mutation:third-party-element');
     entryTypes.push('mutation:third-party-attribute');
   }
+  if (!excludeSmartAnswersInSearch && fg('rovo_search_page_ttvc_ignoring_smart_answers_fix')) {
+    entryTypes.push('mutation:smart-answers-element');
+    entryTypes.push('mutation:smart-answers-attribute');
+  }
   if (fg('platform_ufo_enable_media_for_ttvc_v3')) {
     entryTypes.push('mutation:media');
   }
@@ -29,10 +33,10 @@ export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
     super(revisionNo !== null && revisionNo !== void 0 ? revisionNo : REVISION_NO);
   }
   isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch) {
-    if (!getConsideredEntryTypes(include3p).includes(entry.data.type)) {
+    if (!getConsideredEntryTypes(include3p, excludeSmartAnswersInSearch).includes(entry.data.type)) {
       return false;
     }
-    if (excludeSmartAnswersInSearch && isEntrySmartAnswersInSearch(entry)) {
+    if (excludeSmartAnswersInSearch && isEntrySmartAnswersInSearch(entry) && !fg('rovo_search_page_ttvc_ignoring_smart_answers_fix')) {
       return false;
     }
     if (entry.data.type === 'mutation:media' && fg('media-perf-uplift-mutation-fix')) {

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

@@ -19,8 +19,8 @@ export default class VCCalculator_FY26_04 extends VCCalculator_FY25_03 {
   constructor() {
     super('fy26.04');
   }
-  isEntryIncluded(entry, include3p) {
-    const isEntryIncludedInV3 = super.isEntryIncluded(entry, include3p);
+  isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch) {
+    const isEntryIncludedInV3 = super.isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch);
     if (isEntryIncludedInV3 && !getExcludedEntryTypes().includes(entry.data.type)) {
       return true;
     }

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

@@ -8,12 +8,13 @@ import { createIntersectionObserver } from './intersection-observer';
 import createMutationObserver from './mutation-observer';
 import createPerformanceObserver from './performance-observer';
 import checkWithinComponent, { cleanupCaches } from './utils/check-within-component';
+import { isContainedWithinSmartAnswers } from './utils/is-contained-within-smart-answers';
 import { isElementVisible } from './utils/is-element-visible';
 import isInVCIgnoreIfNoLayoutShiftMarker from './utils/is-in-vc-ignore-if-no-layout-shift-marker';
 import { isInputNameMutation } from './utils/is-input-name-mutation';
 import { isSameRectDimensions } from './utils/is-same-rect-dimensions';
 import { isSameRectSize } from './utils/is-same-rect-size';
-const createElementMutationsWatcher = (removedNodeRects, isWithinThirdPartySegment, hasSameDeletedNode, timestamp, isTargetReactRoot, getSSRState, getSSRPlaceholderHandler) => ({
+const createElementMutationsWatcher = (removedNodeRects, isWithinThirdPartySegment, isWithinSmartAnswersSegment, hasSameDeletedNode, timestamp, isTargetReactRoot, getSSRState, getSSRPlaceholderHandler) => ({
   target,
   rect
 }) => {
@@ -60,6 +61,9 @@ const createElementMutationsWatcher = (removedNodeRects, isWithinThirdPartySegme
   if (isWithinThirdPartySegment) {
     return 'mutation:third-party-element';
   }
+  if (isWithinSmartAnswersSegment) {
+    return 'mutation:smart-answers-element';
+  }
   const isInIgnoreLsMarker = isInVCIgnoreIfNoLayoutShiftMarker(target);
   if (!isInIgnoreLsMarker) {
     return 'mutation:element';
@@ -80,7 +84,8 @@ export default class ViewportObserver {
   constructor({
     onChange,
     getSSRState,
-    getSSRPlaceholderHandler
+    getSSRPlaceholderHandler,
+    searchPageConfig
   }) {
     _defineProperty(this, "handleIntersectionEntry", ({
       target,
@@ -135,8 +140,9 @@ export default class ViewportObserver {
         const {
           isWithin: isWithinThirdPartySegment
         } = checkWithinComponent(addedNode, 'UFOThirdPartySegment', this.mapIs3pResult);
+        const isWithinSmartAnswersSegment = Boolean(this.shouldCheckSmartAnswersMutations() && isContainedWithinSmartAnswers(addedNode));
         const isTargetReactRoot = targetNode === ((_this$getSSRState = this.getSSRState) === null || _this$getSSRState === void 0 ? void 0 : (_this$getSSRState$cal = _this$getSSRState.call(this)) === null || _this$getSSRState$cal === void 0 ? void 0 : _this$getSSRState$cal.reactRootElement);
-        (_this$intersectionObs = this.intersectionObserver) === null || _this$intersectionObs === void 0 ? void 0 : _this$intersectionObs.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects, isWithinThirdPartySegment, !!hasSameDeletedNode, timestamp, isTargetReactRoot, this.getSSRState, this.getSSRPlaceholderHandler));
+        (_this$intersectionObs = this.intersectionObserver) === null || _this$intersectionObs === void 0 ? void 0 : _this$intersectionObs.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects, isWithinThirdPartySegment, isWithinSmartAnswersSegment, !!hasSameDeletedNode, timestamp, isTargetReactRoot, this.getSSRState, this.getSSRPlaceholderHandler));
       }
     });
     _defineProperty(this, "handleAttributeMutation", ({
@@ -175,6 +181,16 @@ export default class ViewportObserver {
             };
           }
         }
+        if (this.shouldCheckSmartAnswersMutations() && isContainedWithinSmartAnswers(target)) {
+          return {
+            type: 'mutation:smart-answers-attribute',
+            mutationData: {
+              attributeName,
+              oldValue,
+              newValue
+            }
+          };
+        }
         if (isDnDStyleMutation({
           target,
           attributeName,
@@ -270,6 +286,10 @@ export default class ViewportObserver {
         }
       }
     });
+    _defineProperty(this, "shouldCheckSmartAnswersMutations", () => {
+      var _this$searchPageConfi, _this$searchPageConfi2, _window, _window$location;
+      return ((_this$searchPageConfi = this.searchPageConfig) === null || _this$searchPageConfi === void 0 ? void 0 : _this$searchPageConfi.enableSmartAnswersMutations) && ((_this$searchPageConfi2 = this.searchPageConfig) === null || _this$searchPageConfi2 === void 0 ? void 0 : _this$searchPageConfi2.searchPageRoute) && ((_window = window) === null || _window === void 0 ? void 0 : (_window$location = _window.location) === null || _window$location === void 0 ? void 0 : _window$location.pathname) && window.location.pathname === this.searchPageConfig.searchPageRoute && fg('rovo_search_page_ttvc_ignoring_smart_answers_fix');
+    });
     this.mapVisibleNodeRects = new WeakMap();
     this.mapIs3pResult = new WeakMap();
     this.onChange = onChange;
@@ -281,6 +301,7 @@ export default class ViewportObserver {
     // Initialize SSR context functions
     this.getSSRState = getSSRState;
     this.getSSRPlaceholderHandler = getSSRPlaceholderHandler;
+    this.searchPageConfig = searchPageConfig;
   }
   initializeObservers() {
     if (this.isStarted) {

package/dist/es2019/vc/vc-observer-new/viewport-observer/utils/is-contained-within-smart-answers.js

@@ -0,0 +1,14 @@
+import { getDocument } from '@atlaskit/browser-apis';
+export function isContainedWithinSmartAnswers(node) {
+  const doc = getDocument();
+  if (!doc) {
+    return false;
+  }
+  const smartAnswersElement = doc.getElementById('search-page-smart-answers');
+  if (!smartAnswersElement) {
+    return false;
+  }
+
+  // When the node is the smart answer element, .contains() still returns true
+  return smartAnswersElement.contains(node);
+}

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

@@ -1100,6 +1100,7 @@ export function addOnCancelCallback(id, cancelCallback) {
   interaction === null || interaction === void 0 || interaction.cancelCallbacks.push(cancelCallback);
 }
 export function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName) {
+  var _config$extraSearchPa, _config$extraSearchPa2;
   var trace = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
   interactionExtraMetrics.reset();
   postInteractionLog.reset();
@@ -1127,13 +1128,18 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
   }
   var addFeatureFlagsToInteraction = coinflip(getCapabilityRate('feature_flag_access'));
   var config = getConfig();
+  var searchPageConfig = fg('rovo_search_page_ttvc_ignoring_smart_answers_fix') ? {
+    enableSmartAnswersMutations: config === null || config === void 0 || (_config$extraSearchPa = config.extraSearchPageInteraction) === null || _config$extraSearchPa === void 0 ? void 0 : _config$extraSearchPa.enabled,
+    searchPageRoute: config === null || config === void 0 || (_config$extraSearchPa2 = config.extraSearchPageInteraction) === null || _config$extraSearchPa2 === void 0 ? void 0 : _config$extraSearchPa2.searchPageRoute
+  } : undefined;
   if (config && config.vc) {
     var vcOptions = {
       heatmapSize: config.vc.heatmapSize,
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
+      searchPageConfig: searchPageConfig
     };
     vcObserver = newVCObserver(vcOptions);
   }

package/dist/esm/vc/index.js

@@ -35,7 +35,8 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
         SSRConfig: {
           enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa2 = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa2 !== void 0 ? _opts$ssrEnablePageLa2 : false
         },
-        ssrPlaceholderHandler: this.ssrPlaceholderHandler
+        ssrPlaceholderHandler: this.ssrPlaceholderHandler,
+        searchPageConfig: opts.searchPageConfig
       });
     }
     if (isVCRevisionEnabled('fy25.01') || isVCRevisionEnabled('fy25.02')) {

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

@@ -102,7 +102,8 @@ var VCObserverNew = /*#__PURE__*/function () {
       },
       getSSRPlaceholderHandler: function getSSRPlaceholderHandler() {
         return _this.getSSRPlaceholderHandler();
-      }
+      },
+      searchPageConfig: config.searchPageConfig
     });
     this.windowEventObserver = new WindowEventObserver({
       onEvent: function onEvent(_ref) {
@@ -311,6 +312,7 @@ var VCObserverNew = /*#__PURE__*/function () {
                 interactionType: interactionType,
                 isPostInteraction: this.isPostInteraction,
                 include3p: include3p,
+                excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
                 includeSSRRatio: includeSSRRatio,
                 isPageVisible: isPageVisible,
                 interactionAbortReason: interactionAbortReason

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

@@ -14,7 +14,7 @@ import { isEntrySmartAnswersInSearch } from '../utils/is-entry-smart-answers-in-
 import isViewportEntryData from '../utils/is-viewport-entry-data';
 var ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
 var REVISION_NO = 'fy25.03';
-var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
+var getConsideredEntryTypes = function getConsideredEntryTypes(include3p, excludeSmartAnswersInSearch) {
   var entryTypes = ['mutation:child-element', 'mutation:element', 'mutation:attribute', 'layout-shift', 'layout-shift:same-rect', 'window:event'];
 
   // If not exclude 3p elements from ttvc,
@@ -23,6 +23,10 @@ var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
     entryTypes.push('mutation:third-party-element');
     entryTypes.push('mutation:third-party-attribute');
   }
+  if (!excludeSmartAnswersInSearch && fg('rovo_search_page_ttvc_ignoring_smart_answers_fix')) {
+    entryTypes.push('mutation:smart-answers-element');
+    entryTypes.push('mutation:smart-answers-attribute');
+  }
   if (fg('platform_ufo_enable_media_for_ttvc_v3')) {
     entryTypes.push('mutation:media');
   }
@@ -40,10 +44,10 @@ var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
   return _createClass(VCCalculator_FY25_03, [{
     key: "isEntryIncluded",
     value: function isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch) {
-      if (!getConsideredEntryTypes(include3p).includes(entry.data.type)) {
+      if (!getConsideredEntryTypes(include3p, excludeSmartAnswersInSearch).includes(entry.data.type)) {
         return false;
       }
-      if (excludeSmartAnswersInSearch && isEntrySmartAnswersInSearch(entry)) {
+      if (excludeSmartAnswersInSearch && isEntrySmartAnswersInSearch(entry) && !fg('rovo_search_page_ttvc_ignoring_smart_answers_fix')) {
         return false;
       }
       if (entry.data.type === 'mutation:media' && fg('media-perf-uplift-mutation-fix')) {

package/dist/esm/vc/vc-observer-new/metric-calculator/fy26_04/index.js

@@ -32,8 +32,8 @@ var VCCalculator_FY26_04 = /*#__PURE__*/function (_VCCalculator_FY25_) {
   _inherits(VCCalculator_FY26_04, _VCCalculator_FY25_);
   return _createClass(VCCalculator_FY26_04, [{
     key: "isEntryIncluded",
-    value: function isEntryIncluded(entry, include3p) {
-      var isEntryIncludedInV3 = _superPropGet(VCCalculator_FY26_04, "isEntryIncluded", this, 3)([entry, include3p]);
+    value: function isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch) {
+      var isEntryIncludedInV3 = _superPropGet(VCCalculator_FY26_04, "isEntryIncluded", this, 3)([entry, include3p, excludeSmartAnswersInSearch]);
       if (isEntryIncludedInV3 && !getExcludedEntryTypes().includes(entry.data.type)) {
         return true;
       }

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

@@ -15,12 +15,13 @@ import { createIntersectionObserver } from './intersection-observer';
 import createMutationObserver from './mutation-observer';
 import createPerformanceObserver from './performance-observer';
 import checkWithinComponent, { cleanupCaches } from './utils/check-within-component';
+import { isContainedWithinSmartAnswers } from './utils/is-contained-within-smart-answers';
 import { isElementVisible } from './utils/is-element-visible';
 import isInVCIgnoreIfNoLayoutShiftMarker from './utils/is-in-vc-ignore-if-no-layout-shift-marker';
 import { isInputNameMutation } from './utils/is-input-name-mutation';
 import { isSameRectDimensions } from './utils/is-same-rect-dimensions';
 import { isSameRectSize } from './utils/is-same-rect-size';
-var createElementMutationsWatcher = function createElementMutationsWatcher(removedNodeRects, isWithinThirdPartySegment, hasSameDeletedNode, timestamp, isTargetReactRoot, getSSRState, getSSRPlaceholderHandler) {
+var createElementMutationsWatcher = function createElementMutationsWatcher(removedNodeRects, isWithinThirdPartySegment, isWithinSmartAnswersSegment, hasSameDeletedNode, timestamp, isTargetReactRoot, getSSRState, getSSRPlaceholderHandler) {
   return function (_ref) {
     var target = _ref.target,
       rect = _ref.rect;
@@ -67,6 +68,9 @@ var createElementMutationsWatcher = function createElementMutationsWatcher(remov
     if (isWithinThirdPartySegment) {
       return 'mutation:third-party-element';
     }
+    if (isWithinSmartAnswersSegment) {
+      return 'mutation:smart-answers-element';
+    }
     var isInIgnoreLsMarker = isInVCIgnoreIfNoLayoutShiftMarker(target);
     if (!isInIgnoreLsMarker) {
       return 'mutation:element';
@@ -91,7 +95,8 @@ var ViewportObserver = /*#__PURE__*/function () {
     var _this = this;
     var onChange = _ref2.onChange,
       getSSRState = _ref2.getSSRState,
-      getSSRPlaceholderHandler = _ref2.getSSRPlaceholderHandler;
+      getSSRPlaceholderHandler = _ref2.getSSRPlaceholderHandler,
+      searchPageConfig = _ref2.searchPageConfig;
     _classCallCheck(this, ViewportObserver);
     _defineProperty(this, "handleIntersectionEntry", function (_ref3) {
       var target = _ref3.target,
@@ -134,7 +139,7 @@ var ViewportObserver = /*#__PURE__*/function () {
               _context2.prev = 4;
               _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
                 var _this$getSSRState, _this$intersectionObs;
-                var addedNodeRef, addedNode, hasSameDeletedNode, _checkWithinComponent, isWithinThirdPartySegment, isTargetReactRoot;
+                var addedNodeRef, addedNode, hasSameDeletedNode, _checkWithinComponent, isWithinThirdPartySegment, isWithinSmartAnswersSegment, isTargetReactRoot;
                 return _regeneratorRuntime.wrap(function _loop$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -154,9 +159,10 @@ var ViewportObserver = /*#__PURE__*/function () {
                         return n.isEqualNode(addedNode);
                       });
                       _checkWithinComponent = checkWithinComponent(addedNode, 'UFOThirdPartySegment', _this.mapIs3pResult), isWithinThirdPartySegment = _checkWithinComponent.isWithin;
+                      isWithinSmartAnswersSegment = Boolean(_this.shouldCheckSmartAnswersMutations() && isContainedWithinSmartAnswers(addedNode));
                       isTargetReactRoot = targetNode === ((_this$getSSRState = _this.getSSRState) === null || _this$getSSRState === void 0 || (_this$getSSRState = _this$getSSRState.call(_this)) === null || _this$getSSRState === void 0 ? void 0 : _this$getSSRState.reactRootElement);
-                      (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects, isWithinThirdPartySegment, !!hasSameDeletedNode, timestamp, isTargetReactRoot, _this.getSSRState, _this.getSSRPlaceholderHandler));
-                    case 8:
+                      (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects, isWithinThirdPartySegment, isWithinSmartAnswersSegment, !!hasSameDeletedNode, timestamp, isTargetReactRoot, _this.getSSRState, _this.getSSRPlaceholderHandler));
+                    case 9:
                     case "end":
                       return _context.stop();
                   }
@@ -232,6 +238,16 @@ var ViewportObserver = /*#__PURE__*/function () {
             };
           }
         }
+        if (_this.shouldCheckSmartAnswersMutations() && isContainedWithinSmartAnswers(target)) {
+          return {
+            type: 'mutation:smart-answers-attribute',
+            mutationData: {
+              attributeName: attributeName,
+              oldValue: oldValue,
+              newValue: newValue
+            }
+          };
+        }
         if (isDnDStyleMutation({
           target: target,
           attributeName: attributeName,
@@ -335,6 +351,10 @@ var ViewportObserver = /*#__PURE__*/function () {
         _iterator2.f();
       }
     });
+    _defineProperty(this, "shouldCheckSmartAnswersMutations", function () {
+      var _this$searchPageConfi, _this$searchPageConfi2, _window;
+      return ((_this$searchPageConfi = _this.searchPageConfig) === null || _this$searchPageConfi === void 0 ? void 0 : _this$searchPageConfi.enableSmartAnswersMutations) && ((_this$searchPageConfi2 = _this.searchPageConfig) === null || _this$searchPageConfi2 === void 0 ? void 0 : _this$searchPageConfi2.searchPageRoute) && ((_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.pathname) && window.location.pathname === _this.searchPageConfig.searchPageRoute && fg('rovo_search_page_ttvc_ignoring_smart_answers_fix');
+    });
     this.mapVisibleNodeRects = new WeakMap();
     this.mapIs3pResult = new WeakMap();
     this.onChange = onChange;
@@ -346,6 +366,7 @@ var ViewportObserver = /*#__PURE__*/function () {
     // Initialize SSR context functions
     this.getSSRState = getSSRState;
     this.getSSRPlaceholderHandler = getSSRPlaceholderHandler;
+    this.searchPageConfig = searchPageConfig;
   }
   return _createClass(ViewportObserver, [{
     key: "initializeObservers",

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/is-contained-within-smart-answers.js

@@ -0,0 +1,14 @@
+import { getDocument } from '@atlaskit/browser-apis';
+export function isContainedWithinSmartAnswers(node) {
+  var doc = getDocument();
+  if (!doc) {
+    return false;
+  }
+  var smartAnswersElement = doc.getElementById('search-page-smart-answers');
+  if (!smartAnswersElement) {
+    return false;
+  }
+
+  // When the node is the smart answer element, .contains() still returns true
+  return smartAnswersElement.contains(node);
+}

package/dist/types/config/index.d.ts

@@ -174,6 +174,7 @@ export type Config = {
     readonly extraSearchPageInteraction?: {
         readonly enabled: boolean;
         readonly searchPageMetricName: string;
+        readonly searchPageRoute: string;
     };
     readonly enableVCRawDataRates?: {
         readonly enabled?: boolean;

package/dist/types/vc/types.d.ts

@@ -27,6 +27,19 @@ export type SelectorConfig = {
     className: boolean;
     dataVC?: boolean;
 };
+export type SearchPageConfig = {
+    /**
+     * Whether to enable detection of smart answers mutations
+     */
+    enableSmartAnswersMutations?: boolean;
+    /**
+     * Route of the search page. If this is not specified, then all other VC
+     * configurations related to the search page will be ignored. This is
+     * done to ensure that search page specific computations are not performed
+     * for non-search page interactions.
+     */
+    searchPageRoute?: string;
+};
 export type VCObserverOptions = {
     heatmapSize?: number | undefined;
     oldDomUpdates?: boolean | undefined;
@@ -35,6 +48,7 @@ export type VCObserverOptions = {
     isPostInteraction?: boolean;
     ssrEnablePageLayoutPlaceholder?: boolean;
     ssrPlaceholderHandler?: any;
+    searchPageConfig?: SearchPageConfig;
 };
 export interface VCObserverInterface {
     start(startArg: {

package/dist/types/vc/vc-observer/observers/index.d.ts

@@ -1,3 +1,4 @@
+import type { SearchPageConfig } from '../../types';
 import { SSRPlaceholderHandlers } from './ssr-placeholders';
 import type { BrowserObservers, Callback } from './types';
 export type { ObservedMutationType } from './types';
@@ -14,6 +15,7 @@ type ConstructorOptions = {
         enablePageLayoutPlaceholder: boolean;
     };
     ssrPlaceholderHandler?: SSRPlaceholderHandlers | null;
+    searchPageConfig?: SearchPageConfig;
 };
 export declare class Observers implements BrowserObservers {
     private intersectionObserver;

package/dist/types/vc/vc-observer-new/index.d.ts

@@ -1,4 +1,5 @@
 import { type RevisionPayloadEntry } from '../../common/vc/types';
+import type { SearchPageConfig } from '../types';
 import { SSRPlaceholderHandlers } from '../vc-observer/observers/ssr-placeholders';
 import { type SelectorConfig } from './get-element-name';
 import type { VCObserverGetVCResultParam } from './types';
@@ -9,6 +10,7 @@ export type VCObserverNewConfig = {
         enablePageLayoutPlaceholder?: boolean;
     };
     ssrPlaceholderHandler?: SSRPlaceholderHandlers | null;
+    searchPageConfig?: SearchPageConfig;
 };
 declare const SSRState: {
     readonly normal: 1;

package/dist/types/vc/vc-observer-new/metric-calculator/fy26_04/index.d.ts

@@ -2,5 +2,5 @@ import type { VCObserverEntry } from '../../types';
 import VCCalculator_FY25_03 from '../fy25_03';
 export default class VCCalculator_FY26_04 extends VCCalculator_FY25_03 {
     constructor();
-    protected isEntryIncluded(entry: VCObserverEntry, include3p?: boolean): boolean;
+    protected isEntryIncluded(entry: VCObserverEntry, include3p?: boolean, excludeSmartAnswersInSearch?: boolean): boolean;
 }

package/dist/types/vc/vc-observer-new/types.d.ts

@@ -1,6 +1,6 @@
 import type { AbortReasonType, InteractionType } from '../../common/common/types';
 import type { ObservedWindowEvent } from './window-event-observer';
-export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:display-contents-children-attribute' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute:non-visual-input-name' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:third-party-attribute' | 'mutation:ssr-placeholder' | 'layout-shift' | 'layout-shift:same-rect' | 'window:event' | 'ssr-hydration' | 'unknown';
+export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:display-contents-children-attribute' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute:non-visual-input-name' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:third-party-attribute' | 'mutation:smart-answers-element' | 'mutation:smart-answers-attribute' | 'mutation:ssr-placeholder' | 'layout-shift' | 'layout-shift:same-rect' | 'window:event' | 'ssr-hydration' | 'unknown';
 export type ViewportEntryData = {
     readonly type: VCObserverEntryType;
     readonly elementName: string;

package/dist/types/vc/vc-observer-new/viewport-observer/index.d.ts

@@ -1,3 +1,4 @@
+import type { SearchPageConfig } from '../../types';
 import { type VCObserverEntryType } from '../types';
 import { type MutationData } from './types';
 export type ViewPortObserverConstructorArgs = {
@@ -12,6 +13,7 @@ export type ViewPortObserverConstructorArgs = {
     }): void;
     getSSRState?: () => any;
     getSSRPlaceholderHandler?: () => any;
+    searchPageConfig?: SearchPageConfig;
 };
 export default class ViewportObserver {
     private intersectionObserver;
@@ -21,14 +23,16 @@ export default class ViewportObserver {
     private mapIs3pResult;
     private onChange;
     private isStarted;
+    private searchPageConfig;
     private getSSRState?;
     private getSSRPlaceholderHandler?;
-    constructor({ onChange, getSSRState, getSSRPlaceholderHandler, }: ViewPortObserverConstructorArgs);
+    constructor({ onChange, getSSRState, getSSRPlaceholderHandler, searchPageConfig, }: ViewPortObserverConstructorArgs);
     private handleIntersectionEntry;
     private handleChildListMutation;
     private handleAttributeMutation;
     private handleLayoutShift;
     private initializeObservers;
+    private shouldCheckSmartAnswersMutations;
     start(): void;
     stop(): void;
 }

package/dist/types/vc/vc-observer-new/viewport-observer/utils/is-contained-within-smart-answers.d.ts

@@ -0,0 +1 @@
+export declare function isContainedWithinSmartAnswers(node: HTMLElement): boolean;

package/dist/types-ts4.5/config/index.d.ts

@@ -174,6 +174,7 @@ export type Config = {
     readonly extraSearchPageInteraction?: {
         readonly enabled: boolean;
         readonly searchPageMetricName: string;
+        readonly searchPageRoute: string;
     };
     readonly enableVCRawDataRates?: {
         readonly enabled?: boolean;

package/dist/types-ts4.5/vc/types.d.ts

@@ -27,6 +27,19 @@ export type SelectorConfig = {
     className: boolean;
     dataVC?: boolean;
 };
+export type SearchPageConfig = {
+    /**
+     * Whether to enable detection of smart answers mutations
+     */
+    enableSmartAnswersMutations?: boolean;
+    /**
+     * Route of the search page. If this is not specified, then all other VC
+     * configurations related to the search page will be ignored. This is
+     * done to ensure that search page specific computations are not performed
+     * for non-search page interactions.
+     */
+    searchPageRoute?: string;
+};
 export type VCObserverOptions = {
     heatmapSize?: number | undefined;
     oldDomUpdates?: boolean | undefined;
@@ -35,6 +48,7 @@ export type VCObserverOptions = {
     isPostInteraction?: boolean;
     ssrEnablePageLayoutPlaceholder?: boolean;
     ssrPlaceholderHandler?: any;
+    searchPageConfig?: SearchPageConfig;
 };
 export interface VCObserverInterface {
     start(startArg: {

package/dist/types-ts4.5/vc/vc-observer/observers/index.d.ts

@@ -1,3 +1,4 @@
+import type { SearchPageConfig } from '../../types';
 import { SSRPlaceholderHandlers } from './ssr-placeholders';
 import type { BrowserObservers, Callback } from './types';
 export type { ObservedMutationType } from './types';
@@ -14,6 +15,7 @@ type ConstructorOptions = {
         enablePageLayoutPlaceholder: boolean;
     };
     ssrPlaceholderHandler?: SSRPlaceholderHandlers | null;
+    searchPageConfig?: SearchPageConfig;
 };
 export declare class Observers implements BrowserObservers {
     private intersectionObserver;

package/dist/types-ts4.5/vc/vc-observer-new/index.d.ts

@@ -1,4 +1,5 @@
 import { type RevisionPayloadEntry } from '../../common/vc/types';
+import type { SearchPageConfig } from '../types';
 import { SSRPlaceholderHandlers } from '../vc-observer/observers/ssr-placeholders';
 import { type SelectorConfig } from './get-element-name';
 import type { VCObserverGetVCResultParam } from './types';
@@ -9,6 +10,7 @@ export type VCObserverNewConfig = {
         enablePageLayoutPlaceholder?: boolean;
     };
     ssrPlaceholderHandler?: SSRPlaceholderHandlers | null;
+    searchPageConfig?: SearchPageConfig;
 };
 declare const SSRState: {
     readonly normal: 1;

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/fy26_04/index.d.ts

@@ -2,5 +2,5 @@ import type { VCObserverEntry } from '../../types';
 import VCCalculator_FY25_03 from '../fy25_03';
 export default class VCCalculator_FY26_04 extends VCCalculator_FY25_03 {
     constructor();
-    protected isEntryIncluded(entry: VCObserverEntry, include3p?: boolean): boolean;
+    protected isEntryIncluded(entry: VCObserverEntry, include3p?: boolean, excludeSmartAnswersInSearch?: boolean): boolean;
 }

package/dist/types-ts4.5/vc/vc-observer-new/types.d.ts

@@ -1,6 +1,6 @@
 import type { AbortReasonType, InteractionType } from '../../common/common/types';
 import type { ObservedWindowEvent } from './window-event-observer';
-export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:display-contents-children-attribute' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute:non-visual-input-name' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:third-party-attribute' | 'mutation:ssr-placeholder' | 'layout-shift' | 'layout-shift:same-rect' | 'window:event' | 'ssr-hydration' | 'unknown';
+export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:display-contents-children-attribute' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute:non-visual-input-name' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:third-party-attribute' | 'mutation:smart-answers-element' | 'mutation:smart-answers-attribute' | 'mutation:ssr-placeholder' | 'layout-shift' | 'layout-shift:same-rect' | 'window:event' | 'ssr-hydration' | 'unknown';
 export type ViewportEntryData = {
     readonly type: VCObserverEntryType;
     readonly elementName: string;

package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/index.d.ts

@@ -1,3 +1,4 @@
+import type { SearchPageConfig } from '../../types';
 import { type VCObserverEntryType } from '../types';
 import { type MutationData } from './types';
 export type ViewPortObserverConstructorArgs = {
@@ -12,6 +13,7 @@ export type ViewPortObserverConstructorArgs = {
     }): void;
     getSSRState?: () => any;
     getSSRPlaceholderHandler?: () => any;
+    searchPageConfig?: SearchPageConfig;
 };
 export default class ViewportObserver {
     private intersectionObserver;
@@ -21,14 +23,16 @@ export default class ViewportObserver {
     private mapIs3pResult;
     private onChange;
     private isStarted;
+    private searchPageConfig;
     private getSSRState?;
     private getSSRPlaceholderHandler?;
-    constructor({ onChange, getSSRState, getSSRPlaceholderHandler, }: ViewPortObserverConstructorArgs);
+    constructor({ onChange, getSSRState, getSSRPlaceholderHandler, searchPageConfig, }: ViewPortObserverConstructorArgs);
     private handleIntersectionEntry;
     private handleChildListMutation;
     private handleAttributeMutation;
     private handleLayoutShift;
     private initializeObservers;
+    private shouldCheckSmartAnswersMutations;
     start(): void;
     stop(): void;
 }

package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/utils/is-contained-within-smart-answers.d.ts

@@ -0,0 +1 @@
+export declare function isContainedWithinSmartAnswers(node: HTMLElement): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.16.8",
+	"version": "4.17.0",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -209,6 +209,9 @@
 		},
 		"platform_enable_better_page_visibility": {
 			"type": "boolean"
+		},
+		"rovo_search_page_ttvc_ignoring_smart_answers_fix": {
+			"type": "boolean"
 		}
 	}
 }