homeflowjs 0.9.6 → 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/package.json

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