@faststore/core 2.0.88-alpha.0 → 2.0.89-alpha.0

package/.turbo/turbo-build.log

@@ -26,8 +26,8 @@ Route (pages)                              Size     First Load JS
 ├   /_app                                  0 B             105 kB
 ├ ● /[...slug]                             9.99 kB         131 kB
 ├   └ css/430b8cafbf7c23c1.css             2.53 kB
-├ ● /[slug]/p                              11.5 kB         135 kB
-├   └ css/a3aac8b785a9dfe2.css             3.22 kB
+├ ● /[slug]/p                              11.7 kB         135 kB
+├   └ css/59446068ab594e58.css             3 kB
 ├ ○ /404                                   431 B           110 kB
 ├ ○ /500                                   439 B           110 kB
 ├ ○ /account                               369 B           110 kB
@@ -37,12 +37,12 @@ Route (pages)                              Size     First Load JS
 ├ ○ /login                                 368 B           110 kB
 └ ○ /s                                     895 B           121 kB
     └ css/9dd1d1084d254c66.css             2.33 kB
-+ First Load JS shared by all              125 kB
++ First Load JS shared by all              126 kB
   ├ chunks/framework-dfd14d7ce6600b03.js   45.3 kB
   ├ chunks/main-9746772201fe3ac1.js        23.9 kB
-  ├ chunks/pages/_app-256a3d53cde1dece.js  33.2 kB
-  ├ chunks/webpack-432485347f98ee3c.js     2.18 kB
-  └ css/4ac2b0d468ca74dc.css               20.9 kB
+  ├ chunks/pages/_app-0bf8e95d55047056.js  33.2 kB
+  ├ chunks/webpack-2d6880a14598b3ec.js     2.18 kB
+  └ css/046add45db5e9cdf.css               21.1 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.89-alpha.0](https://github.com/vtex/faststore/compare/v2.0.88-alpha.0...v2.0.89-alpha.0) (2023-03-29)
+
+### Features
+
+- Add `OutOfStock` components ([#1685](https://github.com/vtex/faststore/issues/1685)) ([25f4442](https://github.com/vtex/faststore/commit/25f444214e234f5f0f9287ef8bc403231b2eac2b))
+
 ## [2.0.88-alpha.0](https://github.com/vtex/faststore/compare/v2.0.87-alpha.0...v2.0.88-alpha.0) (2023-03-29)
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "2.0.88-alpha.0",
+  "version": "2.0.89-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.3-alpha.0",
-    "@faststore/components": "^2.0.88-alpha.0",
+    "@faststore/components": "^2.0.89-alpha.0",
     "@faststore/graphql-utils": "^2.0.3-alpha.0",
     "@faststore/sdk": "^2.0.3-alpha.0",
-    "@faststore/ui": "^2.0.88-alpha.0",
+    "@faststore/ui": "^2.0.89-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": "a9aa7a6572c08e0bd26e384bb66464e633f1ad84"
+  "gitHead": "110810c0f5ff267980370f556fe7e9ad34e4d68a"
 }

package/src/components/product/OutOfStock/OutOfStock.tsx

@@ -1,133 +1,51 @@
-import {
-  OutOfStock as UIOutOfStock,
-  OutOfStockTitle as UIOutOfStockTitle,
-  OutOfStockMessage as UIOutOfStockMessage,
-  Button as UIButton,
-  InputField as UIInputField,
-} from '@faststore/ui'
+import { OutOfStock as UIOutOfStock, useUI } from '@faststore/ui'
 import { useState } from 'react'
-import type { ReactElement, FormEvent } from 'react'
+import type { FormEvent } from 'react'
 
-import Icon from 'src/components/ui/Icon'
-import styles from 'src/components/product/OutOfStock/out-of-stock.module.scss'
 import { useSession } from 'src/sdk/session'
+import Icon from 'src/components/ui/Icon'
 
-export interface OutOfStockProps {
-  /**
-   * The Out of Stock Section's title.
-   */
-  title?: string
-  /**
-   * The button text.
-   */
-  buttonText?: string
-  /**
-   * Message describing when the user will be notified.
-   */
-  notificationMsg?: string
-  /**
-   * Icon displayed inside the button.
-   * @default <Icon name="BellRinging" />
-   */
-  buttonIcon?: ReactElement
-  /**
-   * Icon displayed inside the notification message.
-   * @default <Icon name="BellRinging" />
-   */
-  notificationMsgIcon?: ReactElement
-  /**
-   * ID to find this component in testing tools (e.g.: cypress,
-   * testing-library, and jest).
-   */
-  testId?: string
-  /**
-   * Event emitted when form is submitted.
-   */
-  onSubmit: (value: string) => void
-}
-
-function OutOfStock(props: OutOfStockProps) {
+function OutOfStock() {
   const { postalCode } = useSession()
 
-  const defaultButtonText = 'Notify me'
-  const defaultIconName = 'BellRinging'
-
-  const [btnText, setBtnText] = useState(defaultButtonText)
-  const [buttonIconName, setButtonIconName] = useState(defaultIconName)
-  const [disabled, setDisabled] = useState(false)
-  const [email, setEmail] = useState('')
+  const [isLoading, setIsLoading] = useState(false)
   const [error, setError] = useState('')
-
-  const {
-    title = postalCode ? 'Unavailable in Your Location' : 'Out of Stock',
-    notificationMsg = 'Notify me when available',
-    buttonText = btnText,
-    buttonIcon = <Icon name={buttonIconName} width={16} height={16} />,
-    notificationMsgIcon = (
-      <Icon name={defaultIconName} width={16} height={16} />
-    ),
-    onSubmit,
-  } = props
-
-  const reset = () => {
-    setButtonIconName(defaultIconName)
-    setBtnText(defaultButtonText)
-    setDisabled(false)
-
-    setEmail('')
-    setError('')
-  }
+  const { pushToast } = useUI()
 
   const handleSubmit = (event: FormEvent) => {
     event.preventDefault()
+    setIsLoading(true)
 
-    setDisabled(true)
-    setButtonIconName('Ellipsis')
+    // TODO: Missing integration
 
     try {
-      onSubmit(email)
-      setButtonIconName('Checked')
-      setBtnText('Subscribed successfully')
+      // Return to original state after 2s mockup
+      setTimeout(() => setIsLoading(false), 2000)
+
+      const formElement = event.currentTarget as HTMLFormElement
+      formElement.reset()
+
+      pushToast({
+        title: 'Subscribed successfully!',
+        message: "You'll be notified when this product is back to stock.",
+        status: 'INFO',
+        icon: <Icon name="CircleWavyCheck" width={30} height={30} />,
+      })
     } catch (err) {
       setError(err.message)
     } finally {
-      // Return to original state after 2s
-      setTimeout(reset, 2000)
     }
   }
 
   return (
     <UIOutOfStock
-      data-fs-out-of-stock
-      className={styles.fsOutOfStock}
+      title={postalCode ? 'Unavailable in Your Location' : 'Out of Stock'}
+      inputLabel="Email"
+      subtitle="Notify me when available"
       onSubmit={handleSubmit}
-    >
-      <UIOutOfStockTitle data-fs-out-of-stock-title>{title}</UIOutOfStockTitle>
-      <UIOutOfStockMessage data-fs-out-of-stock-message>
-        {notificationMsgIcon} {notificationMsg}
-      </UIOutOfStockMessage>
-      <UIInputField
-        id="out-of-stock-email"
-        value={email}
-        label="Email"
-        aria-label="Email"
-        error={error}
-        onChange={(e) => {
-          setError('')
-          setEmail(e.target.value)
-        }}
-      />
-      <UIButton
-        data-fs-out-of-stock-button
-        type="submit"
-        disabled={disabled}
-        variant="primary"
-        icon={buttonIcon}
-        iconPosition="left"
-      >
-        {buttonText}
-      </UIButton>
-    </UIOutOfStock>
+      disabled={isLoading}
+      errorMessage={error}
+    />
   )
 }
 

package/src/components/product/OutOfStock/index.ts

@@ -1,2 +1 @@
 export { default } from './OutOfStock'
-export type { OutOfStockProps } from './OutOfStock'

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

@@ -81,6 +81,56 @@ function ProductDetails({ context: staleProduct }: Props) {
     },
   })
 
+  const ProductDetailsSection = () => {
+    return (
+      <>
+        <section data-fs-product-details-values>
+          <div data-fs-product-details-prices>
+            <UIPrice
+              value={listPrice}
+              formatter={useFormattedPrice}
+              testId="list-price"
+              data-value={listPrice}
+              variant="listing"
+              SRText="Original price:"
+            />
+            <UIPrice
+              value={lowPrice}
+              formatter={useFormattedPrice}
+              testId="price"
+              data-value={lowPrice}
+              variant="spot"
+              className="text__lead"
+              SRText="Sale Price:"
+            />
+          </div>
+          <UIQuantitySelector min={1} max={10} onChange={setAddQuantity} />
+        </section>
+        {skuVariants && (
+          <Selectors
+            slugsMap={skuVariants.slugsMap}
+            availableVariations={skuVariants.availableVariations}
+            activeVariations={skuVariants.activeVariations}
+            data-fs-product-details-selectors
+          />
+        )}
+        {
+          /* NOTE: A loading skeleton had to be used to avoid a Lighthouse's
+                  non-composited animation violation due to the button transitioning its
+                  background color when changing from its initial disabled to active state.
+                  See full explanation on commit https://git.io/JyXV5. */
+          isValidating ? (
+            <AddToCartLoadingSkeleton />
+          ) : (
+            <UIBuyButton disabled={buyDisabled} {...buyProps}>
+              Add to Cart
+            </UIBuyButton>
+          )
+        }
+      </>
+    )
+  }
+
   useEffect(() => {
     sendAnalyticsEvent<ViewItemEvent<AnalyticsItem>>({
       name: 'view_item',
@@ -142,71 +192,19 @@ function ProductDetails({ context: staleProduct }: Props) {
             data-fs-product-details-settings
             data-fs-product-details-section
           >
-            <section data-fs-product-details-values>
-              <div data-fs-product-details-prices>
-                <UIPrice
-                  value={listPrice}
-                  formatter={useFormattedPrice}
-                  testId="list-price"
-                  data-value={listPrice}
-                  variant="listing"
-                  SRText="Original price:"
-                />
-                <UIPrice
-                  value={lowPrice}
-                  formatter={useFormattedPrice}
-                  testId="price"
-                  data-value={lowPrice}
-                  variant="spot"
-                  className="text__lead"
-                  SRText="Sale Price:"
-                />
-              </div>
-              {/* <div className="prices">
-                <p className="price__old text__legend">{formattedListPrice}</p>
-                <p className="price__new">{isValidating ? '' : formattedPrice}</p>
-              </div> */}
-              <UIQuantitySelector min={1} max={10} onChange={setAddQuantity} />
-            </section>
-            {skuVariants && (
-              <Selectors
-                data-fs-product-details-selectors
-                slugsMap={isVariantOf.skuVariants.slugsMap}
-                activeVariations={isVariantOf.skuVariants.activeVariations}
-                availableVariations={
-                  isVariantOf.skuVariants.availableVariations
-                }
-              />
-            )}
-            {/* NOTE: A loading skeleton had to be used to avoid a Lighthouse's
-                non-composited animation violation due to the button transitioning its
-                background color when changing from its initial disabled to active state.
-                See full explanation on commit https://git.io/JyXV5. */}
-            {isValidating ? (
-              <AddToCartLoadingSkeleton />
-            ) : (
-              <UIBuyButton disabled={buyDisabled} {...buyProps}>
-                Add to Cart
-              </UIBuyButton>
-            )}
-            {!availability && (
-              <OutOfStock
-                onSubmit={(email) => {
-                  console.info(email)
-                }}
-              />
-            )}
+            {availability ? <ProductDetailsSection /> : <OutOfStock />}
           </section>
-
-          <ShippingSimulation
-            data-fs-product-details-section
-            data-fs-product-details-shipping
-            shippingItem={{
-              id,
-              quantity: addQuantity,
-              seller: seller.identifier,
-            }}
-          />
+          {availability && (
+            <ShippingSimulation
+              data-fs-product-details-section
+              data-fs-product-details-shipping
+              shippingItem={{
+                id,
+                quantity: addQuantity,
+                seller: seller.identifier,
+              }}
+            />
+          )}
         </section>
 
         <ProductDetailsContent />

package/src/components/sections/ProductDetails/product-details.module.scss

@@ -18,10 +18,6 @@
 
   margin-top: 0;
 
-  [data-fs-out-of-stock] {
-    margin-top: var(--fs-product-details-vertical-spacing);
-  }
-
   [data-fs-product-details-body] {
     display: flex;
     flex-direction: column;

package/.next/static/chunks/897-97b54479ad1b57d9.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[897],{6632:function(e,t,r){"use strict";var n=r(2784);t.Z=()=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",strokeWidth:"16",width:24,height:24},n.createElement("rect",{width:"256",height:"256",fill:"none"}),n.createElement("path",{d:"M184,184H69.81818L41.92162,30.56892A8,8,0,0,0,34.05066,24H16",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("circle",{cx:"80",cy:"204",r:"20",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("circle",{cx:"184",cy:"204",r:"20",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M62.54543,144H188.10132a16,16,0,0,0,15.74192-13.13783L216,64H48",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}))},593:function(e,t,r){"use strict";var n=r(2784);t.Z=()=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",strokeWidth:"16",width:24,height:24},n.createElement("rect",{width:"256",height:"256",fill:"none"}),n.createElement("path",{d:"M239.2,97.4A16.4,16.4,0,0,0,224.6,86l-59.4-4.1-22-55.5A16.4,16.4,0,0,0,128,16h0a16.4,16.4,0,0,0-15.2,10.4L90.4,82.2,31.4,86A16.5,16.5,0,0,0,16.8,97.4,16.8,16.8,0,0,0,22,115.5l45.4,38.4L53.9,207a18.5,18.5,0,0,0,7,19.6,18,18,0,0,0,20.1.6l46.9-29.7h.2l50.5,31.9a16.1,16.1,0,0,0,8.7,2.6,16.5,16.5,0,0,0,15.8-20.8l-14.3-58.1L234,115.5A16.8,16.8,0,0,0,239.2,97.4Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}))},3417:function(e,t,r){"use strict";var n=r(2784);t.Z=()=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",strokeWidth:"16",width:20,height:20},n.createElement("rect",{width:"256",height:"256",fill:"none"}),n.createElement("circle",{cx:"128",cy:"128",r:"96",fill:"none",stroke:"currentColor",strokeMiterlimit:"10"}),n.createElement("line",{x1:"160",y1:"96",x2:"96",y2:"160",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("line",{x1:"160",y1:"160",x2:"96",y2:"96",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}))},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 u=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}),u)}));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 u={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?{...u,borderRadius:c}:u,...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(4842),s=r(3417);t.Z=({id:e,label:t,type:r="text",error:l,displayClearButton:u,actionable:d,buttonActionText:f="Apply",onSubmit:p,onClear:m,placeholder:h=" ",inputRef:v,disabled:b,value:g,testId:y="fs-input-field",...w})=>{const j=!b&&l&&""!==l,O=d&&!b&&""!==g;return n.createElement("div",{"data-fs-input-field":!0,"data-fs-input-field-actionable":d,"data-fs-input-field-error":l&&""!==l,"data-testid":y},n.createElement(a.Z,{id:e,type:r,value:g,ref:v,disabled:b,placeholder:h,...w}),n.createElement(i.Z,{htmlFor:e},t),O&&(u||l?n.createElement(o.Z,{"data-fs-button-size":"small","aria-label":"Clear Field",icon:n.createElement(s.Z,null),onClick:()=>{m?.(),v?.current?.focus()}}):n.createElement(c.Z,{variant:"tertiary",size:"small",onClick:p},f)),j&&n.createElement("span",{"data-fs-input-field-error-message":!0},l))}},783:function(e,t,r){"use strict";var n=r(2784),a=r(1329),i=r(593),o=r(2765),c=r(5045);const s=(0,n.forwardRef)((function({children:e,testId:t="fs-rating",length:r=5,value:s=0,icon:l,onChange:u,...d},f){const[p,m]=(0,n.useState)(0),h=l||n.createElement(i.Z,null);return n.createElement(a.Z,{ref:f,"data-fs-rating":!0,"data-fs-rating-actionable":"function"===typeof u,"data-testid":t,...d},Array.from({length:r}).map(((e,r)=>{const a=r+1;return n.createElement("li",{key:`rating-${r}`,"data-fs-rating-item":a<=(p||s)?"full":a-s>0&&a-s<1?"partial":"empty","data-testid":`${t}-item`},u?n.createElement(o.Z,{"data-fs-rating-button":!0,icon:h,size:"small","aria-label":"rate",onClick:()=>{u(a)},onMouseEnter:()=>m(a),onMouseLeave:()=>m(s)}):n.createElement(n.Fragment,null,n.createElement("div",{"data-fs-rating-icon-wrapper":!0},n.createElement(c.Z,{component:h})),n.createElement(c.Z,{"data-fs-rating-icon-outline":!0,component:h})))})))}));t.Z=s},701:function(e,t,r){"use strict";r.d(t,{Z:function(){return d}});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 u(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 d=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,u(u({},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 Z}});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),u=r(783),d=r(9875),f=r(44),p=r(4842),m=r(593),h=r(6632);var v=(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:v,buttonLabel:b="Add",onButtonClick:g,children:y,...w},j){return i.createElement("section",{ref:j,"data-fs-product-card-content":!0,"data-fs-product-card-badge":v,"data-testid":e,...w},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(u.Z,{value:c,icon:i.createElement(m.Z,null)})),v&&!a&&i.createElement(d.Z,{listPrice:n?.listPrice?n.listPrice:0,spotPrice:n?.value?n.value:0}),a&&i.createElement(f.Z,null,o),g&&!a&&i.createElement("div",{"data-fs-product-card-actions":!0},i.createElement(p.Z,{variant:"primary",icon:i.createElement(h.Z,null),iconPosition:"left",size:"small",onClick:g},b)))})),b=r(2154),g=r(5346),y=r(9854),w=r(1664),j=r.n(w),O=r(2322),x=["product","index","bordered","variant","aspectRatio","ratingValue","buttonLabel","onButtonClick","showDiscountBadge"];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}function P(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}function E(e){var{product:t,index:r,bordered:n=!1,variant:i="default",aspectRatio:s=1,ratingValue:l,buttonLabel:u="Add",onButtonClick:d,showDiscountBadge:f=!0}=e,p=(0,a.Z)(e,x),{sku:m,isVariantOf:{name:h},image:[w],offers:{lowPrice:k,offers:[{listPrice:E,availability:Z}]}}=t,_=P(P({},(0,y.w)({product:t,selectedOffer:0,index:r})),{},{as:j(),passHref:!0,legacyBehavior:!1}),S="https://schema.org/InStock"!==Z;return(0,O.jsxs)(o,P(P({outOfStock:S,bordered:n,variant:i,"data-fs-product-card-sku":m},p),{},{children:[(0,O.jsx)(c,{aspectRatio:s,children:(0,O.jsx)(b.E,{src:w.url,alt:w.alternateName,width:360,height:360/s,sizes:"(max-width: 768px) 25vw, 30vw",loading:"lazy"})}),(0,O.jsx)(v,{title:h,price:{value:k,listPrice:E,formatter:g.P},ratingValue:l,outOfStock:S,onButtonClick:d,linkProps:_,showDiscountBadge:f})]}))}var Z=(0,i.memo)(E)},7528:function(e,t,r){"use strict";r.d(t,{Z:function(){return f}});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(8879),l=r(7837),u=r.n(l),d=r(2322);var f=function(e){var{title:t,caption:r,actionPath:n,actionLabel:l,variant:f="primary",colorVariant:p="main"}=e;return(0,d.jsx)(s.Z,{className:"layout__section",children:(0,d.jsx)(a,{className:u().fsBannerText,"data-fs-banner-text":!0,"data-fs-banner-text-variant":f,"data-fs-banner-text-color-variant":p,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":p,children:[(0,d.jsx)("h2",{children:t}),"secondary"===f&&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:f,inverse:"main"===p,children:l})})]})})})}},383:function(e,t,r){"use strict";r.d(t,{Z:function(){return k}});var n=r(9499),a=r(4730),i=r(3906),o=r(8287),c=r(4842),s=r(2784),l=r(395),u=r(2478),d=r(1093),f=r(29),p=r(9857),m=r(180),h=r(7732),v=(e,t,r)=>{var n=(0,p.ZP)((0,h.km)(e,t),(()=>null),h.WN),a=function(){var t=(0,f.Z)((function*(t){var a=yield(0,m.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),y=r.n(g),w=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 x(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 k=(0,s.forwardRef)((function(e,t){var{title:r,description:n,card:f=!1,lite:p=!1}=e,m=(0,a.Z)(e,j),{subscribeUser:h,loading:g,data:O}=(()=>{var[e,{data:t,error:r,isValidating:n}]=v("SubscribeToNewsletter",{data:{name:"",email:""}});return{subscribeUser:e,data:t,error:r,loading:n}})(),k=(0,s.useRef)(null),P=(0,s.useRef)(null),{pushToast:E}=(0,l.l)();return(0,w.jsx)(b.Z,{"data-fs-newsletter":f?"card":"",className:"layout__section ".concat(y().fsNewsletter),children:(0,w.jsxs)(i.Z,x(x({"data-fs-newsletter-form":!0,ref:t,onSubmit:e=>{var t,r,n,a,i;e.preventDefault(),h({data:{name:null!==(t=null===(r=k.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?E({title:"Hooray!",message:"Thank for your subscription.",status:"INFO",icon:(0,w.jsx)(u.Z,{name:"CircleWavyCheck",width:30,height:30})}):E({title:"Oops.",message:"Something went wrong. Please Try again.",status:"ERROR",icon:(0,w.jsx)(u.Z,{name:"CircleWavyWarning",width:30,height:30})}),e.currentTarget.reset()}},m),{},{className:"layout__content",children:[(0,w.jsxs)("header",{"data-fs-newsletter-header":!0,children:[(0,w.jsxs)("h3",{children:[(0,w.jsx)(u.Z,{name:"Envelop",width:32,height:32}),r]}),n&&(0,w.jsxs)("span",{children:[" ",n]})]}),(0,w.jsx)("div",{"data-fs-newsletter-controls":!0,children:p?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(o.Z,{inputRef:P,id:"newsletter-email",label:"Your Email",type:"email",required:!0,actionable:!0,onSubmit:()=>{},onClear:()=>{},buttonActionText:"Subscribe",displayClearButton:!1}),(0,w.jsxs)("span",{"data-fs-newsletter-addendum":!0,children:["By subscribing to our newsletter you agree to to our"," ",(0,w.jsx)(d.Z,{href:"/",inverse:!0,variant:"inline",children:"Privacy Policy."})]})]}):(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(o.Z,{inputRef:k,id:"newsletter-name",label:"Your Name",required:!0}),(0,w.jsx)(o.Z,{inputRef:P,id:"newsletter-email",label:"Your Email",type:"email",required:!0}),(0,w.jsxs)("span",{"data-fs-newsletter-addendum":!0,children:["By subscribing to our newsletter you agree to to our"," ",(0,w.jsx)(d.Z,{href:"/",inverse:!0,variant:"inline",children:"Privacy Policy."})]}),(0,w.jsx)(c.Z,{variant:"secondary",inverse:!0,type:"submit",children:g?"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),u=r(3288),d=r(2322);var f=function(e){var{children:t,aspectRatio:r,loading:n=!0}=e;return n?(0,d.jsx)("ul",{"data-fs-product-shelf-items":!0,className:"layout__content ".concat(l().fsProductShelf),children:Array.from({length:c.K},((e,t)=>(0,d.jsx)("li",{children:(0,d.jsx)(u.Z,{aspectRatio:r,sectioned:!0})},String(t))))}):(0,d.jsx)(d.Fragment,{children:t})},p=r(737),m=r(3432),h=r(8879),v=["title","withDivisor"];var b=function(e){var t,{title:r,withDivisor:c=!1}=e,s=(0,n.Z)(e,v),u=(0,a.useRef)(!1),{ref:b,inView:g}=(0,i.YD)(),y=(0,p.kN)(s),w=null!==(t=null===y||void 0===y?void 0:y.edges)&&void 0!==t?t:[],{sendViewItemListEvent:j}=(0,o.m)({products:w,title:r,page:0,pageSize:0});return(0,a.useEffect)((()=>{g&&!u.current&&w.length&&(j(),u.current=!0)}),[g,w.length,j]),0===(null===y||void 0===y?void 0:y.edges.length)?null:(0,d.jsxs)(h.Z,{className:"layout__section ".concat(c?"section__divisor":""),ref:b,children:[(0,d.jsx)("h2",{className:"text__title-section layout__content",children:r}),(0,d.jsx)("div",{className:l().fsProductShelf,"data-fs-product-shelf":!0,children:(0,d.jsx)(f,{aspectRatio:1,loading:void 0===y,children:(0,d.jsx)("ul",{"data-fs-product-shelf-items":!0,className:"layout__content",children:w.map(((e,t)=>(0,d.jsx)("li",{children:(0,d.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 u}});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))})),u=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"}})]})]})}},2154:function(e,t,r){"use strict";r.d(t,{E:function(){return j}});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 u=(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("/")}},d=["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:c={}}=e,s=(0,a.Z)(e,d),{srcSet:l,src:h}=(0,i.useMemo)((()=>{var e=u(t,c),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,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:h,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 y(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 w(e){var{src:t,width:r,height:n,quality:i}=e,o=(0,a.Z)(e,b),{src:s,alt:l}=h(y({src:String(t),width:Number(r),height:Number(n),options:i?{filters:{quality:i}}:void 0},o));return(0,v.jsx)(c(),y({"data-fs-image":!0,unoptimized:!0,src:s,width:r,height:n,alt:l},o))}w.displayName="Image";var j=(0,i.memo)(w)},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={}},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 o},o:function(){return i}});var n=r(2784),a=r(5914),i=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])},o=e=>{var t=i();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 h},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),u=["cache"],d=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:c}=e,{channel:s,locale:l}=(0,d.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=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},b=(e,t)=>{var r=h(e),{cache:n}=(0,i.kY)();return(0,a.useCallback)((()=>((e,t,r)=>{var{cache:n}=r,a=(0,c.Z)(r,u),o=(0,l.km)(e,t);n.get(o)||(0,i.JG)(o,(0,s.W)(e,t,a))})(m,r,p({cache:n},t))),[r,n,t])}},7837:function(e){e.exports={"fs-banner-text":"banner-text_fs-banner-text__65Ydx",fsBannerText:"banner-text_fs-banner-text__65Ydx"}},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"}},3906:function(e,t,r){"use strict";var n=r(2784);const a=(0,n.forwardRef)((function({testId:e="store-form",children:t,...r},a){return n.createElement("form",{ref:a,"data-fs-form":!0,"data-testid":e,...r},t)}));t.Z=a}}]);

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

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[103],{7377:function(e,t,r){"use strict";r.d(t,{Z:function(){return l}});var n=r(2784),a=r(2765),i=r(875);var o=()=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",strokeWidth:"24",width:16,height:16},n.createElement("rect",{width:"256",height:"256",fill:"none"}),n.createElement("line",{x1:"40",y1:"128",x2:"216",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}));var s=()=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",strokeWidth:"24",width:16,height:16},n.createElement("rect",{width:"256",height:"256",fill:"none"}),n.createElement("line",{x1:"40",y1:"128",x2:"216",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("line",{x1:"128",y1:"40",x2:"128",y2:"216",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}));var l=({max:e,min:t=1,initial:r,disabled:l=!1,onChange:c,testId:d="fs-quantity-selector",...u})=>{const[p,f]=(0,n.useState)(r??t),m=p===t,h=p===e,g=e=>{const t=b(p+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":l?"disabled":"true","data-testid":d,...u},n.createElement(a.Z,{"data-quantity-selector-button":"left",icon:n.createElement(o,null),"aria-label":"Decrement Quantity","aria-controls":"quantity-selector-input",disabled:m||l,onClick:()=>g(-1),testId:`${d}-left-button`}),n.createElement(i.Z,{"data-quantity-selector-input":!0,id:"quantity-selector-input","aria-label":"Quantity",value:p,onChange:function(e){const t=e.currentTarget.value;Number.isNaN(Number(t))||f((()=>{const e=b(Number(t));return c?.(e),e}))},disabled:l}),n.createElement(a.Z,{"data-quantity-selector-button":"right","aria-controls":"quantity-selector-input","aria-label":"Increment Quantity",disabled:h||l,icon:n.createElement(s,null),onClick:()=>g(1),testId:`${d}-right-button`}))}},1444:function(e,t,r){"use strict";r.d(t,{Z:function(){return D}});var n=r(9499),a=r(4730),i=r(2784);var o=({size:e=24})=>i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",strokeWidth:"16",width:e,height:e},i.createElement("rect",{width:"256",height:"256",fill:"none"}),i.createElement("circle",{cx:"128",cy:"128",r:"12"}),i.createElement("circle",{cx:"192",cy:"128",r:"12"}),i.createElement("circle",{cx:"64",cy:"128",r:"12"}));var s=({size:e=24})=>i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",fill:"currentColor",strokeWidth:"16",width:e,height:e},i.createElement("rect",{width:"256",height:"256",fill:"none"}),i.createElement("polyline",{points:"160 128 208 176 160 224",fill:"none",stroke:"currentColor"}),i.createElement("polyline",{points:"64 32 64 176 208 176",fill:"none",stroke:"currentColor"})),l=r(5045),c=r(7865);var d=(0,i.createContext)({isOpen:!1,dropdownButtonRef:null,selectedDropdownItemIndexRef:null,dropdownItemsRef:null,id:"fs-dropdown"});var u=({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),c=(0,i.useRef)(null),u=(0,i.useCallback)((()=>{o(!1),r?.()}),[r]),p=()=>{o(!0)},f=(0,i.useCallback)((()=>{o((e=>(e&&(r?.(),c.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:p,toggle:f,dropdownButtonRef:c,onDismiss:r,selectedDropdownItemIndexRef:l,dropdownItemsRef:s,id:n})),[u,n,a,r,f]);return i.createElement(d.Provider,{value:m},e)},p=r(4842);const f=()=>{const e=(0,i.useContext)(d);if(void 0===e)throw new Error("Do not use useDropdown hook outside the Dropdown context.");return e};var m=(0,i.forwardRef)((function({children:e,testId:t="fs-dropdown-button",...r},n){const{toggle:a,dropdownButtonRef:o,isOpen:s,id:l}=f();return(0,i.useImperativeHandle)(n,(()=>o.current),[o]),i.createElement(p.Z,{"data-fs-dropdown-button":!0,onClick:a,"data-testid":t,ref:o,"aria-expanded":s,"aria-haspopup":"menu","aria-controls":l,variant:"tertiary",...r},e)})),h=r(8316);var g=({children:e,testId:t="fs-dropdown-menu",size:r="regular",style:n,...a})=>{const{isOpen:o,close:s,dropdownItemsRef:l,selectedDropdownItemIndexRef:c,dropdownButtonRef:d,id:u}=f(),p=(()=>{const{dropdownButtonRef:e}=f(),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)}})(),m=i.Children.toArray(e).length;return o?(0,h.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&&(c.current<m-1?c.current++:c.current=0,l?.current[c.current]?.focus()),"ArrowUp"===e.key&&(c.current>0?c.current--:c.current=m-1,l?.current[c.current]?.focus()),"Home"===e.key&&(c.current=0,l?.current[c.current]?.focus()),"End"===e.key&&(c.current=m-1,l?.current[c.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:{...p,...n},id:u,...a},e)),document.body):(l.current=[],null)};var b=(0,i.forwardRef)((function({children:e,icon:t,onClick:r,testId:n="fs-dropdown-item",...a},o){const{dropdownItemsRef:s,selectedDropdownItemIndexRef:c,close:d}=f(),[u,p]=(0,i.useState)(0),m=(0,i.useRef)(),h=()=>{c.current=u,s?.current[c.current]?.focus()};return(0,i.useImperativeHandle)(o,(()=>m.current),[]),i.createElement("button",{"data-fs-dropdown-item":!0,"data-testid":n,ref:e=>{e&&!s?.current.includes(e)&&(s?.current.push(e),p(s?.current.findIndex((t=>t===e))??0)),m.current=e},onFocus:h,onMouseEnter:h,onClick:e=>{r?.(e),d?.()},role:"menuitem",tabIndex:-1,"data-index":u,...a},t&&i.createElement(l.Z,{"data-fs-dropdown-item-icon":!0,component:t}),e)})),y=r(1329);var v=({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 j=({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(v,{divider:r,testId:n})):i.createElement("li",{"data-fs-breadcrumb-list-item":!0},i.createElement("span",{...a},e,t?null:i.createElement(v,{divider:r,testId:n})))};var x=(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(y.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(j,{isLastItem:o,divider:t,key:`breadcrumb-${n}`,testId:r},e)}))))}));var w=({size:e=24})=>i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",strokeWidth:"16",width:e,height:e},i.createElement("rect",{width:"256",height:"256",fill:"none"}),i.createElement("path",{d:"M152,208V160a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v48a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V115.5a8.3,8.3,0,0,1,2.6-5.9l80-72.7a8,8,0,0,1,10.8,0l80,72.7a8.3,8.3,0,0,1,2.6,5.9V208a8,8,0,0,1-8,8H160A8,8,0,0,1,152,208Z",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}));var O=()=>i.createElement(c.Z,{"data-fs-breadcrumb-link":!0,"data-fs-breadcrumb-link-home":!0,"aria-label":"Go to homepage",href:"/"},i.createElement(l.Z,{component:i.createElement(w,{size:18})}));var k=(0,i.forwardRef)((function({children:e,divider:t="",testId:r="fs-breadcrumb",breadcrumbList:n,isDesktop:a=!1,renderLink:d,homeLink:p=i.createElement(O,null),dropdownButtonIcon:f=i.createElement(l.Z,{component:i.createElement(o,null)}),collapsedItemsIcon:h=i.createElement(l.Z,{component:i.createElement(s,null)}),...y},v){const j=(0,i.cloneElement)(p,{"data-fs-breadcrumb-link":!0,"data-fs-breadcrumb-link-home":!0,"aria-label":"Go to homepage",href:"/"}),w=a?n[0]:null,k=a?n.slice(1,-2):n.slice(0,-2),E=n.slice(-2),P=n.length>4,I=(0,i.useCallback)((e=>{const t=d?.(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(c.Z,{...r,href:e.itemProps.item,key:e.itemProps.position},e.itemProps.name)}),[d]);return i.createElement(x,{ref:v,"data-fs-breadcrumb-is-desktop":a,...y},j,!P&&n.map(((e,t)=>n.length===t+1?i.createElement("span",{key:String(e.position)},e.name):I({itemProps:e,collapsed:!1}))),P&&w&&I({itemProps:w,collapsed:!1}),P&&i.createElement(u,null,i.createElement(m,{"data-fs-breadcrumb-dropdown-button":!0,size:"small"},f),i.createElement(g,{"data-fs-breadcrumb-dropdown-menu":!0},k.map((e=>i.createElement(b,{"data-fs-breadcrumb-dropdown-item":!0,key:String(e.position),icon:h},I({itemProps:e,collapsed:!0})))))),P&&E.map(((e,t)=>E.length===t+1?i.createElement("span",{key:String(e.position)},e.name):I({itemProps:e,collapsed:!1}))))}));var E=({breadcrumbList:e,...t})=>i.createElement(i.Fragment,null,i.createElement(k,{breadcrumbList:e,...t}),i.createElement(k,{breadcrumbList:e,isDesktop:!0,...t})),P=r(2478),I=r(1093),Z=r(2322),_=["breadcrumbList"];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 C=e=>{var{breadcrumbList:t}=e,r=(0,a.Z)(e,_);return(0,Z.jsx)(E,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}({breadcrumbList:t,homeLink:(0,Z.jsx)(I.Z,{"aria-label":"Go to homepage",href:"/",children:(0,Z.jsx)(P.Z,{name:"House",width:18,height:18,weight:"bold"})}),renderLink:e=>{var{itemProps:{item:t,name:r}}=e;return(0,Z.jsx)(I.Z,{"data-fs-breadcrumb-link":!0,href:t,children:r})}},r))},D=(0,i.memo)(C)},7695:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return lt},default:function(){return ct}});var n=r(9499),a=r(5351),i=r(701),o=r(7528),s=r(383),l=r(8879),c=r(4540),d=r.n(c),u=r(2322);var p=function(){return(0,u.jsx)(l.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})]})})},f=r(2784),m=r(7304),h=e=>{var{items:t,title:r,context:n,kind:a}=e,i=(0,f.useMemo)((()=>[{key:a,value:n.isVariantOf.productGroupID}]),[a,n.isVariantOf.productGroupID]);return(0,u.jsx)(m.Z,{first:t,title:r,selectedFacets:i})},g=r(8460),b=r(783);var y=(0,f.forwardRef)((function({title:e,label:t,refTag:r="Ref.: ",refNumber:n,testId:a="fs-product-title",ratingValue:i,...o},s){return f.createElement("header",{ref:s,"data-fs-product-title":!0,"data-testid":a,...o},f.createElement("div",{"data-fs-product-title-header":!0},e,!!t&&t),(n||i)&&f.createElement("p",{"data-fs-product-title-addendum":!0},i&&f.createElement(b.Z,{value:i}),n&&f.createElement(f.Fragment,null,r," ",n)))})),v=r(9875),j=r(7549),x=r(7377),w=r(4842),O=r(6632);var k=function({testId:e="fs-buy-button",icon:t,children:r,...n}){return f.createElement(w.Z,{"data-fs-buy-button":!0,icon:f.createElement(O.Z,null),iconPosition:"left","data-testid":e,...n},r)},E=r(3906);var P=({testId:e="store-out-of-stock",children:t,...r})=>f.createElement("section",{"data-fs-out-of-stock":!0,"data-testid":e},f.createElement(E.Z,{"data-out-of-stock-form":!0,testId:`${e}-form`,...r},t));const I=({as:e="h2",testId:t="store-out-of-stock-title",children:r,...n})=>f.createElement(e,{"data-out-of-stock-title":!0,"data-testid":t,...n},r),Z=({as:e="p",testId:t="store-out-of-stock-message",children:r,...n})=>f.createElement(e,{"data-out-of-stock-message":!0,"data-testid":t,...n},r);var _=r(8287),S=r(2478),C=r(4314),D=r.n(C),N=r(5914);var L=function(e){var{postalCode:t}=(0,N.kP)(),r="Notify me",n="BellRinging",{0:a,1:i}=(0,f.useState)(r),{0:o,1:s}=(0,f.useState)(n),{0:l,1:c}=(0,f.useState)(!1),{0:d,1:p}=(0,f.useState)(""),{0:m,1:h}=(0,f.useState)(""),{title:g=(t?"Unavailable in Your Location":"Out of Stock"),notificationMsg:b="Notify me when available",buttonText:y=a,buttonIcon:v=(0,u.jsx)(S.Z,{name:o,width:16,height:16}),notificationMsgIcon:j=(0,u.jsx)(S.Z,{name:n,width:16,height:16}),onSubmit:x}=e,O=()=>{s(n),i(r),c(!1),p(""),h("")};return(0,u.jsxs)(P,{"data-fs-out-of-stock":!0,className:D().fsOutOfStock,onSubmit:e=>{e.preventDefault(),c(!0),s("Ellipsis");try{x(d),s("Checked"),i("Subscribed successfully")}catch(t){h(t.message)}finally{setTimeout(O,2e3)}},children:[(0,u.jsx)(I,{"data-fs-out-of-stock-title":!0,children:g}),(0,u.jsxs)(Z,{"data-fs-out-of-stock-message":!0,children:[j," ",b]}),(0,u.jsx)(_.Z,{id:"out-of-stock-email",value:d,label:"Email","aria-label":"Email",error:m,onChange:e=>{h(""),p(e.target.value)}}),(0,u.jsx)(w.Z,{"data-fs-out-of-stock-button":!0,type:"submit",disabled:l,variant:"primary",icon:v,iconPosition:"left",children:y})]})},R=r(1444),B=r(2765),M=r(7704),V=r(2154),q=r(5464),T=r.n(q),A=(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 G=function(e){var t,{images:r,onSelect:n,currentImageIdx:a}=e,i=(0,f.useRef)(null),o=!!(t=i.current)&&(t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth),{ref:s,inView:l}=(0,M.YD)({threshold:1}),{ref:c,inView:d}=(0,M.YD)({threshold:1});return(0,u.jsxs)("section",{"data-fs-image-gallery-selector":!0,className:T().fsImageGallerySelector,"aria-roledescription":"carousel","aria-label":"Product images",children:[o&&!l&&(0,u.jsx)(B.Z,{"data-fs-image-gallery-selector-control-button":!0,"aria-label":"backward slide image selector",icon:(0,u.jsx)(S.Z,{name:"ArrowLeft",width:24,height:24}),onClick:()=>A(i.current,-400)}),(0,u.jsx)("div",{"data-fs-image-gallery-selector-elements":!0,ref:i,children:r.map(((e,t)=>{var i=0===t?s:t===r.length-1?c:null;return(0,u.jsx)(w.Z,{"aria-label":"".concat(e.alternateName," - Image ").concat(t+1," of ").concat(r.length),onClick:()=>n(t),"data-fs-image-gallery-selector-thumbnail":t===a?"selected":"true",children:(0,u.jsx)(V.E,{onLoadingComplete:e=>{i&&i(e)},src:e.url,alt:e.alternateName,loading:0===t?"eager":"lazy",sizes:"(max-width: 72px) 25vw, 30vw",width:72,height:72})},t)}))}),o&&!d&&(0,u.jsx)(B.Z,{"data-fs-image-gallery-selector-control-button":!0,"aria-label":"forward slide image selector",icon:(0,u.jsx)(S.Z,{name:"ArrowLeft",width:24,height:24}),onClick:()=>A(i.current,400)})]})},H=r(4730),z=r(479),W=r.n(z),F=["images"];function $(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 Q(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?$(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):$(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var U=function(e){var{images:t}=e,r=(0,H.Z)(e,F),{0:n,1:a}=(0,f.useState)(0),i=t[n],o=t.length>1;return(0,u.jsxs)("section",Q(Q({"data-fs-image-gallery":o?"with-selector":"without-selector",className:W().fsImageGallery},r),{},{children:[(0,u.jsx)(K,{children:(0,u.jsx)(V.E,{src:i.url,alt:i.alternateName,sizes:"(max-width: 804px) 25vw, 30vw",width:804,height:603,loading:"eager",priority:!0})}),o&&(0,u.jsx)(G,{images:t,currentImageIdx:n,onSelect:a})]}))},K=e=>{var{children:t}=e;return(0,u.jsxs)(u.Fragment,{children:[" ",t," "]})};var Y=(0,f.forwardRef)((function({children:e,variant:t="colored",testId:r="fs-table",...n},a){return f.createElement("div",{"data-fs-table":!0},f.createElement("table",{ref:a,"data-fs-table-content":!0,"data-fs-table-variant":t,"data-testid":r,...n},e))}));var X=(0,f.forwardRef)((function({children:e,testId:t="fs-table-body",...r},n){return f.createElement("tbody",{ref:n,"data-testid":t,"data-fs-table-body":!0,...r},e)}));var J=(0,f.forwardRef)((function({children:e,testId:t="fs-table-row",...r},n){return f.createElement("tr",{ref:n,"data-fs-table-row":!0,"data-testid":t,...r},e)}));var ee=(0,f.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 f.createElement(s,{ref:o,"data-fs-table-cell":n,"data-fs-table-cell-align":t,"data-testid":a,scope:e,...i},r)})),te=r(5346),re=r(1093),ne=r(2100),ae=r.n(ne),ie=r(29),oe=r(180),se=function(){var e=(0,ie.Z)((function*(e){var{items:t,postalCode:r,country:n}=e;return(yield(0,oe.W)("ShippingSimulationQuery",{items:t,postalCode:r,country:n})).shipping}));return function(t){return e.apply(this,arguments)}}();function le(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 ce(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?le(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):le(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var de=()=>({input:{postalCode:"",displayClearButton:!1,errorMessage:""},shippingSimulation:{location:"",options:[]}}),ue=(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:ce(ce({},e.input),n.input),shippingSimulation:ce(ce({},e.shippingSimulation),n.shippingSimulation)};case"onInput":var{payload:a}=t;return ce(ce({},e),{},{input:ce({},a)});case"onError":var{payload:i}=t;return ce(ce({},e),{},{input:ce(ce({},e.input),i)});default:throw new Error("Action ".concat(r," not implemented"))}};function pe(e){var t,r,n,a,i,o;return[null!==(t=[null===e||void 0===e||null===(r=e.address)||void 0===r?void 0:r.neighborhood,null===e||void 0===e||null===(n=e.address)||void 0===n?void 0:n.city].filter(Boolean).join(" / "))&&void 0!==t?t:"",null!==(a=null===e||void 0===e||null===(i=e.logisticsInfo)||void 0===i||null===(o=i[0])||void 0===o?void 0:o.slas)&&void 0!==a?a:[]]}var fe=e=>{var{postalCode:t,country:r}=(0,N.kP)(),{0:{input:n,shippingSimulation:a},1:i}=(0,f.useReducer)(ue,null,de),{postalCode:o}=n;(0,f.useEffect)((()=>{function n(){return n=(0,ie.Z)((function*(){var n=yield se({country:r,postalCode:null!==t&&void 0!==t?t:"",items:[e]}),[a,o]=pe(n);i({type:"update",payload:{input:{postalCode:null!==t&&void 0!==t?t:"",displayClearButton:!0,errorMessage:""},shippingSimulation:{location:a,options:o}}})})),n.apply(this,arguments)}t&&!o&&function(){n.apply(this,arguments)}()}),[t]);var s=(0,f.useCallback)((0,ie.Z)((function*(){try{var t=yield se({country:r,postalCode:null!==o&&void 0!==o?o:"",items:[e]}),[n,a]=pe(t);i({type:"update",payload:{input:{displayClearButton:!0,errorMessage:""},shippingSimulation:{location:n,options:a}}})}catch(s){i({type:"onError",payload:{displayClearButton:!0,errorMessage:"You entered an invalid Postal Code"}})}})),[r,e,o]),l=(0,f.useCallback)((e=>{var t=e.currentTarget.value;i(t?{type:"onInput",payload:{postalCode:t,displayClearButton:!1,errorMessage:""}}:{type:"clear"})}),[]);return{input:n,shippingSimulation:a,dispatch:i,handleSubmit:s,handleOnInput:l}},me=["testId","shippingItem"];function he(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 ge(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?he(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):he(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var be=function(e){var{testId:t="store-shipping-simulation",shippingItem:r}=e,n=(0,H.Z)(e,me),{dispatch:a,input:i,shippingSimulation:o,handleSubmit:s,handleOnInput:l}=fe(r),{postalCode:c,displayClearButton:d,errorMessage:p}=i,{location:f,options:m}=o,h=(0,te.o)(),g=!!m&&m.length>0;return(0,u.jsxs)("section",ge(ge({className:ae().fsShippingSimulation,"data-fs-shipping-simulation":!0,"data-fs-shipping-simulation-empty":g?"false":"true","data-testid":t},n),{},{children:[(0,u.jsx)("h2",{className:"text__title-subsection","data-fs-shipping-simulation-title":!0,children:"Shipping"}),(0,u.jsx)(_.Z,{actionable:!0,error:p,id:"shipping-postal-code",label:"Postal Code",value:c,onInput:l,onSubmit:s,onClear:()=>a({type:"clear"}),displayClearButton:d}),(0,u.jsxs)(re.Z,{href:"/","data-fs-shipping-simulation-link":!0,size:"small",children:["I don't know my Postal Code",(0,u.jsx)(S.Z,{name:"ArrowSquareOut",width:18,height:18})]}),g&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("header",{"data-fs-shipping-simulation-header":!0,children:[(0,u.jsx)("h3",{"data-fs-shipping-simulation-subtitle":!0,children:"Shipping options"}),(0,u.jsx)("p",{className:"text__body","data-fs-shipping-simulation-location":!0,children:f})]}),(0,u.jsx)(Y,{children:(0,u.jsx)(X,{children:m.map((e=>(0,u.jsxs)(J,{children:[(0,u.jsx)(ee,{align:"left",children:e.carrier}),(0,u.jsx)(ee,{children:e.localizedEstimates}),(0,u.jsx)(ee,{align:"right",children:e.price&&(0,u.jsx)(j.Z,{formatter:h,value:e.price,SRText:"price"})})]},e.carrier)))})})]})]}))},ye=r(7216),ve=r(7865),je=r(2691);const xe=e=>new URL(e).pathname.split("/").at(-1);const we=(e,t,r,n)=>({getItemHref:(0,f.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])}),Oe=({src:e,alt:t,...r})=>f.createElement("img",{src:e,alt:t,...r}),ke=(0,f.forwardRef)((function({availableVariations:e,skuPropertyName:t,testId:r,activeVariations:n,linkProps:a,slugsMap:i,getItemHref:o,ImageComponent:s=Oe,variant:l,...c},d){const u=n[t],p=e[t],m=((e,t)=>(0,f.useMemo)((()=>{if(t)return t;if(e.every((e=>e.hexColor)))return"color";const r=e[0]?.src&&xe(e[0].src);return e.every((e=>!e.src||xe(e.src)===r))?"label":"image"}),[e,t]))(p,l),{getItemHref:h}=we(n,i,t,o);return f.createElement("div",{ref:d,"data-fs-sku-selector":!0,"data-testid":r,"data-fs-sku-selector-variant":m,...c},t&&f.createElement(ye.Z,{"data-fs-sku-selector-title":!0},t,": ",f.createElement("strong",null,u)),f.createElement("ul",{"data-fs-sku-selector-list":!0},p.map(((e,r)=>f.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]},f.createElement(ve.Z,{"data-fs-sku-selector-option-link":!0,href:h(e),...a},f.createElement(je.Z,{text:e.label})),"label"===m&&f.createElement("span",null,e.value),"image"===m&&s&&f.createElement("span",null,f.createElement(s,{src:e.src??"",alt:e.alt??"","data-fs-sku-selector-option-image":!0})),"color"===m&&f.createElement("span",null,f.createElement("div",{"data-fs-sku-selector-option-color":!0,title:e.value,style:{"--data-fs-sku-selector-option-color-bkg-color":e.hexColor}})))))))}));var Ee=ke,Pe=r(1664),Ie=r.n(Pe),Ze=["src","alt"],_e=["slugsMap","activeVariations","availableVariations"];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}function Ce(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}var De=e=>{var{src:t,alt:r}=e,n=(0,H.Z)(e,Ze);return(0,u.jsx)(V.E,Ce({src:t,alt:r,width:20,height:20,loading:"lazy"},n))};var Ne=function(e){var{slugsMap:t,activeVariations:r,availableVariations:n}=e,a=(0,H.Z)(e,_e);return(0,u.jsx)("section",Ce(Ce({},a),{},{children:n&&Object.keys(n).map((e=>(0,u.jsx)(Ee,{skuPropertyName:e,availableVariations:n,ImageComponent:De,activeVariations:r,slugsMap:t,linkProps:{as:Ie(),legacyBehavior:!1}},e)))}))},Le=r(395),Re=r(8776),Be=r(7732),Me=r(9739),Ve=r(997),qe=r(7831),Te=r(331),Ae=r(5045),Ge=r(1329);function He(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 ze(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?He(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):He(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var We={first:[0],all:[0,1,2,3],none:[]},Fe={description:"Description",about:"About this product",highlights:"Product highlights",learnMore:"Learn More"};var $e=function(e){var{initiallyExpanded:t="first",labels:r={}}=e,{0:n,1:a}=(0,f.useState)(new Set(We[t])),i=ze(ze({},Fe),r);return(0,u.jsx)(l.Z,{"data-fs-product-details-content":!0,children:(0,u.jsxs)(Me.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)(Ve.Z,{as:"article",index:0,"data-fs-product-details-description":!0,prefixId:"product-details-content",children:[(0,u.jsx)(qe.Z,{children:i.description}),(0,u.jsx)(Te.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)(Ve.Z,{as:"article",index:1,"data-fs-product-details-about":!0,prefixId:"product-details-content",children:[(0,u.jsx)(qe.Z,{children:i.about}),(0,u.jsx)(Te.Z,{children:(0,u.jsx)(Y,{cellPadding:0,cellSpacing:0,className:"text__title-mini-alt",children:(0,u.jsxs)(X,{children:[(0,u.jsxs)(J,{children:[(0,u.jsxs)(ee,{variant:"header",align:"left",children:[(0,u.jsx)(Ae.Z,{"data-fs-accordion-item-button-icon":!0,component:(0,u.jsx)(S.Z,{name:"Ruler",width:18,height:18})}),(0,u.jsx)("span",{children:"Width"})]}),(0,u.jsx)(ee,{align:"right",children:"1.50m"})]}),(0,u.jsxs)(J,{children:[(0,u.jsxs)(ee,{variant:"header",align:"left",children:[(0,u.jsx)(Ae.Z,{"data-fs-accordion-item-button-icon":!0,component:(0,u.jsx)(S.Z,{name:"Ruler",width:18,height:18})}),"Height"]}),(0,u.jsx)(ee,{align:"right",children:"1.50m"})]}),(0,u.jsxs)(J,{children:[(0,u.jsxs)(ee,{variant:"header",align:"left",children:[(0,u.jsx)(Ae.Z,{"data-fs-accordion-item-button-icon":!0,component:(0,u.jsx)(S.Z,{name:"Ruler",width:18,height:18})}),"Dimensions"]}),(0,u.jsx)(ee,{align:"right",children:"7.27 x 3.03 x 9.94 inches"})]}),(0,u.jsxs)(J,{children:[(0,u.jsxs)(ee,{variant:"header",align:"left",children:[(0,u.jsx)(Ae.Z,{"data-fs-accordion-item-button-icon":!0,component:(0,u.jsx)(S.Z,{name:"Bag",width:18,height:18})}),"Weight"]}),(0,u.jsx)(ee,{align:"right",children:"12oz"})]}),(0,u.jsxs)(J,{children:[(0,u.jsxs)(ee,{variant:"header",align:"left",children:[(0,u.jsx)(Ae.Z,{"data-fs-accordion-item-button-icon":!0,component:(0,u.jsx)(S.Z,{name:"RocketLaunch",width:18,height:18})}),"Days to ship"]}),(0,u.jsx)(ee,{align:"right",children:"11 Days"})]}),(0,u.jsxs)(J,{children:[(0,u.jsxs)(ee,{variant:"header",align:"left",children:[(0,u.jsx)(Ae.Z,{"data-fs-accordion-item-button-icon":!0,component:(0,u.jsx)(S.Z,{name:"CircleWavyCheck",width:18,height:18})}),"Estimated"]}),(0,u.jsx)(ee,{align:"right",children:"Nov 10th"})]})]})})})]}),(0,u.jsxs)(Ve.Z,{as:"article",className:"text__body",index:2,"data-fs-product-details-highlights":!0,prefixId:"product-details-content",children:[(0,u.jsx)(qe.Z,{children:i.highlights}),(0,u.jsx)(Te.Z,{children:(0,u.jsxs)(Ge.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)(Ve.Z,{as:"article",index:3,"data-fs-product-details-learn-more":!0,prefixId:"product-details-content",children:[(0,u.jsx)(qe.Z,{children:i.learnMore}),(0,u.jsx)(Te.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."})})]})]})})},Qe=r(3250),Ue=r.n(Qe);function Ke(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?Ke(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ke(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function Xe(){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 Je=function(e){var{context:t}=e,{currency:r}=(0,N.kP)(),{0:n,1:a}=(0,f.useState)(1),{data:i,isValidating:o}=((e,t)=>{var{channel:r,locale:n}=(0,N.kP)(),a=(0,f.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,Be.aM)("BrowserProductQuery",a,{fallbackData:t,revalidateOnMount:!0})})(t.id,{product:t});if(!i)throw new Error("NotFound");var{product:{id:s,sku:c,gtin:d,name:p,brand:m,isVariantOf:h,isVariantOf:{name:b,productGroupID:w,skuVariants:O},image:E,offers:{offers:[{availability:P,price:I,listPrice:Z,seller:_}],lowPrice:S},breadcrumbList:C,additionalProperty:D}}=i,B="https://schema.org/InStock"!==P,M=(e=>{var{openCart:t}=(0,Le.l)(),{currency:{code:r}}=(0,N.kP)();return{onClick:(0,f.useCallback)((n=>{n.preventDefault(),e&&((0,g._)({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}]}}),Re.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:I,listPrice:Z,seller:_,quantity:n,itemOffered:{sku:c,name:p,gtin:d,image:E,brand:m,isVariantOf:h,additionalProperty:D}});return(0,f.useEffect)((()=>{(0,g._)({name:"view_item",params:{currency:r.code,value:I,items:[{item_id:h.productGroupID,item_name:h.name,item_brand:m.name,item_variant:c,price:I,discount:Z-I,currency:r.code,item_variant_name:p,product_reference_id:d}]}})}),[h.productGroupID,h.name,m.name,c,I,Z,r.code,p,d]),(0,u.jsxs)(l.Z,{className:"".concat(Ue().fsProductDetails," layout__content layout__section"),children:[(0,u.jsx)(R.Z,{breadcrumbList:C.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)(y,{title:(0,u.jsx)("h1",{children:b}),label:(0,u.jsx)(v.Z,{listPrice:Z,spotPrice:S,size:"big"}),refNumber:w})}),(0,u.jsx)(U,{"data-fs-product-details-gallery":!0,images:E}),(0,u.jsxs)("section",{"data-fs-product-details-info":!0,children:[(0,u.jsxs)("section",{"data-fs-product-details-settings":!0,"data-fs-product-details-section":!0,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)(j.Z,{value:Z,formatter:te.P,testId:"list-price","data-value":Z,variant:"listing",SRText:"Original price:"}),(0,u.jsx)(j.Z,{value:S,formatter:te.P,testId:"price","data-value":S,variant:"spot",className:"text__lead",SRText:"Sale Price:"})]}),(0,u.jsx)(x.Z,{min:1,max:10,onChange:a})]}),O&&(0,u.jsx)(Ne,{"data-fs-product-details-selectors":!0,slugsMap:h.skuVariants.slugsMap,activeVariations:h.skuVariants.activeVariations,availableVariations:h.skuVariants.availableVariations}),o?(0,u.jsx)(Xe,{}):(0,u.jsx)(k,Ye(Ye({disabled:B},M),{},{children:"Add to Cart"})),!P&&(0,u.jsx)(L,{onSubmit:e=>{console.info(e)}})]}),(0,u.jsx)(be,{"data-fs-product-details-section":!0,"data-fs-product-details-shipping":!0,shippingItem:{id:s,quantity:n,seller:_.identifier}})]}),(0,u.jsx)($e,{})]})]})},et=r(7410),tt=r(2541),rt=r(7183),nt=r.n(rt);function at(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 it(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?at(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):at(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var ot=it({ProductDetails:Je,BannerNewsletter:p,CrossSellingShelf:h},et.Z);function st(e){var t,r,{product:n,sections:o}=e,{currency:s}=(0,N.kP)(),{seo:l}=n,c=l.title||nt().seo.title,d=l.description||nt().seo.description,p="".concat(nt().storeUrl).concat(l.canonical);return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(a.PB,{title:c,description:d,canonical:p,openGraph:{type:"og:product",url:p,title:c,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:it(it(it({},n.offers),n.offers.offers[0]),{},{url:p})}),(0,u.jsx)(i.Z,{context:n,sections:o,components:ot})]})}st.displayName="Page";var lt=!0,ct=(0,tt.B)(st)},6258:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[slug]/p",function(){return r(7695)}])},4314:function(e){e.exports={"fs-out-of-stock":"out-of-stock_fs-out-of-stock__opAqy",fsOutOfStock:"out-of-stock_fs-out-of-stock__opAqy"}},4540:function(e){e.exports={"fs-banner-newsletter":"banner-newsletter_fs-banner-newsletter__45gCy",fsBannerNewsletter:"banner-newsletter_fs-banner-newsletter__45gCy"}},3250:function(e){e.exports={"fs-product-details":"product-details_fs-product-details__KhD0C",fsProductDetails:"product-details_fs-product-details__KhD0C"}},5464:function(e){e.exports={"fs-image-gallery-selector":"image-gallery-selector_fs-image-gallery-selector__MgI11",fsImageGallerySelector:"image-gallery-selector_fs-image-gallery-selector__MgI11"}},479:function(e){e.exports={"fs-image-gallery":"image-gallery_fs-image-gallery__qtBsI",fsImageGallery:"image-gallery_fs-image-gallery__qtBsI"}},2100:function(e){e.exports={"fs-shipping-simulation":"shipping-simulation_fs-shipping-simulation__IOQSO",fsShippingSimulation:"shipping-simulation_fs-shipping-simulation__IOQSO"}}},function(e){e.O(0,[351,781,897,774,888,179],(function(){return t=6258,e(e.s=t);var t}));var t=e.O();_N_E=t}]);