homeflowjs 0.13.32 → 0.13.34

package/README.md

@@ -70,4 +70,3 @@ This is a known issue with peer dependencies, see this comment and containing th
 ## Deploy
 
 To create a new version of HomeflowJS when merging to master, keep an eye on the Jenkins build, it pauses and waits for publish confirmation where you can enter the new version number and publish.
-

package/instant-valuation/intro-step/intro-step.component.jsx

@@ -140,8 +140,10 @@ const IntroStep = ({
             type="text"
             value={search.postcode}
             onChange={(e) => {
-              updateState('postcode', e.target.value.toUpperCase());
-              addressLookup(e.target.value);
+              const { value } = e.target;
+
+              updateState('postcode', value?.toUpperCase());
+              if (value?.replace(/\s/g, '')?.length >= 4) addressLookup(value);
             }}
             placeholder="Enter full postcode (with a space)..."
           />

package/package.json

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

package/properties/property-map/property-leaflet-map.component.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import L from 'leaflet';
 import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet';
 
-const PropertyLeafletMap = ({ CustomPopup }) => {
+const PropertyLeafletMap = ({ CustomPopup, leafletWhenReady }) => {
   const property = Homeflow.get('property');
   const customIcon = Homeflow.get('custom_map_icon');
   const customIconAnchor = Homeflow.get('custom_map_icon_anchor');
@@ -21,6 +21,9 @@ const PropertyLeafletMap = ({ CustomPopup }) => {
       zoom={property?.agency_zoom_level || 100}
       scrollWheelZoom={false}
       style={{ height: '100%' }}
+      {...leafletWhenReady && {
+        whenReady: leafletWhenReady,
+      }}
     >
       <TileLayer
         attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
@@ -39,10 +42,12 @@ const PropertyLeafletMap = ({ CustomPopup }) => {
 
 PropertyLeafletMap.propTypes = {
   CustomPopup: PropTypes.elementType,
+  leafletWhenReady: PropTypes.func,
 };
 
 PropertyLeafletMap.defaultProps = {
   CustomPopup: null,
+  leafletWhenReady: null,
 };
 
 export default PropertyLeafletMap;

package/properties/property-map/property-map.component.jsx

@@ -76,10 +76,16 @@ class PropertyMap extends React.Component {
   }
 
   render() {
-    const { google, iconConfig, CustomPopup, placeholder } = this.props;
+    const { google, iconConfig, CustomPopup, placeholder, leafletWhenReady } = this.props;
 
     if (!google) {
-      return <LazyLeafletMap iconConfig={iconConfig} CustomPopup={CustomPopup} placeholder={placeholder} />;
+      return (
+        <LazyLeafletMap
+          iconConfig={iconConfig}
+          CustomPopup={CustomPopup}
+          placeholder={placeholder}
+          leafletWhenReady={leafletWhenReady}
+        />);
     }
 
     return (
@@ -99,6 +105,7 @@ PropertyMap.propTypes = {
   iconConfig: PropTypes.object,
   CustomPopup: PropTypes.elementType,
   placeholder: PropTypes.object,
+  leafletWhenReady: PropTypes.func,
 };
 
 PropertyMap.defaultProps = {
@@ -111,6 +118,7 @@ PropertyMap.defaultProps = {
   iconConfig: null,
   CustomPopup: null,
   placeholder: <div>Loading</div>,
+  leafletWhenReady: null,
 };
 
 const mapDispatchToProps = {