https://www.pacificdrums.com/_next/static/chunks/pages/search-caec7c690b703c2f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[603],{27646:function(e,r,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/search",function(){return t(54665)}])},54665:function(e,r,t){"use strict";t.r(r),t.d(r,{__N_SSG:function(){return R},default:function(){return j}});var n=t(85893),u=t(67294),l=t(75814),s=t(11163),a=t(45697),c=t.n(a),i=t(97933),d=t(48137),o=t(70918),m=t(23279),h=t.n(m),f=t(88384),g=t(75625),v=t(33235),p=t(49114);let y=e=>{var r,t,l,a;let{productsCountOnPage:c}=e,i=(0,s.useRouter)(),{trackSiteSearchClick:d}=(0,o.e2)(),{algoliaError:m,setQuery:y,searchOptions:x,setSearchOption:b,results:R,searchMeta:j,query:q}=(0,o.vR)(),{resultCount:N,maxPages:w,resultQuery:S}=j,[k,E]=(0,u.useState)(""),[_,P]=(0,u.useState)([]),[C,T]=(0,u.useState)(0),[Z,O]=(0,u.useState)(0),[B,I]=(0,u.useState)(""),[D,F]=(0,u.useState)(null),A=(0,u.useRef)(""),X=(0,u.useRef)(!1),G=(0,u.useRef)(null),K=(0,u.useRef)(!1),M=(0,u.useRef)(!1),U=(0,u.useRef)(""),z=(0,u.useRef)(null),H=(0,u.useRef)(i.query),J=(0,u.useRef)(""),L=(0,u.useRef)(1);L.current=x.page;let Q=(0,u.useRef)(""),V=((null===(r=i.query)||void 0===r?void 0:r.query)||"").trim(),W=V.length<3?"":V,Y=i.isReady&&null!==D,$=(0,u.useCallback)((e,r)=>{var t;let n=(U.current||"").trim()||(k||"").trim()||(q||"").trim()||((null===(t=H.current)||void 0===t?void 0:t.query)||"").trim();n&&d({searchTerm:n,linkText:(null==r?void 0:r.title)||(null==r?void 0:r.handle)||"Product"})},[q,k,d]);(0,u.useEffect)(()=>{i.isReady&&(q||"").trim()===W&&(S||"").trim()===W&&(!D||1===x.page)&&(()=>{let e=A.current!==W;I(W),T(N||0),O(w||0),e||1===x.page?P(R):P(e=>{let r=new Set(e.map(e=>(null==e?void 0:e.objectID)||(null==e?void 0:e.handle)).filter(Boolean));return[...e,...R.filter(e=>{let t=(null==e?void 0:e.objectID)||(null==e?void 0:e.handle);return!(!t||r.has(t))&&(r.add(t),!0)})]}),A.current=W,F(null)})()},[V,W,w,D,q,S,N,R,i.isReady,x.page]),(0,u.useEffect)(()=>{i.isReady&&Q.current!==V&&(Q.current=V,F({query:W,startedAt:Date.now()}))},[V,W,i.isReady]),(0,u.useEffect)(()=>{var e;if(!i.isReady)return;let r=((null===(e=i.query)||void 0===e?void 0:e.query)||"").trim();if(r!==J.current){if(J.current=r,r===(q||"").trim()){1!==L.current&&b("page",1);return}r.length<3?y(""):y(r),b("page",1)}},[i.isReady,null===(t=i.query)||void 0===t?void 0:t.query,q,y,b]),(0,u.useEffect)(()=>{b("hitsPerPage",c),b("page",1)},[c,b]),(0,u.useEffect)(()=>{var e;if(!X.current&&!K.current&&!M.current&&(!z.current||document.activeElement!==z.current)&&i.isReady&&(null===(e=i.query)||void 0===e?void 0:e.query)){let e=i.query.query;E(e),e.trim().length<3?y(""):(y(e),b("page",1)),G.current=e.trim(),U.current=e,H.current=i.query,X.current=!0}},[i.isReady]),(0,u.useEffect)(()=>{H.current=i.query},[i.query]),(0,u.useEffect)(()=>{var e;if(!i.isReady)return;let r=(null===(e=i.query)||void 0===e?void 0:e.query)||"",t=z.current&&document.activeElement===z.current;M.current||t||(E(r),U.current=r,G.current=r.trim())},[i.isReady,null===(l=i.query)||void 0===l?void 0:l.query]);let ee=(0,u.useMemo)(()=>h()(()=>{var e;let r=U.current.trim();if(r===((null===(e=H.current)||void 0===e?void 0:e.query)||"").trim()||r===G.current){M.current=!1;return}G.current=r,r.length<3?y(""):(y(r),b("page",1)),K.current=!0;let t={pathname:"/search",query:r.length<3?{}:{query:r}};i.push(t,null,{shallow:!0}),setTimeout(()=>{K.current=!1,M.current=!1},100)},500),[y,b]);(0,u.useEffect)(()=>{var e;if(!i.isReady)return;let r=((null===(e=i.query)||void 0===e?void 0:e.query)||"").trim();r!==(U.current||"").trim()&&(ee.cancel(),U.current=r,G.current=r)},[ee,i.isReady,null===(a=i.query)||void 0===a?void 0:a.query]);let er=async()=>{Y||b("page",x.page+1)};return m?(0,n.jsx)("div",{className:"mb-10 lg:mb-15",children:(0,n.jsx)("div",{className:"mx-5 lg:mx-15",children:(0,n.jsx)("h5",{className:"heading-6 lg:heading-5 py-20",children:"Something went wrong. Please contact support."})})}):(0,n.jsxs)("div",{className:"mb-10 lg:mb-15",children:[(0,n.jsxs)("div",{className:"mx-5 lg:mx-15",children:[(0,n.jsx)(f.Z,{className:"mb-6 pb-5 pt-5 lg:mb-14"}),(0,n.jsx)("h5",{className:"heading-6 lg:heading-5 mb-1",children:"".concat(C," Results").concat(B.length>2?" for ".concat(B):"")}),(0,n.jsxs)("div",{className:"mb-8 flex min-w-[200px] border-b md:mr-8.75 md:max-w-lg",children:[(0,n.jsx)("div",{className:"flex-1",children:(0,n.jsx)("input",{ref:z,placeholder:"Search Again",value:k,onChange:e=>{let r=e.target.value;M.current=!0,U.current=r,E(r),ee(r)},onFocus:()=>{M.current=!0},onBlur:()=>{setTimeout(()=>

1{M.current=!1},200)},className:"input-black block w-full bg-transparent px-0 py-4 text-mobile-heading-6 focus-visible:outline-none lg:text-mobile-heading-5"})}),(0,n.jsx)("button",{children:(0,n.jsx)(v.Z,{type:"Search",alt:"search",className:"h-5.25 w-auto md:h-6"})})]})]}),(0,n.jsxs)("div",{className:"mt-8 lg:mt-14",children:[(0,n.jsx)("div",{className:"grid grid-cols-2 gap-1 lg:grid-cols-4 ".concat(Y?"animate-pulse opacity-70":""),children:null==_?void 0:_.map((e,r)=>(0,n.jsx)(p.Z,{product:e,className:"h-full",isSearchResult:!0,onProductClick:r=>$(r,e)},"".concat(e.handle,"-").concat(r)))}),(0,n.jsxs)("p",{className:"mb-5 mt-15 text-center",children:["Showing ",_.length," of ","",(0,n.jsx)("span",{className:"font-bold",children:C})," Products",Y&&(0,n.jsx)("span",{className:"ml-2 inline-block text-subdued",children:"Updating..."})]}),(0,n.jsx)("div",{className:"mx-auto mb-4 h-1.5 w-[280px] rounded-full bg-light",children:(0,n.jsx)("div",{style:{width:C>0?_.length/C*100+"%":"0%"},className:"h-1.5 rounded-full bg-primary "})}),!Y&&x.page<Z&&(0,n.jsx)(g.Z,{className:"mx-auto",onClick:er,right:!1,children:"load more"})]})]})};y.propTypes={productsCountOnPage:c().number,searchKey:c().string};var x=t(98196);let b=e=>{var r;let{searchPage:t}=e,a=(0,s.useRouter)(),{trackPage:c}=(0,l.Z)(),o=(0,u.useRef)(null);return(0,u.useEffect)(()=>{var e;if(!a.isReady)return;let r=(null===(e=a.query)||void 0===e?void 0:e.query)||"",n=r?"search-".concat(r):(null==t?void 0:t._uid)||"search",u=a.asPath;o.current!==u&&(o.current=u,c({pageTemplate:"search",pageName:r?"Search Results: ".concat(r):"Search Results",pageID:n,storyblokId:n}))},[a.isReady,a.asPath]),(0,n.jsxs)("div",{children:[(0,n.jsx)(x.Z,{title:"Search Results",description:"Search results",noIndex:!0,noFollow:!1}),(0,n.jsx)(y,{productsCountOnPage:(null==t?void 0:t.productsOnPage)?Number(t.productsOnPage):9}),(0,n.jsx)(d.Z,{blok:t.body.find(e=>"referenceBlock"===e.component)}),(0,n.jsx)(i.Z,{blok:null==t?void 0:null===(r=t.productFeed)||void 0===r?void 0:r[0]})]})};b.propTypes={searchPage:c().object,keyword:c().string,newsletterBlock:c().array};var R=!0,j=b}},function(e){e.O(0,[888,774,179],function(){return e(e.s=27646)}),_N_E=e.O()}]);