1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5156],{95156:function(e,t,r){"use strict";r.r(t);var o=r(4111),a=r(47568),n=r(51438),i=r(52951),p=r(14924),s=r(88029),d=r(26042),l=r(69396),c=r(29815),u=r(97678),m=r(34051),h=r.n(m),f=r(85893),g=r(67294),v=r(74806),b=r(89930),_=r.n(b),y=function(e){(0,s.Z)(m,e);var t=(0,u.Z)(m);function m(e){var i,s;(0,n.Z)(this,m),i=t.call(this,e),(0,p.Z)((0,o.Z)(i),"logProperties",(function(e,t){e&&0!==e.length&&e.slice(0,3).forEach((function(e,t){e.id||e.attributes&&e.attributes.drupal_internal__nid}))}));var u=(0,o.Z)(i);(0,p.Z)((0,o.Z)(i),"fetchPropertiesFromCache",(0,a.Z)(h().mark((function e(){var t,o,n;return h().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,fetch("/api/geocache?type=properties");case 3:if((t=e.sent).ok){e.next=6;break}return e.abrupt("return",!1);case 6:return e.next=8,t.json();case 8:if((o=e.sent).properties&&0!==o.properties.length){e.next=11;break}return e.abrupt("return",!1);case 11:if(0!==(n=o.properties.filter((function(e){return e.coordinates&&Array.isArray(e.coordinates)&&2===e.coordinates.length}))).length){e.next=14;break}return e.abrupt("return",!1);case 14:return window.allLoadedProperties=n,u._directCachedProperties=n,u.setState({mapProperties:n,fromCache:!0,needsGeocoding:!1},(0,a.Z)(h().mark((function e(){return h().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,u.loadMapboxScript();case 3:u.initializeMap(),e.next=9;break;case 6:e.prev=6,e.t0=e.catch(0),u.meldMapboxProbleem(e.t0);case 9:setTimeout((function(){(0,r(91911).Zd)(u.props.locale,0,50,["title","field_vraagprijs","field_adres","field_path","drupal_internal__nid","field_verhuurd_verkocht"])}),3e3);case 10:case"end":return e.stop()}}),e,null,[[0,6]])})))),e.abrupt("return",!0);case 20:return e.prev=20,e.t0=e.catch(0),u.addError("Error fetching from server cache",e.t0),e.abrupt("return",!1);case 24:case"end":return e.stop()}}),e,null,[[0,20]])})))),(0,p.Z)((0,o.Z)(i),"gebruikMapbox",(function(){i.mapboxgl=window.mapboxgl,i.mapboxgl.accessToken=i.mapboxToken;try{i.mapboxgl.config&&Object.defineProperty(i.mapboxgl.config,"EVENTS_URL",{get:function(){return null},configurable:!0})}catch(e){}})),(0,p.Z)((0,o.Z)(i),"loadMapboxScript",(function(){return new Promise((function(e,t){var r=document.createElement("link");if(r.href="https://api.mapbox.com/mapbox-gl-js/v3.11.1/mapbox-gl.css",r.rel="stylesheet",document.head.appendChild(r),window.mapboxgl)return i.gebruikMapbox(),void e();var o=document.getElementById("mapbox-gl-script");o||((o=document.createElement("script")).id="mapbox-gl-script",o.src="https://api.mapbox.com/mapbox-gl-js/v3.11.1/mapbox-gl.js",o.async=!0,o.onerror=function(e){i.addError("Mapbox script failed to load",e)},document.body.appendChild(o));var a=Date.now();i.mapboxWacht=setInterval((function(){if(window.mapboxgl)return clearInterval(i.mapboxWacht),i.mapboxWacht=null,i.gebruikMapbox(),void e();if(!(Date.now()-a<12e3)){clearInterval(i.mapboxWacht),i.mapboxWacht=null;var r="text/plain"===o.type||"1"===o.getAttribute("data-autoblocked"),n=new Error(r?"Mapbox tegengehouden door de cookiebanner":"Mapbox niet geladen");n.tegengehouden=r,t(n)}}),250)}))})),(0,p.Z)((0,o.Z)(i),"meldMapboxProbleem",(function(e){i.addError("Kaart kon niet geladen worden",e),i.setState({loading:!1,mapboxTegengehouden:!(!e||!e.tegengehouden),error:e&&e.tegengehouden?null:"Failed to load map"}),i.mapboxHerkans||(i.mapboxHerkans=setInterval((function(){window.mapboxgl&&(clearInterval(i.mapboxHerkans),i.mapboxHerkans=null,i.gebruikMapbox(),i.setState({mapboxTegengehouden:!1,error:null,loading:!0},(function(){i.initializeMap()})))}),2e3))})),(0,p.Z)((0,o.Z)(i),"initializeMap",(function(){if(!i.mapContainer.current)return i.addError("Map container ref is not available"),void i.setState({loading:!1,error:"Map container not found"});if(!i.state.mapInitialized){var e=2.5,t=49.5,r=6.4,o=51.5,a=[];a=i._directCachedProperties&&i._directCachedProperties.length>0?i._directCachedProperties:i.state.mapProperties||[],i.logProperties(a,"map initialization");i.props.locale;try{var n=[4.3517,50.8503];i.trackedPropertyIds=new Set,window.loadedPropertyIds||(window.loadedPropertyIds=new Set);var p=[];a&&a.length>0&&(p=a.filter((function(a){return a.coordinates&&Array.isArray(a.coordinates)&&2===a.coordinates.length&&function(a){if
1(!a||!Array.isArray(a)||a.length<2)return!1;var n=a[0],i=a[1];return n>=e&&n<=r&&i>=t&&i<=o}(a.coordinates)}))).length>0&&(n=p.reduce((function(e,t){return[e[0]+t.coordinates[0],e[1]+t.coordinates[1]]}),[0,0]).map((function(e){return e/p.length}))),i.map=new i.mapboxgl.Map({container:i.mapContainer.current,style:"mapbox://styles/mapbox/streets-v11",center:n,zoom:8,cooperativeGestures:!0});var s=[];if(p.forEach((function(e){var t=e.id||e.attributes&&e.attributes.drupal_internal__nid;t&&!i.trackedPropertyIds.has(t)&&(i.trackedPropertyIds.add(t),window.loadedPropertyIds.add(t),s.push({type:"Feature",geometry:{type:"Point",coordinates:e.coordinates},properties:{id:t,title:e.attributes.title,path:e.attributes.field_path,sold:"Ja"===e.attributes.field_verhuurd_verkocht}}))})),s.length>0){var l,u,m=[];if(s.length<=6)(l=m).push.apply(l,(0,c.Z)(s));else(u=m).push.apply(u,(0,c.Z)(s.slice(0,3)).concat((0,c.Z)(s.slice(-3))));m.forEach((function(e,t){}))}i.map.getCanvas().addEventListener("wheel",(function(e){(e.ctrlKey||e.metaKey)&&e.preventDefault()}),{passive:!1}),i.addPopupEventListener=function(e){setTimeout((function(){var t=e.getElement();t&&t.addEventListener("wheel",(function(e){(e.ctrlKey||e.metaKey)&&(e.preventDefault(),e.stopPropagation())}),{passive:!1})}),100)},i.map.on("load",(function(){try{i.map.addControl(new i.mapboxgl.NavigationControl,"top-right"),i.map.addSource("properties",{type:"geojson",data:{type:"FeatureCollection",features:s},cluster:!0,clusterMaxZoom:15,clusterRadius:60,maxzoom:16,clusterProperties:{sum:["+",["get","point_count"]]}}),i.currentFeatures=s,i.map.addLayer({id:"clusters",type:"circle",source:"properties",filter:["has","point_count"],layout:{"circle-sort-key":["get","point_count"]},paint:{"circle-color":"#5dbea7","circle-radius":["interpolate",["linear"],["get","point_count"],2,18,5,22,10,26,25,30,50,34,100,38,200,42,500,46,1e3,50],"circle-stroke-width":2,"circle-stroke-color":"#ffffff"}}),i.map.addLayer({id:"cluster-count",type:"symbol",source:"properties",filter:["has","point_count"],layout:{"text-field":"{point_count_abbreviated}","text-font":["DIN Offc Pro Medium","Arial Unicode MS Bold"],"text-size":["step",["get","point_count"],14,10,14,100,16,1e3,18],"symbol-sort-key":["get","point_count"],"text-allow-overlap":!0,"text-ignore-placement":!0},paint:{"text-color":"#ffffff","text-halo-color":"rgba(0, 0, 0, 0.3)","text-halo-width":1.5}}),i.map.loadImage("/static/propertyHouse.png",(function(e,t){e?(i.addError("Error loading house icon",e),i.map.addLayer({id:"unclustered-point",type:"circle",source:"properties",filter:["!",["has","point_count"]],paint:{"circle-color":"#5dbea7","circle-radius":10,"circle-stroke-width":1,"circle-stroke-color":"#fff"}})):(i.map.addImage("house-icon",t),i.map.addLayer({id:"unclustered-point",type:"symbol",source:"properties",filter:["!",["has","point_count"]],layout:{"icon-image":"house-icon","icon-size":1.4,"icon-allow-overlap":!0,"icon-ignore-placement":!0}})),i.map.on("click","unclustered-point",(function(e){var t=e.features[0].geometry.coordinates,r=i.map.queryRenderedFeatures(e.point,{layers:["unclustered-point"]}),o=r.some((function(e){return null!==i.getLocalizedPath(e)}))?r.filter((function(e){return null!==i.getLocalizedPath(e)})):r,a=function(e){var t=i.getLocalizedTitle(e),r=i.getLocalizedPath(e),o='\n <div class="'.concat(_().popupItem||"",'">\n <h4>').concat(t,"</h4>");return r&&(o+='\n <a href="/'.concat(i.props.locale,"/pand/").concat(r,'" class="').concat(_().popupLink,'">\n ').concat(i.props.intl.formatMessage({id:"property.map.viewDetails"})||"View details","\n </a>")),o+="</div>"};if(o.length>1){var n=o.map(a).join('<hr class="'.concat(_().popupDivider,'">')),p='\n <div class="'.concat(_().multiPopup,'">\n <div class="').concat(_().popupScroll,'">\n ').concat(n,"\n </div>\n </div>"),s=new i.mapboxgl.Popup({maxWidth:"300px",maxHeight:"400px"}).setLngLat(t).setHTML(p).addTo(i.map);i.addPopupEventListener(s)}else if(1===o.length){var d=a(o[0]),l='\n <div class="'.concat(_().popup,'">\n ').concat(d,"\n </div>"),c=(new i.mapboxgl.Popup).setLngLat(t).setHTML(l).addTo(i.map);i.addPopupEventListener(c)}}))})),i.map.on("click","clusters",(function(e){var t=i.map.queryRenderedFeatures(e.point,{layers:["clusters"]}
1),r=t[0].properties.cluster_id,o=t[0].properties.point_count;i.map.getSource("properties").getClusterExpansionZoom(r,(function(e,r){if(!e){var a=r;o<=3?a=r+1:o>=200&&(a=Math.min(r,r+.5)),i.map.easeTo({center:t[0].geometry.coordinates,zoom:a})}}))})),i.map.on("mouseenter","clusters",(function(){i.map.getCanvas().style.cursor="pointer"})),i.map.on("mouseleave","clusters",(function(){i.map.getCanvas().style.cursor=""})),i.map.on("mouseenter","unclustered-point",(function(){i.map.getCanvas().style.cursor="pointer"})),i.map.on("mouseleave","unclustered-point",(function(){i.map.getCanvas().style.cursor=""}));var e=(0,d.Z)({},i.state.propertyTypeCounts);p.forEach((function(t){var r="Ja"===t.attributes.field_verhuurd_verkocht;i.detectPropertyType(t)?r?e.apartmentSold++:e.apartmentOpen++:r?e.houseSold++:e.houseOpen++})),i.setState({mapInitialized:!0,loading:!1,loadedProperties:i.trackedPropertyIds.size,propertyTypeCounts:e}),i._pendingProperties&&i._pendingProperties.length>0&&(i.handleNewProperties({detail:{properties:i._pendingProperties}}),i._pendingProperties=[])}catch(t){i.addError("Error during map load handler",t),i.setState({loading:!1,error:"Error adding map elements: ".concat(t.message)})}})),i.map.on("error",(function(e){i.addError("Map error event",e),i.setState({loading:!1,error:"Map error occurred"})}))}catch(h){i.addError("Error in initializeMap",h),i.setState({loading:!1,error:"Map initialization failed: ".concat(h.message)})}}})),(0,p.Z)((0,o.Z)(i),"getLocalizedTitle",(function(e){var t,r,o,a,n=e.properties.id,p=e.properties.title,s=(null===(t=i.props.intl)||void 0===t?void 0:t.locale)||(null===(r=i.props.router)||void 0===r?void 0:r.locale)||"nl",d=null;return window.allLoadedProperties&&(d=window.allLoadedProperties.find((function(e){var t=e.id||e.attributes&&e.attributes.drupal_internal__nid;return(null===t||void 0===t?void 0:t.toString())===(null===n||void 0===n?void 0:n.toString())}))),!d&&i._directCachedProperties&&(d=i._directCachedProperties.find((function(e){var t=e.id||e.attributes&&e.attributes.drupal_internal__nid;return(null===t||void 0===t?void 0:t.toString())===(null===n||void 0===n?void 0:n.toString())}))),(null===d||void 0===d||null===(o=d.attributes)||void 0===o||null===(a=o[s])||void 0===a?void 0:a.title)?d.attributes[s].title:p})),(0,p.Z)((0,o.Z)(i),"getLocalizedPath",(function(e){var t=e.properties.id,r=e.properties.path,o=i.props.locale,a=null;window.allLoadedProperties&&(a=window.allLoadedProperties.find((function(e){var r=e.id||e.attributes&&e.attributes.drupal_internal__nid;return(null===r||void 0===r?void 0:r.toString())===(null===t||void 0===t?void 0:t.toString())}))),!a&&i._directCachedProperties&&(a=i._directCachedProperties.find((function(e){var r=e.id||e.attributes&&e.attributes.drupal_internal__nid;return(null===r||void 0===r?void 0:r.toString())===(null===t||void 0===t?void 0:t.toString())})));var n=[o,"nl","en","fr"],p=(0,c.Z)(new Set(n));if(a&&a.attributes){var s=!0,d=!1,l=void 0;try{for(var u,m=p[Symbol.iterator]();!(s=(u=m.next()).done);s=!0){var h,f=u.value;if(null===(h=a.attributes[f])||void 0===h?void 0:h.field_path)return a.attributes[f].field_path}}catch(g){d=!0,l=g}finally{try{s||null==m.return||m.return()}finally{if(d)throw l}}}return r||null})),(0,p.Z)((0,o.Z)(i),"detectPropertyType",(function(e){try{var t,r=(null===(t=e.attributes.title)||void 0===t?void 0:t.toLowerCase())||"";if(r.includes("appartement")||r.includes("studio")||r.includes("penthouse")||r.includes("flat"))return!0;if(e.relationships&&e.relationships.field_type_woning&&e.relationships.field_type_woning.data){var o;if(1===(null===(o=e.relationships.field_type_woning.data.meta)||void 0===o?void 0:o.drupal_internal__target_id))return!0;if("cba69100-5855-4a48-b1b7-029910d55882"===e.relationships.field_type_woning.data.id)return!0}return!1}catch(a){return console.error("Error detecting property type:",a),!1}}));var f=(0,o.Z)(i);return(0,p.Z)((0,o.Z)(i),"geocodeProperties",function(){var e=(0,a.Z)(h().mark((function e(t){var o,a,n,i,p,s,d,l,c,u,m,g,v;return h().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:o=r(55501).X4,a=[],n=5,i=0,f.setState({loading:!0,geocodingProgress:0,totalToGeocode:t.length});case 5:if(!(i<t.length)){e.next=50;break}p=t.slice(i,i+n),s=!0,d=!1,l=void 0,e.prev=8,c=p[Symbol.iterator]();case 10:if(s=(u=c.next()).done){e.next=32;break}if((m=u.value).attributes.field_adres){e.next=15;break}return a.push(m),e.abrupt("continue",29);case 15:return e.prev=15,e.next=18,o(m.attributes.field_adres+", Belgi\xeb");
1case 18:(g=e.sent)&&(m.coordinates=g),a.push(m),e.next=27;break;case 23:e.prev=23,e.t0=e.catch(15),console.error("Geocoding error for ".concat(m.attributes.field_adres,":"),e.t0),a.push(m);case 27:i++,f.setState({geocodingProgress:i});case 29:s=!0,e.next=10;break;case 32:e.next=38;break;case 34:e.prev=34,e.t1=e.catch(8),d=!0,l=e.t1;case 38:e.prev=38,e.prev=39,s||null==c.return||c.return();case 41:if(e.prev=41,!d){e.next=44;break}throw l;case 44:return e.finish(41);case 45:return e.finish(38);case 46:return e.next=48,new Promise((function(e){return setTimeout(e,100)}));case 48:e.next=5;break;case 50:v=a.filter((function(e){return e.coordinates})),f.setState({mapProperties:v}),f.loadMapboxScript().then((function(){f.initializeMap()})).catch((function(e){f.meldMapboxProbleem(e)}));case 53:case"end":return e.stop()}}),e,null,[[8,34,38,46],[15,23],[39,,41,45]])})));return function(t){return e.apply(this,arguments)}}()),(0,p.Z)((0,o.Z)(i),"getAddressFromPath",(function(e){return e?e.split("-").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join(" "):""})),(0,p.Z)((0,o.Z)(i),"handleNewProperties",(function(e){var t=e.detail.properties;if(i.map&&t&&0!==t.length)if(i.state.mapInitialized){i.trackedPropertyIds||(i.trackedPropertyIds=new Set),window.loadedPropertyIds||(window.loadedPropertyIds=new Set);var r=i.map.getSource("properties");if(r){var o=t.filter((function(e){var t=e.id||e.attributes&&e.attributes.drupal_internal__nid;return t&&!i.trackedPropertyIds.has(t)}));if(0!==o.length){var a=(0,d.Z)({},i.state.propertyTypeCounts),n=o.map((function(e){var t=e.id||e.attributes&&e.attributes.drupal_internal__nid;i.trackedPropertyIds.add(t),window.loadedPropertyIds.add(t);var r="Ja"===e.attributes.field_verhuurd_verkocht;return i.detectPropertyType(e)?r?a.apartmentSold++:a.apartmentOpen++:r?a.houseSold++:a.houseOpen++,{type:"Feature",geometry:{type:"Point",coordinates:e.coordinates},properties:{id:t,title:e.attributes.title,path:e.attributes.field_path,sold:r}}}));i.setState({propertyTypeCounts:a}),i.currentFeatures=(0,c.Z)(i.currentFeatures||[]).concat((0,c.Z)(n)),r.setData({type:"FeatureCollection",features:i.currentFeatures}),i.setState((function(e){return{loadedProperties:i.trackedPropertyIds.size,totalProperties:i.trackedPropertyIds.size}}))}}}
1else i._pendingProperties=(0,c.Z)(i._pendingProperties||[]).concat((0,c.Z)(t))})),(0,p.Z)((0,o.Z)(i),"handleUpdatedProperties",(function(e){var t=e.detail.properties;if(i.map&&i.state.mapInitialized&&(null===t||void 0===t?void 0:t.length)){var r=i.map.getSource("properties");if(r){var o=(0,d.Z)({},i.state.propertyTypeCounts),a=0,n={type:"FeatureCollection",features:i.currentFeatures||[]};t.forEach((function(e){var t,r=e.id||(null===(t=e.attributes)||void 0===t?void 0:t.drupal_internal__nid);if(r&&e.coordinates){var p=n.features.findIndex((function(e){return e.properties.id===r}));if(-1!==p){a++;var s=n.features[p].properties.sold,d="Ja"===e.attributes.field_verhuurd_verkocht,l=i.detectPropertyType(e);s!==d&&(l?(s?o.apartmentSold--:o.apartmentOpen--,d?o.apartmentSold++:o.apartmentOpen++):(s?o.houseSold--:o.houseOpen--,d?o.houseSold++:o.houseOpen++)),n.features[p]={type:"Feature",geometry:{type:"Point",coordinates:e.coordinates},properties:{id:r,title:e.attributes.title,path:e.attributes.field_path,sold:d}}}}})),a>0&&(i.currentFeatures=n.features,r.setData(n),i.setState({propertyTypeCounts:o}))}}})),(0,p.Z)((0,o.Z)(i),"handleLoadingComplete",(function(){i.setState({backgroundLoading:!1})})),(0,p.Z)((0,o.Z)(i),"handleLoadingError",(function(){i.setState({backgroundLoading:!1}),i.addError("Error in background loading")})),(0,p.Z)((0,o.Z)(i),"handleCachedProperties",(function(){var e;(null===(e=window.cachedMapProperties)||void 0===e?void 0:e.length)&&i.handleNewProperties({detail:{properties:window.cachedMapProperties}})})),(0,p.Z)((0,o.Z)(i),"handleRecodedProperties",(function(e){var t=e.detail.properties;if(i.map&&i.state.mapInitialized&&(null===t||void 0===t?void 0:t.length)){var r=i.map.getSource("properties");if(r){var o=!1,a={type:"FeatureCollection",features:i.currentFeatures||[]};t.forEach((function(e){var t=a.features.findIndex((function(t){var r;return(null===(r=t.properties)||void 0===r?void 0:r.path)&&i.getAddressFromPath(t.properties.path)===e.address}));-1!==t&&(a.features[t].geometry.coordinates=e.coordinates,o=!0)})),o&&(i.currentFeatures=a.features,r.setData(a))}}})),i.state={loading:!0,error:null,mapInitialized:!1,mapboxTegengehouden:!1,backgroundLoading:!0===window.mapPropertiesLoading,loadedProperties:0,totalProperties:(null===(s=e.mapProperties)||void 0===s?void 0:s.length)||0,propertyTypeCounts:{apartmentSold:0,apartmentOpen:0,houseSold:0,houseOpen:0},debug:{steps:[],errors:[]}},i.mapContainer=g.createRef(),i.map=null,i.mapboxgl=null,i.mapboxToken="pk.eyJ1Ijoic3Rvcnl0aGluZyIsImEiOiJjbWExMjhleWMwemZuMmlxeWFreDA4MnE2In0.LzLhHzi78cBpmXDWTpY6EA",i.currentFeatures=[],i.trackedPropertyIds=new Set,i.addDebug=function(e){console.log("DEBUG: ".concat(e)),i.setState((function(t){return{debug:(0,l.Z)((0,d.Z)({},t.debug),{steps:(0,c.Z)(t.debug.steps).concat(["".concat((new Date).toISOString()," - ").concat(e)])})}}))},i.addError=function(e,t){console.error("ERROR: ".concat(e),t),i.setState((function(r){return{debug:(0,l.Z)((0,d.Z)({},r.debug),{errors:(0,c.Z)(r.debug.errors).concat(["".concat((new Date).toISOString()," - ").concat(e,": ").concat((null===t||void 0===t?void 0:t.message)||t)])})}}))},i}return(0,i.Z)(m,[{key:"componentDidMount",value:function(){var e=this;window.addEventListener("map-properties-added",this.handleNewProperties),window.addEventListener("map-properties-loading-complete",this.handleLoadingComplete),window.addEventListener("map-properties-loading-error",this.handleLoadingError),window.addEventListener("map-properties-updated",this.handleUpdatedProperties),window.addEventListener("cached-properties-loaded",this.handleCachedProperties),window.addEventListener("recoded-properties",this.handleRecodedProperties),setTimeout((function(){e.fetchPropertiesFromCache().then((function(t){t||e.loadMapboxScript().then((function(){e.initializeMap()})).catch((function(t){e.meldMapboxProbleem(t)}))}))}),0)}},{key:"componentWillUnmount",value:function(){this.mapboxWacht&&(clearInterval(this.mapboxWacht),this.mapboxWacht=null),this.mapboxHerkans&&(clearInterval(this.mapboxHerkans),this.mapboxHerkans=null),this.map&&(this.markers&&this.markers.length&&(this.markers.forEac
1h((function(e){return e.remove()})),this.markers=[]),this.map.remove()),window.removeEventListener("map-properties-added",this.handleNewProperties),window.removeEventListener("map-properties-loading-complete",this.handleLoadingComplete),window.removeEventListener("map-properties-loading-error",this.handleLoadingError),window.removeEventListener("map-properties-updated",this.handleUpdatedProperties),window.removeEventListener("cached-properties-loaded",this.handleCachedProperties),window.removeEventListener("recoded-properties",this.handleRecodedProperties)}},{key:"render",value:function(){var e=this.state,t=e.loading,r=e.error,o=(e.backgroundLoading,e.loadedProperties),a=(e.totalProperties,e.propertyTypeCounts,e.debug),n=e.mapboxTegengehouden,i=this.props,p=i.intl,s=(i.mapProperties,i.fromCache,p.formatMessage({id:"property.map.title"})||"Our digital sales strategy hits the mark everywhere!"),d=p.formatMessage({id:"property.map.subtitle"})||"Check out where we've already made sales!",l=p.formatMessage({id:"property.map.loading"})||"Loading map...",c=p.formatMessage({id:"property.map.error"})||"Error loading map",u=p.formatMessage({id:"property.map.blocked"});p.formatMessage({id:"property.map.propertiesLoaded"},{count:o})||"".concat(o," properties loaded");return(0,f.jsxs)("div",{className:_().mapContainer,children:[(0,f.jsx)("h2",{className:_().mapTitle,children:s}),(0,f.jsx)("h3",{className:_().mapSubTitle,children:d}),(0,f.jsx)("div",{className:_().blueLine}),(0,f.jsxs)("div",{className:_().mapWrapper,children:[(0,f.jsx)("div",{ref:this.mapContainer,className:_().map}),t&&(0,f.jsx)("div",{className:_().loading,style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",background:"rgba(255, 255, 255, 0.8)",padding:"15px",borderRadius:"5px",zIndex:1e3},children:l}),n&&(0,f.jsx)("div",{className:_().loading,style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",background:"rgba(255, 255, 255, 0.92)",padding:"15px 20px",borderRadius:"5px",maxWidth:"420px",textAlign:"center",zIndex:1e3},children:u}),r&&(0,f.jsxs)("div",{className:_().error,children:[c,": ",r,(0,f.jsx)("p",{children:(0,f.jsx)("button",{onClick:function(){return window.location.reload()},className:_().refreshButton,children:"Refresh"})}),(0,f.jsxs)("div",{className:_().debugInfo,children:[(0,f.jsx)("strong",{children:"Debug Steps:"}),(0,f.jsx)("pre",{children:a.steps.join("\n")}),a.errors.length>0&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("strong",{children:"Errors:"}),(0,f.jsx)("pre",{style:{color:"red"},children:a.errors.join("\n")})]})]})]})]})]})}}]),m}(g.Component);t.default=(0,v.ZP)(y)},89930:function(e){e.exports={mapContainer:"PropertyMap_mapContainer__A5I7k",mapTitle:"PropertyMap_mapTitle__WgOww",mapSubTitle:"PropertyMap_mapSubTitle__jLDx_",blueLine:"PropertyMap_blueLine__1mb5r",map:"PropertyMap_map__3bJR_",mapWrapper:"PropertyMap_mapWrapper__rjnjq",mapStats:"PropertyMap_mapStats__A84Lx",cachedIndicator:"PropertyMap_cachedIndicator__tb8Zz",propertyCounter:"PropertyMap_propertyCounter__Zu6Gp",loading:"PropertyMap_loading__v1hPb",loadingMore:"PropertyMap_loadingMore__6FI8k",pulse:"PropertyMap_pulse__8G7ci",error:"PropertyMap_error__ID_QV",refreshButton:"PropertyMap_refreshButton__DNd6r",debugInfo:"PropertyMap_debugInfo__j4OCt",marker:"PropertyMap_marker__IhUli",typeApartmentSold:"PropertyMap_typeApartmentSold__QgNla",typeHouseSold:"PropertyMap_typeHouseSold__L27mI",typeApartmentOpen:"PropertyMap_typeApartmentOpen__sgKBt",typeHouseOpen:"PropertyMap_typeHouseOpen__ciN9Z",popup:"PropertyMap_popup__YZH5Z",popupLink:"PropertyMap_popupLink__fbuuS",multiPopup:"PropertyMap_multiPopup__bNu6q",popupScroll:"PropertyMap_popupScroll__spOfQ",popupItem:"PropertyMap_popupItem__PEjES",popupDivider:"PropertyMap_popupDivider__4LufQ"}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.