@faststore/core 3.0.150 → 3.0.152

package/.turbo/turbo-build.log

@@ -38,8 +38,8 @@ https://nextjs.org/telemetry
    Collecting page data ...
    Generating static pages (0/7) ...
 
   Generating static pages (1/7) 
-Warning: Dynamic Content not found for the page: home. Refer to the Dynamic Content documentation at https://developers.vtex.com/docs/guides/faststore/dynamic-content-overview for mapping the page and the corresponding data-fetching function.
 
   Generating static pages (3/7) 
+Warning: Dynamic Content not found for the page: home. Refer to the Dynamic Content documentation at https://developers.vtex.com/docs/guides/faststore/dynamic-content-overview for mapping the page and the corresponding data-fetching function.
 
   Generating static pages (5/7) 
 
 ✓ Generating static pages (7/7) 
    Finalizing page optimization ...
@@ -49,7 +49,7 @@ Route (pages)                              Size     First Load JS
 ┌ ● /                                      1.23 kB         139 kB
 ├   └ css/197e314c5a03eabd.css             740 B
 ├   /_app                                  0 B              91 kB
-├ ● /[...slug]                             2.79 kB         152 kB
+├ ● /[...slug]                             2.79 kB         153 kB
 ├   └ css/e47f1a002bdcf76f.css             2.38 kB
 ├ ● /[slug]/p                              12.3 kB         150 kB
 ├   └ css/9b6bba2472d272ec.css             10.5 kB
@@ -67,11 +67,11 @@ Route (pages)                              Size     First Load JS
   ├ chunks/framework-8e279965036b6169.js   45.4 kB
   ├ chunks/main-029f1328cfee9686.js        33.1 kB
   ├ chunks/pages/_app-cb1c3a94f987c5c8.js  9.87 kB
-  ├ chunks/webpack-39f5c3558a96182c.js     2.73 kB
+  ├ chunks/webpack-ab89187244c136e9.js     2.74 kB
   └ css/ee0556daedda6306.css               3.07 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
 ○  (Static)  automatically rendered as static HTML (uses no initial props)
 ●  (SSG)     automatically generated as static HTML + JSON (uses getStaticProps)
 
-Done in 76.19s.
+Done in 71.36s.

package/.turbo/turbo-lint.log

@@ -1,4 +1,4 @@
 yarn run v1.22.22
 $ next lint
 ✔ No ESLint warnings or errors
-Done in 6.32s.
+Done in 6.03s.

package/.turbo/turbo-test.log

@@ -1,12 +1,12 @@
 yarn run v1.22.22
 $ jest
-PASS test/server/cms/index.test.ts (35.931 s)
-PASS test/utils/multipleTemplates.test.ts (36.352 s)
-PASS test/server/index.test.ts (39.939 s)
+PASS test/utils/multipleTemplates.test.ts (34.286 s)
+PASS test/server/cms/index.test.ts (34.42 s)
+PASS test/server/index.test.ts (38.295 s)
 
 Test Suites: 3 passed, 3 total
 Tests:       19 passed, 19 total
 Snapshots:   0 total
-Time:        41.087 s
+Time:        39.241 s
 Ran all test suites.
-Done in 43.17s.
+Done in 40.61s.

package/@generated/gql.ts

@@ -44,7 +44,7 @@ const documents = {
     types.SubscribeToNewsletterDocument,
   '\n  query ClientManyProductsQuery(\n    $first: Int!\n    $after: String\n    $sort: StoreSort!\n    $term: String!\n    $selectedFacets: [IStoreSelectedFacet!]!\n  ) {\n    ...ClientManyProducts\n    search(\n      first: $first\n      after: $after\n      sort: $sort\n      term: $term\n      selectedFacets: $selectedFacets\n    ) {\n      products {\n        pageInfo {\n          totalCount\n        }\n        edges {\n          node {\n            ...ProductSummary_product\n          }\n        }\n      }\n    }\n  }\n':
     types.ClientManyProductsQueryDocument,
-  '\n  query ClientProductGalleryQuery(\n    $first: Int!\n    $after: String!\n    $sort: StoreSort!\n    $term: String!\n    $selectedFacets: [IStoreSelectedFacet!]!\n  ) {\n    ...ClientProductGallery\n    redirect(term: $term, selectedFacets: $selectedFacets) {\n      url\n    }\n    search(\n      first: $first\n      after: $after\n      sort: $sort\n      term: $term\n      selectedFacets: $selectedFacets\n    ) {\n      products {\n        pageInfo {\n          totalCount\n        }\n      }\n      facets {\n        ...Filter_facets\n      }\n      metadata {\n        ...SearchEvent_metadata\n      }\n    }\n  }\n\n  fragment SearchEvent_metadata on SearchMetadata {\n    isTermMisspelled\n    logicalOperator\n  }\n':
+  '\n  query ClientProductGalleryQuery(\n    $first: Int!\n    $after: String!\n    $sort: StoreSort!\n    $term: String!\n    $selectedFacets: [IStoreSelectedFacet!]!\n  ) {\n    ...ClientProductGallery\n    redirect(term: $term, selectedFacets: $selectedFacets) {\n      url\n    }\n    search(\n      first: $first\n      after: $after\n      sort: $sort\n      term: $term\n      selectedFacets: $selectedFacets\n    ) {\n      products {\n        pageInfo {\n          totalCount\n        }\n      }\n      facets {\n        ...Filter_facets\n      }\n      metadata {\n        ...SearchEvent_metadata\n      }\n    }\n  }\n\n  fragment SearchEvent_metadata on SearchMetadata {\n    isTermMisspelled\n    logicalOperator\n    fuzzy\n  }\n':
     types.ClientProductGalleryQueryDocument,
   '\n  query ClientProductQuery($locator: [IStoreSelectedFacet!]!) {\n    ...ClientProduct\n    product(locator: $locator) {\n      ...ProductDetailsFragment_product\n    }\n  }\n':
     types.ClientProductQueryDocument,
@@ -158,7 +158,7 @@ export function gql(
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function gql(
-  source: '\n  query ClientProductGalleryQuery(\n    $first: Int!\n    $after: String!\n    $sort: StoreSort!\n    $term: String!\n    $selectedFacets: [IStoreSelectedFacet!]!\n  ) {\n    ...ClientProductGallery\n    redirect(term: $term, selectedFacets: $selectedFacets) {\n      url\n    }\n    search(\n      first: $first\n      after: $after\n      sort: $sort\n      term: $term\n      selectedFacets: $selectedFacets\n    ) {\n      products {\n        pageInfo {\n          totalCount\n        }\n      }\n      facets {\n        ...Filter_facets\n      }\n      metadata {\n        ...SearchEvent_metadata\n      }\n    }\n  }\n\n  fragment SearchEvent_metadata on SearchMetadata {\n    isTermMisspelled\n    logicalOperator\n  }\n'
+  source: '\n  query ClientProductGalleryQuery(\n    $first: Int!\n    $after: String!\n    $sort: StoreSort!\n    $term: String!\n    $selectedFacets: [IStoreSelectedFacet!]!\n  ) {\n    ...ClientProductGallery\n    redirect(term: $term, selectedFacets: $selectedFacets) {\n      url\n    }\n    search(\n      first: $first\n      after: $after\n      sort: $sort\n      term: $term\n      selectedFacets: $selectedFacets\n    ) {\n      products {\n        pageInfo {\n          totalCount\n        }\n      }\n      facets {\n        ...Filter_facets\n      }\n      metadata {\n        ...SearchEvent_metadata\n      }\n    }\n  }\n\n  fragment SearchEvent_metadata on SearchMetadata {\n    isTermMisspelled\n    logicalOperator\n    fuzzy\n  }\n'
 ): typeof import('./graphql').ClientProductGalleryQueryDocument
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.

package/@generated/graphql.ts

@@ -523,6 +523,8 @@ export type QueryShippingArgs = {
 
 /** Search result. */
 export type SearchMetadata = {
+  /** Indicates how the search engine corrected the misspelled word by using fuzzy logic. */
+  fuzzy: Maybe<Scalars['String']['output']>
   /** Indicates if the search term was misspelled. */
   isTermMisspelled: Scalars['Boolean']['output']
   /** Logical operator used to run the search. */
@@ -1504,13 +1506,18 @@ export type ClientProductGalleryQueryQuery = {
           max: { selected: number; absolute: number }
         }
     >
-    metadata: { isTermMisspelled: boolean; logicalOperator: string } | null
+    metadata: {
+      isTermMisspelled: boolean
+      logicalOperator: string
+      fuzzy: string | null
+    } | null
   }
 }
 
 export type SearchEvent_MetadataFragment = {
   isTermMisspelled: boolean
   logicalOperator: string
+  fuzzy: string | null
 }
 
 export type ClientProductQueryQueryVariables = Exact<{
@@ -1597,7 +1604,11 @@ export type ClientSearchSuggestionsQueryQuery = {
       }>
     }
     products: { pageInfo: { totalCount: number } }
-    metadata: { isTermMisspelled: boolean; logicalOperator: string } | null
+    metadata: {
+      isTermMisspelled: boolean
+      logicalOperator: string
+      fuzzy: string | null
+    } | null
   }
 }
 
@@ -2047,6 +2058,7 @@ export const SearchEvent_MetadataFragmentDoc = new TypedDocumentString(
     fragment SearchEvent_metadata on SearchMetadata {
   isTermMisspelled
   logicalOperator
+  fuzzy
 }
     `,
   { fragmentName: 'SearchEvent_metadata' }
@@ -2099,7 +2111,7 @@ export const ClientManyProductsQueryDocument = {
 export const ClientProductGalleryQueryDocument = {
   __meta__: {
     operationName: 'ClientProductGalleryQuery',
-    operationHash: '177fe68cb385737b0901fc9e105f0a4813e18a20',
+    operationHash: 'bfc40da32b60f9404a4adb96b0856e3fbb04b076',
   },
 } as unknown as TypedDocumentString<
   ClientProductGalleryQueryQuery,
@@ -2117,7 +2129,7 @@ export const ClientProductQueryDocument = {
 export const ClientSearchSuggestionsQueryDocument = {
   __meta__: {
     operationName: 'ClientSearchSuggestionsQuery',
-    operationHash: '4d9f934764d8578aea08673b8ba57e8bf738f534',
+    operationHash: '47e48eaee91d16a4237eb2c1241bc2ed3e2ad9bb',
   },
 } as unknown as TypedDocumentString<
   ClientSearchSuggestionsQueryQuery,

package/@generated/persisted-documents.json

@@ -4,9 +4,9 @@
   "c2b3f8bff73ebf6ac79d758c66cabbc21ba9fcc0": "fragment CartItem on StoreOffer { itemOffered { ...CartProductItem } listPrice listPriceWithTaxes price priceWithTaxes quantity seller { identifier } } fragment CartMessage on StoreCartMessage { status text } fragment CartProductItem on StoreProduct { additionalProperty { name propertyID value valueReference } brand { name } gtin image { alternateName url } isVariantOf { name productGroupID skuVariants { activeVariations availableVariations slugsMap } } name sku unitMultiplier } mutation ValidateCartMutation($cart: IStoreCart!, $session: IStoreSession!) { validateCart(cart: $cart, session: $session) { messages { ...CartMessage } order { acceptedOffer { ...CartItem } orderNumber shouldSplitItem } } }",
   "feb7005103a859e2bc8cf2360d568806fd88deba": "mutation SubscribeToNewsletter($data: IPersonNewsletter!) { subscribeToNewsletter(data: $data) { id } }",
   "ad2eb78cfccb9dbd5a9f2d1e150cc70fea5da99a": "fragment ClientManyProducts on Query { search( first: $first after: $after sort: $sort term: $term selectedFacets: $selectedFacets ) { products { pageInfo { totalCount } } } } fragment ProductSummary_product on StoreProduct { additionalProperty { name propertyID value valueReference } advertisement { adId adResponseId } brand { brandName: name } brand { name } gtin image { alternateName url } isVariantOf { name productGroupID } name offers { lowPrice lowPriceWithTaxes offers { availability listPrice listPriceWithTaxes price quantity seller { identifier } } } id: productID sku slug } query ClientManyProductsQuery($after: String, $first: Int!, $selectedFacets: [IStoreSelectedFacet!]!, $sort: StoreSort!, $term: String!) { search( first: $first after: $after sort: $sort term: $term selectedFacets: $selectedFacets ) { products { edges { node { ...ProductSummary_product } } pageInfo { totalCount } } } ...ClientManyProducts }",
-  "177fe68cb385737b0901fc9e105f0a4813e18a20": "fragment ClientProductGallery on Query { search( first: $first after: $after sort: $sort term: $term selectedFacets: $selectedFacets ) { products { pageInfo { totalCount } } } } fragment Filter_facets on StoreFacet { ... on StoreFacetBoolean { __typename key label values { label quantity selected value } } ... on StoreFacetRange { __typename key label max { absolute selected } min { absolute selected } } } fragment SearchEvent_metadata on SearchMetadata { isTermMisspelled logicalOperator } query ClientProductGalleryQuery($after: String!, $first: Int!, $selectedFacets: [IStoreSelectedFacet!]!, $sort: StoreSort!, $term: String!) { redirect(term: $term, selectedFacets: $selectedFacets) { url } search( first: $first after: $after sort: $sort term: $term selectedFacets: $selectedFacets ) { facets { ...Filter_facets } metadata { ...SearchEvent_metadata } products { pageInfo { totalCount } } } ...ClientProductGallery }",
+  "bfc40da32b60f9404a4adb96b0856e3fbb04b076": "fragment ClientProductGallery on Query { search( first: $first after: $after sort: $sort term: $term selectedFacets: $selectedFacets ) { products { pageInfo { totalCount } } } } fragment Filter_facets on StoreFacet { ... on StoreFacetBoolean { __typename key label values { label quantity selected value } } ... on StoreFacetRange { __typename key label max { absolute selected } min { absolute selected } } } fragment SearchEvent_metadata on SearchMetadata { fuzzy isTermMisspelled logicalOperator } query ClientProductGalleryQuery($after: String!, $first: Int!, $selectedFacets: [IStoreSelectedFacet!]!, $sort: StoreSort!, $term: String!) { redirect(term: $term, selectedFacets: $selectedFacets) { url } search( first: $first after: $after sort: $sort term: $term selectedFacets: $selectedFacets ) { facets { ...Filter_facets } metadata { ...SearchEvent_metadata } products { pageInfo { totalCount } } } ...ClientProductGallery }",
   "7d121ef8d4dc99174e64e4429a9b977b8bbebed8": "fragment CartProductItem on StoreProduct { additionalProperty { name propertyID value valueReference } brand { name } gtin image { alternateName url } isVariantOf { name productGroupID skuVariants { activeVariations availableVariations slugsMap } } name sku unitMultiplier } fragment ClientProduct on Query { product(locator: $locator) { id: productID } } fragment ProductDetailsFragment_product on StoreProduct { additionalProperty { name propertyID value valueReference } brand { name } description gtin image { alternateName url } isVariantOf { name productGroupID skuVariants { activeVariations availableVariations slugsMap } } name offers { lowPrice lowPriceWithTaxes offers { availability listPrice listPriceWithTaxes price priceWithTaxes seller { identifier } } } id: productID sku unitMultiplier ...CartProductItem } query ClientProductQuery($locator: [IStoreSelectedFacet!]!) { product(locator: $locator) { ...ProductDetailsFragment_product } ...ClientProduct }",
-  "4d9f934764d8578aea08673b8ba57e8bf738f534": "fragment ClientSearchSuggestions on Query { search(first: 5, term: $term, selectedFacets: $selectedFacets) { suggestions { terms { value } } } } fragment ProductSummary_product on StoreProduct { additionalProperty { name propertyID value valueReference } advertisement { adId adResponseId } brand { brandName: name } brand { name } gtin image { alternateName url } isVariantOf { name productGroupID } name offers { lowPrice lowPriceWithTaxes offers { availability listPrice listPriceWithTaxes price quantity seller { identifier } } } id: productID sku slug } fragment SearchEvent_metadata on SearchMetadata { isTermMisspelled logicalOperator } query ClientSearchSuggestionsQuery($selectedFacets: [IStoreSelectedFacet!], $term: String!) { search(first: 5, term: $term, selectedFacets: $selectedFacets) { metadata { ...SearchEvent_metadata } products { pageInfo { totalCount } } suggestions { products { ...ProductSummary_product } terms { value } } } ...ClientSearchSuggestions }",
+  "47e48eaee91d16a4237eb2c1241bc2ed3e2ad9bb": "fragment ClientSearchSuggestions on Query { search(first: 5, term: $term, selectedFacets: $selectedFacets) { suggestions { terms { value } } } } fragment ProductSummary_product on StoreProduct { additionalProperty { name propertyID value valueReference } advertisement { adId adResponseId } brand { brandName: name } brand { name } gtin image { alternateName url } isVariantOf { name productGroupID } name offers { lowPrice lowPriceWithTaxes offers { availability listPrice listPriceWithTaxes price quantity seller { identifier } } } id: productID sku slug } fragment SearchEvent_metadata on SearchMetadata { fuzzy isTermMisspelled logicalOperator } query ClientSearchSuggestionsQuery($selectedFacets: [IStoreSelectedFacet!], $term: String!) { search(first: 5, term: $term, selectedFacets: $selectedFacets) { metadata { ...SearchEvent_metadata } products { pageInfo { totalCount } } suggestions { products { ...ProductSummary_product } terms { value } } } ...ClientSearchSuggestions }",
   "e2385b0f11726d0068f96548f57a8dd441c064e3": "fragment ClientTopSearchSuggestions on Query { search(first: 5, term: $term, selectedFacets: $selectedFacets) { suggestions { terms { value } } } } query ClientTopSearchSuggestionsQuery($selectedFacets: [IStoreSelectedFacet!], $term: String!) { search(first: 5, term: $term, selectedFacets: $selectedFacets) { suggestions { terms { value } } } ...ClientTopSearchSuggestions }",
   "1e69c734ed31bd9e763a34fe9660f5bbad3fd143": "mutation ValidateSession($search: String!, $session: IStoreSession!) { validateSession(session: $session, search: $search) { addressType b2b { customerId } channel country currency { code symbol } deliveryMode { deliveryChannel deliveryMethod deliveryWindow { endDate startDate } } geoCoordinates { latitude longitude } locale person { email familyName givenName id } postalCode } }",
   "d6667f1de2a26b94b9b55f4b25d7d823f82635a0": "fragment ClientShippingSimulation on Query { shipping(items: $items, postalCode: $postalCode, country: $country) { address { city } } } query ClientShippingSimulationQuery($country: String!, $items: [IShippingItem!]!, $postalCode: String!) { shipping(items: $items, postalCode: $postalCode, country: $country) { address { city neighborhood state } logisticsInfo { slas { availableDeliveryWindows { endDateUtc listPrice price startDateUtc } carrier localizedEstimates price shippingEstimate } } } ...ClientShippingSimulation }"

package/@generated/schema.graphql

@@ -545,6 +545,8 @@ type SearchMetadata {
   isTermMisspelled: Boolean!
   """Logical operator used to run the search."""
   logicalOperator: String!
+  """Indicates how the search engine corrected the misspelled word by using fuzzy logic."""
+  fuzzy: String
 }
 
 """Search result."""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.0.150",
+  "version": "3.0.152",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -43,12 +43,12 @@
     "@envelop/graphql-jit": "^8.0.3",
     "@envelop/parser-cache": "^6.0.2",
     "@envelop/validation-cache": "^6.0.2",
-    "@faststore/api": "^3.0.150",
-    "@faststore/components": "^3.0.150",
-    "@faststore/graphql-utils": "^3.0.150",
-    "@faststore/lighthouse": "^3.0.150",
-    "@faststore/sdk": "^3.0.150",
-    "@faststore/ui": "^3.0.150",
+    "@faststore/api": "^3.0.152",
+    "@faststore/components": "^3.0.152",
+    "@faststore/graphql-utils": "^3.0.152",
+    "@faststore/lighthouse": "^3.0.152",
+    "@faststore/sdk": "^3.0.152",
+    "@faststore/ui": "^3.0.152",
     "@graphql-codegen/cli": "5.0.2",
     "@graphql-codegen/client-preset": "4.2.6",
     "@graphql-codegen/typescript": "4.0.7",
@@ -87,7 +87,7 @@
   "devDependencies": {
     "@cypress/code-coverage": "^3.12.1",
     "@envelop/testing": "^6.0.0",
-    "@faststore/eslint-config": "^3.0.150",
+    "@faststore/eslint-config": "^3.0.152",
     "@lhci/cli": "^0.9.0",
     "@testing-library/cypress": "^10.0.1",
     "@types/cypress": "^1.1.3",
@@ -128,5 +128,5 @@
     "node": "18.19.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "5d33a0289de83e8319b4be2f5b28932570a22775"
+  "gitHead": "98f762825022beee952d25f893b012f35f335cb0"
 }

package/src/components/cms/home/Components.ts

@@ -0,0 +1,50 @@
+import dynamic from 'next/dynamic'
+import { ComponentType } from 'react'
+
+import { OverriddenDefaultHero as Hero } from 'src/components/sections/Hero/OverriddenDefaultHero'
+import Incentives from 'src/components/sections/Incentives'
+import { default as GLOBAL_COMPONENTS } from '../global/Components'
+
+import CUSTOM_COMPONENTS from 'src/customizations/src/components'
+
+const BannerText = dynamic(
+  () =>
+    import(
+      /* webpackChunkName: "BannerText" */ 'src/components/sections/BannerText/OverriddenDefaultBannerText'
+    ).then((mod) => ({ default: mod.OverriddenDefaultBannerText })),
+  { ssr: false }
+)
+const Newsletter = dynamic(
+  () =>
+    import(
+      /* webpackChunkName: "Newsletter" */ 'src/components/sections/Newsletter/OverriddenDefaultNewsletter'
+    ).then((mod) => ({ default: mod.OverriddenDefaultNewsletter })),
+  { ssr: false }
+)
+const ProductShelf = dynamic(
+  () =>
+    import(
+      /* webpackChunkName: "ProductShelf" */ 'src/components/sections/ProductShelf/OverriddenDefaultProductShelf'
+    ).then((mod) => ({ default: mod.OverriddenDefaultProductShelf })),
+  { ssr: false }
+)
+const ProductTiles = dynamic(
+  () =>
+    import(
+      /* webpackChunkName: "ProductTiles" */ 'src/components/sections/ProductTiles'
+    ),
+  { ssr: false }
+)
+
+const COMPONENTS: Record<string, ComponentType<any>> = {
+  ...GLOBAL_COMPONENTS,
+  Hero,
+  Incentives,
+  BannerText,
+  Newsletter,
+  ProductShelf,
+  ProductTiles,
+  ...CUSTOM_COMPONENTS,
+}
+
+export default COMPONENTS

package/src/components/templates/SearchPage/SearchWrapper.tsx

@@ -1,12 +1,12 @@
-import { useRouter } from 'next/router'
 import { useSearch } from '@faststore/sdk'
+import { useRouter } from 'next/router'
 
-import type { SearchContentType } from 'src/server/cms'
-import type { SearchPageContextType } from 'src/pages/s'
-import { useProductGalleryQuery } from 'src/sdk/product/useProductGalleryQuery'
-import Section from 'src/components/sections/Section'
 import EmptyState from 'src/components/sections/EmptyState'
 import ProductGalleryStyles from 'src/components/sections/ProductGallery/section.module.scss'
+import Section from 'src/components/sections/Section'
+import type { SearchPageContextType } from 'src/pages/s'
+import { useProductGalleryQuery } from 'src/sdk/product/useProductGalleryQuery'
+import type { SearchContentType } from 'src/server/cms'
 
 import SearchPage from './SearchPage'
 
@@ -37,6 +37,7 @@ export default function SearchWrapper({
   const {
     state: { term, sort, selectedFacets },
   } = useSearch()
+
   const { data: pageProductGalleryData, isValidating } = useProductGalleryQuery(
     {
       term,

package/src/sdk/analytics/platform/vtex/search.ts

@@ -3,6 +3,7 @@
  */
 import type { AnalyticsEvent } from '@faststore/sdk'
 import type {
+  IntelligentSearchAutocompleteQueryEvent,
   IntelligentSearchQueryEvent,
   SearchSelectItemEvent,
 } from '../../types'
@@ -66,6 +67,15 @@ type SearchEvent =
       url: string
       type: 'search.query'
     }
+  | {
+      text: string
+      misspelled: boolean
+      match: number
+      operator: string
+      locale: string
+      url: string
+      type: 'search.autocomplete.query'
+    }
 
 const sendEvent = (options: SearchEvent & { url?: string }) =>
   fetch(`https://sp.vtex.com/event-api/v1/${config.api.storeId}/event`, {
@@ -86,7 +96,11 @@ const isFullTextSearch = (url: URL) =>
   /^\/s(\/)?$/g.test(url.pathname)
 
 const handleEvent = (
-  event: AnalyticsEvent | SearchSelectItemEvent | IntelligentSearchQueryEvent
+  event:
+    | AnalyticsEvent
+    | SearchSelectItemEvent
+    | IntelligentSearchQueryEvent
+    | IntelligentSearchAutocompleteQueryEvent
 ) => {
   switch (event.name) {
     case 'search_select_item': {
@@ -128,6 +142,20 @@ const handleEvent = (
       break
     }
 
+    case 'intelligent_search_autocomplete_query': {
+      sendEvent({
+        type: 'search.autocomplete.query',
+        url: event.params.url,
+        text: event.params.term,
+        misspelled: event.params.isTermMisspelled,
+        match: event.params.totalCount,
+        operator: event.params.logicalOperator,
+        locale: event.params.locale,
+      })
+
+      break
+    }
+
     default:
   }
 }

package/src/sdk/analytics/types.ts

@@ -34,3 +34,17 @@ export interface IntelligentSearchQueryEvent {
   name: 'intelligent_search_query'
   params: IntelligentSearchQueryParams
 }
+
+export interface IntelligentSearchAutocompleteQueryParams {
+  url: string
+  locale: string
+  term: string
+  logicalOperator: string
+  isTermMisspelled: boolean
+  totalCount: number
+}
+
+export interface IntelligentSearchAutocompleteQueryEvent {
+  name: 'intelligent_search_autocomplete_query'
+  params: IntelligentSearchAutocompleteQueryParams
+}

package/src/sdk/product/useProductGalleryQuery.ts

@@ -3,6 +3,7 @@ import { useQuery } from 'src/sdk/graphql/useQuery'
 import { useSession } from 'src/sdk/session'
 import { useLocalizedVariables } from './useLocalizedVariables'
 
+import { useSearch } from '@faststore/sdk'
 import { Facet } from '@faststore/sdk/dist/types'
 import type {
   ClientManyProductsQueryQueryVariables,
@@ -53,6 +54,7 @@ export const query = gql(`
   fragment SearchEvent_metadata on SearchMetadata {
     isTermMisspelled
     logicalOperator
+    fuzzy
   }
 `)
 
@@ -63,6 +65,14 @@ type ProductGalleryQueryOptions = {
   term: ClientManyProductsQueryQueryVariables['term']
 }
 
+export const findFacetValue = (
+  facets: Facet[],
+  searchParam: string
+): string | null => {
+  const facet = facets.find(({ key }) => key === searchParam)
+  return facet?.value ?? null
+}
+
 export const useProductGalleryQuery = ({
   term,
   sort,
@@ -70,6 +80,7 @@ export const useProductGalleryQuery = ({
   itemsPerPage,
 }: ProductGalleryQueryOptions) => {
   const { locale } = useSession()
+  const { state, setState } = useSearch()
   const localizedVariables = useLocalizedVariables({
     first: itemsPerPage,
     after: '0',
@@ -78,9 +89,12 @@ export const useProductGalleryQuery = ({
     selectedFacets,
   })
 
-  return useQuery<Query, Variables>(query, localizedVariables, {
+  const fuzzyFacetValue = findFacetValue(selectedFacets, 'fuzzy')
+  const operatorFacetValue = findFacetValue(selectedFacets, 'operator')
+
+  const queryResult = useQuery<Query, Variables>(query, localizedVariables, {
     onSuccess: (data) => {
-      if (data && term) {
+      if (data && term && fuzzyFacetValue && operatorFacetValue) {
         import('@faststore/sdk').then(({ sendAnalyticsEvent }) => {
           sendAnalyticsEvent<IntelligentSearchQueryEvent>({
             name: 'intelligent_search_query',
@@ -97,4 +111,32 @@ export const useProductGalleryQuery = ({
       }
     },
   })
+
+  // If there is no fuzzy or operator facet, we need to add them to the selectedFacets and re-fetch the query
+  const shouldRefetchQuery =
+    !queryResult.error && (!fuzzyFacetValue || !operatorFacetValue)
+
+  if (shouldRefetchQuery) {
+    if (queryResult.data) {
+      setState({
+        ...state,
+        selectedFacets: [
+          ...selectedFacets,
+          {
+            key: 'fuzzy',
+            value: queryResult.data.search.metadata?.fuzzy ?? 'auto',
+          },
+          {
+            key: 'operator',
+            value: queryResult.data.search.metadata?.logicalOperator ?? 'and',
+          },
+        ],
+      })
+    }
+
+    // The first result is not relevant, return null data to avoid rendering the page while the query is being re-fetched
+    return { ...queryResult, isValidating: true, data: null }
+  }
+
+  return queryResult
 }

package/src/sdk/search/state.ts

@@ -5,7 +5,12 @@ export const useApplySearchState = () => {
   const router = useRouter()
 
   return useCallback(
-    (url: URL) => router.push(`${url.pathname}${url.search}`),
+    (url: URL) => {
+      const newUrl = `${url.pathname}${url.search}`
+      return url.searchParams.has('fuzzy') && url.searchParams.has('operator')
+        ? router.replace(newUrl)
+        : router.push(newUrl)
+    },
     [router]
   )
 }

package/src/sdk/search/useSuggestions.ts

@@ -7,7 +7,7 @@ import type {
   ClientSearchSuggestionsQueryQuery as Query,
   ClientSearchSuggestionsQueryQueryVariables as Variables,
 } from '@generated/graphql'
-import type { IntelligentSearchQueryEvent } from '../analytics/types'
+import type { IntelligentSearchAutocompleteQueryEvent } from '../analytics/types'
 
 import { useSession } from '../session'
 
@@ -55,8 +55,8 @@ function useSuggestions(term: string) {
     onSuccess: (callbackData) => {
       if (callbackData && term) {
         import('@faststore/sdk').then(({ sendAnalyticsEvent }) => {
-          sendAnalyticsEvent<IntelligentSearchQueryEvent>({
-            name: 'intelligent_search_query',
+          sendAnalyticsEvent<IntelligentSearchAutocompleteQueryEvent>({
+            name: 'intelligent_search_autocomplete_query',
             params: {
               locale,
               term,