homeflowjs 0.8.16 → 0.9.2

package/hooks/index.js

@@ -1,3 +1,7 @@
 import useDefaultSort from './use-default-sort.hook';
+import useGeolocate from './use-geolocate';
 
-export { useDefaultSort };
+export {
+  useDefaultSort,
+  useGeolocate,
+};

package/hooks/use-geolocate.js

@@ -0,0 +1,53 @@
+import { useState } from 'react';
+import notify from '../app/notify';
+
+const placesNear = (lat, long) => (
+  fetch(`/places?near=${long},${lat}`)
+    .then(response => response.json())
+    .then((suggestions) => {
+      if (!suggestions) return [];
+
+      return suggestions
+        .slice(0, 15)
+        .map(([label, place]) => ({ label, place }))
+    })
+);
+
+const useGeolocate = () => {
+  const [location, setLocation] = useState();
+
+  const onSuccess = (loc) => {
+    const { latitude, longitude } = loc.coords;
+
+    placesNear(latitude, longitude)
+      .then((suggestions) => {
+        if (!suggestions.length) return;
+
+        setLocation(suggestions[0]);
+      });
+  };
+
+  const onError = (error) => {
+    notify('Sorry, something went wrong.', 'error');
+    console.warn(`Geolocation failed: ${error.message}`);
+  };
+
+  const handleGeolocate = () => {
+    if (!window.navigator || !window.navigator.geolocation) {
+      notify('Geolocation is not supported by your browser', 'error');
+
+      return null;
+    }
+
+    notify('Fetching your location...', 'success');
+
+    window.navigator.geolocation.getCurrentPosition(onSuccess, onError);
+  };
+
+  return {
+    handleGeolocate,
+    location,
+  };
+};
+
+export default useGeolocate;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "homeflowjs",
-  "version": "0.8.16",
+  "version": "0.9.2",
   "description": "JavaScript toolkit for Homeflow themes",
   "main": "index.js",
   "scripts": {

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

@@ -218,7 +218,11 @@ export default class DraggableMap {
       if (!store.getState().app.themePreferences.google_maps_api_key) {
         console.warn('Tried to render a Google map layer without a google maps API key being set in admin.');
       }
-      layer = new L.Google('ROADMAP');
+      layer = new L.TileLayer(
+        'http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}', {
+          subdomains: ['mt0','mt1','mt2','mt3'],
+          attribution: '<img src="https://developers.google.com/maps/documentation/images/powered_by_google_on_white.png" alt="Powered by Google" />'
+      });
     }
 
     // if a callback has been passed with a custom layer, invoke it

package/properties/sort-order-select/sort-order-select.component.jsx

@@ -56,7 +56,11 @@ const SortOrderSelect = (props) => {
   };
 
   return (
-    <select value={sorted} onChange={handleChange} className={className}>
+    <select
+      value={sorted || defaultSort}
+      onChange={handleChange}
+      className={className}
+    >
       {children}
     </select>
   );