homeflowjs 0.9.13 → 0.9.16

package/actions/user.actions.js

@@ -94,6 +94,15 @@ export const createUser = (payload) => (dispatch, getState) => {
 
       Homeflow.kickEvent('user_signed_up');
 
+      const event = new CustomEvent('formSubmission', {
+        detail:  {
+          name: 'user signed up',
+          payload,
+        }
+      });
+
+      window.dispatchEvent(event);
+
       return Promise.all(promises);
     })
     .then(() => dispatch(fetchUser()));

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

@@ -145,6 +145,15 @@ class InstantValuation extends Component {
         this.getRecentSales()
           .then((recentSalesJson) => {
             this.setState({ valuation: json, recentSales: recentSalesJson.recent_sales });
+
+            const event = new CustomEvent('formSubmission', {
+              detail:  {
+                name: 'valuation successful',
+                payload: params,
+              }
+            });
+
+            window.dispatchEvent(event);
           });
       });
   }

package/package.json

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

package/search/channel-radio-button/channel-radio-button.component.jsx

@@ -5,11 +5,11 @@ import { Radio } from 'pretty-checkbox-react';
 
 import { setChannel } from '../../actions/search.actions';
 
-const PrettyRadio = ({ channel, value, setChannel, children }) => {
+const PrettyRadio = ({ channel, value, handleChange, children }) => {
   const checked = value === channel;
 
   return (
-    <Radio name={channel} checked={checked} onChange={() => setChannel(value)}>
+    <Radio name={channel} value={value} checked={checked} onChange={handleChange}>
       {children}
     </Radio>
   );
@@ -21,10 +21,16 @@ const ChannelRadioButton = (props) => {
     value,
     channel,
     setChannel,
+    onChange,
     ...otherProps
-  } = props
+  } = props;
 
-  if (pretty) return <PrettyRadio {...props} />;
+  const handleChange = (e) => {
+    setChannel(value);
+    if (onChange) onChange(e);
+  }
+
+  if (pretty) return <PrettyRadio {...props} handleChange={handleChange} />;
 
   return (
     <input
@@ -32,7 +38,7 @@ const ChannelRadioButton = (props) => {
       name="channel"
       aria-label={`${value}-radio`}
       value={value}
-      onChange={() => setChannel(value)}
+      onChange={handleChange}
       checked={channel === value}
       {...otherProps}
     />
@@ -43,11 +49,13 @@ ChannelRadioButton.propTypes = {
   value: PropTypes.oneOf(['sales', 'lettings']),
   channel: PropTypes.string.isRequired,
   setChannel: PropTypes.func.isRequired,
+  onChange: PropTypes.func,
 };
 
 ChannelRadioButton.defaultProps = {
   // TODO: make this configurable via prop
   value: 'sales',
+  onChange: null,
 };
 
 const mapStateToProps = state => ({