@faststore/core 3.38.3 → 3.40.0

package/.turbo/turbo-build.log

@@ -1,23 +1,23 @@
 
-> @faststore/core@3.38.2 prebuild /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.39.0 prebuild /home/runner/work/faststore/faststore/packages/core
 > na run partytown && na run generate
 
 
-> @faststore/core@3.38.2 partytown /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.39.0 partytown /home/runner/work/faststore/faststore/packages/core
 > partytown copylib ./public/~partytown
 
 Partytown lib copied to: /home/runner/work/faststore/faststore/packages/core/public/~partytown
 
-> @faststore/core@3.38.2 generate /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.39.0 generate /home/runner/work/faststore/faststore/packages/core
 > na run generate:schema && na run generate:codegen && na run format:generated
 
 
-> @faststore/core@3.38.2 generate:schema /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.39.0 generate:schema /home/runner/work/faststore/faststore/packages/core
 > tsx src/server/generator/generateGraphQLSchemaFile.ts
 
 Schema GraphQL file generated successfully
 
-> @faststore/core@3.38.2 generate:codegen /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.39.0 generate:codegen /home/runner/work/faststore/faststore/packages/core
 > graphql-codegen
 
 [STARTED] Parse Configuration
@@ -37,11 +37,11 @@ Running lifecycle hook "afterStart" scripts...
 [CLI] Loading Documents
 [CLI] Generating output
 
-> @faststore/core@3.38.2 format:generated /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.39.0 format:generated /home/runner/work/faststore/faststore/packages/core
 > prettier --write "@generated/**/*.{ts,js,tsx,jsx,json}" --loglevel error
 
 
-> @faststore/core@3.38.2 build /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.39.0 build /home/runner/work/faststore/faststore/packages/core
 > next build
 
 ⚠ No build cache found. Please configure build caching for faster rebuilds. Read more: https://nextjs.org/docs/messages/no-cache
@@ -71,13 +71,13 @@ Route (pages)                              Size     First Load JS
 ├   └ css/b1806cbafd0c1f81.css             3.06 kB
 ├   /_app                                  0 B            92.4 kB
 ├ ● /[...slug]                             2.34 kB         133 kB
-├ ● /[slug]/p                              35.5 kB         156 kB
+├ ● /[slug]/p                              35.6 kB         156 kB
 ├   ├ css/a3ca6a9b63f657be.css             5.75 kB
 ├   ├ css/62a5153ac7061286.css             6.11 kB
 ├   └ css/b5bf49598c8f8b66.css             16.1 kB
 ├ ○ /404                                   1.48 kB         122 kB
 ├ ● /500                                   1.48 kB         122 kB
-├ λ /account                               767 B           121 kB
+├ λ /account                               240 B          92.6 kB
 ├ λ /account/profile                       1.34 kB         122 kB
 ├   └ css/249b9deaabc0d32d.css             2.51 kB
 ├ λ /api/graphql                           0 B            92.4 kB
@@ -91,7 +91,7 @@ Route (pages)                              Size     First Load JS
   ├ chunks/framework-807b0f81cbc129f0.js   45.4 kB
   ├ chunks/main-5569625b3fdd6741.js        33.1 kB
   ├ chunks/pages/_app-012e51403727ae6a.js  10.4 kB
-  ├ chunks/webpack-827d211260f776ab.js     3.59 kB
+  ├ chunks/webpack-071462ed32bcb285.js     3.59 kB
   └ css/0a57ee6c7a57788c.css               3.49 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/.turbo/turbo-test.log

@@ -1,14 +1,15 @@
 
-> @faststore/core@3.38.2 test /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.39.0 test /home/runner/work/faststore/faststore/packages/core
 > jest
 
-PASS test/utils/multipleTemplates.test.ts (23.184 s)
-PASS test/server/cms/global.test.ts (24.522 s)
+PASS test/server/cms/global.test.ts (24.343 s)
+PASS test/utils/multipleTemplates.test.ts (25.211 s)
 PASS test/server/cms/index.test.ts
-PASS test/server/index.test.ts (28.509 s)
+PASS test/server/index.test.ts (28.944 s)
+A worker process has failed to exit gracefully and has been force exited. This is likely caused by tests leaking due to improper teardown. Try running with --detectOpenHandles to find leaks. Active timers can also cause this, ensure that .unref() was called on them.
 
 Test Suites: 4 passed, 4 total
 Tests:       22 passed, 22 total
 Snapshots:   0 total
-Time:        29.924 s
+Time:        30.228 s
 Ran all test suites.

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.40.0](https://github.com/vtex/faststore/compare/v3.39.0...v3.40.0) (2025-04-11)
+
+### Features
+
+- GA `view_item_list` event only when item is in viewport of `ProductGallery` ([#2771](https://github.com/vtex/faststore/issues/2771)) ([16a4efa](https://github.com/vtex/faststore/commit/16a4efa23b7459a4327df0bc994b96c15f44ee5e))
+
+# [3.39.0](https://github.com/vtex/faststore/compare/v3.38.3...v3.39.0) (2025-04-11)
+
+### Features
+
+- MyAccount redirects using SSR - SFS-2440 ([#2782](https://github.com/vtex/faststore/issues/2782)) ([6f92f41](https://github.com/vtex/faststore/commit/6f92f41e647298734bcc0f503810845c1558fd6f))
+
 ## 3.38.3 (2025-04-11)
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.38.3",
+  "version": "3.40.0",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -105,5 +105,5 @@
     "ts-jest": "29.1.1",
     "typescript": "5.3.2"
   },
-  "gitHead": "b6d31ee84b18d0c7fbe8e9ed88b89c6d9b516f2e"
+  "gitHead": "be8308dc73b997370c8c1aac56682362acfe58c0"
 }

package/src/components/product/ProductGrid/ProductGrid.tsx

@@ -10,6 +10,7 @@ import { memo } from 'react'
 import ViewportObserver from 'src/components/cms/ViewportObserver'
 import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
 import useScreenResize from 'src/sdk/ui/useScreenResize'
+import ProductSentinel from 'src/sdk/product/ProductSentinel'
 
 interface Props {
   /**
@@ -35,6 +36,10 @@ interface Props {
    * Determine if the current page is the first page.
    */
   firstPage?: number
+  /**
+   * Title for the `ProductGrid` component that will be send to GA events.
+   */
+  title?: string
 }
 
 function ProductGrid({
@@ -48,6 +53,7 @@ function ProductGrid({
     sponsoredLabel,
   } = {},
   firstPage,
+  title,
 }: Props) {
   const { isMobile } = useScreenResize()
   const { __experimentalProductCard: ProductCard } =
@@ -67,36 +73,19 @@ function ProductGrid({
           <>
             {products.slice(0, 2).map(({ node: product }, idx) => (
               <UIProductGridItem key={`${product.id}`}>
-                <ProductCard.Component
-                  aspectRatio={aspectRatio}
-                  imgProps={{
-                    width: 150,
-                    height: 150,
-                    sizes: '30vw',
-                    loading: 'eager',
-                  }}
-                  {...ProductCard.props}
-                  bordered={bordered ?? ProductCard.props.bordered}
-                  showDiscountBadge={
-                    showDiscountBadge ?? ProductCard.props.showDiscountBadge
-                  }
+                <ProductSentinel
                   product={product}
-                  index={pageSize * page + idx + 1}
-                  taxesConfiguration={taxesConfiguration}
-                  sponsoredLabel={sponsoredLabel}
-                />
-              </UIProductGridItem>
-            ))}
-            <ViewportObserver sectionName="UIProductGrid-out-viewport">
-              {products.slice(2).map(({ node: product }, idx) => (
-                <UIProductGridItem key={`${product.id}`}>
+                  title={title}
+                  page={page}
+                  pageSize={pageSize}
+                >
                   <ProductCard.Component
                     aspectRatio={aspectRatio}
                     imgProps={{
                       width: 150,
                       height: 150,
                       sizes: '30vw',
-                      loading: 'lazy',
+                      loading: 'eager',
                     }}
                     {...ProductCard.props}
                     bordered={bordered ?? ProductCard.props.bordered}
@@ -108,6 +97,37 @@ function ProductGrid({
                     taxesConfiguration={taxesConfiguration}
                     sponsoredLabel={sponsoredLabel}
                   />
+                </ProductSentinel>
+              </UIProductGridItem>
+            ))}
+            <ViewportObserver sectionName="UIProductGrid-out-viewport">
+              {products.slice(2).map(({ node: product }, idx) => (
+                <UIProductGridItem key={`${product.id}`}>
+                  <ProductSentinel
+                    product={product}
+                    title={title}
+                    page={page}
+                    pageSize={pageSize}
+                  >
+                    <ProductCard.Component
+                      aspectRatio={aspectRatio}
+                      imgProps={{
+                        width: 150,
+                        height: 150,
+                        sizes: '30vw',
+                        loading: 'lazy',
+                      }}
+                      {...ProductCard.props}
+                      bordered={bordered ?? ProductCard.props.bordered}
+                      showDiscountBadge={
+                        showDiscountBadge ?? ProductCard.props.showDiscountBadge
+                      }
+                      product={product}
+                      index={pageSize * page + idx + 1}
+                      taxesConfiguration={taxesConfiguration}
+                      sponsoredLabel={sponsoredLabel}
+                    />
+                  </ProductSentinel>
                 </UIProductGridItem>
               ))}
             </ViewportObserver>
@@ -116,24 +136,31 @@ function ProductGrid({
           <>
             {products.map(({ node: product }, idx) => (
               <UIProductGridItem key={`${product.id}`}>
-                <ProductCard.Component
-                  aspectRatio={aspectRatio}
-                  imgProps={{
-                    width: 150,
-                    height: 150,
-                    sizes: '30vw',
-                    loading: idx === 0 ? 'eager' : 'lazy',
-                  }}
-                  {...ProductCard.props}
-                  bordered={bordered ?? ProductCard.props.bordered}
-                  showDiscountBadge={
-                    showDiscountBadge ?? ProductCard.props.showDiscountBadge
-                  }
+                <ProductSentinel
                   product={product}
-                  index={pageSize * page + idx + 1}
-                  taxesConfiguration={taxesConfiguration}
-                  sponsoredLabel={sponsoredLabel}
-                />
+                  title={title}
+                  page={page}
+                  pageSize={pageSize}
+                >
+                  <ProductCard.Component
+                    aspectRatio={aspectRatio}
+                    imgProps={{
+                      width: 150,
+                      height: 150,
+                      sizes: '30vw',
+                      loading: idx === 0 ? 'eager' : 'lazy',
+                    }}
+                    {...ProductCard.props}
+                    bordered={bordered ?? ProductCard.props.bordered}
+                    showDiscountBadge={
+                      showDiscountBadge ?? ProductCard.props.showDiscountBadge
+                    }
+                    product={product}
+                    index={pageSize * page + idx + 1}
+                    taxesConfiguration={taxesConfiguration}
+                    sponsoredLabel={sponsoredLabel}
+                  />
+                </ProductSentinel>
               </UIProductGridItem>
             ))}
           </>

package/src/components/ui/ProductGallery/ProductGalleryPage.tsx

@@ -40,6 +40,7 @@ function ProductGalleryPage({
         pageSize={itemsPerPage}
         productCard={productCard}
         firstPage={firstPage}
+        title={title}
       />
     </Sentinel>
   )

package/src/pages/account/index.tsx

@@ -1,44 +1,35 @@
-import { NextSeo } from 'next-seo'
-import type { ComponentType } from 'react'
-import { useEffect } from 'react'
-import RenderSections from 'src/components/cms/RenderSections'
-import { default as GLOBAL_COMPONENTS } from 'src/components/cms/global/Components'
-import CUSTOM_COMPONENTS from 'src/customizations/src/components'
 import storeConfig from 'discovery.config'
-import {
-  getServerSideProps,
-  type MyAccountProps,
-} from 'src/experimental/myAccountSeverSideProps'
-import { useRouter } from 'next/router'
 
-/* A list of components that can be used in the CMS. */
-const COMPONENTS: Record<string, ComponentType<any>> = {
-  ...GLOBAL_COMPONENTS,
-  ...CUSTOM_COMPONENTS,
+import type { GetServerSideProps, NextPage } from 'next'
+
+const MyAccountRedirectPage: NextPage = () => {
+  return null
 }
 
-function Page({ globalSections }: MyAccountProps) {
-  const router = useRouter()
-  useEffect(() => {
-    if (storeConfig.experimental.enableFaststoreMyAccount) {
-      router.push('/account/profile') // current default path in my account
-    } else {
-      window.location.href = `${storeConfig.accountUrl}${window.location.search}`
+export const getServerSideProps: GetServerSideProps = async ({ query }) => {
+  if (storeConfig.experimental.enableFaststoreMyAccount) {
+    return {
+      redirect: {
+        destination: '/account/profile',
+        permanent: false,
+      },
     }
-  }, [])
+  }
 
-  return (
-    <RenderSections
-      globalSections={globalSections.sections}
-      components={COMPONENTS}
-    >
-      <NextSeo noindex nofollow />
+  const searchParams = new URLSearchParams()
 
-      <div>loading...</div>
-    </RenderSections>
-  )
-}
+  for (const key in query) {
+    const value = query[key]
+    const values = Array.isArray(value) ? value : [value]
+    values.forEach((v) => v && searchParams.append(key, v))
+  }
 
-export { getServerSideProps }
+  return {
+    redirect: {
+      destination: `${storeConfig.accountUrl}?${searchParams.toString()}`,
+      permanent: false,
+    },
+  }
+}
 
-export default Page
+export default MyAccountRedirectPage

package/src/sdk/analytics/hooks/useViewItemListEvent.ts

@@ -1,4 +1,4 @@
-import { useCallback } from 'react'
+import { useCallback, useRef } from 'react'
 import type { CurrencyCode, ViewItemListEvent } from '@faststore/sdk'
 
 import { useSession } from 'src/sdk/session'
@@ -7,12 +7,16 @@ import type { ProductSummary_ProductFragment } from '@generated/graphql'
 import type { AnalyticsItem } from '../types'
 
 type Props = {
-  products: Array<{ node: ProductSummary_ProductFragment }>
+  products?: Array<{ node: ProductSummary_ProductFragment }>
   title: string
   page: number
   pageSize: number
 }
 
+type ProductsFallbackProps = {
+  products?: Array<{ node: ProductSummary_ProductFragment }>
+}
+
 export const useViewItemListEvent = ({
   products,
   title,
@@ -23,31 +27,40 @@ export const useViewItemListEvent = ({
     currency: { code },
   } = useSession()
 
-  const sendViewItemListEvent = useCallback(() => {
-    import('@faststore/sdk').then(({ sendAnalyticsEvent }) => {
-      sendAnalyticsEvent<ViewItemListEvent<AnalyticsItem>>({
-        name: 'view_item_list',
-        params: {
-          item_list_name: title,
-          item_list_id: title,
-          items: products.map(({ node: product }, index) => ({
-            item_id: product.isVariantOf.productGroupID,
-            item_name: product.isVariantOf.name,
-            item_brand: product.brand.name,
-            item_variant: product.sku,
-            price: product.offers.offers[0].price,
-            index: page * pageSize + index + 1,
-            discount:
-              product.offers.offers[0].listPrice -
-              product.offers.offers[0].price,
-            currency: code as CurrencyCode,
-            item_variant_name: product.name,
-            product_reference_id: product.gtin,
-          })),
-        },
+  const sendViewItemListEvent = useCallback(
+    (productsFallback?: ProductsFallbackProps) => {
+      const items = products?.length ? products : productsFallback?.products
+
+      if (!items || items.length === 0) {
+        return
+      }
+
+      import('@faststore/sdk').then(({ sendAnalyticsEvent }) => {
+        sendAnalyticsEvent<ViewItemListEvent<AnalyticsItem>>({
+          name: 'view_item_list',
+          params: {
+            item_list_name: title,
+            item_list_id: title,
+            items: items.map(({ node: product }, index) => ({
+              item_id: product.isVariantOf.productGroupID,
+              item_name: product.isVariantOf.name,
+              item_brand: product.brand.name,
+              item_variant: product.sku,
+              price: product.offers.offers[0].price,
+              index: page * pageSize + index + 1,
+              discount:
+                product.offers.offers[0].listPrice -
+                product.offers.offers[0].price,
+              currency: code as CurrencyCode,
+              item_variant_name: product.name,
+              product_reference_id: product.gtin,
+            })),
+          },
+        })
       })
-    })
-  }, [code, products, title, page, pageSize])
+    },
+    [code, products, title, page, pageSize]
+  )
 
   return { sendViewItemListEvent }
 }

package/src/sdk/product/ProductSentinel.tsx

@@ -0,0 +1,60 @@
+import { useEffect, type PropsWithChildren } from 'react'
+import { useInView } from 'react-intersection-observer'
+
+import type { ProductSummary_ProductFragment } from '@generated/graphql'
+
+import { useViewItemListEvent } from '../analytics/hooks/useViewItemListEvent'
+import { queueViewItemList } from './viewItemListQueue'
+
+interface ProductSentinelProps {
+  /**
+   * Title for the `ProductSentinel` component.
+   */
+  title: string
+  /**
+   * Product listed on the grid.
+   */
+  product: ProductSummary_ProductFragment
+  /**
+   * The page's number that the Product is being rendered.
+   */
+  page: number
+  /**
+   * Quantity of products listed by page.
+   */
+  pageSize: number
+}
+
+/**
+ * Use this component to add a boundary between Products to send the right view_item_list event to GA in ProductGallery
+ */
+export function ProductSentinel({
+  product,
+  title,
+  page,
+  pageSize,
+  children,
+}: PropsWithChildren<ProductSentinelProps>) {
+  const { ref, inView } = useInView()
+
+  const { sendViewItemListEvent } = useViewItemListEvent({
+    title,
+    page,
+    pageSize,
+  })
+
+  useEffect(() => {
+    if (inView) {
+      queueViewItemList({ product, sendViewItemListEvent })
+    }
+  }, [inView, product])
+
+  return (
+    // minHeight to avoid the layout shift when the sentinel is not in view, '15.225rem' is the min value from the Product Card
+    <div ref={ref} style={{ minHeight: '15.225rem' }}>
+      {children}
+    </div>
+  )
+}
+
+export default ProductSentinel

package/src/sdk/product/viewItemListQueue.ts

@@ -0,0 +1,31 @@
+import type { ProductSummary_ProductFragment } from '@generated/graphql'
+
+const sentItems = new Set<string>()
+let pendingItems: { node: ProductSummary_ProductFragment }[] = []
+let debounceTimeout: NodeJS.Timeout | null = null
+
+type QueueViewItemListProps = {
+  product: ProductSummary_ProductFragment
+  sendViewItemListEvent: (props: {
+    products: Array<{ node: ProductSummary_ProductFragment }>
+  }) => void
+}
+
+export function queueViewItemList({
+  product,
+  sendViewItemListEvent,
+}: QueueViewItemListProps) {
+  if (sentItems.has(product.id)) return
+
+  sentItems.add(product.id)
+  pendingItems.push({ node: product })
+
+  if (debounceTimeout) clearTimeout(debounceTimeout)
+
+  debounceTimeout = setTimeout(() => {
+    if (pendingItems.length > 0) {
+      sendViewItemListEvent({ products: pendingItems })
+      pendingItems = []
+    }
+  }, 300)
+}

package/src/sdk/search/Sentinel.tsx

@@ -1,5 +1,5 @@
 import { useSearch } from '@faststore/sdk'
-import { useEffect, useRef, type PropsWithChildren } from 'react'
+import { useEffect, type PropsWithChildren } from 'react'
 import { useInView } from 'react-intersection-observer'
 import type { NextRouter } from 'next/router'
 import { useRouter } from 'next/router'
@@ -7,7 +7,6 @@ import { useRouter } from 'next/router'
 import type { ProductSummary_ProductFragment } from '@generated/graphql'
 
 import useScreenResize from 'src/sdk/ui/useScreenResize'
-import { useViewItemListEvent } from '../analytics/hooks/useViewItemListEvent'
 
 interface SentinelProps {
   page: number
@@ -39,24 +38,11 @@ const replacePagination = (page: string, router: NextRouter) => {
  * Also, this component's name is kind of curious. Wikipedia calls is Page Break(https://en.wikipedia.org/wiki/Page_break)
  * however all codes I've seen online use Sentinel
  */
-function Sentinel({
-  page,
-  pageSize,
-  products,
-  title,
-  children,
-}: PropsWithChildren<SentinelProps>) {
+function Sentinel({ page, children }: PropsWithChildren<SentinelProps>) {
   const router = useRouter()
   const { pages } = useSearch()
   const { isMobile } = useScreenResize()
   const { ref, inView } = useInView({ threshold: isMobile ? 0.3 : 0.7 })
-  const { sendViewItemListEvent } = useViewItemListEvent({
-    products,
-    title,
-    page,
-    pageSize,
-  })
-  const viewedRef = useRef(false)
 
   useEffect(() => {
     // Only replace pagination state when infinite scroll
@@ -64,19 +50,7 @@ function Sentinel({
     if (inView && pages.length > 1) {
       replacePagination(page.toString(), router)
     }
-
-    if (inView && !viewedRef.current && products.length) {
-      sendViewItemListEvent()
-      viewedRef.current = true
-    }
-  }, [
-    pages.length,
-    inView,
-    page,
-    router,
-    sendViewItemListEvent,
-    products.length,
-  ])
+  }, [pages.length, inView, page])
 
   return <div ref={ref}>{children}</div>
 }

package/.next/server/chunks/2032.js

@@ -1 +0,0 @@
-"use strict";exports.id=2032,exports.ids=[2032],exports.modules={52032:(e,i,t)=>{t.d(i,{m:()=>useViewItemListEvent});var r=t(16689),s=t(84355);let useViewItemListEvent=({products:e,title:i,page:n,pageSize:a})=>{let{currency:{code:m}}=(0,s.kP)(),o=(0,r.useCallback)(()=>{Promise.all([t.e(2880),t.e(1153)]).then(t.bind(t,81153)).then(({sendAnalyticsEvent:t})=>{t({name:"view_item_list",params:{item_list_name:i,item_list_id:i,items:e.map(({node:e},i)=>({item_id:e.isVariantOf.productGroupID,item_name:e.isVariantOf.name,item_brand:e.brand.name,item_variant:e.sku,price:e.offers.offers[0].price,index:n*a+i+1,discount:e.offers.offers[0].listPrice-e.offers.offers[0].price,currency:m,item_variant_name:e.name,product_reference_id:e.gtin}))}})})},[m,e,i,n,a]);return{sendViewItemListEvent:o}}}};

package/.next/static/D9Rlow6eCZi7BCEu9o7_O/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,a,t,e,i){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[s,c,a,"static/css/b1806cbafd0c1f81.css","static/chunks/pages/index-d36123e232b889d8.js"],"/404":[s,c,a,t,"static/chunks/pages/404-8e61ea158e7b314c.js"],"/500":[s,c,a,t,"static/chunks/pages/500-68f51177e64de6e7.js"],"/_error":["static/chunks/pages/_error-f432276d5ac8f150.js"],"/account":[s,c,a,"static/chunks/pages/account-32bc9db3fea9b0c4.js"],"/account/profile":[s,c,a,"static/css/249b9deaabc0d32d.css","static/chunks/pages/account/profile-1fdb500de8f12b3a.js"],"/checkout":[s,c,a,"static/chunks/pages/checkout-0dfe0dc9cee443ba.js"],"/login":[s,c,a,t,"static/chunks/pages/login-b59ea5561defc0d4.js"],"/s":[s,c,a,e,i,t,"static/chunks/pages/s-ffb46af7067b79b1.js"],"/[slug]/p":[s,"static/chunks/5259-90f7ef92cf24e49a.js",c,a,"static/chunks/7498-49bf89838314b503.js","static/css/a3ca6a9b63f657be.css","static/css/62a5153ac7061286.css","static/chunks/4349-24e224a3b1307f65.js","static/css/b5bf49598c8f8b66.css","static/chunks/pages/[slug]/p-2e02254149cef33d.js"],"/[...slug]":[s,c,a,e,i,"static/chunks/pages/[...slug]-f4fd6c8d7dc53f8f.js"],sortedPages:["/","/404","/500","/_app","/_error","/account","/account/profile","/checkout","/login","/s","/[slug]/p","/[...slug]"]}}("static/chunks/6167-ecb49640dcb9d566.js","static/css/b0c0e0632c5d7f52.css","static/chunks/6335-2bf379c0870c440e.js","static/css/2980acad3f8e1028.css","static/css/2841bab51b99dd53.css","static/chunks/4625-07284599f239c05b.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

package/.next/static/chunks/3143.1aaec7f4a9e83b8d.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3143],{3143:function(e,r,t){t.r(r),t.d(r,{default:function(){return w}});var n=t(4424),i=t(9115),o=t(1347),s=t(3125),a=t(4194),c=t(143),d=t(6220),u=t(6259),l=t(1549);function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){(0,n.Z)(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}var p=(0,a.memo)(function(e){var{products:r,page:t,pageSize:n,productCard:{showDiscountBadge:a,bordered:p,taxesConfiguration:h,sponsoredLabel:f}={},firstPage:v}=e,{isMobile:g}=(0,u.Z)(),{__experimentalProductCard:b}=(0,d.r3)();return(0,l.jsx)(s.Z,{aspectRatio:1,loading:0===r.length,children:(0,l.jsx)(i.Z,{children:g&&v===t?(0,l.jsxs)(l.Fragment,{children:[r.slice(0,2).map((e,r)=>{var{node:i}=e;return(0,l.jsx)(o.Z,{children:(0,l.jsx)(b.Component,_objectSpread(_objectSpread({aspectRatio:1,imgProps:{width:150,height:150,sizes:"30vw",loading:"eager"}},b.props),{},{bordered:null!=p?p:b.props.bordered,showDiscountBadge:null!=a?a:b.props.showDiscountBadge,product:i,index:n*t+r+1,taxesConfiguration:h,sponsoredLabel:f}))},"".concat(i.id))}),(0,l.jsx)(c.Z,{sectionName:"UIProductGrid-out-viewport",children:r.slice(2).map((e,r)=>{var{node:i}=e;return(0,l.jsx)(o.Z,{children:(0,l.jsx)(b.Component,_objectSpread(_objectSpread({aspectRatio:1,imgProps:{width:150,height:150,sizes:"30vw",loading:"lazy"}},b.props),{},{bordered:null!=p?p:b.props.bordered,showDiscountBadge:null!=a?a:b.props.showDiscountBadge,product:i,index:n*t+r+1,taxesConfiguration:h,sponsoredLabel:f}))},"".concat(i.id))})})]}):(0,l.jsx)(l.Fragment,{children:r.map((e,r)=>{var{node:i}=e;return(0,l.jsx)(o.Z,{children:(0,l.jsx)(b.Component,_objectSpread(_objectSpread({aspectRatio:1,imgProps:{width:150,height:150,sizes:"30vw",loading:0===r?"eager":"lazy"}},b.props),{},{bordered:null!=p?p:b.props.bordered,showDiscountBadge:null!=a?a:b.props.showDiscountBadge,product:i,index:n*t+r+1,taxesConfiguration:h,sponsoredLabel:f}))},"".concat(i.id))})})})})}),h=t(9029),f=t(6410),v=t(4444),g=t(2032),replacePagination=(e,r)=>{var t=new URL(window.location.href);t.searchParams.get("page")!==e&&(t.searchParams.set("page",e),r.replace(t,void 0,{shallow:!0,scroll:!1}))},search_Sentinel=function(e){var{page:r,pageSize:t,products:n,title:i,children:o}=e,s=(0,v.useRouter)(),{pages:c}=(0,h.R)(),{isMobile:d}=(0,u.Z)(),{ref:p,inView:b}=(0,f.YD)({threshold:d?.3:.7}),{sendViewItemListEvent:w}=(0,g.m)({products:n,title:i,page:r,pageSize:t}),y=(0,a.useRef)(!1);return(0,a.useEffect)(()=>{b&&c.length>1&&replacePagination(r.toString(),s),b&&!y.current&&n.length&&(w(),y.current=!0)},[c.length,b,r,s,w,n.length]),(0,l.jsx)("div",{ref:p,children:o})},b=t(2125),w=(0,a.memo)(function(e){var r,t,n,{page:i,title:o,productCard:s,itemsPerPage:a,firstPage:c}=e,{data:d}=(0,b.__)(i),u=null!==(r=null==d?void 0:null===(t=d.search)||void 0===t?void 0:null===(n=t.products)||void 0===n?void 0:n.edges)&&void 0!==r?r:[];return(0,l.jsx)(search_Sentinel,{products:u,page:i,pageSize:a,title:o,children:(0,l.jsx)(p,{products:u,page:i,pageSize:a,productCard:s,firstPage:c})})})},2032:function(e,r,t){t.d(r,{m:function(){return useViewItemListEvent}});var n=t(4194),i=t(4355),useViewItemListEvent=e=>{var{products:r,title:o,page:s,pageSize:a}=e,{currency:{code:c}}=(0,i.kP)();return{sendViewItemListEvent:(0,n.useCallback)(()=>{t.e(7195).then(t.bind(t,1153)).then(e=>{var{sendAnalyticsEvent:t}=e;t({name:"view_item_list",params:{item_list_name:o,item_list_id:o,items:r.map((e,r)=>{var{node:t}=e;return{item_id:t.isVariantOf.productGroupID,item_name:t.isVariantOf.name,item_brand:t.brand.name,item_variant:t.sku,price:t.offers.offers[0].price,index:s*a+r+1,discount:t.offers.offers[0].listPrice-t.offers.offers[0].price,currency:c,item_variant_name:t.name,product_reference_id:t.gtin}})}})})},[c,r,o,s,a])}}},6410:function(e,r,t){t.d(r,{YD:function(){return useInView},df:function(){return d}});var n=t(4194);function _extends(){return(_extends=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function _setPrototypeOf(e,r){return(_setPrototypeOf=Object.setPrototypeOf||function(e,r){return e.__proto__=r,e})(e,r)}var i=new Map,o=new WeakMap,s=0,a=void 0;function observe(e,r,t,n){if(void 0===t&&(t={}),void 0===n&&(n=a),void 0===window.IntersectionObserver&&void 0!==n){var c=e.getBoundingClientRect();return r(n,{isIntersecting:n,target:e,intersectionRatio:"number"==typeof t.threshold?t.threshold:0,time:0,boundingClientRect:c,intersectionRect:c,rootBounds:c}),function(){}}var d=function(e){var r=Object.keys(e).sort().filter(function(r){return void 0!==e[r]}).map(function(r){var t;return r+"_"+("root"===r?(t=e.root)?(o.has(t)||(s+=1,o.set(t,s.toString())),o.get(t)):"0":e[r])}).toString(),t=i.get(r);if(!t){var n,a=new Map,c=new IntersectionObserver(function(r){r.forEach(function(r){var t,i=r.isIntersecting&&n.some(function(e){return r.intersectionRatio>=e});e.trackVisibility&&void 0===r.isVisible&&(r.isVisible=i),null==(t=a.get(r.target))||t.forEach(function(e){e(i,r)})})},e);n=c.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),t={id:r,observer:c,elements:a},i.set(r,t)}return t}(t),u=d.id,l=d.observer,p=d.elements,h=p.get(e)||[];return p.has(e)||p.set(e,h),h.push(r),l.observe(e),function(){h.splice(h.indexOf(r),1),0===h.length&&(p.delete(e),l.unobserve(e)),0===p.size&&(l.disconnect(),i.delete(u))}}var c=["children","as","triggerOnce","threshold","root","rootMargin","onChange","skip","trackVisibility","delay","initialInView","fallbackInView"];function isPlainChildren(e){return"function"!=typeof e.children}var d=function(e){function InView(r){var t;return(t=e.call(this,r)||this).node=null,t._unobserveCb=null,t.handleNode=function(e){!t.node||(t.unobserve(),e||t.props.triggerOnce||t.props.skip||t.setState({inView:!!t.props.initialInView,entry:void 0})),t.node=e||null,t.observeNode()},t.handleChange=function(e,r){e&&t.props.triggerOnce&&t.unobserve(),isPlainChildren(t.props)||t.setState({inView:e,entry:r}),t.props.onChange&&t.props.onChange(e,r)},t.state={inView:!!r.initialInView,entry:void 0},t}InView.prototype=Object.create(e.prototype),InView.prototype.constructor=InView,_setPrototypeOf(InView,e);var r=InView.prototype;return r.componentDidUpdate=function(e){(e.rootMargin!==this.props.rootMargin||e.root!==this.props.root||e.threshold!==this.props.threshold||e.skip!==this.props.skip||e.trackVisibility!==this.props.trackVisibility||e.delay!==this.props.delay)&&(this.unobserve(),this.observeNode())},r.componentWillUnmount=function(){this.unobserve(),this.node=null},r.observeNode=function(){if(this.node&&!this.props.skip){var e=this.props,r=e.threshold,t=e.root,n=e.rootMargin,i=e.trackVisibility,o=e.delay,s=e.fallbackInView;this._unobserveCb=observe(this.node,this.handleChange,{threshold:r,root:t,rootMargin:n,trackVisibility:i,delay:o},s)}},r.unobserve=function(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)},r.render=function(){if(!isPlainChildren(this.props)){var e=this.state,r=e.inView,t=e.entry;return this.props.children({inView:r,entry:t,ref:this.handleNode})}var i=this.props,o=i.children,s=i.as,a=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(i,c);return n.createElement(s||"div",_extends({ref:this.handleNode},a),o)},InView}(n.Component);function useInView(e){var r=void 0===e?{}:e,t=r.threshold,i=r.delay,o=r.trackVisibility,s=r.rootMargin,a=r.root,c=r.triggerOnce,d=r.skip,u=r.initialInView,l=r.fallbackInView,p=n.useRef(),h=n.useState({inView:!!u}),f=h[0],v=h[1],g=n.useCallback(function(e){void 0!==p.current&&(p.current(),p.current=void 0),!d&&e&&(p.current=observe(e,function(e,r){v({inView:e,entry:r}),r.isIntersecting&&c&&p.current&&(p.current(),p.current=void 0)},{root:a,rootMargin:s,threshold:t,trackVisibility:o,delay:i},l))},[Array.isArray(t)?t.toString():t,a,s,c,d,o,l,i]);(0,n.useEffect)(function(){p.current||!f.entry||c||d||v({inView:!!u})});var b=[g,f.inView,f.entry];return b.ref=b[0],b.inView=b[1],b.entry=b[2],b}d.displayName="InView",d.defaultProps={threshold:0,triggerOnce:!1,initialInView:!1}},9115:function(e,r,t){var n=t(4194);let i=(0,n.forwardRef)(function({testId:e="fs-product-grid",children:r,...t},i){return n.createElement("ul",{ref:i,"data-fs-product-grid":!0,...t},r)});r.Z=i},1347:function(e,r,t){var n=t(4194);let i=(0,n.forwardRef)(function({testId:e="fs-product-grid-item",children:r,...t},i){return n.createElement("li",{ref:i,"data-fs-product-grid-item":!0,...t},r)});r.Z=i}}]);