@faststore/core 3.23.0 → 3.24.0

package/src/pages/account.tsx

@@ -10,6 +10,7 @@ import {
 import RenderSections from 'src/components/cms/RenderSections'
 import { default as GLOBAL_COMPONENTS } from 'src/components/cms/global/Components'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'
+import { injectGlobalSections } from 'src/server/cms/global'
 import storeConfig from '../../discovery.config'
 
 type Props = {
@@ -44,10 +45,27 @@ export const getStaticProps: GetStaticProps<
   Record<string, string>,
   Locator
 > = async ({ previewData }) => {
-  const globalSections = await getGlobalSectionsData(previewData)
+  const [
+    globalSectionsPromise,
+    globalSectionsHeaderPromise,
+    globalSectionsFooterPromise,
+  ] = getGlobalSectionsData(previewData)
+
+  const [globalSections, globalSectionsHeader, globalSectionsFooter] =
+    await Promise.all([
+      globalSectionsPromise,
+      globalSectionsHeaderPromise,
+      globalSectionsFooterPromise,
+    ])
+
+  const globalSectionsResult = injectGlobalSections({
+    globalSections,
+    globalSectionsHeader,
+    globalSectionsFooter,
+  })
 
   return {
-    props: { globalSections },
+    props: { globalSections: globalSectionsResult },
   }
 }
 

package/src/pages/checkout.tsx

@@ -12,6 +12,7 @@ import {
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'
 
 import RenderSections from 'src/components/cms/RenderSections'
+import { injectGlobalSections } from 'src/server/cms/global'
 import storeConfig from '../../discovery.config'
 
 type Props = {
@@ -46,10 +47,27 @@ export const getStaticProps: GetStaticProps<
   Record<string, string>,
   Locator
 > = async ({ previewData }) => {
-  const globalSections = await getGlobalSectionsData(previewData)
+  const [
+    globalSectionsPromise,
+    globalSectionsHeaderPromise,
+    globalSectionsFooterPromise,
+  ] = getGlobalSectionsData(previewData)
+
+  const [globalSections, globalSectionsHeader, globalSectionsFooter] =
+    await Promise.all([
+      globalSectionsPromise,
+      globalSectionsHeaderPromise,
+      globalSectionsFooterPromise,
+    ])
+
+  const globalSectionsResult = injectGlobalSections({
+    globalSections,
+    globalSectionsHeader,
+    globalSectionsFooter,
+  })
 
   return {
-    props: { globalSections },
+    props: { globalSections: globalSectionsResult },
   }
 }
 

package/src/pages/index.tsx

@@ -12,6 +12,7 @@ import {
 } from 'src/components/cms/GlobalSections'
 import COMPONENTS from 'src/components/cms/home/Components'
 import PageProvider from 'src/sdk/overrides/PageProvider'
+import { injectGlobalSections } from 'src/server/cms/global'
 import { getDynamicContent } from 'src/utils/dynamicContent'
 import storeConfig from '../../discovery.config'
 
@@ -147,7 +148,12 @@ export const getStaticProps: GetStaticProps<
   Record<string, string>,
   Locator
 > = async ({ previewData }) => {
-  const globalSectionsPromise = getGlobalSectionsData(previewData)
+  const [
+    globalSectionsPromise,
+    globalSectionsHeaderPromise,
+    globalSectionsFooterPromise,
+  ] = getGlobalSectionsData(previewData)
+
   const serverDataPromise = getDynamicContent({ pageType: 'home' })
 
   let cmsPage = null
@@ -165,14 +171,29 @@ export const getStaticProps: GetStaticProps<
         ...(previewData?.contentType === 'home' && previewData),
         contentType: 'home',
       })
-  const [page, globalSections, serverData] = await Promise.all([
+
+  const [
+    page,
+    globalSections,
+    globalSectionsHeader,
+    globalSectionsFooter,
+    serverData,
+  ] = await Promise.all([
     pagePromise,
     globalSectionsPromise,
+    globalSectionsHeaderPromise,
+    globalSectionsFooterPromise,
     serverDataPromise,
   ])
 
+  const globalSectionsResult = injectGlobalSections({
+    globalSections,
+    globalSectionsHeader,
+    globalSectionsFooter,
+  })
+
   return {
-    props: { page, globalSections, serverData },
+    props: { page, globalSections: globalSectionsResult, serverData },
   }
 }
 

package/src/pages/login.tsx

@@ -11,9 +11,10 @@ import {
 } from 'src/components/cms/GlobalSections'
 import RenderSections from 'src/components/cms/RenderSections'
 import { OverriddenDefaultEmptyState as EmptyState } from 'src/components/sections/EmptyState/OverriddenDefaultEmptyState'
-import PLUGINS_COMPONENTS from 'src/plugins'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'
+import PLUGINS_COMPONENTS from 'src/plugins'
 import { type PageContentType, getPage } from 'src/server/cms'
+import { injectGlobalSections } from 'src/server/cms/global'
 import storeConfig from '../../discovery.config'
 
 /* A list of components that can be used in the CMS. */
@@ -69,16 +70,31 @@ export const getStaticProps: GetStaticProps<
   Record<string, string>,
   Locator
 > = async ({ previewData }) => {
-  const [page, globalSections] = await Promise.all([
-    getPage<PageContentType>({
-      ...(previewData?.contentType === 'login' && previewData),
-      contentType: 'login',
-    }),
-    getGlobalSectionsData(previewData),
-  ])
+  const [
+    globalSectionsPromise,
+    globalSectionsHeaderPromise,
+    globalSectionsFooterPromise,
+  ] = getGlobalSectionsData(previewData)
+
+  const [page, globalSections, globalSectionsHeader, globalSectionsFooter] =
+    await Promise.all([
+      getPage<PageContentType>({
+        ...(previewData?.contentType === 'login' && previewData),
+        contentType: 'login',
+      }),
+      globalSectionsPromise,
+      globalSectionsHeaderPromise,
+      globalSectionsFooterPromise,
+    ])
+
+  const globalSectionsResult = injectGlobalSections({
+    globalSections,
+    globalSectionsHeader,
+    globalSectionsFooter,
+  })
 
   return {
-    props: { page, globalSections },
+    props: { page, globalSections: globalSectionsResult },
   }
 }
 

package/src/sdk/error/ChildrenSectionNotFoundError/ChildrenSectionNotFoundError.ts

@@ -0,0 +1,6 @@
+export default class ChildrenSectionNotFoundError extends Error {
+  constructor(message: string) {
+    super(message)
+    this.name = 'ChildrenSectionNotFoundError'
+  }
+}

package/src/sdk/error/ChildrenSectionNotFoundError/index.ts

@@ -0,0 +1 @@
+export { default } from './ChildrenSectionNotFoundError'

package/src/server/cms/global.ts

@@ -0,0 +1,38 @@
+import type { GlobalSectionsData } from 'src/components/cms/GlobalSections'
+import ChildrenSectionNotFoundError from 'src/sdk/error/ChildrenSectionNotFoundError'
+
+type InjectGlobalSectionsProps = {
+  globalSections: GlobalSectionsData
+  globalSectionsHeader: GlobalSectionsData
+  globalSectionsFooter: GlobalSectionsData
+}
+
+export function injectGlobalSections({
+  globalSections,
+  globalSectionsHeader,
+  globalSectionsFooter,
+}: InjectGlobalSectionsProps) {
+  const childrenIndex = globalSections.sections.findIndex(
+    (section) => section.name === 'Children'
+  )
+
+  if (childrenIndex === -1) {
+    throw new ChildrenSectionNotFoundError(
+      'Children section in Global Sections content type was not found. Please add a Children Section.'
+    )
+  }
+
+  const headerSections = globalSectionsHeader?.sections || []
+  const footerSections = globalSectionsFooter?.sections || []
+
+  return {
+    ...globalSections,
+    sections: [
+      ...globalSections.sections.slice(0, childrenIndex),
+      ...headerSections,
+      globalSections.sections[childrenIndex],
+      ...footerSections,
+      ...globalSections.sections.slice(childrenIndex + 1),
+    ],
+  }
+}

package/src/server/cms/index.ts

@@ -122,7 +122,7 @@ export const getPage = async <T extends ContentData>(options: Options) => {
     throw new MissingContentError(options)
   }
 
-  if (pages.length !== 1) {
+  if (pages.length > 1) {
     throw new MultipleContentError(options)
   }
 

package/test/server/cms/global.test.ts

@@ -0,0 +1,86 @@
+import type { GlobalSectionsData } from '../../../src/components/cms/GlobalSections'
+import { injectGlobalSections } from '../../../src/server/cms/global'
+
+describe('hCMS - Multiple Global Section content type', () => {
+  describe('injectGlobalSections', () => {
+    it('should inject globalSectionsHeader before Children and globalSectionsFooter after', () => {
+      const globalSections: GlobalSectionsData = {
+        sections: [
+          { name: 'Navbar', data: {} },
+          { name: 'Children', data: {} },
+          { name: 'Footer', data: {} },
+        ],
+      }
+
+      const globalSectionsHeader: GlobalSectionsData = {
+        sections: [{ name: 'ExtraHeader', data: {} }],
+      }
+
+      const globalSectionsFooter: GlobalSectionsData = {
+        sections: [{ name: 'ExtraFooter', data: {} }],
+      }
+
+      const result = injectGlobalSections({
+        globalSections,
+        globalSectionsHeader,
+        globalSectionsFooter,
+      })
+
+      expect(result.sections).toEqual([
+        { name: 'Navbar', data: {} }, // Before Children
+        { name: 'ExtraHeader', data: {} }, // Injected header before Children
+        { name: 'Children', data: {} }, // Children
+        { name: 'ExtraFooter', data: {} }, // Injected footer after Children
+        { name: 'Footer', data: {} }, // Remaining sections
+      ])
+    })
+
+    it('should maintain order if globalSectionsHeader or globalSectionsFooter are empty', () => {
+      const globalSections: GlobalSectionsData = {
+        sections: [
+          { name: 'Navbar', data: {} },
+          { name: 'Children', data: {} },
+          { name: 'Footer', data: {} },
+        ],
+      }
+
+      const globalSectionsHeader: GlobalSectionsData = {
+        ...globalSections,
+        sections: [],
+      }
+      const globalSectionsFooter: GlobalSectionsData = {
+        ...globalSections,
+        sections: [],
+      }
+
+      const result = injectGlobalSections({
+        globalSections,
+        globalSectionsHeader,
+        globalSectionsFooter,
+      })
+
+      expect(result.sections).toEqual(globalSections.sections)
+    })
+
+    it('should throw an error when the "Children" section is missing', () => {
+      const globalSections: GlobalSectionsData = {
+        sections: [
+          { name: 'Navbar', data: {} },
+          { name: 'Footer', data: {} },
+        ],
+      }
+
+      expect(() =>
+        injectGlobalSections({
+          globalSections,
+          globalSectionsHeader: {
+            sections: [],
+          },
+          globalSectionsFooter: {
+            sections: [],
+          },
+        })
+      ).toThrow(Error)
+    })
+  })
+})

package/.next/static/chunks/9180.ca246b121565be34.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9180],{1845:function(e,t,r){"use strict";var n=r(759),a=r(5355),i=r(5972),l=r.n(i),o=r(1549);t.Z=function(e){var{incentives:t,label:r}=e;return(0,o.jsx)(a.Z,{className:"".concat(l().section," section-incentives layout__section"),children:(0,o.jsx)(n.Z,{incentives:t,colored:!0,label:null!=r?r:""})})}},8638:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return LandingPage},getLandingPageBySlug:function(){return T}});var n,a,i,l=r(3890),o=r(2565),s=r(3420),c=r(266),d=r(417),u=r(574),f=r(8163),p=r(1900),g=r(1845),m=r(8822),v=r(8793),P=r(3246),h=r(3093),y=r(4672),E=r(2678);let MissingContentError=class MissingContentError extends Error{constructor(e){super("Missing content on the CMS for content type ".concat(e.contentType,". Add content before proceeding. Context: ").concat(JSON.stringify(e,null,2)))}};var b=r(1295),w=r(7765);let MultipleContentError=class MultipleContentError extends Error{constructor(e){super("Multiple content defined on the CMS for content type ".concat(e.contentType,". Remove duplicated content before proceeding. Context: ").concat(JSON.stringify(e,null,2)))}};var S=r(7249),Z=r.n(S);function ownKeys(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 _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach(function(t){(0,o.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var isLocator=e=>"string"==typeof e.contentType&&("string"==typeof e.releaseId||"string"==typeof e.documentId||"string"==typeof e.versionId),x=new w.Z({workspace:Z().api.workspace,tenant:Z().api.storeId}),O=(n=(0,l.Z)(function*(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:x;if(isLocator(e))return yield t.getCMSPage(e).then(e=>({data:[e]}));var r=[],n=yield t.getCMSPagesByContentType(e.contentType,_objectSpread(_objectSpread({},e.filters),{},{page:1,perPage:10}));r.push(...n.data);var a=Array.from({length:Math.ceil(n.totalItems/10)-1},(e,t)=>t+2);return n.totalItems>r.length&&(yield Promise.all(a.map(r=>t.getCMSPagesByContentType(e.contentType,_objectSpread(_objectSpread({},e.filters),{},{page:r,perPage:10}))))).forEach(e=>{r.push(...e.data)}),{data:r}}),function(e){return n.apply(this,arguments)}),j=(a=(0,l.Z)(function*(e){var t=(yield O(e)).data;if(!t[0])throw new MissingContentError(e);if(1!==t.length)throw new MultipleContentError(e);return t[0]}),function(e){return a.apply(this,arguments)}),I=r(1549);function LandingPage_ownKeys(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 LandingPage_objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?LandingPage_ownKeys(Object(r),!0).forEach(function(t){(0,o.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):LandingPage_ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var _=LandingPage_objectSpread(LandingPage_objectSpread(LandingPage_objectSpread({},E.Z),{},{Hero:p.V,BannerText:u.OverriddenDefaultBannerText,BannerNewsletter:d.default,CrossSellingShelf:f.Z,Incentives:g.Z,Newsletter:m.OverriddenDefaultNewsletter,ProductShelf:v.OverriddenDefaultProductShelf,ProductTiles:P.Z},h.Z),y.Z);function LandingPage(e){var t,r,n,a,i,l,o,d,u,f,p,g,m,v,{page:{sections:P,settings:h},slug:y,serverData:E,globalSections:w}=e;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(s.PB,{title:null!==(t=null==h?void 0:null===(r=h.seo)||void 0===r?void 0:r.title)&&void 0!==t?t:Z().seo.title,description:null!==(n=null==h?void 0:null===(a=h.seo)||void 0===a?void 0:a.description)&&void 0!==n?n:null===(i=Z().seo)||void 0===i?void 0:i.description,titleTemplate:null!==(l=null===(o=Z().seo)||void 0===o?void 0:o.titleTemplate)&&void 0!==l?l:null===(d=Z().seo)||void 0===d?void 0:d.title,canonical:null!==(u=null==h?void 0:null===(f=h.seo)||void 0===f?void 0:f.canonical)&&void 0!==u?u:"".concat(Z().storeUrl,"/").concat(y),openGraph:{type:"website",url:Z().storeUrl,title:null!==(p=null==h?void 0:null===(g=h.seo)||void 0===g?void 0:g.title)&&void 0!==p?p:Z().seo.title,description:null!==(m=null==h?void 0:null===(v=h.seo)||void 0===v?void 0:v.description)&&void 0!==m?m:Z().seo.description}}),(0,I.jsx)(s.iu,{url:Z().storeUrl,potentialActions:[{target:"".concat(Z().storeUrl,"/s/?q"),queryInput:"search_term_string"}]}),(0,I.jsx)(b.ZP,{context:{data:E},children:(0,I.jsx)(c.Z,{sections:P,globalSections:w,components:_})})]})}var T=(i=(0,l.Z)(function*(e,t){try{if(Z().cms.data){var r=JSON.parse(Z().cms.data).landingPage.find(e=>{var t,r;null===(t=e.settings)||void 0===t||null===(r=t.seo)||void 0===r||r.slug});if(r)return yield j({contentType:"landingPage",documentId:r.documentId,versionId:r.versionId})}return yield j(LandingPage_objectSpread(LandingPage_objectSpread({},(null==t?void 0:t.contentType)==="landingPage"?t:{filters:{filters:{"settings.seo.slug":"/".concat(e)}}}),{},{contentType:"landingPage"}))}catch(e){if(e instanceof MissingContentError)return null;throw e}}),function(e,t){return i.apply(this,arguments)})},759:function(e,t,r){"use strict";var n=r(4564),a=r(2659),i=r(2614),l=r(1549);t.Z=function(e){var{incentives:t,variant:r="horizontal",colored:o=!1,label:s}=e;return(0,l.jsx)("section",{"data-fs-incentives":!0,"data-fs-incentives-colored":o,"data-fs-incentives-variant":r,"aria-label":"Incentives List ".concat(s),children:(0,l.jsx)(n.Z,{"data-fs-content":"incentives",children:t.map((e,t)=>(0,l.jsx)("li",{role:"listitem",children:(0,l.jsxs)(a.Z,{tabIndex:0,children:[(0,l.jsx)(i.Z,{"data-fs-incentive-icon":!0,"aria-label":e.alt,name:e.icon,width:32,height:32}),(0,l.jsxs)("section",{"data-fs-incentive-content":!0,children:[(0,l.jsx)("p",{"data-fs-incentive-title":!0,children:e.title}),(0,l.jsx)("span",{"data-fs-incentive-description":!0,children:e.firstLineText}),e.secondLineText&&(0,l.jsx)("span",{"data-fs-incentive-description":!0,children:e.secondLineText})]})]})},String(t)))})})}},5972:function(e){e.exports={section:"section_section__jnQ3q"}},2256:function(e,t,r){"use strict";var n=r(4194);let a=(0,n.forwardRef)(function({testId:e="fs-input",...t},r){return n.createElement("input",{ref:r,"data-fs-input":!0,"data-testid":e,...t})});t.Z=a},9767:function(e,t,r){"use strict";var n=r(4194),a=r(5450);let i=(0,n.forwardRef)(function({value:e,as:t="span",variant:r="selling",testId:i="fs-price",formatter:l=e=>e,SRText:o,...s},c){let d=l(e,r);return n.createElement(t,{ref:c,"data-fs-price":!0,"data-fs-price-variant":r,"data-testid":i,...s},o&&n.createElement(a.Z,{text:o}),d)});t.Z=i},5450:function(e,t,r){"use strict";var n=r(4194);t.Z=function({text:e,as:t}){let r=t??"span";return n.createElement(r,{"data-fs-sr-only":!0},e)}},339:function(e,t,r){"use strict";r.d(t,{K:function(){return useSlideVisibility}});var n=r(4194);let useSlideVisibility=({currentSlide:e,itemsPerPage:t,totalItems:r})=>{let a=(0,n.useRef)(new Set);(0,n.useEffect)(()=>{for(let r=0;r<t;r++)a.current.add(e+r)},[e,t]);let isItemVisible=n=>(function({itemsPerPage:e,currentSlide:t,slideIdx:r,totalItems:n}){return t<0||t>=n||r>=t&&r<t+e})({slideIdx:n,currentSlide:e,itemsPerPage:t,totalItems:r});return{shouldRenderItem:e=>a.current.has(e)||isItemVisible(e),isItemVisible}}},3525:function(e,t,r){"use strict";r.d(t,{oN:function(){return useSlider}});var n=r(4194),a=r(5412);let nextPage=(e,t)=>(e+1)%t,previousPage=(e,t)=>(t-(t-e+1)%t)%t;function reducer(e,t){switch(t.type){case"NEXT_PAGE":{let t=e.infinite?e.totalPages+1:e.totalPages,r=nextPage(e.currentPage,t),n=r%t*e.itemsPerPage;return{...e,sliding:!0,slideDirection:"next",currentItem:n,currentPage:r}}case"PREVIOUS_PAGE":{let t=e.infinite?e.totalPages+1:e.totalPages,r=e.infinite&&0===e.currentPage,n=r?-1:previousPage(e.currentPage,e.totalPages);return{...e,sliding:!0,slideDirection:"previous",currentItem:n%t*e.itemsPerPage,currentPage:n}}case"GO_TO_PAGE":if(t.payload.pageIndex===e.currentPage)return e;return{...e,sliding:t.payload.shouldSlide,slideDirection:t.payload.pageIndex>e.currentPage?"next":"previous",currentItem:t.payload.pageIndex%e.totalPages*e.itemsPerPage,currentPage:t.payload.pageIndex};case"STOP_SLIDE":return{...e,sliding:!1};default:return e}}let defaultSliderState=(e,t,r)=>({currentItem:0,currentPage:0,sliding:!1,slideDirection:"next",totalItems:e,itemsPerPage:t,totalPages:Math.ceil(e/t),infinite:r}),slide=(e,t)=>{"next"===e&&t({type:"NEXT_PAGE"}),"previous"===e&&t({type:"PREVIOUS_PAGE"}),"number"==typeof e&&t({type:"GO_TO_PAGE",payload:{pageIndex:e,shouldSlide:!0}})},useSlider=({totalItems:e,itemsPerPage:t=1,infiniteMode:r=!1,shouldSlideOnSwipe:i=!0,...l})=>{let[o,s]=(0,n.useReducer)(reducer,void 0,()=>defaultSliderState(e,t,r)),c=(0,a.QS)({onSwipedRight:()=>i&&slide("previous",s),onSwipedLeft:()=>i&&slide("next",s),trackMouse:!0,...l});return{handlers:c,slide,sliderState:o,sliderDispatch:s}}},9237:function(e,t,r){"use strict";var n=r(4194),a=r(7041),i=r(2614),l=r(3525),o=r(9654),s=r(6487);let createTransformValues=(e,t)=>{let r={},n=100/t;for(let a=0;a<t;++a){let t=e?a-1:a,i=-(n*a);r[t]=i}return r};t.Z=function({children:e,className:t,"aria-label":r,infiniteMode:c=!1,controls:d="complete",testId:u="fs-carousel",transition:f={duration:400,property:"transform"},id:p="fs-carousel",variant:g="scroll",itemsPerPage:m=1,navigationIcons:v,...P}){if(m<1)throw Error("itemsPerPage must be greater than or equal to 1");let h=(0,n.useRef)(null),y="slide"===g,E="scroll"===g,b=n.Children.toArray(e),w=b.length,S=c?w+2:w,Z=`${f.property} ${f.duration}ms ${f.timing??""} ${f.delay??""}`,{handlers:x,slide:O,sliderState:j,sliderDispatch:I}=(0,l.oN)({itemsPerPage:m,infiniteMode:c,totalItems:w,shouldSlideOnSwipe:y,...P}),_=Math.ceil(w/j.itemsPerPage),[T,C]=(0,n.useState)("16px"),[R,k]=(0,n.useState)(0);(0,n.useEffect)(()=>{let e=h.current?.firstElementChild;e&&(C(getComputedStyle(e).getPropertyValue("margin-right")),k(Number(e.clientWidth)+Number.parseInt(T,10)+1))},[R]);let L=(0,n.useMemo)(()=>createTransformValues(c,S),[S,c]),M=c&&e?b.slice(0,1):[],D=c&&e?b.slice(w-1):[],A=D.concat(e??[],M),N=(0,n.useMemo)(()=>({width:`${100*S}%`,transition:j.sliding?Z:void 0,transform:`translate3d(${L[j.currentPage]}%, 0, 0)`}),[S,L,Z,j.sliding,j.currentPage]),$=(0,n.useMemo)(()=>({width:"100%",overflowX:"scroll",whiteSpace:"nowrap"}),[]),slidePrevious=()=>{!j.sliding&&(c||0!==j.currentPage)&&O("previous",I)},slideNext=()=>{!j.sliding&&(c||j.currentPage!==w-1)&&O("next",I)},onScrollPagination=async(e,t)=>{if("previous"===t&&0===j.currentPage||"next"===t&&j.currentPage===j.totalPages-1)return;let r=e*R*m;h.current?.scrollTo({left:r,behavior:"smooth"}),O(e,I)};return n.createElement("section",{id:p,"data-fs-carousel":!0,"data-fs-carousel-variant":g,className:t,"data-testid":u,"aria-label":r},n.createElement("div",{"data-fs-carousel-track-container":!0,style:{width:"100%",overflow:"hidden",display:E?"block":void 0},...x},n.createElement("ul",{"aria-live":"polite",ref:h,style:y&&N||E&&$,"data-fs-carousel-track":!0,onScroll:e=>{if(y||m>1)return;let t=Number(e.currentTarget.firstElementChild?.scrollWidth),r=e.currentTarget?.scrollLeft,n=r>t/2?Math.round:Math.floor,a=n(r/t);O(a,I)},onTransitionEnd:()=>{I({type:"STOP_SLIDE"}),c&&j.currentItem>=w&&I({type:"GO_TO_PAGE",payload:{pageIndex:0,shouldSlide:!1}}),c&&j.currentItem<0&&I({type:"GO_TO_PAGE",payload:{pageIndex:j.totalPages-1,shouldSlide:!1}})}},A.map((e,t)=>n.createElement(s.Z,{id:p,index:t,key:String(t),state:j,totalItems:w,infiniteMode:c,isScrollCarousel:E,marginRightValue:T},e)))),1!==_&&("complete"===d||"navigationArrows"===d)&&n.createElement("div",{"data-fs-carousel-controls":!0},n.createElement(a.Z,{"data-fs-carousel-control":"left","aria-controls":p,disabled:!c&&0===j.currentPage,"aria-label":"previous",icon:v?.left??n.createElement(i.Z,{name:"ArrowLeft",width:20,height:20,weight:"bold"}),onClick:()=>{y&&slidePrevious(),E&&onScrollPagination(j.currentPage-1,"previous")}}),n.createElement(a.Z,{"data-fs-carousel-control":"right","aria-controls":p,disabled:!c&&j.currentPage===j.totalPages-1,"aria-label":"next",icon:v?.right??n.createElement(i.Z,{name:"ArrowRight",width:20,height:20,weight:"bold"}),onClick:()=>{y&&slideNext(),E&&onScrollPagination(j.currentPage+1,"next")}})),1!==_&&("complete"===d||"paginationBullets"===d)&&n.createElement(o.Z,{id:p,tabIndex:0,activeBullet:j.currentPage,totalQuantity:_,onKeyDown:e=>{switch(e.key){case"ArrowLeft":y&&slidePrevious(),E&&onScrollPagination(j.currentPage-1,"previous");break;case"ArrowRight":y&&slideNext(),E&&onScrollPagination(j.currentPage+1,"next");break;case"Home":O(0,I);break;case"End":O(w-1,I)}},onClick:async(e,t)=>{y&&!j.sliding&&O(t,I),E&&onScrollPagination(t)},onFocus:e=>e.currentTarget.focus(),ariaControlsGenerator:e=>`${p}-carousel-item-${e}`}))}},9654:function(e,t,r){"use strict";var n=r(4194),a=r(3339);let defaultAriaLabel=(e,t,r)=>r?`Current page from ${e}`:`Go to page ${t+1} from ${e}`,i=(0,n.forwardRef)(function({id:e,totalQuantity:t,activeBullet:r,onClick:i,testId:l="fs-carousel-bullets",ariaLabelGenerator:o=defaultAriaLabel,ariaControlsGenerator:s,...c},d){let u=(0,n.useMemo)(()=>Array(t).fill(0),[t]);return n.createElement("div",{ref:d,"data-fs-carousel-bullets":!0,"data-testid":l,role:"tablist",...c},u.map((t,c)=>{let d=r===c;return n.createElement(a.Z,{key:`${e}-${c}`,role:"tab",tabIndex:-1,"data-fs-carousel-bullet":!0,testId:`${l}-bullet`,onClick:e=>i(e,c),"aria-label":o(e,c,d),"aria-controls":s?.(c),"aria-selected":d,variant:"tertiary"})}))});t.Z=i},6487:function(e,t,r){"use strict";var n=r(4194),a=r(339);t.Z=function({id:e,index:t,state:r,children:i,totalItems:l,infiniteMode:o,isScrollCarousel:s,marginRightValue:c}){let{isItemVisible:d,shouldRenderItem:u}=(0,a.K)({totalItems:l,currentSlide:r.currentItem,itemsPerPage:r.itemsPerPage}),f={width:`calc((100% - ${c} * ${r.itemsPerPage-1}) / ${r.itemsPerPage})`},p=s&&r.itemsPerPage>1?{...f}:{width:"100%"},g=s||u(t-Number(o));return n.createElement("li",{style:p,id:`${e}-carousel-item-${t}`,"data-fs-carousel-item":!0,"data-fs-carousel-item-visible":d(t-Number(o))||void 0},g?i:null)}},2946:function(e,t,r){"use strict";r.d(t,{Z:function(){return DiscountBadge_DiscountBadge}});var n=r(4194),a=r(276);let useDiscountPercent=(e,t)=>(0,n.useMemo)(()=>{let r=e-t,n=100*r/e;return Math.round(n)},[t,e]);var DiscountBadge_DiscountBadge=({listPrice:e,spotPrice:t,thresholdLow:r=15,thresholdHigh:i=40,size:l,testId:o="fs-discount-badge"})=>{let s=useDiscountPercent(e,t);if(0===s)return n.createElement(n.Fragment,null);let c=s<=r?"low":s<=i?"medium":"high";return n.createElement(a.Z,{"data-fs-discount-badge":!0,"data-fs-discount-badge-variant":c,size:l,"data-testid":o},s,"% off")}},3779:function(e,t,r){"use strict";var n=r(4194),a=r(2256),i=r(1953),l=r(7041),o=r(2614),s=r(3339);t.Z=({id:e,label:t,type:r="text",error:c,displayClearButton:d,actionable:u,buttonActionText:f="Apply",onSubmit:p,onClear:g,placeholder:m=" ",inputRef:v,disabled:P,value:h,testId:y="fs-input-field",...E})=>{let b=!P&&c&&""!==c,w=u&&!P&&""!==h;return n.createElement("div",{"data-fs-input-field":!0,"data-fs-input-field-actionable":u,"data-fs-input-field-error":c&&""!==c,"data-testid":y},n.createElement(a.Z,{id:e,type:r,value:h,ref:v,disabled:P,placeholder:m,...E}),n.createElement(i.Z,{htmlFor:e},t),w&&(d||c?n.createElement(l.Z,{size:"small","aria-label":"Clear Field",icon:n.createElement(o.Z,{name:"XCircle"}),onClick:()=>{g?.(),v?.current?.focus()}}):n.createElement(s.Z,{variant:"tertiary",size:"small",onClick:p},f)),b&&n.createElement("span",{"data-fs-input-field-error-message":!0},c))}},8394:function(e,t,r){"use strict";var n=r(4194);let a=(0,n.forwardRef)(function({testId:e="fs-product-card",variant:t="default",bordered:r=!1,outOfStock:a,children:i,...l},o){return n.createElement("article",{ref:o,"data-fs-product-card":a?"out-of-stock":"","data-fs-product-card-variant":t,"data-fs-product-card-bordered":r,"data-testid":e,...l},i)});t.Z=a},547:function(e,t,r){"use strict";var n=r(4194),a=r(727),i=r(9088),l=r(1953),o=r(3024),s=r(2614),c=r(2946),d=r(276),u=r(3339);let f=(0,n.forwardRef)(function({testId:e="fs-product-card-content",title:t,linkProps:r,price:f,outOfStock:p,outOfStockLabel:g="Out of stock",ratingValue:m,showDiscountBadge:v,buttonLabel:P="Add",onButtonClick:h,children:y,includeTaxes:E=!1,includeTaxesLabel:b="Tax included",sponsored:w=!1,sponsoredLabel:S="Sponsored",...Z},x){let O=f?.listPrice?f.listPrice:0,j=f?.value?f.value:0;return n.createElement("section",{ref:x,"data-fs-product-card-content":!0,"data-fs-product-card-badge":v,"data-testid":e,...Z},w&&n.createElement("span",{"data-fs-product-card-sponsored-label":!0},S),n.createElement("div",{"data-fs-product-card-heading":!0},n.createElement("h3",{"data-fs-product-card-title":!0},n.createElement(a.Z,{...r,title:t},n.createElement("span",null,t))),!p&&n.createElement(i.Z,{"data-fs-product-card-prices":!0,value:j,listPrice:O,formatter:f?.formatter}),E&&n.createElement(l.Z,{"data-fs-product-card-taxes-label":!0},b),m&&n.createElement(o.Z,{value:m,icon:n.createElement(s.Z,{name:"Star"})})),v&&!p&&n.createElement(c.Z,{listPrice:O,spotPrice:j}),p&&n.createElement(d.Z,null,g),h&&!p&&n.createElement("div",{"data-fs-product-card-actions":!0},n.createElement(u.Z,{variant:"primary",icon:n.createElement(s.Z,{name:"ShoppingCart"}),iconPosition:"left",size:"small",onClick:h},P)))});t.Z=f},5167:function(e,t,r){"use strict";var n=r(4194);let a=(0,n.forwardRef)(function({testId:e="fs-product-card-image",aspectRatio:t=1,children:r,...a},i){return n.createElement("div",{ref:i,"data-fs-product-card-image":!0,"data-testid":e,style:{"--fs-product-card-image-aspect-ratio":t},...a},r)});t.Z=a},9088:function(e,t,r){"use strict";var n=r(4194),a=r(9767);let i=(0,n.forwardRef)(function({testId:e="fs-product-price",value:t,listPrice:r,formatter:i,...l},o){let s=r??0,c=t??0;return n.createElement("div",{ref:o,"data-fs-product-price":!0,"data-testid":e,...l},c!==s&&0!==s?n.createElement(n.Fragment,null,n.createElement(a.Z,{value:s,formatter:i,testId:"list-price","data-value":s,variant:"listing",SRText:"Original price:"}),n.createElement(a.Z,{value:c,formatter:i,testId:"price","data-value":c,variant:"spot",SRText:"Price:"})):n.createElement(a.Z,{value:c,formatter:i,testId:"price","data-value":c,variant:"spot",SRText:"Price:"}))});t.Z=i},3024:function(e,t,r){"use strict";var n=r(4194),a=r(2614),i=r(7041),l=r(4564);let o=(0,n.forwardRef)(function({children:e,testId:t="fs-rating",length:r=5,value:o=0,icon:s,onChange:c,disabled:d,...u},f){let[p,g]=(0,n.useState)(0),m={"data-fs-rating-icon-outline":!0},v=n.isValidElement(s)?s:n.createElement(a.Z,{name:"Star"});return n.createElement(l.Z,{ref:f,"data-fs-rating":!0,"data-fs-rating-actionable":"function"==typeof c,"data-testid":t,...u},Array.from({length:r}).map((e,r)=>{let l=r+1;return n.createElement("li",{key:`rating-${r}`,"data-fs-rating-item":l<=(p||o)?"full":l-o>0&&l-o<1?"partial":"empty","data-testid":`${t}-item`},c?n.createElement(i.Z,{"data-fs-rating-button":!0,icon:v,size:"small","aria-label":"rate",onClick:()=>{c(l)},onMouseEnter:()=>g(l),onMouseLeave:()=>g(o),disabled:d}):n.createElement(n.Fragment,null,n.createElement("div",{"data-fs-rating-icon-wrapper":!0},v),n.isValidElement(s)?n.cloneElement(s,m):n.createElement(a.Z,{name:"Star","data-fs-rating-icon-outline":!0})))}))});t.Z=o},7115:function(e,t,r){"use strict";var n=r(4194);let a=(0,n.forwardRef)(function({card:e,children:t,colorVariant:r="main",testId:a="fs-newsletter",...i},l){return n.createElement("div",{ref:l,"data-testid":a,"data-fs-content":"newsletter","data-fs-newsletter":e?"card":"","data-fs-newsletter-color-variant":r,...i},t)});t.Z=a},2294:function(e,t,r){"use strict";var n=r(4194);let a=(0,n.forwardRef)(function({addendum:e,testId:t="fs-newsletter-addendum",...r},a){return n.createElement("span",{ref:a,"data-testid":t,"data-fs-newsletter-addendum":!0,...r},e)});t.Z=a},4207:function(e,t,r){"use strict";var n=r(4194);let a=(0,n.forwardRef)(function({children:e,testId:t="fs-newsletter-content",...r},a){return n.createElement("div",{ref:a,"data-testid":t,"data-fs-newsletter-content":!0,...r},e)});t.Z=a},2571:function(e,t,r){"use strict";var n=r(4194);let a=(0,n.forwardRef)(function({children:e,onSubmit:t,testId:r="fs-newsletter-form",...a},i){return n.createElement("form",{ref:i,"data-testid":r,"data-fs-newsletter-form":!0,onSubmit:t,...a},e)});t.Z=a},4796:function(e,t,r){"use strict";var n=r(4194);let a=(0,n.forwardRef)(function({icon:e,title:t,description:r,testId:a="fs-newsletter-header",...i},l){return n.createElement("header",{ref:l,"data-testid":a,"data-fs-newsletter-header":!0,...i},n.createElement("h3",{"data-fs-newsletter-header-title":!0},e,t),r&&n.createElement("span",{"data-fs-newsletter-header-description":!0},r))});t.Z=a},6737:function(e,t,r){"use strict";var n=r(4194);let a=(0,n.forwardRef)(function({testId:e="fs-product-shelf",children:t,...r},a){return n.createElement("div",{ref:a,"data-fs-product-shelf":!0,"data-fs-content":"product-shelf","data-testid":e,...r},t)});t.Z=a},2659:function(e,t,r){"use strict";var n=r(4194);let a=(0,n.forwardRef)(function({testId:e="store-incentive",children:t,...r},a){return n.createElement("section",{ref:a,"data-fs-incentive":!0,"data-testid":e,...r},t)});t.Z=a},7901:function(e,t,r){"use strict";var n=r(4194);let a=(0,n.forwardRef)(function({testId:e="store-tile",children:t,...r},a){return n.createElement("li",{ref:a,role:"listitem","data-fs-tile":!0,"data-testid":e,...r},t)});t.Z=a},3877:function(e,t,r){"use strict";var n=r(4194);let a=(0,n.forwardRef)(function({testId:e="store-tiles",children:t,...r},a){let i=n.Children.count(t);return n.createElement("ul",{ref:a,role:"list","data-fs-tiles":!0,"data-fs-tiles-variant":3===i?"expanded-first":2===i?"expanded-first-two":"","data-fs-content":"tiles","data-testid":e,...r},t)});t.Z=a}}]);