@faststore/core 2.0.109-alpha.0 → 2.0.110-alpha.0

package/.turbo/turbo-build.log

@@ -24,13 +24,13 @@ info  - Generating static pages (13/13)
 info  - Finalizing page optimization...
 
 Route (pages)                              Size     First Load JS
-┌ ● /                                      8.66 kB         117 kB
-├   └ css/746ddf5f7ecc069c.css             1.85 kB
+┌ ● /                                      8.65 kB         117 kB
+├   └ css/3a57acf6e411f24d.css             1.69 kB
 ├   /_app                                  0 B            96.6 kB
-├ ● /[...slug]                             9.47 kB         122 kB
-├   └ css/db8c05ac7f2f0071.css             1.62 kB
+├ ● /[...slug]                             9.46 kB         122 kB
+├   └ css/70ac3b88af168a4b.css             1.46 kB
 ├ ● /[slug]/p                              16.8 kB         125 kB
-├   └ css/8bd5f3edaa885495.css             1.99 kB
+├   └ css/4abccf9803c3c356.css             1.82 kB
 ├ ○ /404                                   665 B           102 kB
 ├ ○ /500                                   439 B           102 kB
 ├ ○ /account                               383 B           102 kB
@@ -44,8 +44,8 @@ Route (pages)                              Size     First Load JS
   ├ chunks/framework-dfd14d7ce6600b03.js   45.3 kB
   ├ chunks/main-9746772201fe3ac1.js        23.9 kB
   ├ chunks/pages/_app-9d067ed89f7a4001.js  25.3 kB
-  ├ chunks/webpack-1ebb0658d4889fa1.js     2.15 kB
-  └ css/2c5f55d60ddda308.css               23.4 kB
+  ├ chunks/webpack-561abbd401db03bc.js     2.15 kB
+  └ css/117ce6f20b7a2e6c.css               23.5 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
 ○  (Static)  automatically rendered as static HTML (uses no initial props)

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.110-alpha.0](https://github.com/vtex/faststore/compare/v2.0.109-alpha.0...v2.0.110-alpha.0) (2023-04-18)
+
+### Features
+
+- Add `ProductShelf` component ([#1713](https://github.com/vtex/faststore/issues/1713)) ([6a387a6](https://github.com/vtex/faststore/commit/6a387a665aa8a1eb65122abcce67d82b9ead4234))
+
 ## [2.0.109-alpha.0](https://github.com/vtex/faststore/compare/v2.0.108-alpha.0...v2.0.109-alpha.0) (2023-04-18)
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "2.0.109-alpha.0",
+  "version": "2.0.110-alpha.0",
   "license": "MIT",
   "browserslist": "supports es6-module and not dead",
   "scripts": {
@@ -30,10 +30,10 @@
     "@envelop/parser-cache": "^2.2.0",
     "@envelop/validation-cache": "^2.2.0",
     "@faststore/api": "^2.0.105-alpha.0",
-    "@faststore/components": "^2.0.108-alpha.0",
+    "@faststore/components": "^2.0.110-alpha.0",
     "@faststore/graphql-utils": "^2.0.3-alpha.0",
     "@faststore/sdk": "^2.0.3-alpha.0",
-    "@faststore/ui": "^2.0.108-alpha.0",
+    "@faststore/ui": "^2.0.110-alpha.0",
     "@types/react": "^18.0.14",
     "@vtex/client-cms": "^0.2.12",
     "autoprefixer": "^10.4.0",
@@ -108,5 +108,5 @@
   "msw": {
     "workerDirectory": "public"
   },
-  "gitHead": "5069fdf3cd0112118b7f906f03b80aaea4ef7b8b"
+  "gitHead": "4d3127188c79beaa7f286bc8791f902742110c9b"
 }

package/src/components/sections/ProductShelf/ProductShelf.tsx

@@ -1,6 +1,12 @@
 import { useEffect, useRef } from 'react'
 import { useInView } from 'react-intersection-observer'
 
+import {
+  ProductShelf as UIProductShelf,
+  ProductShelfItem,
+  ProductShelfItems,
+} from '@faststore/ui'
+
 import { useViewItemListEvent } from 'src/sdk/analytics/hooks/useViewItemListEvent'
 import ProductShelfSkeleton from 'src/components/skeletons/ProductShelfSkeleton'
 import { useProductsQuery } from 'src/sdk/product/useProductsQuery'
@@ -8,7 +14,6 @@ import type { ProductsQueryQueryVariables } from '@generated/graphql'
 
 import ProductCard from '../../product/ProductCard'
 import Section from '../Section'
-import styles from './product-shelf.module.scss'
 
 interface ProductShelfProps extends Partial<ProductsQueryQueryVariables> {
   title: string
@@ -51,24 +56,24 @@ function ProductShelf({
       ref={ref}
     >
       <h2 className="text__title-section layout__content">{title}</h2>
-      <div className={styles.fsProductShelf} data-fs-product-shelf>
-        <ProductShelfSkeleton
-          aspectRatio={aspectRatio}
-          loading={products === undefined}
-        >
-          <ul data-fs-product-shelf-items className="layout__content">
+      <ProductShelfSkeleton
+        aspectRatio={aspectRatio}
+        loading={products === undefined}
+      >
+        <UIProductShelf>
+          <ProductShelfItems className="layout__content">
             {productEdges.map((product, idx) => (
-              <li key={`${product.node.id}`}>
+              <ProductShelfItem key={`${product.node.id}`}>
                 <ProductCard
                   product={product.node}
                   index={idx + 1}
                   aspectRatio={aspectRatio}
                 />
-              </li>
+              </ProductShelfItem>
             ))}
-          </ul>
-        </ProductShelfSkeleton>
-      </div>
+          </ProductShelfItems>
+        </UIProductShelf>
+      </ProductShelfSkeleton>
     </Section>
   )
 }

package/src/components/skeletons/ProductShelfSkeleton/ProductShelfSkeleton.tsx

@@ -1,7 +1,12 @@
 import type { PropsWithChildren } from 'react'
 
+import {
+  ProductShelf as UIProductShelf,
+  ProductShelfItems,
+  ProductShelfItem,
+} from '@faststore/ui'
+
 import { ITEMS_PER_SECTION } from 'src/constants'
-import styles from 'src/components/sections/ProductShelf/product-shelf.module.scss'
 
 import ProductCardSkeleton from '../ProductCardSkeleton'
 
@@ -16,16 +21,15 @@ function ProductShelfSkeleton({
   loading = true,
 }: PropsWithChildren<Props>) {
   return loading ? (
-    <ul
-      data-fs-product-shelf-items
-      className={`layout__content ${styles.fsProductShelf}`}
-    >
-      {Array.from({ length: ITEMS_PER_SECTION }, (_, index) => (
-        <li key={String(index)}>
-          <ProductCardSkeleton aspectRatio={aspectRatio} sectioned />
-        </li>
-      ))}
-    </ul>
+    <UIProductShelf>
+      <ProductShelfItems className="layout__content">
+        {Array.from({ length: ITEMS_PER_SECTION }, (_, index) => (
+          <ProductShelfItem key={String(index)}>
+            <ProductCardSkeleton aspectRatio={aspectRatio} sectioned />
+          </ProductShelfItem>
+        ))}
+      </ProductShelfItems>
+    </UIProductShelf>
   ) : (
     <>{children}</>
   )

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

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[103],{7216:function(e,t,r){"use strict";var n=r(2784);const a=(0,n.forwardRef)((function({testId:e="fs-label",children:t,...r},a){return n.createElement("label",{ref:a,"data-fs-label":!0,"data-testid":e,...r},t)}));t.Z=a},7549:function(e,t,r){"use strict";var n=r(2784),a=r(2691);const i=(0,n.forwardRef)((function({value:e,as:t="span",variant:r="selling",testId:i="fs-price",formatter:o=(e=>e),SRText:s,...c},l){const d=o(e,r);return n.createElement(t,{ref:l,"data-fs-price":!0,"data-fs-price-variant":r,"data-testid":i,...c},s&&n.createElement(a.Z,{text:s}),d)}));t.Z=i},2928:function(e,t,r){"use strict";var n=r(2784);const a=(0,n.forwardRef)((function({testId:e="fs-skeleton",loading:t=!0,shimmer:r=!0,children:a,size:i,border:o,borderRadius:s,...c},l){const d={width:i.width,height:i.height};return t?n.createElement("div",{ref:l,"data-fs-skeleton":!0,"data-testid":e,"data-fs-skeleton-border":o||null,style:s?{...d,borderRadius:s}:d,...c},r&&n.createElement("div",{"data-fs-skeleton-shimmer":!0})):n.createElement(n.Fragment,null,a)}));t.Z=a},9875:function(e,t,r){"use strict";r.d(t,{Z:function(){return i}});var n=r(2784),a=r(44);var i=({listPrice:e,spotPrice:t,thresholdLow:r=15,thresholdHigh:i=40,size:o,testId:s="fs-discount-badge"})=>{const c=((e,t)=>(0,n.useMemo)((()=>{const r=100*(e-t)/e;return Math.round(r)}),[t,e]))(e,t);if(0===c)return n.createElement(n.Fragment,null);const l=c<=r?"low":c<=i?"medium":"high";return n.createElement(a.Z,{"data-fs-discount-badge":!0,"data-fs-discount-badge-variant":l,size:o,"data-testid":s},c,"% off")}},8287:function(e,t,r){"use strict";var n=r(2784),a=r(875),i=r(7216),o=r(2765),s=r(5045),c=r(7578);t.Z=({id:e,label:t,type:r="text",error:l,displayClearButton:d,actionable:u,buttonActionText:f="Apply",onSubmit:p,onClear:m,placeholder:h=" ",inputRef:b,disabled:g,value:v,testId:y="fs-input-field",...j})=>{const O=!g&&l&&""!==l,w=u&&!g&&""!==v;return n.createElement("div",{"data-fs-input-field":!0,"data-fs-input-field-actionable":u,"data-fs-input-field-error":l&&""!==l,"data-testid":y},n.createElement(a.Z,{id:e,type:r,value:v,ref:b,disabled:g,placeholder:h,...j}),n.createElement(i.Z,{htmlFor:e},t),w&&(d||l?n.createElement(o.Z,{"data-fs-button-size":"small","aria-label":"Clear Field",icon:n.createElement(s.Z,{name:"XCircle"}),onClick:()=>{m?.(),b?.current?.focus()}}):n.createElement(c.Z,{variant:"tertiary",size:"small",onClick:p},f)),O&&n.createElement("span",{"data-fs-input-field-error-message":!0},l))}},123:function(e,t,r){"use strict";var n=r(2784),a=r(2765),i=r(5045),o=r(875);t.Z=({max:e,min:t=1,initial:r,disabled:s=!1,onChange:c,testId:l="fs-quantity-selector",...d})=>{const[u,f]=(0,n.useState)(r??t),p=u===t,m=u===e,h=e=>{const t=b(u+e);c?.(t),f(t)};function b(r){const n=t?Math.max(r,t):r;return e?Math.min(n,e):n}return(0,n.useEffect)((()=>{r&&f(r)}),[r]),n.createElement("div",{"data-fs-quantity-selector":s?"disabled":"true","data-testid":l,...d},n.createElement(a.Z,{"data-quantity-selector-button":"left",icon:n.createElement(i.Z,{name:"Minus",width:16,height:16,weight:"bold"}),"aria-label":"Decrement Quantity","aria-controls":"quantity-selector-input",disabled:p||s,onClick:()=>h(-1),testId:`${l}-left-button`}),n.createElement(o.Z,{"data-quantity-selector-input":!0,id:"quantity-selector-input","aria-label":"Quantity",value:u,onChange:function(e){const t=e.currentTarget.value;Number.isNaN(Number(t))||f((()=>{const e=b(Number(t));return c?.(e),e}))},disabled:s}),n.createElement(a.Z,{"data-quantity-selector-button":"right","aria-controls":"quantity-selector-input","aria-label":"Increment Quantity",disabled:m||s,icon:n.createElement(i.Z,{name:"Plus",width:16,height:16,weight:"bold"}),onClick:()=>h(1),testId:`${l}-right-button`}))}},783:function(e,t,r){"use strict";var n=r(2784),a=r(5045),i=r(2765),o=r(1329);const s=(0,n.forwardRef)((function({children:e,testId:t="fs-rating",length:r=5,value:s=0,icon:c,onChange:l,...d},u){const[f,p]=(0,n.useState)(0),m={"data-fs-rating-icon-outline":!0},h=n.isValidElement(c)?c:n.createElement(a.Z,{name:"Star"});return n.createElement(o.Z,{ref:u,"data-fs-rating":!0,"data-fs-rating-actionable":"function"===typeof l,"data-testid":t,...d},Array.from({length:r}).map(((e,r)=>{const o=r+1;return n.createElement("li",{key:`rating-${r}`,"data-fs-rating-item":o<=(f||s)?"full":o-s>0&&o-s<1?"partial":"empty","data-testid":`${t}-item`},l?n.createElement(i.Z,{"data-fs-rating-button":!0,icon:h,size:"small","aria-label":"rate",onClick:()=>{l(o)},onMouseEnter:()=>p(o),onMouseLeave:()=>p(s)}):n.createElement(n.Fragment,null,n.createElement("div",{"data-fs-rating-icon-wrapper":!0},h),n.isValidElement(c)?n.cloneElement(c,m):n.createElement(a.Z,{name:"Star","data-fs-rating-icon-outline":!0})))})))}));t.Z=s},701:function(e,t,r){"use strict";r.d(t,{Z:function(){return u}});var n=r(9499),a=r(5858),i=r(2784);class o extends i.Component{constructor(){super(...arguments),(0,n.Z)(this,"state",{hasError:!1,error:null})}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){console.error("Error while rendering section ".concat(this.props.name," with:\n").concat(e.message," ").concat(t.componentStack))}render(){return this.state.hasError?null:this.props.children}}var s=o,c=r(2322);function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var u=e=>{var{sections:t=[],context:r,components:n}=e;return(0,c.jsx)(c.Fragment,{children:t.map(((e,t)=>{var{name:i,data:o}=e,l=n[i];return l?(0,c.jsx)(s,{name:i,children:(0,c.jsx)(l,d(d({},o),{},{context:r}))},"cms-section-".concat(t)):(console.info("".concat(a.ZP.yellow("warn")," - ").concat(i," not found. Add a new component for this section or remove it from the CMS")),null)}))})}},3432:function(e,t,r){"use strict";r.d(t,{Z:function(){return k}});var n=r(9499),a=r(4730),i=r(2784);var o=(0,i.forwardRef)((function({testId:e="fs-product-card",variant:t="default",bordered:r=!1,outOfStock:n,children:a,...o},s){return i.createElement("article",{ref:s,"data-fs-product-card":n?"out-of-stock":"","data-fs-product-card-variant":t,"data-fs-product-card-bordered":r,"data-testid":e,...o},a)}));var s=(0,i.forwardRef)((function({testId:e="fs-product-card-image",aspectRatio:t=1,children:r,...n},a){return i.createElement("div",{ref:a,"data-fs-product-card-image":!0,"data-testid":e,style:{"--fs-product-card-image-aspect-ratio":t},...n},r)})),c=r(7865),l=r(7549),d=r(783),u=r(5045),f=r(9875),p=r(44),m=r(7578);var h=(0,i.forwardRef)((function({testId:e="fs-product-card-content",title:t,linkProps:r,price:n,outOfStock:a,outOfStockLabel:o="Out of stock",ratingValue:s,showDiscountBadge:h,buttonLabel:b="Add",onButtonClick:g,children:v,...y},j){return i.createElement("section",{ref:j,"data-fs-product-card-content":!0,"data-fs-product-card-badge":h,"data-testid":e,...y},i.createElement("div",{"data-fs-product-card-heading":!0},i.createElement("h3",{"data-fs-product-card-title":!0},i.createElement(c.Z,{...r,title:t},t)),i.createElement("div",{"data-fs-product-card-prices":!0},i.createElement(l.Z,{value:n?.listPrice?n.listPrice:0,formatter:n?.formatter,testId:"list-price","data-value":n?.listPrice,variant:"listing",SRText:"Original price:"}),i.createElement(l.Z,{value:n?.value?n.value:0,formatter:n?.formatter,testId:"price","data-value":n?.value,variant:"spot",SRText:"Sale Price:"})),s&&i.createElement(d.Z,{value:s,icon:i.createElement(u.Z,{name:"Star"})})),h&&!a&&i.createElement(f.Z,{listPrice:n?.listPrice?n.listPrice:0,spotPrice:n?.value?n.value:0}),a&&i.createElement(p.Z,null,o),g&&!a&&i.createElement("div",{"data-fs-product-card-actions":!0},i.createElement(m.Z,{variant:"primary",icon:i.createElement(u.Z,{name:"ShoppingCart"}),iconPosition:"left",size:"small",onClick:g},b)))})),b=r(2154),g=r(5346),v=r(9854),y=r(1664),j=r.n(y),O=r(2322),w=["product","index","bordered","variant","aspectRatio","ratingValue","buttonLabel","onButtonClick","showDiscountBadge"];function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function P(e){var{product:t,index:r,bordered:n=!1,variant:i="default",aspectRatio:c=1,ratingValue:l,buttonLabel:d="Add",onButtonClick:u,showDiscountBadge:f=!0}=e,p=(0,a.Z)(e,w),{sku:m,isVariantOf:{name:y},image:[x],offers:{lowPrice:P,offers:[{listPrice:k,availability:Z}]}}=t,S=E(E({},(0,v.w)({product:t,selectedOffer:0,index:r})),{},{as:j(),passHref:!0,legacyBehavior:!1}),_="https://schema.org/InStock"!==Z;return(0,O.jsxs)(o,E(E({outOfStock:_,bordered:n,variant:i,"data-fs-product-card-sku":m},p),{},{children:[(0,O.jsx)(s,{aspectRatio:c,children:(0,O.jsx)(b.E,{src:x.url,alt:x.alternateName,width:360,height:360/c,sizes:"(max-width: 768px) 25vw, 30vw",loading:"lazy"})}),(0,O.jsx)(h,{title:y,price:{value:P,listPrice:k,formatter:g.P},ratingValue:l,outOfStock:_,onButtonClick:u,linkProps:S,showDiscountBadge:f})]}))}var k=(0,i.memo)(P)},383:function(e,t,r){"use strict";r.d(t,{Z:function(){return x}});var n=r(9499),a=r(4730),i=r(8287),o=r(7578),s=r(2784),c=r(395),l=r(5045),d=r(1093),u=r(29),f=r(9857),p=r(180),m=r(7732),h=(e,t,r)=>{var n=(0,f.ZP)((0,m.km)(e,t),(()=>null),m.WN),a=function(){var t=(0,u.Z)((function*(t){var a=yield(0,p.W)(e,t,r);n.mutate(a,!1)}));return function(e){return t.apply(this,arguments)}}();return[a,n]},b=r(8879),g=r(84),v=r.n(g),y=r(2322),j=["title","description","card","lite"];function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=(0,s.forwardRef)((function(e,t){var{title:r,description:n,card:u=!1,lite:f=!1}=e,p=(0,a.Z)(e,j),{subscribeUser:m,loading:g,data:O}=(()=>{var[e,{data:t,error:r,isValidating:n}]=h("SubscribeToNewsletter",{data:{name:"",email:""}});return{subscribeUser:e,data:t,error:r,loading:n}})(),x=(0,s.useRef)(null),E=(0,s.useRef)(null),{pushToast:P}=(0,c.l)();return(0,y.jsx)(b.Z,{"data-fs-newsletter":u?"card":"",className:"layout__section ".concat(v().fsNewsletter),children:(0,y.jsxs)("form",w(w({"data-fs-newsletter-form":!0,ref:t,onSubmit:e=>{var t,r,n,a,i;e.preventDefault(),m({data:{name:null!==(t=null===(r=x.current)||void 0===r?void 0:r.value)&&void 0!==t?t:"",email:null!==(n=null===(a=E.current)||void 0===a?void 0:a.value)&&void 0!==n?n:""}}),null!==O&&void 0!==O&&null!==(i=O.subscribeToNewsletter)&&void 0!==i&&i.id?P({title:"Hooray!",message:"Thank for your subscription.",status:"INFO",icon:(0,y.jsx)(l.Z,{name:"CircleWavyCheck",width:30,height:30})}):P({title:"Oops.",message:"Something went wrong. Please Try again.",status:"ERROR",icon:(0,y.jsx)(l.Z,{name:"CircleWavyWarning",width:30,height:30})}),e.currentTarget.reset()}},p),{},{className:"layout__content",children:[(0,y.jsxs)("header",{"data-fs-newsletter-header":!0,children:[(0,y.jsxs)("h3",{children:[(0,y.jsx)(l.Z,{name:"Envelop",width:32,height:32}),r]}),n&&(0,y.jsxs)("span",{children:[" ",n]})]}),(0,y.jsx)("div",{"data-fs-newsletter-controls":!0,children:f?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(i.Z,{inputRef:E,id:"newsletter-email",label:"Your Email",type:"email",required:!0,actionable:!0,onSubmit:()=>{},onClear:()=>{},buttonActionText:"Subscribe",displayClearButton:!1}),(0,y.jsxs)("span",{"data-fs-newsletter-addendum":!0,children:["By subscribing to our newsletter you agree to to our"," ",(0,y.jsx)(d.Z,{href:"/",inverse:!0,variant:"inline",children:"Privacy Policy."})]})]}):(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(i.Z,{inputRef:x,id:"newsletter-name",label:"Your Name",required:!0}),(0,y.jsx)(i.Z,{inputRef:E,id:"newsletter-email",label:"Your Email",type:"email",required:!0}),(0,y.jsxs)("span",{"data-fs-newsletter-addendum":!0,children:["By subscribing to our newsletter you agree to to our"," ",(0,y.jsx)(d.Z,{href:"/",inverse:!0,variant:"inline",children:"Privacy Policy."})]}),(0,y.jsx)(o.Z,{variant:"secondary",inverse:!0,type:"submit",children:g?"Loading...":"Subscribe"})]})})]}))})}))},7304:function(e,t,r){"use strict";r.d(t,{Z:function(){return g}});var n=r(4730),a=r(2784),i=r(7704),o=r(5184),s=r(8459),c=r(5585),l=r.n(c),d=r(3288),u=r(2322);var f=function(e){var{children:t,aspectRatio:r,loading:n=!0}=e;return n?(0,u.jsx)("ul",{"data-fs-product-shelf-items":!0,className:"layout__content ".concat(l().fsProductShelf),children:Array.from({length:s.K},((e,t)=>(0,u.jsx)("li",{children:(0,u.jsx)(d.Z,{aspectRatio:r,sectioned:!0})},String(t))))}):(0,u.jsx)(u.Fragment,{children:t})},p=r(737),m=r(3432),h=r(8879),b=["title","withDivisor"];var g=function(e){var t,{title:r,withDivisor:s=!1}=e,c=(0,n.Z)(e,b),d=(0,a.useRef)(!1),{ref:g,inView:v}=(0,i.YD)(),y=(0,p.kN)(c),j=null!==(t=null===y||void 0===y?void 0:y.edges)&&void 0!==t?t:[],{sendViewItemListEvent:O}=(0,o.m)({products:j,title:r,page:0,pageSize:0});return(0,a.useEffect)((()=>{v&&!d.current&&j.length&&(O(),d.current=!0)}),[v,j.length,O]),0===(null===y||void 0===y?void 0:y.edges.length)?null:(0,u.jsxs)(h.Z,{className:"layout__section ".concat(s?"section__divisor":""),ref:g,children:[(0,u.jsx)("h2",{className:"text__title-section layout__content",children:r}),(0,u.jsx)("div",{className:l().fsProductShelf,"data-fs-product-shelf":!0,children:(0,u.jsx)(f,{aspectRatio:1,loading:void 0===y,children:(0,u.jsx)("ul",{"data-fs-product-shelf-items":!0,className:"layout__content",children:j.map(((e,t)=>(0,u.jsx)("li",{children:(0,u.jsx)(m.Z,{product:e.node,index:t+1,aspectRatio:1})},"".concat(e.node.id))))})})})]})}},8879:function(e,t,r){"use strict";r.d(t,{Z:function(){return d}});var n=r(9499),a=r(4730),i=r(2784),o=r(2322),s=["className"];function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var l=(0,i.forwardRef)((function(e,t){var{className:r=""}=e,i=(0,a.Z)(e,s);return(0,o.jsx)("section",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({ref:t,className:"section ".concat(r)},i))})),d=l},3288:function(e,t,r){"use strict";r.d(t,{Z:function(){return s}});var n=r(2928),a=r(1237),i=r.n(a),o=r(2322);var s=function(e){var{bordered:t,sectioned:r,displayButton:a,aspectRatio:s=1,variant:c="default"}=e;return(0,o.jsxs)("div",{className:i().fsProductCardSkeleton,"data-fs-product-card-skeleton":!0,"data-fs-product-card-skeleton-variant":c,"data-fs-product-card-skeleton-bordered":t,"data-fs-product-card-skeleton-sectioned":r,children:[(0,o.jsx)("div",{"data-fs-product-card-skeleton-image":!0,style:{"--fs-product-card-skeleton-image-aspect-ratio":s},children:(0,o.jsx)(n.Z,{size:{width:"100%",height:"100%"}})}),(0,o.jsxs)("div",{"data-fs-product-card-skeleton-content":!0,children:[(0,o.jsx)(n.Z,{"data-fs-product-card-skeleton-text":!0,size:{width:"90%",height:"1.5rem"}}),(0,o.jsx)(n.Z,{"data-fs-product-card-skeleton-text":!0,size:{width:"70%",height:"1.5rem"}}),(0,o.jsx)(n.Z,{"data-fs-product-card-skeleton-badge":!0,size:{width:"6rem",height:"2rem"},border:"pill"}),a&&(0,o.jsx)(n.Z,{"data-fs-product-card-skeleton-button":!0,size:{width:"6rem",height:"2rem"},style:{columnGap:".75rem"}})]})]})}},6166:function(e,t,r){"use strict";r.d(t,{Z:function(){return u}});var n=r(2784);var a=(0,n.forwardRef)((function({testId:e="store-banner",children:t,variant:r="vertical",...a},i){return n.createElement("article",{ref:i,"data-fs-banner":r,"data-testid":e,...a},t)}));var i=(0,n.forwardRef)((function({testId:e="store-banner-content",children:t,...r},a){return n.createElement("div",{ref:a,"data-banner-content":!0,"data-testid":e,...r},t)}));var o=(0,n.forwardRef)((function({testId:e="store-banner-link",children:t,...r},a){return n.createElement("div",{ref:a,"data-banner-link":!0,"data-testid":e,...r},t)})),s=r(7703),c=r(9117),l=r.n(c),d=r(2322);var u=function(e){var{title:t,caption:r,actionPath:n,actionLabel:c,variant:u="primary",colorVariant:f="main"}=e;return(0,d.jsx)(a,{className:l().fsBannerText,"data-fs-banner-text":!0,"data-fs-banner-text-variant":u,"data-fs-banner-text-color-variant":f,children:(0,d.jsxs)(i,{"data-fs-banner-text-content":!0,className:"layout__content",children:[(0,d.jsxs)("div",{"data-fs-banner-text-heading":!0,"data-fs-banner-text-color-variant":f,children:[(0,d.jsx)("h2",{children:t}),"secondary"===u&&r&&(0,d.jsx)("p",{children:r})]}),(0,d.jsx)(o,{"data-fs-banner-text-link":!0,children:(0,d.jsx)(s.Z,{href:n,variant:u,inverse:"main"===f,children:c})})]})})}},120:function(e,t,r){"use strict";r.d(t,{Z:function(){return S}});var n=r(9499),a=r(4730),i=r(2784),o=r(5045),s=r(7865);var c=(0,i.createContext)({isOpen:!1,dropdownButtonRef:null,selectedDropdownItemIndexRef:null,dropdownItemsRef:null,id:"fs-dropdown"});var l=({children:e,isOpen:t=!1,onDismiss:r,id:n="fs-dropdown"})=>{const[a,o]=(0,i.useState)(t),s=(0,i.useRef)([]),l=(0,i.useRef)(0),d=(0,i.useRef)(null),u=(0,i.useCallback)((()=>{o(!1),r?.()}),[r]),f=()=>{o(!0)},p=(0,i.useCallback)((()=>{o((e=>(e&&(r?.(),d.current?.focus()),!e)))}),[r]);(0,i.useEffect)((()=>{o(t)}),[t]),(0,i.useEffect)((()=>{a&&s?.current[0]?.focus()}),[a]),(0,i.useEffect)((()=>{let e=!0;const t=t=>{const r=s?.current.some((e=>t.target===e));e?e=!1:!r&&u()};return a?document.addEventListener("click",t):document.removeEventListener("click",t),()=>{document.removeEventListener("click",t)}}),[u,a]);const m=(0,i.useMemo)((()=>({isOpen:a,close:u,open:f,toggle:p,dropdownButtonRef:d,onDismiss:r,selectedDropdownItemIndexRef:l,dropdownItemsRef:s,id:n})),[u,n,a,r,p]);return i.createElement(c.Provider,{value:m},e)},d=r(7578);const u=()=>{const e=(0,i.useContext)(c);if(void 0===e)throw new Error("Do not use useDropdown hook outside the Dropdown context.");return e};var f=(0,i.forwardRef)((function({children:e,testId:t="fs-dropdown-button",...r},n){const{toggle:a,dropdownButtonRef:o,isOpen:s,id:c}=u();return(0,i.useImperativeHandle)(n,(()=>o.current),[o]),i.createElement(d.Z,{"data-fs-dropdown-button":!0,onClick:a,"data-testid":t,ref:o,"aria-expanded":s,"aria-haspopup":"menu","aria-controls":c,variant:"tertiary",...r},e)})),p=r(8316);var m=({children:e,testId:t="fs-dropdown-menu",size:r="regular",style:n,...a})=>{const{isOpen:o,close:s,dropdownItemsRef:c,selectedDropdownItemIndexRef:l,dropdownButtonRef:d,id:f}=u(),m=(()=>{const{dropdownButtonRef:e}=u(),t="undefined"!==typeof window,r=e?.current?.getBoundingClientRect(),n=r?.top??0,a=r?.height??0,i=r?.left??0;return{position:"absolute",top:n+a+(t?document?.documentElement?.scrollTop:0),left:i+(t?document?.documentElement?.scrollLeft:0)}})(),h=i.Children.toArray(e).length;return o?(0,p.createPortal)(i.createElement("div",{role:"presentation","data-fs-dropdown-overlay":!0,onKeyDown:e=>{e.defaultPrevented||"Enter"===e.key||(e.preventDefault(),"Escape"===e.key&&(s?.(),d?.current?.focus()),"ArrowDown"===e.key&&(l.current<h-1?l.current++:l.current=0,c?.current[l.current]?.focus()),"ArrowUp"===e.key&&(l.current>0?l.current--:l.current=h-1,c?.current[l.current]?.focus()),"Home"===e.key&&(l.current=0,c?.current[l.current]?.focus()),"End"===e.key&&(l.current=h-1,c?.current[l.current]?.focus()),e.stopPropagation())},"data-testid":`${t}-overlay`},i.createElement("div",{role:"menu","aria-orientation":"vertical","data-fs-dropdown-menu":!0,"data-fs-dropdown-menu-size":r,"data-testid":t,style:{...m,...n},id:f,...a},e)),document.body):(c.current=[],null)};var h=(0,i.forwardRef)((function({children:e,icon:t,onClick:r,testId:n="fs-dropdown-item",...a},o){const{dropdownItemsRef:s,selectedDropdownItemIndexRef:c,close:l}=u(),[d,f]=(0,i.useState)(0),p=(0,i.useRef)(),m=()=>{c.current=d,s?.current[c.current]?.focus()};return(0,i.useImperativeHandle)(o,(()=>p.current),[]),i.createElement("button",{"data-fs-dropdown-item":!0,"data-testid":n,ref:e=>{e&&!s?.current.includes(e)&&(s?.current.push(e),f(s?.current.findIndex((t=>t===e))??0)),p.current=e},onFocus:m,onMouseEnter:m,onClick:e=>{r?.(e),l?.()},role:"menuitem",tabIndex:-1,"data-index":d,...a},i.isValidElement(t)&&t,e)})),b=r(1329);var g=({divider:e,testId:t})=>{const r={"data-fs-breadcrumb-divider":!0,"aria-hidden":!0,"data-testid":`${t}-divider`};return i.isValidElement(e)?i.cloneElement(e,r):i.createElement("span",{...r},e??"/")};var v=({children:e,isLastItem:t,divider:r,testId:n})=>{const a={"data-testid":`${n}-item`,"data-fs-breadcrumb-item":!t||"current","aria-current":t?"page":void 0};return i.isValidElement(e)?i.createElement("li",{"data-fs-breadcrumb-list-item":!0},i.cloneElement(e,a),t?null:i.createElement(g,{divider:r,testId:n})):i.createElement("li",{"data-fs-breadcrumb-list-item":!0},i.createElement("span",{...a},e,t?null:i.createElement(g,{divider:r,testId:n})))};var y=(0,i.forwardRef)((function({children:e,divider:t="",testId:r="fs-breadcrumb",...n},a){return i.createElement("nav",{"aria-label":"Breadcrumb",role:"navigation",ref:a,"data-fs-breadcrumb":!0,"data-testid":r,...n},i.createElement(b.Z,{as:"ol","data-fs-breadcrumb-list":!0},i.Children.toArray(e).map(((e,n,a)=>{const o=n===a.length-1;return i.createElement(v,{isLastItem:o,divider:t,key:`breadcrumb-${n}`,testId:r},e)}))))}));var j=()=>i.createElement(s.Z,{"data-fs-breadcrumb-link":!0,"data-fs-breadcrumb-link-home":!0,"aria-label":"Go to homepage",href:"/"},i.createElement(o.Z,{name:"House",width:18,height:18}));var O=(0,i.forwardRef)((function({children:e,divider:t="",testId:r="fs-breadcrumb",breadcrumbList:n,isDesktop:a=!1,renderLink:c,homeLink:d=i.createElement(j,null),dropdownButtonIcon:u=i.createElement(o.Z,{name:"DotsThree"}),collapsedItemsIcon:p=i.createElement(o.Z,{"data-fs-dropdown-item-icon":!0,name:"ArrowElbowDownRight"}),...b},g){const v=(0,i.cloneElement)(d,{"data-fs-breadcrumb-link":!0,"data-fs-breadcrumb-link-home":!0,"aria-label":"Go to homepage",href:"/"}),O=a?n[0]:null,w=a?n.slice(1,-2):n.slice(0,-2),x=n.slice(-2),E=n.length>4,P=(0,i.useCallback)((e=>{const t=c?.(e),r=e.collapsed?{"data-fs-breadcrumb-dropdown-link":!0}:{"data-fs-breadcrumb-link":!0};return t?(0,i.cloneElement)(t,{...r,key:e.itemProps.position}):i.createElement(s.Z,{...r,href:e.itemProps.item,key:e.itemProps.position},e.itemProps.name)}),[c]);return i.createElement(y,{ref:g,"data-fs-breadcrumb-is-desktop":a,...b},v,!E&&n.map(((e,t)=>n.length===t+1?i.createElement("span",{key:String(e.position)},e.name):P({itemProps:e,collapsed:!1}))),E&&O&&P({itemProps:O,collapsed:!1}),E&&i.createElement(l,null,i.createElement(f,{"data-fs-breadcrumb-dropdown-button":!0,size:"small"},u),i.createElement(m,{"data-fs-breadcrumb-dropdown-menu":!0},w.map((e=>i.createElement(h,{"data-fs-breadcrumb-dropdown-item":!0,key:String(e.position),icon:p},P({itemProps:e,collapsed:!0})))))),E&&x.map(((e,t)=>x.length===t+1?i.createElement("span",{key:String(e.position)},e.name):P({itemProps:e,collapsed:!1}))))}));var w=({breadcrumbList:e,...t})=>i.createElement(i.Fragment,null,i.createElement(O,{breadcrumbList:e,...t}),i.createElement(O,{breadcrumbList:e,isDesktop:!0,...t})),x=r(1093),E=r(2322),P=["breadcrumbList"];function k(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var Z=e=>{var{breadcrumbList:t}=e,r=(0,a.Z)(e,P);return(0,E.jsx)(w,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?k(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({breadcrumbList:t,homeLink:(0,E.jsx)(x.Z,{"aria-label":"Go to homepage",href:"/",children:(0,E.jsx)(o.Z,{name:"House",width:18,height:18,weight:"bold"})}),renderLink:e=>{var{itemProps:{item:t,name:r}}=e;return(0,E.jsx)(x.Z,{"data-fs-breadcrumb-link":!0,href:t,children:r})}},r))},S=(0,i.memo)(Z)},2154:function(e,t,r){"use strict";r.d(t,{E:function(){return O}});var n=r(9499),a=r(4730),i=r(2784),o=r(1608),s=r.n(o),c=r(7183),l="https://".concat(r.n(c)().api.storeId,".vtexassets.com");var d=(e,t)=>{var r,n,a=[l,"unsafe"],i=[];t.trim&&a.push("trim"),t.manualCrop&&a.push((e=>{var{left:t,top:r,right:n,bottom:a}=e;return"".concat(t,"x").concat(r,":").concat(n,"x").concat(a)})(t.manualCrop)),t.fitIn&&a.push("fit-in"),i.push(null!==(r=t.horizontalAlign)&&void 0!==r?r:"center"),i.push(null!==(n=t.verticalAlign)&&void 0!==n?n:"middle"),t.smart&&i.push("smart");var{filters:o}=t;return o&&i.push(function(e){var t=["filters"];return Object.keys(e).forEach((r=>{var n,a=e[r];n=Array.isArray(a)?a.join(","):!0===a?"":String(a),t.push("".concat(r,"(").concat(n,")"))})),t.join(":")}(o)),i.push(encodeURIComponent(e)),(e,r)=>{var n="";return t.flipHorizontal&&(n+="-"),n+="".concat(e,"x"),t.flipVertical&&(n+="-"),n+="".concat(r),[...a,n,...i].join("/")}},u=["src","width","height","options"];function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var p=[1,2,3],m=p[p.length-1],h=e=>{var{src:t,width:r,height:o,options:s={}}=e,c=(0,a.Z)(e,u),{srcSet:l,src:h}=(0,i.useMemo)((()=>{var e=d(t,s),n=p.map((t=>{var n=r*t;return"".concat(e(n,o*t)," ").concat(n,"w")}));return{src:e(r*m,o*m),srcSet:n.join(", ")}}),[o,s,t,r]);return function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({src:h,srcSet:l,width:"".concat(r,"px"),height:"".concat(o,"px")},c)},b=r(2322),g=["src","width","height","quality"];function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function j(e){var{src:t,width:r,height:n,quality:i}=e,o=(0,a.Z)(e,g),{src:c,alt:l}=h(y({src:String(t),width:Number(r),height:Number(n),options:i?{filters:{quality:i}}:void 0},o));return(0,b.jsx)(s(),y({"data-fs-image":!0,unoptimized:!0,src:c,width:r,height:n,alt:l},o))}j.displayName="Image";var O=(0,i.memo)(j)},8459:function(e,t,r){"use strict";r.d(t,{K:function(){return a},g:function(){return n}});var n=12,a=5},7410:function(e,t){"use strict";t.Z={}},6032:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return Xe},default:function(){return Je}});var n=r(9499),a=r(5351),i=r(701),o=r(6166),s=r(383),c=r(8879),l=r(4540),d=r.n(l),u=r(2322);var f=function(){return(0,u.jsx)(c.Z,{className:"layout__content",children:(0,u.jsxs)("div",{className:d().fsBannerNewsletter,children:[(0,u.jsx)(o.Z,{title:"Get to Know Our Next Release",caption:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam elit nisi, vehicula in turpis sit amet, posuere aliquam nisl. ",actionLabel:"Shop Now",actionPath:"/",variant:"secondary",colorVariant:"light"}),(0,u.jsx)(s.Z,{title:"Get News and Special Offers!",description:"Receive our news and promotions in advance. Enjoy and get 10% off your first purchase. For more information click here.",card:!0})]})})},p=r(2784),m=r(7304),h=e=>{var{items:t,title:r,context:n,kind:a}=e,i=(0,p.useMemo)((()=>[{key:a,value:n.isVariantOf.productGroupID}]),[a,n.isVariantOf.productGroupID]);return(0,u.jsx)(m.Z,{first:t,title:r,selectedFacets:i})},b=r(8460),g=r(7549),v=r(123),y=r(7578),j=r(5045);var O=function({testId:e="fs-buy-button",icon:t,children:r,...n}){return p.createElement(y.Z,{"data-fs-buy-button":!0,icon:p.createElement(j.Z,{name:"ShoppingCart"}),iconPosition:"left","data-testid":e,...n},r)},w=r(783);var x=(0,p.forwardRef)((function({title:e,label:t,refTag:r="Ref.: ",refNumber:n,testId:a="fs-product-title",ratingValue:i,...o},s){return p.createElement("header",{ref:s,"data-fs-product-title":!0,"data-testid":a,...o},p.createElement("div",{"data-fs-product-title-header":!0},e,!!t&&t),(n||i)&&p.createElement("p",{"data-fs-product-title-addendum":!0},i&&p.createElement(w.Z,{value:i}),n&&p.createElement(p.Fragment,null,r," ",n)))})),E=r(9875),P=r(395),k=r(8287);var Z=(0,p.forwardRef)((function({testId:e="fs-out-of-stock",title:t,buttonLabel:r="Notify Me",loadingLabel:n="Loading",inputLabel:a,subtitle:i,disabled:o,errorMessage:s,onSubmit:c,...l},d){return p.createElement("form",{"data-fs-out-of-stock":!0,ref:d,"data-testid":e,onSubmit:c,...l},p.createElement("h2",{"data-fs-out-of-stock-title":!0},t),i&&p.createElement("p",{"data-fs-out-of-stock-message":!0},p.createElement(j.Z,{name:"BellRinging",width:16,height:16}),i),p.createElement(k.Z,{id:"out-of-stock-email",name:"out-of-stock-email",label:a,"aria-label":a,error:s,required:!0}),p.createElement(y.Z,{"data-fs-out-of-stock-button":!0,type:"submit",loading:o,loadingLabel:n,disabled:o,variant:"primary",icon:p.createElement(j.Z,{name:"BellRinging"}),iconPosition:"left"},r))})),S=r(5914);var _=function(){var{postalCode:e}=(0,S.kP)(),{0:t,1:r}=(0,p.useState)(!1),{0:n,1:a}=(0,p.useState)(""),{pushToast:i}=(0,P.l)();return(0,u.jsx)(Z,{title:e?"Unavailable in Your Location":"Out of Stock",inputLabel:"Email",subtitle:"Notify me when available",onSubmit:e=>{e.preventDefault(),r(!0);try{setTimeout((()=>r(!1)),2e3),e.currentTarget.reset(),i({title:"Subscribed successfully!",message:"You'll be notified when this product is back to stock.",status:"INFO",icon:(0,u.jsx)(j.Z,{name:"CircleWavyCheck",width:30,height:30})})}catch(t){a(t.message)}},disabled:t,errorMessage:n})},I=r(120),C=r(4730),D=r(7704),R=r(2765);const N=(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)};var L=function({images:e,onSelect:t,ImageComponent:r,currentImageIdx:n,testId:a="fs-image-gallery-selector","aria-label":i="Product Images",navigationButtonLeftAriaLabel:o="Backward slide image selector",navigationButtonRightAriaLabel:s="Forward slide image selector"}){const c=(0,p.useRef)(null),l=!!(d=c.current)&&(d.scrollHeight>d.clientHeight||d.scrollWidth>d.clientWidth);var d;const[u,f]=(0,p.useState)(!0),[m,h]=(0,p.useState)(!0),b=(0,p.useCallback)(((t,r)=>{0===t&&f(r),t===e.length-1&&h(r)}),[e.length]);return p.createElement("section",{"data-fs-image-gallery-selector":!0,"data-testid":a,"aria-label":i,"aria-roledescription":"carousel"},l&&!u&&p.createElement("div",{"data-fs-image-gallery-selector-control":!0},p.createElement(R.Z,{"data-fs-image-gallery-selector-control-button":!0,"aria-label":o,icon:p.createElement(j.Z,{name:"ArrowLeft"}),size:"small",onClick:()=>N(c.current,-400)})),p.createElement("div",{"data-fs-image-gallery-selector-elements":!0,ref:c},e.map(((a,i)=>p.createElement(D.df,{key:i,onChange:e=>b(i,e)},p.createElement(y.Z,{key:i,"aria-label":`${a.alternateName} - Image ${i+1} of ${e.length}`,onClick:()=>t(i),"data-fs-image-gallery-selector-thumbnail":i===n?"selected":"true"},p.createElement(r,{url:a.url??"",loading:0===i?"eager":"lazy",alternateName:a.alternateName??""})))))),l&&!m&&p.createElement("div",{"data-fs-image-gallery-selector-control":!0},p.createElement(R.Z,{"data-fs-image-gallery-selector-control-button":!0,"aria-label":s,icon:p.createElement(j.Z,{name:"ArrowLeft"}),size:"small",onClick:()=>N(c.current,400)})))};const B=(0,p.forwardRef)((function({images:e,children:t,ImageComponent:r,selectedImageIdx:n,setSelectedImageIdx:a,testId:i="fs-image-gallery",...o},s){const c=e.length>1;return p.createElement("section",{ref:s,"data-fs-image-gallery":c?"with-selector":"without-selector","data-testid":i,...o},t,c&&p.createElement(L,{images:e,onSelect:a,currentImageIdx:n,ImageComponent:r}))}));var V=B;var M=({children:e})=>p.createElement(p.Fragment,null,e),z=r(2154),T=r(1163),A=["images"];function q(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function F(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?q(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):q(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var H=e=>{var{url:t,alternateName:r}=e;return(0,u.jsx)(z.E,{src:t,alt:r,sizes:"(max-width: 72px) 25vw, 30vw",width:72,height:72})},G=e=>{var t,{images:r}=e,n=(0,C.Z)(e,A),{0:a,1:i}=(0,p.useState)(0),o=null!==(t=r[a])&&void 0!==t?t:r[0],s=(0,T.useRouter)().asPath;return(0,p.useEffect)((()=>i(0)),[s]),(0,u.jsx)(V,F(F({images:r,ImageComponent:H,selectedImageIdx:a,setSelectedImageIdx:i},n),{},{children:(0,u.jsx)(M,{children:(0,u.jsx)(z.E,{src:o.url,alt:o.alternateName,sizes:"(max-width: 804px) 25vw, 30vw",width:804,height:603,loading:"eager",priority:!0})})}))},W=r(29),$=r(7865);var U=(0,p.forwardRef)((function({children:e,variant:t="colored",testId:r="fs-table",...n},a){return p.createElement("div",{"data-fs-table":!0},p.createElement("table",{ref:a,"data-fs-table-content":!0,"data-fs-table-variant":t,"data-testid":r,...n},e))}));var Y=(0,p.forwardRef)((function({children:e,testId:t="fs-table-body",...r},n){return p.createElement("tbody",{ref:n,"data-testid":t,"data-fs-table-body":!0,...r},e)}));var K=(0,p.forwardRef)((function({children:e,testId:t="fs-table-row",...r},n){return p.createElement("tr",{ref:n,"data-fs-table-row":!0,"data-testid":t,...r},e)}));var Q=(0,p.forwardRef)((function({scope:e,align:t,children:r,variant:n="data",testId:a="fs-table-cell",...i},o){const s="header"===n?"th":"td";return p.createElement(s,{ref:o,"data-fs-table-cell":n,"data-fs-table-cell-align":t,"data-testid":a,scope:e,...i},r)}));var X=function({testId:e="fs-shipping-simulation",formatter:t,title:r="Shipping",inputLabel:n="Postal Code",optionsLabel:a="Shipping options",idkPostalCodeLinkProps:i,onInput:o,onSubmit:s,onClear:c,location:l,options:d=[],displayClearButton:u=!1,errorMessage:f,postalCode:m,...h}){const b=!!d&&d.length>0;return p.createElement("section",{"data-fs-shipping-simulation":!0,"data-fs-shipping-simulation-empty":b?"false":"true","data-testid":e,...h},p.createElement("h2",{"data-fs-shipping-simulation-title":!0},r),p.createElement(k.Z,{actionable:!0,error:f,id:`${e}-input-field`,label:n,value:m,onInput:e=>o?.(e),onSubmit:()=>s?.(),onClear:()=>c?.(),displayClearButton:u}),p.createElement($.Z,{href:"/","data-fs-shipping-simulation-link":!0,size:"small",...i},i?.children??p.createElement(p.Fragment,null,"I don't know my Postal Code",p.createElement(j.Z,{name:"ArrowSquareOut",width:20,height:20}))),b&&p.createElement(p.Fragment,null,p.createElement("header",{"data-fs-shipping-simulation-header":!0},p.createElement("h3",{"data-fs-shipping-simulation-subtitle":!0},a),p.createElement("p",{"data-fs-shipping-simulation-location":!0},l)),p.createElement(U,null,p.createElement(Y,null,d.map((e=>p.createElement(K,{key:e.carrier},p.createElement(Q,{align:"left"},e.carrier),p.createElement(Q,null,e.localizedEstimates),p.createElement(Q,{align:"right"},e.price&&p.createElement(g.Z,{formatter:t,value:e.price,SRText:"price"})))))))))},J=r(180),ee=function(){var e=(0,W.Z)((function*(e){var{items:t,postalCode:r,country:n}=e;return(yield(0,J.W)("ShippingSimulationQuery",{items:t,postalCode:r,country:n})).shipping}));return function(t){return e.apply(this,arguments)}}();function te(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function re(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?te(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):te(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var ne=()=>({input:{postalCode:"",displayClearButton:!1,errorMessage:""},shippingSimulation:{location:"",options:[]}}),ae=(e,t)=>{var{type:r}=t;switch(r){case"clear":return{input:{postalCode:"",displayClearButton:!1,errorMessage:""},shippingSimulation:{location:"",options:[]}};case"update":var{payload:n}=t;return{input:re(re({},e.input),n.input),shippingSimulation:re(re({},e.shippingSimulation),n.shippingSimulation)};case"onInput":var{payload:a}=t;return re(re({},e),{},{input:re({},a)});case"onError":var{payload:i}=t;return re(re({},e),{},{input:re(re({},e.input),i)});default:throw new Error("Action ".concat(r," not implemented"))}},ie=(e,t,r,n)=>{var{0:{input:a,shippingSimulation:i},1:o}=(0,p.useReducer)(ae,null,ne),{postalCode:s}=a;return(0,p.useEffect)((()=>{function a(){return(a=(0,W.Z)((function*(){var[a,i]=yield t(e,n,null!==r&&void 0!==r?r:"");o({type:"update",payload:{input:{postalCode:null!==r&&void 0!==r?r:"",displayClearButton:!0,errorMessage:""},shippingSimulation:{location:a,options:i}}})}))).apply(this,arguments)}r&&!s&&function(){a.apply(this,arguments)}()}),[n,t,r,e,s]),{input:a,shippingSimulation:i,handleOnClear:()=>{o({type:"clear"})},handleSubmit:(0,p.useCallback)((0,W.Z)((function*(){try{var[r,a]=yield t(e,n,null!==s&&void 0!==s?s:"");o({type:"update",payload:{input:{displayClearButton:!0,errorMessage:""},shippingSimulation:{location:r,options:a}}})}catch(i){o({type:"onError",payload:{displayClearButton:!0,errorMessage:"You entered an invalid Postal Code"}})}})),[n,t,e,s]),handleOnInput:(0,p.useCallback)((e=>{var t=e.currentTarget.value;o(t?{type:"onInput",payload:{postalCode:t,displayClearButton:!1,errorMessage:""}}:{type:"clear"})}),[])}},oe=["productShippingInfo","formatter"];function se(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var ce=function(){var e=(0,W.Z)((function*(e,t,r){var n,a,i,o,s,c,l=yield ee({country:t,postalCode:r,items:[e]});return[null!==(n=[null===l||void 0===l||null===(a=l.address)||void 0===a?void 0:a.neighborhood,null===l||void 0===l||null===(i=l.address)||void 0===i?void 0:i.city].filter(Boolean).join(" / "))&&void 0!==n?n:"",null!==(o=null===l||void 0===l||null===(s=l.logisticsInfo)||void 0===s||null===(c=s[0])||void 0===c?void 0:c.slas)&&void 0!==o?o:[]]}));return function(t,r,n){return e.apply(this,arguments)}}();function le(e){var{productShippingInfo:t,formatter:r}=e,a=(0,C.Z)(e,oe),{country:i,postalCode:o}=(0,S.kP)(),{input:s,shippingSimulation:c,handleSubmit:l,handleOnInput:d,handleOnClear:f}=ie(t,ce,o,i),{postalCode:p,displayClearButton:m,errorMessage:h}=s,{location:b,options:g}=c;return(0,u.jsx)(X,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?se(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):se(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({formatter:r,onInput:d,onSubmit:l,onClear:f,location:b,options:g,displayClearButton:m,errorMessage:h,postalCode:p},a))}var de=r(7216),ue=r(2691);const fe=e=>new URL(e).pathname.split("/").slice(-1)[0];const pe=(e,t,r,n)=>({getItemHref:(0,p.useCallback)((a=>{if(n)return{getItemHrefProp:n};const i=`/${function(e,t,r){const n=Object.entries(t).flat().join("-");if(n in e)return e[n];const a=Object.keys(e);return e[a.find((e=>e.includes(`${r}-${t[r]}`)))??a[0]]}(t,{...e,[r]:a.value},r)}/p`;return i}),[e,n,t,r])}),me=({src:e,alt:t,...r})=>p.createElement("img",{src:e,alt:t,...r}),he=(0,p.forwardRef)((function({availableVariations:e,skuPropertyName:t,testId:r,activeVariations:n,linkProps:a,slugsMap:i,getItemHref:o,ImageComponent:s=me,variant:c,...l},d){const u=n[t],f=e[t],m=((e,t)=>(0,p.useMemo)((()=>{if(t)return t;if(e.every((e=>e.hexColor)))return"color";const r=e[0]?.src&&fe(e[0].src);return e.every((e=>!e.src||fe(e.src)===r))?"label":"image"}),[e,t]))(f,c),{getItemHref:h}=pe(n,i,t,o);return p.createElement("div",{ref:d,"data-fs-sku-selector":!0,"data-testid":r,"data-fs-sku-selector-variant":m,...l},t&&p.createElement(de.Z,{"data-fs-sku-selector-title":!0},t,": ",p.createElement("strong",null,u)),p.createElement("ul",{"data-fs-sku-selector-list":!0},f.map(((e,r)=>p.createElement("li",{key:String(r),title:e.label,"data-fs-sku-selector-option":!0,"data-fs-sku-selector-disabled":e.disabled,"data-fs-sku-selector-checked":e.value===n[t]},p.createElement($.Z,{"data-fs-sku-selector-option-link":!0,href:h(e),...a},p.createElement(ue.Z,{text:e.label})),"label"===m&&p.createElement("span",null,e.value),"image"===m&&s&&p.createElement("span",null,p.createElement(s,{src:e.src??"",alt:e.alt??"","data-fs-sku-selector-option-image":!0})),"color"===m&&p.createElement("span",null,p.createElement("div",{"data-fs-sku-selector-option-color":!0,title:e.value,style:{"--data-fs-sku-selector-option-color-bkg-color":e.hexColor}})))))))}));var be=he,ge=r(1664),ve=r.n(ge),ye=["src","alt"],je=["slugsMap","activeVariations","availableVariations"];function Oe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function we(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Oe(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Oe(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var xe=e=>{var{src:t,alt:r}=e,n=(0,C.Z)(e,ye);return(0,u.jsx)(z.E,we({src:t,alt:r,width:20,height:20,loading:"lazy"},n))};var Ee=function(e){var{slugsMap:t,activeVariations:r,availableVariations:n}=e,a=(0,C.Z)(e,je);return(0,u.jsx)("section",we(we({},a),{},{children:n&&Object.keys(n).map((e=>(0,u.jsx)(be,{skuPropertyName:e,availableVariations:n,ImageComponent:xe,activeVariations:r,slugsMap:t,linkProps:{as:ve(),legacyBehavior:!1}},e)))}))},Pe=r(8776),ke=r(5346),Ze=r(7732),Se=r(9739),_e=r(997),Ie=r(7743),Ce=r(331),De=r(1329);function Re(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ne(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Re(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Re(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var Le={first:[0],all:[0,1,2,3],none:[]},Be={description:"Description",about:"About this product",highlights:"Product highlights",learnMore:"Learn More"};var Ve=function(e){var{initiallyExpanded:t="first",labels:r={}}=e,{0:n,1:a}=(0,p.useState)(new Set(Le[t])),i=Ne(Ne({},Be),r);return(0,u.jsx)(c.Z,{"data-fs-product-details-content":!0,children:(0,u.jsxs)(Se.Z,{indices:n,onChange:e=>{a((t=>{var r=new Set(t);return t.has(e)?r.delete(e):r.add(e),r}))},"aria-label":"Product Details Content",children:[(0,u.jsxs)(_e.Z,{as:"article",index:0,"data-fs-product-details-description":!0,prefixId:"product-details-content",children:[(0,u.jsx)(Ie.Z,{children:i.description}),(0,u.jsx)(Ce.Z,{children:(0,u.jsx)("p",{className:"text__body",children:"Sony WH-1000XM4 Wireless Industry Leading Noise Canceling Overhead Headphones with Mic for Phone-Call and Alexa Voice Control, Black."})})]}),(0,u.jsxs)(_e.Z,{as:"article",index:1,"data-fs-product-details-about":!0,prefixId:"product-details-content",children:[(0,u.jsx)(Ie.Z,{children:i.about}),(0,u.jsx)(Ce.Z,{children:(0,u.jsx)(U,{cellPadding:0,cellSpacing:0,className:"text__title-mini-alt",children:(0,u.jsxs)(Y,{children:[(0,u.jsxs)(K,{children:[(0,u.jsxs)(Q,{variant:"header",align:"left",children:[(0,u.jsx)(j.Z,{"data-fs-accordion-item-button-icon":!0,name:"Ruler",width:18,height:18}),(0,u.jsx)("span",{children:"Width"})]}),(0,u.jsx)(Q,{align:"right",children:"1.50m"})]}),(0,u.jsxs)(K,{children:[(0,u.jsxs)(Q,{variant:"header",align:"left",children:[(0,u.jsx)(j.Z,{"data-fs-accordion-item-button-icon":!0,name:"Ruler",width:18,height:18}),"Height"]}),(0,u.jsx)(Q,{align:"right",children:"1.50m"})]}),(0,u.jsxs)(K,{children:[(0,u.jsxs)(Q,{variant:"header",align:"left",children:[(0,u.jsx)(j.Z,{"data-fs-accordion-item-button-icon":!0,name:"Ruler",width:18,height:18}),"Dimensions"]}),(0,u.jsx)(Q,{align:"right",children:"7.27 x 3.03 x 9.94 inches"})]}),(0,u.jsxs)(K,{children:[(0,u.jsxs)(Q,{variant:"header",align:"left",children:[(0,u.jsx)(j.Z,{"data-fs-accordion-item-button-icon":!0,name:"Bag",width:18,height:18}),"Weight"]}),(0,u.jsx)(Q,{align:"right",children:"12oz"})]}),(0,u.jsxs)(K,{children:[(0,u.jsxs)(Q,{variant:"header",align:"left",children:[(0,u.jsx)(j.Z,{"data-fs-accordion-item-button-icon":!0,name:"RocketLaunch",width:18,height:18}),"Days to ship"]}),(0,u.jsx)(Q,{align:"right",children:"11 Days"})]}),(0,u.jsxs)(K,{children:[(0,u.jsxs)(Q,{variant:"header",align:"left",children:[(0,u.jsx)(j.Z,{"data-fs-accordion-item-button-icon":!0,name:"CircleWavyCheck",width:18,height:18}),"Estimated"]}),(0,u.jsx)(Q,{align:"right",children:"Nov 10th"})]})]})})})]}),(0,u.jsxs)(_e.Z,{as:"article",className:"text__body",index:2,"data-fs-product-details-highlights":!0,prefixId:"product-details-content",children:[(0,u.jsx)(Ie.Z,{children:i.highlights}),(0,u.jsx)(Ce.Z,{children:(0,u.jsxs)(De.Z,{marker:!0,children:[(0,u.jsx)("li",{children:"Industry-leading noise canceling with Dual Noise Sensor technology"}),(0,u.jsx)("li",{children:"Next-level music with Edge-AI, co-developed with Sony Music Studios Tokyo"}),(0,u.jsx)("li",{children:"Up to 30-hour battery life with quick charging (10 min charge for 5 hours of playback)"}),(0,u.jsx)("li",{children:"Touch Sensor controls to pause play skip tracks, control volume, activate your voice assistant, and answer phone calls"}),(0,u.jsx)("li",{children:"Speak-to-chat technology automatically reduces volume during conversations"}),(0,u.jsx)("li",{children:"Superior call quality with precise voice pickup"}),(0,u.jsx)("li",{children:"Wearing detection pauses playback when headphones are removed"}),(0,u.jsx)("li",{children:"Seamless multiple-device pairing"}),(0,u.jsx)("li",{children:"Adaptive Sound Control provides a personalized listening experience"}),(0,u.jsx)("li",{children:"Updated design relieves pressure for long-lasting comfort"})]})})]}),(0,u.jsxs)(_e.Z,{as:"article",index:3,"data-fs-product-details-learn-more":!0,prefixId:"product-details-content",children:[(0,u.jsx)(Ie.Z,{children:i.learnMore}),(0,u.jsx)(Ce.Z,{children:(0,u.jsx)("p",{className:"text__body",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laboru."})})]})]})})},Me=r(3250),ze=r.n(Me);function Te(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ae(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Te(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Te(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function qe(){return(0,u.jsxs)("svg",{role:"img",width:"100%",height:"48","aria-labelledby":"loading-aria",viewBox:"0 0 112 48",preserveAspectRatio:"none",children:[(0,u.jsx)("title",{id:"loading-aria",children:"Loading..."}),(0,u.jsx)("rect",{x:"0",y:"0",width:"100%",height:"100%",clipPath:"url(#clip-path)",style:{fill:'url("#fill")'}}),(0,u.jsxs)("defs",{children:[(0,u.jsx)("clipPath",{id:"clip-path",children:(0,u.jsx)("rect",{x:"0",y:"0",rx:"2",ry:"2",width:"112",height:"48"})}),(0,u.jsxs)("linearGradient",{id:"fill",children:[(0,u.jsx)("stop",{offset:"0.599964",stopColor:"#f3f3f3",stopOpacity:"1",children:(0,u.jsx)("animate",{attributeName:"offset",values:"-2; -2; 1",keyTimes:"0; 0.25; 1",dur:"2s",repeatCount:"indefinite"})}),(0,u.jsx)("stop",{offset:"1.59996",stopColor:"#ecebeb",stopOpacity:"1",children:(0,u.jsx)("animate",{attributeName:"offset",values:"-1; -1; 2",keyTimes:"0; 0.25; 1",dur:"2s",repeatCount:"indefinite"})}),(0,u.jsx)("stop",{offset:"2.59996",stopColor:"#f3f3f3",stopOpacity:"1",children:(0,u.jsx)("animate",{attributeName:"offset",values:"0; 0; 3",keyTimes:"0; 0.25; 1",dur:"2s",repeatCount:"indefinite"})})]})]})]})}var Fe=function(e){var{context:t}=e,{currency:r}=(0,S.kP)(),{0:n,1:a}=(0,p.useState)(1),{data:i,isValidating:o}=((e,t)=>{var{channel:r,locale:n}=(0,S.kP)(),a=(0,p.useMemo)((()=>{if(!r)throw new Error("useProduct: 'channel' from session is an empty string.");return{locator:[{key:"id",value:e},{key:"channel",value:r},{key:"locale",value:n}]}}),[r,n,e]);return(0,Ze.aM)("BrowserProductQuery",a,{fallbackData:t,revalidateOnMount:!0})})(t.id,{product:t});if(!i)throw new Error("NotFound");var{product:{id:s,sku:l,gtin:d,name:f,brand:m,isVariantOf:h,isVariantOf:{name:y,productGroupID:j,skuVariants:w},image:k,offers:{offers:[{availability:Z,price:C,listPrice:D,seller:R}],lowPrice:N},breadcrumbList:L,additionalProperty:B}}=i,V="https://schema.org/InStock"!==Z,M=(e=>{var{openCart:t}=(0,P.l)(),{currency:{code:r}}=(0,S.kP)();return{onClick:(0,p.useCallback)((n=>{n.preventDefault(),e&&((0,b._)({name:"add_to_cart",params:{currency:r,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:r,item_variant_name:e.itemOffered.name,product_reference_id:e.itemOffered.gtin}]}}),Pe.i8.addItem(e),t())}),[r,e,t]),"data-testid":"buy-button","data-sku":null===e||void 0===e?void 0:e.itemOffered.sku,"data-seller":null===e||void 0===e?void 0:e.seller.identifier}})({id:s,price:C,listPrice:D,seller:R,quantity:n,itemOffered:{sku:l,name:f,gtin:d,image:k,brand:m,isVariantOf:h,additionalProperty:B}}),z=()=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("section",{"data-fs-product-details-values":!0,children:[(0,u.jsxs)("div",{"data-fs-product-details-prices":!0,children:[(0,u.jsx)(g.Z,{value:D,formatter:ke.P,testId:"list-price","data-value":D,variant:"listing",SRText:"Original price:"}),(0,u.jsx)(g.Z,{value:N,formatter:ke.P,testId:"price","data-value":N,variant:"spot",className:"text__lead",SRText:"Sale Price:"})]}),(0,u.jsx)(v.Z,{min:1,max:10,onChange:a})]}),w&&(0,u.jsx)(Ee,{slugsMap:w.slugsMap,availableVariations:w.availableVariations,activeVariations:w.activeVariations,"data-fs-product-details-selectors":!0}),o?(0,u.jsx)(qe,{}):(0,u.jsx)(O,Ae(Ae({disabled:V},M),{},{children:"Add to Cart"}))]});return(0,p.useEffect)((()=>{(0,b._)({name:"view_item",params:{currency:r.code,value:C,items:[{item_id:h.productGroupID,item_name:h.name,item_brand:m.name,item_variant:l,price:C,discount:D-C,currency:r.code,item_variant_name:f,product_reference_id:d}]}})}),[h.productGroupID,h.name,m.name,l,C,D,r.code,f,d]),(0,u.jsxs)(c.Z,{className:"".concat(ze().fsProductDetails," layout__content layout__section"),children:[(0,u.jsx)(I.Z,{breadcrumbList:L.itemListElement}),(0,u.jsxs)("section",{"data-fs-product-details-body":!0,children:[(0,u.jsx)("header",{"data-fs-product-details-title":!0,"data-fs-product-details-section":!0,children:(0,u.jsx)(x,{title:(0,u.jsx)("h1",{children:y}),label:(0,u.jsx)(E.Z,{listPrice:D,spotPrice:N,size:"big"}),refNumber:j})}),(0,u.jsx)(G,{"data-fs-product-details-gallery":!0,images:k}),(0,u.jsxs)("section",{"data-fs-product-details-info":!0,children:[(0,u.jsx)("section",{"data-fs-product-details-settings":!0,"data-fs-product-details-section":!0,children:Z?(0,u.jsx)(z,{}):(0,u.jsx)(_,{})}),Z&&(0,u.jsx)(le,{"data-fs-product-details-section":!0,"data-fs-product-details-shipping":!0,productShippingInfo:{id:s,quantity:n,seller:R.identifier},formatter:ke.P})]}),(0,u.jsx)(Ve,{})]})]})},He=r(7410),Ge=r(2541),We=r(7183),$e=r.n(We);function Ue(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ye(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Ue(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ue(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var Ke=Ye({ProductDetails:Fe,BannerNewsletter:f,CrossSellingShelf:h},He.Z);function Qe(e){var t,r,{product:n,sections:o}=e,{currency:s}=(0,S.kP)(),{seo:c}=n,l=c.title||$e().seo.title,d=c.description||$e().seo.description,f="".concat($e().storeUrl).concat(c.canonical);return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(a.PB,{title:l,description:d,canonical:f,openGraph:{type:"og:product",url:f,title:l,description:d,images:n.image.map((e=>({url:e.url,alt:e.alternateName})))},additionalMetaTags:[{property:"product:price:amount",content:null!==(t=null===(r=n.offers.lowPrice)||void 0===r?void 0:r.toString())&&void 0!==t?t:void 0},{property:"product:price:currency",content:s.code}]}),(0,u.jsx)(a.gR,{itemListElements:n.breadcrumbList.itemListElement}),(0,u.jsx)(a.Qb,{productName:n.name,description:n.description,brand:n.brand.name,sku:n.sku,gtin:n.gtin,releaseDate:n.releaseDate,images:n.image.map((e=>e.url)),offersType:"AggregateOffer",offers:Ye(Ye(Ye({},n.offers),n.offers.offers[0]),{},{url:f})}),(0,u.jsx)(i.Z,{context:n,sections:o,components:Ke})]})}Qe.displayName="Page";var Xe=!0,Je=(0,Ge.B)(Qe)},5184:function(e,t,r){"use strict";r.d(t,{m:function(){return o}});var n=r(8460),a=r(2784),i=r(5914),o=e=>{var{products:t,title:r,page:o,pageSize:s}=e,{currency:{code:c}}=(0,i.kP)();return{sendViewItemListEvent:(0,a.useCallback)((()=>{(0,n._)({name:"view_item_list",params:{item_list_name:r,item_list_id:r,items:t.map(((e,t)=>{var{node:r}=e;return{item_id:r.isVariantOf.productGroupID,item_name:r.isVariantOf.name,item_brand:r.brand.name,item_variant:r.sku,price:r.offers.offers[0].price,index:o*s+t+1,discount:r.offers.offers[0].listPrice-r.offers.offers[0].price,currency:c,item_variant_name:r.name,product_reference_id:r.gtin}}))}})}),[c,t,r,o,s])}}},5346:function(e,t,r){"use strict";r.d(t,{P:function(){return i}});var n=r(2784),a=r(5914),i=e=>{var t=function(){var{decimals:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{currency:t,locale:r}=(0,a.kP)();return(0,n.useCallback)((n=>Intl.NumberFormat(r,{style:"currency",currency:t.code,minimumFractionDigits:e?2:0}).format(n)),[t.code,r,e])}();return(0,n.useMemo)((()=>t(e)),[t,e])}},9854:function(e,t,r){"use strict";r.d(t,{w:function(){return o}});var n=r(8460),a=r(2784),i=r(5914),o=e=>{var{index:t,product:r,selectedOffer:o}=e,{slug:s}=r,{currency:{code:c}}=(0,i.kP)(),l=(0,a.useCallback)((()=>{(0,n._)({name:"select_item",params:{items:[{item_id:r.isVariantOf.productGroupID,item_name:r.isVariantOf.name,item_brand:r.brand.name,item_variant:r.sku,index:t,price:r.offers.offers[o].price,discount:r.offers.offers[o].listPrice-r.offers.offers[o].price,currency:c,item_variant_name:r.name,product_reference_id:r.gtin}]}}),(0,n._)({name:"search_select_item",params:{url:window.location.href,items:[{item_id:r.isVariantOf.productGroupID,item_variant:r.sku,index:t}]}})}),[c,r,t,o]);return{href:"/".concat(s,"/p"),onClick:l,"data-testid":"product-link"}}},737:function(e,t,r){"use strict";r.d(t,{yb:function(){return h},kN:function(){return b},BG:function(){return g}});var n=r(9499),a=r(2784),i=r(9857),o=r(8459),s=r(4730),c=r(180),l=r(7732),d=["cache"],u=r(5914);function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m="ProductsQuery",h=e=>{var{first:t,after:r,sort:n,term:i,selectedFacets:s}=e,{channel:c,locale:l}=(0,u.kP)();return(0,a.useMemo)((()=>{var e,a=(e=s,Array.isArray(e)?e:e?[e]:[]);return{first:null!==t&&void 0!==t?t:o.K,after:null!==r&&void 0!==r?r:"0",sort:null!==n&&void 0!==n?n:"score_desc",term:null!==i&&void 0!==i?i:"",selectedFacets:[...a,{key:"channel",value:null!==c&&void 0!==c?c:""},{key:"locale",value:l}]}}),[s,t,r,n,i,c,l])},b=(e,t)=>{var r,n=h(e),{data:a}=(0,l.aM)(m,n,p({fallbackData:null,suspense:!0},t));return null===a||void 0===a||null===(r=a.search)||void 0===r?void 0:r.products},g=(e,t)=>{var r=h(e),{cache:n}=(0,i.kY)();return(0,a.useCallback)((()=>((e,t,r)=>{var{cache:n}=r,a=(0,s.Z)(r,d),o=(0,l.km)(e,t);n.get(o)||(0,i.JG)(o,(0,c.W)(e,t,a))})(m,r,p({cache:n},t))),[r,n,t])}},6258:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[slug]/p",function(){return r(6032)}])},4540:function(e){e.exports={"fs-banner-newsletter":"banner-newsletter_fs-banner-newsletter__45gCy",fsBannerNewsletter:"banner-newsletter_fs-banner-newsletter__45gCy"}},84:function(e){e.exports={"fs-newsletter":"newsletter_fs-newsletter__W9mZZ",fsNewsletter:"newsletter_fs-newsletter__W9mZZ"}},3250:function(e){e.exports={"fs-product-details":"product-details_fs-product-details__KhD0C",fsProductDetails:"product-details_fs-product-details__KhD0C"}},5585:function(e){e.exports={"fs-product-shelf":"product-shelf_fs-product-shelf__65g4z",fsProductShelf:"product-shelf_fs-product-shelf__65g4z"}},1237:function(e){e.exports={"fs-product-card-skeleton":"product-card-skeleton_fs-product-card-skeleton__fPdHb",fsProductCardSkeleton:"product-card-skeleton_fs-product-card-skeleton__fPdHb"}},9117:function(e){e.exports={"fs-banner-text":"banner-text_fs-banner-text__EVEEc",fsBannerText:"banner-text_fs-banner-text__EVEEc"}}},function(e){e.O(0,[351,781,774,888,179],(function(){return t=6258,e(e.s=t);var t}));var t=e.O();_N_E=t}]);

package/.next/static/chunks/pages/index-dd59532b397d7f2a.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{7216:function(e,t,r){"use strict";var n=r(2784);const a=(0,n.forwardRef)((function({testId:e="fs-label",children:t,...r},a){return n.createElement("label",{ref:a,"data-fs-label":!0,"data-testid":e,...r},t)}));t.Z=a},7549:function(e,t,r){"use strict";var n=r(2784),a=r(2691);const i=(0,n.forwardRef)((function({value:e,as:t="span",variant:r="selling",testId:i="fs-price",formatter:o=(e=>e),SRText:c,...s},l){const d=o(e,r);return n.createElement(t,{ref:l,"data-fs-price":!0,"data-fs-price-variant":r,"data-testid":i,...s},c&&n.createElement(a.Z,{text:c}),d)}));t.Z=i},2928:function(e,t,r){"use strict";var n=r(2784);const a=(0,n.forwardRef)((function({testId:e="fs-skeleton",loading:t=!0,shimmer:r=!0,children:a,size:i,border:o,borderRadius:c,...s},l){const d={width:i.width,height:i.height};return t?n.createElement("div",{ref:l,"data-fs-skeleton":!0,"data-testid":e,"data-fs-skeleton-border":o||null,style:c?{...d,borderRadius:c}:d,...s},r&&n.createElement("div",{"data-fs-skeleton-shimmer":!0})):n.createElement(n.Fragment,null,a)}));t.Z=a},9875:function(e,t,r){"use strict";r.d(t,{Z:function(){return i}});var n=r(2784),a=r(44);var i=({listPrice:e,spotPrice:t,thresholdLow:r=15,thresholdHigh:i=40,size:o,testId:c="fs-discount-badge"})=>{const s=((e,t)=>(0,n.useMemo)((()=>{const r=100*(e-t)/e;return Math.round(r)}),[t,e]))(e,t);if(0===s)return n.createElement(n.Fragment,null);const l=s<=r?"low":s<=i?"medium":"high";return n.createElement(a.Z,{"data-fs-discount-badge":!0,"data-fs-discount-badge-variant":l,size:o,"data-testid":c},s,"% off")}},8287:function(e,t,r){"use strict";var n=r(2784),a=r(875),i=r(7216),o=r(2765),c=r(5045),s=r(7578);t.Z=({id:e,label:t,type:r="text",error:l,displayClearButton:d,actionable:u,buttonActionText:f="Apply",onSubmit:p,onClear:h,placeholder:m=" ",inputRef:v,disabled:b,value:g,testId:j="fs-input-field",...y})=>{const O=!b&&l&&""!==l,w=u&&!b&&""!==g;return n.createElement("div",{"data-fs-input-field":!0,"data-fs-input-field-actionable":u,"data-fs-input-field-error":l&&""!==l,"data-testid":j},n.createElement(a.Z,{id:e,type:r,value:g,ref:v,disabled:b,placeholder:m,...y}),n.createElement(i.Z,{htmlFor:e},t),w&&(d||l?n.createElement(o.Z,{"data-fs-button-size":"small","aria-label":"Clear Field",icon:n.createElement(c.Z,{name:"XCircle"}),onClick:()=>{h?.(),v?.current?.focus()}}):n.createElement(s.Z,{variant:"tertiary",size:"small",onClick:p},f)),O&&n.createElement("span",{"data-fs-input-field-error-message":!0},l))}},783:function(e,t,r){"use strict";var n=r(2784),a=r(5045),i=r(2765),o=r(1329);const c=(0,n.forwardRef)((function({children:e,testId:t="fs-rating",length:r=5,value:c=0,icon:s,onChange:l,...d},u){const[f,p]=(0,n.useState)(0),h={"data-fs-rating-icon-outline":!0},m=n.isValidElement(s)?s:n.createElement(a.Z,{name:"Star"});return n.createElement(o.Z,{ref:u,"data-fs-rating":!0,"data-fs-rating-actionable":"function"===typeof l,"data-testid":t,...d},Array.from({length:r}).map(((e,r)=>{const o=r+1;return n.createElement("li",{key:`rating-${r}`,"data-fs-rating-item":o<=(f||c)?"full":o-c>0&&o-c<1?"partial":"empty","data-testid":`${t}-item`},l?n.createElement(i.Z,{"data-fs-rating-button":!0,icon:m,size:"small","aria-label":"rate",onClick:()=>{l(o)},onMouseEnter:()=>p(o),onMouseLeave:()=>p(c)}):n.createElement(n.Fragment,null,n.createElement("div",{"data-fs-rating-icon-wrapper":!0},m),n.isValidElement(s)?n.cloneElement(s,h):n.createElement(a.Z,{name:"Star","data-fs-rating-icon-outline":!0})))})))}));t.Z=c},701:function(e,t,r){"use strict";r.d(t,{Z:function(){return u}});var n=r(9499),a=r(5858),i=r(2784);class o extends i.Component{constructor(){super(...arguments),(0,n.Z)(this,"state",{hasError:!1,error:null})}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){console.error("Error while rendering section ".concat(this.props.name," with:\n").concat(e.message," ").concat(t.componentStack))}render(){return this.state.hasError?null:this.props.children}}var c=o,s=r(2322);function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var u=e=>{var{sections:t=[],context:r,components:n}=e;return(0,s.jsx)(s.Fragment,{children:t.map(((e,t)=>{var{name:i,data:o}=e,l=n[i];return l?(0,s.jsx)(c,{name:i,children:(0,s.jsx)(l,d(d({},o),{},{context:r}))},"cms-section-".concat(t)):(console.info("".concat(a.ZP.yellow("warn")," - ").concat(i," not found. Add a new component for this section or remove it from the CMS")),null)}))})}},3432:function(e,t,r){"use strict";r.d(t,{Z:function(){return k}});var n=r(9499),a=r(4730),i=r(2784);var o=(0,i.forwardRef)((function({testId:e="fs-product-card",variant:t="default",bordered:r=!1,outOfStock:n,children:a,...o},c){return i.createElement("article",{ref:c,"data-fs-product-card":n?"out-of-stock":"","data-fs-product-card-variant":t,"data-fs-product-card-bordered":r,"data-testid":e,...o},a)}));var c=(0,i.forwardRef)((function({testId:e="fs-product-card-image",aspectRatio:t=1,children:r,...n},a){return i.createElement("div",{ref:a,"data-fs-product-card-image":!0,"data-testid":e,style:{"--fs-product-card-image-aspect-ratio":t},...n},r)})),s=r(7865),l=r(7549),d=r(783),u=r(5045),f=r(9875),p=r(44),h=r(7578);var m=(0,i.forwardRef)((function({testId:e="fs-product-card-content",title:t,linkProps:r,price:n,outOfStock:a,outOfStockLabel:o="Out of stock",ratingValue:c,showDiscountBadge:m,buttonLabel:v="Add",onButtonClick:b,children:g,...j},y){return i.createElement("section",{ref:y,"data-fs-product-card-content":!0,"data-fs-product-card-badge":m,"data-testid":e,...j},i.createElement("div",{"data-fs-product-card-heading":!0},i.createElement("h3",{"data-fs-product-card-title":!0},i.createElement(s.Z,{...r,title:t},t)),i.createElement("div",{"data-fs-product-card-prices":!0},i.createElement(l.Z,{value:n?.listPrice?n.listPrice:0,formatter:n?.formatter,testId:"list-price","data-value":n?.listPrice,variant:"listing",SRText:"Original price:"}),i.createElement(l.Z,{value:n?.value?n.value:0,formatter:n?.formatter,testId:"price","data-value":n?.value,variant:"spot",SRText:"Sale Price:"})),c&&i.createElement(d.Z,{value:c,icon:i.createElement(u.Z,{name:"Star"})})),m&&!a&&i.createElement(f.Z,{listPrice:n?.listPrice?n.listPrice:0,spotPrice:n?.value?n.value:0}),a&&i.createElement(p.Z,null,o),b&&!a&&i.createElement("div",{"data-fs-product-card-actions":!0},i.createElement(h.Z,{variant:"primary",icon:i.createElement(u.Z,{name:"ShoppingCart"}),iconPosition:"left",size:"small",onClick:b},v)))})),v=r(2154),b=r(5346),g=r(9854),j=r(1664),y=r.n(j),O=r(2322),w=["product","index","bordered","variant","aspectRatio","ratingValue","buttonLabel","onButtonClick","showDiscountBadge"];function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function _(e){var{product:t,index:r,bordered:n=!1,variant:i="default",aspectRatio:s=1,ratingValue:l,buttonLabel:d="Add",onButtonClick:u,showDiscountBadge:f=!0}=e,p=(0,a.Z)(e,w),{sku:h,isVariantOf:{name:j},image:[x],offers:{lowPrice:_,offers:[{listPrice:k,availability:E}]}}=t,Z=P(P({},(0,g.w)({product:t,selectedOffer:0,index:r})),{},{as:y(),passHref:!0,legacyBehavior:!1}),S="https://schema.org/InStock"!==E;return(0,O.jsxs)(o,P(P({outOfStock:S,bordered:n,variant:i,"data-fs-product-card-sku":h},p),{},{children:[(0,O.jsx)(c,{aspectRatio:s,children:(0,O.jsx)(v.E,{src:x.url,alt:x.alternateName,width:360,height:360/s,sizes:"(max-width: 768px) 25vw, 30vw",loading:"lazy"})}),(0,O.jsx)(m,{title:j,price:{value:_,listPrice:k,formatter:b.P},ratingValue:l,outOfStock:S,onButtonClick:u,linkProps:Z,showDiscountBadge:f})]}))}var k=(0,i.memo)(_)},9557:function(e,t,r){"use strict";r.d(t,{Z:function(){return p}});var n=r(2784);const a=(0,n.createContext)(void 0);var i=(0,n.forwardRef)((function({children:e,testId:t="fs-hero",variant:r="primary",colorVariant:i="main",...o},c){const s={variant:r,colorVariant:i};return n.createElement(a.Provider,{value:s},n.createElement("article",{ref:c,"data-fs-hero":!0,"data-fs-hero-variant":r,"data-fs-hero-color-variant":i,"data-testid":t,...o},e))}));var o=(0,n.forwardRef)((function({children:e,testId:t="fs-hero-image",...r},a){return n.createElement("div",{ref:a,"data-fs-hero-image":!0,"data-testid":t,...r},e)})),c=r(7703),s=r(5045);var l=(0,n.forwardRef)((function({icon:e,link:t,title:r,linkText:i,subtitle:o,children:l,testId:d="fs-hero-heading",...u},f){const{variant:p,colorVariant:h}=function(){const e=(0,n.useContext)(a);if(void 0===e)throw new Error("Do not use Hero components outside the Hero context.");return e}(),m=n.isValidElement(e)?n.cloneElement(e,{"data-fs-hero-icon":!0}):e;return n.createElement("header",{ref:f,"data-fs-hero-heading":!0,"data-testid":d,...u},n.createElement("div",{"data-fs-hero-wrapper":!0,className:"layout__content"},n.createElement("div",{"data-fs-hero-info":!0},n.createElement("h1",{"data-fs-hero-title":!0},r),n.createElement("p",{"data-fs-hero-subtitle":!0},o),!!t&&n.createElement(c.Z,{href:t,inverse:"main"===h,icon:n.createElement(s.Z,{name:"ArrowRight"}),iconPosition:"right"},i)),m&&"secondary"===p&&m))})),d=r(2154),u=r(8879),f=r(2322),p=e=>{var{link:t,title:r,subtitle:n,image:a,variant:c="primary",colorVariant:s="main",icon:p}=e;return(0,f.jsx)(u.Z,{children:(0,f.jsxs)(i,{colorVariant:s,variant:c,children:[(0,f.jsx)(o,{"data-fs-hero-image":!0,children:(0,f.jsx)(d.E,{loading:"eager",priority:!0,src:a.src,alt:a.alt,width:360,height:240,sizes:"(max-width: 768px) 70vw, 50vw"})}),(0,f.jsx)(l,{title:r,subtitle:n,link:null===t||void 0===t?void 0:t.url,linkText:null===t||void 0===t?void 0:t.text,icon:p})]})})}},383:function(e,t,r){"use strict";r.d(t,{Z:function(){return x}});var n=r(9499),a=r(4730),i=r(8287),o=r(7578),c=r(2784),s=r(395),l=r(5045),d=r(1093),u=r(29),f=r(9857),p=r(180),h=r(7732),m=(e,t,r)=>{var n=(0,f.ZP)((0,h.km)(e,t),(()=>null),h.WN),a=function(){var t=(0,u.Z)((function*(t){var a=yield(0,p.W)(e,t,r);n.mutate(a,!1)}));return function(e){return t.apply(this,arguments)}}();return[a,n]},v=r(8879),b=r(84),g=r.n(b),j=r(2322),y=["title","description","card","lite"];function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=(0,c.forwardRef)((function(e,t){var{title:r,description:n,card:u=!1,lite:f=!1}=e,p=(0,a.Z)(e,y),{subscribeUser:h,loading:b,data:O}=(()=>{var[e,{data:t,error:r,isValidating:n}]=m("SubscribeToNewsletter",{data:{name:"",email:""}});return{subscribeUser:e,data:t,error:r,loading:n}})(),x=(0,c.useRef)(null),P=(0,c.useRef)(null),{pushToast:_}=(0,s.l)();return(0,j.jsx)(v.Z,{"data-fs-newsletter":u?"card":"",className:"layout__section ".concat(g().fsNewsletter),children:(0,j.jsxs)("form",w(w({"data-fs-newsletter-form":!0,ref:t,onSubmit:e=>{var t,r,n,a,i;e.preventDefault(),h({data:{name:null!==(t=null===(r=x.current)||void 0===r?void 0:r.value)&&void 0!==t?t:"",email:null!==(n=null===(a=P.current)||void 0===a?void 0:a.value)&&void 0!==n?n:""}}),null!==O&&void 0!==O&&null!==(i=O.subscribeToNewsletter)&&void 0!==i&&i.id?_({title:"Hooray!",message:"Thank for your subscription.",status:"INFO",icon:(0,j.jsx)(l.Z,{name:"CircleWavyCheck",width:30,height:30})}):_({title:"Oops.",message:"Something went wrong. Please Try again.",status:"ERROR",icon:(0,j.jsx)(l.Z,{name:"CircleWavyWarning",width:30,height:30})}),e.currentTarget.reset()}},p),{},{className:"layout__content",children:[(0,j.jsxs)("header",{"data-fs-newsletter-header":!0,children:[(0,j.jsxs)("h3",{children:[(0,j.jsx)(l.Z,{name:"Envelop",width:32,height:32}),r]}),n&&(0,j.jsxs)("span",{children:[" ",n]})]}),(0,j.jsx)("div",{"data-fs-newsletter-controls":!0,children:f?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(i.Z,{inputRef:P,id:"newsletter-email",label:"Your Email",type:"email",required:!0,actionable:!0,onSubmit:()=>{},onClear:()=>{},buttonActionText:"Subscribe",displayClearButton:!1}),(0,j.jsxs)("span",{"data-fs-newsletter-addendum":!0,children:["By subscribing to our newsletter you agree to to our"," ",(0,j.jsx)(d.Z,{href:"/",inverse:!0,variant:"inline",children:"Privacy Policy."})]})]}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(i.Z,{inputRef:x,id:"newsletter-name",label:"Your Name",required:!0}),(0,j.jsx)(i.Z,{inputRef:P,id:"newsletter-email",label:"Your Email",type:"email",required:!0}),(0,j.jsxs)("span",{"data-fs-newsletter-addendum":!0,children:["By subscribing to our newsletter you agree to to our"," ",(0,j.jsx)(d.Z,{href:"/",inverse:!0,variant:"inline",children:"Privacy Policy."})]}),(0,j.jsx)(o.Z,{variant:"secondary",inverse:!0,type:"submit",children:b?"Loading...":"Subscribe"})]})})]}))})}))},7304:function(e,t,r){"use strict";r.d(t,{Z:function(){return b}});var n=r(4730),a=r(2784),i=r(7704),o=r(5184),c=r(8459),s=r(5585),l=r.n(s),d=r(3288),u=r(2322);var f=function(e){var{children:t,aspectRatio:r,loading:n=!0}=e;return n?(0,u.jsx)("ul",{"data-fs-product-shelf-items":!0,className:"layout__content ".concat(l().fsProductShelf),children:Array.from({length:c.K},((e,t)=>(0,u.jsx)("li",{children:(0,u.jsx)(d.Z,{aspectRatio:r,sectioned:!0})},String(t))))}):(0,u.jsx)(u.Fragment,{children:t})},p=r(737),h=r(3432),m=r(8879),v=["title","withDivisor"];var b=function(e){var t,{title:r,withDivisor:c=!1}=e,s=(0,n.Z)(e,v),d=(0,a.useRef)(!1),{ref:b,inView:g}=(0,i.YD)(),j=(0,p.kN)(s),y=null!==(t=null===j||void 0===j?void 0:j.edges)&&void 0!==t?t:[],{sendViewItemListEvent:O}=(0,o.m)({products:y,title:r,page:0,pageSize:0});return(0,a.useEffect)((()=>{g&&!d.current&&y.length&&(O(),d.current=!0)}),[g,y.length,O]),0===(null===j||void 0===j?void 0:j.edges.length)?null:(0,u.jsxs)(m.Z,{className:"layout__section ".concat(c?"section__divisor":""),ref:b,children:[(0,u.jsx)("h2",{className:"text__title-section layout__content",children:r}),(0,u.jsx)("div",{className:l().fsProductShelf,"data-fs-product-shelf":!0,children:(0,u.jsx)(f,{aspectRatio:1,loading:void 0===j,children:(0,u.jsx)("ul",{"data-fs-product-shelf-items":!0,className:"layout__content",children:y.map(((e,t)=>(0,u.jsx)("li",{children:(0,u.jsx)(h.Z,{product:e.node,index:t+1,aspectRatio:1})},"".concat(e.node.id))))})})})]})}},7028:function(e,t,r){"use strict";r.d(t,{Z:function(){return E}});var n=r(4730),a=r(2784),i=r(7704),o=r(5184),c=r(9499);var s=(0,a.forwardRef)((function({testId:e="store-tiles",children:t,...r},n){const i=a.Children.count(t);const o=3===i?"expanded-first":2===i?"expanded-first-two":"";return a.createElement("ul",{ref:n,"data-fs-tiles":!0,"data-fs-tiles-variant":o,"data-testid":e,...r},t)})),l=r(2044),d=r.n(l),u=r(2322),f=["children"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){(0,c.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=e=>{var{children:t}=e,r=(0,n.Z)(e,f);return(0,u.jsx)(s,h(h({className:d().fsTiles},r),{},{children:t}))};var v=(0,a.forwardRef)((function({testId:e="store-tile",children:t,...r},n){return a.createElement("li",{ref:n,"data-fs-tile":!0,"data-testid":e,...r},t)})),b=r(3432);var g=function(e){var{children:t,loading:r=!0}=e;return r?(0,u.jsx)(m,{children:Array.from({length:3},((e,t)=>{return(0,u.jsx)(v,{children:(0,u.jsx)(w,{index:t+1,aspectRatio:(r=3,n=t,3===r&&0===n||2===r&&(0===n||1===n)?5/3:3/4)})},String(t));var r,n}))}):(0,u.jsx)(u.Fragment,{children:t})},j=r(2928),y=r(4106),O=r.n(y);var w=function(e){var{index:t,aspectRatio:r=1}=e;return(0,u.jsxs)("div",{"data-fs-product-tile-skeleton":!0,className:O().fsProductTileSkeleton,"data-fs-product-tile-skeleton-index":t,children:[(0,u.jsx)("div",{"data-fs-product-tile-skeleton-image":!0,"data-fs-product-tile-skeleton-index":t,style:{"--fs-product-tile-skeleton-image-aspect-ratio":r},children:(0,u.jsx)(j.Z,{size:{width:"auto",height:"100%"},loading:!0})}),(0,u.jsxs)("div",{"data-fs-product-tile-skeleton-content":!0,"data-fs-product-tile-skeleton-index":t,children:[(0,u.jsxs)("div",{"data-fs-product-tile-skeleton-heading":!0,children:[(0,u.jsx)("div",{"data-fs-product-tile-skeleton-text":!0,"data-fs-product-tile-skeleton-index":t,children:(0,u.jsx)(j.Z,{size:{width:"70%",height:"1.5rem"}})}),(0,u.jsx)("div",{"data-fs-product-tile-skeleton-price":!0,children:(0,u.jsx)(j.Z,{size:{width:"60%",height:"1.5rem"}})})]}),(0,u.jsx)("div",{"data-fs-product-tile-skeleton-badge":!0,"data-fs-product-tile-skeleton-index":t,children:(0,u.jsx)(j.Z,{size:{width:"6rem",height:"2rem"},border:"pill"})})]})]})},x=r(737),P=r(8879),_=["title"],k=(e,t)=>3===e&&0===t||2===e&&(0===t||1===t)?5/3:3/4,E=e=>{var t,{title:r}=e,c=(0,n.Z)(e,_),s=(0,a.useRef)(!1),{ref:l,inView:d}=(0,i.YD)(),f=(0,x.kN)(c),p=null!==(t=null===f||void 0===f?void 0:f.edges)&&void 0!==t?t:[],{sendViewItemListEvent:h}=(0,o.m)({products:p,title:r,page:0,pageSize:0});return(0,a.useEffect)((()=>{d&&!s.current&&p.length&&(h(),s.current=!0)}),[d,p.length,h]),0===(null===f||void 0===f?void 0:f.edges.length)?null:(0,u.jsxs)(P.Z,{className:"layout__section layout__content",ref:l,children:[(0,u.jsx)("h2",{className:"text__title-section",children:r}),(0,u.jsx)("div",{children:(0,u.jsx)(g,{loading:!f,children:(0,u.jsx)(m,{children:p.map(((e,t)=>(0,u.jsx)(v,{children:(0,u.jsx)(b.Z,{"data-testid":"tile-card",product:e.node,index:t+1,variant:"wide",aspectRatio:k(p.length,t)})},e.node.id)))})})})]})}},8879:function(e,t,r){"use strict";r.d(t,{Z:function(){return d}});var n=r(9499),a=r(4730),i=r(2784),o=r(2322),c=["className"];function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var l=(0,i.forwardRef)((function(e,t){var{className:r=""}=e,i=(0,a.Z)(e,c);return(0,o.jsx)("section",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({ref:t,className:"section ".concat(r)},i))})),d=l},3288:function(e,t,r){"use strict";r.d(t,{Z:function(){return c}});var n=r(2928),a=r(1237),i=r.n(a),o=r(2322);var c=function(e){var{bordered:t,sectioned:r,displayButton:a,aspectRatio:c=1,variant:s="default"}=e;return(0,o.jsxs)("div",{className:i().fsProductCardSkeleton,"data-fs-product-card-skeleton":!0,"data-fs-product-card-skeleton-variant":s,"data-fs-product-card-skeleton-bordered":t,"data-fs-product-card-skeleton-sectioned":r,children:[(0,o.jsx)("div",{"data-fs-product-card-skeleton-image":!0,style:{"--fs-product-card-skeleton-image-aspect-ratio":c},children:(0,o.jsx)(n.Z,{size:{width:"100%",height:"100%"}})}),(0,o.jsxs)("div",{"data-fs-product-card-skeleton-content":!0,children:[(0,o.jsx)(n.Z,{"data-fs-product-card-skeleton-text":!0,size:{width:"90%",height:"1.5rem"}}),(0,o.jsx)(n.Z,{"data-fs-product-card-skeleton-text":!0,size:{width:"70%",height:"1.5rem"}}),(0,o.jsx)(n.Z,{"data-fs-product-card-skeleton-badge":!0,size:{width:"6rem",height:"2rem"},border:"pill"}),a&&(0,o.jsx)(n.Z,{"data-fs-product-card-skeleton-button":!0,size:{width:"6rem",height:"2rem"},style:{columnGap:".75rem"}})]})]})}},6166:function(e,t,r){"use strict";r.d(t,{Z:function(){return u}});var n=r(2784);var a=(0,n.forwardRef)((function({testId:e="store-banner",children:t,variant:r="vertical",...a},i){return n.createElement("article",{ref:i,"data-fs-banner":r,"data-testid":e,...a},t)}));var i=(0,n.forwardRef)((function({testId:e="store-banner-content",children:t,...r},a){return n.createElement("div",{ref:a,"data-banner-content":!0,"data-testid":e,...r},t)}));var o=(0,n.forwardRef)((function({testId:e="store-banner-link",children:t,...r},a){return n.createElement("div",{ref:a,"data-banner-link":!0,"data-testid":e,...r},t)})),c=r(7703),s=r(9117),l=r.n(s),d=r(2322);var u=function(e){var{title:t,caption:r,actionPath:n,actionLabel:s,variant:u="primary",colorVariant:f="main"}=e;return(0,d.jsx)(a,{className:l().fsBannerText,"data-fs-banner-text":!0,"data-fs-banner-text-variant":u,"data-fs-banner-text-color-variant":f,children:(0,d.jsxs)(i,{"data-fs-banner-text-content":!0,className:"layout__content",children:[(0,d.jsxs)("div",{"data-fs-banner-text-heading":!0,"data-fs-banner-text-color-variant":f,children:[(0,d.jsx)("h2",{children:t}),"secondary"===u&&r&&(0,d.jsx)("p",{children:r})]}),(0,d.jsx)(o,{"data-fs-banner-text-link":!0,children:(0,d.jsx)(c.Z,{href:n,variant:u,inverse:"main"===f,children:s})})]})})}},2154:function(e,t,r){"use strict";r.d(t,{E:function(){return O}});var n=r(9499),a=r(4730),i=r(2784),o=r(1608),c=r.n(o),s=r(7183),l="https://".concat(r.n(s)().api.storeId,".vtexassets.com");var d=(e,t)=>{var r,n,a=[l,"unsafe"],i=[];t.trim&&a.push("trim"),t.manualCrop&&a.push((e=>{var{left:t,top:r,right:n,bottom:a}=e;return"".concat(t,"x").concat(r,":").concat(n,"x").concat(a)})(t.manualCrop)),t.fitIn&&a.push("fit-in"),i.push(null!==(r=t.horizontalAlign)&&void 0!==r?r:"center"),i.push(null!==(n=t.verticalAlign)&&void 0!==n?n:"middle"),t.smart&&i.push("smart");var{filters:o}=t;return o&&i.push(function(e){var t=["filters"];return Object.keys(e).forEach((r=>{var n,a=e[r];n=Array.isArray(a)?a.join(","):!0===a?"":String(a),t.push("".concat(r,"(").concat(n,")"))})),t.join(":")}(o)),i.push(encodeURIComponent(e)),(e,r)=>{var n="";return t.flipHorizontal&&(n+="-"),n+="".concat(e,"x"),t.flipVertical&&(n+="-"),n+="".concat(r),[...a,n,...i].join("/")}},u=["src","width","height","options"];function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var p=[1,2,3],h=p[p.length-1],m=e=>{var{src:t,width:r,height:o,options:c={}}=e,s=(0,a.Z)(e,u),{srcSet:l,src:m}=(0,i.useMemo)((()=>{var e=d(t,c),n=p.map((t=>{var n=r*t;return"".concat(e(n,o*t)," ").concat(n,"w")}));return{src:e(r*h,o*h),srcSet:n.join(", ")}}),[o,c,t,r]);return function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({src:m,srcSet:l,width:"".concat(r,"px"),height:"".concat(o,"px")},s)},v=r(2322),b=["src","width","height","quality"];function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function y(e){var{src:t,width:r,height:n,quality:i}=e,o=(0,a.Z)(e,b),{src:s,alt:l}=m(j({src:String(t),width:Number(r),height:Number(n),options:i?{filters:{quality:i}}:void 0},o));return(0,v.jsx)(c(),j({"data-fs-image":!0,unoptimized:!0,src:s,width:r,height:n,alt:l},o))}y.displayName="Image";var O=(0,i.memo)(y)},8459:function(e,t,r){"use strict";r.d(t,{K:function(){return a},g:function(){return n}});var n=12,a=5},7410:function(e,t){"use strict";t.Z={}},1708:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return x},default:function(){return P}});var n=r(9499),a=r(5351),i=r(701),o=r(8879),c=r(6166),s=r(2322);var l=function(e){var{title:t,caption:r,link:n,variant:a,colorVariant:i="main"}=e;return(0,s.jsx)(o.Z,{className:"layout__section",children:(0,s.jsx)(c.Z,{variant:a,title:t,caption:r,actionPath:null===n||void 0===n?void 0:n.url,actionLabel:null===n||void 0===n?void 0:n.text})})},d=r(9557),u=r(2914);var f=function(e){var{incentives:t}=e;return(0,s.jsx)(o.Z,{children:(0,s.jsx)(u.Z,{incentives:t,colored:!0})})},p=r(383),h=r(7304),m=r(7028),v=r(7410),b=r(2541),g=r(7183),j=r.n(g);function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var O=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({Hero:d.Z,BannerText:l,IncentivesHeader:f,ProductShelf:h.Z,ProductTiles:m.Z,Newsletter:p.Z},v.Z);function w(e){var t,{sections:r,settings:n}=e;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.PB,{title:n.seo.title,description:n.seo.description,titleTemplate:j().seo.titleTemplate,canonical:null!==(t=n.seo.canonical)&&void 0!==t?t:j().storeUrl,openGraph:{type:"website",url:j().storeUrl,title:n.seo.title,description:n.seo.description}}),(0,s.jsx)(a.iu,{url:j().storeUrl,potentialActions:[{target:"".concat(j().storeUrl,"/s/?q"),queryInput:"search_term_string"}]}),(0,s.jsx)(i.Z,{sections:r,components:O})]})}w.displayName="Page";var x=!0,P=(0,b.B)(w)},5184:function(e,t,r){"use strict";r.d(t,{m:function(){return o}});var n=r(8460),a=r(2784),i=r(5914),o=e=>{var{products:t,title:r,page:o,pageSize:c}=e,{currency:{code:s}}=(0,i.kP)();return{sendViewItemListEvent:(0,a.useCallback)((()=>{(0,n._)({name:"view_item_list",params:{item_list_name:r,item_list_id:r,items:t.map(((e,t)=>{var{node:r}=e;return{item_id:r.isVariantOf.productGroupID,item_name:r.isVariantOf.name,item_brand:r.brand.name,item_variant:r.sku,price:r.offers.offers[0].price,index:o*c+t+1,discount:r.offers.offers[0].listPrice-r.offers.offers[0].price,currency:s,item_variant_name:r.name,product_reference_id:r.gtin}}))}})}),[s,t,r,o,c])}}},5346:function(e,t,r){"use strict";r.d(t,{P:function(){return i}});var n=r(2784),a=r(5914),i=e=>{var t=function(){var{decimals:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{currency:t,locale:r}=(0,a.kP)();return(0,n.useCallback)((n=>Intl.NumberFormat(r,{style:"currency",currency:t.code,minimumFractionDigits:e?2:0}).format(n)),[t.code,r,e])}();return(0,n.useMemo)((()=>t(e)),[t,e])}},9854:function(e,t,r){"use strict";r.d(t,{w:function(){return o}});var n=r(8460),a=r(2784),i=r(5914),o=e=>{var{index:t,product:r,selectedOffer:o}=e,{slug:c}=r,{currency:{code:s}}=(0,i.kP)(),l=(0,a.useCallback)((()=>{(0,n._)({name:"select_item",params:{items:[{item_id:r.isVariantOf.productGroupID,item_name:r.isVariantOf.name,item_brand:r.brand.name,item_variant:r.sku,index:t,price:r.offers.offers[o].price,discount:r.offers.offers[o].listPrice-r.offers.offers[o].price,currency:s,item_variant_name:r.name,product_reference_id:r.gtin}]}}),(0,n._)({name:"search_select_item",params:{url:window.location.href,items:[{item_id:r.isVariantOf.productGroupID,item_variant:r.sku,index:t}]}})}),[s,r,t,o]);return{href:"/".concat(c,"/p"),onClick:l,"data-testid":"product-link"}}},737:function(e,t,r){"use strict";r.d(t,{yb:function(){return m},kN:function(){return v},BG:function(){return b}});var n=r(9499),a=r(2784),i=r(9857),o=r(8459),c=r(4730),s=r(180),l=r(7732),d=["cache"],u=r(5914);function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var h="ProductsQuery",m=e=>{var{first:t,after:r,sort:n,term:i,selectedFacets:c}=e,{channel:s,locale:l}=(0,u.kP)();return(0,a.useMemo)((()=>{var e,a=(e=c,Array.isArray(e)?e:e?[e]:[]);return{first:null!==t&&void 0!==t?t:o.K,after:null!==r&&void 0!==r?r:"0",sort:null!==n&&void 0!==n?n:"score_desc",term:null!==i&&void 0!==i?i:"",selectedFacets:[...a,{key:"channel",value:null!==s&&void 0!==s?s:""},{key:"locale",value:l}]}}),[c,t,r,n,i,s,l])},v=(e,t)=>{var r,n=m(e),{data:a}=(0,l.aM)(h,n,p({fallbackData:null,suspense:!0},t));return null===a||void 0===a||null===(r=a.search)||void 0===r?void 0:r.products},b=(e,t)=>{var r=m(e),{cache:n}=(0,i.kY)();return(0,a.useCallback)((()=>((e,t,r)=>{var{cache:n}=r,a=(0,c.Z)(r,d),o=(0,l.km)(e,t);n.get(o)||(0,i.JG)(o,(0,s.W)(e,t,a))})(h,r,p({cache:n},t))),[r,n,t])}},8312:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return r(1708)}])},84:function(e){e.exports={"fs-newsletter":"newsletter_fs-newsletter__W9mZZ",fsNewsletter:"newsletter_fs-newsletter__W9mZZ"}},5585:function(e){e.exports={"fs-product-shelf":"product-shelf_fs-product-shelf__65g4z",fsProductShelf:"product-shelf_fs-product-shelf__65g4z"}},1237:function(e){e.exports={"fs-product-card-skeleton":"product-card-skeleton_fs-product-card-skeleton__fPdHb",fsProductCardSkeleton:"product-card-skeleton_fs-product-card-skeleton__fPdHb"}},4106:function(e){e.exports={"fs-product-tile-skeleton":"product-tile-skeleton_fs-product-tile-skeleton___HloN",fsProductTileSkeleton:"product-tile-skeleton_fs-product-tile-skeleton___HloN"}},9117:function(e){e.exports={"fs-banner-text":"banner-text_fs-banner-text__EVEEc",fsBannerText:"banner-text_fs-banner-text__EVEEc"}},2044:function(e){e.exports={"fs-tiles":"tiles_fs-tiles__N15Au",fsTiles:"tiles_fs-tiles__N15Au"}}},function(e){e.O(0,[351,781,774,888,179],(function(){return t=8312,e(e.s=t);var t}));var t=e.O();_N_E=t}]);

package/src/components/sections/ProductShelf/product-shelf.module.scss

@@ -1,41 +0,0 @@
-@import "src/styles/scaffold";
-
-.fs-product-shelf {
-  // --------------------------------------------------------
-  // Design Tokens for Product Shelf
-  // --------------------------------------------------------
-
-  --fs-product-shelf-min-height             : 21.06rem;
-
-  --fs-product-shelf-items-gap              : var(--fs-grid-gap-1);
-  --fs-product-shelf-items-padding-top      : var(--fs-spacing-0);
-  --fs-product-shelf-items-padding-bottom   : var(--fs-spacing-3);
-
-  --fs-product-shelf-first-item-margin-left : calc(-1 * var(--fs-spacing-1));
-
-  // --------------------------------------------------------
-  // Structural Styles
-  // --------------------------------------------------------
-
-  &[data-fs-product-shelf] {
-    min-height: var(--fs-product-shelf-min-height);
-  }
-
-  [data-fs-product-shelf-items] {
-    display: flex;
-    align-items: stretch;
-    overflow-x: scroll;
-
-    li {
-      width: 100%;
-      &:first-child { margin-left: var(--fs-product-shelf-first-item-margin-left); }
-    }
-
-    @include media(">=tablet") {
-      column-gap: var(--fs-product-shelf-items-gap);
-      padding-top: var(--fs-product-shelf-items-padding-top);
-      padding-bottom: var(--fs-product-shelf-items-padding-bottom);
-      overflow-x: auto;
-    }
-  }
-}

package/src/styles/global/layout.scss

@@ -1,73 +0,0 @@
-// ----------------------------------------------------------
-// GLOBAL STYLES
-// Layout
-// ----------------------------------------------------------
-
-@import "src/styles/scaffold";
-
-body {
-  --fs-body-bkg: var(--fs-color-body-bkg);
-
-  min-height: 100vh;
-  color: var(--fs-color-text);
-  background: var(--fs-body-bkg);
-}
-
-main,
-.layout__main {
-  display: flex;
-  flex-wrap: wrap;
-  background: var(--fs-body-bkg);
-}
-
-.layout__section {
-  padding-bottom: var(--fs-spacing-4);
-  margin-top: var(--fs-spacing-4);
-
-  @include media(">=notebook") {
-    padding-bottom: var(--fs-grid-padding);
-    margin-top: var(--fs-grid-padding);
-  }
-}
-
-.layout__content-full {
-  width: 100%;
-  padding-top: var(--fs-spacing-4);
-  padding-bottom: var(--fs-spacing-4);
-
-  @include media(">=notebook") {
-    padding-top: var(--fs-grid-padding);
-    padding-bottom: var(--fs-grid-padding);
-  }
-}
-
-.layout__content {
-  box-sizing: border-box;
-  width: 100%;
-  max-width: var(--fs-grid-breakpoint-notebook);
-  padding-right: var(--fs-grid-padding);
-  padding-left: var(--fs-grid-padding);
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.no-scroll {
-  overflow: hidden;
-  touch-action: none;
-}
-
-// Helper class
-.display-mobile {
-  @include media(">=notebook") {
-    display: none;
-    visibility: hidden;
-  }
-}
-
-// Helper class
-.hidden-mobile {
-  @include media("<notebook") {
-    display: none;
-    visibility: hidden;
-  }
-}