https://www.buch24.de/_next/static/chunks/pages/advanced-search-1954667dd53b6519.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2307],{74329:(e,a,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/advanced-search",function(){return l(52228)}])},52228:(e,a,l)=>{"use strict";l.r(a),l.d(a,{__N_SSP:()=>L,default:()=>$});var s=l(31085),i=l(26535),n=l(823),r=l(70759),t=l(20303),c=l(34711),d=l(43597),o=l(91758),m=l.n(o),u=l(14041),p=l(31242),h=l(59904),x=l(80056),b=l(70861);let v=e=>{let{value:a,label:l,onChange:i=()=>{},onClickSuggestion:n=()=>{},advancedSearchInputField:r}=e,c=(0,u.useRef)(null),[d,o]=(0,u.useState)(),[m,p]=(0,u.useState)(),{ref:h,isComponentVisible:v,setIsComponentVisible:S}=(0,b.A)(!0),[g,j]=(0,u.useState)(-1),[N,k]=(0,u.useState)([]);(0,u.useEffect)(()=>{function e(){o(c?.current?.offsetWidth?c.current.offsetWidth:0)}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)},[]),(0,u.useEffect)(()=>{m!==a&&S(!0)},[a]);let f=async e=>{e.preventDefault(),i(e.currentTarget.value),S(!0),"ArrowUp"===e.key?(e.preventDefault(),j(e=>-1==e?N.length-1:e-1)):"ArrowDown"===e.key?(e.preventDefault(),j(e=>e==N.length-1?-1:e+1)):"Enter"===e.key&&(-1!==g&&N.length?n(N[g].name):n(a),S(!1))};return(0,s.jsxs)("div",{className:"flex w-full bg-filled-500 text-base-500 transition-colors duration-150 border-muted-500",children:[(0,s.jsx)(t.A,{label:l,ref:c,onKeyUp:f,value:a,onChange:e=>i(e)}),v&&a.length>2&&(0,s.jsx)(x.A,{ref:h,onClickSuggestion:e=>{n(e.name),p(e.name),S(!1)},highlightIndex:g,setHighlightIndex:j,setAutoSuggestions:k,searchTerm:a,width:Number(d),advancedSearchInputField:r,marginTop:"80px"})]})};var S=l(22297),g=l(94864);let j=e=>{let{variant:a}=e,l=(0,p.useRouter)(),[i,n]=(0,u.useState)({...(0,h.SX)(l.query)}),{t:o}=(0,S.Bd)("common"),x=()=>{let e=(0,h.oj)({...i,variant:a});l.push(`/advanced-search?${e}`,void 0,{shallow:!0}),l.push({pathname:"/search",query:{...a&&{variant:a},...i?.title&&{title:i?.title},...i?.author&&{author:`${i?.author}`},...i?.speaker&&{speaker:`${i?.speaker}`},...i?.interpret&&{interpret:`${i?.interpret}`},...i?.category&&{topic:i?.category},...i?.movieAndSeriesCategory&&{movieCategory:`${i?.movieAndSeriesCategory}`},...i?.publisher&&{publisher:`${i?.publisher}`},...i?.articleNumber&&{articlenumber:`${i?.articleNumber}`},...i?.audioTrack&&{language:`${i?.audioTrack}`},...i?.subtitle&&{subtitle:`${i?.subtitle}`},...i?.language&&{language:i?.language?.toUpperCase()},...i?.bindingType&&{coverType:`${i?.bindingType}`},...i?.price.minSelected&&i?.price.maxSelected&&{priceRange:`${i.price.minSelected}-${i.price.maxSelected}`},...i?.ageRecommendation.minSelected&&i?.ageRecommendation.maxSelected&&{ageRecommendation:`${i.ageRecommendation.minSelected}-${i.ageRecommendation.maxSelected}`},...i?.publishDate.minSelected&&i?.publishDate.maxSelected&&{publishingDate:`${i.publishDate.minSelected}-${i.publishDate.maxSelected}`},...i?.part&&{volume:`${i?.part}`},...i?.bookPreview&&{bookPreview:`${i?.bookPreview}`},...i?.audioPreview&&{audioPreview:`${i?.audioPreview}`},...i?.onlyShippableArticles&&{onlyShippableArticles:`${i?.onlyShippableArticles}`},...i?.onlyNewArticles&&{isNew:`${i?.onlyNewArticles}`}}},void 0,{shallow:!0})};return(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)("span",{className:"hidden text-xl font-bold uppercase sm:block",children:o("advancedSearch.advancedSearch")}),(0,s.jsxs)("div",{className:"flex flex-col sm:hidden",children:[(0,s.jsx)("span",{className:"text-base font-bold uppercase",children:o("BriefExplanationSearchTips")}),(0,s.jsx)("span",{className:"pt-8 text-sm",children:o("SearchTipsText")})]}),(0,s.jsxs)("div",{className:"pt-12 grid grid-cols-3 gap-8 sm:gap-20",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-8 col-span-3 sm:col-span-2",children:[(0,s.jsx)("span",{className:"pb-4 text-xl font-bold uppercase sm:hidden",children:o("advancedSearch.advancedSearch")}),(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsx)(v,{value:i?.title,label:o("advancedSearch.titleLabel"),advancedSearchInputField:"title",onChange:e=>n({...i,title:e}),onClickSuggestion:e=>n({...i,title:e})})}),!("moviesAndSeries"===a||"software"===a)&&(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsx)(v,{value:i?.author||"",label:"allMedia"===a?`${o("advancedSearch.authorLabel")} | ${o("advancedSearch.authorLabelExtended")}`:o("advancedSearch.authorLabel"),advancedSearchInputField:"author1",onChange:e=>n({...i,author:e}),onClickSuggestion:e=>n({...i,author:e})})}),"audioBooks"===a&&(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsx)(v,{value:i?.speaker||"",label:o("advancedSearch.speakerLabel"),advancedSearchInputField:"actor1",onChange:e=>n({...i,speaker:e}),onClickSuggestion:e=>n({...i,speaker:e})})}),!("audioBooks"===a||"software"===a||"moviesAndSeries"===a||"ebooks"===a)&&(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsx)(v,{value:i?.interpret||"",label:o("advancedSearch.actorLabel"),advancedSearchInputField:"actor",onChange:e=>n({...i,interpret:e}),onClickSuggestion:e=>n({...i,interpret:e})})}),!("moviesAndSeries"===a||"software"===a)&&(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsx)(v,{value:i?.category||"",label:o("advancedSearch.topicLabel"),advancedSearchInputField:"topic",onChange:e=>n({...i,category:e}),onClickSuggestion:e=>n({...i,category:e})})}),"moviesAndSeries"===a&&(0,s.jsx)(r.A,{dropDownContent:h.xy.map(e=>({value:e,label:o(e)})),title:o("advancedSearch.movieCategoryLabel"),type:"normal",value:{value:i.mov

1ieAndSeriesCategory?i.movieAndSeriesCategory:"allMovieAndSeriesCategories"},onChange:e=>{n({...i,movieAndSeriesCategory:e.value})}}),!("moviesAndSeries"===a||"software"===a)&&(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsx)(v,{value:i?.publisher||"",label:"allMedia"===a?`${o("advancedSearch.publisherLabel")} | ${o("advancedSearch.publisherLabelExtended")}`:o("advancedSearch.publisherLabel"),advancedSearchInputField:"publisher1",onChange:e=>n({...i,publisher:e}),onClickSuggestion:e=>n({...i,publisher:e})})}),(0,s.jsxs)("div",{className:m().inputWrapper,children:[(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)("span",{className:m().inputLabel,children:o("advancedSearch.articleNumberLabel")}),(0,s.jsx)("span",{className:m().inputLabel,children:o("advancedSearch.articleNumberTypesLabel")})]}),(0,s.jsx)(t.A,{value:i?.articleNumber,onChange:e=>n({...i,articleNumber:e})})]}),"moviesAndSeries"===a&&(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsx)(r.A,{dropDownContent:h._M.map(e=>({value:e,label:o(e)})),value:{value:i.audioTrack?i.audioTrack:"allMovieLanguages"},title:o("advancedSearch.audioTrackLabel"),type:"normal",onChange:e=>n({...i,audioTrack:e.value})})}),"moviesAndSeries"===a&&(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsx)(v,{value:i?.subtitle||"",label:o("advancedSearch.subtitlesLabel"),advancedSearchInputField:"movie_subtitle",onChange:e=>n({...i,subtitle:e}),onClickSuggestion:e=>n({...i,subtitle:e})})}),!("moviesAndSeries"===a||"software"===a)&&(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsx)(t.A,{label:o("advancedSearch.languageLabel"),value:i?.language,onChange:e=>n({...i,language:e})})}),"books"===a&&(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsx)(r.A,{dropDownContent:h.HK.map(e=>({value:e,label:o(e)})),value:{value:i.bindingType?i.bindingType:"all"},type:"normal",title:o("advancedSearch.bindingLabel"),onChange:e=>n({...i,bindingType:e.value})})}),"software"!==a&&(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsx)(v,{value:i?.part||"",label:"allMedia"===a?`${o("advancedSearch.issueLabel")} | ${o("advancedSearch.issueLabelExtended")}`:"moviesAndSeries"===a?o("advancedSearch.issueLabelExtended"):o("advancedSearch.issueLabel"),advancedSearchInputField:"issue",onChange:e=>n({...i,part:e}),onClickSuggestion:e=>n({...i,part:e})})})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-8 col-span-3 sm:col-span-1",children:[(0,s.jsxs)("div",{className:"flex-col hidden sm:flex",children:[(0,s.jsx)("span",{className:"text-base font-bold uppercase",children:o("BriefExplanationSearchTips")}),(0,s.jsx)("span",{className:"pt-8 text-sm",children:o("SearchTipsText")})]}),("books"===a||"ebooks"===a)&&(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsxs)("div",{className:"flex flex-row items-center gap-4",children:[(0,s.jsx)(c.A,{className:"w-6 h-6",checked:i?.bookPreview,onChange:e=>n({...i,bookPreview:e})}),(0,s.jsx)("span",{className:"text-xs",children:o("advancedSearch.bookPreviewLabel")})]})}),"audioBooks"===a&&(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsxs)("div",{className:"flex flex-row items-center gap-4",children:[(0,s.jsx)(c.A,{className:"w-6 h-6",checked:i?.audioPreview,onChange:e=>n({...i,audioPreview:e})}),(0,s.jsx)("span",{className:"text-xs",children:o("advancedSearch.audioBookPreviewLabel")})]})}),(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsxs)("div",{className:"flex flex-row items-center gap-4",children:[(0,s.jsx)(c.A,{className:"w-6 h-6",checked:i?.onlyShippableArticles,onChange:e=>n({...i,onlyShippableArticles:e})}),(0,s.jsx)("span",{className:"text-xs",children:o("advancedSearch.onlyShippableArticlesLabel")})]})}),(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsxs)("div",{className:"flex flex-row items-center gap-4",children:[(0,s.jsx)(c.A,{className:"w-6 h-6",checked:i?.onlyNewArticles,onChange:e=>n({...i,onlyNewArticles:e})}),(0,s.jsx)("span",{className:"text-xs",children:o("advancedSearch.onlyNewArticlesLabel")})]})}),(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsx)(g.bX,{type:"price",onChange:e=>{n({...i,price:{minSelected:e.minimumSelected,maxSelected:e.maximumSelected}})},range:{maximum:"299",minimum:"1",maximumSelected:i?.price?.maxSelected?i.price.maxSelected:"299",minimumSelected:i?.price?.minSelected?i.price.minSelected:"1"},title:o("advancedSearch.priceLabel"),buttonLabel:o("applyPrice")})}),"software"!==a&&(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsx)(g.bX,{onChange:e=>{n({...i,ageRecommendation:{minSelected:e.minimumSelected,maxSelected:e.maximumSelected}})},range:{maximum:"99",minimum:"1",maximumSelected:i?.ageRecommendation?.maxSelected?i.ageRecommendation.maxSelected:"99",minimumSelected:i?.ageRecommendation?.minSelected?i.ageRecommendation.minSelected:"1"},type:"naturalNumbers",title:o("advancedSearch.ageRecommendationLabel"),buttonLabel:o("apply")})}),(0,s.jsx)("div",{className:m().inputWrapper,children:(0,s.jsx)(g.bX,{onChange:e=>{n({...i,publishDate:{minSelected:e.minimumSelected,maxSelected:e.maximumSelected}})},type:"naturalNumbers",range:{maximum:new Date().getFullYear().toString(),minimum:"1",maximumSelected:i?.publishDate?.maxSelected?i.publishDate.maxSelected:new Date().getFullYear().toString(),minimumSelected:i?.publishDate?.minSelected?i.publishDate.minSelected:"1"},title:o("advancedSearch.publishDateLabel"),buttonLabel:o("apply")})}),(0,s.jsx)(d.A,{className:"w-full",onClick:()=>x(),children:o("advancedSearch.searchButtonLabel")})]})]})]})};var N=l(42311),k=l.n(N),f=l(16214),y=l(3920),w=l(15497);let C=e=>{let{entries:a,onClickMenuEntry:l,entryLabel:i}=e,n=(0,f.y5)(),[r,t]=(0,u.useState)(i),[c,d]=(0,u.useState)(!1),{t:o}=(0,S.Bd)("common");return(0,s.jsxs)("div",{children:[n.size<1024&&(0,s.jsx)(y.A,{active:c,onClick:()=>d(!1),children:(0,s.jsxs)("div",{className:"mt-7",children:[(0,s.jsx)("div",{children:(0,s.jsxs)("div",{onClick:()=>d(!c),className:"flex items-center w-full h-16 align-middle border cursor-pointer border-primary-500",children:[(0,s.jsx)("span",{className:" ml-4 font-normal align-middle text-base-500",children:a.map(e=>{if(e.key===r)return o(e.key)})}),(0,s.jsx)("span",{className:"ml-auto mr-4",children:(0,s.jsx)(w.A,{className:"w-6 h-6"})})]})}),c&&(0,s.jsx)("div",{className:"border border-primary-500",children:a.map(e=>{if(e.key!==r)return(0,s.jsx)("div",{className:"flex items-center w-full h-16 align-middle cursor-pointer",onClick:()=>{d(!c),t(e.key),l(e.key)},children:(0,s.jsx)("span",{className:"ml-4 font-normal text-base-500",children:o(e.key)})},e.key)})})]})}),n.size>=1024&&(0,s.jsxs)("nav",{className:"block",children:[(0,s.jsx)("ul",{className:"justify-center block text-center",children:a.map((e,a)=>(0,s.jsx)("li",{className:"inline-block",children:(0,s.jsx)("a",{title:o(e.key),className:r===e.key?`font-bold mt-12 mb-5 inline-block cursor-pointer  px-8 ${k().aClass}`:`font-normal mt-12 mb-5 inline-block cursor-pointer  px-8 ${k().aClass}`,onClick:()=>{t(e.key),l(e.key)},children:o(e.key)})},a))}),(0,s.jsx)("div",{className:"w-full mt-1 border border-gray-300"})]})]})}

1,A=["allMedia","books","ebooks","audioBooks","moviesAndSeries","software"];var L=!0;function $(){let{query:e}=(0,p.useRouter)(),[a,l]=(0,u.useState)("variant"in e&&e.variant&&e.variant.toString()?e.variant?.toString():"allMedia");return(0,s.jsxs)(n.A,{className:"flex flex-col pb-32 gap-12",children:[(0,s.jsx)(C,{entries:A.map(e=>({key:e})),entryLabel:a,onClickMenuEntry:e=>l(e)}),(0,s.jsx)(j,{variant:a})]})}$.Layout=i.PE},34711:(e,a,l)=>{"use strict";l.d(a,{A:()=>t});var s=l(31085);l(14041);var i=l(54357),n=l(98710),r=l(51303);let t=e=>{let{checked:a,disabled:l,className:t="",variant:c="cms",size:d="base",onChange:o=()=>{},tabIndex:m=0,autoFocus:u,ref:p,ariaHidden:h="false"}=e;return"cms"===c?(0,s.jsx)("input",{tabIndex:m,autoFocus:u,"aria-hidden":h,className:(0,i.A)("text-primary-500 focus:ring-4 focus:ring-secondary-500 focus:outline-none   cursor-pointer rounded",l&&"border-primary-100 cursor-not-allowed",t),type:"checkbox",checked:!!a&&a,onChange:e=>o(e.target.checked),onKeyDown:e=>(0,r.i)(e,()=>o(!a)),disabled:l}):(0,s.jsxs)("div",{className:"flex",children:[(0,s.jsx)("input",{"aria-hidden":h,tabIndex:m,ref:p,autoFocus:u,className:(0,i.A)("focus:ring-2 focus:ring-primary-500 focus:outline-none cursor-pointer rounded",l&&"border-primary-100 cursor-not-allowed",a?"border-dark-500":"border-lightgray-500","xs"===d&&"h-3 w-3","sm"===d&&"h-4 w-4","base"===d&&"h-5 w-5",t),type:"checkbox",checked:!1,onChange:e=>o(e.target.checked),disabled:l}),a&&(0,s.jsx)(n.A,{className:(0,i.A)("text-dark-500 cursor-pointer","xs"===d&&"absolute h-3 w-2 ml-0.5","sm"===d&&"absolute h-4 w-3 ml-0.5","base"===d&&"absolute w-5 h-4 mt-0.5")})]})}},42311:e=>{e.exports={aClass:"DropDownMenu_aClass__U5bd_"}},91758:e=>{e.exports={inputWrapper:"AdvancedSearchForm_inputWrapper__E2PJb",inputLabel:"AdvancedSearchForm_inputLabel__bhPJD"}}},e=>{var a=a=>e(e.s=a);e.O(0,[636,6593,8792],()=>a(74329)),_N_E=e.O()}]);