https://static-files.notonthehighstreet.com/browse-cmspages-webapp…/static/chunks/3484.6b2a134977018a3c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3484],{3579:function(e,t,n){n.d(t,{N:function(){return o}});var i=n(7953);let o=async e=>{if(!(0,i.j)())return Promise.resolve();let t=Array.isArray(e)?e:[e],n=[],o=t.map(e=>{let t;let i=new Promise(e=>{t=e});return n.push(i),{...e,eventCallback:()=>{e.eventCallback&&e.eventCallback(),t()},eventTimeout:e.eventTimeout||500}});return window.dataLayer&&window.dataLayer.push(...o),window.google_tag_manager||setTimeout(()=>o.forEach(e=>e.eventCallback()),200),await Promise.all(n),Promise.resolve()}},9488:function(e,t,n){n.d(t,{K:function(){return s}});var i=n(3528),o=n(3579);let r=(e,t)=>{let n=(t||e.currentTarget).getAttribute("target")||"_self",i=[e.shiftKey,e.ctrlKey,e.metaKey].some(e=>!0===e);return"_self"!==n||i},s=async(e,t)=>{let n=(0,i.o)(e);if(n){let i=r(e,n),{href:s,target:a}=n;if(i)(0,o.N)(t);else{e.preventDefault();try{await (0,o.N)(t),window.location.assign(s)}catch{window.open(s,a)}}}}},8702:function(e,t,n){n.d(t,{D:function(){return r}});var i=n(7667);let o={root:null,rootMargin:"0px",threshold:0},r=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o,n=(0,i.useRef)(null),r=(0,i.useRef)(!1);return(0,i.useEffect)(()=>{if(r.current)return;let i=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&!r.current&&(r.current=!0,e(t),n.current&&i.unobserve(n.current))})},{...o,...t});return n.current&&i.observe(n.current),()=>{n.current&&i.unobserve(n.current)}},[e,t]),n}},3437:function(e,t,n){let i,o;n.d(t,{d:function(){return a}});var r=n(3636),s=n(3390);let a=(0,s.css)(["background-color:var(--neutral-black-30);animation:"," 2s infinite;"],(0,r.S)((i="var(--neutral-black-30)",o="var(--neutral-black-70)",(0,s.keyframes)(["0%{background-color:",";}50%{background-color:",";}100%{background-color:",";}"],i,o,i))))},919:function(e,t,n){n.d(t,{t:function(){return l}});var i=n(7488),o=n(3390),r=n.n(o),s=n(7667),a=n(3437);let c=(0,o.css)(["background-color:var(--neutral-black-30);",";"],a.d),l=e=>{let{alt:t="",children:n,className:o,fetchPriority:r,imgCss:a,lazyLoading:l=!1,onError:u,onLoad:f,src:m}=e,[h,g]=(0,s.useState)(!0);return(0,i.jsxs)("picture",{className:o,children:[n,(0,i.jsx)(d,{...r?{fetchpriority:r}:void 0,alt:t,loading:l?"lazy":"eager",onError:()=>{g(!1),u?.()},onLoad:()=>{g(!1),f?.()},src:m,$_css:[h&&c,a]})]})};var d=r()("img").withConfig({componentId:"sc-37fe3b54-0"})(["",""],e=>e.$_css)},7294:function(e,t,n){n.d(t,{a:function(){return r}});var i=n(7488);n(7667);var o=n(9068);let r=e=>{let{height:t,minBreakpoint:n,srcSet:r,width:s}=e;return(0,i.jsx)("source",{height:t,media:`(min-width: ${o.Ri[n]}px)`,srcSet:r,width:s},n)}},3636:function(e,t,n){n.d(t,{S:function(){return i}});let i=e=>()=>e},5331:function(e,t,n){n.d(t,{jy:function(){return o}});var i=n(3390);let o=(0,i.css)(["clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;"]);(0,i.css)([".no-js &{display:none;}"]),(0,i.css)([".js &{display:none;}"])},3528:function(e,t,n){n.d(t,{o:function(){return i}});let i=e=>{let t=[e.target,e.currentTarget].find(e=>"A"===e.nodeName);return t&&t}},883:function(e,t,n){n.d(t,{S:function(){return u}});var i=n(7488),o=n(3390),r=n.n(o),s=n(7667),a=n.n(s),c=n(2102),l=n(9068),d=n(5273);let u=a().forwardRef((e,t)=>{let{children:n,columnsL:r,columnsM:s,columnsS:a,columnsXL:u,columnsXS:h,maxWidth:g,wrapperStyles:p}=e,v=e=>(c.BW-e)/2+1,b={XXS:c.BW,XS:h,S:a,M:s,L:r,XL:u},x=Object.keys(b).filter(e=>b[e]).map(e=>(0,o.css)(["",""],(0,d.c)({min:l.Ri[e]},(0,o.css)(["grid-column:"," / span ",";

1"],v(b[e]),b[e])))),w=(0,i.jsx)(f,{ref:t,$_css:[p,...x],children:n});return g?(0,i.jsx)(m,{$_css2:[c.eC,"full"===g?c.wf:c.K9],children:w}):w});var f=r()("div").withConfig({componentId:"sc-320231f3-0"})(["",""],e=>e.$_css),m=r()("div").withConfig({componentId:"sc-320231f3-1"})(["",""],e=>e.$_css2)},5514:function(e,t,n){n.d(t,{T:function(){return o}});var i=n(7667);let o=()=>{let[e,t]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)");t(e.matches);let n=e=>{t(e.matches)};return e.addEventListener("change",n),()=>{e.removeEventListener("change",n)}},[]),e}},3484:function(e,t,n){n.r(t),n.d(t,{HeroCarouselSection:function(){return eZ}});var i=n(7488),o=n(3390),r=n.n(o),s=n(7667),a=n(883),c=n(8702),l=n(6560),d=n(3700),u=n(5273),f=n(3636),m=n(968);let{colors:h,spacing:g,typography:p}=m.themeVariables,v=(0,o.keyframes)(["from{opacity:0;}to{opacity:1;}"]),b=(0,o.css)(["display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column-reverse;gap:var(",");width:var(--width);margin:0 auto;padding:var(",") 0;",";",";"],g.md,g.md,(0,u.c)({min:768},(0,o.css)(["flex-direction:row;padding:var(",") var(",");"],g.md,g.xxl)),(0,u.c)({min:1440},(0,o.css)(["width:100%;"]))),x=(0,o.css)(["width:100%;& > a{width:calc(100% - (var(",") * 2));margin:0 var(",");}",";"],g.xl,g.xl,(0,u.c)({min:768},(0,o.css)(["width:auto;& > a{width:auto;margin:0;}"]))),w=(0,o.css)(["animation:"," 500ms ease;text-align:center;width:100%;",";@media (prefers-reduced-motion:reduce){animation:none;}"],(0,f.S)(v),(0,u.c)({min:768},(0,o.css)(["width:auto;text-align:left;"]))),k=(0,o.css)(["margin:0 0 var(",") 0;font-size:var(",");line-height:var(",");color:var(",");"],g.sm,p.body.sizes.md.fontSize,p.body.sizes.md.lineHeight,h.content.default),y=(0,o.css)(["margin:0;color:var(",");font-size:var(",");line-height:var(",");"],h.content.tertiary,p.body.sizes.sm.fontSize,p.body.sizes.sm.lineHeight),C=(0,o.css)(["color:inherit;text-decoration:underline;"]),j=(0,o.css)(["visibility:hidden;white-space:pre;"]),_=e=>{let{buttonHref:t,buttonText:n,fullWidth:o,onButtonClick:r,onTermsClick:s,paragraph:a,reserveTermsSpace:c,termsAndConditions:d,termsAndConditionsHref:u}=e;return(0,i.jsxs)(E,{style:{"--width":o?"100%":"86%"},children:[(0,i.jsxs)(z,{children:[(0,i.jsx)(S,{children:a}),d?(0,i.jsx)($,{children:u?(0,i.jsx)(I,{href:u,onClick:s,children:d}):d}):c&&(0,i.jsx)(L,{"aria-hidden":"true","data-testid":"terms-placeholder",$_css:[y,j],children:"\xa0"})]}),(0,i.jsx)(T,{children:(0,i.jsx)(l.zx,{href:t,onClick:r,children:n})})]})};var S=r()("p").withConfig({componentId:"sc-fff70c66-0"})(["",""],k),I=r()("a").withConfig({componentId:"sc-fff70c66-1"})(["",""],C),$=r()("p").withConfig({componentId:"sc-fff70c66-2"})(["",""],y),L=r()("p").withConfig({componentId:"sc-fff70c66-3"})(["",""],e=>e.$_css),z=r()("div").withConfig({componentId:"sc-fff70c66-4"})(["",""],w),T=r()("div").withConfig({componentId:"sc-fff70c66-5"})(["",""],x),E=r()("div").withConfig({componentId:"sc-fff70c66-6"})(["",""],b),H=n(9068),P=n(919),A=n(7294),M=n(5331);let{borderRadius:N,colors:R,spacing:B,typography:K}=m.themeVariables,O=`var(${N.md.mobile})`,D=`var(${N.md.desktop})`,V=(0,o.css)(["border-bottom-left-radius:",";border-bottom-right-radius:",";",""],O,O,(0,u.c)({min:768},(0,o.css)(["border-bottom-left-radius:",";border-bottom-right-radius:",";"],D,D))),X=(0,o.css)(["position:relative;margin:0 auto;overflow:hidden;border-radius:",";",""],O,(0,u.c)({min:768},(0,o.css)(["border-radius:",";"],D))),F=(0,o.css)(["border-radius:calc("," / 2);",""],O,(0,u.c)({min:768},(0,o.css)(["border-radius:calc("," / 2);"],D))),W=(0,o.css)(["position:absolute;inset:0;z-index:1;"]),J=(0,o.css)(["display:block;width:100%;height:456px;object-fit:cover;object-position:center;",""],(0,u.c)({min:768},(0,o.css)(["height:480px;"]))),U=(0,o.css)(["position:absolute;left:0;right:0;margin:0;color:var(",");z-index:2;font-size:var(",");line-height:var(",");pointer-events:none;&::before{content:'';position:absolute;left:0;right:0;height:100%;pointer-events:none;z-index:-1;}span{display:block;}"],R.content.action,K.heading.sizes.xl.fontSize,K.heading.sizes.xl.lineHeight),Q=(0,o.css)(["position:absolute;

1left:0;right:0;height:100%;z-index:-2;pointer-events:none;"]),Y=(0,o.css)(["top:0;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,transparent 100%);"]),Z=(0,o.css)(["bottom:0;-webkit-mask-image:linear-gradient(to top,#000 0%,transparent 100%);mask-image:linear-gradient(to top,#000 0%,transparent 100%);"]),q=(0,o.css)(["position:absolute;inset:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);"]),G=(0,o.css)(["top:0;padding:var(",") var(",") 0;&::before{top:0;background:linear-gradient(to bottom,#1e1e29 0%,transparent 100%);}"],B.xl,B.xl),ee=(0,o.css)(["bottom:0;padding:0 var(",") var(",");&::before{bottom:0;background:linear-gradient(to top,#1e1e29 0%,transparent 100%);}"],B.xl,B.xl),et=e=>{let{alt:t,headingLevel:n="h2",headingLine1:o,headingLine2:r,headingPosition:s,href:a,imageLargeScreen:c,imageSmallScreen:l,onImageClick:d,priority:u=!1,standalone:f=!1}=e,m="hidden"===s,h="top"===s,g=m?[M.jy]:[U,h?G:ee],p=(0,i.jsxs)(i.Fragment,{children:[!m&&(0,i.jsx)(ei,{"aria-hidden":"true","data-testid":"heading-backdrop",$_css:[Q,h?Y:Z],children:(0,i.jsx)(en,{})}),(0,i.jsx)("span",{children:o}),r&&(0,i.jsx)("span",{children:r})]});return(0,i.jsxs)(ec,{$_css4:[X,f&&F],children:[(0,i.jsx)(P.t,{alt:t,fetchPriority:u?"high":void 0,imgCss:J,lazyLoading:!u,src:l,children:(0,i.jsx)(A.a,{minBreakpoint:H.Uo.M,srcSet:c??l})}),a&&(0,i.jsx)(er,{href:a,onClick:d,children:(0,i.jsx)(eo,{children:t})}),"h1"===n?(0,i.jsx)(es,{$_css2:g,children:p}):(0,i.jsx)(ea,{$_css3:g,children:p})]})};var en=r()("div").withConfig({componentId:"sc-df803dfa-0"})(["",""],q),ei=r()("div").withConfig({componentId:"sc-df803dfa-1"})(["",""],e=>e.$_css),eo=r()("span").withConfig({componentId:"sc-df803dfa-2"})(["",""],M.jy),er=r()("a").withConfig({componentId:"sc-df803dfa-3"})(["",""],W),es=r()("h1").withConfig({componentId:"sc-df803dfa-4"})(["",""],e=>e.$_css2),ea=r()("h2").withConfig({componentId:"sc-df803dfa-5"})(["",""],e=>e.$_css3),ec=r()("div").withConfig({componentId:"sc-df803dfa-6"})(["",""],e=>e.$_css4);let{borderRadius:el,colors:ed,spacing:eu,tint:ef}=m.themeVariables,em=(0,o.css)(["left:",";right:",";",";"],"7%","7%",(0,u.c)({min:1440},(0,o.css)(["left:0;right:0;"]))),eh=(0,o.css)(["width:100%;"]),eg=(0,o.css)(["position:relative;width:100%;"]),ep=(0,o.css)(["overflow:hidden;position:relative;"]),ev=(0,o.css)(["display:flex;transform:translate3d(",",0,0);",";"],"7%",(0,u.c)({min:1440},(0,o.css)(["transform:translate3d(0,0,0);"]))),eb=(0,o.css)(["flex:0 0 ",";min-width:0;margin-right:var(",");",";"],"86%",eu.xxs,(0,u.c)({min:1440},(0,o.css)(["flex:0 0 100%;min-width:0;margin-right:var(",");"],eu.xxs))),ex="84px",ew="44px",ek=(0,o.css)(["position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:",";height:",";align-items:center;justify-content:center;padding:0;border:none;border-radius:var(",");background-color:var(",");color:var(",");cursor:pointer;box-shadow:0 0 4px 0 color-mix(in srgb,var(",") 10%,transparent);display:none;&:hover{background-color:color-mix( in srgb,var(",") var(","),var(",") calc(100% - var(",")) );}&:focus-visible{outline:2px solid var(",");outline-offset:2px;}",";"],ew,ew,el.full.desktop,ed.surface.default,ed.content.default,ed.content.primary,ed.content.default,ef.hover,ed.surface.default,ef.hover,ed.stroke.focus,(0,u.c)({min:768},(0,o.css)(["display:flex;"]))),ey=(0,o.css)(["left:",";"],ex),eC=(0,o.css)(["right:",";"],ex),{colors:ej}=m.themeVariables,e_=(0,o.keyframes)(["from{transform:scaleX(0);}to{transform:scaleX(1);}"]),eS=(0,o.css)(["position:absolute;bottom:0;",";height:",";z-index:1;overflow:hidden;",";pointer-events:none;background-color:color-mix(in srgb,var(",") 40%,transparent);transition:opacity ","ms ease;&[data-transitioning='true']{opacity:0;}"],em,"4px",V,ej.content.action,150),eI=(0,o.css)(["position:absolute;inset:0;background-color:var(",");transform-origin:left center;animation-name:",";animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;"],ej.content.action,(0,f.S)(e_)),e$=e=>{let{cycleKey:t,interval:n,onComplete:o,paused:r,transitioning:s}=e;return(0,i.jsx)(ez,{"aria-hidden":"true","data-testid":"autoplay-progress","data-transitioning":s,children:(0,i.jsx)(eL,{"data-autoplay-progress":!0,onAnimationEnd:o,style:{animationDuration:`${n}ms`,animationPlayState:r||s?"paused":"running"}},t)})};var eL=r()("div").withConfig({componentId:"sc-f10c0fba-0"})(["",""],eI),ez=r()("div").withConfig({componentId:"sc-f10c0fba-1"})(["",""],eS),eT=n(5514);let eE=e=>{let{autoplay:t=!0,autoplayInterval:n=5e3,items:o,onItemButtonClick:r,onItemImageClick:a,onItemTermsClick:c,onSlideChange:u}

1=e,f=(0,eT.T)(),m=t&&!f,h=(0,s.useRef)(!1),[g,p]=(0,s.useState)(0),v=o.some(e=>!!e.termsAndConditions),[b,x]=(0,s.useState)(!1),[w,k]=(0,s.useState)(!1),[y,C]=(0,d.Z)({align:"center",loop:!0}),j=(0,s.useCallback)(()=>{C?.scrollPrev()},[C]),S=(0,s.useCallback)(()=>{C?.scrollNext()},[C]),I=(0,s.useCallback)(()=>x(!0),[]),$=(0,s.useCallback)(()=>x(!1),[]);(0,s.useEffect)(()=>{if(!C)return;let e=()=>{let e=C.selectedScrollSnap();p(e),u?.(e,h.current),h.current=!1},t=()=>{h.current=!0};return C.on("select",e),C.on("pointerDown",t),()=>{C.off("select",e),C.off("pointerDown",t)}},[C,u]);let L=(0,s.useRef)(!0);return(0,s.useEffect)(()=>{if(L.current){L.current=!1;return}k(!0);let e=setTimeout(()=>k(!1),600);return()=>clearTimeout(e)},[g]),(0,i.jsxs)(eB,{"aria-label":"Hero carousel","aria-roledescription":"carousel","data-autoplay":m,onBlur:$,onFocus:I,onKeyDown:e=>{"ArrowLeft"===e.key?j():"ArrowRight"===e.key&&S()},children:[(0,i.jsxs)(eR,{ref:y,children:[(0,i.jsx)(eA,{children:o.map((e,t)=>(0,i.jsx)(eP,{"aria-label":`slide ${t+1} of ${o.length}`,"aria-roledescription":"slide",onMouseEnter:t===g?I:void 0,onMouseLeave:t===g?$:void 0,role:"group",children:(0,i.jsx)(et,{alt:e.alt,headingLevel:0===t?"h1":"h2",headingLine1:e.headingLine1,headingLine2:e.headingLine2,headingPosition:e.headingPosition,href:t===g?e.buttonHref:void 0,imageLargeScreen:e.imageLargeScreen,imageSmallScreen:e.imageSmallScreen,onImageClick:e=>a?.(e,t),priority:0===t})},t))}),(0,i.jsx)(eM,{"aria-label":"Previous slide",onClick:j,onMouseEnter:I,onMouseLeave:$,type:"button",$_css:[ek,ey],children:(0,i.jsx)(l.JO,{name:"actionBack",size:"lg"})}),(0,i.jsx)(eN,{"aria-label":"Next slide",onClick:S,onMouseEnter:I,onMouseLeave:$,type:"button",$_css2:[ek,eC],children:(0,i.jsx)(l.JO,{name:"actionForward",size:"lg"})}),m&&(0,i.jsx)(e$,{cycleKey:g,interval:n,onComplete:S,paused:b,transitioning:w})]}),(0,i.jsx)(_,{buttonHref:o[g].buttonHref,buttonText:o[g].buttonText,onButtonClick:e=>r?.(e,g),onTermsClick:e=>c?.(e,g),paragraph:o[g].paragraph,reserveTermsSpace:v,termsAndConditions:o[g].termsAndConditions,termsAndConditionsHref:o[g].termsAndConditionsHref},g)]})},eH=e=>{let{onVisible:t,...n}=e,o=(0,c.D)(()=>t?.()),{items:r,onItemButtonClick:s,onItemImageClick:a,onItemTermsClick:l}=n;return 0===r.length?null:(0,i.jsx)("div",{ref:o,children:1===r.length?(0,i.jsxs)(eK,{children:[(0,i.jsx)(et,{alt:r[0].alt,headingLevel:"h1",headingLine1:r[0].headingLine1,headingLine2:r[0].headingLine2,headingPosition:r[0].headingPosition,href:r[0].buttonHref,imageLargeScreen:r[0].imageLargeScreen,imageSmallScreen:r[0].imageSmallScreen,onImageClick:e=>a?.(e,0),priority:!0,standalone:!0}),(0,i.jsx)(_,{fullWidth:!0,...r[0],onButtonClick:e=>s?.(e,0),onTermsClick:e=>l?.(e,0)})]}):(0,i.jsx)(eE,{...n})})};var eP=r()("div").withConfig({componentId:"sc-e98a073e-0"})(["",""],eb),eA=r()("div").withConfig({componentId:"sc-e98a073e-1"})(["",""],ev),eM=r()("button").withConfig({componentId:"sc-e98a073e-2"})(["",""],e=>e.$_css),eN=r()("button").withConfig({componentId:"sc-e98a073e-3"})(["",""],e=>e.$_css2),eR=r()("div").withConfig({componentId:"sc-e98a073e-4"})(["",""],ep),eB=r()("section").withConfig({componentId:"sc-e98a073e-5"})(["",""],eg),eK=r()("div").withConfig({componentId:"sc-e98a073e-6"})(["",""],eh),eO=n(3579),eD=n(9488);let eV=e=>{let{name:t,totalOptions:n,trackingContentType:i}=e;(0,eO.N)({event:"custom_event",event_action:"Impression",event_category:`1 | ${i}`,event_name:"view_content",content_position:"1",content_type:`${i}|${t}`.toLowerCase(),item_id:t.toLowerCase(),total_options:`${n}`})},eX=(e,t)=>{let{clickType:n,name:i,selectedPosition:o,totalOptions:r,trackingContentType:s}=t;(0,eD.K)(e,{event:"custom_event",event_action:n,event_category:`1 | ${s}`,event_name:"select_content",event_details:n,content_position:"1",content_type:`${s}|${i}`.toLowerCase(),destination_URL:e.currentTarget.href,item_id:i.toLowerCase(),total_options:`${r}`,selected_position:`${o}`})};var eF=n(2102);let{spacing:eW}=m.themeVariables,eJ=(0,o.css)(["margin:0 0 var(",") 0;"],eW.xl),eU=(0,o.css)([""," margin-top:var(",");"],eJ,eW.md),eQ=(0,o.css)([""," ",";grid-row-gap:0;padding:0;"],eF.eC,eF.lQ),eY=e=>{let{headingLine1:t,headingLine2:n}=e;

1return[t,n].filter(Boolean).join(" ")},eZ=e=>{let{isFirstSection:t,items:n}=e,o=e=>{let t=n[e];t&&eV({name:eY(t),totalOptions:n.length,trackingContentType:"Hero carousel"})};return(0,i.jsx)(eq,{children:(0,i.jsx)(a.S,{wrapperStyles:t?eU:eJ,children:(0,i.jsx)(eH,{autoplay:!0,items:n,onItemButtonClick:(e,t)=>eX(e,{clickType:"cta click",name:eY(n[t]),selectedPosition:t+1,totalOptions:n.length,trackingContentType:"Hero carousel"}),onItemImageClick:(e,t)=>eX(e,{clickType:"image click",name:eY(n[t]),selectedPosition:t+1,totalOptions:n.length,trackingContentType:"Hero carousel"}),onItemTermsClick:(e,t)=>eX(e,{clickType:"terms click",name:eY(n[t]),selectedPosition:t+1,totalOptions:n.length,trackingContentType:"Hero carousel"}),onSlideChange:e=>o(e),onVisible:()=>o(0)})})})};var eq=r()("div").withConfig({componentId:"sc-8eebbcad-0"})(["",""],eQ)}}]);
2//# sourceMappingURL=3484.6b2a134977018a3c.js.map