Feature: pass placement to product summary and query

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Added
+
+- Pass `placement` to product search query and product-summary.
+
 ## [3.132.2] - 2024-05-20
 
 ### Fixed

react/components/GalleryLayoutItem.tsx

@@ -1,14 +1,14 @@
 import type { ComponentType } from 'react'
-import React, { useMemo, useCallback, memo } from 'react'
-import ProductSummary from 'vtex.product-summary/ProductSummaryCustom'
+import React, { memo, useCallback, useMemo } from 'react'
 import { usePixel } from 'vtex.pixel-manager'
+import ProductSummary from 'vtex.product-summary/ProductSummaryCustom'
 import { useSearchPage } from 'vtex.search-page-context/SearchPageContext'
 
 import type { Product } from '../Gallery'
 import type { PreferredSKU } from '../GalleryLayout'
 
 interface GalleryLayoutItemProps {
   GalleryItemComponent: ComponentType<any>
   item: Product
   displayMode: string
   summary: unknown

react/components/SearchQuery.js

@@ -1,20 +1,20 @@
-import { useMemo, useRef, useCallback, useEffect, useState } from 'react'
+import { canUseDOM } from 'exenv'
+import { equals } from 'ramda'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useQuery } from 'react-apollo'
 import { useRuntime } from 'vtex.render-runtime'
+import facetsQuery from 'vtex.store-resources/QueryFacetsV2'
 import productSearchQuery from 'vtex.store-resources/QueryProductSearchV3'
 import searchMetadataQuery from 'vtex.store-resources/QuerySearchMetadataV2'
-import facetsQuery from 'vtex.store-resources/QueryFacetsV2'
-import { equals } from 'ramda'
-import { canUseDOM } from 'exenv'
 
+import { FACETS_RENDER_THRESHOLD } from '../constants/filterConstants'
+import useRedirect from '../hooks/useRedirect'
+import useSession from '../hooks/useSession'
 import {
+  buildQueryArgsFromSelectedFacets,
   buildSelectedFacetsAndFullText,
   detachFiltersByType,
-  buildQueryArgsFromSelectedFacets,
 } from '../utils/compatibilityLayer'
-import { FACETS_RENDER_THRESHOLD } from '../constants/filterConstants'
-import useRedirect from '../hooks/useRedirect'
-import useSession from '../hooks/useSession'
 
 function getCookie(cname) {
   if (!canUseDOM) {
@@ -124,7 +124,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)
@@ -153,7 +153,7 @@
   operator,
   searchState,
   fullText
 ) => {
   const fullTextRef = useRef(fullText)
   const shouldReset = isCurrentDifferent(fullTextRef, fullText)
 
@@ -170,15 +170,21 @@
 
 const useQueries = (variables, facetsArgs, price) => {
   const { getSettings, query: runtimeQuery } = useRuntime()
+
   const settings = getSettings('vtex.store')
 
   const isLazyFacetsFetchEnabled = settings?.enableFiltersFetchOptimization
 
   const productSearchResult = useQuery(productSearchQuery, {
     variables: {
       ...variables,
-      showSponsored: true,
       variant: getCookie('sp-variant'),
+      advertisementOptions: {
+        showSponsored: true,
+        sponsoredCount: 3,
+        advertisementPlacement: 'top_search',
+        repeatSponsoredProducts: true,
+      },
     },
   })