homeflowjs 0.13.50 → 0.13.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "homeflowjs",
-  "version": "0.13.50",
+  "version": "0.13.52",
   "sideEffects": [
     "modal/**/*",
     "user/default-profile/**/*",

package/properties/properties-map/draggable-map.js

@@ -681,7 +681,6 @@ export default class DraggableMap {
       })
   }
 
-
   getSearchableBounds() {
     return this.map.getBounds();
   }
@@ -754,4 +753,22 @@ export default class DraggableMap {
   hideOverlay() {
     this?._overlayElement?.classList?.remove('draggable-map-overlay--show')
   }
+
+  resetMap() {
+    const s = this.getSearch();
+    const url = `/search.ljson?${buildQueryString(s)}&count=50`;
+    fetch(url)
+      .then((response) => response.json())
+      .then((json) => {
+        if (this.drawSearchLoader) {
+          this.drawSearchLoader.style.display = 'none';
+        }
+        store.dispatch(setPagination(json.pagination))
+        if (json.properties) {
+          this.setSearchResponse(json);
+        } else {
+          store.dispatch(setProperties([]));
+        }
+      })
+  }
 }

package/properties/properties-map/drawable-map.js

@@ -257,6 +257,25 @@ export default class DrawableMap extends DraggableMap {
 
     });
 
+    Homeflow.registerEvent('drawable_map_cancelled', () => {
+      this.map.removeLayer(this.marker_layer);
+      if (this.nonClusteringMarkerLayer) { this.map.removeLayer(this.nonClusteringMarkerLayer); }
+      if (this.geo_marker_layer != null) { this.map.removeLayer(this.geo_marker_layer); }
+      store.dispatch(setSearchField({ poly: null }));
+      if (Homeflow.get('initial_properties_payload')) {
+        const initialProperties = Homeflow.get('initial_properties_payload');
+        this.properties = initialProperties;
+        this.setMarkers();
+      }
+
+      document.querySelector('.js-draw-map-search-loader').style.display = 'none';
+      this.onMapDrag();
+    });
+
+    Homeflow.registerEvent('reset_drawable_map', () => {
+      this.resetMap();
+    })
+
     return this.map.on("draw:deleted", e => {
       this.map.removeLayer(this.marker_layer);
       if (this.nonClusteringMarkerLayer) { this.map.removeLayer(this.nonClusteringMarkerLayer); }