@atlaskit/react-ufo 4.14.0 → 4.14.2

package/dist/es2019/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { fg } from '@atlaskit/platform-feature-flags';
 const ANCESTOR_LOOKUP_LIMIT = 10;
 const PAGE_LAYOUT_ID = 'page-layout.root';
 export class SSRPlaceholderHandlers {
@@ -247,45 +246,40 @@ export class SSRPlaceholderHandlers {
    * by collecting dimensions from their children instead
    */
   getEffectiveBoundingRect(el) {
-    const enableDisplayContentsSupport = fg('platform_ufo_ssr_placeholders_for_display_contents');
+    const computedStyle = window.getComputedStyle(el);
 
-    // Only handle display: contents if feature flag is enabled
-    if (enableDisplayContentsSupport) {
-      const computedStyle = window.getComputedStyle(el);
+    // If element has display: contents, collect bounding rect from children
+    if (computedStyle.display === 'contents') {
+      const children = Array.from(el.children);
+      if (children.length === 0) {
+        // No children, return zero rect
+        return new DOMRect(0, 0, 0, 0);
+      }
 
-      // If element has display: contents, collect bounding rect from children
-      if (computedStyle.display === 'contents') {
-        const children = Array.from(el.children);
-        if (children.length === 0) {
-          // No children, return zero rect
-          return new DOMRect(0, 0, 0, 0);
+      // Calculate union of all children's bounding rects
+      let minX = Infinity;
+      let minY = Infinity;
+      let maxX = -Infinity;
+      let maxY = -Infinity;
+      children.forEach(child => {
+        const childRect = child.getBoundingClientRect();
+        // Skip children with zero dimensions (likely also display: contents)
+        if (childRect.width > 0 || childRect.height > 0) {
+          minX = Math.min(minX, childRect.left);
+          minY = Math.min(minY, childRect.top);
+          maxX = Math.max(maxX, childRect.right);
+          maxY = Math.max(maxY, childRect.bottom);
         }
+      });
 
-        // Calculate union of all children's bounding rects
-        let minX = Infinity;
-        let minY = Infinity;
-        let maxX = -Infinity;
-        let maxY = -Infinity;
-        children.forEach(child => {
-          const childRect = child.getBoundingClientRect();
-          // Skip children with zero dimensions (likely also display: contents)
-          if (childRect.width > 0 || childRect.height > 0) {
-            minX = Math.min(minX, childRect.left);
-            minY = Math.min(minY, childRect.top);
-            maxX = Math.max(maxX, childRect.right);
-            maxY = Math.max(maxY, childRect.bottom);
-          }
-        });
-
-        // If no children with dimensions found, return zero rect
-        if (minX === Infinity) {
-          return new DOMRect(0, 0, 0, 0);
-        }
-        return new DOMRect(minX, minY, maxX - minX, maxY - minY);
+      // If no children with dimensions found, return zero rect
+      if (minX === Infinity) {
+        return new DOMRect(0, 0, 0, 0);
       }
+      return new DOMRect(minX, minY, maxX - minX, maxY - minY);
     }
 
-    // Normal element or feature flag disabled, return its bounding rect
+    // Normal element, return its bounding rect
     return el.getBoundingClientRect();
   }
   isDummyRect(rect) {

package/dist/es2019/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/collectSSRPlaceholderDimensions.js

@@ -1,31 +1,20 @@
-import { fg } from '@atlaskit/platform-feature-flags';
-
 // lightweight script to scan the SSR response and collect all elements with data-ssr-placeholder attribute
 // and save their size/positions in a map __SSR_PLACEHOLDERS_DIMENSIONS__ on the Window object. Each placeholderId is
 // unique and maps to its corresponding elements bounding client rectangle dimensions.
 export function collectSSRPlaceholderDimensions(document, window, enablePageLayoutPlaceholder = false) {
-  const enableDisplayContentsSupport = fg('platform_ufo_ssr_placeholders_for_display_contents');
   const ssrPlaceholders = document === null || document === void 0 ? void 0 : document.querySelectorAll('[data-ssr-placeholder]');
   ssrPlaceholders.forEach(elem => {
     const placeholderId = elem.getAttribute('data-ssr-placeholder');
     if (placeholderId) {
       window.__SSR_PLACEHOLDERS_DIMENSIONS__ = window.__SSR_PLACEHOLDERS_DIMENSIONS__ || {};
-      if (enableDisplayContentsSupport) {
-        window.__SSR_PLACEHOLDERS_DIMENSIONS__[placeholderId] = getEffectiveBoundingRect(elem, window);
-      } else {
-        window.__SSR_PLACEHOLDERS_DIMENSIONS__[placeholderId] = elem.getBoundingClientRect();
-      }
+      window.__SSR_PLACEHOLDERS_DIMENSIONS__[placeholderId] = getEffectiveBoundingRect(elem, window);
     }
   });
   if (enablePageLayoutPlaceholder) {
     const pageLayoutRoot = document === null || document === void 0 ? void 0 : document.getElementById('unsafe-design-system-page-layout-root');
     if (pageLayoutRoot) {
       window.__SSR_PLACEHOLDERS_DIMENSIONS__ = window.__SSR_PLACEHOLDERS_DIMENSIONS__ || {};
-      if (enableDisplayContentsSupport) {
-        window.__SSR_PLACEHOLDERS_DIMENSIONS__['page-layout.root'] = getEffectiveBoundingRect(pageLayoutRoot, window);
-      } else {
-        window.__SSR_PLACEHOLDERS_DIMENSIONS__['page-layout.root'] = pageLayoutRoot.getBoundingClientRect();
-      }
+      window.__SSR_PLACEHOLDERS_DIMENSIONS__['page-layout.root'] = getEffectiveBoundingRect(pageLayoutRoot, window);
     }
   }
 }

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

@@ -80,100 +80,10 @@ export default class ViewportObserver {
         if (!addedNode) {
           continue;
         }
-        if (fg('platform_ufo_ssr_placeholders_for_display_contents')) {
-          for (const {
-            isDisplayContentsElementChildren,
-            element
-          } of getMutatedElements(addedNode)) {
-            // SSR hydration logic
-            if (this.getSSRState) {
-              const ssrState = this.getSSRState();
-              const SSRStateEnum = {
-                normal: 1,
-                waitingForFirstRender: 2,
-                ignoring: 3
-              };
-              if (ssrState.state === SSRStateEnum.waitingForFirstRender && timestamp > ssrState.renderStart && targetNode === ssrState.reactRootElement) {
-                var _this$intersectionObs;
-                ssrState.state = SSRStateEnum.ignoring;
-                if (ssrState.renderStop === -1) {
-                  // arbitrary 500ms DOM update window
-                  ssrState.renderStop = timestamp + 500;
-                }
-                (_this$intersectionObs = this.intersectionObserver) === null || _this$intersectionObs === void 0 ? void 0 : _this$intersectionObs.watchAndTag(element, 'ssr-hydration');
-                continue;
-              }
-              if (ssrState.state === SSRStateEnum.ignoring && timestamp > ssrState.renderStart && targetNode === ssrState.reactRootElement) {
-                if (timestamp <= ssrState.renderStop) {
-                  var _this$intersectionObs2;
-                  (_this$intersectionObs2 = this.intersectionObserver) === null || _this$intersectionObs2 === void 0 ? void 0 : _this$intersectionObs2.watchAndTag(element, 'ssr-hydration');
-                  continue;
-                } else {
-                  ssrState.state = SSRStateEnum.normal;
-                }
-              }
-            }
-
-            // SSR placeholder logic - check and handle with await
-            if (this.getSSRPlaceholderHandler) {
-              const ssrPlaceholderHandler = this.getSSRPlaceholderHandler();
-              if (ssrPlaceholderHandler) {
-                if (ssrPlaceholderHandler.isPlaceholder(element) || ssrPlaceholderHandler.isPlaceholderIgnored(element)) {
-                  if (ssrPlaceholderHandler.checkIfExistedAndSizeMatchingV3(element)) {
-                    var _this$intersectionObs3;
-                    (_this$intersectionObs3 = this.intersectionObserver) === null || _this$intersectionObs3 === void 0 ? void 0 : _this$intersectionObs3.watchAndTag(element, 'mutation:ssr-placeholder');
-                    continue;
-                  }
-                  // If result is false, continue to normal mutation logic below
-                }
-                if (ssrPlaceholderHandler.isPlaceholderReplacement(element) || ssrPlaceholderHandler.isPlaceholderIgnored(element)) {
-                  const result = await ssrPlaceholderHandler.validateReactComponentMatchToPlaceholder(element);
-                  if (result !== false) {
-                    var _this$intersectionObs4;
-                    (_this$intersectionObs4 = this.intersectionObserver) === null || _this$intersectionObs4 === void 0 ? void 0 : _this$intersectionObs4.watchAndTag(element, 'mutation:ssr-placeholder');
-                    continue;
-                  }
-                  // If result is false, continue to normal mutation logic below
-                }
-              }
-            }
-            const sameDeletedNode = removedNodes.find(ref => {
-              const n = ref.deref();
-              if (!n || !element) {
-                return false;
-              }
-              return n.isEqualNode(element);
-            });
-            const isInIgnoreLsMarker = element instanceof HTMLElement ? isInVCIgnoreIfNoLayoutShiftMarker(element) : false;
-            if (sameDeletedNode && isInIgnoreLsMarker) {
-              var _this$intersectionObs5;
-              (_this$intersectionObs5 = this.intersectionObserver) === null || _this$intersectionObs5 === void 0 ? void 0 : _this$intersectionObs5.watchAndTag(element, 'mutation:remount');
-              continue;
-            }
-            if (isContainedWithinMediaWrapper(element)) {
-              var _this$intersectionObs6;
-              (_this$intersectionObs6 = this.intersectionObserver) === null || _this$intersectionObs6 === void 0 ? void 0 : _this$intersectionObs6.watchAndTag(element, 'mutation:media');
-              continue;
-            }
-            const {
-              isWithin: isWithinThirdPartySegment
-            } = element instanceof HTMLElement ? checkWithinComponent(element, 'UFOThirdPartySegment', this.mapIs3pResult) : {
-              isWithin: false
-            };
-            if (isWithinThirdPartySegment) {
-              var _this$intersectionObs7;
-              (_this$intersectionObs7 = this.intersectionObserver) === null || _this$intersectionObs7 === void 0 ? void 0 : _this$intersectionObs7.watchAndTag(element, 'mutation:third-party-element');
-              continue;
-            }
-            if (isDisplayContentsElementChildren) {
-              var _this$intersectionObs8;
-              (_this$intersectionObs8 = this.intersectionObserver) === null || _this$intersectionObs8 === void 0 ? void 0 : _this$intersectionObs8.watchAndTag(element, 'mutation:display-contents-children-element');
-            } else {
-              var _this$intersectionObs9;
-              (_this$intersectionObs9 = this.intersectionObserver) === null || _this$intersectionObs9 === void 0 ? void 0 : _this$intersectionObs9.watchAndTag(element, createElementMutationsWatcher(removedNodeRects));
-            }
-          }
-        } else {
+        for (const {
+          isDisplayContentsElementChildren,
+          element
+        } of getMutatedElements(addedNode)) {
           // SSR hydration logic
           if (this.getSSRState) {
             const ssrState = this.getSSRState();
@@ -183,19 +93,19 @@ export default class ViewportObserver {
               ignoring: 3
             };
             if (ssrState.state === SSRStateEnum.waitingForFirstRender && timestamp > ssrState.renderStart && targetNode === ssrState.reactRootElement) {
-              var _this$intersectionObs0;
+              var _this$intersectionObs;
               ssrState.state = SSRStateEnum.ignoring;
               if (ssrState.renderStop === -1) {
                 // arbitrary 500ms DOM update window
                 ssrState.renderStop = timestamp + 500;
               }
-              (_this$intersectionObs0 = this.intersectionObserver) === null || _this$intersectionObs0 === void 0 ? void 0 : _this$intersectionObs0.watchAndTag(addedNode, 'ssr-hydration');
+              (_this$intersectionObs = this.intersectionObserver) === null || _this$intersectionObs === void 0 ? void 0 : _this$intersectionObs.watchAndTag(element, 'ssr-hydration');
               continue;
             }
             if (ssrState.state === SSRStateEnum.ignoring && timestamp > ssrState.renderStart && targetNode === ssrState.reactRootElement) {
               if (timestamp <= ssrState.renderStop) {
-                var _this$intersectionObs1;
-                (_this$intersectionObs1 = this.intersectionObserver) === null || _this$intersectionObs1 === void 0 ? void 0 : _this$intersectionObs1.watchAndTag(addedNode, 'ssr-hydration');
+                var _this$intersectionObs2;
+                (_this$intersectionObs2 = this.intersectionObserver) === null || _this$intersectionObs2 === void 0 ? void 0 : _this$intersectionObs2.watchAndTag(element, 'ssr-hydration');
                 continue;
               } else {
                 ssrState.state = SSRStateEnum.normal;
@@ -207,19 +117,19 @@ export default class ViewportObserver {
           if (this.getSSRPlaceholderHandler) {
             const ssrPlaceholderHandler = this.getSSRPlaceholderHandler();
             if (ssrPlaceholderHandler) {
-              if (ssrPlaceholderHandler.isPlaceholder(addedNode) || ssrPlaceholderHandler.isPlaceholderIgnored(addedNode)) {
-                if (ssrPlaceholderHandler.checkIfExistedAndSizeMatchingV3(addedNode)) {
-                  var _this$intersectionObs10;
-                  (_this$intersectionObs10 = this.intersectionObserver) === null || _this$intersectionObs10 === void 0 ? void 0 : _this$intersectionObs10.watchAndTag(addedNode, 'mutation:ssr-placeholder');
+              if (ssrPlaceholderHandler.isPlaceholder(element) || ssrPlaceholderHandler.isPlaceholderIgnored(element)) {
+                if (ssrPlaceholderHandler.checkIfExistedAndSizeMatchingV3(element)) {
+                  var _this$intersectionObs3;
+                  (_this$intersectionObs3 = this.intersectionObserver) === null || _this$intersectionObs3 === void 0 ? void 0 : _this$intersectionObs3.watchAndTag(element, 'mutation:ssr-placeholder');
                   continue;
                 }
                 // If result is false, continue to normal mutation logic below
               }
-              if (ssrPlaceholderHandler.isPlaceholderReplacement(addedNode) || ssrPlaceholderHandler.isPlaceholderIgnored(addedNode)) {
-                const result = await ssrPlaceholderHandler.validateReactComponentMatchToPlaceholder(addedNode);
+              if (ssrPlaceholderHandler.isPlaceholderReplacement(element) || ssrPlaceholderHandler.isPlaceholderIgnored(element)) {
+                const result = await ssrPlaceholderHandler.validateReactComponentMatchToPlaceholder(element);
                 if (result !== false) {
-                  var _this$intersectionObs11;
-                  (_this$intersectionObs11 = this.intersectionObserver) === null || _this$intersectionObs11 === void 0 ? void 0 : _this$intersectionObs11.watchAndTag(addedNode, 'mutation:ssr-placeholder');
+                  var _this$intersectionObs4;
+                  (_this$intersectionObs4 = this.intersectionObserver) === null || _this$intersectionObs4 === void 0 ? void 0 : _this$intersectionObs4.watchAndTag(element, 'mutation:ssr-placeholder');
                   continue;
                 }
                 // If result is false, continue to normal mutation logic below
@@ -228,41 +138,38 @@ export default class ViewportObserver {
           }
           const sameDeletedNode = removedNodes.find(ref => {
             const n = ref.deref();
-            if (!n || !addedNode) {
+            if (!n || !element) {
               return false;
             }
-            return n.isEqualNode(addedNode);
+            return n.isEqualNode(element);
           });
-          const isInIgnoreLsMarker = isInVCIgnoreIfNoLayoutShiftMarker(addedNode);
+          const isInIgnoreLsMarker = element instanceof HTMLElement ? isInVCIgnoreIfNoLayoutShiftMarker(element) : false;
           if (sameDeletedNode && isInIgnoreLsMarker) {
-            var _this$intersectionObs12;
-            (_this$intersectionObs12 = this.intersectionObserver) === null || _this$intersectionObs12 === void 0 ? void 0 : _this$intersectionObs12.watchAndTag(addedNode, 'mutation:remount');
+            var _this$intersectionObs5;
+            (_this$intersectionObs5 = this.intersectionObserver) === null || _this$intersectionObs5 === void 0 ? void 0 : _this$intersectionObs5.watchAndTag(element, 'mutation:remount');
             continue;
           }
-          if (isContainedWithinMediaWrapper(addedNode)) {
-            var _this$intersectionObs13;
-            (_this$intersectionObs13 = this.intersectionObserver) === null || _this$intersectionObs13 === void 0 ? void 0 : _this$intersectionObs13.watchAndTag(addedNode, 'mutation:media');
+          if (isContainedWithinMediaWrapper(element)) {
+            var _this$intersectionObs6;
+            (_this$intersectionObs6 = this.intersectionObserver) === null || _this$intersectionObs6 === void 0 ? void 0 : _this$intersectionObs6.watchAndTag(element, 'mutation:media');
             continue;
           }
           const {
             isWithin: isWithinThirdPartySegment
-          } = checkWithinComponent(addedNode, 'UFOThirdPartySegment', this.mapIs3pResult);
+          } = element instanceof HTMLElement ? checkWithinComponent(element, 'UFOThirdPartySegment', this.mapIs3pResult) : {
+            isWithin: false
+          };
           if (isWithinThirdPartySegment) {
-            var _this$intersectionObs14;
-            (_this$intersectionObs14 = this.intersectionObserver) === null || _this$intersectionObs14 === void 0 ? void 0 : _this$intersectionObs14.watchAndTag(addedNode, 'mutation:third-party-element');
+            var _this$intersectionObs7;
+            (_this$intersectionObs7 = this.intersectionObserver) === null || _this$intersectionObs7 === void 0 ? void 0 : _this$intersectionObs7.watchAndTag(element, 'mutation:third-party-element');
             continue;
           }
-          for (const {
-            isDisplayContentsElementChildren,
-            element
-          } of getMutatedElements(addedNode)) {
-            if (isDisplayContentsElementChildren) {
-              var _this$intersectionObs15;
-              (_this$intersectionObs15 = this.intersectionObserver) === null || _this$intersectionObs15 === void 0 ? void 0 : _this$intersectionObs15.watchAndTag(element, 'mutation:display-contents-children-element');
-            } else {
-              var _this$intersectionObs16;
-              (_this$intersectionObs16 = this.intersectionObserver) === null || _this$intersectionObs16 === void 0 ? void 0 : _this$intersectionObs16.watchAndTag(element, createElementMutationsWatcher(removedNodeRects));
-            }
+          if (isDisplayContentsElementChildren) {
+            var _this$intersectionObs8;
+            (_this$intersectionObs8 = this.intersectionObserver) === null || _this$intersectionObs8 === void 0 ? void 0 : _this$intersectionObs8.watchAndTag(element, 'mutation:display-contents-children-element');
+          } else {
+            var _this$intersectionObs9;
+            (_this$intersectionObs9 = this.intersectionObserver) === null || _this$intersectionObs9 === void 0 ? void 0 : _this$intersectionObs9.watchAndTag(element, createElementMutationsWatcher(removedNodeRects));
           }
         }
       }
@@ -273,8 +180,8 @@ export default class ViewportObserver {
       oldValue,
       newValue
     }) => {
-      var _this$intersectionObs17;
-      (_this$intersectionObs17 = this.intersectionObserver) === null || _this$intersectionObs17 === void 0 ? void 0 : _this$intersectionObs17.watchAndTag(target, ({
+      var _this$intersectionObs0;
+      (_this$intersectionObs0 = this.intersectionObserver) === null || _this$intersectionObs0 === void 0 ? void 0 : _this$intersectionObs0.watchAndTag(target, ({
         target,
         rect
       }) => {
@@ -416,12 +323,12 @@ export default class ViewportObserver {
     this.isStarted = true;
   }
   stop() {
-    var _this$mutationObserve2, _this$intersectionObs18, _this$performanceObse2;
+    var _this$mutationObserve2, _this$intersectionObs1, _this$performanceObse2;
     if (!this.isStarted) {
       return;
     }
     (_this$mutationObserve2 = this.mutationObserver) === null || _this$mutationObserve2 === void 0 ? void 0 : _this$mutationObserve2.disconnect();
-    (_this$intersectionObs18 = this.intersectionObserver) === null || _this$intersectionObs18 === void 0 ? void 0 : _this$intersectionObs18.disconnect();
+    (_this$intersectionObs1 = this.intersectionObserver) === null || _this$intersectionObs1 === void 0 ? void 0 : _this$intersectionObs1.disconnect();
     (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 ? void 0 : _this$performanceObse2.disconnect();
     this.isStarted = false;
     // Clean up caches when stopping

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

@@ -849,7 +849,7 @@ export function tryComplete(interactionId, endTime) {
           if ((_getConfig1 = getConfig()) !== null && _getConfig1 !== void 0 && (_getConfig1 = _getConfig1.extraInteractionMetrics) !== null && _getConfig1 !== void 0 && _getConfig1.enabled) {
             interactionExtraMetrics.updateFinishedInteraction(interaction);
           }
-          if ((_getConfig10 = getConfig()) !== null && _getConfig10 !== void 0 && (_getConfig10 = _getConfig10.extraSearchPageInteraction) !== null && _getConfig10 !== void 0 && _getConfig10.enabled && interaction.ufoName === ((_getConfig11 = getConfig()) === null || _getConfig11 === void 0 || (_getConfig11 = _getConfig11.extraSearchPageInteraction) === null || _getConfig11 === void 0 ? void 0 : _getConfig11.searchPageMetricName) && fg('react_ufo_unified_search_ignoring_sain_metric')) {
+          if ((_getConfig10 = getConfig()) !== null && _getConfig10 !== void 0 && (_getConfig10 = _getConfig10.extraSearchPageInteraction) !== null && _getConfig10 !== void 0 && _getConfig10.enabled && interaction.ufoName === ((_getConfig11 = getConfig()) === null || _getConfig11 === void 0 || (_getConfig11 = _getConfig11.extraSearchPageInteraction) === null || _getConfig11 === void 0 ? void 0 : _getConfig11.searchPageMetricName)) {
             onSearchPageInteractionComplete(interactionId, interaction);
           }
           activeSubmitted = true;
@@ -873,7 +873,7 @@ export function tryComplete(interactionId, endTime) {
         if (!activeSubmitted) {
           var _getConfig13, _getConfig14;
           finishInteraction(interactionId, interaction, endTime);
-          if ((_getConfig13 = getConfig()) !== null && _getConfig13 !== void 0 && (_getConfig13 = _getConfig13.extraSearchPageInteraction) !== null && _getConfig13 !== void 0 && _getConfig13.enabled && interaction.ufoName === ((_getConfig14 = getConfig()) === null || _getConfig14 === void 0 || (_getConfig14 = _getConfig14.extraSearchPageInteraction) === null || _getConfig14 === void 0 ? void 0 : _getConfig14.searchPageMetricName) && fg('react_ufo_unified_search_ignoring_sain_metric')) {
+          if ((_getConfig13 = getConfig()) !== null && _getConfig13 !== void 0 && (_getConfig13 = _getConfig13.extraSearchPageInteraction) !== null && _getConfig13 !== void 0 && _getConfig13.enabled && interaction.ufoName === ((_getConfig14 = getConfig()) === null || _getConfig14 === void 0 || (_getConfig14 = _getConfig14.extraSearchPageInteraction) === null || _getConfig14 === void 0 ? void 0 : _getConfig14.searchPageMetricName)) {
             onSearchPageInteractionComplete(interactionId, interaction);
           }
           activeSubmitted = true;

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

@@ -179,7 +179,7 @@ export function init(analyticsWebClientAsync, config) {
         if (config !== null && config !== void 0 && (_config$extraInteract2 = config.extraInteractionMetrics) !== null && _config$extraInteract2 !== void 0 && _config$extraInteract2.enabled && fg('platform_ufo_enable_ttai_with_3p')) {
           sinkInteractionExtraMetrics(instance, createInteractionExtraMetricsPayloadPackage.default);
         }
-        if (config !== null && config !== void 0 && (_config$extraSearchPa = config.extraSearchPageInteraction) !== null && _config$extraSearchPa !== void 0 && _config$extraSearchPa.enabled && fg('react_ufo_unified_search_ignoring_sain_metric')) {
+        if (config !== null && config !== void 0 && (_config$extraSearchPa = config.extraSearchPageInteraction) !== null && _config$extraSearchPa !== void 0 && _config$extraSearchPa.enabled) {
           sinkExtraSearchPageInteraction(instance, payloadPackage);
         }
       });

package/dist/esm/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -1,7 +1,6 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { fg } from '@atlaskit/platform-feature-flags';
 var ANCESTOR_LOOKUP_LIMIT = 10;
 var PAGE_LAYOUT_ID = 'page-layout.root';
 export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
@@ -284,45 +283,40 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
   }, {
     key: "getEffectiveBoundingRect",
     value: function getEffectiveBoundingRect(el) {
-      var enableDisplayContentsSupport = fg('platform_ufo_ssr_placeholders_for_display_contents');
+      var computedStyle = window.getComputedStyle(el);
 
-      // Only handle display: contents if feature flag is enabled
-      if (enableDisplayContentsSupport) {
-        var computedStyle = window.getComputedStyle(el);
+      // If element has display: contents, collect bounding rect from children
+      if (computedStyle.display === 'contents') {
+        var children = Array.from(el.children);
+        if (children.length === 0) {
+          // No children, return zero rect
+          return new DOMRect(0, 0, 0, 0);
+        }
 
-        // If element has display: contents, collect bounding rect from children
-        if (computedStyle.display === 'contents') {
-          var children = Array.from(el.children);
-          if (children.length === 0) {
-            // No children, return zero rect
-            return new DOMRect(0, 0, 0, 0);
+        // Calculate union of all children's bounding rects
+        var minX = Infinity;
+        var minY = Infinity;
+        var maxX = -Infinity;
+        var maxY = -Infinity;
+        children.forEach(function (child) {
+          var childRect = child.getBoundingClientRect();
+          // Skip children with zero dimensions (likely also display: contents)
+          if (childRect.width > 0 || childRect.height > 0) {
+            minX = Math.min(minX, childRect.left);
+            minY = Math.min(minY, childRect.top);
+            maxX = Math.max(maxX, childRect.right);
+            maxY = Math.max(maxY, childRect.bottom);
           }
+        });
 
-          // Calculate union of all children's bounding rects
-          var minX = Infinity;
-          var minY = Infinity;
-          var maxX = -Infinity;
-          var maxY = -Infinity;
-          children.forEach(function (child) {
-            var childRect = child.getBoundingClientRect();
-            // Skip children with zero dimensions (likely also display: contents)
-            if (childRect.width > 0 || childRect.height > 0) {
-              minX = Math.min(minX, childRect.left);
-              minY = Math.min(minY, childRect.top);
-              maxX = Math.max(maxX, childRect.right);
-              maxY = Math.max(maxY, childRect.bottom);
-            }
-          });
-
-          // If no children with dimensions found, return zero rect
-          if (minX === Infinity) {
-            return new DOMRect(0, 0, 0, 0);
-          }
-          return new DOMRect(minX, minY, maxX - minX, maxY - minY);
+        // If no children with dimensions found, return zero rect
+        if (minX === Infinity) {
+          return new DOMRect(0, 0, 0, 0);
         }
+        return new DOMRect(minX, minY, maxX - minX, maxY - minY);
       }
 
-      // Normal element or feature flag disabled, return its bounding rect
+      // Normal element, return its bounding rect
       return el.getBoundingClientRect();
     }
   }, {

package/dist/esm/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/collectSSRPlaceholderDimensions.js

@@ -1,32 +1,21 @@
-import { fg } from '@atlaskit/platform-feature-flags';
-
 // lightweight script to scan the SSR response and collect all elements with data-ssr-placeholder attribute
 // and save their size/positions in a map __SSR_PLACEHOLDERS_DIMENSIONS__ on the Window object. Each placeholderId is
 // unique and maps to its corresponding elements bounding client rectangle dimensions.
 export function collectSSRPlaceholderDimensions(document, window) {
   var enablePageLayoutPlaceholder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var enableDisplayContentsSupport = fg('platform_ufo_ssr_placeholders_for_display_contents');
   var ssrPlaceholders = document === null || document === void 0 ? void 0 : document.querySelectorAll('[data-ssr-placeholder]');
   ssrPlaceholders.forEach(function (elem) {
     var placeholderId = elem.getAttribute('data-ssr-placeholder');
     if (placeholderId) {
       window.__SSR_PLACEHOLDERS_DIMENSIONS__ = window.__SSR_PLACEHOLDERS_DIMENSIONS__ || {};
-      if (enableDisplayContentsSupport) {
-        window.__SSR_PLACEHOLDERS_DIMENSIONS__[placeholderId] = getEffectiveBoundingRect(elem, window);
-      } else {
-        window.__SSR_PLACEHOLDERS_DIMENSIONS__[placeholderId] = elem.getBoundingClientRect();
-      }
+      window.__SSR_PLACEHOLDERS_DIMENSIONS__[placeholderId] = getEffectiveBoundingRect(elem, window);
     }
   });
   if (enablePageLayoutPlaceholder) {
     var pageLayoutRoot = document === null || document === void 0 ? void 0 : document.getElementById('unsafe-design-system-page-layout-root');
     if (pageLayoutRoot) {
       window.__SSR_PLACEHOLDERS_DIMENSIONS__ = window.__SSR_PLACEHOLDERS_DIMENSIONS__ || {};
-      if (enableDisplayContentsSupport) {
-        window.__SSR_PLACEHOLDERS_DIMENSIONS__['page-layout.root'] = getEffectiveBoundingRect(pageLayoutRoot, window);
-      } else {
-        window.__SSR_PLACEHOLDERS_DIMENSIONS__['page-layout.root'] = pageLayoutRoot.getBoundingClientRect();
-      }
+      window.__SSR_PLACEHOLDERS_DIMENSIONS__['page-layout.root'] = getEffectiveBoundingRect(pageLayoutRoot, window);
     }
   }
 }