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

package/.next/static/chunks/pages/index-7769e874d3fbd8dd.js

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

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

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

package/src/styles/global/layout.scss

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