https://www.opi.com/_next/static/chunks/pages/search-12b717bd92f02b65.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9603],{40457:function(e,r,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/search",function(){return t(30556)}])},51888:function(e,r,t){"use strict";t.d(r,{_:function(){return c}});var a=t(52322),s=t(74460),i=t(87847),l=t(26478),n=t.n(l),d=t(68587);let c=({hit:e})=>{let{title:r,handle:t,images:l,description:c,author:o,proOnly:_,newTab:u,urlCategory:h}=e,p=t?`/${"non-professionals"===h?"":"professionals"===h?"professionals":"nail-art"}/${t}`.replace(/\/+/g,"/"):"",x=`data:image/svg+xml;base64,${(0,i.s)((0,i.q)(280,333))}`;l&&l?.length>0&&l[0]?.url&&(x=l[0].url);let m={title:r,description:c??"",url:p,newTab:u,author:o,image:x,imageTitle:l?.[0]?.title??"",isLoading:!1,proOnly:!!_,wishlistComponent:d.H};return(0,a.jsx)("article",{className:n().searchContent__gridItemContent,"data-test-id":"nailArtCard",children:(0,a.jsx)(s.q,{...m})})}},30556:function(e,r,t){"use strict";t.r(r),t.d(r,{__N_SSP:function(){return J},default:function(){return V}});var a=t(52322),s=t(63792),i=t(43931),l=t.n(i),n=t(6277),d=t(5632),c=t(55351),o=t(2784),_=t(3505),u=t(39698),h=t(10718),p=t(40549),x=t(52673),m=t(21746),C=t(41929),f=t(65520),g=t(87847),b=t(68587);let y=({hit:e})=>{let{image:r,title:t,categoryRef:s,handle:i,excerpt:l}=e,n={title:t,url:i&&s?.handle?`/blog/${s?.handle}/${i}`:"",isLoading:!1,image:{src:`data:image/svg+xml;base64,${(0,g.s)((0,g.q)(280,333))}`,width:280,height:333,alt:""},wishlistComponent:b.H,excerpt:l,category:s?.category??""};return r&&r.url&&(n.image={src:r.url??`data:image/svg+xml;base64,${(0,g.s)((0,g.q)(434,434))}`,alt:r.title??t,height:r.height??0,width:r.width??0}),(0,a.jsx)("article",{"data-test-id":"articleCard",children:(0,a.jsx)(f.e,{...n})})};var A=t(81686),v=t(3497),j=t(41610),N=t(66314),O=t(95386),H=t(51888),S=t(32004),w=t(15832),k=t(74826),q=t(25237),Z=t.n(q),Q=t(64751),E=t(56493),M=t(35961),I=t(12971),R=t(86216),D=t.n(R);let P=Z()(()=>Promise.resolve().then(t.bind(t,28475)),{loadableGenerated:{webpack:()=>[28475]},ssr:!1}),W=Z()(()=>Promise.all([t.e(3619),t.e(9905),t.e(925)]).then(t.bind(t,925)),{loadableGenerated:{webpack:()=>[925]},ssr:!1,loading:()=>(0,a.jsx)("div",{className:D().siteHeader__searchMenuLoader})}),T=({activeIndex:e,setActiveIndex:r})=>{let{scopedResults:t,indexUiState:i}=(0,h.b)(),{locale:l}=(0,d.useRouter)(),c=(0,C.CS)(l),[_,u]=(0,o.useState)(!1),p=s.ag._({id:"breadcrumbs.search"}),x=(0,m.Sz)(E.i,({active:e})=>"searchMenu"===e[0]),{toggle:f}=(0,m.qp)(E.i),g=t.some(e=>!!e?.results?.nbHits),b=i.query||"";return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(Q.O,{title:p}),(0,a.jsxs)("section",{className:(0,n.Z)(M.Z.layout.container,D().searchHeader),children:[(0,a.jsxs)("div",{className:D().searchHeader__head,children:[(0,a.jsx)("h1",{className:(0,n.Z)(D().searchHeader__title,"text-heading-h2-mobile text-heading-h2-desktop"),children:(0,a.jsx)(w.cC,{values:{query:b},id:"search.header.heading"})}),(0,a.jsx)(k.z,{type:"button",modifiers:"text",onMouseOver:()=>u(!0),onFocus:()=>u(!0),onClick:()=>{f({ignoreDismissed:!0,namespace:"searchMenu"})},children:(0,a.jsx)("span",{className:"text-body-small-mobile text-body-small-desktop",children:(0,a.jsx)(w.cC,{id:"search.header.searchAgain"})})})]}),i.query&&g&&(0,a.jsxs)("div",{className:D().searchHeader__indexes,children:[(0,a.jsx)($,{indexName:(0,I.tH)(c),indexLabel:"product",activeIndex:e,setActiveIndex:r,label:s.ag._({id:"search.header.indexes.products"})}),(0,a.jsx)($,{indexName:(0,I.Oh)(c),indexLabel:"nailart",activeIndex:e,setActiveIndex:r,label:s.ag._({id:"search.header.indexes.nailArts"})}),(0,a.jsx)($,{indexName:(0,I.Q)(c),activeIndex:e,indexLabel:"articles",setActiveIndex:r,label:s.ag._({id:"search.header.indexes.articles"})})]}),!i.query&&(0,a.jsx)(L,{}),_&&(0,a.jsx)(P,{type:"modal",namespace:"searchMenu",blockClass:"searchMenuOverlay",template:!1,wide:!0,children:x&&(0,a.jsx)(W,{})})]})]})},L=()=>(0,a.jsx)("p",{className:[D().searchHeader__text,M.Z.text.body.s,M.Z.text.body.mDesktop].join(" "),"data-test-id":"searchHeaderEmptySearch",children:(0,a.jsx)(w.cC,{id:"search.header.emptySearch"})}),$=({activeIndex:e,setActiveIndex:r,label:t,indexName:s,indexLabel:i})=>{let{query:l}=(0,d.useRouter)(),{scopedResults:n}=(0,h.b)(),c=n.find(e=>e.indexId===`results_${s}`),o=c?.results;return(0,a.jsx)(k.z,{type:"button",modifiers:"text",className:e===s?D().active:void 0,disabled:!o?.nbHits,onClick:()=>{l.index=i||"",r(s||"")},children:(0,a.jsxs)("span",{children:[t," (",o?.nbHits,")"]})})};var z=t(18009),U=t(96100),G=t.n(U),B=t(11646),X=t(5920),F=t(20708);let K=e=>Array.isArray(e)?e[0]:e;var J=!0,V=()=>{let[e]=(0,o.useState)(()=>l()("0P2OOP9ZOZ","1986f53b4416185d50aee77c7f004dfe")),{locale:r,query:t}=(0,d.useRouter)(),s=(0,C.CS)(r),i=null,n=K(t.view);n&&(i=(0,I.nd)(s,n));let c=(0,I.tH)(s),[u,h]=(0,o.useState)(i??c);(0,o.useEffect)(()=>{i&&i!==u&&h(i)},[i]);let{filterSettings:p}=(0,m.qp)(N.I),x=p?.product,[f,g]=(0,o.useState)((e=>{switch(e){case"nailart":return p?.nailart;case"product":return p?.product}})(n)??x),b=(0,o.useMemo)(()=>(0,B.j)({type:"search",index:u,filterSettings:f},s),[f,s,u]);return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("main",{className:G().main,children:(0,a.jsx)(_.p,{searchClient:e,indexName:(0,I.tH)(s),routing:b,children:(0,a.jsx)(Y,{locale:s,activeIndex:u,setActiveIndex:e=>{h(e),e===(0,I.Oh)(s)&&g(p?.nailart)},urlQuery:t})})})})};let Y=({locale:e,activeIndex:r,setActiveIndex:t,urlQuery:i})=>{let l=(0,C.CS)(e),_=(0,d.useRouter)(),{featureFlags:f}=(0,j.gV)(),{isProProductFilteringEnabled:g}=f[l],{proCustomer:b}=(0,m.qp)(v.Am),y=[(0,z.e)(g,b,"")].join(" AND "),{query:N}=(0,u.l)(),{scopedResults:H,setIndexUiState:S}=(0,h.b)();(0,o.useEffect)(()=>{let e=H.find(e=>e.indexId===r)?.results;e&&"en-US"===l&&(0,F.mo)(e,_)},[H,_,r]);let w=K(i?.query);w&&N!==w&&S(e=>({...e,query:w}));let k=H.some(e=>!!e?.results?.nbHits),q=[{index:(0,I.tH)(l),filters:y,filterBarType:"product"},{index:(0,I.Oh)(l),label:s.ag._({id:"search.header.indexes.nailArts",message:"Nail Arts"}),filters:`${(0,X.UM)(l)} AND ${(0,X.tu)(!1)}

1`,filterBarType:"nailart"},{index:(0,I.Q)(l),label:s.ag._({id:"search.header.indexes.articles",message:"Articles"}),filters:(0,X.UM)(l)}],Z=s.ag._({id:"search.seo.title",message:"Site Search | OPI"});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c.PB,{title:Z,description:w}),(0,a.jsx)(T,{activeIndex:r,setActiveIndex:t}),q.map(e=>{let{index:t,filters:s,filterBarType:i,label:d}=e;return(0,a.jsx)("div",{className:(0,n.Z)(G().resultsContainer,{[G().isActive]:N&&k&&r===t}),children:(0,a.jsxs)(p.g,{indexName:t,indexId:`results_${t}`,children:[s&&(0,a.jsx)(x.T,{hitsPerPage:12,filters:s,ruleContexts:["search-page"],distinct:!0,clickAnalytics:!0}),!s&&(0,a.jsx)(x.T,{hitsPerPage:12,ruleContexts:["search-page"],distinct:!0,clickAnalytics:!0}),i&&r===t&&(0,a.jsx)(A.z,{filtersType:i,indexType:i,showSorting:t.includes("product"),isSearchPage:!0}),(0,a.jsx)("div",{className:(0,n.Z)({container:!r.includes("product")}),children:(0,a.jsx)(O.X,{hitComponent:({hit:e})=>(0,a.jsx)(ee,{hit:e,index:t,locale:l}),itemClassName:"col xs2 m3 l3",gridClassName:(0,n.Z)(t!==(0,I.tH)(l)&&G().searchGrid__standard),itemName:d})})]})},t)})]})},ee=({hit:e,index:r,locale:t})=>{switch(r){case(0,I.tH)(t):return(0,a.jsx)(S.u,{hit:e});case(0,I.Oh)(t):return(0,a.jsx)(H._,{hit:e});case(0,I.Q)(t):return(0,a.jsx)(y,{hit:e});default:return null}}},20708:function(e,r,t){"use strict";let a;t.d(r,{Qs:function(){return d},Xc:function(){return s},mo:function(){return i}});let s=(e,r)=>{a&&clearTimeout(a),a=setTimeout(()=>r(e),500)},i=(e,r,t)=>{if(e.renderingContent?.redirect)return n(e.renderingContent.redirect,r,t);if(e.userData&&Array.isArray(e.userData)&&e.userData.length>0){let a=e.userData[0];if(a.renderingContent?.redirect?.url)return n(a.renderingContent.redirect,r,t)}return!1},l=(e,r,t)=>{t&&t(),e.startsWith("http")?window.location.href=e:r.push(e)},n=(e,r,t)=>!!e&&!!e.url&&(l(e.url,r,t),!0),d=e=>e&&e.userData&&Array.isArray(e.userData)&&e.userData.length>0&&e.userData[0].renderingContent?.widgets?.banners||[]},65520:function(e,r,t){"use strict";t.d(r,{e:function(){return h}});var a=t(52322),s=t(6277),i=t(96577),l=t.n(i),n=t(39097),d=t.n(n),c=t(5632),o=t.n(c),_=t(62473),u=t.n(_);let h=({image:e,title:r,url:t,excerpt:i,isLoading:n=!1,wishlistComponent:c})=>{let _=t?.split("/").pop()??"";return(0,a.jsxs)("div",{className:(0,s.Z)(u().articleCard,u()["articleCard--search"],{"is-loading":n}),children:[(0,a.jsxs)("div",{className:(0,s.Z)(u().articleCard__imageContainer),children:[!n&&e&&(0,a.jsx)(l(),{className:u().articleCard__image,...e,onClick:e=>{e.preventDefault(),o().push(t)}}),!n&&c&&(0,a.jsx)("div",{className:u().articleCard__wishlistWrapper,children:(0,a.jsx)(c,{handle:_,itemType:"articles"})})]}),(0,a.jsxs)(d(),{href:t,className:(0,s.Z)(u().articleCard__content),children:[(0,a.jsx)("p",{className:(0,s.Z)(u().articleCard__title,"text-body-1-desktop","text-body-1-mobile"),children:r}),(0,a.jsx)("p",{className:(0,s.Z)(u().articleCard__excerpt,"text-body-small-desktop","text-body-caption"),children:i})]})]})}},74460:function(e,r,t){"use strict";t.d(r,{q:function(){return x}});var a=t(52322),s=t(6277),i=t(96577),l=t.n(i),n=t(39097),d=t.n(n),c=t(5632),o=t.n(c),_=t(38984),u=t(87847),h=t(22021),p=t.n(h);let x=e=>{let{isLoading:r,url:t="/",title:i,newTab:n=!1,image:c,imageTitle:_,proOnly:h,author:x,description:C,wishlistComponent:f}=e,g=t?.split("/").pop()??"",b=!t.includes("/professionals/");return r?(0,a.jsx)(m,{...e}):(0,a.jsx)("div",{className:p().nailArtCard,children:(0,a.jsxs)("div",{className:p().nailArtCard__cardWrapper,children:[(0,a.jsxs)("div",{className:p().nailArtCard__imageWrapper,children:[c&&(0,a.jsx)(l(),{className:p().nailArtCard__image,src:c,title:_,alt:_,fill:!0,onClick:e=>{if(n){window.open(t,"_blank");return}e.preventDefault(),o().push(t)},sizes:"(min-width: 1024px) 300px, 50vw",blurDataURL:`data:image/svg+xml;base64,${(0,u.s)((0,u.q)(100,130))}`}),h&&(0,a.jsx)("div",{className:p().nailArtCard__proOnlyContainer,children:(0,a.jsx)("div",{className:(0,s.Z)(p().nailArtCard__proOnlyStyles,"text-utility-utility-small"),children:"PRO ONLY"})}),b&&f&&(0,a.jsx)("div",{className:p().nailArtCard__wishlistWrapper,children:(0,a.jsx)(f,{handle:g,itemType:"nailArt"})})]}),(0,a.jsxs)(d(),{href:t,className:p().nailArtCard__footerContainer,target:n?"_blank":void 0,children:[(0,a.jsx)("h3",{className:(0,s.Z)(p().nailArtCard__title,"text-body-1-desktop","text-body-1-mobile"),children:i}),x&&(0,a.jsx)("p",{className:(0,s.Z)(p().nailArtCard__author,"text-utility-utility-small-desktop","text-utility-utility-small-mobile"),children:x}),(0,a.jsx)("p",{className:(0,s.Z)(p().nailArtCard__description,"text-body-small-desktop","text-body-caption"),children:C})]})]})})}

1,m=({title:e,author:r,description:t})=>(0,a.jsx)("div",{className:(0,s.Z)(p().nailArtCard,"is-loading"),children:(0,a.jsxs)("div",{className:p().nailArtCard__cardWrapper,children:[(0,a.jsx)("div",{className:p().nailArtCard__imageWrapper,children:(0,a.jsx)("div",{className:p().nailArtCard__image})}),(0,a.jsxs)("div",{className:p().nailArtCard__footerContainer,children:[(0,a.jsx)("h3",{className:(0,s.Z)(p().nailArtCard__title,"text-body-1-desktop","text-body-1-mobile"),children:e??(0,a.jsx)(_.g,{})}),(0,a.jsx)("p",{className:(0,s.Z)(p().nailArtCard__author,"text-utility-utility-small-desktop","text-utility-utility-small-mobile"),children:r??(0,a.jsx)(_.g,{})}),(0,a.jsx)("p",{className:(0,s.Z)(p().nailArtCard__description,"text-body-small-desktop","text-body-caption"),children:t??(0,a.jsx)(_.g,{})})]})]})})},86216:function(e){e.exports={searchHeader:"SearchHeader_searchHeader__xil_P",hidden:"SearchHeader_hidden__ywzj8",searchHeader__head:"SearchHeader_searchHeader__head__yr3H8",searchHeader__indexes:"SearchHeader_searchHeader__indexes__SdCL8",active:"SearchHeader_active__R_ReJ",searchHeader__text:"SearchHeader_searchHeader__text__IzLag"}},96100:function(e){e.exports={main:"Search_main__W2FIz",resultsContainer:"Search_resultsContainer__nWkVH",isActive:"Search_isActive__ToSi_",searchGrid__standard:"Search_searchGrid__standard__DtHNg"}},62473:function(e){e.exports={articleCard__content:"ArticleCard_articleCard__content__R5Ls1",articleCard__imageContainer:"ArticleCard_articleCard__imageContainer__CKms0",articleCard__image:"ArticleCard_articleCard__image__QMtBz",articleCard__wishlistWrapper:"ArticleCard_articleCard__wishlistWrapper__gUGXN",articleCard__category:"ArticleCard_articleCard__category__zf_KM",articleCard:"ArticleCard_articleCard__ADQtz","articleCard--search":"ArticleCard_articleCard--search__GUeZw","articleCard--featured":"ArticleCard_articleCard--featured__CJu7m",articleCard__title:"ArticleCard_articleCard__title__NKFXo",articleCard__excerpt:"ArticleCard_articleCard__excerpt__oQuUi",pulse:"ArticleCard_pulse__qbqJG"}},22021:function(e){e.exports={nailArtCard__imageWrapper:"NailArtCard_nailArtCard__imageWrapper__tXANq",nailArtCard__wishlistWrapper:"NailArtCard_nailArtCard__wishlistWrapper__cZK9m",nailArtCard__cardWrapper:"NailArtCard_nailArtCard__cardWrapper__EKEjE",nailArtCard__image:"NailArtCard_nailArtCard__image__oYI7g",nailArtCard__proOnlyContainer:"NailArtCard_nailArtCard__proOnlyContainer__7vpga",nailArtCard__footerContainer:"NailArtCard_nailArtCard__footerContainer__blU6s",nailArtCard__title:"NailArtCard_nailArtCard__title__hlur_",nailArtCard__author:"NailArtCard_nailArtCard__author__0zS_Z",nailArtCard__description:"NailArtCard_nailArtCard__description__UdLx4",nailArtCard__proOnlyStyles:"NailArtCard_nailArtCard__proOnlyStyles__fiN4S",nailArtCard:"NailArtCard_nailArtCard__kiSEC",pulse:"NailArtCard_pulse__GNT7X"}},52308:function(e,r,t){"use strict";t.d(r,{h:function(){return x}});var a=t(2784),s=t(29930),i=t(36370),l=t(3709),n=t(91578),d=t(22436);class c extends d.l{constructor(e,r){super(),this.client=e,this.queries=[],this.result=[],this.observers=[],this.observersMap={},r&&this.setQueries(r)}onSubscribe(){1===this.listeners.length&&this.observers.forEach(e=>{e.subscribe(r=>{this.onUpdate(e,r)})})}onUnsubscribe(){this.listeners.length||this.destroy()}destroy(){this.listeners=[],this.observers.forEach(e=>{e.destroy()})}setQueries(e,r){this.queries=e,l.V.batch(()=>{let e=this.observers,t=this.findMatchingObservers(this.queries);t.forEach(e=>e.observer.setOptions(e.defaultedQueryOptions,r));let a=t.map(e=>e.observer),s=Object.fromEntries(a.map(e=>[e.options.queryHash,e])),l=a.map(e=>e.getCurrentResult()),n=a.some((r,t)=>r!==e[t]);(e.length!==a.length||n)&&(this.observers=a,this.observersMap=s,this.result=l,this.hasListeners()&&((0,i.e5)(e,a).forEac

1h(e=>{e.destroy()}),(0,i.e5)(a,e).forEach(e=>{e.subscribe(r=>{this.onUpdate(e,r)})}),this.notify()))})}getCurrentResult(){return this.result}getQueries(){return this.observers.map(e=>e.getCurrentQuery())}getObservers(){return this.observers}getOptimisticResult(e){return this.findMatchingObservers(e).map(e=>e.observer.getOptimisticResult(e.defaultedQueryOptions))}findMatchingObservers(e){let r=this.observers,t=e.map(e=>this.client.defaultQueryOptions(e)),a=t.flatMap(e=>{let t=r.find(r=>r.options.queryHash===e.queryHash);return null!=t?[{defaultedQueryOptions:e,observer:t}]:[]}),s=a.map(e=>e.defaultedQueryOptions.queryHash),i=t.filter(e=>!s.includes(e.queryHash)),l=r.filter(e=>!a.some(r=>r.observer===e)),d=e=>{let r=this.client.defaultQueryOptions(e),t=this.observersMap[r.queryHash];return null!=t?t:new n.z(this.client,r)},c=i.map((e,r)=>{if(e.keepPreviousData){let t=l[r];if(void 0!==t)return{defaultedQueryOptions:e,observer:t}}return{defaultedQueryOptions:e,observer:d(e)}});return a.concat(c).sort((e,r)=>t.indexOf(e.defaultedQueryOptions)-t.indexOf(r.defaultedQueryOptions))}onUpdate(e,r){let t=this.observers.indexOf(e);-1!==t&&(this.result=(0,i.Rc)(this.result,t,r),this.notify())}notify(){l.V.batch(()=>{this.listeners.forEach(e=>{e(this.result)})})}}var o=t(55830),_=t(62257),u=t(92985),h=t(8879),p=t(87167);function x({queries:e,context:r}){let t=(0,o.NL)({context:r}),i=(0,_.S)(),n=a.useMemo(()=>e.map(e=>{let r=t.defaultQueryOptions(e);return r._optimisticResults=i?"isRestoring":"optimistic",r}),[e,t,i]),[d]=a.useState(()=>new c(t,n)),x=d.getOptimisticResult(n);(0,s.$)(a.useCallback(e=>i?()=>void 0:d.subscribe(l.V.batchCalls(e)),[d,i]),()=>d.getCurrentResult(),()=>d.getCurrentResult()),a.useEffect(()=>{d.setQueries(n,{listeners:!1})},[n,d]);let m=(0,u._)();n.forEach(e=>{(0,h.pf)(e,m),(0,p.Fb)(e)}),(0,h.JN)(m);let C=x.some((e,r)=>(0,p.SB)(n[r],e,i))?x.flatMap((e,r)=>{let t=n[r],a=d.getObservers()[r];if(t&&a){if((0,p.SB)(t,e,i))return(0,p.j8)(t,a,m);(0,p.Z$)(e,i)&&(0,p.j8)(t,a,m)}return[]}):[];if(C.length>0)throw Promise.all(C);let f=x.find((e,r)=>{var t,a;return(0,h.KJ)({result:e,errorResetBoundary:m,useErrorBoundary:null!=(t=null==(a=n[r])?void 0:a.useErrorBoundary)&&t,query:d.getQueries()[r]})});if(null!=f&&f.error)throw f.error;return x}}},function(e){e.O(0,[8767,5683,8477,1630,7238,2223,4751,3614,8009,9610,8220,3961,7284,2888,9774,179],function(){return e(e.s=40457)}),_N_E=e.O()}]);
2//# sourceMappingURL=search-12b717bd92f02b65.js.map