https://www.nikon.fr/dist-client/SearchResults-Chunk-9b9471aba490683e098a.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[8827],{59778(e,a,t){t.d(a,{A:()=>l});const l=({didYouMeanLabel:e,suggestions:a=[],searchCallback:t})=>React.createElement("div",{className:"flex flex-col gap-5 md:flex-row md:items-center"},React.createElement("p",{className:"body-one text-black-100"},e),a.length>0&&React.createElement("div",{className:"flex flex-col items-start gap-5 md:flex-row md:items-center"},a.map(e=>React.createElement("button",{key:e,className:"body-one body-one--bold text-grey-600 underline hover:text-grey-450",onClick:()=>t(e),onKeyDown:a=>{"Enter"!==a.key&&" "!==a.key||t(e)}},e))))},24298(e,a,t){t.d(a,{A:()=>m});var l=t(13889),c=t(24999),n=t(55169),r=t(43143),s=t(8383),o=t(59471);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var l in t)({}).hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},i.apply(null,arguments)}const m=({listingPage:e,overlaySearchIcon:a,searchPlaceholder:t,searchSubTitle:m,setValue:d,value:u,onTypingDone:h})=>{const[p,{width:g}]=(0,s.A)(),[b,{width:y}]=(0,s.A)(),{searchAriaLabel:f}=(0,r.A)();let v;const E=(0,o.useCallback)(e=>{e?.focus()},[]),R=()=>{clearTimeout(v),v=setTimeout(()=>{h?.()},500)};return React.createElement("div",{className:"grid grid-cols-12"},React.createElement("div",{className:"col-span-full md:col-span-10 lg:col-span-8"},React.createElement("p",{className:"body-one bold mb-0.5 md:mb-7.5","data-testid":"CT-48-SearchBar-Subtitle"},m),React.createElement("form",{onSubmit:async a=>{a.preventDefault(),(0,n.A)({event:"searchBar",search_term:u});const t=u.replace(/\+/g,"%2B").replace(/%(?![0-9A-Fa-f]{2})/g,"%25");window.location.href=u?`${e}?query=${t}`:`${e}`},className:"relative"},React.createElement("div",{className:"flex items-center gap-x-4","data-testid":"CT-48-SearchBar-Input-Container"},React.createElement("input",i({ref:E,type:"text",className:"h2 flex h-full w-full appearance-none overflow-auto bg-transparent placeholder-grey-500 outline-none outline-0",placeholder:t,"aria-label":f,value:u,onChange:e=>d(e.target.value)},h?{onKeyUp:R,onKeyDown:()=>clearTimeout(v),onFocus:R}:{},{"data-testid":"CT-48-SearchBar-Input"})),React.createElement("button",{type:"submit",className:"z-80 h-11 w-11 shrink-0 rounded-full bg-yellow md:h-13 md:w-13","aria-label":f,"data-testid":"CT-48-SearchBar-Submit-Button"},React.createElement(l.A,{name:a,size:c.A.xl}))),React.createElement("div",{ref:p,className:"absolute left-0 z-80 mt-2.5 h-0.5 w-full bg-grey-400 md:mt-7.5"}),React.createElement("div",{style:{width:Math.min(g,y)},className:"absolute left-0 z-80 mt-2.5 h-0.5 bg-black-100 md:mt-7.5"}),React.createElement("span",{ref:b,"aria-hidden":"true",className:"h2 invisible absolute inline-block overflow-hidden whitespace-pre text-transparent",style:{maxWidth:g},"data-testid":"CT-48-SearchBar-Search-Value"},u))))}},84194(e,a,t){t.r(a),t.d(a,{default:()=>y});var l=t(64363),c=t(96578),n=t(14591),r=t(57649),s=t(59778),o=t(26658),i=t(48182),m=t(24298),d=t(7670),u=t(33089),h=t(55169),p=t(78716),g=t(59471);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var l in t)({}).hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},b.apply(null,arguments)}const y=e=>{const{searchSubTitle:a,searchPlaceholder:t,overlaySearchIcon:y,listingPage:f,showExpandedFilters:v,resultsFoundLabel:E}=e,[R,w]=(0,g.useState)(""),{results:A,...N}=(0,p.A)({...e,searchValue:R,persistingParams:{track:["true"]}}),x=N.didYouMean;return(0,g.useEffect)(()=>{const e=new URLSearchParams(window.location.search).get("query");e&&w(decodeURIComponent(e.replace(/%(?![0-9A-Fa-f]{2})/g,"%25")))},[]),React.createElement("section",{className:"component-padding"},React.createElement("div",{className:"bg-grey-200"},React.createElement("div",{className:"container relative z-70 pt-9 pb-10 lg:pt-44 lg:pb-44"},React.createElement(m.A,{searchSubTitle:a,searchPlaceholder:t,overlaySearchIcon:y,listingPage:f,value:R,setValue:w}))),React.createElement(d.A,null,React.createElement("div",{className:"container"},React.createElement("div",{className:"flex items-center py-10"},N.total>0&&React.createElement(l.A,{tag:"p",initial:{opacity:0}

1,animate:{opacity:1},className:"body-three mx-2.5"},E.replace("{0}",`${N.total}`)),React.createElement(r.A,b({classes:"ml-auto"},N,{showFacets:!0,showExpandedFilters:v}))),React.createElement("div",{className:x?.suggestions?.length?"":"space-y-28"},React.createElement(o.A,b({results:A},N,{resultsClassName:"space-y-24 lg:space-y-32",loadingBackgroundClassName:"bg-white/60"}),React.createElement(u.A,b({results:A,layoutType:c.A.THREE,type:n.A.SEARCH},N))),!!x?.suggestions?.length&&React.createElement("div",{className:"pt-2.5"},React.createElement(s.A,b({},x,{searchCallback:async e=>{(0,h.A)({event:"searchBar",search_term:e});const a=e.replace(/\+/g,"%2B").replace(/%(?![0-9A-Fa-f]{2})/g,"%25");window.location.href=e?`${f}?query=${a}`:`${f}`}}))),React.createElement(i.A,b({results:A},N))))))}}}]);
2//# sourceMappingURL=SearchResults-Chunk-9b9471aba490683e098a.js.map