https://setcircle.com/static/js/SearchPageWithMap.c31dc0d6.chunk.js

1(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3680],{17985:(e,t,n)=>{"use strict";n.d(t,{$q:()=>h,JR:()=>c,ag:()=>l,m:()=>p,wJ:()=>d});var s=n(55346);const{LatLng:i,LatLngBounds:a}=s.gK,o=e=>e&&e.geometry&&e.geometry.location?new i(e.geometry.location.lat(),e.geometry.location.lng()):null,r=e=>{if(e&&e.geometry&&e.geometry.viewport){const t=e.geometry.viewport.getNorthEast(),n=e.geometry.viewport.getSouthWest();return new a(new i(t.lat(),t.lng()),new i(n.lat(),n.lng()))}return null},l=(e,t)=>new Promise(((n,s)=>{const i=window.google.maps.places.PlacesServiceStatus,a=document.createElement("div"),l=new window.google.maps.places.PlacesService(a),d=t?{sessionToken:t}:{};l.getDetails({placeId:e,fields:["address_component","formatted_address","geometry","place_id"],...d},((t,a)=>{a!==i.OK?s(new Error(`Could not get details for place id "${e}", error status was "${a}"`)):n({address:t.formatted_address,origin:o(t),bounds:r(t)})}))})),d=(e,t,n)=>new Promise(((s,i)=>{const a=new window.google.maps.places.AutocompleteService,o=t?{sessionToken:t}:{};a.getPlacePredictions({input:e,...o,...n},((t,n)=>{if((e=>{const{OK:t,ZERO_RESULTS:n}=window.google.maps.places.PlacesServiceStatus;return e===t||e===n})(n)){s({search:e,predictions:t||[]})}else i(new Error(`Prediction service status not OK: ${n}`))}))})),c=(e,t)=>{const n=new window.google.maps.Circle({center:new window.google.maps.LatLng(e.lat,e.lng),radius:t}

1).getBounds(),s=n.getNorthEast(),o=n.getSouthWest();return new a(new i(s.lat(),s.lng()),new i(o.lat(),o.lng()))},p=(e,t)=>{const{getPixelPositionOffset:n}=t;return"function"===typeof n?n(e.offsetWidth,e.offsetHeight):{}},h=(e,t,n)=>{const s=(e,t)=>new t(e.lat,e.lng),i=(e,t)=>new t(new window.google.maps.LatLng(e.ne.lat,e.ne.lng),new window.google.maps.LatLng(e.sw.lat,e.sw.lng)),a=(e,t,n)=>e instanceof t?e:n(e,t);if(n.bounds){return((e,t,n)=>{const s=e.fromLatLngToDivPixel(n.getNorthEast()),i=e.fromLatLngToDivPixel(n.getSouthWest());return s&&i?{left:`${i.x+t.x}px`,top:`${s.y+t.y}px`,width:s.x-i.x-t.x+"px",height:i.y-s.y-t.y+"px"}:{left:"-9999px",top:"-9999px"}})(e,t,a(n.bounds,window.google.maps.LatLngBounds,i))}return((e,t,n)=>{const s=e.fromLatLngToDivPixel(n);if(s){const{x:e,y:n}=s;return{left:`${e+t.x}px`,top:`${n+t.y}px`}}return{left:"-9999px",top:"-9999px"}})(e,t,a(n.position,window.google.maps.LatLng,s))}},19449:(e,t,n)=>{var s=n(94710),i=n(32952),a=n(9096),o=n(54052);e.exports=function(e,t){return function(n,r){var l=o(n)?s:i,d=t?t():{};return l(n,e,a(r,2),d)}}},32952:(e,t,n)=>{var s=n(45652);e.exports=function(e,t,n,i){return s(e,(function(e,s,a){t(i,e,n(e),a)})),i}},39835:(e,t,n)=>{var s=n(71775),i=n(19449),a=Object.prototype.hasOwnProperty,o=i((function(e,t,n){a.call(e,n)?e[n].push(t):s(e,n,[t])}));e.exports=o},43855:(e,t,n)=>{var s=n(88746),i=n(80755),a=n(9096),o=n(55647),r=n(76272),l=n(74065),d=o((function(e,t){var n=l(t);return r(n)&&(n=void 0),r(e)?s(e,i(t,1,r,!0),a(n,2)):[]}));e.exports=d},94710:e=>{e.exports=function(e,t,n,s){for(var i=-1,a=null==e?0:e.length;++i<a;){var o=e[i];t(s,o,n(o),e)}return s}},96891:(e,t,n)=>{"use strict";n.r(t),n.d(t,{SearchPageComponent:()=>Ut,default:()=>Vt});var s={};n.r(s),n.d(s,{INFO_CARD_HANDLE:()=>ke,LABEL_HANDLE:()=>xe,SOURCE_AUTOCOMPLETE:()=>Ne,default:()=>He,fitMapToBounds:()=>Re,getMapBounds:()=>Ee,getMapCenter:()=>Te,isMapsLibLoaded:()=>Be,mapboxBoundsToSDKBounds:()=>je,mapboxLngLatToSDKLatLng:()=>Fe});var i={};n.r(i),n.d(i,{INFO_CARD_HANDLE:()=>Ge,LABEL_HANDLE:()=>Ze,default:()=>pt,fitMapToBounds:()=>Je,getMapBounds:()=>tt,getMapCenter:()=>nt,googleBoundsToSDKBounds:()=>et,googleLatLngToSDKLatLng:()=>Xe,isMapsLibLoaded:()=>st});var a=n(65043),o=n(97508),r=n(16096),l=n(91688),d=n(93950),c=n.n(d),p=n(1488),h=n.n(p),u=n(98139),m=n.n(u),g=n(24141),f=n(55346),C=n(63775),v=n(76732),b=n(57302),M=n(80137),L=n(32423),_=(n(44356),n(703)),S=n(44104),y=n(92812),w=n(60149),P=n(71702),x=n(7467),k=n(58175),N=n(69314),A=n(63690),I=n(39835),R=n.n(I),F=n(12759),j=n.n(F);const O=(e,t)=>[...document.querySelectorAll(`.${t}`)].some((t=>t!==e&&t.contains(e))),E=e=>R()(e,(e=>{const t=e.attributes.geolocation;return`${t.lat}-${t.lng}`})),T=e=>j()(e,((e,t)=>e.concat([t])),[]);var B=n(97950),D=n(43855),H=n.n(D),$=n(19853),W=n.n($),U=n(41233),V=n(61254),z=n(35934),Q=n(69933),Z=n(68870);const G="SearchMapPriceLabel_root__7HwBx",K="SearchMapPriceLabel_priceLabel__ldOm4 h5",q="SearchMapPriceLabel_caret__fZJiO",Y="SearchMapPriceLabel_noPriceSetLabel__Zncuw",J="SearchMapPriceLabel_mapLabelActive__k0rfC",X="SearchMapPriceLabel_caretShadow__wX6YB",ee="SearchMapPriceLabel_caretActive__dnC+a",te="SearchMapPriceLabel_pendingLabel__SQ25s",ne="SearchMapPriceLabel_pendingCaret__JjvYV";var se=n(70579);class ie extends a.Component{shouldComponentUpdate(e){var t,n,s,i,a,o,r,l,d,c;const p=(0,U.$r)(this.props.listing),h=(0,U.$r)(e.listing),u=p.id.uuid===h.id.uuid,m=p.attributes.price===h.attributes.price,g=null===(t=p.attributes.publicData)||void 0===t||null===(n=t.dayRate)||void 0===n?void 0:n.amount,f=null===(s=h.attributes.publicData)||void 0===s||null===(i=s.dayRate)||void 0===i?void 0:i.amount,C=null===(a=p.attributes.publicData)||void 0===a||null===(o=a.dayRate)||void 0===o?void 0:o.currency,v=null===(r=h.attributes.publicData)||void 0===r||null===(l=r.dayRate)||void 0===l?void 0:l.currency,b=g===f&&C===v,M=!(null===(d=p.attributes.publicData)||void 0===d||!d.offerDayRate)===!(null===(c=h.attributes.publicData)||void 0===c||!c.offerDayRate),L=p.attributes.title===h.attributes.title,_=(0,y.I)(p)===(0,y.I)(h),S=this.props.isActive===e.isActive,w=this.props.mapComponentRefreshToken===e.mapComponentRefreshToken;return!(u&&m&&b&&M&&L&&_&&S&&w)}render(){var e,t;const{className:n,rootClassName:s,intl:i,listing:a,onListingClicked:o,isActive:r,config:l}=this.props,d=(0,U.$r)(a),{price:c,publicData:p,title:h}=d.attributes,u=(0,y.I)(d),g=(0,z.J)(d,i),f=((0,Z.pv)(null===p||void 0===p?void 0:p.transactionProcessAlias)?(0,Q.Sv)(d):{money:c}).money||c,C=u?h||null:g||(f&&f.currency===l.currency?(0,V.up)(i,f):null!==f&&void 0!==f&&f.currency?f.currency:null),v=m()(s||G,n),b=m()(K,{[J]:r,[Y]:!C,[te]:null===(e=d.attributes.publicData)||void 0===e?void 0:e.pending}),M=m()(q,{[ee]:r,[ne]:null===(t=d.attributes.publicData)||void 0===t?void 0:t.pending});return(0,se.jsxs)("button",{className:v,onClick:()=>o(d),children:[(0,se.jsx)("div",{className:X}),(0,se.jsx)("div",{className:b,children:C}),(0,se.jsx)("div",{className:M})]})}}ie.defaultProps={className:null,rootClassName:null};const ae=(0,g.j4)(ie),oe={root:"SearchMapInfoCard_root__dnh3F",anchor:"SearchMapInfoCard_anchor__4dgg-",card:"SearchMapInfoCard_card__VtdpF h5",aspectratioWrapper:"SearchMapInfoCard_aspectratioWrapper__obQPo",rootForImage:"SearchMapInfoCard_rootForImage__EoP2A",info:"SearchMapInfoCard_info__Fx5bb",price:"SearchMapInfoCard_price__qnqfv",name:"SearchMapInfoCard_name__IerQh",paginationInfo:"SearchMapInfoCard_paginationInfo__VFX4w",paginationPage:"SearchMapInfoCard_paginationPage__GwIDH textSmall",paginationPrev:"SearchMapInfoCard_paginationPrev__obb67",paginationNext:"SearchMapInfoCard_paginationNext__fuFJW",caretShadow:"SearchMapInfoCard_caretShadow__q2jm8",caret:"SearchMapInfoCard_caret__+tYRU",caretWithCarousel:"SearchMapInfoCard_caretWithCarousel__MdQR

1a",borderRadiusInheritTop:"SearchMapInfoCard_borderRadiusInheritTop__E8FAY",borderRadiusInheritBottom:"SearchMapInfoCard_borderRadiusInheritBottom__N+WRn"},re=e=>{var t,n;const{className:s,clickHandler:i,intl:a,isInCarousel:o,listing:r,urlToListing:l,config:d}=e,{title:c,price:p,publicData:h}=r.attributes,u=(0,y.I)(r),g=(0,z.J)(r,a),f=((0,Z.pv)(null===h||void 0===h?void 0:h.transactionProcessAlias)?(0,Q.Sv)(r):{money:p}).money||p,C=g||(f&&f.currency===d.currency?(0,V.up)(a,f):null!==f&&void 0!==f&&f.currency?f.currency:null),v=r.images&&r.images.length>0?r.images[0]:null,{aspectWidth:b=1,aspectHeight:M=1,variantPrefix:L="listing-card"}=d.layout.listingImage,_=v?Object.keys(null===v||void 0===v||null===(t=v.attributes)||void 0===t?void 0:t.variants).filter((e=>e.startsWith(L))):[],S=m()(oe.anchor,oe.borderRadiusInheritTop,{[oe.borderRadiusInheritBottom]:!o},s);return(0,se.jsx)("a",{alt:c,className:S,href:l,onClick:e=>{e.preventDefault(),i(r)},children:(0,se.jsxs)("div",{className:m()(oe.card,oe.borderRadiusInheritTop,{[oe.borderRadiusInheritBottom]:!o}),children:[(0,se.jsx)(w.Vh,{className:oe.aspectRatioWrapper,width:b,height:M,children:(0,se.jsx)(w.wF,{rootClassName:m()(oe.rootForImage,oe.borderRadiusInheritTop),alt:c,noImageMessage:a.formatMessage({id:"SearchMapInfoCard.noImage"}),image:v,variants:_,sizes:"250px"})}),(0,se.jsxs)("div",{className:m()(oe.info,{[oe.borderRadiusInheritBottom]:!o}),children:[u?null:(0,se.jsx)("div",{className:m()(oe.price,{[oe.noPriceSetLabel]:!C}),children:C}),(0,se.jsxs)("div",{className:oe.name,children:[!0===(null===(n=r.attributes.publicData)||void 0===n?void 0:n.pending)&&(0,se.jsx)(w.h8,{}),c]})]})]})})};re.defaultProps={className:null};const le=e=>{const[t,n]=(0,a.useState)(0),{className:s,rootClassName:i,intl:o,listings:r,createURLToListing:l,onListingInfoCardClicked:d,config:c}=e,p=(0,U.$r)(r[t]),h=r.length>1,u=m()(i||oe.root,s),g=m()(oe.caret,{[oe.caretWithCarousel]:h});return(0,se.jsxs)("div",{className:u,children:[(0,se.jsx)("div",{className:oe.caretShadow}),(0,se.jsx)(re,{clickHandler:d,urlToListing:l(p),listing:p,intl:o,isInCarousel:h,config:c}

1),h?(0,se.jsxs)("div",{className:m()(oe.paginationInfo,oe.borderRadiusInheritBottom),children:[(0,se.jsx)("button",{className:oe.paginationPrev,onClick:e=>{e.preventDefault(),e.stopPropagation(),n((e=>(e+r.length-1)%r.length))}}),(0,se.jsx)("div",{className:oe.paginationPage,children:`${t+1}/${r.length}`}),(0,se.jsx)("button",{className:oe.paginationNext,onClick:e=>{e.preventDefault(),e.stopPropagation(),n((e=>(e+r.length+1)%r.length))}})]}):null,(0,se.jsx)("div",{className:g})]})};le.defaultProps={className:null,rootClassName:null};const de=(0,r.Zz)(g.j4)(le);var ce=n(65173),pe=n.n(ce);const he="SearchMapGroupLabel_root__0khw7",ue="SearchMapGroupLabel_details__NdwP0 p",me="SearchMapGroupLabel_caret__rrgTh",ge="SearchMapGroupLabel_detailsActive__0hDH2",fe="SearchMapGroupLabel_caretShadow__fiLqt",Ce="SearchMapGroupLabel_caretActive__MH-Yq";class ve extends a.Component{shouldComponentUpdate(e){const t=e.listings.length===this.props.listings.length,n=this.props.isActive===e.isActive,s=this.props.mapComponentRefreshToken===e.mapComponentRefreshToken;return!(t&&n&&s)}render(){const{className:e,rootClassName:t,listings:n,onListingClicked:s,isActive:i}=this.props,a=m()(t||he,e),o=m()(ue,{[ge]:i}),r=m()(me,{[Ce]:i});return(0,se.jsxs)("button",{className:a,onClick:()=>s(n),children:[(0,se.jsx)("div",{className:fe}),(0,se.jsx)("div",{className:o,children:n.length}),(0,se.jsx)("div",{className:r})]})}}ve.defaultProps={className:null,rootClassName:null};const{arrayOf:be,func:Me,string:Le}=pe(),_e=ve,Se="SearchMapWithMapbox_fullArea__meHN7",ye="SearchMapWithMapbox_activeLabel__B0RPC",we="SearchMapWithMapbox_labelContainer__jh173",Pe="SearchMapWithMapbox_infoCardContainer__pP+jp",xe="SearchMapLabel",ke="SearchMapInfoCard",Ne="autocomplete",{LatLng:Ae,LatLngBounds:Ie}=f.gK,Re=(e,t,n)=>{const{padding:s=0,isAutocompleteSearch:i=!1}=n,a=Oe(t),o=null==s?{padding:s}:{},r=i?{searchSource:Ne}:{};e&&a&&e.fitBounds(a,{...o,linear:!0,duration:0},r)},Fe=e=>{const t=e.lng,n=t>180?t-360:t<-180?t+360:t;return new Ae(e.lat,n)},je=e=>{if(!e)return null;

1const t=e.getNorthEast(),n=e.getSouthWest();return new Ie(Fe(t),Fe(n))},Oe=e=>{if(!e)return null;const{ne:t,sw:n}=e;return[[n.lng>t.lng?-360+n.lng:n.lng,n.lat],[t.lng,t.lat]]},Ee=e=>je(e.getBounds()),Te=e=>Fe(e.getCenter()),Be=()=>"undefined"!==typeof window&&window.mapboxgl&&window.mapboxgl;class De extends a.Component{constructor(e){super(e),this.map="undefined"!==typeof window&&window.mapboxMap?window.mapboxMap:null,this.currentMarkers=[],this.currentInfoCard=null,this.state={mapContainer:null,isMapReady:!1},this.viewportBounds=null,this.onMount=this.onMount.bind(this),this.onMoveend=this.onMoveend.bind(this),this.initializeMap=this.initializeMap.bind(this),this.handleDoubleClickOnInfoCard=this.handleDoubleClickOnInfoCard.bind(this),this.handleMobilePinchZoom=this.handleMobilePinchZoom.bind(this)}componentDidUpdate(e){if(!W()(e.location,this.props.location)){const{mapSearch:e}=(0,L.qg)(this.props.location.search,{latlng:["origin"],latlngBounds:["bounds"]});e||(this.viewportBounds=null)}if(this.map){const e=Ee(this.map);W()(this.props.bounds,e)||this.viewportBounds||Re(this.map,this.props.bounds,{padding:0,isAutocompleteSearch:!0})}!this.map&&this.state.mapContainer?(this.initializeMap(),this.props.onMapLoad(this.map)):e.mapComponentRefreshToken!==this.props.mapComponentRefreshToken&&this.props.onMapLoad(this.map)}componentWillUnmount(){this.currentInfoCard.markerContainer.removeEventListener("dblclick",this.handleDoubleClickOnInfoCard),document.removeEventListener("gesturestart",this.handleMobilePinchZoom,!1),document.removeEventListener("gesturechange",this.handleMobilePinchZoom,!1),document.removeEventListener("gestureend",this.handleMobilePinchZoom,!1)}onMount(e){document.addEventListener("gesturestart",this.handleMobilePinchZoom,!1),document.addEventListener("gesturechange",this.handleMobilePinchZoom,!1),document.addEventListener("gestureend",this.handleMobilePinchZoom,!1),this.setState({mapContainer:e})}onMoveend(e){if(this.map){if(!(this.props.reusableMapHiddenHandle&&this.state.mapContainer.parentElement.classList.contains(this.props.reusableMapHiddenHandle))){const e=Ee(this.map),t=Te(this.map),n=(0,A.Uk)(e,8),s=this.viewportBounds&&!(0,A._P)(this.viewportBounds,n);this.props.onMapMoveEnd(s,{viewportBounds:n,viewportMapCenter:t}),this.viewportBounds=n}}}initializeMap(){const{offsetHeight:e,offsetWidth:t}=this.state.mapContainer;if(e>0&&t>0){this.map=new window.mapboxgl.Map({container:this.state.mapContainer,style:"mapbox://styles/mapbox/streets-v10",scrollZoom:!1}),window.mapboxMap=this.map;var n=new window.mapboxgl.NavigationControl({showCompass:!1});this.map.addControl(n,"top-left"),this.map.on("moveend",this.onMoveend),this.setState({isMapReady:!0})}}handleMobilePinchZoom(e){e.preventDefault(),document.body.style.zoom=.99}handleDoubleClickOnInfoCard(e){e.stopPropagation()}render(){const{id:e,className:t,listings:n,activeListingId:s,infoCardOpen:i,onListingClicked:a,onListingInfoCardClicked:o,createURLToListing:r,mapComponentRefreshToken:l,config:d}=this.props;if(this.map){const e=((e,t,n,s,i)=>T(E(e)).reverse().map((e=>{const a=!!t&&!!e.find((e=>t.uuid===e.id.uuid));if(1===e.length){const t=e[0],o=Array.isArray(n)?n.map((e=>e.id.uuid)):n?[n.id.uuid]:[];if(null!=n&&o.includes(t.id.uuid))return null;const{geolocation:r}=t.attributes,l=t.id.uuid;return{markerId:`price_${l}`,location:r,type:"price",componentProps:{key:l,isActive:a,className:xe,listing:t,onListingClicked:s,mapComponentRefreshToken:i}}}const o=(0,U.$r)(e[0]).attributes.geolocation,r=e[0].id.uuid;return{markerId:`group_${r}`,location:o,type:"group",componentProps:{key:r,isActive:a,className:xe,listings:e,onListingClicked:s,mapComponentRefreshToken:i}}})))(n,s,i,a,l);H()(this.currentMarkers,e,"markerId").forEach((e=>e.marker.remove()));const t=(e,t)=>new window.mapboxgl.Marker(t,{anchor:"bottom"}).setLngLat([e.location.lng,e.location.lat]).addTo(this.map);if(this.currentMarkers=e.filter((e=>null!=e)).map((e=>{const n=this.currentMarkers.findIndex((t=>e.markerId===t.markerId&&t.marker));if(n>=0){const{marker:t,markerContainer:s,...i}=this.currentMarkers[n];return{...i,...e,markerContainer:s,marker:t}}{const n=document.createElement("div");n.setAttribute("id",e.markerId),n.classList.add(we);const s=t(e,n);return{...e,markerContainer:n,marker:s}}})),i){const e=((e,t,n,s)=>{const i=Array.isArray(e)?e:[e];if(!e)return null;const a=(0,U.$r)(i[0]),o=a.id.uuid;return{markerId:`infoCard_${o}`,location:a.attributes.geolocation,componentProps:{key:o,mapComponentRefreshToken:s,className:ke,listings:i,onListingInfoCardClicked:t,createURLToListing:n}}})(i,o,r,l),n=document.createElement("div");n.setAttribute("id",e.markerId),n.classList.add(Pe),n.addEventListener("dblclick",this.handleDoubleClickOnInfoCard,!1),this.currentInfoCard={...e,markerContainer:n,marker:e?t(e,n):null}}else this.currentInfoCard&&this.currentInfoCard.markerContainer.removeEventListener("dblclick",this.handleDoubleClickOnInfoCard),this.currentInfoCard=null}return(0,se.jsxs)("div",{id:e,ref:this.onMount,className:m()(t,Se),onClick:this.props.onClick,children:[this.currentMarkers.map((e=>{e.markerContainer.classList.remove(ye),s&&s.uuid===e.componentProps.key&&e.markerContainer.classList.add(ye);const t=this.map&&e.markerContainer,n=t?document.getElementById(e.markerContainer.id):null;return t&&"price"===e.type?B.createPortal((0,se.jsx)(ae,{...e.componentProps,config:d}),n):t&&"group"===e.type?B.createPortal((0,se.jsx)(_e,{...e.componentProps}),n):null})),this.state.mapContainer&&this.currentInfoCard?B.createPortal((0,se.jsx)(de,{...this.currentInfoCard.componentProps,config:d}),this.currentInfoCard.markerContainer):null]})}}De.defaultProps={id:"map",center:null,priceLabels:[],infoCard:null,zoom:11,reusableMapHiddenHandle:null};const He=De;var $e=n(22740),We=n.n($e),Ue=n(17985);const Ve="SearchMapWithGoogleMaps_fullArea__bhVfN",ze="SearchMapWithGoogleMaps_activeLabel__bzpdK",Qe="SearchMapWithGoogleMaps_labelContainer__nWXsY",Ze="SearchMapLabel",Ge="SearchMapInfoCard",Ke="overlayMouseTarget",{LatLng:qe,LatLngBounds:Ye}

1=f.gK,Je=(e,t,n)=>{const{padding:s}=n,{ne:i,sw:a}=t||{},o=t?{north:i.lat,east:i.lng,south:a.lat,west:a.lng}:null;e&&o&&(null==s?e.fitBounds(o):e.fitBounds(o,s))},Xe=e=>e?new qe(e.lat(),e.lng()):null,et=e=>{if(!e)return null;const t=e.getNorthEast(),n=e.getSouthWest();return new Ye(new qe(t.lat(),t.lng()),new qe(n.lat(),n.lng()))},tt=e=>et(e.getBounds()),nt=e=>Xe(e.getCenter()),st=()=>"undefined"!==typeof window&&window.google&&window.google.maps;class it extends a.Component{constructor(e,t){super(e,t);const n=new window.google.maps.OverlayView;n.onAdd=this.onAdd.bind(this),n.draw=this.draw.bind(this),n.onRemove=this.onRemove.bind(this),this.onPositionElement=this.onPositionElement.bind(this),n.setMap(e.map),this.state={overlayView:n}}onRemove(){this.containerElement.parentNode.removeChild(this.containerElement),a.version.match(/^16/)||B.unmountComponentAtNode(this.containerElement),this.containerElement=null}onAdd(){this.containerElement=document.createElement("div"),this.containerElement.style.position="absolute";const{mapPaneName:e}=this.props;We()(!!e,"OverlayView requires either props.mapPaneName or props.defaultMapPaneName but got %s",e);this.state.overlayView.getPanes()[e].appendChild(this.containerElement),this.onPositionElement(),this.forceUpdate()}onPositionElement(){const e=this.state.overlayView.getProjection(),t={x:0,y:0,...(0,Ue.m)(this.containerElement,this.props)},n=(0,Ue.$q)(e,t,this.props);Object.assign(this.containerElement.style,n)}draw(){this.state.overlayView.getPanes()&&this.containerElement&&this.onPositionElement()}render(){return!(!a.version.match(/^16/)||!this.containerElement)&&B.createPortal(a.Children.only(this.props.children),this.containerElement)}}const at=(e,t)=>({x:e/2*-1,y:-1*(t+3)});class ot extends a.Component{shouldComponentUpdate(e){const t=(0,U.$r)(this.props.listing),n=(0,U.$r)(e.listing),s=t.id.uuid===n.id.uuid,i=t.attributes.price===n.attributes.price,a=this.props.isActive===e.isActive,o=this.props.mapComponentRefreshToken===e.mapComponentRefreshToken;return!(s&&i&&a&&o)}render(){const{position:e,map:t,mapPaneName:n,isActive:s,className:i,listing:a,onListingClicked:o,mapComponentRefreshToken:r,config:l}=this.props;return(0,se.jsx)(it,{position:e,map:t,mapPaneName:n,getPixelPositionOffset:at,children:(0,se.jsx)(ae,{isActive:s,className:i,listing:a,onListingClicked:o,mapComponentRefreshToken:r,config:l})})}}class rt extends a.Component{shouldComponentUpdate(e){const t=e.listings.length===this.props.listings.length,n=this.props.isActive===e.isActive,s=this.props.mapComponentRefreshToken===e.mapComponentRefreshToken;return!(t&&n&&s)}render(){const{position:e,map:t,mapPaneName:n,isActive:s,className:i,listings:a,onListingClicked:o,mapComponentRefreshToken:r}=this.props;return(0,se.jsx)(it,{position:e,map:t,mapPaneName:n,getPixelPositionOffset:at,children:(0,se.jsx)(_e,{isActive:s,className:i,listings:a,onListingClicked:o,mapComponentRefreshToken:r})})}}const lt=e=>{const{map:t,listings:n,activeListingId:s,infoCardOpen:i,onListingClicked:a,mapComponentRefreshToken:o,config:r}=e;return T(E(n)).reverse().map((e=>{const n=!!s&&!!e.find((e=>s.uuid===e.id.uuid)),l=m()(Qe,Ze,{[ze]:n});if(1===e.length){const s=e[0],d=Array.isArray(i)?i.map((e=>e.id.uuid)):[];if(null!=i&&d.includes(s.id.uuid))return null;const{geolocation:c}=s.attributes,p={lat:c.lat,lng:c.lng};return(0,se.jsx)(ot,{position:p,map:t,mapPaneName:Ke,isActive:n,className:l,listing:s,onListingClicked:a,mapComponentRefreshToken:o,config:r},s.id.uuid)}const d=(0,U.$r)(e[0]).attributes.geolocation,c={lat:d.lat,lng:d.lng};return(0,se.jsx)(rt,{position:c,map:t,mapPaneName:Ke,isActive:n,className:l,listings:e,onListingClicked:a,mapComponentRefreshToken:o},e[0].id.uuid)}))},dt=e=>{const{map:t,infoCardOpen:n,onListingInfoCardClicked:s,createURLToListing:i,mapComponentRefreshToken:a,config:o}=e,r=Array.isArray(n)?n:[n];if(!n)return null;const l=(0,U.$r)(r[0]).attributes.geolocation,d={lat:l.lat,lng:l.lng};return(0,se.jsx)(it,{position:d,map:t,mapPaneName:"floatPane",getPixelPositionOffset:at,styles:{zIndex:1},children:(0,se.jsx)(de,{mapComponentRefreshToken:a,className:Ge,listings:r,onListingInfoCardClicked:s,createURLToListing:i,config:o})},r[0].id.uuid)};class ct extends a.Component{constructor(e){super(e),this.map=null,this.viewportBounds=null,this.idleListener=null,this.state={mapContainer:null,isMapReady:!1},this.initializeMap=this.initializeMap.bind(this),this.onMount=this.onMount.bind(this),this.onIdle=this.onIdle.bind(this)}componentDidUpdate(e){if(!W()(e.location,this.props.location)){const{mapSearch:e}=(0,L.qg)(this.props.location.search,{latlng:["origin"],latlngBounds:["bounds"]});e||(this.viewportBounds=null)}if(this.map){const t=tt(this.map);W()(this.props.bounds,t)||this.viewportBounds||Je(this.map,this.props.bounds,{padding:0}),e.infoCardOpen!==this.props.infoCardOpen&&this.map.setOptions({disableDoubleClickZoom:!!this.props.infoCardOpen})}!this.map&&this.state.mapContainer?(this.initializeMap(),this.props.onMapLoad(this.map)):e.mapComponentRefreshToken!==this.props.mapComponentRefreshToken&&this.props.onMapLoad(this.map)}componentWillUnmount(){this.idleListener.remove()}initializeMap(){const{offsetHeight:e,offsetWidth:t}=this.state.mapContainer;if(e>0&&t>0){const{bounds:e,center:t,zoom:n}=this.props,s=window.google.maps,i={mapTypeControl:!1,scrollwheel:!1,fullscreenControl:!1,clickableIcons:!1,streetViewControl:!1,zoomControlOptions:{position:s.ControlPosition.LEFT_TOP},...e||t?{zoom:n,center:t}:{zoom:1,center:{lat:0,lng:0}}};this.map=new s.Map(this.state.mapContainer,i),this.idleListener=s.event.addListener(this.map,"idle",this.onIdle),this.setState({isMapReady:!0})}}onMount(e){this.setState({mapContainer:e})}onIdle(e){if(this.map){if(!(this.props.reusableMapHiddenHandle&&this.state.mapContainer.parentElement.classList.contains(this.props.reusableMapHiddenHandle))){const e=tt(this.map),t=nt(this.map),n=e?(0,A.Uk)(e,8):null,s=this.viewportBounds&&n&&!(0,A._P)(this.viewportBounds,n);this.props.onMapMoveEnd(s,{viewportBounds:n,viewportMapCenter:t}),this.viewportBounds=n}}}render(){const{id:e,className:t,listings:n,activeListingId:s,infoCardOpen:i,onListingClicked:a,mapComponentRefreshToken:o,onListingInfoCardClicked:r,createURLToListing:l,config:d}=this.props;return(0,se.jsxs)("div",{id:e,ref:this.onMount,className:m()(t,Ve),onClick:this.props.onClick,children:[this.map?(0,se.jsx)(lt,{map:this.map,listings:n,activeListingId:s,infoCardOpen:i,onListingClicked:a,mapComponentRefreshToken:o,config:d}):null,this.map?(0,se.jsx)(dt,{map:this.map,infoCardOpen:i,onListingInfoCardClicked:r,createURLToListing:l,mapComponentRefreshToken:o,config:d}):null]})}}ct.defaultProps={id:"map",center:new f.gK.LatLng(0,0),infoCardOpen:null,listings:[],activeListingId:null,zoom:11,reusableMapHiddenHandle:null};const pt=ct,ht="SearchMap_root__Z8Afg",ut="SearchMap_reusableMap__8F-Cm",mt="SearchMap_defaultMapLayout__Z0Vrk",gt="SearchMap_reusableMapHidden__dqwjM";class ft extends a.Component{constructor(e){if(super(e),"undefined"!==typeof window){window.reusableSearchMapElement=window.reusableSearchMapElement||document.createElement("div"),e.className||console.warn("ReusableMapContainer should get className prop which defines its layout");const t=e.className||mt;this.el=window.reusableSearchMapElement,this.el.id="search-map",this.el.classList.add(t)}this.mountNode=null,this.renderSearchMap=this.renderSearchMap.bind(this)}componentDidMount(){this.renderSearchMap()}componentDidUpdate(){this.renderSearchMap()}componentWillUnmount(){this.el.classList.add(gt),this.el.classList.add(this.props.reusableMapHiddenHandle),this.mountNode.removeChild(this.el),document.body.appendChild(this.el)}renderSearchMap(){const e=()=>{const{config:e,messages:t}=this.props,n=(0,se.jsx)(g.Dk,{locale:e.localization.locale,messages:t,textComponent:"span",children:this.props.children});B.render(n,this.el)};

1document.getElementById(this.el.id)?(this.el.classList.remove(gt),this.el.classList.remove(this.props.reusableMapHiddenHandle),this.mountNode&&!this.mountNode.firstChild?(document.body.removeChild(this.el),this.mountNode.appendChild(this.el),e(),this.props.onReattach()):e()):(this.mountNode&&!this.mountNode.firstChild?this.mountNode.appendChild(this.el):this.mountNode||document.body.appendChild(this.el),e())}render(){return(0,se.jsx)("div",{className:ut,ref:e=>{this.mountNode=e}})}}ft.defaultProps={className:ce.string};const Ct=ft,vt="reusableMapHidden",bt=e=>"googleMaps"===e?i:s;class Mt extends a.Component{constructor(e){super(e),this.listings=[],this.mapRef=null;let t=0;"undefined"!==typeof window&&(window.mapReattachmentCount?t=window.mapReattachmentCount:window.mapReattachmentCount=0),this.state={infoCardOpen:null,mapReattachmentCount:t},this.createURLToListing=this.createURLToListing.bind(this),this.onListingInfoCardClicked=this.onListingInfoCardClicked.bind(this),this.onListingClicked=this.onListingClicked.bind(this),this.onMapClicked=this.onMapClicked.bind(this),this.onMapLoadHandler=this.onMapLoadHandler.bind(this)}componentWillUnmount(){this.listings=[]}createURLToListing(e){const t=this.props.routeConfiguration,n={id:e.id.uuid,slug:(0,L.e9)(e.attributes.title)};return(0,b.__)("ListingPage",t,n,{})}onListingClicked(e){this.setState({infoCardOpen:e})}onListingInfoCardClicked(e){this.props.onCloseAsModal&&this.props.onCloseAsModal();this.props.history.push(this.createURLToListing(e))}onMapClicked(e){const t=(e=>{const t=bt(e);return{labelHandle:t.LABEL_HANDLE,infoCardHandle:t.INFO_CARD_HANDLE}})(this.props.config.maps.mapProvider),n=O(e.nativeEvent.target,t.labelHandle),s=O(e.nativeEvent.target,t.infoCardHandle);null==this.state.infoCardOpen||n||s||this.setState({infoCardOpen:null})}onMapLoadHandler(e){if(this.mapRef=e,this.mapRef&&0===this.state.mapReattachmentCount){(t=this.props.config.maps.mapProvider,bt(t).fitMapToBounds)(this.mapRef,this.props.bounds,{padding:0,isAutocompleteSearch:!0})}var t}render(){const{id:e,className:t,rootClassName:n,reusableContainerClassName:s,bounds:i,center:a,location:o,listings:r,onMapMoveEnd:l,zoom:d,config:c,activeListingId:p,messages:h}=this.props,u=m()(n||ht,t),g=r.filter((e=>!!e.attributes.geolocation)),f=c.maps.fuzzy.enabled?((e,t)=>e.map((e=>{const{id:n,attributes:s,...i}=e,a=s.geolocation,o=n?`${n.uuid}_${a.lat}_${a.lng}`:null,r=(0,A.oS)(a,t,o);return{id:n,...i,attributes:{...s,geolocation:r}}})))(g,c.maps.fuzzy.offset):g,C=this.state.infoCardOpen,v=c.maps.mapProvider,b=!!(0,A.UT)(c.maps),M=(e=>bt(e).default)(v);return b&&bt(v).isMapsLibLoaded()?(0,se.jsx)(Ct,{className:s,reusableMapHiddenHandle:vt,onReattach:()=>{window.mapReattachmentCount+=1,this.setState({mapReattachmentCount:window.mapReattachmentCount})},messages:h,config:c,children:(0,se.jsx)(M,{id:e,className:u,bounds:i,center:a,location:o,infoCardOpen:C,listings:f,activeListingId:p,mapComponentRefreshToken:this.state.mapReattachmentCount,createURLToListing:this.createURLToListing,onClick:this.onMapClicked,onListingClicked:this.onListingClicked,onListingInfoCardClicked:this.onListingInfoCardClicked,onMapLoad:this.onMapLoadHandler,onMapMoveEnd:l,reusableMapHiddenHandle:vt,zoom:d,config:c})}):(0,se.jsx)("div",{className:m()(u,s||mt)})}}Mt.defaultProps={id:"searchMap",className:null,rootClassName:null,mapRootClassName:null,reusableContainerClassName:null,bounds:null,center:null,activeListingId:null,listings:[],onCloseAsModal:null,zoom:11};const Lt=e=>{const t=(0,C._r)(),n=(0,v.Z6)(),s=(0,l.W6)();return(0,se.jsx)(Mt,{config:t,routeConfiguration:n,history:s,...e})};var _t=n(16771);const St="SearchFiltersSecondary_root__G+Xp3",yt="SearchFiltersSecondary_filtersWrapper__G77k1",wt="SearchFiltersSecondary_footer__RwwDB",Pt="SearchFiltersSecondary_resetAllButton__5WcPU SearchFiltersSecondary_filterButton__xV2Ia",xt="SearchFiltersSecondary_cancelButton__ElP01 SearchFiltersSecondary_filterButton__xV2Ia",kt="SearchFiltersSecondary_applyButton__n52AV SearchFiltersSecondary_filterButton__xV2Ia";class Nt extends a.Component{constructor(e){super(e),this.state={currentQueryParams:e.urlQueryParams},this.applyFilters=this.applyFilters.bind(this),this.cancelFilters=this.cancelFilters.bind(this),this.resetAll=this.resetAll.bind(this)}applyFilters(){const{applyFilters:e,onClosePanel:t}=this.props;e&&e(),t()}cancelFilters(){const{cancelFilters:e}=this.props;e&&e(),this.props.onClosePanel()}resetAll(e){const{resetAll:t,onClosePanel:n}=this.props;t&&t(e),n(),e&&e.currentTarget&&e.currentTarget.blur()}render(){const{rootClassName:e,className:t,children:n}=this.props,s=m()(e||St,t);return(0,se.jsxs)("div",{className:s,children:[(0,se.jsx)("div",{className:yt,children:n}),(0,se.jsxs)("div",{className:wt,children:[(0,se.jsx)(w.bG,{rootClassName:Pt,onClick:this.resetAll,children:(0,se.jsx)(g.sA,{id:"SearchFiltersSecondary.resetAll"})}),(0,se.jsx)(w.bG,{rootClassName:xt,onClick:this.cancelFilters,children:(0,se.jsx)(g.sA,{id:"SearchFiltersSecondary.cancel"})}),(0,se.jsx)(w.bG,{rootClassName:kt,onClick:this.applyFilters,children:(0,se.jsx)(g.sA,{id:"SearchFiltersSecondary.apply"})})]})]})}}Nt.defaultProps={rootClassName:null,className:null};const At=Nt;var It=n(72391);const Rt="SearchFiltersPrimary_root__RCbBd",Ft="SearchFiltersPrimary_filters__jiKEG",jt=e=>{const{rootClassName:t,className:n,children:s,isSecondaryFiltersOpen:i,toggleSecondaryFiltersOpen:a,selectedSecondaryFiltersCount:o}=e,r=m()(t||Rt,n);a&&(It.A,g.sA);return(0,se.jsx)("div",{className:r,children:(0,se.jsx)("div",{className:Ft,children:s})})};jt.defaultProps={rootClassName:null,className:null,isSecondaryFiltersOpen:!1,toggleSecondaryFiltersOpen:null,

1selectedSecondaryFiltersCount:0};const Ot=jt;var Et=n(83020),Tt=n(96940),Bt=n(17665),Dt=n(63241),Ht=n(98470);const{LatLng:$t,LatLngBounds:Wt}=f.gK;class Ut extends a.Component{constructor(e){super(e),this.state={isSearchMapOpenOnMobile:!1,isMobileModalOpen:!1,currentQueryParams:(0,k.oS)(e),isSecondaryFiltersOpen:!1},this.onMapMoveEnd=c()(this.onMapMoveEnd.bind(this),300),this.onOpenMobileModal=this.onOpenMobileModal.bind(this),this.onCloseMobileModal=this.onCloseMobileModal.bind(this),this.applyFilters=this.applyFilters.bind(this),this.cancelFilters=this.cancelFilters.bind(this),this.resetAll=this.resetAll.bind(this),this.getHandleChangedValueFn=this.getHandleChangedValueFn.bind(this),this.handleSortBy=this.handleSortBy.bind(this)}onMapMoveEnd(e,t){const{viewportBounds:n,viewportCenter:s}=t,i=this.props.routeConfiguration,a=(0,b.pL)("SearchPage",i),o="undefined"!==typeof window&&window.location&&window.location.pathname;if(e&&o===a){const{history:e,location:t,config:a}=this.props,{listingFields:o}=(null===a||void 0===a?void 0:a.listing)||{},{defaultFilters:r}=(null===a||void 0===a?void 0:a.search)||{},{address:l,bounds:d,mapSearch:c,...p}=(0,L.qg)(t.search,{latlng:["origin"],latlngBounds:["bounds"]}),h=!1,u={address:l,...(0,M.fC)(this.props.config)?{origin:s}:{},bounds:n,mapSearch:!0,...(0,k.r$)(p,o,r,h)};e.push((0,b.__)("SearchPage",i,{},u))}}onOpenMobileModal(){this.setState({isMobileModalOpen:!0})}onCloseMobileModal(){this.setState({isMobileModalOpen:!1})}applyFilters(){const{history:e,routeConfiguration:t,config:n}=this.props,{listingFields:s}=(null===n||void 0===n?void 0:n.listing)||{},{defaultFilters:i,sortConfig:a}=(null===n||void 0===n?void 0:n.search)||{},o={...(0,k.oS)(this.props),...this.state.currentQueryParams},r=(0,k.G7)(o,s,i,a);e.push((0,b.__)("SearchPage",t,{},r))}cancelFilters(){this.setState({currentQueryParams:{}})}resetAll(e){const{history:t,routeConfiguration:n,config:s}=this.props,{listingFields:i}=(null===s||void 0===s?void 0:s.listing)||{},{defaultFilters:a}=(null===s||void 0===s?void 0:s.search)||{},o=(0,k.oS)(this.props),r=(0,M.Am)(i,a);this.setState({currentQueryParams:{}});const l=h()(o,r);t.push((0,b.__)("SearchPage",n,{},l))}getHandleChangedValueFn(e){const{history:t,routeConfiguration:n,config:s}=this.props,{listingFields:i}=(null===s||void 0===s?void 0:s.listing)||{},{defaultFilters:a,sortConfig:o}=(null===s||void 0===s?void 0:s.search)||{},r=(0,k.oS)(this.props);return l=>{this.setState((e=>{const{address:t,bounds:n,keywords:i}=r,a={...r,...e.currentQueryParams},o=(0,M.Ej)(s)?{keywords:i}:{};return{currentQueryParams:{...a,...l,...o,address:t,bounds:n}}}),(()=>{if(e){const e=this.state.currentQueryParams,s=(0,k.G7)(e,i,a,o);t.push((0,b.__)("SearchPage",n,{},s))}}))}}handleSortBy(e,t){const{history:n,routeConfiguration:s}=this.props,i=(0,k.oS)(this.props),a=t?{...i,[e]:t}:h()(i,e);n.push((0,b.__)("SearchPage",s,{},a))}render(){var e,t;const{intl:n,listings:s,location:i,onManageDisableScrolling:a,pagination:o,scrollingDisabled:r,searchInProgress:l,searchListingsError:d,searchParams:c,activeListingId:p,onActivateListing:h,routeConfiguration:u,config:f}=this.props,{listingFields:C}=(null===f||void 0===f?void 0:f.listing)||{},{defaultFilters:v,sortConfig:b}=(null===f||void 0===f?void 0:f.search)||{},_=new Wt(new $t(f.maps.search.defaultBounds.ne.lat,f.maps.search.defaultBounds.ne.lng),new $t(f.maps.search.defaultBounds.sw.lat,f.maps.search.defaultBounds.sw.lng)),S=null===f||void 0===f||null===(e=f.listing)||void 0===e?void 0:e.listingTypes.map((e=>e.listingType)),x=f.currency,{searchParamsAreInSync:A,urlQueryParams:I,searchParamsInURL:R}=(0,k.Bg)(i.search,c,C,v,b,(0,M.fC)(f)),F=(0,k.r$)(R,C,v,!1),j=null!==R&&void 0!==R&&R.bounds?null===R||void 0===R?void 0:R.bounds:_,O="undefined"!==typeof window&&window.innerWidth<768,E=!O||O&&this.state.isSearchMapOpenOnMobile,T=(0,y.d)(s),B=(0,M.Ej)(f),D=B?v.filter((e=>"keywords"!==e.key)):v,[H,$]=(0,k.rY)(C,S),W=((null===f||void 0===f||null===(t=f.listing)||void 0===t?void 0:t.listingTypes)||[]).map((e=>{let{listingType:t,label:n}=e;return{option:t,label:n||t}})),U=W.length>0?{key:"listingType",scope:"public",schemaType:"enum",enumOptions:W,filterConfig:{indexForSearch:!0,filterType:"SelectSingleFilter",label:"Listing Type",group:"primary"}}:null,V=U?[U,...H,...D]:[...H,...D],z=[...H,...D,...$],Q=!!($&&$.length>0),Z=(0,k.r$)(F,C,v),G=Object.keys(Z),K=B?G.filter((e=>"keywords"!==e)).length:G.length,q=null==R.dates||null!=R.dates&&R.dates===Z.dates,Y=Q?(0,k.r$)(F,$,[]):{},J=Object.keys(Y).length,X=!!Q&&this.state.isSecondaryFiltersOpen,ee=Q?{isSecondaryFiltersOpen:this.state.isSecondaryFiltersOpen,toggleSecondaryFiltersOpen:e=>{this.setState({isSecondaryFiltersOpen:e,currentQueryParams:{}})},selectedSecondaryFiltersCount:J}:{},te=!!o&&null!=o.totalItems,ne=A&&te?o.totalItems:null!==o&&void 0!==o&&o.paginationUnsupported?s.length:0,ie=!l&&A&&!!(te||null!==o&&void 0!==o&&o.paginationUnsupported),ae=(0,M.Bu)(b.conflictingFilters,F,C,v),oe=e=>{var t;return b.active?(0,se.jsx)(Tt.A,{sort:F[b.queryParamName],isConflictingFilterActive:!!ae,hasConflictingFilters:!!((null===(t=b.conflictingFilters)||void 0===t?void 0:t.length)>0),selectedFilters:Z,onSelect:this.handleSortBy,showAsPopup:!0,mode:e,contentPlacementOffset:-14}):null},re=(0,se.jsx)(Dt.A,{listingsAreLoaded:ie,totalItems:ne,location:i,resetAll:this.resetAll}),{origin:le}=R||{},{title:de,description:ce,schema:pe}=(0,k.Np)(s,R||{},n,u,f),he=this.state.isMobileModalOpen?m()(Ht.A.topbarBehindModal,Ht.A.topbar):Ht.A.topbar;return(0,se.jsxs)(w.YW,{scrollingDisabled:r,description:ce,title:de,schema:pe,children:[(0,se.jsx)(P.A,{className:he,currentPage:"SearchPage",currentSearchParams:I}),(0,se.jsxs)("div",{className:Ht.A.container,children:[(0,se.jsxs)("div",{className:Ht.A.searchResultContainer,children:[(0,se.jsx)(Et.A,{className:Ht.A.searchFiltersMobileMap,urlQueryParams:F,sortByComponent:oe("mobile"),listingsAreLoaded:ie,resultsCount:ne,searchInProgress:l,searchListingsError:d,showAsModalMaxWidth:768,onMapIconClick:()=>this.setState({isSearchMapOpenOnMobile:!0}),onManageDisableScrolling:a,onOpenModal:this.onOpenMobileModal,onCloseModal:this.onCloseMobileModal,resetAll:this.resetAll,selectedFiltersCount:K,noResultsInfo:re,isMapVariant:!0,children:z.map((e=>(0,se.jsx)(N.A,{idPrefix:"SearchFiltersMobile",config:e,marketplaceCurrency:x,urlQueryParams:F,initialValues:(0,k.LX)(this.props,this.state.currentQueryParams),getHandleChangedValueFn:this.getHandleChangedValueFn,intl:n,liveEdit:!0,showAsPopup:!1},`SearchFiltersMobile.${e.scope||"built-in"}.${e.key}`)))}),(0,se.jsx)(_t.A,{className:Ht.A.mainPanelMapVariant,sortByComponent:oe("desktop"),isSortByActive:b.active,listingsAreLoaded:ie,resultsCount:ne,searchInProgress:l,searchListingsError:d,noResultsInfo:re,children:(0,se.jsx)(Ot,{...ee,children:V.map((e=>(0,se.jsx)(N.A,{idPrefix:"SearchFiltersPrimary",config:e,marketplaceCurrency:x,urlQueryParams:F,initialValues:(0,k.LX)(this.props,this.state.currentQueryParams),getHandleChangedValueFn:this.getHandleChangedValueFn,intl:n,showAsPopup:!0,contentPlacementOffset:-14},`SearchFiltersPrimary.${e.scope||"built-in"}.${e.key}`)))})}),X?(0,se.jsx)("div",{className:m()(Ht.A.searchFiltersPanel),children:(0,se.jsx)(At,{urlQueryParams:F,listingsAreLoaded:ie,applyFilters:this.applyFilters,cancelFilters:this.cancelFilters,resetAll:this.resetAll,onClosePanel:()=>this.setState({isSecondaryFiltersOpen:!1}),children:$.map((e=>(0,se.jsx)(N.A,{idPrefix:"SearchFiltersSecondary",config:e,marketplaceCurrency:x,urlQueryParams:F,initialValues:(0,k.LX)(this.props,this.state.currentQueryParams),getHandleChangedValueFn:this.getHandleChangedValueFn,intl:n,showAsPopup:!1},`SearchFiltersSecondary.${e.scope||"built-in"}.${e.key}`)))})}):(0,se.jsxs)("div",{className:m()(Ht.A.listingsForMapVariant,{[Ht.A.newSearchInProgress]:!(ie||d)}),children:[d?(0,se.jsx)(w.H3,{className:Ht.A.error,children:(0,se.jsx)(g.sA,{id:"SearchPage.searchError"})}):null,q?null:(0,se.jsx)(w.H5,{children:(0,se.jsx)(g.sA,{id:"SearchPage.invali

1dDatesFilter"})}),(0,se.jsx)(Bt.A,{className:Ht.A.searchListingsPanel,listings:T,pagination:ie?o:null,search:(0,L.qg)(i.search),setActiveListing:h,isMapVariant:!0})]})]}),(0,se.jsx)(w.pV,{className:Ht.A.mapPanel,id:"SearchPage.map",isModalOpenOnMobile:this.state.isSearchMapOpenOnMobile,onClose:()=>this.setState({isSearchMapOpenOnMobile:!1}),showAsModalMaxWidth:768,onManageDisableScrolling:a,children:(0,se.jsx)("div",{className:Ht.A.mapWrapper,"data-testid":"searchMapContainer",children:E?(0,se.jsx)(Lt,{reusableContainerClassName:Ht.A.map,activeListingId:p,bounds:j,center:le,isSearchMapOpenOnMobile:this.state.isSearchMapOpenOnMobile,location:i,listings:s||[],onMapMoveEnd:this.onMapMoveEnd,onCloseAsModal:()=>{a("SearchPage.map",!1)},messages:n.messages}):null})})]})]})}}Ut.defaultProps={listings:[],pagination:null,searchListingsError:null,searchParams:{},activeListingId:null};const Vt=(0,r.Zz)((0,o.Ng)((e=>{const{currentPageResultIds:t,pagination:n,searchInProgress:s,searchListingsError:i,searchParams:a,activeListingId:o}=e.SearchPage;return{listings:(0,_.k_)(e,t),pagination:n,scrollingDisabled:(0,S.kl)(e),searchInProgress:s,searchListingsError:i,searchParams:a,activeListingId:o}}),(e=>({onManageDisableScrolling:(t,n)=>e((0,S.l)(t,n)),onActivateListing:t=>e((0,x.jA)(t))}))))((e=>{const t=(0,C._r)(),n=(0,v.Z6)(),s=(0,g.tz)(),i=(0,l.W6)(),a=(0,l.zy)();return(0,se.jsx)(Ut,{config:t,routeConfiguration:n,intl:s,history:i,location:a,...e})}))}}]);
2//# sourceMappingURL=SearchPageWithMap.c31dc0d6.chunk.js.map