homeflowjs 0.13.5 → 0.13.6

package/package.json

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

package/properties/properties-map/geonames-map.js

@@ -252,6 +252,18 @@ export default class GeonamesMap extends DraggableMap {
     this.propertiesLayer.addTo(this.map);
   }
 
+  popup(marker) {
+    const formatter = Intl.NumberFormat('en', { notation: 'compact' });
+    const priceValue = marker?.property?.price_value;
+    const formattedPrice = priceValue ? formatter.format(priceValue) : null;
+
+    if (!priceValue) return;
+
+    return `
+      <div class="geomap__property-popup">£${formattedPrice}</div>
+    `;
+  }
+
   generateMarker(propertyOrGeoname) {
     const marker = L.marker(
       [propertyOrGeoname.lat, propertyOrGeoname.lng],
@@ -268,6 +280,15 @@ export default class GeonamesMap extends DraggableMap {
       }
     });
 
+    marker.on('mouseover', (e) => {
+      if (!marker?.property) return;
+
+      L.popup({ closeButton: false, offset: [0, -40] })
+        .setLatLng(e.latlng)
+        .setContent(this.popup(marker))
+        .openOn(this.map)
+    });
+
     if (Homeflow.get('show_geoname_polygon_on_mouseover') && propertyOrGeoname.polygon?.length) {
       marker.on('mouseover', () => this.geonameMarkerMouseOver(marker));
       marker.on('mouseout', () => this.geonameMarkerMouseOut(marker));