Refactor first time flow, remove seed phrase from state (#5994)

* Refactor and fix styling for first time flow. Remove seed phrase from persisted metamask state

* Fix linting and tests

* Fix translations, initialization notice routing

* Fix drizzle tests

* Fix e2e tests

* Fix integration tests

* Fix styling

* Fix migration naming from 030 to 031

* Open extension in browser when user has not completed onboarding

3 files changed, 78 insertions, 0 deletions

diff --git a/ui/app/components/pages/first-time-flow/first-time-flow-switch/first-time-flow-switch.component.js b/ui/app/components/pages/first-time-flow/first-time-flow-switch/first-time-flow-switch.component.js
new file mode 100644
index 000000000..9e8bce2c8
--- /dev/null
+++ b/ui/app/components/pages/first-time-flow/first-time-flow-switch/first-time-flow-switch.component.js
@@ -0,0 +1,57 @@
+import React, { PureComponent } from 'react'
+import PropTypes from 'prop-types'
+import { Redirect } from 'react-router-dom'
+import {
+  DEFAULT_ROUTE,
+  LOCK_ROUTE,
+  INITIALIZE_WELCOME_ROUTE,
+  INITIALIZE_NOTICE_ROUTE,
+  INITIALIZE_UNLOCK_ROUTE,
+  INITIALIZE_SEED_PHRASE_ROUTE,
+} from '../../../../routes'
+
+export default class FirstTimeFlowSwitch extends PureComponent {
+  static propTypes = {
+    completedOnboarding: PropTypes.bool,
+    isInitialized: PropTypes.bool,
+    isUnlocked: PropTypes.bool,
+    noActiveNotices: PropTypes.bool,
+    seedPhrase: PropTypes.string,
+  }
+
+  render () {
+    const {
+      completedOnboarding,
+      isInitialized,
+      isUnlocked,
+      noActiveNotices,
+      seedPhrase,
+    } = this.props
+
+    if (completedOnboarding) {
+      return <Redirect to={{ pathname: DEFAULT_ROUTE }} />
+    }
+
+    if (isUnlocked && !seedPhrase) {
+      return <Redirect to={{ pathname: LOCK_ROUTE }} />
+    }
+
+    if (!isInitialized) {
+      return <Redirect to={{ pathname: INITIALIZE_WELCOME_ROUTE }} />
+    }
+
+    if (!isUnlocked) {
+      return <Redirect to={{ pathname: INITIALIZE_UNLOCK_ROUTE }} />
+    }
+
+    if (!noActiveNotices) {
+      return <Redirect to={{ pathname: INITIALIZE_NOTICE_ROUTE }} />
+    }
+
+    if (seedPhrase) {
+      return <Redirect to={{ pathname: INITIALIZE_SEED_PHRASE_ROUTE }} />
+    }
+
+    return <Redirect to={{ pathname: INITIALIZE_WELCOME_ROUTE }} />
+  }
+}
diff --git a/ui/app/components/pages/first-time-flow/first-time-flow-switch/first-time-flow-switch.container.js b/ui/app/components/pages/first-time-flow/first-time-flow-switch/first-time-flow-switch.container.js
new file mode 100644
index 000000000..8b7a74880
--- /dev/null
+++ b/ui/app/components/pages/first-time-flow/first-time-flow-switch/first-time-flow-switch.container.js
@@ -0,0 +1,20 @@
+import { connect } from 'react-redux'
+import FirstTimeFlowSwitch from './first-time-flow-switch.component'
+
+const mapStateToProps = ({ metamask }) => {
+  const {
+    completedOnboarding,
+    isInitialized,
+    isUnlocked,
+    noActiveNotices,
+  } = metamask
+
+  return {
+    completedOnboarding,
+    isInitialized,
+    isUnlocked,
+    noActiveNotices,
+  }
+}
+
+export default connect(mapStateToProps)(FirstTimeFlowSwitch)
diff --git a/ui/app/components/pages/first-time-flow/first-time-flow-switch/index.js b/ui/app/components/pages/first-time-flow/first-time-flow-switch/index.js
new file mode 100644
index 000000000..3647756ef
--- /dev/null
+++ b/ui/app/components/pages/first-time-flow/first-time-flow-switch/index.js
@@ -0,0 +1 @@
+export { default } from './first-time-flow-switch.container'