homeflowjs 1.0.58 → 1.0.60

package/hooks/index.js

@@ -7,9 +7,11 @@ 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';
+import useSearchFromFragment from './use-search-from-fragment';
 
 export {
   useDefaultSort,
+  useSearchFromFragment,
   useGeolocate,
   useOutsideClick,
   useOnScreen,

package/hooks/use-search-from-fragment.js

@@ -0,0 +1,53 @@
+import { useCallback, useEffect, useState } from 'react';
+import 'regenerator-runtime/runtime';
+
+const useSearchFromFragment = ({
+  fragment,
+  channel = 'sales',
+  count = 6, // page size
+  placeId,
+}) => {
+  const [foundProperties, setFoundProperties] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+
+  const searchUrl = useCallback(() => {
+    let buildUrl = `/search.ljson?channel=${channel}`;
+
+    if (placeId) buildUrl = buildUrl += `&place_id=${placeId}`
+    if (count) buildUrl = buildUrl += `&count=${count}`
+    
+    buildUrl += `&fragment=${fragment}`
+
+    return buildUrl;
+  }, []);
+  
+  useEffect(() => {
+    const findProperties = async () => {
+      try {
+        const searchResponse = await fetch(searchUrl());
+        if (!searchResponse.ok) {
+          throw new Error('Failed to fetch properties data');
+        }
+        const { properties } = await searchResponse.json();
+        setFoundProperties(properties);
+      } catch (error) {
+        setError(error);
+        console.error(error);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+
+    if (foundProperties === null) findProperties();
+  }, []);
+
+  return {
+    foundProperties,
+    error,
+    loading,
+  };
+}
+
+export default useSearchFromFragment;

package/package.json

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

package/utils/valuation-product/price-utils.js

@@ -0,0 +1,93 @@
+/**
+ * Formats a numeric value into a human-readable price string with appropriate suffixes (e.g., "k" for thousand, "m" for million).
+ * 
+ * - Values in the millions are formatted with "m" (e.g., £1.2m).
+ * - Values in the thousands are formatted with "k" (e.g., £120k).
+ * - Values below £1 are converted to pence (e.g., 0.5 becomes "50p").
+ * 
+ * @param {number} value - The numeric value to format.
+ * @returns {string} The formatted price string.
+ */
+export const formattedPrice = (value) => {
+  const ONE_THOUSAND = 1_000;
+  const TEN_THOUSAND = 10_000;
+  const ONE_HUNDRED_THOUSAND = 100_000;
+  const ONE_MILLION = 1_000_000;
+  const TEN_MILLION = 10_000_000;
+
+  const getReducedNumber = (number, symbol, decimals = 0) => {
+    const factor = Math.pow(10, decimals);
+    const reducedNumber = number / symbol;
+    return Math.round(reducedNumber * factor) / factor;
+  };
+
+  const formatNumber = (price) => {
+    if (price >= TEN_MILLION) {
+      const reducedNumber = getReducedNumber(price, ONE_MILLION, 2);
+      return `£${reducedNumber}m`;
+    }
+
+    if (price >= ONE_MILLION) {
+      const millionFraction = price / ONE_MILLION;
+      const wholeMillions = Math.floor(millionFraction);
+      const fractionalPart = millionFraction - wholeMillions;
+
+      if ((fractionalPart >= 0.95 && price < TEN_MILLION) || price >= TEN_MILLION) {
+        return `£${wholeMillions + 1}m`;
+      } else {
+        const reducedNumber = getReducedNumber(price, ONE_MILLION, 1);
+        return `£${reducedNumber}m`;
+      }
+    }
+
+    if (price >= ONE_HUNDRED_THOUSAND && price <= 994999) {
+      const reducedNumber = getReducedNumber(price, ONE_THOUSAND);
+      return `£${reducedNumber}k`;
+    }
+
+    if (price >= TEN_THOUSAND * 2 && price <= 99499) {
+      return `£${Math.floor(price / ONE_THOUSAND)}k`;
+    }
+
+    if (price >= 99499 && price < ONE_HUNDRED_THOUSAND) {
+      const nextThousand = Math.ceil(price / ONE_THOUSAND);
+      return `£${nextThousand}k`;
+    }
+
+    if (price >= 994999 && price < ONE_MILLION) {
+      const nextMillon = Math.ceil(price / ONE_MILLION);
+      return `£${nextMillon}m`;
+    }
+
+    if (price >= 1) {
+      return `£${Math.round(price).toLocaleString()}`;
+    } else {
+      const penceValue = Math.round(price * 100);
+      return `${penceValue}p`;
+    }
+  };
+
+  return formatNumber(value);
+};
+
+
+/**
+ * Formats a numeric value into a price string prefixed with "£".
+ * 
+ * @param {number} value - The numeric value to format.
+ * @returns {string} The formatted price string.
+ */
+export const getFormattedPrice = (value) => `£${value.toLocaleString()}`;
+
+/**
+ * Calculates the monthly price based on a given yield percentage.
+ * 
+ * @param {number} value - The base value to calculate the price from.
+ * @param {number} yieldPercentage - The yield percentage to apply.
+ * @returns {string} The formatted monthly price string.
+ * @throws {ReferenceError} If `formattedPrice` is not defined.
+ */
+export const calculatePriceBasedOnYield = (value, yieldPercentage) => {
+  const percentage = yieldPercentage / 100;
+  return formattedPrice((value * percentage) / 12);
+};