sms verification: collect data

js/src/modals/SMSVerification/GatherData/gatherData.js

@@ -25,7 +25,8 @@ import styles from './gatherData.css';
 export default class GatherData extends Component {
   static propTypes = {
     onDataIsValid: PropTypes.func.isRequired,
-    onDataIsInvalid: PropTypes.func.isRequired
+    onDataIsInvalid: PropTypes.func.isRequired,
+    onData: PropTypes.func.isRequired
   }
 
   state = {
@@ -56,6 +57,7 @@ export default class GatherData extends Component {
 
   numberOnSubmit = (value) => {
     this.numberOnChange(null, value);
+    this.props.onData({ number: value });
   }
 
   numberOnChange = (_, value) => {
@@ -68,6 +70,7 @@ export default class GatherData extends Component {
     this.setState({
       consentGiven: !!consentGiven
     }, this.onChange);
+    this.props.onData({ consent: consentGiven });
   }
 
   onChange = () => {

js/src/modals/SMSVerification/SMSVerification.js

@@ -42,8 +42,7 @@ export default class SMSVerification extends Component {
     contract: null,
     step: 0,
     stepIsValid: false,
-    number: null,
+    data: {}
-    numberError: null
   }
 
   componentDidMount () {
@@ -123,6 +122,11 @@ export default class SMSVerification extends Component {
   onDataIsInvalid = () => {
     this.setState({ stepIsValid: false });
   }
+  onData = (data) => {
+    this.setState({
+      data: Object.assign({}, this.state.data, data)
+    });
+  }
 
   next = () => {
     this.setState({ step: this.state.step + 1, stepIsValid: false });