(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[804],{5804:function(e,r,o){"use strict";o.d(r,{Z:function(){return $}});var n=o(5893),t=o(7294),s=o(9578),a=o.n(s),l=e=>{let{microcopy:r,assets:o}=e;return(0,n.jsx)("div",{className:a().notificationBar,children:(0,n.jsxs)("a",{href:o.telephoneNumber,children:[r["header.notificationbar"],"\xa0",r["global.phonenumber"],"\xa0",r["header.notificationbartimes"]]})})},c=o(5675),i=o.n(c),d=o(5005),u=o(5753),h=o(9063),x=o(4950),m=o(1163),p=o(1664),b=o.n(p),j=o(7814),g=o(9133),f=o.n(g);let _=e=>{let{nodeData:r,closeBurgerMenuCallback:o}=e,[s,a]=(0,t.useState)(!1),[l,c]=(0,t.useState)("".concat(f().outerContainer)),[i,d]=(0,t.useState)("".concat(f().childContainerCollapsed)),[u,h]=(0,t.useState)(""),[x,m]=(0,t.useState)(!1),p=0,j=r.children.sort((e,r)=>e.sortOrder-r.sortOrder);(0,t.useEffect)(()=>{"dropdown"===r.menuType?(h("#"),m(!1)):(h("/collections/".concat(r.slug)),m(!0))},[]);let g=async()=>{"dropdown"===r.menuType?C():o()},C=()=>{s?(c("".concat(f().outerContainer)),d("".concat(f().childContainerCollapsed)),a(!1)):(c("".concat(f().outerContainer," ").concat(f().outerContainerExpanded)),d("".concat(f().childContainerExpanded)),a(!0))},B=()=>{let e=null;return"dropdown"===r.menuType&&(e=s?"dropdown"===r.menuType?"▼":null:"▶"),e},k=()=>(0,n.jsxs)(n.Fragment,{children:[r.name,(0,n.jsx)("span",{className:f().labelIcon,children:B()})]});return(0,n.jsxs)(n.Fragment,{children:[x?(0,n.jsx)(b(),{onClick:g,href:u,className:l,children:k()}):(0,n.jsx)(b(),{onClick:g,href:u,className:l,prefetch:!1,children:k()}),j.length>0?(0,n.jsx)("ul",{children:j.map(e=>(0,n.jsx)("li",{className:i,children:(0,n.jsx)(_,{nodeData:e,closeBurgerMenuCallback:o})},"".concat(e.slug,"-").concat(p++)))}):null]})};var C=o(9417),B=e=>{let{props:r,microcopy:o}=e,[s,a]=(0,t.useState)("".concat(f().drawer," ").concat(f().drawerClosed)),[l,c]=(0,t.useState)(!1),i=r.nodes.sort((e,r)=>e.sortOrder-r.sortOrder),u=()=>{a("".concat(f().drawer," ").concat(f().drawerClosed)),c(!1)};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.Z,{className:"btn circle",onClick:()=>{a("".concat(f().drawer," ").concat(f().drawerOpen)),c(!0)},"aria-label":o["aria.dropdown.open"],children:(0,n.jsx)(j.G,{icon:C.xiG})}),l?(0,n.jsx)("div",{className:"overlay",onClick:u}):null,(0,n.jsxs)("div",{className:s,children:[(0,n.jsx)("div",{className:f().drawerHeader,children:(0,n.jsx)(d.Z,{className:f().closeButton,onClick:u,"aria-label":o["aria.dropdown.close"],children:(0,n.jsx)("div",{className:f().closeButtonInner,children:(0,n.jsx)(j.G,{icon:C.NBC})})})}),i.map(e=>(0,n.jsx)(_,{nodeData:e,closeBurgerMenuCallback:u},e.slug))]})]})},k=o(8552),N=o(4288),v=()=>(0,n.jsx)(k.Z.Consumer,{children:e=>{let{basketItemsCount:r,isBasketLoading:o}=e;return o?(0,n.jsx)("span",{className:a().basketCount,children:"0"}):(0,n.jsx)("span",{className:a().basketCount,children:r})}});let y="search-input-mobile";var w=e=>{let{microcopy:r,closeCallback:o}=e,t=(0,m.useRouter)(),s=e=>{o(),t.push({pathname:"/search",query:{query:e,page:1}})};return(0,n.jsx)("div",{className:a().mobileSearchModal,children:(0,n.jsxs)("div",{className:a().searchBoxMobile,children:[(0,n.jsx)(d.Z,{className:a().closeButton,onClick:o,children:(0,n.jsx)(j.G,{icon:C.NBC})}),(0,n.jsx)("input",{id:y,className:a().searchBoxInput,type:"text",onKeyDown:e=>{13===e.keyCode&&s(e.target.value)},placeholder:r["header.search.placeholder"]}),(0,n.jsx)(d.Z,{className:a().modalSearchButtonMobile,onClick:()=>{s(document.getElementById(y).value)},children:(0,n.jsx)(j.G,{icon:C.Y$T})})]})})};let I="search-input";var F=e=>{let{microcopy:r}=e,o=(0,m.useRouter)(),[s,l]=(0,t.useState)(!1),c=e=>{o.push({pathname:"/search",query:{query:e,page:1}})};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:a().searchBox,children:[(0,n.jsx)("input",{id:I,className:a().searchBoxInput,type:"text",onKeyDown:e=>{13===e.keyCode&&c(e.target.value)},placeholder:r["header.search.placeholder"]}),(0,n.jsx)(d.Z,{className:a().searchButton,onClick:()=>{c(document.getElementById(I).value)},"aria-label":r["header.search.button.accessible.text"],children:(0,n.jsx)(j.G,{icon:C.Y$T})})]}),(0,n.jsx)(d.Z,{className:a().searchButtonMobile,onClick:()=>{l(!0)},"aria-label":r["header.mobile.search.button.accessible.text"],children:(0,n.jsx)(j.G,{icon:C.Y$T})}),s?(0,n.jsx)(w,{microcopy:r,closeCallback:()=>{l(!1)}}):null]})},S=o(4842),Z=e=>{let{microcopy:r,assets:o,menuProps:t,countryInfo:s}=e,l=(0,m.useRouter)(),c=()=>{l.push("/account/details")},p=()=>{l.push("/cart")},g=e=>{e.preventDefault();let r=window.location.pathname;r.toLowerCase().startsWith("/login-failed")&&(r="/"),(0,x.Te)(r,s.country).then(e=>{window.location.href=e}).catch(e=>logException("Failed to build login url",e))};var f="".concat(a().navBar);return(0,n.jsx)("div",{className:f,children:(0,n.jsxs)("div",{className:a().navBarInner,children:[(0,n.jsx)(B,{props:t,microcopy:r}),(0,n.jsx)("div",{className:a().logoContainer,children:(0,n.jsx)(b(),{href:"/",children:(0,n.jsx)(i(),{className:a().logo,src:o.logoImageUrl,alt:o.logoImageDescription,description:o.logoImageDescription,width:1212,height:250,priority:!0})})}),(0,n.jsxs)(d.Z,{onClick:()=>{l.push("/partfinder")},className:"btn btn-primary round "+a().sparesButton,"aria-label":r["header.find.button.accessible.text"],children:[r["header.findbutton"]," ","⮞"]}),(0,n.jsx)(F,{microcopy:r}),(0,n.jsx)(d.Z,{onClick:()=>{window.open(o.telephoneNumber,"_blank")},className:"btn circle","aria-label":r["header.call.us.button.accessible.text"],children:(0,n.jsx)(j.G,{icon:C.j1w})}),(0,n.jsx)(u.Z.Consumer,{children:e=>{let{email:o,queryingUser:t}=e;return t?(0,n.jsx)(d.Z,{disabled:!0,className:"btn circle","aria-label":r["header.login.button.accessible.text.wait"],children:(0,n.jsx)(S.T,{size:"xs"})}):(0,h.a)(o)?(0,n.jsx)(d.Z,{onClick:g,className:"btn circle","aria-label":r["header.login.button.accessible.text"],children:(0,n.jsx)(j.G,{icon:N.ILF})}):(0,n.jsx)(d.Z,{onClick:c,className:"btn circle","aria-label":r["header.logout.button.accessible.text"],children:(0,n.jsx)(j.G,{icon:C.ILF})})}}),(0,n.jsx)(k.Z.Consumer,{children:e=>{let{basketFeatureAvailable:o}=e;return!0===o?(0,n.jsxs)(d.Z,{onClick:p,className:"btn circle "+a().basket,"aria-label":r["header.basket.button.accessible.text"],children:[(0,n.jsx)(j.G,{icon:C.szZ}),(0,n.jsx)(v,{})]}):null}})]})})},E=e=>{let{text:r,icon:o,link:s}=e,[l,c]=(0,t.useState)(!1);return(0,t.useEffect)(()=>{null!=s&&s.length>0&&c(!0)},[s]),(0,n.jsxs)("div",{className:a().uspElement,children:[(0,n.jsx)(j.G,{icon:o}),l?(0,n.jsx)(b(),{href:s,children:r}):(0,n.jsx)("p",{children:r})]})},M=e=>{let{microcopy:r,navigation:o,countryInfo:t}=e;var s="".concat(a().uspBar," col-lg-12 col-md-12 col-sm-12 col-xs-12"),l=o["delivery-returns"];return(0,n.jsxs)("div",{className:s,children:[(0,n.jsx)(E,{text:r["header.usp1"],icon:C.Yjj,link:""}),(0,n.jsx)(E,{text:r["header.usp2"],icon:C.$KU,link:"gb"===t.countryInfo?l:""}),(0,n.jsx)(E,{text:r["header.usp3"],icon:C.$KU,link:"gb"===t.countryInfo?l:""}),(0,n.jsx)(E,{text:r["header.usp4"],icon:C.gr5,link:""})]})},U=e=>{let{assets:r}=e;return(0,n.jsx)("div",{className:a().logoBarContainer,children:(0,n.jsx)(b(),{href:"/",className:a().logoBarLink,children:(0,n.jsx)(i(),{className:a().logoBar,src:r.logoImageUrl,alt:r.logoImageDescription,description:r.logoImageDescription,width:154,height:31,priority:!0})})})},L=e=>{let{headerProps:r,countryInfo:o}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:a().headerWrapper,children:[(0,n.jsx)(l,{microcopy:r.microcopy,assets:r.assets}),(0,n.jsx)(U,{assets:r.assets}),(0,n.jsx)(Z,{microcopy:r.microcopy,assets:r.assets,menuProps:r.menuHierarchy,countryInfo:o})]}),(0,n.jsx)(M,{microcopy:r.microcopy,navigation:r.navigation,countryInfo:o})]})},G=o(5627),O=o.n(G),D=o(7346);let P=e=>{let{microcopy:r}=e;return(0,n.jsx)("div",{className:O().successContainer,children:(0,n.jsx)("span",{children:r["footer.subscribe.successful"]})})};var T=e=>{let{microcopy:r,navigation:o}=e,s=o["privacy-policy"],[a,l]=(0,t.useState)(!1);return(0,n.jsx)("div",{className:O().footerContactBox,children:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("h2",{children:r["footer.subscribe.title"]}),(0,n.jsx)("p",{children:r["footer.subscribe.description"]}),(0,n.jsxs)(D.Z,{id:"mailListSignUpForm",className:O().mailListSignUpFormRow,onSubmit:e=>{e.preventDefault(),l(!0)},children:[(0,n.jsx)(D.Z.Control,{id:"subscribe-email-address",type:"email",placeholder:r["global.emailaddressplaceholder"],name:"f24-email-address"}),(0,n.jsx)(d.Z,{type:"submit",className:O().mailListSignUpFormSubmit,children:r["footer.subscribe.subscribebutton"]})]}),a?(0,n.jsx)(P,{microcopy:r}):(0,n.jsx)("p",{children:(0,n.jsx)(b(),{href:s,children:r["footer.subscribe.lastline"]})})]})})},Y=o(2328),H=e=>{let{microcopy:r,assets:o,navigation:s,countryInfo:a}=e,l="mailto:".concat(r["global.emailaddress"]),c="tel:".concat(r["global.phonenumber"]),[d,u]=(0,t.useState)(!1);(0,t.useEffect)(()=>{(0,Y.Z)(a.country).then(e=>{u(e.homepageMailListSignupEnabled)})});var h="".concat(O().footerContactBoxContainer," container col-lg-12 col-md-12 col-sm-12 col-xs-12");return(0,n.jsxs)("div",{className:h,children:[(0,n.jsxs)("div",{className:O().footerContactBox,children:[(0,n.jsx)("h2",{children:r["footer.contact.title"]}),(0,n.jsx)("p",{children:r["footer.contact.description"]}),(0,n.jsx)("a",{className:O().footerContactBoxPhone,href:c,children:r["global.phonenumber"]}),(0,n.jsxs)("p",{children:[r["footer.contact.lastline"],"\xa0",(0,n.jsx)("a",{href:l,children:r["global.emailaddress"]})]}),(0,n.jsx)(i(),{className:O().footerContactImage,src:o.contactBoxPictureUrl,alt:o.contactBoxPictureDescription,width:194,height:170})]}),d?(0,n.jsx)(T,{microcopy:r,navigation:s}):null]})},W=o(3024),q=e=>{let{microcopy:r,assets:o,navigation:s}=e,[a,l]=(0,t.useState)(!1),c="mailto:".concat(r["global.emailaddress"]),i="tel:".concat(r["global.phonenumber"]);o.mapsUrl;let x="".concat(O().linkBoxContainer," container col-lg-12 col-md-12 col-sm-12 col-xs-12"),m=s["about-us"],p=s["privacy-policy"],g=s["cookie-policy"],f=s["contact-us"],_=s["terms-conditions"];return(0,t.useEffect)(()=>{l(!0)},[]),(0,n.jsxs)("div",{className:x,children:[(0,n.jsxs)("div",{className:O().linkBox,children:[(0,n.jsx)("h3",{children:r["footer.linkbox1.title"]}),(0,n.jsxs)("div",{className:O().linkBoxInnerContainer,children:[(0,n.jsxs)("span",{className:O().noHover,children:[r["global.address1"]," ",(0,n.jsx)("br",{}),r["global.address2"]," ",(0,n.jsx)("br",{}),r["global.address3"]," ",(0,n.jsx)("br",{}),r["global.address4"]," ",(0,n.jsx)("br",{}),r["global.address5"]]}),(0,n.jsx)("a",{href:i,children:r["global.phonenumber"]}),(0,n.jsx)("a",{href:c,children:r["global.emailaddress"]})]})]}),(0,n.jsxs)("div",{className:O().linkBox,children:[(0,n.jsx)("h3",{children:r["footer.linkbox2.title"]}),(0,n.jsxs)("div",{className:O().linkBoxInnerContainer,children:[(0,n.jsx)(b(),{href:m,children:r["footer.linkbox2.about"]}),(0,n.jsx)(b(),{href:p,children:r["footer.linkbox2.privacy"]}),(0,n.jsx)(b(),{href:g,children:r["footer.linkbox2.cookie"]}),(0,n.jsx)(b(),{href:f,children:r["footer.linkbox2.contact"]}),(0,n.jsx)(b(),{href:_,children:r["footer.linkbox2.terms"]}),(0,n.jsx)(u.Z.Consumer,{children:e=>{let{email:o}=e;return(0,h.a)(o)?(0,n.jsx)(b(),{href:"/register",children:r["footer.linkbox2.register"]}):null}})]})]}),(0,n.jsxs)("div",{className:O().linkBox,children:[(0,n.jsx)("h3",{children:r["footer.linkbox3.title"]}),(0,n.jsx)(d.Z,{onClick:()=>{window.open(o.facebookUrl,"_blank")},className:"$btn circle ".concat(O().facebookButton),"aria-label":r["footer.facebook.button.accessible.text"],children:a&&(0,n.jsx)(j.G,{icon:W.AYu,"aria-label":r["footer.twitter.button.accessible.text"]})}),(0,n.jsx)(d.Z,{onClick:()=>{window.open(o.twitterUrl,"_blank")},className:"btn circle","aria-label":r["footer.twitter.button.accessible.text"],children:a&&(0,n.jsx)(j.G,{"aria-hidden":"false",icon:W.mdU,"aria-label":r["footer.twitter.button.accessible.text"]})})]}),(0,n.jsxs)("div",{className:O().linkBox,children:[(0,n.jsx)("h3",{children:r["footer.linkbox4.title"]}),(0,n.jsx)("p",{children:r["footer.linkbox4.content"]})]})]})},R=e=>{let{footerProps:r,countryInfo:o}=e;return(0,n.jsxs)("div",{className:"".concat(O().footerWrapper," mt-5"),children:[(0,n.jsx)("div",{className:O().upperFooter,children:(0,n.jsx)(H,{microcopy:r.microcopy,assets:r.assets,navigation:r.navigation,countryInfo:o})}),(0,n.jsxs)("div",{className:O().lowerFooter,children:[(0,n.jsx)(q,{microcopy:r.microcopy,assets:r.assets,navigation:r.navigation}),(0,n.jsx)("div",{className:"col-lg-12 col-md-12 col-xs-12",children:(0,n.jsxs)("p",{className:O().copyright,children:["\xa9",r.assets.copyright]})})]})]})};function $(e){let{children:r,pageProps:o}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(L,{headerProps:o.headerProps,countryInfo:o.countryInfo}),r,(0,n.jsx)(R,{footerProps:o.footerProps,countryInfo:o.countryInfo})]})}},2328:function(e,r,o){"use strict";o.d(r,{Z:function(){return u}});var n=o(3950),t=o(7632),s=o(8764),a=o(3399);let l=(()=>{var e="testSessionStorage";try{return sessionStorage.setItem(e,e),sessionStorage.removeItem(e),!0}catch(e){return!1}})(),c=function(){return l},i=(e,r)=>{if(c()){let o=JSON.stringify(r);sessionStorage.setItem(e,o)}else{let o=s.lW.from(JSON.stringify(r)).toString("base64");(0,a.d8)(e,o)}},d=e=>{if(c()){let r=sessionStorage.getItem(e);return r?JSON.parse(r):null}{let r=(0,a.ej)(e);if(!r)return null;{let e=s.lW.from(temp1,"base64");return JSON.parse(e)}}};function u(e){return new Promise((r,o)=>{var s=d("features");if(s)r(s);else{var a=(0,t.Z)();(0,n.jp)(a,e).then(e=>{var o={threeDImageEnabled:e.threeDImageEnabled,homepageMailListSignupEnabled:e.homepageMailListSignupEnabled,pageBlurbEnabled:e.pageBlurbEnabled};i("features",o),r(o)})}})}},5627:function(e){e.exports={footerWrapper:"Footer_footerWrapper__x3o5q",upperFooter:"Footer_upperFooter__L83Ls",lowerFooter:"Footer_lowerFooter__wXjnd",footerContactBoxContainer:"Footer_footerContactBoxContainer__Pvxkd",footerContactBox:"Footer_footerContactBox__MCj4z",footerContactBoxPhone:"Footer_footerContactBoxPhone__bAx1X",footerContactImage:"Footer_footerContactImage__xYm1Z",linkBoxContainer:"Footer_linkBoxContainer__B92Ut",linkBox:"Footer_linkBox__y7Suo",noHover:"Footer_noHover__GUjpX",linkBoxInnerContainer:"Footer_linkBoxInnerContainer__lFpyn",roundButton:"Footer_roundButton__BqjG5",facebookButton:"Footer_facebookButton__zSEAO",copyright:"Footer_copyright__t_IYo",successContainer:"Footer_successContainer__xMPYu",mailListSignUpFormRow:"Footer_mailListSignUpFormRow__pIZjJ",mailListSignUpFormSubmit:"Footer_mailListSignUpFormSubmit__mxmBQ"}},9133:function(e){e.exports={drawer:"BurgerMenu_drawer__lEkr4",drawerClosed:"BurgerMenu_drawerClosed__nCfl5",drawerOpen:"BurgerMenu_drawerOpen__XLDO4",drawerHeader:"BurgerMenu_drawerHeader__eOuxk",roundButton:"BurgerMenu_roundButton__ei82I",closeButton:"BurgerMenu_closeButton__zwYIZ",outerContainer:"BurgerMenu_outerContainer__hsO_U",childContainerCollapsed:"BurgerMenu_childContainerCollapsed__Ux_9m",childContainerExpanded:"BurgerMenu_childContainerExpanded__cAnMX",outerContainerExpanded:"BurgerMenu_outerContainerExpanded__oy0UI",labelIcon:"BurgerMenu_labelIcon__whv_9"}}}]);