homeflowjs 1.0.15 → 1.0.17

package/actions/properties.actions.js

@@ -187,7 +187,7 @@ export const postBulkPropertyExposureCreation = (payload) => () => {
 export const loadNext = () => (dispatch, getState) => {
   dispatch(setLoading({ properties: true }));
   // set page on search to page + 1
-  let newProperties = [...getState().properties.properties];
+  let newProperties = [...getState().properties?.properties];
   const nextPageSearch = { ...getState().search.initialSearch };
   const currentPageNumber = getState()?.properties?.pagination?.current_page;
   const branch = Homeflow.get('branch');

package/hooks/index.js

@@ -6,6 +6,7 @@ import usePropertyInfiniteScroll from './use-property-inifinite-scroll';
 import useLoadBranches from './use-load-branches';
 import useLoadPreviousProperties from './use-load-previous-properties';
 import useRecaptcha from './use-recaptcha';
+import useScrollTo from './use-scroll-to.hook';
 
 export {
   useDefaultSort,
@@ -15,5 +16,6 @@ export {
   usePropertyInfiniteScroll,
   useLoadBranches,
   useLoadPreviousProperties,
-  useRecaptcha
+  useRecaptcha,
+  useScrollTo,
 };

package/hooks/use-scroll-to.hook.js

@@ -0,0 +1,67 @@
+import { useEffect } from 'react';
+import { isFunction } from '../utils';
+
+const scrollToTarget = (target, { yOffset = 0 } = {}) => {
+  // If target is chunk ID
+  let targetElement;
+  if (!isNaN(target)) {
+    targetElement = document.querySelector(
+      `[data-content-id="${target}"]`,
+    );
+  }
+
+  // Check for ID or class name
+  if (!targetElement) targetElement = document.querySelector(`.${target}`);
+  if (!targetElement) targetElement = document.querySelector(`#${target}`);
+
+  if (targetElement) {
+    let verticalOffset = 0;
+    if (typeof yOffset === 'number') {
+      verticalOffset = yOffset;
+    } else if (isFunction(yOffset)) {
+      const value = yOffset();
+      if (typeof value === 'number') {
+        verticalOffset = value;
+      }
+    }
+
+    const y = targetElement.getBoundingClientRect().top
+      + window.pageYOffset + verticalOffset;
+
+    window.scrollTo({ top: y, behavior: 'smooth' });
+    history.scrollRestoration = 'manual';
+  }
+};
+
+const getTarget = (hash) => {
+  const [, search] = hash.split('?');
+  const { target } = Object.fromEntries(new URLSearchParams(search));
+  return target;
+};
+
+function handleScrollToClick(options) {
+  // eslint-disable-next-line func-names
+  return function () {
+    const target = getTarget(this.hash);
+    if (target) {
+      scrollToTarget(target, options);
+    }
+  };
+}
+
+const useScrollTo = (options) => {
+  useEffect(() => {
+    const scrollToEls = document.querySelectorAll('[href^="#scroll-to"]');
+    scrollToEls.forEach((el) => {
+      el.addEventListener(
+        'click',
+        handleScrollToClick(options),
+      );
+    });
+
+    const target = getTarget(window.location.hash);
+    scrollToTarget(target, options);
+  }, []);
+};
+
+export default useScrollTo;

package/package.json

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

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

@@ -449,6 +449,9 @@ export default class DraggableMap {
 
   buildPolygon() {
     const search = this.getSearch();
+    const place = Homeflow.get('place');
+    const placeObjectAllValuesNullOrEmpty = place ? Object.values(place)?.every(value => value === null || value === '') : true;
+
     if (Homeflow.get('enable_draw_a_map') && (search.poly != null)) {
       const polygon = new L.Polygon.fromEncoded(search.poly);
       const polygonBounds = polygon.getBounds();
@@ -460,9 +463,8 @@ export default class DraggableMap {
       });
       return this.map.fitBounds(polygonBounds);
 
-    } else if (Homeflow.get('place') != null) {
+    } else if (place != null && !placeObjectAllValuesNullOrEmpty) {
       let center;
-      const place = Homeflow.get('place');
       if (search.expandedPolygon && Homeflow.get('enable_polygon_radius_search')) {
         const expandedStyle = { weight: 2,  dashArray: "8 8", color: '#000' }
         if (place.polygon.length === 1) this.buildSubPolygons(place.polygon);

package/utils/index.js

@@ -153,3 +153,7 @@ export function JSON_to_URLEncoded(element,key,list){
   }
   return encodeURI(list.join('&'));
 }
+
+export function isFunction(functionToCheck) {
+  return functionToCheck && Object.prototype.toString.call(functionToCheck) === '[object Function]';
+}