https://www.eurol.com/build/app/586.e9f71bc8.js

1"use strict";(self.webpackChunkwebstores_starter_kit=self.webpackChunkwebstores_starter_kit||[]).push([[586],{7721:function(e,t,r){e.exports=r.p+"img/cross.3e604d1f.svg"},10932:function(e,t,r){r.r(t),r.d(t,{default:function(){return T}});var a=r(96540),s=r(24677),n=r(66819);const l=({isSearchbarVisible:e,searchQuery:t,setSearchQuery:r,formAction:l})=>{const c=(0,a.useRef)(null);return e&&c&&c.current.focus(),a.createElement("div",{className:"searchbox__input"},a.createElement("form",{method:"POST",action:l},a.createElement(s.DebounceInput,{minLength:2,inputRef:c,debounceTimeout:500,value:t,className:"searchbar__input",name:"query",onChange:e=>r(e.target.value),placeholder:(0,n.A)("app.searchbars.header_searchbar.input_field.placeholder")})))};l.defaultProps={isSearchbarVisible:!1,searchQuery:"",setSearchQuery:()=>{},formAction:"#"};const c=()=>{const{innerWidth:e,innerHeight:t}=window;return{width:e,height:t}};var i=()=>{const[e,t]=(0,a.useState)(c());return(0,a.useEffect)(()=>{function e(){t(c())}return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e},o=r(36894),u=r(44354),h=r.p+"img/square-placeholder-40x40.0f876628.jpg";const p=({title:e,code:t,description:r,imageUrl:s,url:n})=>a.createElement("div",{className:"searchbox__result"},a.createElement("div",{className:"d-flex"},a.createElement(u.A,{className:"searchbox__result-image",src:s}),a.createElement("div",null,a.createElement("span",{className:"d-block font-size-small"},e),r&&a.createElement("span",{className:"d-block font-size-small text-muted--40"},r.slice(0,57),"..."),t&&a.createElement("span",{className:"font-size-small d-block text-muted--40"},t))),a.createElement("a",{className:"stretched-link",href:n||"#"}));p.defaultProps={imageUrl:h,title:"",description:"",url:"#",type:""};var d=r(24803);const m=e=>{const t=/^(?:[a-z][a-z0-9+.-]*:)?\/\//i.test(e||"");return!e||t?e:`/${(0,d.A)()}/${e.replace(/^\//,"")}`},f=({searchResults:e,moreResultsPageUrl:t,searchQuery:r,maxResultsToShow:s,totalResults:n,className:l,pluralTitle:c,singularTitle:i,viewAllText:o,type:u})=>a.createElement("div",{className:l||""},a.createElement("div",{className:"d-flex justify-content-between mb-3 mb-lg-4"},a.createElement("span",{className:"font-weight-extrabold text-base font-size-small"},n," ",n>1?c:i),t&&a.createElement("a",{href:t,className:"text-muted--50 font-size-small text-decoration-none text-base btn btn-transparant w-auto py-1 pl-1 pr-0 font-weight-normal h-auto"},o)),e.map((e,t)=>a.createElement("div",{key:e.id},t<=s-1&&a.createElement(p,{title:e.name||e.title,description:e.description,imageUrl:e.imageUrl?e.imageUrl+"?width=40&height=40":e.image,url:"product"===u?m(e.url):e.url,code:e.product_code}))));f.defaultProps={searchResults:[],moreResultsPageUrl:!1,searchQuery:!1,maxResultsToShow:3,totalResults:0,className:!1,pluralTitle:!1,singularTitle:!1,viewAllText:!1,type:""};const b=({searchResults:e,searchQuery:t,productOverviewPageUrl:r,isSearchbarVisible:s})=>{const{width:l}=i();return!s&&l>=o.PF||!t||!e||0===e.length?null:a.createElement("div",{className:"searchbox__autocomplete-container"},e.products&&e.products.length>0&&a.createElement(f,{searchResults:e.products||[],moreResultsPageUrl:`${r}?q=${t}`,searchQuery:t,totalResults:e.totalProducts||0,pluralTitle:(0,n.A)("app.searchbars.header_searchbar.auto_complete_view.products.plural_title"),singularTitle:(0,n.A)("app.searchbars.header_searchbar.auto_complete_view.products.singular_title"),viewAllText:(0,n.A)("app.search_results.sections.products.button_text"),type:"product"}),e.pages&&e.pages.length>0&&a.createElement(f,{className:"mt-5",searchResults:e.pages||[],moreResultsPageUrl:`/${(0,d.A)()}/search-result?type=page&page=1&pageSize=16&query=${t}`,totalResults:e.totalPages||0,pluralTitle:(0,n.A)("app.searchbars.header_searchbar.auto_complete_view.pages.plural_title"),singularTitle:(0,n.A)("app.searchbars.header_searchbar.auto_complete_view.pages.singular_title"),viewAllText:(0,n.A)("app.search_results.sections.pages.button_text"),type:"page"}),e.news&&e.news.length>0&&a.createElement(f,{className:"mt-5",searchResults:e.news||[],moreResultsPageUrl:`/${(0,d.A)()}/search-result?type=news&page=1&pageSize=16&query=${t}`,totalResults:e.totalNews||0,pluralTitle:(0,n.A)("app.searchbars.header_searchbar.auto_complete_view.news.plural_title"),singularTitle:(0,n.A)("app.searchbars.header_searchbar.auto_complete_view.news.singular_title"),viewAllText:(0,n.A)("app.search_results.sections.news.button_text"),type:"news"}),(!e.products||0===e.products.length)&&(!e.pages||0===e.pages.length)&&(!e.news||0===e.news.length)&&a.createElement("span",{className:"font-weight-extrabold text-base font-size-small text-center"},(0,n.A)("app.searchbars.header_searchbar.auto_complete_view.no_results_found_text")))};b.defaultProps={searchResults:[],searchQuery:"",productOverviewPageUrl:"#",isSearchbarVisible:!1};var g=b,v=r(37728),w=r(34967),y=r(7721),_=r(99877),E=r.p+"img/loading-spin.66a71a0a.svg";const A=({isSearchbarVisible:e,setIsSearchbarVisible:t,shouldToggleSearchIcon:r,setSearchQuery:s,searchQuery:n,isFetchingResults:l})=>{let c=_,i=22;l&&(c=E,i=16),n&&n.length>0&&r&&!l&&(c=y,i=8);return a.createElement(v.A,{onClick:r=>(r=>{r.preventDefault(),t(!e),s("")})(r),variant:"white",className:"d-flex justify-content-center align-items-center p-0 btn--icon btn--icon-only search__button","aria-label":"Search button"},a.createElement(w.I,{className:"m-0 icon",theme:"black",size:e?i:22,path:e?c:_}))};A.defaultProps={isSearchbarVisible:!1,setIsSearchbarVisible:()=>{},shouldToggleSearchIcon:!0,setSearchQuery:()=>{},searchQuery:"",isFetchingResults:!1};var x=r(86127);var S=r(21322),N=r(44513);const R=({productOverviewPageUrl:e,shouldToggleSearchIcon:t,formAction:r})=>{const[s,n]=(0,a.useState)(!1),[c,i]=(0,a.useState)(""),[o,u]=(0,a.useState)(!1),[h,p]=(0,a.useState)([]);return(0,a.useEffect)(()=>{c&&((async e=>{e.includes("-")&&(e=`"${e}" | ${e}`),u(!0);const t=await(0,S.w$)(e);u(!1),t.data&&0!==t.data.length&&p(t.data)})(c),function({searchType:e,searchTerm:t}){window.dataLayer?.push({event:"search",search_id:(0,x.i)(),search_term:t,search_type:e})}({searchType:"search_bar",searchTerm:c}))},[c]),a.createElement(a.Fragment,null,a.createElement("div",{className:"overlay overlay--header-search "+(s?"is-visible":"")}),a.createElement(N.A,{handler:()=>{s&&n(!1)}},a.createElement("div",{className:"searchbox__wrapper "+(s?"is-visible":"")},a.createElement("div",{className:"searchbox"},a.createElement(l,{isSearchbarVisible:s,searchQuery:c,setSearchQuery:e=>i(e),formAction:r}),a.createElement(g,{isSearchbarVisible:s,searchQuery:c,productOverviewPageUrl:e,searchResults:h}))),a.createElement(A,{productOverviewPageUrl:e,isSearchbarVisible:s,shouldToggleSearchIcon:t,setSearchQuery:e=>i(e),searchQuery:c,isFetchingResults:o&&c.length>0,setIsSearchbarVisible:e=>{n(e)}})))};R.defaultProps={shouldToggleSearchIcon:!0,productOverviewPageUrl:"#",formAction:"#"};var T=R},21322:function(e,t,r){r.d(t,{w$:function(){return i},Yc:function(){return o},Dw:function(){return u}});var a=r(72505),s=r.n(a);const n={fetchHeaderSearchResults:`/${(0,r(24803).A)()}/shop/livesearch`,fetchProductsByQuery:"/shop/cart/search",fetchVariantsByArticleNumber:"/shop/cart/search/variant"},l=s().create();let c;const i=e=>(c&&c.cancel("Operation canceled due to new request."),c=s().CancelToken.source(),l.post(n.fetchHeaderSearchResults,{query:e},{cancelToken:c.token}

1)),o=e=>l.post(n.fetchProductsByQuery,{query:e}),u=e=>l.post(n.fetchVariantsByArticleNumber,{articleNumber:e})},34967:function(e,t,r){r.d(t,{I:function(){return n}});var a=r(96540),s=r(15009);const n=({path:e,size:t,theme:r,className:n})=>{if(!e)return;let l=n.split(" ");return t&&l.push(`icon--${t}`),r&&l.push(`text-${r}`),a.createElement(s.k,{src:e,beforeInjection:e=>{for(let t=0;t<l.length;t+=1)l[t]&&e.classList.add(l[t])}})};n.defaultProps={path:void 0,size:12,theme:void 0,className:""}},37728:function(e,t,r){r.d(t,{A:function(){return b}});var a=r(36536),s=r(9243),n=r(32485),l=r.n(n),c=r(96540),i=r(36519);var o=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.filter(function(e){return null!=e}).reduce(function(e,t){if("function"!=typeof t)throw new Error("Invalid Argument Type, must only provide functions, undefined, or null.");return null===e?t:function(){for(var r=arguments.length,a=new Array(r),s=0;s<r;s++)a[s]=arguments[s];e.apply(this,a),t.apply(this,a)}},null)},u=["as","disabled","onKeyDown"];function h(e){return!e||"#"===e.trim()}var p=c.forwardRef(function(e,t){var r=e.as,n=void 0===r?"a":r,l=e.disabled,i=e.onKeyDown,p=(0,s.A)(e,u),d=function(e){var t=p.href,r=p.onClick;(l||h(t))&&e.preventDefault(),l?e.stopPropagation():r&&r(e)};return h(p.href)&&(p.role=p.role||"button",p.href=p.href||"#"),l&&(p.tabIndex=-1,p["aria-disabled"]=!0),c.createElement(n,(0,a.A)({ref:t},p,{onClick:d,onKeyDown:o(function(e){" "===e.key&&(e.preventDefault(),d(e))},i)}))});p.displayName="SafeAnchor";var d=p,m=["bsPrefix","variant","size","active","className","block","type","as"],f=c.forwardRef(function(e,t){var r=e.bsPrefix,n=e.variant,o=e.size,u=e.active,h=e.className,p=e.block,f=e.type,b=e.as,g=(0,s.A)(e,m),v=(0,i.oU)(r,"btn"),w=l()(h,v,u&&"active",n&&v+"-"+n,p&&v+"-block",o&&v+"-"+o);if(g.href)return c.createElement(d,(0,a.A)({},g,{as:b,ref:t,className:l()(w,g.disabled&&"disabled")}));t&&(g.ref=t),f?g.type=f:b||(g.type="button");var y=b||"button";return c.createElement(y,(0,a.A)({},g,{className:w}))});f.displayName="Button",f.defaultProps={variant:"primary",active:!1,disabled:!1};var b=f},44513:function(e,t,r){r.d(t,{A:function(){return s}});var a=r(96540);class s extends a.Component{constructor(e){super(e),this.setWrapperRef=this.setWrapperRef.bind(this),this.handleClickOutside=this.handleClickOutside.bind(this)}componentDidMount(){document.addEventListener("mousedown",this.handleClickOutside)}componentWillUnmount(){document.removeEventListener("mousedown",this.handleClickOutside)}setWrapperRef(e){this.wrapperRef=e}handleClickOutside(e){this.wrapperRef&&!this.wrapperRef.contains(e.target)&&this.props.handler()}render(){return a.createElement("div",{ref:this.setWrapperRef},this.props.children)}}s.defaultProps={children:null,handler:()=>{}}},66819:function(e,t){t.A=(e,t)=>Translator.trans(e,t)},99877:function(e,t,r){e.exports=r.p+"img/magnifier.b6fd05c3.svg"}}]);