https://www.nationalevacaturebank.nl/cdn/job-board/7607/_next/static/chunks/2083-6791504e2d03e79b.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="356e9b7e-8995-45f8-bef6-e21e3dc8886a",e._sentryDebugIdIdentifier="sentry-dbid-356e9b7e-8995-45f8-bef6-e21e3dc8886a")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2083],{2869:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});let a=e=>1===e.workingHoursMin&&40===e.workingHoursMax?["Parttime","Fulltime"]:1===e.workingHoursMin&&32===e.workingHoursMax?["Parttime"]:33===e.workingHoursMin&&40===e.workingHoursMax?["Fulltime"]:[]},4603:(e,t,n)=>{"use strict";n.d(t,{A:()=>c});var a=n(37876),l=n(15039),r=n.n(l);n(14232);var i=n(36733),o=n(65308),s=n.n(o);let c=({children:e,className:t,isInSearchBox:n,...l})=>(0,a.jsx)(i.A,{...l,className:r()(s().primaryOutline,t,{[s().primaryOutlineInSearchBox]:n}),children:e})},8867:(e,t,n)=>{"use strict";n.d(t,{A:()=>i,_:()=>r});var a=n(4408);let l={rangedWorkingHours:"rangedWorkingHours",termedCareerLevel:"globalTermedCareerLevel",termedCategory:"globalTermedCategory",termedCompanyType:"globalTermedCompanyType",termedContractType:"globalTermedContractType",termedEducationLevel:"globalTermedEducationLevel",termedIndustry:"globalTermedIndustry",termedSalary:"globalTermedSalary",termedWorkingPlace:"globalTermedWorkingPlace"},r={rangedWorkingHours:"employmentType",termedCareerLevel:"careerLevel",termedCategory:"category",termedCompanyType:"companyType",termedContractType:"contractType",termedEducationLevel:"educationLevel",termedIndustry:"industry",termedSalary:"salaryMin",termedWorkingPlace:"workingPlace"},i=async e=>{try{let{aggregations:t}=await a.A.fetchAggregations({aggregations:Object.values(l).reduce((e,t)=>({...e,[t]:void 0}),{}),filters:e.filters,query:e.query});return t.reduce((e,t)=>({...e,[r[t.name]]:t.buckets.reduce((e,t)=>({...e,[t.name]:t.count}),{})}),{})}catch{return Object.values(r).reduce((e,t)=>({...e,[t]:{}}),{})}}},20077:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var a=n(18334),l=n(14232),r=n(8867);let i=({filter:e,searchParameters:t})=>{let[n,i]=(0,l.useState)(!1),[o,s]=(0,l.useState)();return{isFetching:n,aggregations:o,fetchFilterAggregations:()=>{if(void 0===t)return;i(!0);let n={...t.filters};"employmentType"===e?(delete n.workingHoursMin,delete n.workingHoursMax):delete n[e],(0,r.A)({...t,filters:n}).then(t=>s(t?.[e])).catch(e=>{s(void 0),a.Cp(Error(`Fetching filter aggregations has failed: ${e.message}`))}).finally(()=>{i(!1)})}}}},44364:e=>{e.exports={queryInput:"nvb_queryInput__KpWOk",select:"nvb_select__zCO9k",focused:"nvb_focused__v_L1_",input:"nvb_input___vbtx",placeholder:"nvb_placeholder__81eDq",menu:"nvb_menu__Gxzjz",selected:"nvb_selected__d5sr6",clearIndicator:"nvb_clearIndicator__ZM_dX",option:"nvb_option__IfsdD",freeFormQuery:"nvb_freeFormQuery__uZXJu",company:"nvb_company__8ZQnC",category:"nvb_category__uPJxb",industry:"nvb_industry__a_HmL",contractType:"nvb_contractType__RWib2",fetchingState:"nvb_fetchingState__KlRQV",menuHidden:"nvb_menuHidden__w4Hnw",dcoTitleControl:"nvb_dcoTitleControl__ZFmD8",valueContainer:"nvb_valueContainer__7gwMv",menuPortal:"nvb_menuPortal__Aq6Kv"}},44637:e=>{e.exports={locationInput:"nvb_locationInput__eMEh_",select:"nvb_select__WWJyI",focused:"nvb_focused__MStyP",input:"nvb_input__rbeko",placeholder:"nvb_placeholder__C3a5P",menu:"nvb_menu__aV8bw",selected:"nvb_selected__nnVWy",clearIndicator:"nvb_clearIndicator__0gVhV",freeFormLocation:"nvb_freeFormLocation__GOtQ6",fetchingState:"nvb_fetchingState__ZDKZo",menuHidden:"nvb_menuHidden__9WaX_",option:"nvb_option__M7xA0",noSelection:"nvb_noSelection__9JclE",currentLocation:"nvb_currentLocation__NAXXT",recentLocation:"nvb_recentLocation__fjkOi",locationControl:"nvb_locationControl__3RzHe",valueContainer:"nvb_valueContainer__iIp2s",menuPortal:"nvb_menuPortal__S8csF"}},52083:(e,t,n)=>{"use strict";let a;n.r(t),n.d(t,{default:()=>ej});var l=n(37876),r=n(15039),i=n.n(r),o=n(18847),s=n.n(o),c=n(14232),u=n(85346),d=n(93853),p=n(10141),v=n(85462),m=n(17127),y=n(4603),_=n(85364),b=n(33144),g=n(94882),h=n(1486);let f=[{caption:{short:"Alle",long:"Alle afstanden"},value:"0"},{caption:{short:"+0km",long:"+ 0km (binnen de plaats)"},value:"city"},{caption:{short:"+10km",long:"+10km"},value:"10"},{caption:{short:"+20km",long:"+20km"},value:"20"},{caption:{short:"+30km",long:"+30km"},value:"30"},{caption:{short:"+40km",long:"+40km"},value:"40"},{caption:{short:"+50km",long:"+50km"},value:"50"},{caption:{short:"+75km",long:"+75km"},value:"75"},{caption:{short:"+100km",long:"+100km"},value:"100"}];var x=n(54020),C=n(58883),S=n.n(C);

1let j=({value:e,onChange:t})=>{let[n,a]=(0,c.useState)(!1),r="nvb"===u.A.siteAcronym,o=v.O[e.toString()],{refs:s,floatingStyles:d,context:p}=(0,b.we)({open:n,onOpenChange:a,middleware:[(0,g.cY)(r?8:4),(0,g.UU)(),(0,g.BN)()],whileElementsMounted:h.ll,placement:"bottom-start"}),m=(0,b.kp)(p),y=(0,b.s9)(p),_=(0,b.It)(p),{getReferenceProps:C,getFloatingProps:j}=(0,b.bv)([m,y,_]),A=(0,l.jsx)(b.s3,{context:p,modal:!1,children:(0,l.jsx)("div",{ref:s.setFloating,style:d,...j(),className:S().popover,children:(0,l.jsx)("div",{className:S().options,children:(0,l.jsx)("fieldset",{children:f.map(({value:e,caption:n})=>(0,l.jsx)(x.A,{isNumberVisible:!1,isSingleValue:!0,title:n.long,value:e,applyOption:()=>{t(e),a(!1)},number:0,isSelected:e===o,isFetchingFilterAggregations:!1},e))})})})});return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("button",{type:"button",ref:s.setReference,id:"searchBoxDistance",...C(),onClick:()=>a(!n),className:i()(S().distance,{[S().open]:n}),children:f.find(e=>e.value===o)?.caption.short}),n&&(r?(0,l.jsx)(b.XF,{children:A}):A)]})};var A=n(36209),k=n(4449),T=n(15076),w=n(78266),L=n(98477),I=n(20077),N=n(96467),O=n(56718),B=n(84886),P=n.n(B);let F=({title:e,name:t,options:n,isSingleValue:a,value:r,routing:o,openSortingAndFilteringPanel:s,searchParameters:d})=>{let[p,v]=(0,c.useState)(!1),[m,y]=(0,c.useState)(650),{isFetching:_,aggregations:f,fetchFilterAggregations:x}=(0,I.A)({filter:t,searchParameters:d}),{refs:C,floatingStyles:S,context:j}=(0,b.we)({open:p,onOpenChange:v,middleware:[(0,g.cY)(4),(0,g.UU)(),(0,g.Ej)({apply({availableHeight:e}){(0,L.flushSync)(()=>y(Math.min(e,650)))},padding:16}),(0,g.BN)()],whileElementsMounted:h.ll,placement:"bottom-start"}),A=(0,b.kp)(j),k=(0,b.s9)(j),T=(0,b.It)(j),{getReferenceProps:B,getFloatingProps:F}=(0,b.bv)([A,k,T]),M=Array.isArray(r)?r.length:+!!r,H=(0,l.jsx)(b.s3,{context:j,modal:!1,children:(0,l.jsx)("div",{ref:C.setFloating,style:{...S,maxHeight:m},...F(),className:P().popover,children:(0,l.jsx)("div",{className:P().options,children:(0,l.jsx)(O.A,{categoryName:t,categoryValue:r,isCategoryOpen:p,isSingleValue:a,options:n,applyOption:(0,N.A)(o,t,r),isFetchingFilterAggregations:_,aggregations:f})})})});return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("button",{ref:C.setReference,...B(),onClick:()=>{p||x(),window.innerWidth<w.A.breakpoints.lg?s():v(!p)},className:i()(P().filter,{[P().active]:M>0,[P().open]:p}),children:[e,M>0&&(0,l.jsx)("span",{children:M})]}),p&&("nvb"===u.A.siteAcronym?(0,l.jsx)(b.XF,{children:H}):H)]})};var M=n(2869),H=n(80575),E=n.n(H);let V=({filters:e,routing:t,isSortingAndFilteringPanelVisible:n,setIsSortingAndFilteringPanelVisible:a,setActiveFilterInPanel:r,searchParameters:o})=>{let s=(0,c.useRef)(null);(0,c.useEffect)(()=>{window.innerWidth<w.A.breakpoints.lg&&s.current?.scrollTo(0,0)},[Object.keys(e).length,e.salaryMin]);let u=(e=>{let t=0;return e.workingPlace&&(t+=e.workingPlace.length),e.industry&&(t+=e.industry.length),e.careerLevel&&(t+=e.careerLevel.length),e.companyType&&(t+=e.companyType.length),t})(e),d=[{title:"Opleidingsniveau",name:"educationLevel",options:p.np.map(e=>({title:e,value:e})),isSingleValue:!1,value:e.educationLevel},{title:"Uren",name:"employmentType",options:Object.values(T.A).map(e=>({title:e.title,value:e.title})),isSingleValue:!1,value:(0,M.A)(e)},{title:"Vakgebied",name:"category",options:[...Object.values(k.A).map(e=>e.title),"Overig"].map(e=>({title:e,value:e})),isSingleValue:!1,value:e.category},{title:"Dienstverband",name:"contractType",options:p.Nr.map(e=>({title:e,value:e})),isSingleValue:!1,value:e.contractType},{title:"Salaris",name:"salaryMin",options:A.A.map(e=>({title:e.caption.long,value:e.value})),isSingleValue:!0,value:e.salaryMin}];return(0,l.jsxs)("div",{className:E().filters,ref:s,children:[(0,l.jsxs)("button",{className:i()(E().all,{[E().open]:n,[E().active]:u>0}),onClick:()=>{a(!n),r(void 0)},children:["Alle filters",u>0&&(0,l.jsx)("span",{children:u})]}),(0,l.jsx)("div",{className:E().popular,children:d.map(({title:e,name:n,options:i,isSingleValue:s,value:c})=>(0,l.jsx)(F,{title:e,name:n,options:i,isSingleValue:s,value:c,routing:t,openSortingAndFilteringPanel:()=>{r(n),a(!0)},searchParameters:o},n))})]})};var W=n(22089),R=n(31099),U=n(33236);let D="@@salt@@",q=e=>({...e,value:`${D}${e.value}`,label:`${D}${e.label}`}),K=e=>({...e,value:e.value.replace(D,""),label:e.label.replace(D,"")});var Q=n(26824),Z=n(57418),X=function(e){return e.CurrentLocation="currentLocation",e.RecentLocation="recentLocation",e.City="city",e.Province="province",e.NoSelection="noSelection",e}({});let J=async(e,t)=>{let n=t.filter(t=>t.value.toLowerCase().startsWith(e.toLowerCase())),a=(await Z.A.citySearch(e)).filter(e=>!n.find(t=>t.value===e)).map(e=>({value:e,type:"city"}));return[...n,...a]},$=e=>e.filters?.city?q({type:X.City,value:e.filters.city,label:e.filters.city}):e.filters?.province?q({type:X.Province,value:e.filters.province,label:e.filters.province}):void 0;var G=n(18334),z=n(39324),Y=n.n(z),ee=n(5068);let et={fetchCityByGeolocation:(a={endpoints:{cityByGeolocation:(e,t)=>

1`https://maps.googleapis.com/maps/api/geocode/json?latlng=${e},${t}&key=${Y()().publicRuntimeConfig.googleGeocodingApiKey}`}},async(e,t)=>{try{let{data:n}=await ee.A.get(a.endpoints.cityByGeolocation(e,t));return n.results[0].address_components.find(e=>e.types.includes("locality")).long_name}catch(t){let e=Error(`Unable to fetch city by geolocation: ${t.message}`);throw G.Cp(e),e}})},en=[{type:X.City,value:"Amsterdam",label:"Amsterdam"},{type:X.City,value:"Den Haag",label:"Den Haag"},{type:X.City,value:"Groningen",label:"Groningen"},{type:X.City,value:"Maastricht",label:"Maastricht"},{type:X.City,value:"Rotterdam",label:"Rotterdam"},{type:X.City,value:"Utrecht",label:"Utrecht"}];var ea=n(44637),el=n.n(ea);let er=e=>(0,l.jsx)(W.c.Input,{...e,enterKeyHint:"search"}),ei=({parameters:e,isLocalStorageDefault:t,onInputChange:n,onInputSelect:a})=>{let r=(0,c.useRef)(null),o=(0,c.useId)(),{isCurrentLocationAvailable:s,getCurrentLocation:d}=(()=>{let[e,t]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{t("geolocation"in navigator)},[]),{isCurrentLocationAvailable:e,getCurrentLocation:()=>new Promise((e,n)=>{let a=t=>{e(void 0),G.Cp(Error(`An error occurred while retrieving current location: ${t.message}`))};navigator.geolocation.getCurrentPosition(async t=>{try{e(await et.fetchCityByGeolocation(t.coords.latitude,t.coords.longitude))}catch(e){a(e)}},e=>{if(1===e.code){t(!1),n();return}a(Error(e.message))})})}})(),{location:p,setLocation:v,options:m,isFetching:y,removeRecentLocation:_}=(e=>{let[t,n]=(0,c.useState)(""),[a,l]=(0,c.useState)(!1),[r,i]=(0,c.useState)(en),o=(0,c.useRef)(null),s=()=>{let n=Q.A.fetchRecentSearchLocations().map(e=>({value:e,label:e,type:X.RecentLocation})),a=t.trim();if(a.length<2||a.length>30)return i(0===a.length?[{type:X.NoSelection,value:"",label:""},...e?[{type:X.CurrentLocation,value:"Huidige locatie",label:"Huidige locatie"}]:[],...n.length?n:en]:[]);l(!0),J(a,n).then(e=>i(e.map(e=>q({type:e.type,value:e.value,label:e.value})))).catch(()=>i([])).finally(()=>l(!1))};return(0,c.useEffect)(()=>(o.current&&window.clearTimeout(o.current),t.trim().length<2)?s():(o.current=window.setTimeout(()=>{s()},400),()=>{o.current&&clearTimeout(o.current)}),[t,e]),{location:t,setLocation:n,isFetching:a,options:r,removeRecentLocation:e=>{Q.A.removeRecentSearchLocation(e),s()}}})(s);return(0,c.useEffect)(()=>{if(t&&!e?.filters?.city&&!e?.filters?.province){let e=(()=>{let e=Q.A.retrieveSearchLocation();return e&&"city"in e?{type:X.City,value:e.city,label:e.city}:e&&"province"in e?{type:X.Province,value:e.province,label:e.province}:void 0})();e&&r.current?.selectOption(e)}},[t]),(0,c.useEffect)(()=>{if(e){let n=$(e);n?r.current?.selectOption(n):t||r.current?.clearValue()}},[e,t]),(0,l.jsx)("div",{className:el().locationInput,children:(0,l.jsx)(R.A,{controlShouldRenderValue:!1,ref:r,instanceId:o,inputId:"searchBoxLocationInput","aria-label":"plaats",placeholder:u.A.translations.searchBox.locationInputPlaceholder,createOptionPosition:"first",inputValue:p,defaultValue:e&&$(e),onInputChange:(e,t)=>

1{["set-value","input-change"].includes(t.action)&&(v(e),n(e))},onChange:async(t,l)=>{if("clear"===l.action)v(""),n("");else if(t&&e){let l=K(t);if(l.type===X.NoSelection){v(p),a(void 0,p);return}if(l.type===X.CurrentLocation){try{let e=await d();e?r.current?.selectOption({type:X.City,value:e,label:e}):U.notify({type:"warning",title:"Wij hebben jouw locatie is niet gevonden",text:"Voer handmatig een locatie in of probeer het later nog eens.",autoClose:5e3})}catch{U.notify({type:"warning",title:"Wij kunnen jouw locatie niet gebruiken",text:"Wij hebben geen toestemming gekregen om jouw locatie te gebruiken. Dit kan je aanpassen in de browser instellingen.",autoClose:5e3})}return}v(l.value),n(l.value),JSON.stringify(t)!==JSON.stringify($(e))&&a(l.type,l.value)}},tabSelectsValue:!1,escapeClearsValue:!0,openMenuOnFocus:!0,openMenuOnClick:!1,options:m,filterOption:()=>!0,formatOptionLabel:e=>K(e).label,noOptionsMessage:()=>null,loadingMessage:()=>"Laden...",isLoading:y,components:{DropdownIndicator:null,Input:er,Option:function(e){if(e.data.type===X.RecentLocation){let t=K(e.data);return(0,l.jsxs)(W.c.Option,{...e,children:[t.label,(0,l.jsx)("button",{tabIndex:"nvb"===u.A.siteAcronym?-1:void 0,onClick:e=>{e.preventDefault(),e.stopPropagation(),_(t.value)}})]})}return(0,l.jsx)(W.c.Option,{...e})}},menuPortalTarget:"nvb"===u.A.siteAcronym&&"undefined"!=typeof document?document.body:null,classNames:{control:({isFocused:e})=>i()(el().select,el().locationControl,{[el().focused]:e}),menuPortal:()=>el().menuPortal,valueContainer:()=>el().valueContainer,input:()=>el().input,placeholder:()=>el().placeholder,clearIndicator:()=>el().clearIndicator,menu:()=>i()(el().menu,{[el().menuHidden]:0===m.length}),option:({isFocused:e,isSelected:t,data:n})=>i()({[el().freeFormLocation]:!n?.type,[el().option]:n?.type,[el().currentLocation]:n?.type===X.CurrentLocation,[el().recentLocation]:n?.type===X.RecentLocation,[el().focused]:e&&!y,[el().selected]:t,[el().fetchingState]:y,[el().noSelection]:n?.type===X.NoSelection})},maxMenuHeight:320,isClearable:!0})})};var eo=n(4408);let es=async e=>(await eo.A.companySearch(e)).map(e=>({type:ev.Company,value:e}));var ec=n(99988);let eu=async e=>(await eo.A.functionTitleSearch(e)).map(e=>({type:ev.DcoTitle,value:e}));var ed=n(51392);let ep=async e=>{let t=e.toLowerCase(),[n,a,l,r,i]=await Promise.all([Object.values(k.A).filter(e=>e.title.toLowerCase().startsWith(t)).map(e=>({type:ev.Category,value:e.title})).slice(0,2),Object.values(ec.A).filter(e=>e.title.toLowerCase().startsWith(t)).map(e=>({type:ev.ContractType,value:e.title})).slice(0,2),Object.values(ed.A).filter(e=>e.title.toLowerCase().startsWith(t)).map(e=>({type:ev.Industry,value:e.title})).slice(0,2),eu(t),es(t)]),o=i.slice(0,4),s=[...r.slice(0,10-(n.length+a.length+l.length+o.length)),...o,...n,...a,...l];return[...s.filter(e=>e.value.toLowerCase().startsWith(t)),...s.filter(e=>!e.value.toLowerCase().startsWith(t))]};var ev=function(e){return e.DcoTitle="dcoTitle",e.Company="company",e.Category="category",e.Industry="industry",e.ContractType="contractType",e.Query="query",e}({});let em=e=>e?.filters?.dcoTitle?q({type:ev.DcoTitle,value:e.filters.dcoTitle,label:e.filters.dcoTitle}):e?.filters?.companyName?q({type:ev.Company,value:e.filters.companyName,label:e.filters.companyName}):e?.query?q({type:ev.Query,value:e.query,label:e.query}):void 0;var ey=n(44364),e_=n.n(ey);let eb=e=>(0,l.jsx)(W.c.Input,{...e,enterKeyHint:"search"}),eg=({parameters:e,onInputChange:t,onInputSelect:n})=>{let a=(0,c.useRef)(null),r=(0,c.useId)(),{query:o,setQuery:s,options:d,isFetching:p}=(()=>{let[e,t]=(0,c.useState)(""),[n,a]=(0,c.useState)(!1),[l,r]=(0,c.useState)([]),i=(0,c.useRef)(null),o=()=>{let t=e.trim();if(t.length<2||t.length>50)return r([]);a(!0),ep(t).then(e=>r(e.map(e=>q({value:e.value,label:e.value,type:e.type})))).catch(()=>r([])).finally(()=>a(!1))};return(0,c.useEffect)(()=>(i.current&&window.clearTimeout(i.current),e.trim().length<2)?o():(i.current=window.setTimeout(()=>{o()},400),()=>{i.current&&clearTimeout(i.current)}),[e]),{query:e,setQuery:t,isFetching:n,options:l}})();return(0,c.useEffect)(()=>{window.innerWidth>=w.A.breakpoints.lg&&a.current?.focus()},[]),(0,c.useEffect)(()=>

1{if(e){let t=em(e);t?a.current?.selectOption(t):a.current?.clearValue()}},[e]),(0,l.jsx)("div",{className:e_().queryInput,children:(0,l.jsx)(R.A,{ref:a,instanceId:r,inputId:"searchBoxQueryInput","aria-label":"functie",placeholder:u.A.translations.searchBox.queryInputPlaceholder,createOptionPosition:"first",inputValue:o,defaultValue:e&&em(e),onInputChange:(e,n)=>{["set-value","input-change"].includes(n.action)&&(s(e),t(e))},onChange:(a,l)=>{if("clear"===l.action)s(""),t("");else if(a&&e){let l=K(a);s(l.value),t(l.value),JSON.stringify(a)!==JSON.stringify(em(e))&&n(l.type,l.value)}},tabSelectsValue:!1,escapeClearsValue:!0,openMenuOnFocus:!1,openMenuOnClick:!1,options:d,filterOption:()=>!0,formatOptionLabel:e=>K(e).label,noOptionsMessage:()=>null,loadingMessage:()=>"Laden...",isLoading:p,components:{DropdownIndicator:null,Input:eb},menuPortalTarget:"nvb"===u.A.siteAcronym&&"undefined"!=typeof document?document.body:null,classNames:{control:({isFocused:e})=>i()(e_().select,e_().dcoTitleControl,{[e_().focused]:e}),menuPortal:()=>e_().menuPortal,valueContainer:()=>e_().valueContainer,input:()=>e_().input,placeholder:()=>e_().placeholder,clearIndicator:()=>e_().clearIndicator,menu:()=>i()(e_().menu,{[e_().menuHidden]:0===d.length}),option:({isFocused:e,isSelected:t,data:n})=>i()(e_().option,e_()[n?.type],{[e_().freeFormQuery]:!n?.type,[e_().focused]:e&&!p,[e_().selected]:t,[e_().fetchingState]:p})},isClearable:!0})})},eh=e=>e?.filters?.city||e?.filters?.province||"",ef=e=>e?.filters?.dcoTitle?[void 0,[ev.DcoTitle,e.filters.dcoTitle]]:e?.filters?.companyName?[void 0,[ev.Company,e.filters.companyName]]:e?.query?[e.query,void 0]:["",void 0];var ex=n(58787),eC=n.n(ex);let eS=s()(()=>Promise.all([n.e(1059),n.e(7538),n.e(2802)]).then(n.bind(n,82802)),{loadableGenerated:{webpack:()=>[82802]},ssr:!1}),ej=({className:e,routing:t,parameters:n,isLocalStorageLocationDefault:a,isPreviewActive:r,totalNumberOfMatchingJobs:o,hasFilters:s=!0,isAutoSubmittable:b=!0,isPrimarySubmitButton:g=!1})=>{let[h,f]=(0,c.useState)(!1),[x,C]=(0,c.useState)(),S="nvb"===u.A.siteAcronym,[A,k]=(0,c.useState)(ef(n)),[T,w]=(0,c.useState)(eh(n)),[L,I]=(0,c.useState)(n?.filters?.distance);(0,c.useEffect)(()=>{k(ef(n)),w(eh(n)),I(n?.filters?.distance)},[n]);let N=(0,l.jsx)(ei,{parameters:n,onInputChange:w,onInputSelect:(e,n)=>{void 0===e?t.applySearchToUrl(A[0],A[1],n,L):T!==n&&(w(n),b&&t.applySearchToUrl(A[0],A[1],n,L))},isLocalStorageDefault:a}),O=(0,l.jsx)(j,{value:void 0===L?p.XD:L,onChange:e=>{I((0,v.A)(e)),b&&t.applySearchToUrl(A[0],A[1],T,(0,v.A)(e))}}),B=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:i()(eC().searchBox,!s&&eC().searchBoxHome,g&&eC().searchBoxPrimarySubmit,e),children:[(0,l.jsxs)("form",{className:eC().queries,onSubmit:e=>{e.preventDefault(),t.applySearchToUrl(A[0],A[1],T,L)},children:[S&&(0,l.jsx)("p",{className:eC().heading,children:"wat voor functie zoek je"}),(0,l.jsxs)("div",{className:eC().autosuggest,children:[S&&(0,l.jsx)("label",{"aria-hidden":!0,htmlFor:"searchBoxQueryInput",className:eC().label,children:"Functie"}),(0,l.jsx)(eg,{parameters:n,onInputChange:e=>k([e,void 0]),onInputSelect:(e,a)=>{void 0===e?t.applySearchToUrl(a,void 0,T,n?.filters?.distance):e!==ev.Query&&(k([void 0,[e,a]]),b&&t.applySearchToUrl(void 0,[e,a],T,n?.filters?.distance))}})]}),(0,l.jsx)("div",{className:eC().location,children:S?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:eC().place,children:[(0,l.jsx)("label",{"aria-hidden":!0,htmlFor:"searchBoxLocationInput",className:eC().label,children:"Plaats"}),N]}),(0,l.jsxs)("div",{className:eC().distanceField,children:[(0,l.jsx)("label",{"aria-hidden":!0,htmlFor:"searchBoxDistance",className:eC().label,children:"Afstand"}),O]})]}):(0,l.jsxs)(l.Fragment,{children:[N,O]})}),!r&&(0,l.jsx)(m.A,{className:eC().submit,children:(0,l.jsx)("button",{type:"submit",className:eC().submitButton,...(0,d.A)("ClickOnAdjustSearch","Submit"),children:"Zoeken"})}),r&&(0,l.jsx)(y.A,{className:eC().submit,isInSearchBox:!0,children:(0,l.jsx)("button",{type:"submit",className:eC().submitButton,...(0,d.A)("ClickOnAdjustSearch","Submit"),children:"Zoeken"})})]}),n&&(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(eS,{isSortingAndFilteringPanelVisible:h,parameters:n,setIsSortingAndFilteringPanelVisible:f,totalNumberOfMatchingJobs:o||0,routing:t,defaultOpenFilter:x})})]}),s&&(0,l.jsx)("div",{className:eC().filterBar,children:(0,l.jsx)(V,{filters:{...n?.filters,salary

1Min:n?.filters?.salaryMin||p.OA},routing:t,isSortingAndFilteringPanelVisible:h,setIsSortingAndFilteringPanelVisible:f,setActiveFilterInPanel:C,searchParameters:n})})]});return S?s?(0,l.jsx)("div",{className:eC().greyBand,children:B}):B:(0,l.jsxs)(l.Fragment,{children:[B,(0,l.jsx)("div",{className:eC().divider,children:(0,l.jsx)(_.A,{})})]})}},53373:e=>{e.exports={option:"nvb_option__EMONk",noResults:"nvb_noResults__vyqRt",title:"nvb_title__xV33S",number:"nvb_number__KXhsO",hidden:"nvb_hidden__eZH_Z",radio:"nvb_radio__q5dCT",selected:"nvb_selected__M8CUO",checkbox:"nvb_checkbox__z7xJ5"}},54020:(e,t,n)=>{"use strict";n.d(t,{A:()=>s});var a=n(37876),l=n(15039),r=n.n(l),i=n(53373),o=n.n(i);let s=({isSingleValue:e,isSelected:t,isNumberVisible:n,title:l,value:i,number:s,applyOption:c,isFetchingFilterAggregations:u})=>(0,a.jsxs)("label",{className:r()(o().option,{[o().noResults]:n&&0===s&&!u}),onClick:()=>{n&&0===s||c(i)},children:[(0,a.jsx)("span",{className:o().title,children:l}),(0,a.jsx)("span",{className:r()(o().number,{[o().hidden]:!n||u}),children:s.toLocaleString("nl-NL")}),(0,a.jsx)("span",{className:r()({[o().radio]:e,[o().checkbox]:!e,[o().selected]:t})})]})},56718:(e,t,n)=>{"use strict";n.d(t,{A:()=>d});var a=n(37876),l=n(14232),r=n(8867);let i=(e,t)=>void 0!==e&&(Array.isArray(e)?e.includes(t):e===t);var o=n(54020);let s=(e,t,n,a)=>a||e.length<8?e:t?[...e.filter(e=>i(n,e.value)&&!!t[e.value]),...e.filter(e=>i(n,e.value)&&!t[e.value]),...e.filter(e=>!i(n,e.value)&&!!t[e.value]),...e.filter(e=>!i(n,e.value)&&!t[e.value])]:[...e.filter(e=>i(n,e.value)),...e.filter(e=>!i(n,e.value))];var c=n(67995),u=n.n(c);let d=({categoryName:e,categoryValue:t,isSingleValue:n,options:c,applyOption:d,isFetchingFilterAggregations:p,aggregations:v,isCategoryOpen:m})=>{let[y,_]=(0,l.useState)(s(c,v,t,n)),[b,g]=(0,l.useState)(c.length<8);(0,l.useEffect)(()=>{m||_(s(c,v,t,n))},[v,t,m,n,c]);let h=[];return y.forEach(({title:l,value:s},c)=>{(i(t,s)||c<5||y.length<8||b)&&h.push((0,a.jsx)(o.A,{isNumberVisible:Object.values(r._).includes(e)&&void 0!==v,isSingleValue:n,title:l,value:s,number:v?.[s]||0,isSelected:i(t,s),applyOption:d,isFetchingFilterAggregations:p}

1,s))}),(0,a.jsxs)("fieldset",{className:u().options,children:[h,c.length!==h.length?(0,a.jsx)("a",{onClick:()=>g(!0),children:`toon ${c.length-h.length} meer`}):null]})}},58787:e=>{e.exports={searchBox:"nvb_searchBox__LhD_R",heading:"nvb_heading__lvCCQ",label:"nvb_label__0HlUP",queries:"nvb_queries___1C9E",autosuggest:"nvb_autosuggest__EoPkn",location:"nvb_location__OxgBP",place:"nvb_place__spzI_",distanceField:"nvb_distanceField__k2lr_",submit:"nvb_submit__oY9u7",submitButton:"nvb_submitButton__8yo2t",searchBoxHome:"nvb_searchBoxHome__tI0bX",searchBoxPrimarySubmit:"nvb_searchBoxPrimarySubmit__wWzX1",filterBar:"nvb_filterBar___S5uB",greyBand:"nvb_greyBand__UUWgc"}},58883:e=>{e.exports={distance:"nvb_distance__TJzn_",open:"nvb_open__pYZIZ",popover:"nvb_popover__Lgdnp",options:"nvb_options__jSHVv"}},65308:e=>{e.exports={primaryOutline:"nvb_primaryOutline__A6DrL",primaryOutlineInSearchBox:"nvb_primaryOutlineInSearchBox__8EIdI"}},67995:e=>{e.exports={options:"nvb_options__Bt7qv"}},80575:e=>{e.exports={filters:"nvb_filters__7SEcZ",all:"nvb_all__8uB_C",open:"nvb_open__CT7tc",active:"nvb_active__6y7B7",popular:"nvb_popular__B5b9B"}},81775:e=>{e.exports={divider:"nvb_divider__QQSqL"}},84886:e=>{e.exports={filter:"nvb_filter__tLkt9",open:"nvb_open__xOCaX",active:"nvb_active__c8aH3",popover:"nvb_popover__nQI3R",options:"nvb_options__urxv_"}},85364:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var a=n(37876),l=n(81775),r=n.n(l);let i=()=>(0,a.jsx)("div",{className:r().divider})},96467:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var a=n(20831);let l=(e,t)=>({event:"ClickOnSearchFilter",filter:{type:e,values:t}}),r=(e,t)=>{let n=e||[];return n.includes(t)?n.filter(e=>e!==t):[...n,t]},i=(e,t,n)=>i=>{switch(t){case"salaryMin":return(0,a.KA)(l(t,[i])),e.applySalaryMinToUrl(i);case"workingPlace":{let o=r(n,i);return(0,a.KA)(l(t,o)),e.applyWorkingPlaceToUrl(o)}case"educationLevel":{let o=r(n,i);return(0,a.KA)(l(t,o)),e.applyEducationLevelToUrl(o)}case"category":{let o=r(n,i);return(0,a.KA)(l(t,o)),e.applyCategoryToUrl(o)}case"industry":{let o=r(n,i);return(0,a.KA)(l(t,o)),e.applyIndustryToUrl(o)}case"careerLevel":{let o=r(n,i);return(0,a.KA)(l(t,o)),e.applyCareerLevelToUrl(o)}case"contractType":{let o=r(n,i);return(0,a.KA)(l(t,o)),e.applyContractTypeToUrl(o)}case"employmentType":{let o=r(n,i);return(0,a.KA)(l(t,o)),e.applyWorkingHoursToUrl(o)}case"companyType":{let o=r(n,i);return(0,a.KA)(l(t,o)),e.applyCompanyTypeToUrl(o)}}}}}]);