1 files changed, 0 insertions, 256 deletions
diff --git a/ui/app/components/pages/first-time-flow/create-password/import-with-seed-phrase/import-with-seed-phrase.component.js b/ui/app/components/pages/first-time-flow/create-password/import-with-seed-phrase/import-with-seed-phrase.component.js
deleted file mode 100644
index 4ecaa5895..000000000
--- a/ui/app/components/pages/first-time-flow/create-password/import-with-seed-phrase/import-with-seed-phrase.component.js
+++ /dev/null
@@ -1,256 +0,0 @@
-import {validateMnemonic} from 'bip39'
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import TextField from '../../../../text-field'
-import Button from '../../../../button'
-import {
-  INITIALIZE_SELECT_ACTION_ROUTE,
-  INITIALIZE_END_OF_FLOW_ROUTE,
-} from '../../../../../routes'
-
-export default class ImportWithSeedPhrase extends PureComponent {
-  static contextTypes = {
-    t: PropTypes.func,
-    metricsEvent: PropTypes.func,
-  }
-
-  static propTypes = {
-    history: PropTypes.object,
-    onSubmit: PropTypes.func.isRequired,
-  }
-
-  state = {
-    seedPhrase: '',
-    password: '',
-    confirmPassword: '',
-    seedPhraseError: '',
-    passwordError: '',
-    confirmPasswordError: '',
-    termsChecked: false,
-  }
-
-  parseSeedPhrase = (seedPhrase) => {
-    return seedPhrase
-      .trim()
-      .match(/\w+/g)
-      .join(' ')
-  }
-
-  handleSeedPhraseChange (seedPhrase) {
-    let seedPhraseError = ''
-
-    if (seedPhrase) {
-      const parsedSeedPhrase = this.parseSeedPhrase(seedPhrase)
-      if (parsedSeedPhrase.split(' ').length !== 12) {
-        seedPhraseError = this.context.t('seedPhraseReq')
-      } else if (!validateMnemonic(parsedSeedPhrase)) {
-        seedPhraseError = this.context.t('invalidSeedPhrase')
-      }
-    }
-
-    this.setState({ seedPhrase, seedPhraseError })
-  }
-
-  handlePasswordChange (password) {
-    const { t } = this.context
-
-    this.setState(state => {
-      const { confirmPassword } = state
-      let confirmPasswordError = ''
-      let passwordError = ''
-
-      if (password && password.length < 8) {
-        passwordError = t('passwordNotLongEnough')
-      }
-
-      if (confirmPassword && password !== confirmPassword) {
-        confirmPasswordError = t('passwordsDontMatch')
-      }
-
-      return {
-        password,
-        passwordError,
-        confirmPasswordError,
-      }
-    })
-  }
-
-  handleConfirmPasswordChange (confirmPassword) {
-    const { t } = this.context
-
-    this.setState(state => {
-      const { password } = state
-      let confirmPasswordError = ''
-
-      if (password !== confirmPassword) {
-        confirmPasswordError = t('passwordsDontMatch')
-      }
-
-      return {
-        confirmPassword,
-        confirmPasswordError,
-      }
-    })
-  }
-
-  handleImport = async event => {
-    event.preventDefault()
-
-    if (!this.isValid()) {
-      return
-    }
-
-    const { password, seedPhrase } = this.state
-    const { history, onSubmit } = this.props
-
-    try {
-      await onSubmit(password, this.parseSeedPhrase(seedPhrase))
-      this.context.metricsEvent({
-        eventOpts: {
-          category: 'Onboarding',
-          action: 'Import Seed Phrase',
-          name: 'Import Complete',
-        },
-      })
-      history.push(INITIALIZE_END_OF_FLOW_ROUTE)
-    } catch (error) {
-      this.setState({ seedPhraseError: error.message })
-    }
-  }
-
-  isValid () {
-    const {
-      seedPhrase,
-      password,
-      confirmPassword,
-      passwordError,
-      confirmPasswordError,
-      seedPhraseError,
-    } = this.state
-
-    if (!password || !confirmPassword || !seedPhrase || password !== confirmPassword) {
-      return false
-    }
-
-    if (password.length < 8) {
-      return false
-    }
-
-    return !passwordError && !confirmPasswordError && !seedPhraseError
-  }
-
-  toggleTermsCheck = () => {
-    this.context.metricsEvent({
-      eventOpts: {
-        category: 'Onboarding',
-        action: 'Import Seed Phrase',
-        name: 'Check ToS',
-      },
-    })
-
-    this.setState((prevState) => ({
-        termsChecked: !prevState.termsChecked,
-    }))
-  }
-
-  render () {
-    const { t } = this.context
-    const { seedPhraseError, passwordError, confirmPasswordError, termsChecked } = this.state
-
-    return (
-      <form
-        className="first-time-flow__form"
-        onSubmit={this.handleImport}
-      >
-        <div className="first-time-flow__create-back">
-          <a
-            onClick={e => {
-              e.preventDefault()
-              this.context.metricsEvent({
-                eventOpts: {
-                  category: 'Onboarding',
-                  action: 'Import Seed Phrase',
-                  name: 'Go Back from Onboarding Import',
-                },
-              })
-              this.props.history.push(INITIALIZE_SELECT_ACTION_ROUTE)
-            }}
-            href="#"
-          >
-            {`< Back`}
-          </a>
-        </div>
-        <div className="first-time-flow__header">
-          { t('importAccountSeedPhrase') }
-        </div>
-        <div className="first-time-flow__text-block">
-          { t('secretPhrase') }
-        </div>
-        <div className="first-time-flow__textarea-wrapper">
-          <label>{ t('walletSeed') }</label>
-          <textarea
-            className="first-time-flow__textarea"
-            onChange={e => this.handleSeedPhraseChange(e.target.value)}
-            value={this.state.seedPhrase}
-            placeholder={t('seedPhrasePlaceholder')}
-          />
-        </div>
-        {
-          seedPhraseError && (
-            <span className="error">
-              { seedPhraseError }
-            </span>
-          )
-        }
-        <TextField
-          id="password"
-          label={t('newPassword')}
-          type="password"
-          className="first-time-flow__input"
-          value={this.state.password}
-          onChange={event => this.handlePasswordChange(event.target.value)}
-          error={passwordError}
-          autoComplete="new-password"
-          margin="normal"
-          largeLabel
-        />
-        <TextField
-          id="confirm-password"
-          label={t('confirmPassword')}
-          type="password"
-          className="first-time-flow__input"
-          value={this.state.confirmPassword}
-          onChange={event => this.handleConfirmPasswordChange(event.target.value)}
-          error={confirmPasswordError}
-          autoComplete="confirm-password"
-          margin="normal"
-          largeLabel
-        />
-        <div className="first-time-flow__checkbox-container" onClick={this.toggleTermsCheck}>
-          <div className="first-time-flow__checkbox">
-            {termsChecked ? <i className="fa fa-check fa-2x" /> : null}
-          </div>
-          <span className="first-time-flow__checkbox-label">
-            I have read and agree to the <a
-              href="https://metamask.io/terms.html"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              <span className="first-time-flow__link-text">
-                { 'Terms of Use' }
-              </span>
-            </a>
-          </span>
-        </div>
-        <Button
-          type="confirm"
-          className="first-time-flow__button"
-          disabled={!this.isValid() || !termsChecked}
-          onClick={this.handleImport}
-        >
-          { t('import') }
-        </Button>
-      </form>
-    )
-  }
-}