From 825c613db83f05171d778b9becea72e80ad5cfe2 Mon Sep 17 00:00:00 2001
From: Ben Wheeler <wheeler.benjamin@gmail.com>
Date: Tue, 1 Oct 2019 18:04:47 -0400
Subject: [PATCH 1/2] truncate custom gender to 25 chars long

---
 src/components/join-flow/gender-step.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/join-flow/gender-step.jsx b/src/components/join-flow/gender-step.jsx
index aeeb970e6..fa450eb44 100644
--- a/src/components/join-flow/gender-step.jsx
+++ b/src/components/join-flow/gender-step.jsx
@@ -150,8 +150,8 @@ class GenderStep extends React.Component {
                                     value={values.custom}
                                     /* eslint-disable react/jsx-no-bind */
                                     onSetCustom={newCustomVal => setValues({
-                                        gender: newCustomVal,
-                                        custom: newCustomVal
+                                        gender: newCustomVal.substring(0, 25),
+                                        custom: newCustomVal.substring(0, 25)
                                     })}
                                     onSetCustomRef={this.handleSetCustomRef}
                                     /* eslint-enable react/jsx-no-bind */

From 5db507201ad4f6498dcaed0089a6c4d35630be16 Mon Sep 17 00:00:00 2001
From: Ben Wheeler <wheeler.benjamin@gmail.com>
Date: Tue, 1 Oct 2019 18:15:38 -0400
Subject: [PATCH 2/2] truncate username, passwords, and email to their max
 stored lengths

---
 src/components/join-flow/email-step.jsx    | 2 +-
 src/components/join-flow/username-step.jsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/join-flow/email-step.jsx b/src/components/join-flow/email-step.jsx
index 803bd1bf8..878214d05 100644
--- a/src/components/join-flow/email-step.jsx
+++ b/src/components/join-flow/email-step.jsx
@@ -174,7 +174,7 @@ class EmailStep extends React.Component {
                                 /* eslint-disable react/jsx-no-bind */
                                 onBlur={() => validateField('email')}
                                 onChange={e => {
-                                    setFieldValue('email', e.target.value);
+                                    setFieldValue('email', e.target.value.substring(0, 254));
                                     setFieldTouched('email');
                                     setFieldError('email', null);
                                 }}
diff --git a/src/components/join-flow/username-step.jsx b/src/components/join-flow/username-step.jsx
index 007c02d2b..f325b3a7e 100644
--- a/src/components/join-flow/username-step.jsx
+++ b/src/components/join-flow/username-step.jsx
@@ -157,7 +157,7 @@ class UsernameStep extends React.Component {
                                     /* eslint-disable react/jsx-no-bind */
                                     onBlur={() => validateField('username')}
                                     onChange={e => {
-                                        setFieldValue('username', e.target.value);
+                                        setFieldValue('username', e.target.value.substring(0, 30));
                                         setFieldTouched('username');
                                         setFieldError('username', null);
                                     }}
@@ -187,7 +187,7 @@ class UsernameStep extends React.Component {
                                         validationClassName="validation-full-width-input"
                                         onBlur={() => validateField('password')}
                                         onChange={e => {
-                                            setFieldValue('password', e.target.value);
+                                            setFieldValue('password', e.target.value.substring(0, 128));
                                             setFieldTouched('password');
                                             setFieldError('password', null);
                                         }}
@@ -225,7 +225,7 @@ class UsernameStep extends React.Component {
                                         validationClassName="validation-full-width-input"
                                         onBlur={() => validateField('passwordConfirm')}
                                         onChange={e => {
-                                            setFieldValue('passwordConfirm', e.target.value);
+                                            setFieldValue('passwordConfirm', e.target.value.substring(0, 128));
                                             setFieldTouched('passwordConfirm');
                                             setFieldError('passwordConfirm', null);
                                         }}