@faststore/core 3.0.56 → 3.0.58

package/.turbo/turbo-build.log

@@ -1,7 +1,7 @@
 $ yarn partytown & yarn generate && next build
+$ faststore generate-graphql -c
 $ partytown copylib ./public/~partytown
 Partytown lib copied to: /home/runner/work/faststore/faststore/packages/core/public/~partytown
-$ faststore generate-graphql -c
 success - GraphQL schema, types, and optimizations successfully generated 🎉
 ⚠ No build cache found. Please configure build caching for faster rebuilds. Read more: https://nextjs.org/docs/messages/no-cache
 Attention: Next.js now collects completely anonymous telemetry regarding usage.
@@ -24,8 +24,8 @@ Browserslist: caniuse-lite is outdated. Please run:
    Collecting page data ...
    Generating static pages (0/9) ...
 
   Generating static pages (2/9) 
-
   Generating static pages (4/9) 
 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 (4/9) 
 
   Generating static pages (6/9) 
 
 ✓ Generating static pages (9/9) 
    Finalizing page optimization ...
@@ -38,7 +38,7 @@ Route (app)                                Size     First Load JS
   ├ chunks/472-369461a1f39981d5.js         28.4 kB
   ├ chunks/fd9d1056-43c43818840d7811.js    51.1 kB
   ├ chunks/main-app-e13fa67c2c3ceca5.js    230 B
-  └ chunks/webpack-a45dc84c9a0ef3fd.js     2.43 kB
+  └ chunks/webpack-d7ccbda472189c19.js     2.43 kB
 
 Route (pages)                              Size     First Load JS
 ┌ ● /                                      1.04 kB         148 kB
@@ -46,7 +46,7 @@ Route (pages)                              Size     First Load JS
 ├   /_app                                  0 B            93.8 kB
 ├ ● /[...slug]                             2.66 kB         160 kB
 ├   └ css/3eed8d7ed5000eb8.css             2.4 kB
-├ ● /[slug]/p                              10.8 kB         158 kB
+├ ● /[slug]/p                              10.9 kB         158 kB
 ├   └ css/65f6dd6d16812461.css             9.49 kB
 ├ ○ /404                                   1.17 kB         131 kB
 ├ ● /500                                   1.17 kB         131 kB
@@ -61,8 +61,8 @@ Route (pages)                              Size     First Load JS
 + First Load JS shared by all              96.9 kB
   ├ chunks/framework-21e9365486ba23a6.js   45.4 kB
   ├ chunks/main-9c9c62c368c0a47e.js        34.8 kB
-  ├ chunks/pages/_app-1930798899758fda.js  11.2 kB
-  ├ chunks/webpack-a45dc84c9a0ef3fd.js     2.43 kB
+  ├ chunks/pages/_app-00cee674a20813ff.js  11.2 kB
+  ├ chunks/webpack-d7ccbda472189c19.js     2.43 kB
   └ css/5d1f64b61ea581f4.css               3.05 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/.turbo/turbo-test.log

@@ -1,23 +1,9 @@
 $ jest
-PASS test/server/index.test.ts (26.237 s)
-  FastStore GraphQL Layer
-    @faststore/api
-      ✓ should return a valid GraphQL schema (6 ms)
-      ✓ should return a valid GraphQL schema contain all expected types (7 ms)
-      ✓ should return a valid GraphQL schema contain all expected queries (2 ms)
-      ✓ should return a valid GraphQL schema contain all expected mutations
-    VTEX API Extension
-      ✓ getTypeDefsFromFolder function should return an Array (8 ms)
-    Third Party API Extension
-      ✓ getTypeDefsFromFolder function should return an Array (7 ms)
-    Final Schema after merging
-      ✓ should return a valid merged GraphQL schema (31 ms)
-    Envelop
-      ✓ should exist with its plugins (29 ms)
-      ✓ should handle options and execute (138 ms)
+PASS test/server/cms/index.test.ts (28.539 s)
+PASS test/server/index.test.ts (30.283 s)
 
-Test Suites: 1 passed, 1 total
-Tests:       9 passed, 9 total
+Test Suites: 2 passed, 2 total
+Tests:       12 passed, 12 total
 Snapshots:   0 total
-Time:        26.386 s
+Time:        31.156 s
 Ran all test suites.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.0.56",
+  "version": "3.0.58",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -62,7 +62,7 @@
     "css-loader": "^6.7.1",
     "deepmerge": "^4.3.1",
     "draftjs-to-html": "^0.9.1",
-    "graphql": "^15.0.0",
+    "graphql": "^15.6.0",
     "include-media": "^1.4.10",
     "next": "^13.5.6",
     "next-seo": "^6.4.0",
@@ -125,5 +125,5 @@
     "node": "18.19.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "a066917ae9fe198b270941499ccbd92a401b7423"
+  "gitHead": "e1f415c74cfb74de617dc85669792439a1e6be29"
 }

package/src/components/sections/ProductDetails/DefaultComponents.ts

@@ -15,6 +15,7 @@ import LocalImageGallery from 'src/components/ui/ImageGallery'
 import LocalShippingSimulation from 'src/components/ui/ShippingSimulation/ShippingSimulation'
 import { Image } from 'src/components/ui/Image'
 import LocalNotAvailableButton from 'src/components/product/NotAvailableButton'
+import LocalProductDescription from 'src/components/ui/ProductDescription'
 
 export const ProductDetailsDefaultComponents = {
   ProductTitle: UIProductTitle,
@@ -31,4 +32,5 @@ export const ProductDetailsDefaultComponents = {
   __experimentalImageGallery: LocalImageGallery,
   __experimentalShippingSimulation: LocalShippingSimulation,
   __experimentalNotAvailableButton: LocalNotAvailableButton,
+  __experimentalProductDescription: LocalProductDescription,
 }

package/src/components/sections/ProductDetails/ProductDetails.tsx

@@ -8,7 +8,6 @@ import type { AnalyticsItem } from 'app/sdk/analytics/types'
 import { useFormattedPrice } from 'src/sdk/product/useFormattedPrice'
 import { useSession } from 'src/sdk/session'
 
-import ProductDescription from '../../../components/ui/ProductDescription'
 import { ProductDetailsSettings } from '../../../components/ui/ProductDetails'
 import Section from '../Section'
 
@@ -82,6 +81,7 @@ function ProductDetails({
     __experimentalImageGallery: ImageGallery,
     __experimentalShippingSimulation: ShippingSimulation,
     __experimentalNotAvailableButton: NotAvailableButton,
+    __experimentalProductDescription: ProductDescription,
   } = useOverrideComponents<'ProductDetails'>()
   const { currency } = useSession()
   const context = usePDP()
@@ -230,11 +230,15 @@ function ProductDetails({
           </section>
 
           {shouldDisplayProductDescription && (
-            <ProductDescription
-              initiallyExpanded={productDescriptionInitiallyExpanded}
+            <ProductDescription.Component
+              initiallyExpanded={
+                productDescriptionInitiallyExpanded ??
+                ProductDescription.props.initiallyExpanded
+              }
               descriptionData={[
-                { title: productDescriptionDetailsTitle, content: description },
+                { content: description, title: productDescriptionDetailsTitle },
               ]}
+              {...ProductDescription.props}
             />
           )}
         </section>

package/src/server/cms/index.ts

@@ -5,6 +5,14 @@ import MissingContentError from 'src/sdk/error/MissingContentError'
 import MultipleContentError from 'src/sdk/error/MultipleContentError'
 import config from '../../../faststore.config'
 
+type Cache<T> = {
+  [key: string]: { data: Array<T> }
+}
+type ExtraOptions = {
+  cmsClient?: ClientCMS
+  cache?: Cache<ContentData>
+}
+
 export type Options =
   | Locator
   | {
@@ -45,10 +53,68 @@ export const clientCMS = new ClientCMS({
   tenant: config.api.storeId,
 })
 
-export const getCMSPage = async (options: Options) => {
-  return await (isLocator(options)
-    ? clientCMS.getCMSPage(options).then((page) => ({ data: [page] }))
-    : clientCMS.getCMSPagesByContentType(options.contentType, options.filters))
+/*
+ * This in memory cache exists because for each page (think category or department)
+ * we are fetching all the pages of the same content type from the headless CMS to
+ * find the one that matches the slug.
+ *
+ * So instead of making multiple request for the Headless CMS API for each page we make
+ * one for each content-type and reuse the results for the next page.
+ *
+ * Since we rebuild on a CMS publication the server will go away and will "invalidate"
+ * the cache
+ */
+const getCMSPageCache = {}
+
+export const getCMSPage = async (
+  options: Options,
+  extraOptions?: ExtraOptions
+) => {
+  const cmsClient = extraOptions?.cmsClient ?? clientCMS
+  const cache = extraOptions?.cache ?? getCMSPageCache
+
+  if (isLocator(options)) {
+    return await cmsClient
+      .getCMSPage(options)
+      .then((page) => ({ data: [page] }))
+  }
+
+  if (!cache[options.contentType]) {
+    const pages = []
+    let page = 1
+    const perPage = 10
+    const response = await cmsClient.getCMSPagesByContentType(
+      options.contentType,
+      { ...options.filters, page: page, perPage }
+    )
+
+    pages.push(...response.data)
+
+    const totalPagesToFetch = Math.ceil(response.totalItems / perPage) // How many pages have content
+    const pagesToFetch = Array.from(
+      { length: totalPagesToFetch - 1 }, // We want all those pages minus the first one that we fetched
+      (_, i) => i + 2 // + 1 because indices are 0 based, and + 1 because we already fetched the first
+    )
+
+    if (response.totalItems > pages.length) {
+      const restOfPages = await Promise.all(
+        pagesToFetch.map((i) =>
+          cmsClient.getCMSPagesByContentType(options.contentType, {
+            ...options.filters,
+            page: i,
+            perPage,
+          })
+        )
+      )
+
+      restOfPages.forEach((response) => {
+        pages.push(...response.data)
+      })
+    }
+    cache[options.contentType] = { data: pages }
+  }
+
+  return cache[options.contentType]
 }
 
 export const getPage = async <T extends ContentData>(options: Options) => {

package/src/typings/overrides.ts

@@ -272,6 +272,7 @@ export type SectionsOverrides = {
       __experimentalImageGallery: ComponentOverrideDefinition<any, any>
       __experimentalShippingSimulation: ComponentOverrideDefinition<any, any>
       __experimentalNotAvailableButton: ComponentOverrideDefinition<any, any>
+      __experimentalProductDescription: ComponentOverrideDefinition<any, any>
     }
   }
   ProductGallery: {

package/test/server/cms/index.test.ts

@@ -0,0 +1,95 @@
+import { clientCMS, getCMSPage } from '../../../src/server/cms'
+import { jest } from '@jest/globals'
+import { ContentData } from '@vtex/client-cms'
+
+describe('CMS Integration', () => {
+  const mockData = (count = 1) => {
+    const data: ContentData[] = []
+    for (let i = 0; i < count; i = i + 1) {
+      data.push({
+        id: `data-id-${i}`,
+        name: `data-name-${i}`,
+        status: `data-status-${i}`,
+        type: `data-type-${i}`,
+        sections: [],
+        releaseId: `release-${i}`,
+      })
+    }
+    return data
+  }
+
+  describe('getCMSPage', () => {
+    it('returns the first page if there is only one page', async () => {
+      const mockFunction = jest.fn(() => {
+        return Promise.resolve({
+          data: mockData(3),
+          hasNextPage: false,
+          totalItems: 3,
+        })
+      })
+      clientCMS.getCMSPagesByContentType = mockFunction
+
+      const result = await getCMSPage(
+        { contentType: 'plp' },
+        { cmsClient: clientCMS }
+      )
+
+      expect(mockFunction.mock.calls.length).toBe(1)
+      expect(result.data.length).toBe(3)
+    })
+
+    it('loads multiple pages', async () => {
+      const mockFunction: jest.Mock<typeof clientCMS.getCMSPagesByContentType> =
+        jest.fn()
+
+      mockFunction.mockImplementationOnce(() => {
+        return Promise.resolve({
+          data: mockData(10),
+          hasNextPage: true,
+          totalItems: 15,
+        })
+      })
+      mockFunction.mockImplementationOnce(() => {
+        return Promise.resolve({
+          data: mockData(5),
+          hasNextPage: false,
+          totalItems: 15,
+        })
+      })
+
+      clientCMS.getCMSPagesByContentType = mockFunction
+
+      const result = await getCMSPage(
+        { contentType: 'plp' },
+        { cmsClient: clientCMS, cache: {} }
+      )
+
+      expect(mockFunction.mock.calls.length).toBe(2)
+      expect(result.data.length).toBe(15)
+    })
+
+    it('it makes no request if the cache is filled', async () => {
+      const mockFunction: jest.Mock<typeof clientCMS.getCMSPagesByContentType> =
+        jest.fn()
+
+      mockFunction.mockImplementationOnce(() => {
+        return Promise.resolve({
+          data: mockData(10),
+          hasNextPage: true,
+          totalItems: 15,
+        })
+      })
+
+      clientCMS.getCMSPagesByContentType = mockFunction
+
+      const cache = { plp: { data: [] } }
+      const result = await getCMSPage(
+        { contentType: 'plp' },
+        { cmsClient: clientCMS, cache: cache }
+      )
+
+      expect(mockFunction.mock.calls.length).toBe(0)
+      expect(result.data.length).toBe(0)
+    })
+  })
+})

package/.next/static/YVsdypyAbd7fqsNOnAbXQ/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,a,t,e,f,d,i){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[s,c,a,t,e,"static/css/fa6d43e3c11a59dc.css","static/chunks/pages/index-86dd2dba6f6f1621.js"],"/404":[s,c,a,f,"static/chunks/pages/404-be2217109dab18cf.js"],"/500":[s,c,a,f,"static/chunks/pages/500-64a07a16830e129c.js"],"/_error":["static/chunks/pages/_error-65ac7445167ddb62.js"],"/account":[s,c,a,"static/chunks/pages/account-70e52900601fc5eb.js"],"/checkout":[s,c,a,"static/chunks/pages/checkout-fe8c38b138ddecef.js"],"/login":[s,c,a,f,"static/chunks/pages/login-258e5b7ecec36481.js"],"/s":[s,c,a,t,e,d,i,"static/chunks/pages/s-53cc10ba9aa8331e.js"],"/[slug]/p":[s,c,a,t,e,"static/css/65f6dd6d16812461.css","static/chunks/pages/[slug]/p-542d088f5d009ce8.js"],"/[...slug]":[s,c,a,t,e,d,i,"static/css/3eed8d7ed5000eb8.css","static/chunks/pages/[...slug]-12c6dd879f1da8e0.js"],sortedPages:["/","/404","/500","/_app","/_error","/account","/checkout","/login","/s","/[slug]/p","/[...slug]"]}}("static/chunks/470-a762f2bf2d218abf.js","static/css/25261a033e496803.css","static/chunks/432-2a9341d243613db4.js","static/css/548bab931c45c770.css","static/chunks/590-a0b6f16148203bf2.js","static/css/ec44b650be144ada.css","static/css/185f3332f3d0db64.css","static/chunks/722-ed59bc6f32bb342f.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

package/.next/static/chunks/pages/[slug]/p-542d088f5d009ce8.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[103],{6693:function(e,t,n){"use strict";var r=n(2784),a=n(7041),i=n(2614),l=n(2256);t.Z=({max:e,min:t=1,unitMultiplier:n=1,useUnitMultiplier:o,initial:s,disabled:d=!1,onChange:u,testId:c="fs-quantity-selector",...p})=>{let[m,f]=(0,r.useState)(s??t),[g,v]=(0,r.useState)(m*n),roundUpQuantityIfNeeded=e=>o?Math.ceil(e/n)*n:e,h=m===t,b=m===e,changeQuantity=e=>{let t=validateQuantityBounds(m+e);u?.(t),f(t),v(t*n)};function validateQuantityBounds(r){let a=t?Math.max(r,t):r;return e?Math.min(a,o?e*n:e):a}return(0,r.useEffect)(()=>{s&&f(s)},[s]),r.createElement("div",{"data-fs-quantity-selector":d?"disabled":"true","data-testid":c,...p},r.createElement(a.Z,{"data-quantity-selector-button":"left",icon:r.createElement(i.Z,{name:"Minus",width:16,height:16,weight:"bold"}),"aria-label":"Decrement Quantity","aria-controls":"quantity-selector-input",disabled:h||d,onClick:()=>changeQuantity(-1),testId:`${c}-left-button`,size:"small"}),r.createElement(l.Z,{"data-quantity-selector-input":!0,id:"quantity-selector-input","aria-label":"Quantity",value:o?g:m,onChange:function(e){let t=e.currentTarget.value;Number.isNaN(Number(t))||f(()=>{let e=validateQuantityBounds(Number(t));return v(e),u?.(e),e})},onBlur:function(){let e=roundUpQuantityIfNeeded(m);f(()=>(v(e),u?.(e/n),e/n))},disabled:d}),r.createElement(a.Z,{"data-quantity-selector-button":"right","aria-controls":"quantity-selector-input","aria-label":"Increment Quantity",disabled:b||d,icon:r.createElement(i.Z,{name:"Plus",width:16,height:16,weight:"bold"}),onClick:()=>changeQuantity(1),testId:`${c}-right-button`,size:"small"}))}},6258:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[slug]/p",function(){return n(4961)}])},536:function(e,t,n){"use strict";n.d(t,{j:function(){return I}});var r=n(7460),a=n(6692),i=n(6877),l=n(4761),o=n(4195),s=n(2322),d=n(2784),u=n(9035),c=n(7944),p=n.n(c),m=n(5114),f=n(8134),g=n(2614),v=n(727);let h=(0,d.createContext)({isOpen:!1,dropdownButtonRef:null,selectedDropdownItemIndexRef:null,dropdownItemsRef:null,id:"fs-dropdown"});var Dropdown_Dropdown=({children:e,isOpen:t=!1,onDismiss:n,id:r="fs-dropdown"})=>{let[a,i]=(0,d.useState)(t),l=(0,d.useRef)([]),o=(0,d.useRef)(0),s=(0,d.useRef)(null),u=(0,d.useCallback)(()=>{i(!1),n?.()},[n]),open=()=>{i(!0)},c=(0,d.useCallback)(()=>{i(e=>(e&&(n?.(),s.current?.focus()),!e))},[n]);(0,d.useEffect)(()=>{i(t)},[t]),(0,d.useEffect)(()=>{a&&l?.current[0]?.focus()},[a]),(0,d.useEffect)(()=>{let e=!0,event=t=>{let n=l?.current.some(e=>t.target===e);if(e){e=!1;return}n||u()};return a?document.addEventListener("click",event):document.removeEventListener("click",event),()=>{document.removeEventListener("click",event)}},[u,a]);let p=(0,d.useMemo)(()=>({isOpen:a,close:u,open,toggle:c,dropdownButtonRef:s,onDismiss:n,selectedDropdownItemIndexRef:o,dropdownItemsRef:l,id:r}),[u,r,a,n,c]);return d.createElement(h.Provider,{value:p},e)},b=n(3339);let useDropdown=()=>{let e=(0,d.useContext)(h);if(void 0===e)throw Error("Do not use useDropdown hook outside the Dropdown context.");return e},y=(0,d.forwardRef)(function({testId:e="fs-dropdown-button","aria-label":t,children:n,...r},a){let{toggle:i,dropdownButtonRef:l,isOpen:o,id:s}=useDropdown();return(0,d.useImperativeHandle)(a,()=>l.current,[l]),d.createElement(b.Z,{"data-fs-dropdown-button":!0,onClick:i,"data-testid":e,ref:l,"aria-label":t,"aria-expanded":o,"aria-haspopup":"menu","aria-controls":s,variant:"tertiary",...r},n)});var _=n(8316);let useDropdownPosition=()=>{let{dropdownButtonRef:e}=useDropdown(),t="undefined"!=typeof window,n=e?.current?.getBoundingClientRect(),r=n?.top??0,a=n?.height??0,i=n?.left??0,l=t?document?.documentElement?.scrollTop:0,o=t?document?.documentElement?.scrollLeft:0;return{position:"absolute",top:r+a+l,left:i+o}};var Dropdown_DropdownMenu=({children:e,testId:t="fs-dropdown-menu",size:n="regular",style:r,...a})=>{let{isOpen:i,close:l,dropdownItemsRef:o,selectedDropdownItemIndexRef:s,dropdownButtonRef:u,id:c}=useDropdown(),p=useDropdownPosition(),m=d.Children.toArray(e).length,handleDownPress=()=>{s.current<m-1?s.current++:s.current=0,o?.current[s.current]?.focus()},handleUpPress=()=>{s.current>0?s.current--:s.current=m-1,o?.current[s.current]?.focus()},handleHomePress=()=>{s.current=0,o?.current[s.current]?.focus()},handleEndPress=()=>{s.current=m-1,o?.current[s.current]?.focus()},handleEscapePress=()=>{l?.(),u?.current?.focus()};return i?(0,_.createPortal)(d.createElement("div",{role:"presentation","data-fs-dropdown-overlay":!0,onKeyDown:e=>{e.defaultPrevented||"Enter"===e.key||(e.preventDefault(),"Escape"===e.key&&handleEscapePress(),"ArrowDown"===e.key&&handleDownPress(),"ArrowUp"===e.key&&handleUpPress(),"Home"===e.key&&handleHomePress(),"End"===e.key&&handleEndPress(),e.stopPropagation())},"data-testid":`${t}-overlay`},d.createElement("div",{role:"menu","aria-orientation":"vertical","data-fs-dropdown-menu":!0,"data-fs-dropdown-menu-size":n,"data-testid":t,style:{...p,...r},id:c,...a},e)),document.body):(o.current=[],null)};let E=(0,d.forwardRef)(function({children:e,icon:t,onClick:n,testId:r="fs-dropdown-item",...a},i){let{dropdownItemsRef:l,selectedDropdownItemIndexRef:o,close:s}=useDropdown(),[u,c]=(0,d.useState)(0),p=(0,d.useRef)(),onFocusItem=()=>{o.current=u,l?.current[o.current]?.focus()};return(0,d.useImperativeHandle)(i,()=>p.current,[]),d.createElement("button",{"data-fs-dropdown-item":!0,"data-testid":r,ref:e=>{e&&!l?.current.includes(e)&&(l?.current.push(e),c(l?.current.findIndex(t=>t===e)??0)),p.current=e},onFocus:onFocusItem,onMouseEnter:onFocusItem,onClick:e=>{n?.(e),s?.()},role:"menuitem",tabIndex:-1,"data-index":u,...a},!!t&&t,e)});var w=n(4564),Breadcrumb_Divider=({divider:e,testId:t})=>{let n={"data-fs-breadcrumb-divider":!0,"aria-hidden":!0,"data-testid":`${t}-divider`};return d.isValidElement(e)?d.cloneElement(e,n):d.createElement("span",{...n},e??"/")},Breadcrumb_ListItem=({children:e,isLastItem:t,divider:n,testId:r})=>{let a={"data-testid":`${r}-item`,"data-fs-breadcrumb-item":!t||"current","aria-current":t?"page":void 0};return d.isValidElement(e)?d.createElement("li",{"data-fs-breadcrumb-list-item":!0},d.cloneElement(e,a),t?null:d.createElement(Breadcrumb_Divider,{divider:n,testId:r})):d.createElement("li",{"data-fs-breadcrumb-list-item":!0},d.createElement("span",{...a},e,t?null:d.createElement(Breadcrumb_Divider,{divider:n,testId:r})))};let k=(0,d.forwardRef)(function({children:e,divider:t="",testId:n="fs-breadcrumb",...r},a){return d.createElement("nav",{"aria-label":"Breadcrumb",role:"navigation",ref:a,"data-fs-breadcrumb":!0,"data-testid":n,...r},d.createElement(w.Z,{as:"ol","data-fs-breadcrumb-list":!0,"data-fs-content":"breadcrumb"},d.Children.toArray(e).map((e,r,a)=>{let i=r===a.length-1;return d.createElement(Breadcrumb_ListItem,{isLastItem:i,divider:t,key:`breadcrumb-${r}`,testId:n},e)})))}),P=(0,d.forwardRef)(function({children:e,divider:t="",testId:n="fs-breadcrumb",breadcrumbList:r,isDesktop:a=!1,renderLink:i,homeLink:l,dropdownButtonIcon:o=d.createElement(g.Z,{name:"DotsThree"}),collapsedItemsIcon:s=d.createElement(g.Z,{"data-fs-dropdown-item-icon":!0,name:"ArrowElbowDownRight"}),...u},c){let p=a?r[0]:null,m=a?r.slice(1,-2):r.slice(0,-2),f=r.slice(-2),h=r.length>4,b=(0,d.useCallback)(e=>{let t=i?.(e),n=e.collapsed?{"data-fs-breadcrumb-dropdown-link":!0}:{"data-fs-breadcrumb-link":!0};return t?(0,d.cloneElement)(t,{...n,key:e.itemProps.position}):d.createElement(v.Z,{...n,href:e.itemProps.item,key:e.itemProps.position},e.itemProps.name)},[i]);return d.createElement(k,{ref:c,"data-fs-breadcrumb-is-desktop":a,...u},l,!h&&r.map((e,t)=>r.length===t+1?d.createElement("span",{key:String(e.position)},e.name):b({itemProps:e,collapsed:!1})),h&&p&&b({itemProps:p,collapsed:!1}),h&&d.createElement(Dropdown_Dropdown,null,d.createElement(y,{"aria-label":"View More","data-fs-breadcrumb-dropdown-button":!0,size:"small"},o),d.createElement(Dropdown_DropdownMenu,{"data-fs-breadcrumb-dropdown-menu":!0},m.map(e=>d.createElement(E,{"data-fs-breadcrumb-dropdown-item":!0,key:String(e.position),icon:s},b({itemProps:e,collapsed:!0}))))),h&&f.map((e,t)=>f.length===t+1?d.createElement("span",{key:String(e.position)},e.name):b({itemProps:e,collapsed:!1})))});var x={Breadcrumb:({breadcrumbList:e,...t})=>d.createElement(d.Fragment,null,d.createElement(P,{breadcrumbList:e,...t}),d.createElement(P,{breadcrumbList:e,isDesktop:!0,...t})),Icon:g.Z},C=(0,i.B)("Breadcrumb",function(e){var t,n,a,i,d,c,g,v,h,b=(0,l._)({},(0,o._)(e)),{Breadcrumb:y}=(0,f.r3)(),_=(0,m.qt)(),E=(0,m.OJ)(_)?null==_?void 0:null===(a=_.data)||void 0===a?void 0:null===(n=a.collection)||void 0===n?void 0:null===(t=n.seo)||void 0===t?void 0:t.title:"All Products",w=(0,m.tS)(_)?null==_?void 0:null===(c=_.data)||void 0===c?void 0:null===(d=c.product)||void 0===d?void 0:null===(i=d.breadcrumbList)||void 0===i?void 0:i.itemListElement:(0,m.OJ)(_)?null==_?void 0:null===(h=_.data)||void 0===h?void 0:null===(v=h.collection)||void 0===v?void 0:null===(g=v.breadcrumbList)||void 0===g?void 0:g.itemListElement:[{item:"/",name:E,position:1}];return(0,s.jsx)(u.Z,{className:"".concat(p().section," section-breadcrumb"),children:(0,s.jsx)(y.Component,(0,r._)({breadcrumbList:w},b))})},x),S=(0,d.memo)(C),I=(0,i.v)((0,a._)((0,r._)({},{section:"Breadcrumb"}),{Section:S}))},4298:function(e,t,n){"use strict";n.d(t,{Z:function(){return y}});var r=n(7460),a=n(6692),i=n(6877),l=n(2322),o=n(2784),s=n(8975),d=n(7704),u=n(5114),c=n(4914),p=n.n(c),m=n(9035),f=n(6737),g=n(9756),v=n(4644),h={ProductShelf:f.Z,__experimentalCarousel:v.Z,__experimentalProductCard:g.Z},b=(0,i.B)("CrossSellingShelf",e=>{var t,n,r,{numberOfItems:a,itemsPerPage:i,title:c,kind:f}=e,{ref:g,inView:v}=(0,d.YD)(),h=(0,u.al)(),b=null==h?void 0:null===(r=h.data)||void 0===r?void 0:null===(n=r.product)||void 0===n?void 0:null===(t=n.isVariantOf)||void 0===t?void 0:t.productGroupID,y=(0,o.useMemo)(()=>[{key:f,value:b}],[f,b]);return(0,l.jsx)(m.Z,{className:"".concat(p().section," section-product-shelf layout__section"),ref:g,children:(0,l.jsx)(s.Z,{inView:v,numberOfItems:a,itemsPerPage:i,title:c,selectedFacets:y})})},h),y=(0,i.v)((0,a._)((0,r._)({},{section:"CrossSellingShelf"}),{Section:b}))},4961:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return ew},default:function(){return ek}});var r,a=n(7460),i=n(6692),l=n(2322),o=n(9996),s=n.n(o),d=n(5351),u=n(208),c=n(2826),p=n(7153),m=n(536),f=n(4298),g=n(8899),v=n(8318),h=n(6877),b=n(2784),y=n(1072),_=n(2346),E=n(3370),w=n(7672),k=n(1516),P=n(783),x=n(7734),C=n(7583),ProductDescription_ProductDescription=function(e){var{descriptionData:t,initiallyExpanded:n="first"}=e,r=(0,b.useMemo)(()=>({none:[],first:[0],all:[0,1,2,3]}),[]),[a,i]=(0,b.useState)(new Set(r[n]));return(0,l.jsx)("section",{"data-fs-product-description":!0,children:(0,l.jsx)(k.Z,{indices:a,onChange:e=>{i(t=>{var n=new Set(t);return t.has(e)?n.delete(e):n.add(e),n})},"aria-label":"Product Details Content",children:t.map((e,t)=>{var{title:n,content:r}=e;return(0,l.jsxs)(P.Z,{as:"article",index:t,prefixId:"product-description","data-fs-product-details-description":!0,children:[(0,l.jsx)(x.Z,{children:n}),(0,l.jsx)(C.Z,{children:(0,l.jsx)("div",{"data-fs-product-details-description-content":!0,dangerouslySetInnerHTML:{__html:r}})})]},String(t))})})})},S=n(7938),I=n(6105),useBuyButton=e=>{var{openCart:t}=(0,S.l)(),{currency:{code:n}}=(0,w.kP)();return{onClick:(0,b.useCallback)(r=>{r.preventDefault(),e&&((0,y._)({name:"add_to_cart",params:{currency:n,value:e.price*e.quantity,items:[{item_id:e.itemOffered.isVariantOf.productGroupID,item_name:e.itemOffered.isVariantOf.name,item_brand:e.itemOffered.brand.name,item_variant:e.itemOffered.sku,quantity:e.quantity,price:e.price,discount:e.listPrice-e.price,currency:n,item_variant_name:e.itemOffered.name,product_reference_id:e.itemOffered.gtin}]}}),I.i8.addItem(e),t())},[n,e,t]),"data-testid":"buy-button","data-sku":null==e?void 0:e.itemOffered.sku,"data-seller":null==e?void 0:e.seller.identifier}},j=n(2281),D=n(1664),B=n.n(D),Z=n(7301),N=n(8134),ImageComponent=e=>{var{src:t,alt:n}=e,r=(0,j._)(e,["src","alt"]);return(0,l.jsx)(Z.Z,(0,a._)({src:t,alt:n,width:34,height:34},r))},SkuSelector_Selectors=function(e){var{slugsMap:t,activeVariations:n,availableVariations:r}=e,o=(0,j._)(e,["slugsMap","activeVariations","availableVariations"]),{SkuSelector:s}=(0,N.r3)();return(0,l.jsx)("section",(0,i._)((0,a._)({},o),{children:r&&Object.keys(r).map(e=>{var l,o,d,u,c;return(0,b.createElement)(s.Component,(0,i._)((0,a._)({ImageComponent:ImageComponent},s.props),{key:e,skuPropertyName:e,availableVariations:r,activeVariations:n,slugsMap:t,linkProps:(0,i._)((0,a._)({},null!==(d=s.props.linkProps)&&void 0!==d?d:{}),{as:null!==(u=null===(l=s.props.linkProps)||void 0===l?void 0:l.as)&&void 0!==u?u:B(),legacyBehavior:null!==(c=null===(o=s.props.linkProps)||void 0===o?void 0:o.legacyBehavior)&&void 0!==c&&c})}))})}))};function AddToCartLoadingSkeleton(){return(0,l.jsxs)("svg",{role:"img",width:"100%",height:"48","aria-labelledby":"loading-aria",viewBox:"0 0 112 48",preserveAspectRatio:"none",children:[(0,l.jsx)("title",{id:"loading-aria",children:"Loading..."}),(0,l.jsx)("rect",{x:"0",y:"0",width:"100%",height:"100%",clipPath:"url(#clip-path)",style:{fill:'url("#fill")'}}),(0,l.jsxs)("defs",{children:[(0,l.jsx)("clipPath",{id:"clip-path",children:(0,l.jsx)("rect",{x:"0",y:"0",rx:"2",ry:"2",width:"112",height:"48"})}),(0,l.jsxs)("linearGradient",{id:"fill",children:[(0,l.jsx)("stop",{offset:"0.599964",stopColor:"#f3f3f3",stopOpacity:"1",children:(0,l.jsx)("animate",{attributeName:"offset",values:"-2; -2; 1",keyTimes:"0; 0.25; 1",dur:"2s",repeatCount:"indefinite"})}),(0,l.jsx)("stop",{offset:"1.59996",stopColor:"#ecebeb",stopOpacity:"1",children:(0,l.jsx)("animate",{attributeName:"offset",values:"-1; -1; 2",keyTimes:"0; 0.25; 1",dur:"2s",repeatCount:"indefinite"})}),(0,l.jsx)("stop",{offset:"2.59996",stopColor:"#f3f3f3",stopOpacity:"1",children:(0,l.jsx)("animate",{attributeName:"offset",values:"0; 0; 3",keyTimes:"0; 0.25; 1",dur:"2s",repeatCount:"indefinite"})})]})]})]})}var ProductDetails_ProductDetailsSettings=function(e){var{product:t,buyButtonTitle:n,isValidating:r,quantity:o,setQuantity:s,buyButtonIcon:{icon:d,alt:u},notAvailableButtonTitle:c,useUnitMultiplier:p}=e,{BuyButton:m,Icon:f,ProductPrice:g,QuantitySelector:v,__experimentalNotAvailableButton:h}=(0,N.r3)(),{id:y,sku:_,gtin:w,unitMultiplier:k,name:P,brand:x,isVariantOf:C,isVariantOf:{skuVariants:S},image:I,additionalProperty:j,offers:{offers:[{availability:D,price:B,listPrice:Z,seller:L}]}}=t,M=useBuyButton({id:y,price:B,listPrice:Z,seller:L,quantity:o,itemOffered:{sku:_,name:P,gtin:w,image:I,brand:x,isVariantOf:C,additionalProperty:j,unitMultiplier:k}}),O=(0,b.useMemo)(()=>"https://schema.org/OutOfStock"===D,[D]);return(0,l.jsxs)(l.Fragment,{children:[!O&&(0,l.jsxs)("section",{"data-fs-product-details-values":!0,children:[(0,l.jsx)(g.Component,(0,a._)({"data-fs-product-details-prices":!0,value:B,listPrice:Z,formatter:E.P},g.props)),(0,l.jsx)(v.Component,(0,i._)((0,a._)({min:1,max:10,unitMultiplier:p?k:1,useUnitMultiplier:p},v.props),{onChange:s}))]}),S&&(0,l.jsx)(SkuSelector_Selectors,{slugsMap:S.slugsMap,availableVariations:S.availableVariations,activeVariations:S.activeVariations,"data-fs-product-details-selectors":!0}),r?(0,l.jsx)(AddToCartLoadingSkeleton,{}):(0,l.jsx)(()=>O?(0,l.jsx)(h.Component,{children:c}):(0,l.jsx)(m.Component,(0,i._)((0,a._)((0,i._)((0,a._)({},m.props),{icon:(0,l.jsx)(f.Component,(0,i._)((0,a._)({},f.props),{name:null!=d?d:f.props.name,"aria-label":null!=u?u:f.props["aria-label"]}))}),M),{children:n||"Add to Cart"})),{})]})},L=n(9035),M=n(2590),O=n.n(M),R=n(5114),T=n(3024);let V=(0,b.forwardRef)(function({title:e,label:t,refTag:n="Ref.: ",refNumber:r,testId:a="fs-product-title",ratingValue:i,...l},o){return b.createElement("header",{ref:o,"data-fs-product-title":!0,"data-testid":a,...l},b.createElement("div",{"data-fs-product-title-header":!0},e,!!t&&t),(r||i)&&b.createElement("div",{"data-fs-product-title-addendum":!0},i&&b.createElement(T.Z,{value:i}),r&&b.createElement(b.Fragment,null,n," ",r)))});var G=n(2946),$=n(3339),A=n(2614),F=n(9088),Q=n(6693),q=n(1953),z=n(727),H=n(5450);let getImageName=e=>{let t=new URL(e).pathname,n=t.split("/").slice(-1)[0];return n},useDefineVariant=(e,t)=>(0,b.useMemo)(()=>{if(t)return t;let n=e.every(e=>e.hexColor);if(n)return"color";let r=e[0]?.src&&getImageName(e[0].src);if(r&&1===e.length)return"image";let a=e.every(e=>{if(!e.src)return!0;let t=getImageName(e.src);return t===r});return a?"label":"image"},[e,t]),useSkuSlug=(e,t,n,r)=>{let a=(0,b.useCallback)(a=>{if(r)return{getItemHrefProp:r};let i=`/${function(e,t,n){let r=Object.entries(t).flat().join("-");if(r in e)return e[r];let a=Object.keys(e),i=a.find(e=>e.includes(`${n}-${t[n]}`));return e[i??a[0]]}(t,{...e,[n]:a.value},n)}/p`;return i},[e,r,t,n]);return{getItemHref:a}},ImageComponentFallback=({src:e,alt:t,...n})=>b.createElement("img",{src:e,alt:t,...n}),U=(0,b.forwardRef)(function({availableVariations:e,skuPropertyName:t,testId:n,activeVariations:r,linkProps:a,slugsMap:i,getItemHref:l,ImageComponent:o=ImageComponentFallback,variant:s,...d},u){let c=r[t],p=e[t],m=useDefineVariant(p,s),{getItemHref:f}=useSkuSlug(r,i,t,l);return b.createElement("div",{ref:u,"data-fs-sku-selector":!0,"data-testid":n,"data-fs-sku-selector-variant":m,...d},t&&b.createElement(q.Z,{"data-fs-sku-selector-title":!0},t,": ",b.createElement("strong",null,c)),b.createElement("ul",{"data-fs-sku-selector-list":!0},p.map((e,n)=>b.createElement("li",{key:String(n),title:e.label,"data-fs-sku-selector-option":!0,"data-fs-sku-selector-disabled":e.disabled,"data-fs-sku-selector-checked":e.value===r[t]},b.createElement(z.Z,{"data-fs-sku-selector-option-link":!0,href:f(e),...a},b.createElement(H.Z,{text:e.label})),"label"===m&&b.createElement("span",null,e.value),"image"===m&&o&&b.createElement("span",null,b.createElement(o,{src:e.src??"",alt:e.alt??"","data-fs-sku-selector-option-image":!0})),"color"===m&&b.createElement("span",null,b.createElement("div",{"data-fs-sku-selector-option-color":!0,title:e.value,style:{"--data-fs-sku-selector-option-color-bkg-color":e.hexColor}}))))))});var W=n(3779);let J=(0,b.forwardRef)(function({children:e,variant:t="colored",testId:n="fs-table",...r},a){return b.createElement("div",{"data-fs-table":!0},b.createElement("table",{ref:a,"data-fs-table-content":!0,"data-fs-table-variant":t,"data-testid":n,...r},e))}),X=(0,b.forwardRef)(function({children:e,testId:t="fs-table-body",...n},r){return b.createElement("tbody",{ref:r,"data-testid":t,"data-fs-table-body":!0,...n},e)}),Y=(0,b.forwardRef)(function({children:e,testId:t="fs-table-row",...n},r){return b.createElement("tr",{ref:r,"data-fs-table-row":!0,"data-testid":t,...n},e)}),K=(0,b.forwardRef)(function({scope:e,align:t,children:n,variant:r="data",testId:a="fs-table-cell",...i},l){return b.createElement("header"===r?"th":"td",{ref:l,"data-fs-table-cell":r,"data-fs-table-cell-align":t,"data-testid":a,scope:e,...i},n)});var ee=n(9767),et=n(7704),en=n(7041);let moveScroll=(e,t)=>{e&&(e.scrollHeight>e.clientHeight?(e.style.overflow="auto",window.requestAnimationFrame(()=>e.scrollTo({top:t,behavior:"smooth"})),setTimeout(()=>e.style.overflow="hidden",2e3)):e.scrollLeft+=t)},hasScroll=e=>!!e&&(e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth);var ImageGallery_ImageGallerySelector=function({images:e,onSelect:t,ImageComponent:n,currentImageIdx:r,testId:a="fs-image-gallery-selector","aria-label":i="Product Images",navigationButtonLeftAriaLabel:l="Backward slide image selector",navigationButtonRightAriaLabel:o="Forward slide image selector"}){let s=(0,b.useRef)(null),d=hasScroll(s.current),[u,c]=(0,b.useState)(!0),[p,m]=(0,b.useState)(!0),f=(0,b.useCallback)((t,n)=>{0===t&&c(n),t===e.length-1&&m(n)},[e.length]);return b.createElement("section",{"data-fs-image-gallery-selector":!0,"data-testid":a,"aria-label":i},d&&!u&&b.createElement("div",{"data-fs-image-gallery-selector-control":!0},b.createElement(en.Z,{"data-fs-image-gallery-selector-control-button":!0,"aria-label":l,icon:b.createElement(A.Z,{name:"ArrowLeft"}),onClick:()=>moveScroll(s.current,-400)})),b.createElement("div",{"data-fs-image-gallery-selector-elements":!0,ref:s},e.map((a,i)=>b.createElement(et.df,{key:i,onChange:e=>f(i,e)},b.createElement($.Z,{key:i,"aria-label":`${a.alternateName} - Image ${i+1} of ${e.length}`,onClick:()=>t(i),"data-fs-image-gallery-selector-thumbnail":i===r?"selected":"true"},b.createElement(n,{url:a.url??"",loading:0===i?"eager":"lazy",alternateName:a.alternateName??""}))))),d&&!p&&b.createElement("div",{"data-fs-image-gallery-selector-control":!0},b.createElement(en.Z,{"data-fs-image-gallery-selector-control-button":!0,"aria-label":o,icon:b.createElement(A.Z,{name:"ArrowLeft"}),onClick:()=>moveScroll(s.current,400)})))};let er=(0,b.forwardRef)(function({images:e,children:t,ImageComponent:n,selectedImageIdx:r,setSelectedImageIdx:a,testId:i="fs-image-gallery",...l},o){let s=e.length>1;return b.createElement("section",{ref:o,"data-fs-image-gallery":s?"with-selector":"without-selector","data-testid":i,...l},t,s&&b.createElement(ImageGallery_ImageGallerySelector,{images:e,onSelect:a,currentImageIdx:r,ImageComponent:n}))});var ea=n(1163),ImageGallery_ImageComponent=e=>{var{url:t,alternateName:n}=e,{__experimentalImageGalleryImage:r}=(0,N.r3)();return(0,l.jsx)(r.Component,{src:t,alt:n,width:68,height:68})},ei=n(1862),el=n(5563),eo=(0,_.P)("\n  query ClientShippingSimulationQuery(\n    $postalCode: String!\n    $country: String!\n    $items: [IShippingItem!]!\n  ) {\n    ...ClientShippingSimulation\n    shipping(items: $items, postalCode: $postalCode, country: $country) {\n      logisticsInfo {\n        slas {\n          carrier\n          price\n          availableDeliveryWindows {\n            startDateUtc\n            endDateUtc\n            price\n            listPrice\n          }\n          shippingEstimate\n          localizedEstimates\n        }\n      }\n      address {\n        city\n        neighborhood\n        state\n      }\n    }\n  }\n"),es=(r=(0,ei._)(function*(e){var{items:t,postalCode:n,country:r}=e;return yield(0,el.W)(eo,{items:t,postalCode:n,country:r})}),function(e){return r.apply(this,arguments)}),createEmptySimulation=()=>({input:{postalCode:"",displayClearButton:!1,errorMessage:""},shippingSimulation:void 0}),reducer=(e,t)=>{var{type:n}=t;switch(n){case"clear":return createEmptySimulation();case"update":var{payload:r}=t;return{input:(0,a._)({},e.input,r.input),shippingSimulation:(0,a._)({},e.shippingSimulation,r.shippingSimulation)};case"onInput":var{payload:l}=t;return(0,i._)((0,a._)({},e),{input:(0,a._)({},l)});case"onError":var{payload:o}=t;return(0,i._)((0,a._)({},e),{input:(0,a._)({},e.input,o)});default:throw Error("Action ".concat(n," not implemented"))}},useShippingSimulation=e=>{var[{input:t,shippingSimulation:n},r]=(0,b.useReducer)(reducer,null,createEmptySimulation),{country:a,postalCode:i}=(0,w.kP)(),{postalCode:l}=t,o=(0,b.useRef)(l);return(0,b.useEffect)(()=>{i&&!o.current&&function(){_fetchShipping.apply(this,arguments)}();function _fetchShipping(){return(_fetchShipping=(0,ei._)(function*(){var t=(yield es({country:a,postalCode:null!=i?i:"",items:[e]})).shipping;r({type:"update",payload:{input:{postalCode:null!=i?i:"",displayClearButton:!0,errorMessage:""},shippingSimulation:t}})})).apply(this,arguments)}},[a,i,e]),{input:t,shippingSimulation:n,handleOnClear:()=>{r({type:"clear"})},handleSubmit:(0,b.useCallback)((0,ei._)(function*(){try{var t=(yield es({country:a,postalCode:null!=l?l:"",items:[e]})).shipping;r({type:"update",payload:{input:{displayClearButton:!0,errorMessage:""},shippingSimulation:t}})}catch(e){r({type:"onError",payload:{displayClearButton:!0,errorMessage:"You entered an invalid Postal Code"}})}}),[a,e,l]),handleOnInput:(0,b.useCallback)(e=>{var t=e.currentTarget.value;t?r({type:"onInput",payload:{postalCode:t,displayClearButton:!1,errorMessage:""}}):r({type:"clear"})},[])}},ed={ProductTitle:V,DiscountBadge:G.Z,BuyButton:function({testId:e="fs-buy-button",icon:t,children:n,...r}){return b.createElement($.Z,{"data-fs-buy-button":!0,icon:t,iconPosition:"left","data-testid":e,...r},n)},Icon:A.Z,ProductPrice:F.Z,QuantitySelector:Q.Z,SkuSelector:U,ShippingSimulation:function({testId:e="fs-shipping-simulation",formatter:t,title:n="Shipping",inputLabel:r="Postal Code",optionsLabel:a="Shipping options",idkPostalCodeLinkProps:i,onInput:l,onSubmit:o,onClear:s,location:d,options:u=[],displayClearButton:c=!1,errorMessage:p,postalCode:m,...f}){let g=!!u&&u.length>0;return b.createElement("section",{"data-fs-shipping-simulation":!0,"data-fs-shipping-simulation-empty":g?"false":"true","data-testid":e,...f},b.createElement("h2",{"data-fs-shipping-simulation-title":!0},n),b.createElement(W.Z,{actionable:!0,error:p,id:`${e}-input-field`,label:r,value:m,onInput:e=>l?.(e),onSubmit:()=>o?.(),onClear:()=>s?.(),displayClearButton:c}),b.createElement(z.Z,{href:"/","data-fs-shipping-simulation-link":!0,size:"small",...i},i?.children??b.createElement(b.Fragment,null,"I don't know my Postal Code",b.createElement(A.Z,{name:"ArrowSquareOut",width:20,height:20}))),g&&b.createElement(b.Fragment,null,b.createElement("header",{"data-fs-shipping-simulation-header":!0},b.createElement("h3",{"data-fs-shipping-simulation-subtitle":!0},a),b.createElement("p",{"data-fs-shipping-simulation-location":!0},d)),b.createElement(J,null,b.createElement(X,null,u.map(e=>b.createElement(Y,{key:e.carrier},b.createElement(K,{align:"left"},e.carrier),b.createElement(K,null,e.localizedEstimates),b.createElement(K,{align:"right"},e.price&&b.createElement(ee.Z,{formatter:t,value:e.price,SRText:"price"}))))))))},ImageGallery:er,ImageGalleryViewer:({children:e})=>b.createElement(b.Fragment,null,e),__experimentalImageGalleryImage:Z.Z,__experimentalImageGallery:e=>{var t,{images:n}=e,r=(0,j._)(e,["images"]),{ImageGallery:o,ImageGalleryViewer:s,__experimentalImageGalleryImage:d}=(0,N.r3)(),[u,c]=(0,b.useState)(0),p=null!==(t=n[u])&&void 0!==t?t:n[0],m=(0,ea.useRouter)().asPath;return(0,b.useEffect)(()=>c(0),[m]),(0,l.jsx)(o.Component,(0,i._)((0,a._)((0,i._)((0,a._)({},o.props),{images:n,ImageComponent:ImageGallery_ImageComponent,selectedImageIdx:u,setSelectedImageIdx:c}),r),{children:(0,l.jsx)(s.Component,(0,i._)((0,a._)({},s.props),{children:(0,l.jsx)(d.Component,(0,i._)((0,a._)({sizes:"(max-width: 360px) 50vw, (max-width: 768px) 90vw, 50vw",width:691,height:691*(3/4),loading:"eager"},d.props),{src:p.url,alt:p.alternateName}))}))}))},__experimentalShippingSimulation:function(e){var t,n,r,i,o,s,{productShippingInfo:d,formatter:u,inputLabel:c,title:p,idkPostalCodeLinkProps:m}=e,f=(0,j._)(e,["productShippingInfo","formatter","inputLabel","title","idkPostalCodeLinkProps"]),{ShippingSimulation:g}=(0,N.r3)(),{input:v,shippingSimulation:h,handleSubmit:b,handleOnInput:y,handleOnClear:_}=useShippingSimulation(d),{postalCode:E,displayClearButton:w,errorMessage:k}=v,P=null!==(o=[null==h?void 0:null===(t=h.address)||void 0===t?void 0:t.neighborhood,null==h?void 0:null===(n=h.address)||void 0===n?void 0:n.city].filter(Boolean).join(" / "))&&void 0!==o?o:"",x=null!==(s=null==h?void 0:null===(i=h.logisticsInfo)||void 0===i?void 0:null===(r=i[0])||void 0===r?void 0:r.slas)&&void 0!==s?s:[];return(0,l.jsx)(g.Component,(0,a._)({formatter:u,onInput:y,onSubmit:b,onClear:_,location:P,options:x,address:null==h?void 0:h.address,displayClearButton:w,errorMessage:k,postalCode:E,inputLabel:c,title:p,idkPostalCodeLinkProps:m},f))},__experimentalNotAvailableButton:function(e){var{children:t}=e;return(0,l.jsx)($.Z,{variant:"primary",disabled:!0,"data-fs-buy-button":!0,children:t})}};(0,_.P)("\n  fragment ProductDetailsFragment_product on StoreProduct {\n    id: productID\n    sku\n    name\n    gtin\n    description\n    unitMultiplier\n    isVariantOf {\n      name\n      productGroupID\n      skuVariants {\n        activeVariations\n        slugsMap\n        availableVariations\n      }\n    }\n\n    image {\n      url\n      alternateName\n    }\n\n    brand {\n      name\n    }\n\n    offers {\n      lowPrice\n      offers {\n        availability\n        price\n        listPrice\n        seller {\n          identifier\n        }\n      }\n    }\n\n    additionalProperty {\n      propertyID\n      name\n      value\n      valueReference\n    }\n\n    # Contains necessary info to add this item to cart\n    ...CartProductItem\n  }\n");var eu=(0,h.B)("ProductDetails",function(e){var t,n,r,{productTitle:{refNumber:o,discountBadge:{showDiscountBadge:s,size:d}},buyButton:{icon:u,title:c},shippingSimulator:{title:p,inputLabel:m,shippingOptionsTableTitle:f,link:{to:g,text:v}},productDescription:{title:h,initiallyExpanded:_,displayDescription:k},notAvailableButton:{title:P},quantitySelector:x}=e,{DiscountBadge:C,ProductTitle:S,__experimentalImageGallery:I,__experimentalShippingSimulation:j,__experimentalNotAvailableButton:D}=(0,N.r3)(),{currency:B}=(0,w.kP)(),Z=(0,R.al)(),{product:M,isValidating:T}=null==Z?void 0:Z.data,[V,G]=(0,b.useState)(1);if(!M)throw Error("NotFound");var{id:$,sku:A,gtin:F,name:Q,brand:q,isVariantOf:z,description:H,isVariantOf:{name:U,productGroupID:W},image:J,offers:{offers:[{availability:X,price:Y,listPrice:K,seller:ee}],lowPrice:et}}=M;(0,b.useEffect)(()=>{(0,y._)({name:"view_item",params:{currency:B.code,value:Y,items:[{item_id:z.productGroupID,item_name:z.name,item_brand:q.name,item_variant:A,price:Y,discount:K-Y,currency:B.code,item_variant_name:Q,product_reference_id:F}]}})},[z.productGroupID,z.name,q.name,A,Y,K,B.code,Q,F]);var en=(0,b.useMemo)(()=>"https://schema.org/OutOfStock"===X,[X]);return(0,l.jsx)(L.Z,{className:"".concat(O().section," section-product-details"),children:(0,l.jsx)("section",{"data-fs-product-details":!0,children:(0,l.jsxs)("section",{"data-fs-product-details-body":!0,"data-fs-content":"product-details",children:[(0,l.jsx)("header",{"data-fs-product-details-title":!0,"data-fs-product-details-section":!0,children:(0,l.jsx)(S.Component,(0,i._)((0,a._)({title:(0,l.jsx)("h1",{children:U})},S.props),{label:s&&(0,l.jsx)(C.Component,(0,i._)((0,a._)({},C.props),{size:null!=d?d:C.props.size,listPrice:K,spotPrice:et})),refNumber:o&&W}))}),(0,l.jsx)(I.Component,(0,i._)((0,a._)({"data-fs-product-details-gallery":!0},I.props),{images:J})),(0,l.jsxs)("section",{"data-fs-product-details-info":!0,children:[(0,l.jsx)("section",{"data-fs-product-details-settings":!0,"data-fs-product-details-section":!0,children:(0,l.jsx)(ProductDetails_ProductDetailsSettings,{product:M,isValidating:T,buyButtonTitle:c,quantity:V,setQuantity:G,buyButtonIcon:u,notAvailableButtonTitle:null!=P?P:D.props.title,useUnitMultiplier:null!==(r=null==x?void 0:x.useUnitMultiplier)&&void 0!==r&&r})}),!en&&(0,l.jsx)(j.Component,(0,i._)((0,a._)({"data-fs-product-details-section":!0,"data-fs-product-details-shipping":!0,formatter:E.P},j.props),{idkPostalCodeLinkProps:(0,i._)((0,a._)({},j.props.idkPostalCodeLinkProps),{href:null!=g?g:null===(t=j.props.idkPostalCodeLinkProps)||void 0===t?void 0:t.href,children:null!=v?v:null===(n=j.props.idkPostalCodeLinkProps)||void 0===n?void 0:n.children}),productShippingInfo:{id:$,quantity:V,seller:ee.identifier},title:null!=p?p:j.props.title,inputLabel:null!=m?m:j.props.inputLabel,optionsLabel:null!=f?f:j.props.optionsLabel}))]}),k&&(0,l.jsx)(ProductDescription_ProductDescription,{initiallyExpanded:_,descriptionData:[{title:h,content:H}]})]})})})},ed),ec=(0,h.v)((0,i._)((0,a._)({},{section:"ProductDetails"}),{Section:eu})),ep=n(5786),em=n(7553),ef=n(8945),eg=n(6841),ev=n(6226),eh=n.n(ev),eb=n(7432),ey=n(1179),e_=(0,_.P)("\n  query ClientProductQuery($locator: [IStoreSelectedFacet!]!) {\n    ...ClientProduct\n    product(locator: $locator) {\n      ...ProductDetailsFragment_product\n    }\n  }\n"),useProductQuery=(e,t)=>{var{channel:n,locale:r}=(0,w.kP)(),a=(0,b.useMemo)(()=>{if(!n)throw Error("useProductQuery: 'channel' from session is an empty string.");return{locator:[{key:"id",value:e},{key:"channel",value:n},{key:"locale",value:r}]}},[n,r,e]);return(0,ey.aM)(e_,a,{fallbackData:t,revalidateOnMount:!0})},eE=(0,a._)({Breadcrumb:m.j,BannerNewsletter:c.Z,Newsletter:v.O,BannerText:p.i,Hero:g.V,ProductDetails:ec,ProductShelf:ep.T,ProductTiles:em.Z,CrossSellingShelf:f.Z},ef.Z),overwriteMerge=(e,t)=>t;function Page(e){var t,n,r,o,{data:c,sections:p,globalSections:m,offers:f,meta:g}=e,{product:v}=c,{currency:h}=(0,w.kP)(),b=null!==(r=null===eh()||void 0===eh()?void 0:null===(t=eh().seo)||void 0===t?void 0:t.titleTemplate)&&void 0!==r?r:"",{data:y,isValidating:_}=useProductQuery(v.id,{product:v}),E={data:(0,i._)((0,a._)({},s()(c,y,{arrayMerge:overwriteMerge})),{isValidating:_})};return(0,l.jsxs)(eb.ZP,(0,i._)((0,a._)({},m),{children:[(0,l.jsx)(d.PB,{title:g.title,description:g.description,canonical:g.canonical,openGraph:{type:"og:product",url:g.canonical,title:g.title,description:g.description,images:v.image.map(e=>({url:e.url,alt:e.alternateName}))},additionalMetaTags:[{property:"product:price:amount",content:null!==(o=null===(n=v.offers.lowPrice)||void 0===n?void 0:n.toString())&&void 0!==o?o:void 0},{property:"product:price:currency",content:h.code}],titleTemplate:b}),(0,l.jsx)(d.gR,{itemListElements:v.breadcrumbList.itemListElement}),(0,l.jsx)(d.Qb,{productName:v.name,description:v.description,brand:v.brand.name,sku:v.sku,gtin:v.gtin,releaseDate:v.releaseDate,images:v.image.map(e=>e.url),offers:f}),(0,l.jsx)(R.ZP,{context:E,children:(0,l.jsx)(u.Z,{sections:p,components:eE})})]}))}Page.displayName="Page";var ew=!0,ek=(0,eg.B)(Page)},7944:function(e){e.exports={section:"section_section__dvBbv"}},2590:function(e){e.exports={section:"section_section__VI73U"}}},function(e){e.O(0,[470,432,590,774,888,179],function(){return e(e.s=6258)}),_N_E=e.O()}]);