https://www.hasbropulse.com/mobify/bundle/2669/curated-product-list.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[2994],{32355:(e,t,r)=>{r.d(t,{A:()=>y});var n=r(58168),o=r(80045),i=r(96540),a=r(5556),l=r.n(a),c=r(54284),s=r(56347),p=r(54625),d=r(24542),u=r(87025),m=r(66658);var g=r(55952),h=r(33217);const b=["href","to","useNavLink"],f=i.forwardRef(((e,t)=>{let{href:r,to:a,useNavLink:l=!1}=e,f=(0,o.A)(e,b);const y=a||r,O=(0,u.A)(),v=(()=>{const{pathname:e,search:t}=(0,s.zy)(),r=(0,u.A)();return(0,i.useMemo)((()=>(0,m.GV)(`${e}${t}`)),[e,t,r])})(),w=(0,s.zy)(),E=y.length>0;if(E)f.to&&delete f.to,f.as&&delete f.as,f.href=(0,h.A)(y),Object.prototype.hasOwnProperty.call(f,"isExternal")||(f.isExternal=!0);else{f.href&&delete f.href;const e=E?y.substring(1):(0,d.bw)(y,{locale:v.alias||v.id,site:O.alias||O.id});f.to="/"===y?"/":e,f.as=l?p.NavLink:p.Link,f.to=(0,g.I)(w.search,f.to)}return i.createElement(c.N,(0,n.A)({},l&&{exact:!0},f,{ref:t}))}));f.displayName="AmplienceLink",f.propTypes={href:l().string,to:l().string,useNavLink:l().bool,as:l().object};const y=i.memo(f)},33217:(e,t,r)=>{r.d(t,{A:()=>o});var n=r(54721);const o=e=>{const{buildUrl:t}=(0,n.A)();if(null!=e){if(e.indexOf("$SFCC_HOST")>-1){const r=t(),n=(e=e.replace("$SFCC_HOST",r)).match(/\(([^)]+)\)/);if((null==n?void 0:n.length)>0){const r=n[1],o=t(r);e=e.replace(r,o)}return e}return e}return e}},60563:(e,t,r)=>{r.r(t),r.d(t,{default:()=>Y});var n=r(54705),o=r(10467),i=r(96540),a=r(5556),l=r.n(a),c=r(55170),s=r(24445),p=r(58168),d=r(80045),u=r(59146),m=r(65958),g=r(61892),h=r(85353),b=r(63668),f=r(77176),y=r(71479),O=r(77182),v=r(21052),w=r(5768),E=r(6442),P=r(24542),x=r(32355),j=r(17287),A=r(32127),k=r(71073),S=r(56347);const L=["product","enableWishlist","isWishlisted","onWishlistToggle","dynamicImageProps","children"];function D(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 T(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const W=(0,y.A)(x.A)`
2    img {
3        height: 100%;
4    }
5    @media (min-width: 961px) and (max-width: 1024px) {
6        .ptile-hover-pane {
7            font-size: 12px !important;
8            margin: 0 4px 4px !important;
9        }
10    }
11    @media (min-width: 769px) and (max-width: 960px) {
12        .ptile-hover-pane {
13            font-size: 11px !important;
14            margin: 0 4px 4px !important;
15        }
16    }
17    @media (min-width: 461px) and (max-width: 769px) {
18        .ptile-hover-pane {
19            font-size: 11px !important;
20            margin: 0 4px 4px !important;
21            background: rgba(255, 255, 255, 0.75) !important;
22        }
23    }
24    @media (max-width: 460px) {
25        .ptile-hover-pane {
26            font-size: 11px !important;
27            margin: 0 4px 4px !important;
28            background: rgba(255, 255, 255, 0.75) !important;
29        }
30    }
31    &:hover .chakra-aspect-ratio {
32        filter: grayscale(70%) !important;
33        opacity: 0.8;
34    }
35    &:hover .ptile-hover-pane {
36        background: rgba(255, 255, 255, 0.9) !important;
37    }
38`,N=e=>{const t=(0,E.A)(),r=(0,j.A)(),{product:n,enableWishlist:o=!1,isWishlisted:a,onWishlistToggle:l,dynamicImageProps:c,children:s}=e,m=(0,d.A)(e,L),{currency:g,image:h,price:f,productId:y}=n,x=n.name??n.productName,{currency:D}=(0,k.H2)(),[N,_]=(0,i.useState)(!1),z=(0,O.o)("AmplienceProductTile"),B=(0,S.zy)();return i.createElement(W,(0,p.A)({"data-testid":"product-tile"},z.container,{to:(0,P.xX)({id:y},t.locale,B)},m),s,i.createElement(u.a,z.imageWrapper,i.createElement(b.g,z.image,i.createElement(w.A,{src:`${h.disBaseLink||h.link}[?sw={width}&q=60]`,widths:null==c?void 0:c.widths,imageProps:T({alt:h.alt},null==c?void 0:c.imageProps)})),o&&i.createElement(u.a,{onClick:e=>{e.preventDefault()}},i.createElement(A.q$,{isWishlisted:a,isWishlistLoading:N,setWishlistLoading:_,onWishlistToggle:l,customer:r}))),i.createElement("div",{className:"ptile-hover-pane",style:T({},z.ptileHoverPane)},i.createElement(v.E,z.title,x),i.createElement(v.E,z.price,t.formatNumber(f,{style:"currency",currency:g||D}))))};N.displayName="AmplienceProductTile",N.propTypes={product:l().shape({currency:l().string,image:l().shape({alt:l().string,disBaseLink:l().string,link:l().string}),price:l().number,name:l().string,productName:l().string,productId:l().string}),enableWishlist:l().bool,isWishlisted:l().bool,onWishlistToggle:l().func,dynamicImageProps:l().object,children:l().node};const _=N;var z=r(62345);const B=["header","title","products","isLoading","scrollProps","itemWidth","productTileProps"];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}function I(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

38t%2?C(Object(r),!0).forEach((function(t){(0,n.A)(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}const H=(0,i.forwardRef)(((e,t)=>{var r;let{header:n,title:o,products:a,isLoading:l,scrollProps:c,itemWidth:s={base:"70%",md:"40%",lg:"calc(33.33% - 11px)"},productTileProps:y}=e,O=(0,d.A)(e,B);const v=(0,i.useRef)();if((!a||a.length<1)&&!l)return null;const w=(e=1)=>{var t;null===(t=v.current)||void 0===t||t.scrollBy({top:0,left:e*window.innerWidth,behavior:"smooth"})};return i.createElement(u.a,{position:"relative","data-testid":"product-scroller",ref:t},i.createElement(m.B,(0,p.A)({spacing:6},O),l&&i.createElement(g.E,{height:6,width:"150px",m:"auto"}),o&&!n&&!l&&i.createElement(h.D,{as:"h2",textAlign:"left",fontSize:{base:"md",md:"3xl",lg:"4xl"},color:"white",paddingTop:{base:6}},o),!o&&!l&&n,i.createElement(m.B,(0,p.A)({ref:v,direction:"row",spacing:4,wrap:"nowrap",overflowX:"scroll",px:{base:4,md:8,lg:0}},c,{sx:I({scrollPadding:{base:16,md:32,lg:0},scrollSnapType:"x mandatory",WebkitOverflowScrolling:"touch"},null==c?void 0:c.sx)}),null===(r=l?[0,1,2,4]:a)||void 0===r?void 0:r.map(((e,t)=>i.createElement(u.a,{key:(null==e?void 0:e.id)||t,flex:"0 0 auto",width:s,style:{scrollSnapAlign:"start"}},l?i.createElement(m.B,{"data-testid":"product-scroller-item-skeleton"},i.createElement(b.g,{ratio:1},i.createElement(g.E,null)),i.createElement(m.B,{spacing:2},i.createElement(g.E,{width:"150px",height:5}),i.createElement(g.E,{width:"75px",height:5}))):e&&i.createElement(_,(0,p.A)({"data-testid":"product-scroller-item",product:e,isFullProduct:!1,tileSource:"recommendations"},I({},"function"==typeof y?y(e,t):y),{dynamicImageProps:{widths:["70vw","70vw","40vw","30vw"]},mightAlsoLike:O.mightAlsoLike}))))))),(null==a?void 0:a.length)>3&&i.createElement(i.Fragment,null,i.createElement(u.a,{display:{base:"none",lg:"block"},position:"absolute",top:"50%",left:{base:0,lg:4},transform:"translateY(-50%)",zIndex:"10"},i.createElement(f.K,{"data-testid":"product-scroller-nav-left","aria-label":"Scroll products left",icon:i.createElement(z.YJ,{color:"black"}),borderRadius:"full",colorScheme:"whiteAlpha",onClick:()=>w(-1)})),i.createElement(u.a,{display:{base:"none",lg:"block"},position:"absolute",top:"50%",right:{base:0,lg:4},transform:"translateY(-50%)",zIndex:"10"},i.createElement(f.K,{"data-testid":"product-scroller-nav-right","aria-label":"Scroll products right",icon:i.createElement(z.vK,{"aria-label":"chevron right",color:"black"}),borderRadius:"full",colorScheme:"whiteAlpha",onClick:()=>w(1)}))))}));H.displayName="AmplienceProductScroller",H.propTypes={header:l().any,title:l().any,products:l().array,isLoading:l().bool,scrollProps:l().object,itemWidth:l().oneOfType([l().string,l().number,l().object]),productTileProps:l().oneOfType([l().func,l().object]),mightAlsoLike:l().bool};const $=H;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 R(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.A)(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}const F=e=>{const t=e.imageGroups;return null==t||0===t.length?{}:(t.find((e=>"large"===e.viewType))??t[0]).images[0]},U=({title:e,products:t})=>{const r=(0,c.HH)(),[n,a]=(0,i.useState)([]),[l,p]=(0,i.useState)(!0);return(0,i.useEffect)((()=>{let e=!0;return 0===(null==t?void 0:t.length)?(a([]),void p(!0)):((0,s.z$)((0,o.A)((function*(){const n=yield r.shopperProducts.getProducts({parameters:{ids:t.join(",")}});if(e){var o;const e=null===(o=n.data)||void 0===o?void 0:o.map((e=>R(R({},e),{},{productId:e.id,image:F(e)})));a(e),p(!1)}})))(),()=>e=!1)}),[r,t]),i.createElement(m.B,{pt:8,spacing:16},i.createElement($,{title:e,products:n,isLoading:l}))};U.displayName="Curated Product List",U.propTypes={title:l().string,products:l().array};const Y=U}}]);