https://kamernet.nl/_next/static/chunks/pages/how-does-it-work-3948c3bc8b3a9401.js

1try{!function(){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]="e9345bb0-513d-4519-89ea-c5af78eca4ea",e._sentryDebugIdIdentifier="sentry-dbid-e9345bb0-513d-4519-89ea-c5af78eca4ea")}()}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3780],{9846:(e,t,a)=>{"use strict";a.d(t,{V:()=>d});var n=a(6029),r=a(55729),s=a(24170),o=a.n(s),i=a(47412),l=a(26244),c=a.n(l);let d=({src:e=i.A,fallbackSrc:t=i.A,alt:a,...s})=>{let[l,d]=(0,r.useState)(e);return(0,n.jsx)("figure",{children:(0,n.jsx)(o(),{...s,src:l,className:c().responsiveImage,alt:a,onError:()=>{d(t)}})})}},23376:(e,t,a)=>{"use strict";a.d(t,{q:()=>L});var n=a(6029),r=a(55729),s=a(48482),o=a(76080),i=a(4473),l=a(17430),c=a(61331),d=a(32559),u=a(75828),m=a.n(u),h=a(96967),_=a.n(h),p=a(25995),A=a(21570),g=a(86493),x=a.n(g);let b=(e,t)=>e.name===t.name,C=e=>e.name,v=e=>e,L=({value:e,borderless:t=!1,onChange:a,onPopperToggle:u})=>{let{T:h}=(0,A.tz)(),g=r.useRef(null),L=r.useRef(e?.name||""),{apiClient:y}=p.n.useContext(),[E,T]=r.useState(!1),[j,S]=r.useState(null==e?[]:[e]),[N,R]=r.useState(h("LBL_SELECT_PLACEHOLDER_CITY_EMPTY")),I=r.useCallback(e=>(0,n.jsx)(s.A,{...e,label:(0,n.jsx)(d.A,{variant:"body2",color:"secondary.light",className:x().placeHolder,children:(0,o.A)(h("LBL_CITY_OR_POSTAL_CODE"))}),InputLabelProps:{"data-testid":"location-autocomplete/label"},size:"small",InputProps:{...e.InputProps,inputProps:{...e.inputProps,autoComplete:"nope"},endAdornment:(0,n.jsxs)(r.Fragment,{children:[E&&(0,n.jsx)(i.A,{color:"secondary",size:20}),e.InputProps.endAdornment]})}}),[h,E]),f=r.useMemo(()=>_()(()=>{T(!0);let e=new AbortController;g.current=e,y.other.locationSuggestions(L.current,{signal:e.signal}).then(e=>{T(!1);let t=e.data||[];S(t),0===t.length&&R(h("LBL_SELECT_CITY_NO_MATCH"))}).catch(()=>{})},500),[h,y]),w=r.useCallback((e,t,a)=>{L.current=t,g.current?.abort(),0===t.length&&(S([]),R(h("LBL_SELECT_PLACEHOLDER_CITY_EMPTY"))),"input"===a&&t.length>=1&&f()},[h,f]),P=r.useCallback(()=>{g.current?.abort(),T(!1),null!=e&&L.current.toLowerCase()!==e.name.toLocaleLowerCase()&&a(null)},[a,e]),k=r.useCallback((e,t)=>{g.current?.abort(),T(!1),a(t)},[a]),F=r.useCallback(()=>{u?.(!0)},[u]),B=r.useCallback(()=>{u?.(!1)},[u]);return(0,n.jsx)(l.A,{className:x().root,children:(0,n.jsx)(c.A,{className:m()(x().noFloatingLabel,t?x().borderless:""),role:"searchbox",value:e,loading:E,options:j,openText:"",closeText:"",clearText:"",renderInput:I,getOptionLabel:C,isOptionEqualToValue:b,noOptionsText:(0,n.jsx)(d.A,{variant:"body3",color:"secondary.light",role:"tooltip",children:N}),filterOptions:v,"data-testid":"location-autocomplete",onChange:k,onInputChange:w,onOpen:F,onClose:B,onBlur:P})})}},23448:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});var n=a(38213),r=a(6029);let s=(0,n.A)((0,r.jsx)("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close")},26244:e=>{e.exports={responsiveImage:"ContentImage_responsiveImage__1UBvS"}},31979:(e,t,a)=>{"use strict";a.d(t,{x:()=>i});var n=a(6029);a(55729);var r=a(48205),s=a(68972),o=a.n(s);let i=({children:e,activeKey:t,...a})=>(0,n.jsx)("nav",{className:o().root,children:(0,n.jsx)(r.A,{color:"primary",exclusive:!0,value:t,...a,children:e})})},33538:(e,t,a)=>{"use strict";a.d(t,{CJ:()=>o,F4:()=>r,mp:()=>s});var n=a(43387);let r={[n.qx.Km0]:"+0 km",[n.qx.Km1]:"+1 km",[n.qx.Km2]:"+2 km",[n.qx.Km5]:"+5 km",[n.qx.Km10]:"+10 km",[n.qx.Km20]:"+20 km"},s={[n.nF.Empty]:"€ -",[n.nF.Eur100]:"€ 100",[n.nF.Eur200]:"€ 200",[n.nF.Eur300]:"€ 300",[n.nF.Eur400]:"€ 400",[n.nF.Eur500]:"€ 500",[n.nF.Eur600]:"€ 600",[n.nF.Eur700]:"€ 700",[n.nF.Eur800]:"€ 800",[n.nF.Eur900]:"€ 900",[n.nF.Eur1000]:"€ 1000",[n.nF.Eur1100]:"€ 1100",[n.nF.Eur1200]:"€ 1200",[n.nF.Eur1300]:"€ 1300",[n.nF.Eur1400]:"€ 1400",[n.nF.Eur1500]:"€ 1500",[n.nF.Eur1750]:"€ 1750",[n.nF.Eur2000]:"€ 2000",[n.nF.Eur2250]:"€ 2250",[n.nF.Eur2500]:"€ 2500",[n.nF.Eur2750]:"€ 2750",[n.nF.Eur3000]:"€ 3000",[n.nF.Eur3250]:"€ 3250",[n.nF.Eur3500]:"€ 3500",[n.nF.Eur3750]:"€ 3750",[n.nF.Eur4000]:"€ 4000",[n.nF.Eur4250]:"€ 4250",[n.nF.Eur4500]:"€ 4500",[n.nF.Eur4750]:"€ 4750",[n.nF.Eur5000]:"€ 5000",[n.nF.Eur5250]:"€ 5250",[n.nF.Eur5500]:"€ 5500",[n.nF.Eur5750]:"€ 5750",[n.nF.Eur6000]:"€ 6000",[n.nF.Eur20000]:"€ 20000"},o={[n.Ro.Empty]:"- m\xb2",[n.Ro.M6]:"6 m\xb2",[n.Ro.M8]:"8 m\xb2",[n.Ro.M10]:"10 m\xb2",[n.Ro.M12]:"12 m\xb2",[n.Ro.M14]:"14 m\xb2",[n.Ro.M16]:"16 m\xb2",[n.Ro.M18]:"18 m\xb2",[n.Ro.M20]:"20 m\xb2",[n.Ro.M22]:"22 m\xb2",[n.Ro.M24]:"24 m\xb2",[n.Ro.M26]:"26 m\xb2",[n.Ro.M28]:"28 m\xb2",[n.Ro.M30]:"30 m\xb2",[n.Ro.M32]:"32 m\xb2",[n.Ro.M34]:"34 m\xb2",[n.Ro.M36]:"36 m\xb2",[n.Ro.M38]:"38 m\xb2",[n.Ro.M40]:"40 m\xb2",[n.Ro.M45]:"45 m\xb2",[n.Ro.M50]:"50 m\xb2",[n.Ro.M60]:"60 m\xb2",[n.Ro.M70]:"70 m\xb2",[n.Ro.M80]:"80 m\xb2",[n.Ro.M90]:"90 m\xb2",[n.Ro.M100]:"100 m\xb2"}},38918:(e,t,a)=>{"use strict";a.d(t,{c:()=>i,o:()=>o});var n=a(41786),r=a(43387),s=a(28516);let o={[s.Qb.Empty]:"",[s.Qb.Generic]:"",[s.Qb.Room]:(0,n.X3)("listings_search_category.room"),[s.Qb.Apartment]:(0,n.X3)("listings_search_category.apartment"),[s.Qb.Studio]:(0,n.X3)("listings_search_category.studio"),[s.Qb.Antisquat]:(0,n.X3)("listings_search_category.anti_squat"),[s.Qb.StudentHousing]:(0,n.X3)("listings_search_category.student_housing"),[s.Qb.Furnished]:(0,n.X3)("listings_search_category.furnished_apartment"),[s.Qb.ShortTermRental]:(0,n.X3)("listings_search_category.short_term_rental"),[s.Qb.LongTermRental]:(0,n.X3)("listings_search_category.long_term_rental")},i={[r.Tg.Empty]:"",[r.Tg.None]:(0,n.X3)("DMN_NONE"),[r.Tg.One]:"",[r.Tg.Two]:"",[r.Tg.Three]:"",[r.Tg.Four]:(0,n.X3)("search_page.filters.4_or_less"),[r.Tg.Five]:"",[r.Tg.Six]:"",[r.Tg.Seven]:"",[r.Tg.Eight]:(0,n.X3)("search_page.filters.8_or_less"),[r.Tg.MoreThanEight]:(0,n.X3)("DMN_MORE_THAN_EIGHT"),[r.Tg.NotRelevant]:""}},39786:e=>{e.exports={root:"YoutubePlayer_root__K8jRN"}},43964:e=>{e.exports={root:"HowDoesItWorkTenant_root__pWZ47"}},44293:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSP:()=>U,default:()=>z});var n=a(6029);a(55729);var r=a(21570),s=a(79385),o=a(62321),i=a(88416),l=a(83119),c=a(32559),d=a(66179),u=a(84725),m=a.n(u);let h=({lastSearchCriteria:e})=>{let{T:t}=(0,r.tz)();return(0,n.jsxs)(o.M.SectionContainer,{id:"infoPanel","data-testid":"section/infoPanel",className:m().root,containerClassName:m().sectionContainer,children:[(0,n.jsx)(c.A,{variant:"h3",className:m().header,children:t("LBL_HIW_SEARCH_TITLE")}),(0,n.jsx)(d.E,{lastSearchCriteria:e})]})};var _=a(89129),p=a(9846);let A={src:"/_next/static/media/hiw_1.203be1fb.webp",height:419,width:419,blurDataURL:"data:image/webp;base64,UklGRlIAAABXRUJQVlA4IEYAAACwAQCdASoIAAgAAkA4JQBOgB5vwr+AAP64ScaBQqNWy7/p6nDV5Sx+oCPmP6W+bK++Lyg3YJjKW5+NAixSB0NetPv9gAAA",blurWidth:8,blurHeight:8},g={src:"/_next/static/media/hiw_2.2364ccfb.webp",height:708,width:1002,blurDataURL:"data:image/webp;base64,UklGRk4AAABXRUJQVlA4IEIAAACwAQCdASoIAAYAAkA4JQBOgCBu1cVgAP7ws3//Zp4Caki36SLTGrJTtdrhwFeMrbxmV42hJ7zuw566heghkL8YAAA=",blurWidth:8,blurHeight:6},x={src:"/_next/static/media/hiw_3.79ec1805.webp",height:442,width:672,blurDataURL:"data:image/webp;base64,UklGRjgAAABXRUJQVlA4ICwAAACQAQCdASoIAAUAAkA4JaQAAuWrwoAA/vw3xYNJLsLSwpV6na5qI+Gf8AAAAA==",blurWidth:8,blurHeight:5},b={src:"/_next/static/media/hiw_5.4bdd4a49.webp",height:519,width:693,blurDataURL:"data:image/webp;base64,UklGRkoAAABXRUJQVlA4ID4AAACQAQCdASoIAAYAAkA4JZwAAppim4AA+pnoFa0lxA+YfQIGfru04md38+dnmFhkLVDfSVJnxwEw1jUUCgAAAA==",blurWidth:8,blurHeight:6};var C=a(89825),v=a.n(C);let L=()=>{let{T:e}=(0,r.tz)();return(0,n.jsxs)(o.M.SectionContainer,{id:"showcasePanel","data-testid":"section/showcasePanel",children:[(0,n.jsxs)("article",{className:v().row,children:[(0,n.jsx)("div",{className:v().leftPanel,children:(0,n.jsx)(p.V,{src:A,alt:e("LBL_HIW_TENANT_USP_TITLE_1")})}),(0,n.jsxs)("div",{className:v().rightPanel,children:[(0,n.jsx)(c.A,{variant:"h3",className:_.C.margin_bottom_2,children:e("LBL_HIW_TENANT_USP_TITLE_1")}),(0,n.jsx)(c.A,{variant:"body2",dangerouslySetInnerHTML:{__html:e("LBL_HIW_TENANT_USP_DESC_1")}})]})]}),(0,n.jsxs)("article",{className:v().row,children:[(0,n.jsx)("div",{className:v().leftPanel,children:(0,n.jsx)(p.V,{src:g,alt:e("LBL_HIW_TENANT_USP_TITLE_2")})}),(0,n.jsxs)("div",{className:v().rightPanel,children:[(0,n.jsx)(c.A,{variant:"h3",className:_.C.margin_bottom_2,children:e("LBL_HIW_TENANT_USP_TITLE_2")}),(0,n.jsx)(c.A,{variant:"body2",dangerouslySetInnerHTML:{__html:e("LBL_HIW_TENANT_USP_DESC_2")}})]})]}),(0,n.jsxs)("article",{className:v().row,children:[(0,n.jsx)("div",{className:v().leftPanel,children:(0,n.jsx)(p.V,{src:x,alt:e("LBL_HIW_TENANT_USP_TITLE_3")})}),(0,n.jsxs)("div",{className:v().rightPanel,children:[(0,n.jsx)(c.A,{variant:"h3",className:_.C.margin_bottom_2,children:e("LBL_HIW_TENANT_USP_TITLE_3")}),(0,n.jsx)(c.A,{variant:"body2",dangerouslySetInnerHTML:{__html:e("LBL_HIW_TENANT_USP_DESC_3")}})]})]}),(0,n.jsxs)("article",{className:v().row,children:[(0,n.jsx)("div",{className:v().leftPanel,children:(0,n.jsx)(p.V,{src:b,alt:e("LBL_HIW_TENANT_USP_TITLE_5")})}),(0,n.jsxs)("div",{className:v().rightPanel,children:[(0,n.jsx)(c.A,{variant:"h3",className:_.C.margin_bottom_2,children:e("LBL_HIW_TENANT_USP_TITLE_5")}),(0,n.jsx)(c.A,{variant:"body2",dangerouslySetInnerHTML:{__html:e("LBL_HIW_TENANT_USP_DESC_5")}})]})]})]})};var y=a(35016),E=a(17966),T=a(75828),j=a.n(T),S=a(26865),N=a(17761),R=a(61351),I=a(31323),f=a(29718),w=a(31979),P=a(84673),k=a(93073),F=a.n(k);let B=()=>{let{T:e,locale:t}=(0,r.tz)(),a=(0,f.A)(),{navigateToAuthentication:s}=(0,R.W)(),{isAuthenticated:i}=S.c.useContext();return(0,n.jsx)(o.M.SectionContainer,{id:"topPanel","data-testid":"section/topPanel",className:F().root,children:(0,n.jsxs)("div",{className:F().topPanelContent,children:[(0,n.jsxs)("section",{className:F().summary,"data-testid":"topPanel/summary",children:[(0,n.jsxs)(w.x,{className:j()(_.C.margin_top_1,_.C.margin_bottom_1),activeKey:"Tenant",children:[(0,n.jsx)(y.A,{component:I.k.Anchor,href:l.b.HowDoesItWorkTenant.getURL({},t),value:"Tenant",children:(0,n.jsx)(c.A,{variant:"buttonLarge",children:e("LBL_GLOBAL_TENANT")})}

1,"Tenant"),(0,n.jsx)(y.A,{component:I.k.Anchor,href:l.b.HowDoesItWorkLandlord.getURL({},t),value:"Landlord",children:(0,n.jsx)(c.A,{variant:"buttonLarge",children:e("LBL_GLOBAL_LANDLORD")})},"Landlord")]}),(0,n.jsx)(c.A,{className:_.C.margin_bottom_1,variant:a?"h2":"h3",children:e("LBL_HIW_TENANT_TITLE")}),(0,n.jsx)("div",{dangerouslySetInnerHTML:{__html:e("LBL_HIW_TENANT_DESC")}}),i?(0,n.jsx)(E.A,{href:l.b.PremiumListing.getURL({},t,"prefix"),component:I.k.Anchor,variant:"contained",color:"primary",size:"large",className:_.C.margin_top_2,children:e("LBL_HIW_TENANT_BTN_REACT")}):(0,n.jsx)(E.A,{variant:"contained",color:"tertiary",size:"large",className:_.C.margin_top_2,onClick:()=>s({action:N.BM.Signup,source:N.UW.ClickedNavbar}),children:e("LBL_HIW_TENANT_BTN_CREATE_ACCOUNT")})]}),(0,n.jsx)("section",{className:F().video,children:(0,n.jsx)(P.N,{videoId:"5FC9PwgZ8fQ",className:F().youtubeContent})})]})})};var M=a(43964),H=a.n(M);(0,s.S)(async({apiClient:e,query:t,locale:a})=>{let n=null;try{n=await e.listing.getListingSearchCriteria()}catch{}return{lastSearchCriteria:n,routeParams:l.b.HowDoesItWorkTenant.parseRouteParams(t,a)}});let z=({lastSearchCriteria:e})=>{let{T:t}=(0,r.tz)();return(0,n.jsx)(o.M,{pageTitle:t("LBL_HOME_HOW_DOES_IT_WORK"),seoLinksByLocale:(0,i.T)({route:l.b.HowDoesItWorkTenant,routeParams:{}}),children:(0,n.jsxs)(o.M.MainRaw,{className:H().root,children:[(0,n.jsx)(B,{}),(0,n.jsx)(L,{}),(0,n.jsx)(h,{lastSearchCriteria:e})]})})};var U=!0},47245:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/how-does-it-work",function(){return a(44293)}])},47412:(e,t,a)=>{"use strict";a.d(t,{A:()=>n});let n={src:"/_next/static/media/no-listing-image.6b9d33e3.webp",height:392,width:601,blurDataURL:"data:image/webp;base64,UklGRkIAAABXRUJQVlA4IDYAAADQAQCdASoIAAUAAkA4JZQCdAEPA2UYmAD+8mX5SWGrJd6OD+htFqFEOqbSwWm63ybeQARdfgA=",blurWidth:8,blurHeight:5}},47827:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});var n=a(38213),r=a(6029);let s=(0,n.A)((0,r.jsx)("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"}),"Search")},51039:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});var n=a(38213),r=a(6029);let s=(0,n.A)([(0,r.jsx)("path",{d:"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7M7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.88-2.88 7.19-5 9.88C9.92 16.21 7 11.85 7 9"},"0"),(0,r.jsx)("circle",{cx:"12",cy:"9",r:"2.5"},"1")],"LocationOnOutlined")},58377:(e,t,a)=>{"use strict";a.d(t,{y:()=>m});var n=a(6029),r=a(55729),s=a(47827),o=a(90931),i=a(62644),l=a(17966),c=a(21570),d=a(72749),u=a.n(d);let m=e=>{let{T:t}=(0,c.tz)(),a=(0,o.A)(),d=(0,i.A)(a.breakpoints.up("sm")),m=r.useMemo(()=>!d&&(0,n.jsx)(s.A,{}),[d]);return(0,n.jsx)(l.A,{variant:"contained",color:"secondary",type:"submit",size:"medium",startIcon:m,className:u().root,"data-testid":"submit-button",...e,children:d&&t("LBL_SEARCH")})}},62682:(e,t,a)=>{"use strict";a.d(t,{F:()=>h});var n=a(6029),r=a(55729),s=a(90722),o=a(35409),i=a(17430),l=a(32559),c=a(73297),d=a(43387),u=a(84228),m=a(33538);let h=({value:e,rootClassName:t,selectClassName:a,onChange:h})=>{let _=r.useCallback(e=>{h(e.target.value)},[h]),p=r.useMemo(()=>c.g.values(d.qx).map(e=>(0,n.jsx)(s.A,{value:e,children:(0,n.jsx)(o.A,{children:(0,n.jsx)(l.A,{variant:"body2",children:m.F4[e]})})},e)),[]);return(0,n.jsx)(i.A,{className:t,children:(0,n.jsx)(u.l,{className:a,value:e,autoWidth:!0,size:"small","data-testid":"radius-input",onChange:_,children:p})})}},66179:(e,t,a)=>{"use strict";a.d(t,{F:()=>I,E:()=>B});var n=a(6029),r=a(55729),s=a(51039),o=a(32559),i=a(75828),l=a.n(i),c=a(21570),d=a(89129),u=a(29718),m=a(83730),h=a(90722),_=a(78624),p=a(35409),A=a(17430),g=a(84228),x=a(38918),b=a(66659),C=a(82853),v=a.n(C);let L=({className:e,value:t,onChange:a})=>{let{T:s}=(0,c.tz)(),i=r.useCallback(e=>{a(e.target.value)},[a]),l=r.useCallback(e=>(0,n.jsxs)(r.Fragment,{children:[0===e.length&&(0,n.jsx)(o.A,{variant:"body2",color:"secondary.light",className:v().placeHolder,children:s("LBL_SELECT_PLACEHOLDER_PROPERTY_TYPE")}),(0,n.jsx)("div",{className:v().chipsContainer,children:e.map(e=>(0,n.jsx)(m.A,{"data-testid":"listings-search-categories-input/chip",label:s(x.o[e])},e))})]}),[s]),d=r.useMemo(()=>b.u.map(e=>(0,n.jsxs)(h.A,{value:e,children:[(0,n.jsx)(_.A,{checked:(t??[]).includes(e)}),(0,n.jsx)(p.A,{primary:(0,n.jsx)(o.A,{variant:"body2",children:s(x.o[e])})})]},e)),[s,t]);return(0,n.jsx)(A.A,{className:e,children:(0,n.jsx)(g.l,{multiple:!0,displayEmpty:!0,value:t??[],variant:"standard",disableUnderline:!0,renderValue:l,"data-testid":"listings-search-categories-input",onChange:i,children:d})})};var y=a(23376),E=a(67872),T=a(77204),j=a(62682),S=a(58377),N=a(95293),R=a.n(N);let I=({filters:e,validationMessageStrategy:t="onInputChange",className:a,submitButtonProps:i,isCityRequired:m,onChange:h,onSubmit:_})=>{let{T:p}=(0,c.tz)(),[A,g]=r.useState("always"===t||!t),x=(0,u.A)(),[b,C]=r.useState(!0),v=r.useMemo(()=>e.cityName&&e.citySlug?{name:e.cityName,cityName:e.cityName,citySlug:e.citySlug}:null,[e.cityName,e.citySlug]),N=r.useCallback(t=>{h?.({...e,radius:t})},[e,h]),I=r.useCallback(a=>{"onInputChange"===t&&g(!1);let n={...e,cityName:a?.cityName??null,citySlug:a?.citySlug??null};h?.(n)},[e,h,t]),f=r.useCallback(t=>{h?.({...e,searchCategories:t})},[e,h]),w=r.useCallback(t=>{h?.({...e,maxRent:t})},[e,h]),P=r.useCallback(t=>{h?.({...e,minSize:t})},[e,h]),k=r.useCallback(e=>{if(e.preventDefault(),!v&&m)return void g(!0);_?.()},[v,m,_]),F=r.useCallback(e=>{C(!e)},[]);return(0,n.jsxs)("form",{autoComplete:"off",className:l()(R().root,a),role:"search",onSubmit:k,children:[(0,n.jsxs)("div",{className:R().inputContainer,children:[(0,n.jsxs)("div",{className:R().locationAndRadiusContainer,children:[(0,n.jsx)(s.A,{}),(0,n.jsx)(y.q,{value:v,borderless:!0,onPopperToggle:F,onChange:I}

1),x?b&&(0,n.jsx)(j.F,{value:e.radius,rootClassName:R().radiusInputRoot,selectClassName:R().radiusInputSelect,onChange:N}):(0,n.jsx)(S.y,{...i})]}),m&&!v&&A&&(0,n.jsx)("div",{className:d.C.padding_left_1,children:(0,n.jsx)(o.A,{variant:"caption",color:"error",children:p("listing_module.listing_search_bar.location_is_required")})})]}),x&&(0,n.jsxs)(r.Fragment,{children:[(0,n.jsx)("div",{className:R().inputContainer,children:(0,n.jsx)(L,{className:R().listingsSearchCategoriesInput,value:e.searchCategories,onChange:f})}),(0,n.jsx)("div",{className:R().inputContainer,children:(0,n.jsx)(E.g,{rootClassName:R().maxRentInputRoot,variant:"standard",value:e.maxRent,onChange:w})}),(0,n.jsx)("div",{className:R().inputContainer,children:(0,n.jsx)(T.w,{rootClassName:R().minSizeInputRoot,variant:"standard",value:e.minSize,onChange:P})}),(0,n.jsx)(S.y,{...i})]})]})};var f=a(81278),w=a(19453),P=a(43387),k=a(83119),F=a(28516);let B=({lastSearchCriteria:e,submitButtonProps:t})=>{let a=(0,f.useRouter)(),{locale:s}=(0,c.tz)(),[o,i]=r.useState(()=>({cityName:e?.location?.cityName||null,citySlug:e?.location?.citySlug||null,radius:e?.radiusId||w.JZ,searchCategories:(0,F.Tk)(e?.listingTypeIds),maxRent:e?.maxRentalPriceId||P.nF.Empty,minSize:e?.surfaceMinimumId||P.Ro.Empty})),l=r.useCallback(e=>{i(e)},[]),d=r.useCallback(()=>{a.push(k.b.ListingsSearchCity.getURL({city:o.citySlug,radius:o.radius,searchCategories:o.searchCategories,maxRent:o.maxRent,minSize:o.minSize},s)).catch(()=>{})},[o.citySlug,o.searchCategories,o.maxRent,o.minSize,o.radius,s,a]);return(0,n.jsx)(I,{isCityRequired:!0,filters:o,submitButtonProps:t,validationMessageStrategy:"onInputChange",onChange:l,onSubmit:d})}},66659:(e,t,a)=>{"use strict";a.d(t,{u:()=>r});var n=a(28516);let r=[n.Qb.Room,n.Qb.Apartment,n.Qb.Studio,n.Qb.Antisquat,n.Qb.StudentHousing,n.Qb.Furnished,n.Qb.ShortTermRental,n.Qb.LongTermRental]},67872:(e,t,a)=>{"use strict";a.d(t,{g:()=>p});var n=a(6029),r=a(55729),s=a(17430),o=a(90722),i=a(35409),l=a(32559),c=a(73297),d=a(43387),u=a(21570),m=a(89129),h=a(84228),_=a(33538);let p=({rootClassName:e,value:t,variant:a,size:p,excludeEmpty:A=!1,onChange:g})=>{let{T:x}=(0,u.tz)(),b=r.useMemo(()=>A?c.g.values(d.nF).filter(e=>e!==d.nF.Empty):c.g.values(d.nF),[A]),C=r.useCallback(e=>{g(e.target.value)},[g]),v=r.useCallback(e=>(0,n.jsxs)(r.Fragment,{children:[(0,n.jsx)(l.A,{className:m.C.margin_right_1,component:"span",variant:"body2",color:"secondary.light",children:x("LBL_MAX")}),(0,n.jsx)(l.A,{component:"span",variant:"body2",children:e===d.nF.Empty?x("LBL_SELECT_PLACEHOLDER_RENTAL_PRICE"):_.mp[e]})]}),[x]);return(0,n.jsx)(s.A,{className:e,children:(0,n.jsx)(h.l,{variant:a,size:p,disableUnderline:!0,value:t??d.nF.Empty,renderValue:v,"data-testid":"max-rent-input",onChange:C,children:b.map(e=>(0,n.jsx)(o.A,{value:e,children:(0,n.jsx)(i.A,{primary:_.mp[e]})},e))})})}},68972:e=>{e.exports={root:"NavigationTabButtonGroup_root__fL05y"}},72749:e=>{e.exports={root:"SearchBarSubmitButton_root__oRzEh"}},77204:(e,t,a)=>{"use strict";a.d(t,{w:()=>p});var n=a(6029),r=a(55729),s=a(17430),o=a(90722),i=a(35409),l=a(32559),c=a(73297),d=a(43387),u=a(21570),m=a(89129),h=a(84228),_=a(33538);let p=({rootClassName:e,value:t,variant:a,size:p,excludeEmpty:A=!1,onChange:g})=>{let{T:x}=(0,u.tz)(),b=r.useMemo(()=>A?c.g.values(d.Ro).filter(e=>e!==d.Ro.Empty):c.g.values(d.Ro),[A]),C=r.useCallback(e=>{g(e.target.value)},[g]),v=r.useCallback(e=>(0,n.jsxs)(r.Fragment,{children:[(0,n.jsx)(l.A,{className:m.C.margin_right_1,component:"span",color:"secondary.light",variant:"body2",children:x("LBL_MIN")}),(0,n.jsx)(l.A,{component:"span",variant:"body2",children:e===d.Ro.Empty?x("LBL_SELECT_PLACEHOLDER_SURFACE"):_.CJ[e]})]}),[x]);return(0,n.jsx)(s.A,{className:e,children:(0,n.jsx)(h.l,{variant:a,size:p,disableUnderline:!0,value:t,renderValue:v,"data-testid":"min-size-input",onChange:C,children:b.map(e=>(0,n.jsx)(o.A,{value:e,children:(0,n.jsx)(i.A,{primary:_.CJ[e]})},e))})})}},78624:(e,t,a)=>{"use strict";a.d(t,{A:()=>N});var n=a(55729),r=a(19374),s=a(24432),o=a(95179),i=a(38213),l=a(6029);let c=(0,i.A)((0,l.jsx)("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),d=(0,i.A)((0,l.jsx)("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),u=(0,i.A)((0,l.jsx)("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox");var m=a(76080),h=a(60884),_=a(56990),p=a(46522);function A(e){return(0,p.Ay)("MuiCheckbox",e)}let g=(0,_.A)("MuiCheckbox",["root","checked","disabled","indeterminate","colorPrimary","colorSecondary","sizeSmall","sizeMedium"]);var x=a(8504),b=a(65809),C=a(98206),v=a(45873),L=a(37396),y=a(16477);let E=(0,x.Ay)(o.A,{shouldForwardProp:e=>(0,h.A)(e)||"classes"===e,name:"MuiCheckbox",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:a}=e;return[t.root,a.indeterminate&&t.indeterminate,t[`size${(0,m.A)(a.size)}`],"default"!==a.color&&t[`color${(0,m.A)(a.color)}`]]}})((0,b.A)(({theme:e})=>({color:(e.vars||e).palette.text.secondary,variants:[{props:{color:"default",disableRipple:!1},style:{"&:hover":{backgroundColor:e.alpha((e.vars||e).palette.action.active,(e.vars||e).palette.action.hoverOpacity)}}},...Object.entries(e.palette).filter((0,C.A)()).map(([t])=>({props:{color:t,disableRipple:!1},style:{"&:hover":{backgroundColor:e.alpha((e.vars||e).palette[t].main,(e.vars||e).palette.action.hoverOpacity)}}})),...Object.entries(e.palette).filter((0,C.A)()).map(([t])=>({props:{color:t},style:{[`&.${g.checked}, &.${g.indeterminate}`]:{color:(e.vars||e).palette[t].main},[`&.${g.disabled}`]:{color:(e.vars||e).palette.action.disabled}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]}))),T=(0,l.jsx)(d,{}),j=(0,l.jsx)(c,{}),S=(0,l.jsx)(u,{}),N=n.forwardRef(function(e,t){let a=(0,v.b)({props:e,name:"MuiCheckbox"}),{checkedIcon:o=T,color:i="primary",icon:c=j,indeterminate:d=!1,indeterminateIcon:u=S,inputProps:h,size:_="medium",disableRipple:p=!1,className:g,slots:x={},slotProps:b={},...C}=a,N=d?u:c,R=d?u:o,I={...a,disableRipple:p,color:i,indeterminate:d,size:_},f=(e=>{let{classes:t,indeterminate:a,color:n,size:r}=e,o={root:["root",a&&"indeterminate",`color${(0,m.A)(n)}`,`size${(0,m.A)(r)}

1`]},i=(0,s.A)(o,A,t);return{...t,...i}})(I),w=b.input??h,[P,k]=(0,y.A)("root",{ref:t,elementType:E,className:(0,r.A)(f.root,g),shouldForwardComponentProp:!0,externalForwardedProps:{slots:x,slotProps:b,...C},ownerState:I,additionalProps:{type:"checkbox",icon:n.cloneElement(N,{fontSize:N.props.fontSize??_}),checkedIcon:n.cloneElement(R,{fontSize:R.props.fontSize??_}),disableRipple:p,slots:x,slotProps:{input:(0,L.A)("function"==typeof w?w(I):w,{"data-indeterminate":d})}}});return(0,l.jsx)(P,{...k,classes:f})})},82853:e=>{e.exports={chipsContainer:"ListingsSearchCategoriesInput_chipsContainer__vV8YV",placeHolder:"ListingsSearchCategoriesInput_placeHolder__nsuyG"}},84228:(e,t,a)=>{"use strict";a.d(t,{l:()=>o});var n=a(6029),r=a(94469),s=a(15701);let o=e=>(0,n.jsx)(s.A,{IconComponent:r.A,...e})},84673:(e,t,a)=>{"use strict";a.d(t,{N:()=>l});var n=a(6029);a(55729);var r=a(75828),s=a.n(r),o=a(39786),i=a.n(o);let l=({videoId:e,width:t,height:a,allowFullScreen:r,title:o,className:l,"data-testid":c})=>(0,n.jsx)("iframe",{className:s()(i().root,l),width:t,height:a,src:`https://www.youtube.com/embed/${e}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:r,title:o,"data-testid":c})},84725:e=>{e.exports={root:"InfoPanel_root__C6ziy",sectionContainer:"InfoPanel_sectionContainer__VCowA",header:"InfoPanel_header__Phe6b"}},86493:e=>{e.exports={root:"LocationAutocomplete_root__ObSz0",borderless:"LocationAutocomplete_borderless__L1ggK",noFloatingLabel:"LocationAutocomplete_noFloatingLabel__uRJn5",placeHolder:"LocationAutocomplete_placeHolder__XJKTA"}},88416:(e,t,a)=>{"use strict";a.d(t,{T:()=>c});var n=a(6029),r=a(55729),s=a(82281),o=a.n(s),i=a(19852);let{publicRuntimeConfig:l}=o()(),c=({route:e,routeParams:t})=>a=>{let s=Object.fromEntries(Object.values(i.h).map(a=>[a,function({route:e,routeParams:t,locale:a}){let n=e.getURL({...t},a,"prefix");return n.endsWith("/")&&(n=n.slice(0,-1)),l.ORIGIN+n}({route:e,routeParams:t,locale:a})]));return(0,n.jsxs)(r.Fragment,{children:[(0,n.jsx)("link",{rel:"canonical",href:s[a]}),(0,n.jsx)("link",{rel:"alternate",hrefLang:"x-default",href:s[i.h.nl]}),Object.values(i.h).map(e=>(0,n.jsx)("link",{rel:"alternate",hrefLang:e,href:s[e]},e))]})}},89825:e=>{e.exports={row:"ShowcasePanel_row__npe4q",leftPanel:"ShowcasePanel_leftPanel___zU5v",rightPanel:"ShowcasePanel_rightPanel__Yi0FR"}},93073:e=>{e.exports={root:"TopPanel_root__mQtHC",topPanelContent:"TopPanel_topPanelContent__0_Q7Y",summary:"TopPanel_summary__F9SQm",video:"TopPanel_video__xII07",youtubeContent:"TopPanel_youtubeContent__t9h1R"}},94469:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});var n=a(38213),r=a(6029);let s=(0,n.A)((0,r.jsx)("path",{d:"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"}),"KeyboardArrowDownOutlined")},95179:(e,t,a)=>{"use strict";a.d(t,{A:()=>x});var n=a(55729),r=a(24432),s=a(76080),o=a(60884),i=a(8504),l=a(22647),c=a(17678),d=a(95098),u=a(56990),m=a(46522);function h(e){return(0,m.Ay)("PrivateSwitchBase",e)}(0,u.A)("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);var _=a(16477),p=a(6029);let A=(0,i.Ay)(d.A,{name:"MuiSwitchBase"})({padding:9,borderRadius:"50%",variants:[{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:({edge:e,ownerState:t})=>"start"===e&&"small"!==t.size,style:{marginLeft:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}},{props:({edge:e,ownerState:t})=>"end"===e&&"small"!==t.size,style:{marginRight:-12}}]}),g=(0,i.Ay)("input",{name:"MuiSwitchBase",shouldForwardProp:o.A})({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),x=n.forwardRef(function(e,t){let{autoFocus:a,checked:n,checkedIcon:o,defaultChecked:i,disabled:d,disableFocusRipple:u=!1,edge:m=!1,icon:x,id:b,inputProps:C,inputRef:v,name:L,onBlur:y,onChange:E,onFocus:T,readOnly:j,required:S=!1,tabIndex:N,type:R,value:I,slots:f={},slotProps:w={},...P}=e,[k,F]=(0,l.A)({controlled:n,default:!!i,name:"SwitchBase",state:"checked"}),B=(0,c.A)(),M=d;B&&void 0===M&&(M=B.disabled);let H="checkbox"===R||"radio"===R,z={...e,checked:k,disabled:M,disableFocusRipple:u,edge:m},U=(e=>{let{classes:t,checked:a,disabled:n,edge:o}=e,i={root:["root",a&&"checked",n&&"disabled",o&&`edge${(0,s.A)(o)}`],input:["input"]};return(0,r.A)(i,h,t)})(z),O={slots:f,slotProps:{input:C,...w}},[Q,D]=(0,_.A)("root",{ref:t,elementType:A,className:U.root,shouldForwardComponentProp:!0,externalForwardedProps:{...O,component:"span",...P},getSlotProps:e=>({...e,onFocus:t=>{e.onFocus?.(t),T&&T(t),B&&B.onFocus&&B.onFocus(t)},onBlur:t=>{e.onBlur?.(t),y&&y(t),B&&B.onBlur&&B.onBlur(t)}}),ownerState:z,additionalProps:{centerRipple:!0,focusRipple:!u,disabled:M,role:void 0,tabIndex:null}}),[W,V]=(0,_.A)("input",{ref:v,elementType:g,className:U.input,externalForwardedProps:O,getSlotProps:e=>({...e,onChange:t=>{e.onChange?.(t),(e=>{if(e.nativeEvent.defaultPrevented||j)return;let t=e.target.checked;F(t),E&&E(e,t)})(t)}}),ownerState:z,additionalProps:{autoFocus:a,checked:n,defaultChecked:i,disabled:M,id:H?b:void 0,name:L,readOnly:j,required:S,tabIndex:N,type:R,..."checkbox"===R&&void 0===I?{}:{value:I}}});return(0,p.jsxs)(Q,{...D,children:[(0,p.jsx)(W,{...V}),k?o:x]})})},95293:e=>{e.exports={root:"ListingsSearchBar_root__Vwndc",inputContainer:"ListingsSearchBar_inputContainer__oI7Le",locationAndRadiusContainer:"ListingsSearchBar_locationAndRadiusContainer__LgIN9",radiu

1sInputRoot:"ListingsSearchBar_radiusInputRoot__xVE_6",radiusInputSelect:"ListingsSearchBar_radiusInputSelect__wRrJL",listingsSearchCategoriesInput:"ListingsSearchBar_listingsSearchCategoriesInput__si7ZX",minSizeInputRoot:"ListingsSearchBar_minSizeInputRoot__gmZxF",maxRentInputRoot:"ListingsSearchBar_maxRentInputRoot__CcmUf"}},96967:e=>{function t(e,t,a){function n(){var c=Date.now()-i;c<t&&c>=0?r=setTimeout(n,t-c):(r=null,a||(l=e.apply(o,s),o=s=null))}null==t&&(t=100);var r,s,o,i,l,c=function(){o=this,s=arguments,i=Date.now();var c=a&&!r;return r||(r=setTimeout(n,t)),c&&(l=e.apply(o,s),o=s=null),l};return c.clear=function(){r&&(clearTimeout(r),r=null)},c.flush=function(){r&&(l=e.apply(o,s),o=s=null,clearTimeout(r),r=null)},c}t.debounce=t,e.exports=t}},e=>{e.O(0,[455,8482,3730,6038,1331,9858,9385,636,6593,8792],()=>e(e.s=47245)),_N_E=e.O()}]);
2//# sourceMappingURL=how-does-it-work-3948c3bc8b3a9401.js.map