https://static-oaos.rtbf.be/16654677931/_next/static/chunks/2822.1d248f2b04278465.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2822],{40624:(e,t,r)=>{r.d(t,{Y:()=>l});let l=(e,t="-")=>{for(let t of(e=e.toString().toLowerCase().trim(),[{to:"a",from:"[\xc0\xc1\xc2\xc3\xc4\xc5\xc6ĀĂĄẠẢẤẦẨẪẬẮẰẲẴẶ]"},{to:"c",from:"[\xc7ĆĈČ]"},{to:"d",from:"[\xd0ĎĐ\xde]"},{to:"e",from:"[\xc8\xc9\xca\xcbĒĔĖĘĚẸẺẼẾỀỂỄỆ]"},{to:"g",from:"[ĜĞĢǴ]"},{to:"h",from:"[ĤḦ]"},{to:"i",from:"[\xcc\xcd\xce\xcfĨĪĮİỈỊ]"},{to:"j",from:"[Ĵ]"},{to:"ij",from:"[IJ]"},{to:"k",from:"[Ķ]"},{to:"l",from:"[ĹĻĽŁ]"},{to:"m",from:"[Ḿ]"},{to:"n",from:"[\xd1ŃŅŇ]"},{to:"o",from:"[\xd2\xd3\xd4\xd5\xd6\xd8ŌŎŐỌỎỐỒỔỖỘỚỜỞỠỢǪǬƠ]"},{to:"oe",from:"[Œ]"},{to:"p",from:"[ṕ]"},{to:"r",from:"[ŔŖŘ]"},{to:"s",from:"[\xdfŚŜŞŠ]"},{to:"t",from:"[ŢŤ]"},{to:"u",from:"[\xd9\xda\xdb\xdcŨŪŬŮŰŲỤỦỨỪỬỮỰƯ]"},{to:"w",from:"[ẂŴẀẄ]"},{to:"x",from:"[ẍ]"},{to:"y",from:"[\xddŶŸỲỴỶỸ]"},{to:"z",from:"[ŹŻŽ]"},{to:"-",from:"[\xb7/_,:;']"}]))e=e.replace(RegExp(t.from,"gi"),t.to);return e=e.toString().toLowerCase().replace(/\s+/g,"-").replace(/&/g,"-and-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),void 0!==t&&"-"!==t&&(e=e.replace(/-/g,t)),e}},54131:(e,t,r)=>{r.d(t,{MunicipalitySearchWeatherBlock:()=>b});var l=r(54568),a=r(17448),n=r(43202),o=r(40624),s=r(20139),c=r(87054),i=r(18328),d=r.n(i),m=r(92100),u=r(60327),h=r(93142),x=r(98042),f=r(7620),p=r(3959);let b=({labelId:e,className:t})=>{let r=(0,f.useRef)(null),[i,b]=(0,f.useState)([]),[v,N]=(0,f.useState)(""),[j,w]=(0,f.useState)(!1),[y,k]=(0,f.useState)(new Map),[I,E]=(0,f.useState)(null),[$,S]=(0,f.useState)([]),T=(0,f.useCallback)(e=>{let t=y.get(e);t&&(E(e),t.focus())},[y]),U=(0,f.useCallback)(e=>{null!==I&&("ArrowDown"===e.key||"ArrowUp"===e.key)&&(e.preventDefault(),"ArrowDown"===e.key&&T(g(y,I,"down")),"ArrowUp"===e.key&&T(g(y,I,"up")))},[y,I,T]);(0,f.useEffect)(()=>{S(JSON.parse(localStorage.getItem(p.Me))||[])},[]),(0,f.useEffect)(()=>(document.addEventListener("keydown",U,!0),()=>{document.removeEventListener("keydown",U,!0)}),[y,I,U]);let M=(0,f.useCallback)((0,n.s)(async e=>{try{if(w(!0),b([]),k(new Map),e.length<2)return void w(!1);let t=await (0,a.cpi)("commune",{query:e,platform:"WEB"}),r=t?.data?.data?.map(e=>e.postcode?e:null).filter(Boolean);b(r)}catch(e){console.error(e),b([])}finally{w(!1)}},500),[]),R="block h-full w-full px-8 py-4 hover:bg-navy-blue-100";return(0,l.jsx)("div",{className:`flex w-full flex-col lg:flex-row lg:items-center lg:gap-4 ${t}`,children:(0,l.jsxs)("form",{ref:r,onSubmit:e=>{e.preventDefault(),M(e.currentTarget.elements.namedItem("q").value).catch(console.error)},className:"relative mb-10 text-heading-700 md:mb-0 lg:grow",onBlur:e=>{r.current&&!r.current.contains(e.relatedTarget)&&E(null)},children:[(0,l.jsx)(m.Q,{ref:e=>k(t=>t.set("input",e)),className:`${null!==I&&"border-b-v2-blue-100"}`,ariaLabelledby:e,icon:v?"XIcon":"SearchIcon",iconLabel:"Recherche",iconPlacement:m.W.RIGHT,name:"q",defaultValue:v,placeholder:"Rechercher une commune",onChange:e=>{N(e.target.value),M(e.target.value).catch(console.error)},onIconClick:v?()=>{let e;(e=y.get("input")).value="",N(""),M("").catch(console.error),e.focus()}:void 0,onFocus:()=>T("input")}),(0,l.jsxs)("div",{className:d()(`
2            absolute z-100 max-h-[50vh] w-full overflow-auto rounded-md
3            rounded-t-none border border-t-0 border-black bg-sand-100
4            transition-all duration-500 ease-in-out
5            ${null===I&&"hidden"}
6          `),children:[(0,l.jsx)("div",{className:"ml-8 py-4 text-12 font-semibold text-v2-blue-600",children:"R\xe9sultats de recherche"}),(0,l.jsxs)("ul",{className:"text-heading-900",children:[i?.map((e,t)=>{let r=`${e.postcode} - ${e.commune}`;return(0,l.jsx)("li",{...(0,c.xU)().clickRecord({area:"link",labelArea:`${e.postcode}-${e.commune}`,eventEntity:s.bO.WIDGET}),children:(0,l.jsx)("a",{href:e?.path,ref:e=>k(r=>r.set(t,e)),className:`${R} py-0 ${(0,x.h)({})}`,tabIndex:-1,onClick:()=>{var t,r,l;return t=e.commune,r=(0,o.Y)(`${e.commune}`),l=e.postcode,void(0,p.zf)(t,r,parseInt(l))},children:(0,l.jsxs)("div",{className:d()(`
7                      flex items-center gap-8 py-8
8                      ${t&&"border-t border-v2-blue-100"}
9                    `),children:[(0,l.jsx)(u.I,{iconName:"MapMarkerIcon",className:"size-16 filter-(--filter-v2-blue-500)"}),(0,l.jsx)(h.q,{text:r,boldPart:v})]})})},t)}),j&&(0,l.jsx)("li",{className:R,children:"Chargement..."}),!j&&0===i.length&&(0,l.jsx)("li",{className:R,children:"Aucun r\xe9sultat pour cette recherche"})]}),$.length>0&&0===i.length&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"ml-8 py-4 text-12 font-semibold text-v2-blue-600",children:"Anciennes recherches"}),(0,l.jsx)("ul",{className:"text-heading-900",children:$.map((e,t)=>(0,l.jsx)("li",{...(0,c.xU)().clickRecord({area:"link",labelArea:`${e.name}-${e.zip}`,eventEntity:s.bO.WIDGET}),children:(0,l.jsx)("a",{href:`/communes/${e.slug}-${e.zip}`,ref:e=>k(r=>r.set(t+i.length,e)),className:`${R} py-0 ${(0,x.h)({})}

9`,tabIndex:-1,children:(0,l.jsxs)("div",{className:d()(`
10                          flex items-center gap-8 py-8 text-14
11                          ${t&&"border-t border-v2-blue-100"}
12                        `),children:[(0,l.jsx)(u.I,{iconName:"MapMarkerIcon",className:"size-16 filter-(--filter-v2-blue-500)"}),e.name," - ",e.zip]})})},t))})]})]})]})})},g=(e,t,r)=>"down"===r?"input"===t?0:Number.isInteger(t)&&e.get(t+1)?t+1:t:0===t?"input":Number.isInteger(t)&&e.get(t-1)?t-1:t},82822:(e,t,r)=>{r.r(t),r.d(t,{WidgetMunicipalitySearch:()=>b});var l=r(54568),a=r(75479),n=r(93402),o=r(20139),s=r(87054),c=r(18328),i=r.n(c),d=r(96342),m=r(28005),u=r(51035),h=r(95253),x=r(98042);function f({temperatureMin:e,temperatureMax:t,meteoLinkLabel:r,meteoLinkUrl:n,svgIcon:c}){return e&&t?(0,l.jsxs)(a.N,{href:n,className:`mx-40 flex items-center rounded-full border-2 border-solid border-navy-blue-500 px-52 py-5 md:mx-0 ${(0,x.h)({variant:x.i.THEMED})}`,...(0,s.xU)().clickRecord({area:"link",labelArea:r,eventEntity:o.bO.WIDGET}),children:[(0,l.jsx)("span",{className:"text-14 font-semibold text-navy-blue-500 dark:text-white",children:r}),(0,l.jsxs)("div",{className:"ml-20 flex items-center gap-x-4 text-16 font-semibold",children:[(0,l.jsxs)("span",{"aria-hidden":!0,className:"text-blue-300",children:[e,"\xb0"]}),(0,l.jsx)("span",{"aria-hidden":!0,className:"text-navy-blue-200",children:"•"}),(0,l.jsxs)("span",{"aria-hidden":!0,className:"text-[#DB1F48]",children:[t,"\xb0"]}),(0,l.jsxs)("span",{className:"sr-only",children:["de ",e,"\xb0 \xe0 ",t,"\xb0"]})]}),(0,l.jsx)(h._,{src:c,alt:"",width:30,height:30,className:"ml-20 size-[30px]"})]}):null}var p=r(54131);let b=({id:e,index:t,showWeather:r=!1,showCta:c=!1,ctaLabel:h,ctaUrl:b,temperatureMin:g,temperatureMax:v,meteoLinkLabel:N,meteoLinkUrl:j,svgIcon:w})=>{let y=o.bO.WIDGET,k=(0,s._S)(y),I={...(0,s.xU)().entity(y),...(0,s.xU)().contextRecord({widget_id:e,widget_order:t?.toString(),widget_title:"Recherche de communes",widget_source:o.Wz.EDITORIAL,widget_type:m.a.MUNICIPALITY_SEARCH,widget_layout:n.f6}),...k};return(0,l.jsx)(u.f,{padding:!0,...I,children:(0,l.jsx)(u.m,{padding:!0,spacing:!0,children:(0,l.jsxs)("section",{className:i()(`
13            flex flex-col
14            items-center
15            md:flex-row
16            md:items-stretch
17            md:justify-between
18            md:gap-10`),children:[(0,l.jsx)(p.MunicipalitySearchWeatherBlock,{className:`${r?"w-[45%]":"md:flex-1"}`}),c&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.$n,{type:d.VQ.BUTTON,variant:d.YU.OUTLINE,className:"ml-10 hidden items-center self-stretch text-14 whitespace-nowrap md:flex",href:b,...(0,s.xU)().clickRecord({area:"button",labelArea:h,eventEntity:o.bO.WIDGET}),children:h}),(0,l.jsx)(a.N,{href:b,className:`mb-20 text-14 text-content-900 underline md:hidden dark:text-white ${(0,x.h)({variant:x.i.THEMED})}`,...(0,s.xU)().clickRecord({area:"link",labelArea:h,eventEntity:o.bO.WIDGET}),children:h})]}),r&&(0,l.jsx)(f,{temperatureMin:g,temperatureMax:v,meteoLinkLabel:N,meteoLinkUrl:j,svgIcon:w})]})})})}},96342:(e,t,r)=>{r.d(t,{$n:()=>l.$n,VQ:()=>l.VQ,YU:()=>l.YU});var l=r(15995)}}]);