temp: send total register time to Optimizely (#370)

Added for the launch experiment to calculate the average time per user
per variation.

src/legacy/register/RegistrationPage.jsx

@@ -76,6 +76,7 @@ class RegistrationPage extends React.Component {
       updateAlertErrors: false,
       registrationErrorsUpdated: false,
       optimizelyExperimentName: '',
+      totalRegistrationTime: 0,
     };
   }
 
@@ -164,7 +165,8 @@ class RegistrationPage extends React.Component {
 
   handleSubmit = (e) => {
     e.preventDefault();
-    const totalRegistrationTime = (Date.now() - this.state.startTime) / 1000;
+    const { startTime } = this.state;
+    const totalRegistrationTime = (Date.now() - startTime) / 1000;
     let payload = {
       name: this.state.name,
       username: this.state.username,
@@ -199,7 +201,11 @@ class RegistrationPage extends React.Component {
     });
     if (finalValidation) {
       payload.totalRegistrationTime = totalRegistrationTime;
-      this.props.registerNewUser(payload);
+      this.setState({
+        totalRegistrationTime,
+      }, () => {
+        this.props.registerNewUser(payload);
+      });
     }
   }
 
@@ -452,6 +458,9 @@ class RegistrationPage extends React.Component {
       window.optimizely.push({
         type: 'event',
         eventName: 'authn-register-conversion',
+        tags: {
+          value: this.state.totalRegistrationTime,
+        },
       });
 
       if (this.state.optimizelyExperimentName !== 'progressiveProfilingConcept1') {

src/redesign/register/RegistrationPage.jsx

@@ -77,6 +77,7 @@ class RegistrationPage extends React.Component {
       showOptionalField: false,
       startTime: Date.now(),
       optimizelyExperimentName: '',
+      totalRegistrationTime: 0,
     };
   }
 
@@ -170,7 +171,8 @@ class RegistrationPage extends React.Component {
 
   handleSubmit = (e) => {
     e.preventDefault();
-    const totalRegistrationTime = (Date.now() - this.state.startTime) / 1000;
+    const { startTime } = this.state;
+    const totalRegistrationTime = (Date.now() - startTime) / 1000;
     let payload = {
       name: this.state.name,
       username: this.state.username,
@@ -209,7 +211,11 @@ class RegistrationPage extends React.Component {
     });
 
     payload.totalRegistrationTime = totalRegistrationTime;
-    this.props.registerNewUser(payload);
+    this.setState({
+      totalRegistrationTime,
+    }, () => {
+      this.props.registerNewUser(payload);
+    });
   }
 
   handleOnBlur = (e) => {
@@ -468,6 +474,9 @@ class RegistrationPage extends React.Component {
       window.optimizely.push({
         type: 'event',
         eventName: 'authn-register-conversion',
+        tags: {
+          value: this.state.totalRegistrationTime,
+        },
       });
 
       if (window.optimizelyExperimentName !== 'VAN-504-PP-Exp') {