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