(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[187],{52432:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=k(n(14041)),a=k(n(63670)),r=k(n(10037)),l=k(n(71012)),i=k(n(32503)),u=k(n(92525)),s=k(n(1844)),d=n(8686),f=k(n(41156)),c=n(90611),m=k(n(13356)),v=k(n(28059));n(68753);var g,p,S,h=k(n(66614)),y=n(31085);function k(e){return e&&e.__esModule?e:{default:e}}function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},b.apply(null,arguments)}function _(e,t,n,o){S||(S="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var a=e&&e.defaultProps,r=arguments.length-3;if(t||0===r||(t={children:void 0}),1===r)t.children=o;else if(r>1){for(var l=Array(r),i=0;i<r;i++)l[i]=arguments[i+3];t.children=l}if(t&&a)for(var u in a)void 0===t[u]&&(t[u]=a[u]);else t||(t=a||{});return{$$typeof:S,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var A="EMPTY",N=a.default.bind(h.default);function w(e){var t=e.placeholder,n=e.buttonText,a=e.link,f=e.wordsSectionHeading,S=e.productsSectionHeading,k=e.onProductSuggest,w=e.onChange,M=e.onSubmit,P=e.onLinkClick,C=e.onNavigateTo,D=e.onSuggest,L=e.onClickSuggestion,O=e.onClearSuggests,x=e.onClearInput,E=e.onArrowNavigation,I=e.onHoverSuggestion,T=e.onLeaveSuggestion,j=e.onMouseEnterSubmitButton,U=e.eventTracking,q=void 0===U?{}:U,B=e.query,F=o.default.useRef(),R=(0,d.useSelector)(c.searchStateSelector),H=R.wordsData,$=R.queries,G=R.productsData,K=R.searchString,z=R.typedSearchString,V=R.focusedSuggestion,J=R.focusedProduct,Y=R.productSkeleton,W=G[$[0]]&&G[$[0]].productSuggests||[],X=G[$[0]]&&G[$[0]].link,Z=null===V?$.find((function(e){return H&&H[e]})):z,Q=H[Z]||[];o.default.useEffect((function(){F.current!==V&&null!=Q&&Q[V]&&(k(Q[V].word),F.current=V)}),[V]);var ee=Y?v.default.productSuggests:W,te=Q.length>0,ne=ee.length>0,oe=W.length>0,ae=!(te&&Q[0].userInputWord&&!ne),re=Y?v.default.link.name:null==X?void 0:X.name,le=(te||oe)&&ae,ie=q.suggestSearchString,ue=q.suggestSelectedProduct,se=q.suggestSelectedSuggestion,de=null!==J&&W[J]&&W[J].link?W[J].link.link:null;function fe(e,t,n){var o=function(e,t){var n;if(null!=e&&e.googleTagManager){var o=e.googleTagManager;return{googleTagManager:{containerId:o.containerId,payload:(n={},n[o.event]=t,n)}}}};(0,r.default)(o(ie,e)),(0,r.default)(o(se,t)),(0,r.default)(o(ue,n))}var ce=function(e,t){P(e),fe(z,z===K?A:K,t),O(),x()};function me(e){return e?_("div",{className:h.default.headline},void 0,_(l.default,{em:!0},void 0,e)):null}var ve={placeholder:t,value:K,onMouseEnter:j,onChange:function(e){var t=e.target.value;!function(e){return e&&e.trim().length>=2&&e!==B}(t)?le&&O():D(t),w(t)},onFocus:function(){var e;(function(e){return e&&e.trim().length>=2})(e=K)&&D(e)},onClickClear:function(){x(),O(),(0,r.default)({googleTagManager:{containerId:window.gtmId,payload:{event:"search-clear-input"}}})},onKeyDown:function(e){"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||!le||((V>0&&null!==J||"ArrowDown"===e.key||"ArrowUp"===e.key)&&e.preventDefault(),E(e.key)),"Escape"===e.key&&O()}},ge=_("div",{className:N("input",{hasSuggestions:le})},void 0,(0,y.jsx)(s.default,b({},ve,{"aria-autocomplete":"list","aria-controls":"InterActiveSearchForm__list",buttonText:n,"data-test-sell-search-input":!0,isCloseButtonActive:!0})));return _("form",{method:"GET",action:a,onSubmit:function(e){null!==J?(e.preventDefault(),C(de),x()):(setTimeout(O,1e3),M(e)),fe(z,z===K?A:K,null===J?A:de),O()},role:"search","data-test-sell-search-form":!0},void 0,le&&_("div",{className:h.default.closepane,onClick:O}),ge,_("div",{className:N("suggestionsContainer",{hidden:!le}),id:"InterActiveSearchForm__list",role:"listbox"},void 0,le&&_("div",{className:h.default.overlay,onMouseLeave:T},void 0,_("div",{className:N("words","sectionContainer")},void 0,te&&_("div",{className:h.default.sectionInner},void 0,me(f),_("ul",{className:h.default.list},void 0,Q.map((function(e,t){var n=e.word,o=e.userInputWord;return _("li",{className:h.default.element},t,_(l.default,{normal:!0},void 0,_("a",{href:"/suche/?q="+n,"data-prio2":!0,className:N("suggestion",{focused:V===t}),type:"button","data-test-sell-search-suggest":!0,onClick:function(e){return function(e,t){e.preventDefault(),fe(z,K,A),w(t),L(t),O()}(e,n)},onMouseEnter:function(){return I(t)},"aria-controls":"InterActiveSearchForm__products"},void 0,o?"»"+n+"«":n,_("div",{className:h.default.icon},void 0,V===t&&(g||(g=_(u.default,{tiny:!0})))))))}))))),ne&&_("div",{className:N("products","sectionContainer"),id:"InterActiveSearchForm__products",role:"listbox"},void 0,_("div",{className:h.default.sectionInner},void 0,me(S+" »"+K+"«"),_("ul",{className:h.default.list},void 0,ee.map((function(e,t){return _("li",{className:h.default.element},t,(0,y.jsx)(m.default,b({},e,{image:Y?{}:e.image,onLinkClick:function(t){return ce(t,e.link.link)},selected:J===t,skeleton:Y})))}))))),ne&&_("div",{className:h.default.bottomLink},void 0,_(i.default,{em:!0,prio1:!0,type:"submit",icon:p||(p=_(u.default,{small:!0})),iconPosition:"right",skeleton:Y,onMouseEnter:j},void 0,re)))))}w.propTypes=f.default;t.default=w},28059:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(e){return{link:"/superunique-link"+e}},o={image:{},link:n("1"),manufacturer:"",name:"Skeleton Jakob Fischer"},a={image:{},link:n("2"),manufacturer:"Canisius Henssen",name:"Skeleton-Rüben-Kraut"},r={image:{},link:n("3"),manufacturer:"",name:"Skeleton Red Sentinel"};t.default={productSuggests:[o,a,r],link:{name:"alle 10 Produkte zu meep"}}},13356:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,a=d(n(39067)),r=(d(n(14041)),d(n(63670))),l=n(12908),i=d(n(77938)),u=d(n(82900)),s=d(n(3976));function d(e){return e&&e.__esModule?e:{default:e}}function f(e,t,n,a){o||(o="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var r=e&&e.defaultProps,l=arguments.length-3;if(t||0===l||(t={children:void 0}),1===l)t.children=a;else if(l>1){for(var i=Array(l),u=0;u<l;u++)i[u]=arguments[u+3];t.children=i}if(t&&r)for(var s in r)void 0===t[s]&&(t[s]=r[s]);else t||(t=r||{});return{$$typeof:o,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var c=r.default.bind(i.default);function m(e){var t=e.image,n=e.link,o=e.manufacturer,a=e.minimal,r=e.name,d=e.nameAdditional,m=e.onLinkClick,v=e.selected,g=e.skeleton;return f("div",{className:c("root",{selected:v}),"data-test-sell-product-suggest-tile":!0},void 0,f("a",{href:(0,l.buildUrl)(n),className:i.default.link,onClick:m,"data-test-sell-product-suggest-tile-link":!0},void 0,f("div",{className:i.default.box},void 0,t&&f("div",{className:i.default.imagebox},void 0,f(u.default,{image:t,minimal:a})),(r||o||d)&&f("div",{className:i.default.textbox},void 0,f(s.default,{name:r,manufacturer:o,nameAdditional:d,skeleton:g})))))}m.propTypes={image:a.default.object,link:a.default.object,manufacturer:a.default.string,minimal:a.default.bool,name:a.default.string,nameAdditional:a.default.string,onLinkClick:a.default.func,selected:a.default.bool,skeleton:a.default.bool};t.default=m},48840:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,a=i(n(39067)),r=(i(n(14041)),n(45164)),l=i(n(36796));function i(e){return e&&e.__esModule?e:{default:e}}function u(e,t,n,a){o||(o="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var r=e&&e.defaultProps,l=arguments.length-3;if(t||0===l||(t={children:void 0}),1===l)t.children=a;else if(l>1){for(var i=Array(l),u=0;u<l;u++)i[u]=arguments[u+3];t.children=i}if(t&&r)for(var s in r)void 0===t[s]&&(t[s]=r[s]);else t||(t=r||{});return{$$typeof:o,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function s(e){var t=e.image,n=e.minimal,o=u(l.default,{image:t,sizes:"104px",imageProfileDefault:r.IMAGE_PROFILE_DEFAULTS.pdsmain}),a=u(l.default,{image:t,preview:!0,imageProfileDefault:r.IMAGE_PROFILE_DEFAULTS.pdsmain});return n?a:o}s.propTypes={image:a.default.object,minimal:a.default.bool};t.default=s},82900:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return a.default}});var o,a=(o=n(48840))&&o.__esModule?o:{default:o}},33602:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,a=u(n(39067)),r=(u(n(14041)),u(n(71012))),l=u(n(63670)),i=u(n(8700));function u(e){return e&&e.__esModule?e:{default:e}}function s(e,t,n,a){o||(o="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var r=e&&e.defaultProps,l=arguments.length-3;if(t||0===l||(t={children:void 0}),1===l)t.children=a;else if(l>1){for(var i=Array(l),u=0;u<l;u++)i[u]=arguments[u+3];t.children=i}if(t&&r)for(var s in r)void 0===t[s]&&(t[s]=r[s]);else t||(t=r||{});return{$$typeof:o,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var d=l.default.bind(i.default);function f(e){var t=e.name,n=e.manufacturer,o=e.nameAdditional,a=e.skeleton;return s("div",{className:d("root",{skeleton:a})},void 0,n?s("div",{className:i.default.manufacturer},void 0,s(r.default,{light:!0,skeleton:a},void 0,n)):null,s("div",{className:i.default.name},void 0,s(r.default,{normal:!0,skeleton:a},void 0,t),o?s(r.default,{normal:!0,skeleton:a},void 0," "+o):null))}f.propTypes={name:a.default.string,manufacturer:a.default.string,nameAdditional:a.default.string,skeleton:a.default.bool};t.default=f},3976:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return a.default}});var o,a=(o=n(33602))&&o.__esModule?o:{default:o}},90611:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.searchStateSelector=void 0;t.searchStateSelector=function(e){return{wordsData:e.uiState.search.data.wordsData,queries:e.uiState.search.queries,productsData:e.uiState.search.data.productsData,searchString:e.uiState.search.searchString,typedSearchString:e.uiState.search.typedSearchString,focusedSuggestion:e.uiState.search.focusedSuggestion,focusedProduct:e.uiState.search.focusedProduct,productSkeleton:e.uiState.search.productSkeleton}}},66614:function(e){e.exports={input:"mf-rsjRM5E1",hasSuggestions:"mf-M8A2Zx2t",suggestionsContainer:"mf-bzs0GGov",hidden:"mf-G7LAUrYP",overlay:"mf-Lk99kCMD",sectionContainer:"mf-S7UvMgVK",headline:"mf-NHs7RZyt",words:"mf-hXCUpB4U",sectionInner:"mf-OcxbPqzy",products:"mf-kmDwviTB",list:"mf-r_VAYMN2",suggestionList:"mf-nrwV9OLw",suggestion:"mf-i3B82Drq",focused:"mf-RxSp8NY_",icon:"mf-IrB8bhyt",bottomLink:"mf-rBsQld9A",closepane:"mf-PrctZimB"}},77938:function(e){e.exports={root:"mf-azoqWK6x",box:"mf-u2_S0RVX",imagebox:"mf-CwmNB6_J",textbox:"mf-On9Ac8OL",link:"mf-h1NtVfqd",selected:"mf-dHDq7pOE"}},8700:function(e){e.exports={root:"mf-ahiabtzL",manufacturer:"mf-gbyfUxbv",name:"mf-sCJwVT11",skeleton:"mf-ngKJUnXG"}}}]); //# sourceMappingURL=search.chunk.62966e307c55f2651552.js.map