Feature: use settings to determine whether or not to fetch ads

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Added
+
+- Use the advanced setting `fetchSponsoredProductsOnSearch` to determine whether or not to fetch sponsored products.
+
 ## [3.127.1] - 2023-10-24
 
 ### Changed

react/components/SearchQuery.js

@@ -125,7 +125,7 @@
 
 const isCurrentDifferent = (ref, currentVal) => ref.current !== currentVal
 
 const useShouldResetPage = (query, map, orderBy, priceRange) => {
   const queryRef = useRef(query)
   const mapRef = useRef(map)
   const orderByRef = useRef(orderBy)
@@ -154,7 +154,7 @@
   operator,
   searchState,
   fullText
 ) => {
   const fullTextRef = useRef(fullText)
   const shouldReset = isCurrentDifferent(fullTextRef, fullText)
 
@@ -169,6 +169,12 @@
   return result
 }
 
+const skipSponsoredProducts = ({ sponsoredProductsBehavior, settings }) => {
+  const fetchSponsoredProductsConfig = settings?.fetchSponsoredProductsOnSearch
+
+  return !fetchSponsoredProductsConfig && sponsoredProductsBehavior === 'skip'
+}
+
 const sponsoredProductsResult = (
   sponsoredProductsLoading,
   sponsoredProductsError,
@@ -189,10 +195,11 @@
   facetsArgs,
   price,
   sponsoredProductsBehavior = 'skip'
 ) => {
   const { getSettings, query: runtimeQuery } = useRuntime()
-  const isLazyFacetsFetchEnabled =
-    getSettings('vtex.store')?.enableFiltersFetchOptimization
+  const settings = getSettings('vtex.store')
+
+  const isLazyFacetsFetchEnabled = settings?.enableFiltersFetchOptimization
 
   const productSearchResult = useQuery(productSearchQuery, {
     ssr: false,
@@ -209,7 +216,7 @@
     error: sponsoredProductsError,
   } = useQuery(sponsoredProductsQuery, {
     variables,
-    skip: sponsoredProductsBehavior === 'skip',
+    skip: skipSponsoredProducts({ sponsoredProductsBehavior, settings }),
   })
 
   const sponsoredProductsReturn = sponsoredProductsResult(