https://www.theograce.co.uk/_next/static/chunks/974-fa97d770cbc7108f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{4342:e=>{e.exports={BillboardGrid:"billboardGrid_BillboardGrid__pqkjF"}},4405:(e,t,l)=>{"use strict";l.d(t,{P:()=>r,n:()=>i});var n=l(66689);let r={element_template:void 0,componentId:void 0,componentName:void 0,variantId:void 0,variantName:void 0,variantPriority:void 0,experiment:void 0,experiment_key:void 0,link:void 0,slide_id:void 0,item_sku_default:void 0,feature_id:void 0,add_method:void 0,items:void 0,trigger_action:void 0,combo_option:void 0},i=e=>{let{sku:t,name:l,price:r,url:i}=e,{selling:o,discountType:a,discountAmount:s}=r,c=(0,n.x)(o,a,s);return{item_id:t,item_name:l,price:o,crossed_price:c,item_url:i}}},5407:e=>{e.exports={"js-has-pseudo":"billboard_js-has-pseudo__11rxv","does-not-exist":"billboard_does-not-exist__a3C6e",Billboard:"billboard_Billboard__qMG8q",MobileOnly:"billboard_MobileOnly__C4UXu",DesktopOnly:"billboard_DesktopOnly__CH_VJ"}},6722:e=>{e.exports={PlacementLiveText:"placementLiveText_PlacementLiveText__tDleh",TextLayer:"placementLiveText_TextLayer__B_0A7","Placement-above-start":"placementLiveText_Placement-above-start__h_ubv","Placement-above-center":"placementLiveText_Placement-above-center__s_Tdw","Placement-above-end":"placementLiveText_Placement-above-end__0YKSy","Placement-below-start":"placementLiveText_Placement-below-start__qpqxg","Placement-below-center":"placementLiveText_Placement-below-center__3UBMK","Placement-below-end":"placementLiveText_Placement-below-end__9IqfJ","Placement-before-start":"placementLiveText_Placement-before-start__zfxte","Placement-before-center":"placementLiveText_Placement-before-center__Db5Cr","Placement-before-end":"placementLiveText_Placement-before-end__N6at5","Placement-after-start":"placementLiveText_Placement-after-start__xvMoQ","Placement-after-center":"placementLiveText_Placement-after-center__Z_Voy","Placement-after-end":"placementLiveText_Placement-after-end__MjXXD"}},10974:(e,t,l)=>{"use strict";l.d(t,{A:()=>b});var n=l(37876),r=l(18847),i=l.n(r),o=l(4342),a=l.n(o),s=l(61854),c=l(30050),d=l(15039),u=l.n(d);let v=e=>{let{billboard:t,dataSource:l,billboardId:r}=e,{gridSettings:i,slides:o}=t,{mobile:d,desktop:v}=i,{columns:p,gap:m,padding:_}=d,{columns:x,gap:h,padding:y}=v,b=o.length<p,k=o.length<x,g={"--columns-mobile":b?o.length:p,"--columns-sm":k?o.length:(0,c.b)(x,768,3),"--columns-md":k?o.length:(0,c.b)(x,992,4),"--columns-desktop":k?o.length:x,"--column-gap-mobile":"var(--".concat(m,")"),"--column-gap-desktop":"var(--".concat(h,")"),..._&&{"--grid-padding-mobile":"var(--column-gap-mobile)"},...y&&{"--grid-padding-desktop":"var(--column-gap-desktop)"},...b&&{"--center-width-mobile":"min(calc(100% / ".concat(p," * ").concat(o.length,"), 100%)")},...k&&{"--center-width-desktop":"min(calc(100% / ".concat(x," * ").concat(o.length,"), 100%)")}};return(0,n.jsx)("div",{className:u()(a().BillboardGrid,"billboard-grid"),style:g,"data-source":l,children:o.map((e,l)=>(0,n.jsx)("div",{className:a().Slide,children:(0,n.jsx)(s.A,{slide:e,index:l,billboardId:r,analytics:t.analytics})},e.id))})};var p=l(45303),m=l(53760),_=l(57693),x=l(5407),h=l.n(x);let y=i()(()=>Promise.all([l.e(2719),l.e(3810)]).then(l.bind(l,23810)),{loadableGenerated:{webpack:()=>[23810]}}),b=e=>{var t,l,r,i;let{billboard:o,dataSource:a,className:s,id:c,xpmKey:d,onInteraction:x,getPanelAnalytics:b}=e,{displayType:k,header:g,devices:P}=o||{};if(!k)return null;let f="carousel"===k&&((null==(l=o.carouselSettings)||null==(t=l.desktop)?void 0:t.arrowsDisplay)==="header"||(null==(i=o.carouselSettings)||null==(r=i.mobile)?void 0:r.arrowsDisplay)==="header"),j=g&&!f;return(0,n.jsx)(m.A,{children:(0,n.jsx)(p.fv,{billboard:o,onInteraction:x,getPanelAnalytics:b,children:(0,n.jsxs)("div",{id:c?"Billboard".concat(c):void 0,"data-xpm-key":d,className:u()(h().Billboard,"mobile"===P&&h().MobileOnly,"desktop"===P&&h().DesktopOnly,s),children:[j&&(0,n.jsx)(_.A,{header:g}),"carousel"===k&&(0,n.jsx)(y,{billboard:o,dataSource:a,billboardId:c}),"grid"===k&&(0,n.jsx)(v,{billboard:o,dataSource:a,billboardId:c})]})})})}},13832:(e,t,l)=>{"use strict";l.d(t,{K:()=>r});var n=l(14232);let r=e=>

1{let[t,l]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let t=e.current;if(!t)return;let n=()=>[...t.querySelectorAll("img")].filter(e=>"none"!==getComputedStyle(e).display).some(e=>e.complete&&e.naturalWidth>0);if(n())return void l(!0);let r=()=>{n()&&l(!0)},i=[...t.querySelectorAll("img")];return i.forEach(e=>{e.addEventListener("load",r),e.addEventListener("error",r)}),()=>i.forEach(e=>{e.removeEventListener("load",r),e.removeEventListener("error",r)})},[e]),t}},19203:(e,t,l)=>{"use strict";l.d(t,{A:()=>i});var n=l(19110),r=l(4405);let i=()=>{let{pushToDataLayer:e}=(0,n.ur)();return{onSwiperHandler:(t,l)=>{if(t){if(l)return void e({...r.P,event:l.event,interaction_type:"swipe",element:l.element});e({event:"".concat(t,"_swipe"),interaction_type:"swipe"})}},onProductClick:(t,l,n,i)=>{if(!t)return;let o={...(0,r.n)(l),position:n+1};if(i)return void e({...r.P,event:i.event,interaction_type:"click",element:i.element,items:o});e({event:"".concat(t,"_click_product"),interaction_type:"click",items:o})},onCtaClick:(t,l,n,i,o)=>{if(!t)return;let a={...(0,r.n)(l),position:n+1};if(o)return void e({...r.P,event:o.event,interaction_type:"add",element:o.element,add_method:i,items:a});e({event:"".concat(t,"_add_to_cart"),add_method:i,items:a})}}}},30050:(e,t,l)=>{"use strict";l.d(t,{b:()=>n});let n=(e,t,l)=>Math.max(Math.min(e,l),Math.round(e*t/1200))},35210:e=>{e.exports={BillboardHeader:"billboardHeader_BillboardHeader__cByCA",Actions:"billboardHeader_Actions__dwcHr"}},36619:e=>{e.exports={HotspotBanner:"hotspotLayer_HotspotBanner__k712n"}},41869:e=>{e.exports={VisualLayer:"visualLayer_VisualLayer__OfKub",StandaloneLink:"visualLayer_StandaloneLink__zxbr7",ImageWrapper:"visualLayer_ImageWrapper__dtnAF",DeviceRatios:"visualLayer_DeviceRatios__1ooeH",VideoWrapper:"visualLayer_VideoWrapper__lfWjS",Video:"visualLayer_Video__S7IMz"}},45303:(e,t,l)=>{"use strict";l.d(t,{fv:()=>o,zn:()=>s,pW:()=>a,nl:()=>c});var n=l(37876),r=l(14232);let i=(0,r.createContext)(null),o=e=>{let{children:t,billboard:l,onInteraction:o,getPanelAnalytics:a}=e,s=(0,r.useMemo)(()=>(e=>{var t,l,n,r,i,o,a,s;if(!e)return{mobileColumns:1,desktopColumns:1};if("carousel"===e.displayType){let{carouselSettings:i}=e,o=null!=(n=null==i||null==(t=i.desktop)?void 0:t.columns)?n:1;return{mobileColumns:null!=(r=null==i||null==(l=i.mobile)?void 0:l.columns)?r:1,desktopColumns:o}}if("grid"===e.displayType){let{gridSettings:t}=e,l=null!=(a=null==t||null==(i=t.desktop)?void 0:i.columns)?a:1;return{mobileColumns:null!=(s=null==t||null==(o=t.mobile)?void 0:o.columns)?s:1,desktopColumns:l}}return{mobileColumns:1,desktopColumns:1}})(l),[l]),c=(0,r.useMemo)(()=>({billboard:l,layoutInfo:s,imageSizes:(e=>{if(!e)return"100vw";let{mobileColumns:t,desktopColumns:l}=e,n="".concat((100/t).toFixed(2),"vw"),r="".concat((100/l).toFixed(2),"vw");return"(max-width: 767px) ".concat(n,", (min-width: 768px) ").concat(r)})(s),onInteraction:o,getPanelAnalytics:a}),[l,s,o,a]);return(0,n.jsx)(i.Provider,{value:c,children:t})},a=()=>{let e=(0,r.useContext)(i);if(!e)throw Error("useBillboardLayout must be used within BillboardLayoutProvider");return e},s=()=>{var e;return null==(e=(0,r.useContext)(i))?void 0:e.onInteraction},c=()=>{var e;return null==(e=(0,r.useContext)(i))?void 0:e.getPanelAnalytics}},51121:(e,t,l)=>{"use strict";l.d(t,{A:()=>n});let n=(0,l(15714).A)("cart")},53103:e=>{e.exports={PinOverlay:"hotspot_PinOverlay__CyDGc",Pin:"hotspot_Pin__LJtCf",PinVerticalArm:"hotspot_PinVerticalArm__eZAmV",PinIcon:"hotspot_PinIcon__RTGYu",Pulse:"hotspot_Pulse__lMTih","hotspot-pulse":"hotspot_hotspot-pulse__Gf2jP",MobileOnly:"hotspot_MobileOnly__A07Lf",DesktopOnly:"hotspot_DesktopOnly__SJ7dD",PopoverTooltip:"hotspot_PopoverTooltip__uEWs9",Popover:"hotspot_Popover__t_YQM",PopoverImage:"hotspot_PopoverImage__JO8PN",PopoverContent:"hotspot_PopoverContent__6Q_re",PopoverTitle:"hotspot_PopoverTitle__CL9nH",PopoverAddToBag:"hotspot_PopoverAddToBag__ADm2z"}},53760:(e,t,l)=>{"use strict";l.d(t,{A:()=>i});var n=l(14232);class r extends n.Component{static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){console.error("[ErrorBoundary]",e.message,t.componentStack)}

1render(){if(this.state.hasError){var e;return null!=(e=this.props.fallback)?e:null}return this.props.children}constructor(...e){super(...e),this.state={hasError:!1}}}let i=r},57693:(e,t,l)=>{"use strict";l.d(t,{A:()=>v});var n=l(37876),r=l(6936),i=l(12632),o=l(68200),a=l(45303),s=l(35210),c=l.n(s),d=l(15039),u=l.n(d);let v=e=>{var t,l;let{header:s,children:d}=e,{text:v,variant:p,align:m,cta:_}=s||{},x=(0,a.zn)(),h=!!(null==v?void 0:v.trim()),y=_&&(null==(t=_.text)?void 0:t.trim())&&(null==(l=_.link)?void 0:l.trim()),b=y||!!d;return h||b?(0,n.jsxs)("div",{className:u()(c().BillboardHeader,"billboard-header"),"data-align":b?"start":m,"data-has-actions":b||void 0,children:[h&&(0,n.jsx)(r.A,{variant:p,children:v}),b&&(0,n.jsxs)("div",{className:c().Actions,children:[y&&(0,n.jsxs)(i.A,{variant:"button-link"===_.buttonVariant?"link":_.buttonVariant,href:_.link,isLink:!0,onClick:()=>null==x?void 0:x({type:"header_cta_click",link:_.link}),children:[_.text,"arrow"===_.buttonIcon&&(0,n.jsx)(o.A,{name:"arrow",direction:"inline-end"})]}),d]})]}):null}},61854:(e,t,l)=>{"use strict";l.d(t,{A:()=>ee});var n=l(37876),r=l(18847),i=l.n(r),o=l(19203),a=l(45303);let s=e=>void 0!==e.image&&"mobile"in e.image&&"desktop"in e.image,c=e=>{var t;return{...e,src:null==(t=e.src)?void 0:t.trim()}},d=e=>s(e)?null:c(e.image),u=e=>{var t,l,n,r,i,o,a;let s=e.image,c=e.video,d=!!s&&("src"in s?!!(null==(t=s.src)?void 0:t.trim()):!!((null==(n=s.mobile)||null==(l=n.src)?void 0:l.trim())||(null==(i=s.desktop)||null==(r=i.src)?void 0:r.trim()))),u=!!c&&!!((null==(o=c.mobile)?void 0:o.trim())||(null==(a=c.desktop)?void 0:a.trim()));return d||u};var v=l(54587),p=l.n(v),m=l(41869),_=l.n(m);let x=e=>{let{slide:t}=e,l=d(t),{imageSizes:r}=(0,a.pW)();if(!l)return null;let{src:i,alt:o,width:s,height:c,priority:u=!1}=l;return(0,n.jsx)("div",{className:_().ImageWrapper,children:(0,n.jsx)(p(),{src:i,alt:o,width:null!=s?s:0,height:null!=c?c:0,sizes:r,priority:u})})};var h=l(15039),y=l.n(h);let b=e=>{let{slide:t}=e,l=(e=>{if(s(e)){let{mobile:t,desktop:l}=e.image;return{mobile:c(t),desktop:c(l)}}return null})(t),{imageSizes:r}=(0,a.pW)();if(!l)return null;let{mobile:i,desktop:o}=l,{src:d,alt:u,width:v,height:m}=o,{src:x,alt:h,width:b,height:k}=i,g=v&&m&&b&&k?{"--bb-ratio-mobile":"auto ".concat(b," / ").concat(k),"--bb-ratio-desktop":"auto ".concat(v," / ").concat(m)}:void 0;return(0,n.jsx)("div",{className:y()(_().ImageWrapper,g&&_().DeviceRatios),style:g,children:(0,n.jsxs)("picture",{children:[(0,n.jsx)("source",{media:"(min-width: 768px)",srcSet:d}),(0,n.jsx)("source",{media:"(max-width: 767px)",srcSet:x}),(0,n.jsx)(p(),{src:d,alt:u||h||"",width:null!=v?v:0,height:null!=m?m:0,sizes:r})]})})};var k=l(31262),g=l(14232);let P=e=>{var t,l;let{slide:r}=e,i=(0,g.useRef)(null),[o,a]=(0,g.useState)(!1),[s,c]=(0,g.useState)(!1);(0,g.useEffect)(()=>{let e=window.matchMedia("(min-width: 768px)"),t=()=>a(e.matches);return t(),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,g.useEffect)(()=>{let e=i.current;if(!e)return;let t=new IntersectionObserver(l=>{let[n]=l;n.isIntersecting&&requestAnimationFrame(()=>{e.isConnected&&(e=>{let{top:t,bottom:l}=e.getBoundingClientRect();return l>0&&t<window.innerHeight})(e)&&(c(!0),t.disconnect())})});return t.observe(e),()=>t.disconnect()},[]);let{mobile:u,desktop:v}=r.video||{},{autoPlay:p=!0,loop:m=!0,muted:x=!0,playsInline:h=!0,controls:y=!1}=r.videoConfig||{},b=(null==(t=o?v:u)?void 0:t.trim())||(null==v?void 0:v.trim())||(null==u?void 0:u.trim());if(!b)return null;let k=null==(l=d(r))?void 0:l.src;return(0,n.jsx)("div",{ref:i,className:_().VideoWrapper,children:s&&(0,n.jsx)("video",{src:b,controls:y,autoPlay:p,loop:m,muted:x,playsInline:h,poster:k,preload:"none",className:_().Video},b)})},f=e=>{var t;let l=(0,a.zn)();if(l&&(null==e||null==(t=e.link)?void 0:t.trim()))return()=>

1l({type:"slide_click",slideId:e.id,link:e.link})};var j=l(77015),L=l(94094);let T=e=>{var t;let{openKlaviyoForm:l}=(0,j.A)();return(null==e?void 0:e.linkType)!=="klaviyo"?{href:null!=(t=null==e?void 0:e.link)?t:""}:{href:" ",onClick:()=>{let t=window.matchMedia("(min-width: 768px)").matches,n=(0,L.t)(t,e.klaviyoDesktopFormId,e.klaviyoMobileFormId,!0);n&&l(n)}}},C=e=>{let{slide:t,className:l,onlyContent:r=!1}=e,i=f(t),o=T(t);if(!t)return null;let a=s(t),c=(e=>{if(!e.video||!("mobile"in e.video)||!("desktop"in e.video))return!1;let{mobile:t,desktop:l}=e.video;return!!(t&&l&&"string"==typeof t&&"string"==typeof l&&""!==t.trim()&&""!==l.trim())})(t),d=a?(0,n.jsx)(b,{slide:t}):(0,n.jsx)(x,{slide:t});return r?(0,n.jsx)(k.A,{...o,className:y()(l,_().StandaloneLink),onClick:e=>{var t;null==i||i(),null==(t=o.onClick)||t.call(o,e)},children:(0,n.jsxs)("div",{className:_().VisualLayer,children:[d,c&&(0,n.jsx)(P,{slide:t})]})}):(0,n.jsxs)("div",{className:y()(l,_().VisualLayer),children:[d,c&&(0,n.jsx)(P,{slide:t})]})};var w=l(6936),A=l(12632),N=l(74901),O=l.n(N),I=l(68200);let S=e=>{let{liveText:t,align:l,className:r}=e,{content:i,button:o,liveTextColor:a,contentPaddingInline:s,contentPaddingBlock:c}=t;if(!i&&!o)return null;let{buttonBackgroundColor:d,buttonTextColor:u,buttonVariant:v,buttonIcon:p}=o||{},m={...a&&{color:a||"var(--colors-text)"},...s&&"none"!==s&&{paddingInline:"var(--".concat(s,")")},...c&&"none"!==c&&{paddingBlock:"var(--".concat(c,")")}},_={..."button-link"!==v&&d&&{backgroundColor:d||"var(--colors-text)"},...u&&{color:u||"var(--colors-text-inverted)"}};return(0,n.jsxs)("div",{className:"".concat(O().TextLayer," ").concat(r),"data-align":l,style:m,children:[i&&i.map(e=>(0,n.jsx)(w.A,{variant:e.variant,children:e.text},e.text)),o&&v&&(0,n.jsxs)(A.A,{variant:"button-link"===v?"link":v,className:O().Button,style:_,isLink:!0,children:[o.text,"arrow"===p&&(0,n.jsx)(I.A,{name:"arrow",direction:"inline-end"})]})]})};var B=l(63831),V=l.n(B);let M=e=>{let{slide:t,liveTextOverride:l}=e,r=f(t),i=null!=l?l:t.liveText,o=T(t);if(!i)return null;let a=u(t),{position:s,backgroundColor:c}=i,d=V()["Position-".concat(s)]?s:"center";return(0,n.jsxs)(k.A,{...o,className:V().OverlayLiveText,style:!a&&c?{backgroundColor:c}:void 0,onClick:e=>{var t;null==r||r(),null==(t=o.onClick)||t.call(o,e)},children:[a&&(0,n.jsx)(C,{slide:t,className:V().VisualLayer,onlyContent:!1}),(0,n.jsx)(S,{liveText:i,align:(e=>{switch(e){case"top-left":case"middle-left":case"bottom-left":return"start";case"top-center":case"center":case"bottom-center":default:return"center";case"top-right":case"middle-right":case"bottom-right":return"end"}})(d),className:"".concat(V().TextLayerWrapper," ").concat(V()["Position-".concat(d)])})]})};var W=l(6722),D=l.n(W);let E=e=>{let{slide:t,liveTextOverride:l}=e,r=f(t),i=null!=l?l:t.liveText,o=T(t);if(!i)return null;let{position:a}=i;if(!(t.image||t.video))return(0,n.jsx)(k.A,{...o,className:V().OverlayLiveText,onClick:e=>{var t;null==r||r(),null==(t=o.onClick)||t.call(o,e)},children:(0,n.jsx)(S,{liveText:i,align:"center",className:"".concat(V().TextLayerWrapper," ").concat(V()["Position-".concat("center")])})});let s=a.startsWith("above"),c=a.startsWith("before"),d=a.startsWith("below"),u=a.startsWith("after"),v=c?"end":u||a.endsWith("-start")?"start":a.endsWith("-center")?"center":a.endsWith("-end")?"end":"start";return(0,n.jsxs)(k.A,{...o,className:y()(D().PlacementLiveText,D()["Placement-".concat(a)]),onClick:e=>{var t;null==r||r(),null==(t=o.onClick)||t.call(o,e)},children:[(s||c)&&(0,n.jsx)(S,{liveText:i,align:v,className:D().TextLayer}),(0,n.jsx)(C,{slide:t,onlyContent:!1}),(d||u)&&(0,n.jsx)(S,{liveText:i,align:v,className:D().TextLayer})]})};var z=l(95953),H=l(13832),F=l(36619),q=l.n(F);let G=e=>{var t,l;let{slide:r}=e,i=null!=(l=null==(t=r.hotspots)?void 0:t.products)?l:[],o=(0,g.useRef)(null),s=(0,H.K)(o),c=(0,a.zn)(),d=(0,a.nl)();return(0,n.jsxs)("div",{ref:o,className:q().HotspotBanner,children:[(0,n.jsx)(C,{slide:r,onlyContent:!1}),s&&(0,n.jsx)(z.A,{products:i,analytics:{onPinClick:c&&(e=>{var t;let l=null==(t=e.product[0])?void 0:t.sku;l&&c({type:"hotspot_pin_click",slideId:r.id,sku:l})}),onPinHover:c&&(e=>{var t;let l=null==(t=e.product[0])?void 0:t.sku;l&&c({type:"hotspot_pin_hover",slideId:r.id,sku:l})}),getPanelAnalytics:d&&(e=>{var t;let l=null==(t=e.product[0])?void 0:t.sku;return l&&d({slideId:r.id,sku:l})||{}})}})]})};var R=l(63098),J=l.n(R);let K=(e,t)=>"overlay"===t.display?(0,n.jsx)(M,{slide:e,liveTextOverride:t}):"placement"===t.display?(0,n.jsx)(E,{slide:e,liveTextOverride:t}):(0,n.jsx)(C,{slide:e,onlyContent:!0}),Q={mobileOnly:J().MobileOnly,desktopOnly:J().DesktopOnly},X=e=>{let{slide:t}=e;if(!t)return null;if("hotspot"===t.mode)return u(t)?(0,n.jsx)(G,{slide:t}):null;let l=(e=>{var t,l,n;if(!s(e)){let t=e.image;return(null==t||null==(n=t.src)?void 0:n.trim())||e.liveText?"both":"none"}let{mobile:r,desktop:i}=e.image,o=!!(null==r||null==(t=r.src)?void 0:t.trim()),a=!!(null==i||null==(l=i.src)?void 0:l.trim());return o&&a?"both":o?"mobileOnly":a?"desktopOnly":e.liveText?"both":"none"})(t);if("none"===l)return null;let r=Q[l],{liveText:i}=t,o=(()=>

1{if(!i)return(0,n.jsx)(C,{slide:t,onlyContent:!0});if(!i.desktop)return K(t,i);let e={...i,...i.desktop};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:J().MobileOnly,children:K(t,i)}),(0,n.jsx)("div",{className:J().DesktopOnly,children:K(t,e)})]})})();return r?(0,n.jsx)("div",{className:r,children:o}):o};var Y=l(53760),U=l(88771);let Z=i()(()=>Promise.all([l.e(2718),l.e(8121),l.e(4625),l.e(9916),l.e(5103)]).then(l.bind(l,99916)),{loadableGenerated:{webpack:()=>[99916]}}),$=e=>{let{slide:t,onItemClick:l,onCtaClick:r}=e,{t:i}=(0,U.B)("base");switch(t.type){case"banner":return(0,n.jsx)(X,{slide:t});case"productCard":let{defaultCtaText:o,showQuickAddToCart:a,quickAddToCartTrigger:s,personalizedCtaText:c,template:d,variant:u}=t,{product:v}=t.productCardSetting,{id:p,url:m,name:_,image:x,price:h,type:y,sku:b,ribbons:k}=v;if(a)return(0,n.jsx)(Z,{sku:b,id:p,url:m,name:_,image:x,price:h,type:y,ribbons:k,template:d,variant:u,onItemClick:l,showQuickAddToCart:!0,quickAddToCartTrigger:s,onCtaClick:r,ctaText:{personalizeText:c||i("cta.personalize"),addToBagText:o||i("cta.addToBag")}});return(0,n.jsx)(Z,{sku:b,id:p,url:m,name:_,image:x,price:h,type:y,ribbons:k,template:d,variant:u,onItemClick:l});default:return null}},ee=e=>{let{slide:t,index:l,billboardId:r,analytics:i}=e,{onProductClick:s,onCtaClick:c}=(0,o.A)(),d=(0,a.zn)();return(0,n.jsx)(Y.A,{children:(0,n.jsx)($,{slide:t,onItemClick:()=>{if("productCard"!==t.type)return;let{product:e}=t.productCardSetting;if(d)return void d({type:"product_click",product:e,position:l+1});s(r,e,l,i)},onCtaClick:e=>{if("productCard"!==t.type)return;let{product:n}=t.productCardSetting;if(d)return void d({type:"product_add",product:n,position:l+1,addMethod:e});c(r,n,l,e,i)}})})}},63098:e=>{e.exports={MobileOnly:"bannerSlide_MobileOnly__jJLQK",DesktopOnly:"bannerSlide_DesktopOnly__gvPcO"}},63831:e=>{e.exports={OverlayLiveText:"overlayLiveText_OverlayLiveText__gIjep",VisualLayer:"overlayLiveText_VisualLayer__ZbPem",TextLayerWrapper:"overlayLiveText_TextLayerWrapper__5SC6V","Position-center":"overlayLiveText_Position-center__2dJC_","Position-top-left":"overlayLiveText_Position-top-left__hIzYz","Position-top-center":"overlayLiveText_Position-top-center__WSzHU","Position-top-right":"overlayLiveText_Position-top-right__fIVps","Position-middle-left":"overlayLiveText_Position-middle-left__L0C6S","Position-middle-right":"overlayLiveText_Position-middle-right__PHPDP","Position-bottom-left":"overlayLiveText_Position-bottom-left__SzXQx","Position-bottom-center":"overlayLiveText_Position-bottom-center__h0wnN","Position-bottom-right":"overlayLiveText_Position-bottom-right__xv5K9"}},74901:e=>{e.exports={TextLayer:"textLayer_TextLayer__XntXI"}},95953:(e,t,l)=>{"use strict";l.d(t,{A:()=>f});var n=l(37876),r=l(14232),i=l(15039),o=l.n(i),a=l(98477),s=l(54587),c=l(89893),d=l(53103),u=l.n(d),v=l(88771),p=l(6936),m=l(79694),_=l(74280),x=l(12632),h=l(2564);let y={width:180,height:180,sizes:"".concat(180,"px")},b=e=>{var t;let{placement:l,productName:i,product:o,onActivate:d,onPrefetch:b,onHover:k}=e,{t:g}=(0,v.B)("base"),P=(0,r.useId)(),{x:f,y:j,shape:L,color:T,size:C,opacity:w,hasPulse:A}=l;if(!(C>0)||!(w>0))return null;let N=Math.min(w,100)/100,O=o?(0,h.I5)(o):null;if((null==O?void 0:O.src)&&window.matchMedia("(min-width: 768px)").matches){let{props:e}=(0,s.getImageProps)({src:O.src,alt:"",...y});(0,a.preload)(e.src,{as:"image",imageSrcSet:e.srcSet,imageSizes:e.sizes})}return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("button",{id:P,type:"button",className:u().Pin,"data-shape":L,style:{left:"".concat(f,"%"),top:"".concat(j,"%"),width:"".concat(C,"%"),"--pin-color":T},"aria-label":g("cta.showProduct",{product:i}),onClick:d,onPointerEnter:b,onFocus:b,children:["dot"===L&&A&&(0,n.jsx)("span",{className:u().Pulse}),(0,n.jsx)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(24," ").concat(24),className:u().PinIcon,"aria-hidden":"true",children:"plus"===L?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("circle",{cx:12,cy:12,r:11,fill:"transparent",stroke:T,strokeOpacity:N,strokeWidth:1.15}),(0,n.jsx)("line",{x1:8.4,y1:12,x2:15.6,y2:12,stroke:T,strokeOpacity:N,strokeWidth:1,strokeLinecap:"round"}),(0,n.jsx)("line",{className:u().PinVerticalArm,x1:12,y1:8.4,x2:12,y2:15.6,stroke:T,strokeOpacity:N,strokeWidth:1,strokeLinecap:"round"})]}):(0,n.jsx)("circle",{cx:12,cy:12,r:11,fill:T,fillOpacity:N})})]}),o&&(0,n.jsx)(c.m_,{anchorId:P,place:"right",clickable:!0,noArrow:!0,variant:"light",delayHide:0,opacity:1,openEvents:{mouseover:!0},closeEvents:{mouseout:!0},afterShow:k,className:u().PopoverTooltip,style:{padding:0,transition:"none"},children:(0,n.jsxs)("div",{className:u().Popover,style:{"--popover-image-size":"".concat(180,"px")},children:[(0,n.jsx)(m.A,{className:u().PopoverImage,src:null==O?void 0:O.src,alt:null!=(t=null==O?void 0:O.alt)?t:o.name,title:null==O?void 0:O.title,...y}),(0,n.jsxs)("div",{className:u().PopoverContent,children:[(0,n.jsx)(p.A,{variant:"text1",className:u().PopoverTitle,children:o.name}),(0,n.jsx)(_.A,{...o.price,sellingPriceTypographyVariant:"text2",crossedPriceTypographyVariant:"text1"}),(0,n.jsx)(x.A,{variant:"link",className:u().PopoverAddToBag,onClick:d,children:(0,n.jsx)(p.A,{variant:"text2",tag:"span",children:g("cta.shopNow")})})]})]})})]})};var k=l(75582),g=l(51121),P=l(70414);let f=e=>{let{products:t,analytics:l}=e,{handleActivate:i,handlePrefetch:a,resolved:s,ready:c}=(()=>{let e=(0,k.A)(e=>e.getCatalogProduct),t=(0,k.A)(e=>e.openCartPanelAddView),l=(0,k.A)(e=>e.checkCartValidation),n=(0,k.A)(e=>e.initialized),{data:i}=(0,g.A)(e=>e.checkCartValidation),o=(0,r.useRef)(!0);(0,r.useEffect)(()=>(o.current=!0,()=>{o.current=!1}),[]);let[a,s]=(0,r.useState)({}),c=(0,r.useRef)(void 0);

1null!=c.current||(c.current=new Map);let d=t=>{let l=c.current;if(!l.has(t)){let n=e(t);l.set(t,n),n.then(e=>{let{cartItem:n}=e;if(!n)return void l.delete(t);o.current&&s(e=>({...e,[t]:n}))}).catch(()=>l.delete(t))}return l.get(t)};return{handleActivate:async(e,n)=>{var r,a;let s=null==(a=e.product)||null==(r=a[0])?void 0:r.sku;if(!s)return!1;let{cartItem:c}=await d(s);return!!o.current&&!!c&&(t({...c,key:(0,P.A)()},void 0,{showViewFullDetails:!0,analytics:n}),i&&l(),!0)},handlePrefetch:e=>{var t,l;let n=null==(l=e.product)||null==(t=l[0])?void 0:t.sku;n&&d(n)},resolved:a,ready:n}})();(0,r.useEffect)(()=>{c&&t.forEach(e=>a(e))},[t,c]);let d=e=>t.filter(t=>{var l;return t.placements[e]&&(null==(l=t.product)?void 0:l[0])}).map(t=>{let r=t.product[0].sku;return(0,n.jsx)(b,{placement:t.placements[e],productName:t.product[0].name,product:"desktop"===e&&r?s[r]:void 0,onActivate:async()=>{var e,n;await i(t,null==l||null==(e=l.getPanelAnalytics)?void 0:e.call(l,t))&&(null==l||null==(n=l.onPinClick)||n.call(l,t))},onPrefetch:()=>a(t),onHover:()=>{var e;return null==l||null==(e=l.onPinHover)?void 0:e.call(l,t)}},t.id)});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:o()(u().PinOverlay,u().DesktopOnly),children:d("desktop")}),(0,n.jsx)("div",{className:o()(u().PinOverlay,u().MobileOnly),children:d("mobile")})]})}}}]);