https://www.adeccogroup.com/_next/static/chunks/3445.0d7372bd3b558190.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3445],{63445:function(e,l,o){o.r(l),o.d(l,{default:function(){return k}});var i=o(59499),n=o(46378),t=o(900),s=o(92728),a=o(18661),d=o(67294),r=o(20906),u=o(92702),c=o(77200),v=o(74970),h=o.n(v),b=o(72629),p=o(93967),x=o.n(p);const m=(e,l)=>{const{0:o,1:i}=(0,d.useState)(e);return(0,d.useEffect)((()=>{const o=setTimeout((()=>{i(e)}),l);return()=>{clearTimeout(o)}}),[e,l]),o};var g=o(94283),f=o(85893);function j(e,l){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);l&&(i=i.filter((function(l){return Object.getOwnPropertyDescriptor(e,l).enumerable}))),o.push.apply(o,i)}return o}function y(e){for(var l=1;l<arguments.length;l++){var o=null!=arguments[l]?arguments[l]:{};l%2?j(Object(o),!0).forEach((function(l){(0,i.Z)(e,l,o[l])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):j(Object(o)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(o,l))}))}return e}var k=e=>{var l,o,i,v,p,j,k,C,S,w,L,N,R,T,F,O,_,U,D,E,W,I,P,B,V,J,M,A;const K=(0,b.useSiteStyles)(),{setErrorMessage:G,errorMessage:H,setIsTakenFromSuggestionsList:Z,setYearlySalary:$,setHourlySalary:q,setSalaryType:z,jobTitle:Y,setJobTitle:Q,location:X,setLocation:ee,setSelectedRadius:le,selectedFiltersCount:oe,isCountrySearch:ie,url:ne,setUrl:te,radiusFromUrl:se,data:ae,setTimeScaleId:de,setLat:re,setLng:ue,checkboxFilter:ce,selectedFilters:ve,handleFilterCheckboxChange:he,isRadiusByCountry:be}=e,{0:pe,1:xe}=(0,d.useState)(!1),{0:me,1:ge}=(0,d.useState)(!1),{0:fe,1:je}=(0,d.useState)(-1),{0:ye,1:ke}=(0,d.useState)(-1),{0:Ce,1:Se}=(0,d.useState)(""),{0:we,1:Le}=(0,d.useState)([]),Ne=(0,d.useRef)(),Re=(0,s.x)(),Te=e.fields,Fe=m(Y,400),{jobTitleAutocompleteDetails:Oe}=(0,c.T)({searchInput:Fe.length>2?Fe:"",languageCode:null===e||void 0===e||null===(l=e.contextLanguage)||void 0===l?void 0:l.replace("-","_"),webSiteName:(null===e||void 0===e?void 0:e.webSiteName)??"",brand:(null===e||void 0===e?void 0:e.brandName)??"",countryCode:(null===e||void 0===e||null===(o=e.contextCountry)||void 0===o?void 0:o.toLowerCase())??""}),{isAkkodis:_e}=(0,g.k)(),Ue=(0,d.useRef)(null),De=(0,d.useRef)(null),Ee=m(X,400);(0,d.useEffect)((()=>{(async l=>{var o,i;const n={input:l,countryCode:(null===e||void 0===e||null===(o=e.countryCodeForLocationSearch)||void 0===o?void 0:o.toLowerCase())??(null===e||void 0===e||null===(i=e.contextCountry)||void 0===i?void 0:i.toLowerCase())},t=await(0,u.B)("/api/data/maps/autocomplete",n);Le(t)})(Ee)}),[Ee]);(0,d.useEffect)((()=>{const l=document.querySelector(".job-title-wrapper .button-interactive"),o=()=>{null===e||void 0===e||e.setUrl(y(y({},null===e||void 0===e?void 0:e.url),{},{jobTitle:""})),Q(""),ge(!1)};return null===l||void 0===l||l.addEventListener("click",o),()=>{null===l||void 0===l||l.removeEventListener("click",o)}}),[Y]),(0,d.useEffect)((()=>{const e=e=>{Ne.current&&!Ne.current.contains(e.target)&&ge(!1)};return document.body.addEventListener("click",e),()=>{document.body.removeEventListener("click",e)}}),[]);const We=()=>{ge(!1),xe(!1),null===e||void 0===e||e.SearchClickHandler(),$(ae),q(ae),z(""),de("")},Ie=(null===X||void 0===X?void 0:X.length)>0?{width:Re?"67%":"188px",borderBottomRightRadius:"0px",borderTopRightRadius:"0px",border:"1px solid black",borderRight:"0px"}:{width:Re?"100%":"328px",border:"1px solid black",borderRight:"1px solid black"},Pe={borderBottomLeftRadius:"0px",borderTopLeftRadius:"0px",minWidth:"auto",width:Re?"33%":"140px",appearance:"none",backgroundImage:"url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='2 7 10 15 18 7'%3e%3c/polyline%3e%3c/svg%3e\")",backgroundRepeat:"no-repeat",backgroundPosition:"right 1rem center",backgroundSize:"1em"},{isLoaded:Be}=(0,t.k)(null===e||void 0===e?void 0:e.googleMapsApiKey),Ve=!(null===e||void 0===e||null===(i=e.fields)||void 0===i||null===(v=i.EnableGoogleClient)||void 0===v||!v.value),Je=new URL(null===(p=window)||void 0===p||null===(j=p.location)||void 0===j?void 0:j.href),Me=null===Je||void 0===Je||null===(k=Je.searchParams)||void 0===k?void 0:k.get((null===ce||void 0===ce?void 0:ce.checkboxFilterName)??"");return(0,f.jsx)("section",{children:(0,f.jsxs)("section",{className:"search-container container px4 pb4 pb2_tablet flex flex_col_tablet g2 px2_tablet position_relative "+(_e?"pt4 pt2_tablet mt1_tablet":"pt2"),children:[Ve&&!Be&&(0,f.jsx)("div",{"aria-live":"polite",className:h()["google-maps-loader-overlay"],children:(0,f.jsx)(a.aNw,{spinner:!0})}),(0,f.jsxs)("section",{className:"flex flex_col halfWidth",children:[(0,f.jsx)("label",{className:"caption",children:null===Te||void 0===Te||null===(C=Te.SearchTextBoxLabel)||void 0===C?void 0:C.value}),(0,f.jsxs)("div",{className:x()("input-container job-title-wrapper",h()["job-wrapper"],h()["job-searchjob-wrapper"],_e&&h()["job-wrapper_full"]),children:[(0,f.jsx)("input",{ref:Ue,onKeyDown:e=>{var l;const o=null===Oe||void 0===Oe||null===(l=Oe.jobs)||void 0===l?void 0:l.map((e=>e.jobTitle));38===e.keyCode?je((e=>e-1)):40===e.keyCode?je((e=>e+1)):13===e.keyCode?fe>

1-1?(Q(o[fe]),ge(!1),je(-1)):(e.preventDefault(),We()):27===e.keyCode&&(ge(!1),je(-1))},onChange:l=>{var o,i,n;const t=l.target.value;Q(t),ge(!0),null===e||void 0===e||null===(o=e.radius)||void 0===o||!o.some((e=>(null===e||void 0===e?void 0:e.displayName)!==l))||null!==e&&void 0!==e&&null!==(i=e.fields)&&void 0!==i&&null!==(n=i.DisableRadius)&&void 0!==n&&n.value&&!be||le(null===e||void 0===e?void 0:e.radiusValue)},type:"text",placeholder:null===(S=Te.SearchResultLabel)||void 0===S?void 0:S.value,onBlur:()=>ge(!1),value:Y,className:null===K||void 0===K?void 0:K.jobSearchBoxClass,name:"jobsearch-title",title:"jobsearch-title"}),Y&&me&&(0,f.jsx)("ul",{ref:Ne,className:h().suggestionWrapper,children:(()=>{var e,l;return Oe&&(null===Oe||void 0===Oe||null===(e=Oe.jobs)||void 0===e?void 0:e.length)>0&&(null===Oe||void 0===Oe||null===(l=Oe.jobs)||void 0===l?void 0:l.map(((e,l)=>{const{jobTitle:o}=e;return(0,f.jsx)("li",{id:l,className:fe===l?h()["option-focused"]:"",onMouseDown:()=>{Q(o),ge(!1),setTimeout((()=>{var e;null===(e=Ue.current)||void 0===e||e.focus()}),0)},children:o},o+"-"+l)})))})()})]}),(null===e||void 0===e?void 0:e.EnableJobSearchWithTitleOnly)&&(0,f.jsxs)("div",{className:x()("flex",h()["checkbox-filter"]),children:[(0,f.jsx)("input",{type:"checkbox",id:"JobSearchWithTitleOnly",name:"JobSearchWithTitleOnly",checked:(null===e||void 0===e?void 0:e.isJobTitleOnly)??!1,onChange:l=>{var o;null===e||void 0===e||null===(o=e.setIsJobTitleOnly)||void 0===o||o.call(e,l.target.checked)},className:"p0 mt0"}),(0,f.jsx)("label",{htmlFor:"JobSearchWithTitleOnly",children:null===e||void 0===e?void 0:e.JobSearchWithTitleOnlyLabel})]})]}),null!==e&&void 0!==e&&null!==(w=e.fields)&&void 0!==w&&null!==(L=w.EnableGoogleClient)&&void 0!==L&&L.value?(0,f.jsxs)("section",{className:x()("input-container halfWidth",h()["location-search"]),children:[(0,f.jsx)("div",{className:"flex flex_col",children:(0,f.jsx)(n.Z,{onAddressSelect:e=>{Se(e),(0,r.LM)({address:e}).then((l=>{let o=l[0];if(e.toLowerCase().includes("r\xe9union")||e.toLowerCase().includes("reunion")){const e=l.find((e=>{var l;return null===(l=e.address_components)||void 0===l?void 0:l.some((e=>"RE"===e.short_name||e.long_name.toLowerCase().includes("r\xe9union")))}));e&&(o=e)}const{lat:i,lng:n}=(0,r.WV)(o);re(i),ue(n)}))},inputWidth:Ie,radiusFromUrl:se,placeholder:null===e||void 0===e||null===(N=e.fields)||void 0===N||null===(R=N.LocationPlaceholder)||void 0===R?void 0:R.value,countryCode:ie?null===e||void 0===e?void 0:e.contextCountry:null===e||void 0===e?void 0:e.countryCodeForLocationSearch,setAddress:Se,address:Ce,setErrorMessage:G,setIsTakenFromSuggestionsList:Z,errorMessage:H,selectStyles:Pe,radius:null===e||void 0===e?void 0:e.radius,radiusValue:null===e||void 0===e?void 0:e.radiusValue,setRadiusValue:null===e||void 0===e?void 0:e.setRadiusValue,units:be?null===e||void 0===e||null===(T=e.radiusUnit)||void 0===T?void 0:T.toLowerCase():null===e||void 0===e||null===(F=e.fields)||void 0===F?void 0:F.Units,location:X,setLocation:ee,setSelectedRadius:le,LocationTitle:null===e||void 0===e||null===(O=e.fields)||void 0===O||null===(_=O.LocationLabel)||void 0===_?void 0:_.value,url:ne,setUrl:te,searchLocations:null===e||void 0===e?void 0:e.searchLocations,CityOnlySuggestions:null===e||void 0===e?void 0:e.CityOnlySuggestions,handleSearchClick:We,disableRadius:null===Te||void 0===Te||null===(U=Te.DisableRadius)||void 0===U?void 0:U.value,isRadiusByCountry:be})}),"1"===(null===ce||void 0===ce?void 0:ce.checkboxFilter)&&(0,f.jsxs)("div",{className:x()("flex",h()["checkbox-filter"]),children:[(0,f.jsx)("input",{type:"checkbox",id:null===ce||void 0===ce?void 0:ce.checkboxFilterName,name:null===ce||void 0===ce?void 0:ce.checkboxFilterName,checked:!(null===ve||void 0===ve||!ve[null===ce||void 0===ce?void 0:ce.checkboxFilterName]||!Me),onChange:e=>{const l=e.target.checked;he(null===ce||void 0===ce?void 0:ce.checkboxFilterName,null===ce||void 0===ce?void 0:ce.checkboxFilterValue,l)},className:"p0"}),(0,f.jsx)("label",{htmlFor:null===ce||void 0===ce?void 0:ce.checkboxFilterName,children:null===ce||void 0===ce?void 0:ce.checkboxFilterLabel})]})]}):(0,f.jsxs)("section",{className:"flex flex_col",children:[(0,f.jsx)("label",{className:"caption",children:"Location"}),(0,f.jsxs)("div",{className:x()("input-container",h()["location-search"]),children:[(0,f.jsxs)("div",{className:"flex",children:[(0,f.jsx)("span",{className:"material-icons-outlined search",children:"location_on"}),(0,f.jsx)("input",{ref:De,style:Ie,type:"search",className:"searchbox_small bg01",placeholder:null===(D=Te.locationTextPlaceholder)||void 0===D?void 0:D.value,value:X,onChange:l=>{var o,i;ge(!1),null===e||void 0===e||null===(o=e.fields)||void 0===o||null===(i=o.DisableRadius)||void 0===i||!i.value||be?null===e||void 0===e||e.setUrl(y(y({},null===e||void 0===e?void 0:e.url),{},{jobLocation:l.target.value,radius:"20"})):null===e||void 0===e||e.setUrl(y(y({},null===e||void 0===e?void 0:e.url),{},{jobLocation:l.target.value})),ee(l.target.value),xe(!0)},onKeyDown:e=>{var l;const o=null===we||void 0===we||null===(l=we.predictions)||void 0===l?void 0:l.map((e=>e.description));38===e.keyCode?ke((e=>e-1)):40===e.keyCode?ke((e=>e+1)):13===e.keyCode?ye>-1?(ee(o[ye]),xe(!1),ke(-1)):(e.preventDefault(),We()):27===e.ke

1yCode&&(xe(!1),ke(-1))},name:"jobsearch-location",title:"jobsearch-location"}),(null===X||void 0===X?void 0:X.length)>0&&(0,f.jsx)("div",{className:`${h()["job-search-location"]}`,children:(0,f.jsx)("select",{style:Pe,className:h()["select-focus"],id:"radius",name:"radius",title:"radius",onChange:l=>{var o,i,n,t;const s=l.target.value;(null===e||void 0===e||null===(o=e.fields)||void 0===o||null===(i=o.DisableRadius)||void 0===i||!i.value||be)&&le(s),null===e||void 0===e||null===(n=e.fields)||void 0===n||null===(t=n.DisableRadius)||void 0===t||!t.value||be?null===e||void 0===e||e.setUrl(y(y({},null===e||void 0===e?void 0:e.url),{},{radius:s})):null===e||void 0===e||e.setUrl(y({},null===e||void 0===e?void 0:e.url))},children:null===e||void 0===e||null===(E=e.radius)||void 0===E?void 0:E.map((l=>{var o,i,n,t,s,a,d;return(0,f.jsx)("option",{value:null===l||void 0===l||null===(o=l.fields)||void 0===o||null===(i=o.Value)||void 0===i?void 0:i.value,children:(null===l||void 0===l||null===(n=l.fields)||void 0===n||null===(t=n.Value)||void 0===t?void 0:t.value)+" "+(null===e||void 0===e||null===(s=e.fields.Units)||void 0===s||null===(a=s.fields.Units)||void 0===a||null===(d=a.value)||void 0===d?void 0:d.toLowerCase())},null===l||void 0===l?void 0:l.id)}))})})]}),pe&&X&&(null===we||void 0===we||null===(W=we.predictions)||void 0===W?void 0:W.length)>0&&(0,f.jsx)("ul",{className:h().suggestionWrapper,children:we&&(null===we||void 0===we?void 0:we.predictions.map(((l,o)=>{const{place_id:i,structured_formatting:{main_text:n,secondary_text:t},description:s}=l;return(0,f.jsx)("li",{tabIndex:0,className:ye===o?h()["option-focused"]:"",onClick:()=>{ee(s),null===e||void 0===e||e.setUrl(y(y({},null===e||void 0===e?void 0:e.url),{},{jobLocation:s})),xe(!1),setTimeout((()=>{var e;null===(e=De.current)||void 0===e||e.focus()}),0)},children:(()=>{if(n.toLowerCase().startsWith(X.toLowerCase())){let e=X;e=e.toLowerCase();const l=e.charAt(0).toUpperCase()+e.slice(1),o=String(n.slice(X.length)+" "+t).split(",");let i;if(o.length>1)i=o.slice(0,o.length-1);else{const e=o.join(" ").split(" ");i=" "+e.slice(0,e.length-1).join("")}return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("strong",{children:l}),(0,f.jsx)("small",{children:i})]})}{const e=String(n.slice(X.length)+" "+t).split(",");let l;if(e.length>1)l=e.slice(0,e.length-1);else{const o=e.join(" ").split(" ");l=" "+o.slice(0,o.length-1).join("")}return(0,f.jsx)("small",{children:l})}})()},i)})))})]})]}),(0,f.jsxs)("section",{className:h()["button-filter"],children:[(0,f.jsx)("button",{className:x()(h()["search-button"],h()["search-button-style"],null===K||void 0===K?void 0:K.jobSearchSecBtnWidthClass,null===K||void 0===K?void 0:K.jobSearchSecBtnClass),onClick:We,onKeyPress:We,children:null===Te||void 0===Te||null===(I=Te.SearchButton)||void 0===I||null===(P=I.value)||void 0===P?void 0:P.text}),(0,f.jsxs)("div",{className:x()("flex link bgNone px0 text-01",0!=(null===e||void 0===e||null===(B=e.jobSearchResults)||void 0===B||null===(V=B.jobs)||void 0===V?void 0:V.length)||null!==e&&void 0!==e&&e.filterInUse?h().filterIcon:h().filterIcondisable,_e&&h().minWidths),onClick:l=>{var o,i;0!=(null===e||void 0===e||null===(o=e.jobSearchResults)||void 0===o||null===(i=o.jobs)||void 0===i?void 0:i.length)||null!==e&&void 0!==e&&e.filterInUse?null===e||void 0===e||e.handleFilterClick():l.preventDefault()},onKeyPress:l=>{var o,i;0!=(null===e||void 0===e||null===(o=e.jobSearchResults)||void 0===o||null===(i=o.jobs)||void 0===i?void 0:i.length)||null!==e&&void 0!==e&&e.filterInUse?null===e||void 0===e||e.handleFilterClick():l.preventDefault()},tabIndex:0,role:"button",children:[(0,f.jsx)("span",{className:x()("material-icons-outlined remove-underline text-01",h()["filter-icon-margin"]),children:"filter_alt"}),(0,f.jsxs)("span",{className:x()("link text-01",h()["fliter-button-text"],null===K||void 0===K?void 0:K.jobSearchSecBtnClass),style:0!=(null===e||void 0===e||null===(J=e.jobSearchResults)||void 0===J||null===(M=J.jobs)||void 0===M?void 0:M.length)||null!==e&&void 0!==e&&e.filterInUse?{}:{textDecoration:"none",cursor:"default"},children:[null===Te||void 0===Te||null===(A=Te.FilterText)||void 0===A?void 0:A.value," ",oe>0&&`(${oe})`]})]})]})]})})}}}]);