"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[27],{60:function(e,t,s){var l=this&&this.__awaiter||function(e,t,s,l){return new(s||(s=Promise))((function(r,i){function n(e){try{a(l.next(e))}catch(e){i(e)}}function c(e){try{a(l.throw(e))}catch(e){i(e)}}function a(e){var t;e.done?r(e.value):(t=e.value,t instanceof s?t:new s((function(e){e(t)}))).then(n,c)}a((l=l.apply(e,t||[])).next())}))},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Search=function({onClose:e,isMobileSearchRoute:t}){const s=(0,a.useRef)(null),[r,o]=(0,a.useState)(""),[p,f]=(0,a.useState)(""),[x,g]=(0,a.useState)(),[m,j]=(0,a.useState)(),v=(0,a.useCallback)((()=>l(this,void 0,void 0,(function*(){var e;const t=yield(0,u.getLazyState)("popularProducts",{featured_products_section_selector:null!==(e=(0,u.getAssignment)("search-featured-products"))&&void 0!==e?e:""});j(t)}))),[j]),y=(0,a.useCallback)((e=>l(this,void 0,void 0,(function*(){const t={includeCollections:"enabled"===(0,u.getAssignment)("searchIncludeCollections"),includePages:"enabled"===(0,u.getAssignment)("searchIncludePages"),includeArticles:"enabled"===(0,u.getAssignment)("searchIncludeArticles")},s=yield(0,u.getLazyState)("search",{query:e,options:t});g(s)}))),[g]),b=(0,a.useCallback)((()=>{var e;o(""),null===(e=s.current)||void 0===e||e.focus()}),[o]);return(0,a.useEffect)((()=>{var e;null===(e=s.current)||void 0===e||e.focus(),v()}),[]),(0,a.useEffect)((()=>{const e=setTimeout((()=>{f(r.trim())}),200);return()=>clearTimeout(e)}),[r]),(0,a.useEffect)((()=>{p&&y(p)}),[p]),(0,i.jsx)(n.Fragment,{children:(0,i.jsxs)("div",{class:c.default.container,children:[(0,i.jsxs)("div",{class:c.default.bar,children:[(0,i.jsxs)("form",{class:c.default.inputContainer,onSubmit:e=>{if(e.preventDefault(),r.trim()){const e=`/search?q=${encodeURIComponent(r.trim())}`;t&&location.replace(e),window.location.href=e}},children:[(0,i.jsx)("input",{type:"search",placeholder:"Search",value:r,onInput:e=>o(e.currentTarget.value),ref:s,autofocus:!0}),r&&(0,i.jsx)("button",{type:"button",onClick:b,children:"Clear"}),(0,i.jsx)("button",{type:"submit",hidden:!0,children:"Search"})]}),(0,i.jsx)("button",{type:"button",onClick:e,class:c.default.closeButton,"aria-label":"Close search",children:(0,i.jsx)(d.CloseIcon,{iconClass:c.default.closeButton,size:"18px"})})]}),(0,i.jsx)(h,{searchQuery:r,searchResults:x,initialPopularResults:m,isMobileSearchRoute:t})]})})};const i=s(0),n=s(3),c=r(s(199)),a=s(2),u=s(1),o=s(48),d=s(75);function h({searchQuery:e,searchResults:t,initialPopularResults:s,isMobileSearchRoute:l}){return(0,i.jsxs)("div",{class:c.default.results,children:[(0,i.jsx)(p,{searchQuery:e,searchResults:t,initialPopularResults:s,isMobileSearchRoute:l}),(0,i.jsx)(x,{searchQuery:e,searchResults:t,initialPopularResults:s,isMobileSearchRoute:l})]})}function p({searchQuery:e,searchResults:t,initialPopularResults:s,isMobileSearchRoute:l}){var r;return(0,i.jsxs)("div",{class:c.default.queries,children:[(0,i.jsx)(f,{title:"Suggestions",items:null==t?void 0:t.queries,searchQuery:e,isMobileSearchRoute:l,getUrl:e=>`/search?q=${encodeURIComponent(e.text)}`,getKey:e=>e.styledText,getTitle:e=>e.text,getDisplayHtml:e=>e.styledText}),(0,i.jsx)(f,{title:"Collections",items:null==t?void 0:t.collections,searchQuery:e,isMobileSearchRoute:l,getUrl:e=>`/collections/${e.handle}`,getKey:e=>e.handle,getTitle:e=>e.title,getDisplayHtml:e=>e.title,maxItems:3}),(0,i.jsx)(f,{title:"Pages",items:null==t?void 0:t.pages,searchQuery:e,isMobileSearchRoute:l,getUrl:e=>`/pages/${e.handle}`,getKey:e=>e.handle,getTitle:e=>e.title,getDisplayHtml:e=>e.title,maxItems:3}),(0,i.jsx)(f,{title:"Articles",items:null==t?void 0:t.articles,searchQuery:e,isMobileSearchRoute:l,getUrl:e=>`/articles/${e.handle}`,getKey:e=>e.handle,getTitle:e=>e.title,getDisplayHtml:e=>e.title,maxItems:3}),s&&(null===(r=s.queries)||void 0===r?void 0:r.length)>0&&(0,i.jsxs)(n.Fragment,{children:[(0,i.jsx)("h6",{children:"Trending Search Terms"}),(0,i.jsx)("ul",{children:s.queries.map((e=>(0,i.jsx)("li",{children:(0,i.jsx)("a",{href:`/search?q=${encodeURIComponent(e.text)}`,dangerouslySetInnerHTML:{__html:e.styledText}})},e.styledText)))})]})]})}function f({title:e,items:t,searchQuery:s,isMobileSearchRoute:l,getUrl:r,getKey:a,getTitle:u,getDisplayHtml:o,maxItems:d}){if(!s||!t||0===t.length)return null;const h=d?t.slice(0,d):t;return(0,i.jsxs)(n.Fragment,{children:[(0,i.jsx)("h6",{children:e}),(0,i.jsx)("ul",{class:c.default.suggestions,children:h.map((e=>{const t=r(e);return(0,i.jsx)("li",{children:(0,i.jsx)("a",{title:u(e),href:t,onClick:e=>{l&&(e.preventDefault(),location.replace(t))},dangerouslySetInnerHTML:{__html:o(e)}})},a(e))}))})]})}function x({searchQuery:e,searchResults:t,initialPopularResults:s,isMobileSearchRoute:l}){var r,a;return(0,i.jsxs)("div",{class:c.default.productsContainer,children:[e&&t&&(0,i.jsx)(n.Fragment,{children:t.products.length>0?(0,i.jsxs)(n.Fragment,{children:[(0,i.jsxs)("div",{class:c.default.productsHeader,children:[(0,i.jsx)("h6",{children:"Products"}),(0,i.jsxs)("a",{href:`/search?q=${encodeURIComponent(e)}`,onClick:t=>{l&&(t.preventDefault(),location.replace(`/search?q=${encodeURIComponent(e)}`))},children:["View All ",t.productsTotalCount,' Results for "',e,'"']})]}),(0,i.jsx)("div",{class:c.default.productsGrid,children:t.products.map((e=>(0,i.jsx)(o.ProductCard,{product:e,collectionHandle:"search",replaceStateEnabled:l},e.id)))})]}):(0,i.jsxs)("div",{class:c.default.productsHeaderEmpty,children:[(0,i.jsx)("h6",{children:"No Results Found"}),(0,i.jsxs)("span",{children:["Sorry, we couldn't find \"",t.query,'"']})]})}),(!e||!(null===(r=null==t?void 0:t.products)||void 0===r?void 0:r.length))&&(null===(a=null==s?void 0:s.products)||void 0===a?void 0:a.length)&&(0,i.jsxs)(n.Fragment,{children:[(0,i.jsxs)("div",{class:c.default.productsHeader,children:[(0,i.jsx)("h6",{children:"Popular Products"}),s.productsViewAllUrl&&(0,i.jsx)("a",{href:s.productsViewAllUrl,children:"View All"})]}),(0,i.jsx)("div",{class:c.default.productsGrid,children:s.products.map((e=>(0,i.jsx)(o.ProductCard,{product:e,collectionHandle:"search",replaceStateEnabled:l},e.id)))})]})]})}}}]);