Implement legal consent checkbox state change handling

app/hub/Views/CreateAccountView/CreateAccountView.jsx

@@ -36,7 +36,8 @@ const CreateAccountView = (props) => {
 		legalConsentChecked,
 		promotionsChecked,
 		handleInputChange,
-		handleCheckboxChange,
+		handleLegalConsentCheckboxChange,
+		handlePromotionsCheckboxChange,
 		handleSubmit,
 	} = props;
 
@@ -168,21 +169,23 @@ const CreateAccountView = (props) => {
 					<div className="columns small-12 medium-5">
 						<div className="CreateAccountView__checkboxContainer CreateAccountView--marginBottom flex-container align-middle">
 							<ToggleCheckbox
+								name="legalConsentChecked"
 								checked={legalConsentChecked}
-								onChange={handleCheckboxChange}
+								onChange={handleLegalConsentCheckboxChange}
 							/>
 							<span
 								className="CreateAccountView__inputLabel clickable"
-								onClick={handleCheckboxChange}
+								onClick={handleLegalConsentCheckboxChange}
 								dangerouslySetInnerHTML={{ __html: t('create_account_form_legal_consent_checkbox_label') }}
 							/>
 						</div>
 						<div className="CreateAccountView__checkboxContainer CreateAccountView--marginBottom flex-container align-middle">
 							<ToggleCheckbox
+								name="promotionsChecked"
 								checked={promotionsChecked}
-								onChange={handleCheckboxChange}
+								onChange={handlePromotionsCheckboxChange}
 							/>
-							<span className="CreateAccountView__inputLabel clickable" onClick={handleCheckboxChange}>
+							<span className="CreateAccountView__inputLabel clickable" onClick={handlePromotionsCheckboxChange}>
 								{t('hub_create_account_checkbox_promotions')}
 							</span>
 						</div>
@@ -224,13 +227,14 @@ CreateAccountView.propTypes = {
 	confirmEmailError: PropTypes.bool.isRequired,
 	firstName: PropTypes.string.isRequired,
 	lastName: PropTypes.string.isRequired,
+	legalConsentChecked: PropTypes.bool.isRequired,
 	password: PropTypes.string.isRequired,
 	passwordInvalidError: PropTypes.bool.isRequired,
 	passwordLengthError: PropTypes.bool.isRequired,
-	legalConsentChecked: PropTypes.bool.isRequired,
 	promotionsChecked: PropTypes.bool.isRequired,
 	handleInputChange: PropTypes.func.isRequired,
-	handleCheckboxChange: PropTypes.func.isRequired,
+	handleLegalConsentCheckboxChange: PropTypes.func.isRequired,
+	handlePromotionsCheckboxChange: PropTypes.func.isRequired,
 	handleSubmit: PropTypes.func.isRequired,
 };
 

app/hub/Views/CreateAccountView/CreateAccountViewContainer.jsx

@@ -37,10 +37,10 @@ class CreateAccountViewContainer extends Component {
 			confirmEmailError: false,
 			firstName: '',
 			lastName: '',
+			legalConsentChecked: false,
 			password: '',
 			passwordInvalidError: false,
 			passwordLengthError: false,
-			legalConsentChecked: false,
 			promotionsChecked: true,
 			validateInput: false,
 		};
@@ -94,9 +94,17 @@ class CreateAccountViewContainer extends Component {
 	}
 
 	/**
-	 * Update input checkbox values by updating state.
+	 * Update legal consetnt checkbox  value by updating state
+	 */
+	_handleLegalConsentCheckboxChange = () => {
+		const legalConsentChecked = !this.state.legalConsentChecked;
+		this.setState({ legalConsentChecked });
+	}
+
+	/**
+	 * Update promotions checkbox value by updating state
 	 */
-	_handleCheckboxChange = () => {
+	_handlePromotionsCheckboxChange = () => {
 		const promotionsChecked = !this.state.promotionsChecked;
 		this.setState({ promotionsChecked });
 	}
@@ -112,8 +120,8 @@ class CreateAccountViewContainer extends Component {
 			confirmEmail,
 			firstName,
 			lastName,
-			password,
 			legalConsentChecked,
+			password,
 			promotionsChecked
 		} = this.state;
 		const emailIsValid = email && validateEmail(email);
@@ -168,10 +176,10 @@ class CreateAccountViewContainer extends Component {
 			confirmEmailError,
 			firstName,
 			lastName,
+			legalConsentChecked,
 			password,
 			passwordInvalidError,
 			passwordLengthError,
-			legalConsentChecked,
 			promotionsChecked,
 		} = this.state;
 		const createAccountChildProps = {
@@ -181,13 +189,14 @@ class CreateAccountViewContainer extends Component {
 			confirmEmailError,
 			firstName,
 			lastName,
+			legalConsentChecked,
 			password,
 			passwordInvalidError,
 			passwordLengthError,
-			legalConsentChecked,
 			promotionsChecked,
 			handleInputChange: this._handleInputChange,
-			handleCheckboxChange: this._handleCheckboxChange,
+			handleLegalConsentCheckboxChange: this._handleLegalConsentCheckboxChange,
+			handlePromotionsCheckboxChange: this._handlePromotionsCheckboxChange,
 			handleSubmit: this._handleCreateAccountAttempt
 		};
 		const signedInChildProps = {