"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5170],{86283:function(e,t,n){n.r(t);var r,o,i,a,s,c,l=n(8529),u=n(7328),d=n(2784),h=n(41857),p=n(28885),m=n(92210),f=n(57194),g=n(11006),x=n(48840),b=n(87330),v=n(81292),w=n(51339),y=n(76910),S=n(83232),C=n(52322),j=g.zo.div(r||(r=(0,u.Z)(["\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: ",";\n"])),function(e){return e.theme.colors.palette.greys.white}),L=g.zo.h1(o||(o=(0,u.Z)(["\n  margin: "," auto "," auto;\n  ","\n"])),(0,x.W0)(7),(0,x.W0)(1),(0,b.xv)("large2","default")),k=g.zo.div(i||(i=(0,u.Z)(["\n  margin-bottom: ",";\n  padding: ",";\n  max-width: 560px;\n  text-align: center;\n  ","\n"])),(0,x.W0)(4),(0,x.W0)(2),(0,b.xv)("bodyText","default")),I=(0,g.zo)(w.zx)(a||(a=(0,u.Z)(["\n  max-width: 95%;\n  width: 345px;\n  margin-bottom: ",";\n\n  "," {\n    width: 425px;\n  }\n"])),(0,x.W0)(10),function(e){return(0,v.mq)(e.theme.breakpointUtils.map,"lg")}),Z=g.zo.div(s||(s=(0,u.Z)(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  margin-bottom: ",";\n"])),(0,x.W0)(7)),z=g.zo.div(c||(c=(0,u.Z)(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  text-align: center;\n  margin-bottom: ",";\n  & p {\n    ","\n  }\n  & img {\n    padding: 7px;\n  }\n  "," {\n    width: 50%;\n    margin-bottom: 36px;\n  }\n  "," {\n    width: 33%;\n  }\n"])),(0,x.W0)(7),(0,b.xv)("bodyText","alternate"),function(e){return(0,v.mq)(e.theme.breakpointUtils.map,"xs")},function(e){return(0,v.mq)(e.theme.breakpointUtils.map,"sm")}),E=function(e){var t=e.statusCode,n=d.useState([]),r=(0,l.Z)(n,1)[0],o=(0,h.By)(),i=o.currency,a=o.shippingDestination,s={title:"",description:"",buttonDescription:(0,p.ag)("pageunavailable.enterprise.button.description")};return 404===t?(s.title=R((0,p.ag)("pageunavailable.pagenotfound.text")),s.description=(0,p.ag)("pageunavailable.pagenotfound.details.text")):(s.title=R((0,p.ag)("pageunavailable.servererror.text")),s.description=(0,p.ag)("pageunavailable.servererror.details.text")),(0,C.jsxs)(j,{children:[(0,C.jsx)(L,{children:s.title}),(0,C.jsx)(k,{children:s.description}),r.length>0&&(0,C.jsx)(T,{categories:r}),(0,C.jsx)(I,{emphasis:"medium",renderedAs:"a",href:m.Z5.HomePage,children:s.buttonDescription}),404===t&&(0,C.jsx)(y.ComponentWidgetRenderer,{componentName:S.ComponentName.PAGE_UNAVAILABLE,currency:i,shippingDestination:a})]})},T=function(e){var t=e.categories;return(0,C.jsx)(Z,{children:t.map(function(e,t){return(0,C.jsxs)(z,{children:[(0,C.jsx)("img",{src:e.src,alt:e.alt}),(0,C.jsxs)("p",{children:["Category ",t+1]})]},t)})})},R=function(e){return e.replace(/\./g,"")};E.Layout=f.K,E.getInitialProps=function(e){var t=e.res,n=e.err;return{statusCode:t?t.statusCode:n?n.statusCode:404}},t.default=E},90943:function(e,t,n){n.d(t,{Y:function(){return V}});var r,o,i,a,s,c,l,u,d,h,p=n(8529),m=n(82269),f=n(2784),g=n(7328),x=n(51339),b=n(95732),v=n(15792),w=n(92526),y=n(87330),S=n(60299),C=n(81292),j=n(48840),L=n(53678),k=n(52322),I=["closeDropdown"],Z=v.zo.div(r||(r=(0,g.Z)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  background-color: ",";\n\n  ",";\n"])),function(e){return e.theme.patterns.storeSearch.backgroundColor},function(e){return(0,w.o)(e.theme.patterns.storeSearch.padding)}),z=v.zo.h1(o||(o=(0,g.Z)(["\n  ",";\n\n  width: 100%;\n  max-width: 310px;\n  text-align: center;\n  color: ",";\n  text-decoration: ",";\n\n  ",";\n\n  "," {\n    max-width: 416px;\n    text-align: ",";\n    margin-right: auto;\n    margin-left: ",";\n  }\n"])),function(e){return(0,y.xv)(e.theme.patterns.storeSearch.title.font.entry,e.theme.patterns.storeSearch.title.font.style)},function(e){return e.theme.patterns.storeSearch.title.font.textColor},function(e){return e.theme.patterns.storeSearch.title.font.textDecoration},function(e){return(0,S.e)(e.theme.patterns.storeSearch.title.margin)},function(e){return(0,C.mq)(e.theme.breakpointUtils.map,"md")},function(e){return e.alignment},function(e){return e.alignment===L.K.CENTER?"auto":"0"}),E=v.zo.p(i||(i=(0,g.Z)(["\n  ",";\n\n  width: 100%;\n  text-align: center;\n  color: ",";\n  text-transform: ",";\n  text-decoration: ",";\n\n  ",";\n\n  "," {\n    text-align: ",";\n  }\n"])),function(e){return(0,y.xv)(e.theme.patterns.storeSearch.subtitle.font.entry,e.theme.patterns.storeSearch.subtitle.font.style)},function(e){return e.theme.patterns.storeSearch.subtitle.font.textColor},function(e){return e.theme.patterns.storeSearch.subtitle.font.transform},function(e){return e.theme.patterns.storeSearch.subtitle.font.textDecoration},function(e){return(0,S.e)(e.theme.patterns.storeSearch.subtitle.margin)},function(e){return(0,C.mq)(e.theme.breakpointUtils.map,"md")},function(e){return e.alignment}),T=v.zo.form(a||(a=(0,g.Z)(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  justify-content: center;\n"]))),R=v.zo.div(s||(s=(0,g.Z)(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  position: relative;\n  width: 100%;\n  "," {\n    width: ",";\n  }\n\n  ",";\n\n  > div {\n    width: 100%;\n    "," {\n      width: ",";\n    }\n  }\n"])),function(e){return(0,C.mq)(e.theme.breakpointUtils.map,"sm")},function(e){return e.alignment===L.K.CENTER?e.theme.patterns.storeSearch.searchInput.width:"100%"},function(e){return(0,S.e)(e.theme.patterns.storeSearch.searchInput.margin)},function(e){return(0,C.mq)(e.theme.breakpointUtils.map,"sm")},function(e){return e.alignment===L.K.CENTER?e.theme.patterns.storeSearch.searchInput.width:"100%"}),W=(0,v.zo)(x.zx)(c||(c=(0,g.Z)(["\n  height: 48px;\n  width: 120px;\n"]))),N=(0,v.zo)(b.I)(l||(l=(0,g.Z)(["\n  border-radius: ",";\n"])),function(e){return e.theme.patterns.storeSearch.searchInput.borderRadius}),D=v.zo.span(u||(u=(0,g.Z)(["\n  width: 100%;\n  margin-top: ",";\n  ",";\n  text-align: left;\n"])),(0,j.W0)(2),(0,y.xv)("bodyText","default")),P=(0,v.zo)(x.zx)(d||(d=(0,g.Z)(["\n  ",";\n  text-decoration: underline;\n  height: 48px;\n"])),(0,y.xv)("bodyText","alternate")),O=function(e){var t=e.closeDropdown,n=(0,m.Z)(e,I),r=f.useRef(null),o=f.useRef(null),i=f.useState(n.searchInputOverride||""),a=(0,p.Z)(i,2),s=a[0],c=a[1];f.useEffect(function(){c(n.searchInputOverride||"")},[n.searchInputOverride]);var l=f.useCallback(function(e){r.current&&r.current!==e.target&&o.current&&o.current!==e.target&&t()},[t]);f.useEffect(function(){return document.addEventListener("click",l),function(){document.removeEventListener("click",l)}},[l]);var u=function(){n.searchStoreHandler&&n.searchStoreHandler(s)},d="/stores/".concat(n.storeLocatorCountry);return(0,k.jsxs)(Z,{children:[(0,k.jsx)(z,{alignment:n.alignment,children:n.i18nText.title}),(0,k.jsx)(E,{alignment:n.alignment,children:n.i18nText.subtitle}),(0,k.jsxs)(T,{onSubmit:function(e){e.preventDefault(),u()},children:[(0,k.jsxs)(R,{alignment:n.alignment,children:[(0,k.jsx)(N,{valueOverride:n.searchInputOverride||s||"",label:n.i18nText.inputLabel,required:!1,type:"text",onChange:function(e){c(e.target.value),n.onChange(e)},onFocus:n.onFocus,clearInputValueHandler:n.clearInputValueHandler,bindref:r}),(0,k.jsx)("div",{ref:o,children:n.autocompletePredictions})]}),(0,k.jsx)(W,{type:"submit",emphasis:"high",children:n.i18nText.buttonLabel})]}),n.showInfoLabel&&n.i18nText.infoLabel&&n.i18nText.infoLinkLabel&&(0,k.jsxs)(D,{children:[n.i18nText.infoLabel," ",(0,k.jsx)(P,{emphasis:"low",renderedAs:"a",href:d,children:n.i18nText.infoLinkLabel})]})]})},U=n(21190),A=n(25237),q=n.n(A),G=n(28885),H=q()(function(){return Promise.resolve().then(n.bind(n,18157))},{loadableGenerated:{webpack:function(){return[18157]}}}),_=j.zo.li(h||(h=(0,g.Z)(["\n  cursor: pointer;\n  width: 100%;\n  padding: "," 0 "," ",";\n  margin: 0;\n  background-color: ",";\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);\n\n  &:first-child {\n    border-top: "," solid\n      ",";\n  }\n\n  &:last-child {\n    border-bottom: "," solid\n      ",";\n  }\n\n  &:hover,\n  &:active {\n    background-color: ",";\n  }\n\n  &:focus-within {\n    border-color: ",";\n  }\n"])),(0,j.W0)(2),(0,j.W0)(2),(0,j.W0)(3),function(e){return e.theme.colors.palette.greys.white},(0,j.W0)(1),function(e){return e.theme.colors.palette.greys.lighter},(0,j.W0)(1),function(e){return e.theme.colors.palette.greys.lighter},function(e){return e.theme.colors.palette.greys.lighter},function(e){return e.theme.colors.palette.brand.base}),F=function(e){var t=(0,G.ag)("storelocator.storesearch.usemylocation");return(0,k.jsxs)("ul",{"data-testid":"autocomplete-suggestions",style:{width:"100%",position:"absolute",zIndex:1},children:[e.showGeolocation&&(0,k.jsxs)(_,{onClick:e.getUserLocation,children:[(0,k.jsx)(H,{style:{marginRight:(0,j.W0)(2.25),verticalAlign:"top"}}),t]}),e.predictions&&e.predictions.length>0?e.predictions.map(function(t,n){return(0,k.jsx)(_,{value:t.description,onClick:function(){e.setSearchInputOverride(t.description),e.setAutocompletePredictions([]),e.setShowGeolocation(!1)},children:t.description},n)}):null]})},K=["isSearchReady","getNearbyStores","setSelectedNearbyStore","setResultsFor"],V=function(e){var t=e.isSearchReady,n=e.getNearbyStores,r=e.setSelectedNearbyStore,o=e.setResultsFor,i=(0,m.Z)(e,K),a=f.useState([]),s=(0,p.Z)(a,2),c=s[0],l=s[1],u=f.useState(!1),d=(0,p.Z)(u,2),h=d[0],g=d[1],x=f.useState(e.locationParam||""),b=(0,p.Z)(x,2),v=b[0],w=b[1],y=f.useState(void 0),S=(0,p.Z)(y,2),C=S[0],j=S[1],L=f.useCallback(function(e){if(t&&(v&&v.trim()||e)){var a=e?{address:e,componentRestrictions:{country:i.storeLocatorCountry},region:i.storeLocatorCountry}:{address:v};new google.maps.Geocoder().geocode(a,function(e,t){if("OK"===t&&e&&e[0]&&e[0].geometry.location){var i=e[0].geometry.location;j({latitude:i.lat(),longitude:i.lng()}),n&&n({variables:{latitude:i.lat(),longitude:i.lng(),limit:20}}),r&&r(0),o&&o(e[0].formatted_address)}})}},[v,t,n,r,o,i.storeLocatorCountry]);return f.useEffect(function(){L()},[i.locationParam,t,L]),(0,k.jsx)(f.Fragment,{children:(0,k.jsx)(O,{i18nText:i.i18nText,alignment:i.alignment,searchInputOverride:v,selectedStoreLocation:C,showInfoLabel:i.showInfoLabel,onChange:function(e){var n;null!==(n=e.target)&&void 0!==n&&n.value&&t?(0,U.T)(e.target.value,l,i.storeLocatorCountry):l([])},onFocus:function(){return g(!0)},clearInputValueHandler:function(){return l([])},closeDropdown:function(){g(!1),l([])},setSearchInputOverride:w,storeLocatorCountry:i.storeLocatorCountry,searchStoreHandler:function(e){return i.onChangeRedirect?i.onChangeRedirect(v||e):L(e)},autocompletePredictions:(0,k.jsx)(F,{setSearchInputOverride:w,setAutocompletePredictions:l,setShowGeolocation:g,getUserLocation:function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition(function(e){j({latitude:e.coords.latitude,longitude:e.coords.longitude}),w("".concat(e.coords.latitude," ").concat(e.coords.longitude)),g(!1),l([])},function(e){e.code===e.PERMISSION_DENIED&&g(!1)})},showGeolocation:h,predictions:c})})})}}}]);
//# sourceMappingURL=5170-8673c78265cc9c7d.js.map