homeflowjs 0.9.4 → 0.9.7

package/README.md

@@ -55,3 +55,6 @@ success Using linked package for "react".
 You may need to repeat this for `react-dom`.
 
 This is a known issue with peer dependencies, see this comment and containing thread for more info: https://github.com/facebook/react/issues/14257#issuecomment-439967377
+
+
+Temp commit for to publish last PR to  Jenkins

package/branches/branch-streetview/branch-streetview.component.jsx

@@ -0,0 +1,47 @@
+import React, { useEffect } from 'react';
+import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
+
+import { initGoogleMaps } from '../../actions/app.actions';
+
+const BranchStreetview = ({ initGoogleMaps, ...otherProps }) => {
+  const initializeMap = () => {
+    const branch = Homeflow.get('branch');
+
+    const panorama = new google.maps.StreetViewPanorama(document.getElementById('hfjs-branch-streetview'));
+    panorama.setPosition(new google.maps.LatLng(branch.lat, branch.lng));
+
+    if (branch.streetview) {
+      const { pitch, heading } = branch.streetview.orientation;
+      const { lat, lng } = branch.streetview.position;
+
+      panorama.setPosition(new google.maps.LatLng(lat, lng));
+      panorama.setPov({ heading, pitch });
+    } else {
+      panorama.setPosition(new google.maps.LatLng(branch.lat, branch.lng));
+    }
+
+    panorama.setVisible(true);
+  };
+
+  useEffect(() => {
+    initGoogleMaps().then(() => initializeMap());
+  });
+
+  return (
+    <div id="hfjs-branch-streetview" style={{ height: '100%' }} {...otherProps} />
+  );
+};
+
+BranchStreetview.propTypes = {
+  initGoogleMaps: PropTypes.func.isRequired,
+};
+
+const mapDispatchToProps = {
+  initGoogleMaps,
+};
+
+export default connect(
+  null,
+  mapDispatchToProps,
+)(BranchStreetview);

package/branches/index.js

@@ -1,11 +1,13 @@
 import BranchesMap from './branches-map/branches-map.component';
 import BranchMap from './branch-map/branch-map.component';
+import BranchStreetview from './branch-streetview/branch-streetview.component';
 import BranchesSearchForm from './branches-search-form/branches-search-form.component';
 import BranchesSearchInput from './branches-search-form/branches-search-input.component';
 
 export {
   BranchesMap,
   BranchMap,
+  BranchStreetview,
   BranchesSearchForm,
   BranchesSearchInput,
 };

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

@@ -126,6 +126,11 @@ class InstantValuation extends Component {
       lead.opt_in_marketing_statement = 'Get emails with the latest news and information on the local property market, our products and services.You can unsubscribe at any time.';
     }
 
+    const referrerURL = window.location.href;
+    lead.metadata = {
+      lead_url_referrer: referrerURL,
+    };
+
     const params = flatten({ search: restOfSearch, lead });
 
     const query = new URLSearchParams(params);

package/package.json

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

package/search/saved-search/saved-search.component.jsx

@@ -17,6 +17,9 @@ const SavedSearch = (props) => {
     deleteButtonClass,
     buttonSpanClass,
     userLoggedIn,
+    frequencyLabel,
+    visitSearchLabel,
+    removeSearchLabel,
   } = props;
 
   const visitSearch = (e) => {
@@ -41,7 +44,7 @@ const SavedSearch = (props) => {
       <div className="saved-search__body">
         {userLoggedIn && (
           <>
-            Email me matching properties:
+            {frequencyLabel}
             <select
               className={`saved-search__frequency ${selectClass}`}
               onChange={handleFrequencyChange}
@@ -60,7 +63,7 @@ const SavedSearch = (props) => {
           onClick={visitSearch}
           className={visitButtonClass}
         >
-          <span className={buttonSpanClass}>Visit</span>
+          <span className={buttonSpanClass}>{visitSearchLabel}</span>
         </button>
 
         <button
@@ -68,7 +71,7 @@ const SavedSearch = (props) => {
           onClick={removeSearch}
           className={deleteButtonClass}
         >
-          <span className={buttonSpanClass}>Remove</span>
+          <span className={buttonSpanClass}>{removeSearchLabel}</span>
         </button>
       </div>
     </div>
@@ -84,6 +87,9 @@ SavedSearch.propTypes = {
   deleteButtonClass: PropTypes.string,
   buttonSpanClass: PropTypes.string,
   userLoggedIn: PropTypes.bool.isRequired,
+  frequencyLabel: PropTypes.string,
+  visitSearchLabel: PropTypes.string,
+  removeSearchLabel: PropTypes.string,
 };
 
 SavedSearch.defaultProps = {
@@ -91,7 +97,10 @@ SavedSearch.defaultProps = {
   visitButtonClass: '',
   deleteButtonClass: '',
   buttonSpanClass: '',
-}
+  frequencyLabel: 'Email me matching properties:',
+  visitSearchLabel: 'Visit',
+  removeSearchLabel: 'Remove',
+};
 
 const mapStateToProps = (state) => ({
   userLoggedIn: !!state.user.currentUser.user_id,