Merge pull request #668 from vtex-apps/feat/add-search-placement

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,7 +1,7 @@
 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'

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) {
@@ -170,15 +170,21 @@ const useCorrectSearchStateVariables = (
 
 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,
+      },
     },
   })