SAX-53 Get sponsored products in productSearch

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Changed
+
+- Get sponsored products within the `productSearch` query
+
 ## [3.129.8] - 2024-03-06
 
 ### Fixed

react/components/SearchQuery.js

@@ -126,7 +126,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)
@@ -155,7 +155,7 @@
   operator,
   searchState,
   fullText
 ) => {
   const fullTextRef = useRef(fullText)
   const shouldReset = isCurrentDifferent(fullTextRef, fullText)
 
@@ -189,8 +189,8 @@
   variables,
   facetsArgs,
   price,
-  sponsoredProductsBehavior = 'skip'
+  sponsoredProductsBehavior = 'sync'
 ) => {
   const { getSettings, query: runtimeQuery } = useRuntime()
   const settings = getSettings('vtex.store')
 
@@ -199,6 +199,9 @@
   const productSearchResult = useQuery(productSearchQuery, {
     variables: {
       ...variables,
+      showSponsored:
+        settings?.fetchSponsoredProductsOnSearch &&
+        sponsoredProductsBehavior === 'sync',
       variant: getCookie('sp-variant'),
     },
   })

react/utils/shouldSkipSponsoredProducts.ts

@@ -1,4 +1,4 @@
-type SponsoredProductsBehavior = 'skip' | string
+type SponsoredProductsBehavior = 'skip' | 'sync' | 'async'
 
 type Settings = {
   fetchSponsoredProductsOnSearch: boolean
@@ -17,7 +17,10 @@ const shouldSkipSponsoredProducts = (
 ) => {
   const fetchSponsoredProductsConfig = settings?.fetchSponsoredProductsOnSearch
 
-  return !fetchSponsoredProductsConfig && sponsoredProductsBehavior === 'skip'
+  return (
+    (!fetchSponsoredProductsConfig && sponsoredProductsBehavior === 'skip') ||
+    sponsoredProductsBehavior === 'sync'
+  )
 }
 
 export default shouldSkipSponsoredProducts