feature/default_network_editable
brunobar79
6 years ago
commit
7c9d942ba1
@ -1,6 +1,13 @@ |
|||||||
#!/usr/bin/env bash |
#!/usr/bin/env bash |
||||||
|
echo "Checking if firefox was already downloaded" |
||||||
echo "Downloading firefox..." |
if [ -d "firefox" ] |
||||||
wget https://ftp.mozilla.org/pub/firefox/releases/58.0/linux-x86_64/en-US/firefox-58.0.tar.bz2 \ |
then |
||||||
&& tar xjf firefox-58.0.tar.bz2 |
echo "Firefox found. No need to download" |
||||||
echo "firefox download complete" |
else |
||||||
|
FIREFOX_VERSION="61.0.1" |
||||||
|
FIREFOX_BINARY="firefox-$FIREFOX_VERSION.tar.bz2" |
||||||
|
echo "Downloading firefox..." |
||||||
|
wget "https://ftp.mozilla.org/pub/firefox/releases/$FIREFOX_VERSION/linux-x86_64/en-US/$FIREFOX_BINARY" \ |
||||||
|
&& tar xjf "$FIREFOX_BINARY" |
||||||
|
echo "firefox download complete" |
||||||
|
fi |
||||||
|
|||||||
@ -0,0 +1,52 @@ |
|||||||
|
<html> |
||||||
|
<head> |
||||||
|
<title>MetaMask</title> |
||||||
|
<style> |
||||||
|
*{ |
||||||
|
padding: 0; |
||||||
|
margin: 0; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
img{ |
||||||
|
display: block; |
||||||
|
} |
||||||
|
html, body{ |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
.app{ |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
height: auto; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
img{ |
||||||
|
display: block; |
||||||
|
width: 100%; |
||||||
|
height: auto; |
||||||
|
} |
||||||
|
h2{ |
||||||
|
display: block; |
||||||
|
width: 100%; |
||||||
|
overflow: hidden; |
||||||
|
position: absolute; |
||||||
|
bottom: 20%; |
||||||
|
left: 0; |
||||||
|
color: #1b243d; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
h2 > a{ |
||||||
|
color: #1b243d; |
||||||
|
} |
||||||
|
</style> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<div class="app"> |
||||||
|
<img src="./images/404.png" alt=""> |
||||||
|
<h2>Powered by <a href="https://www.portal.network/">Portal Network</a></h2> |
||||||
|
</div> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,79 @@ |
|||||||
|
<html> |
||||||
|
<head> |
||||||
|
<title>MetaMask Error</title> |
||||||
|
<link href="https://fonts.googleapis.com/css?family=Rokkitt" rel="stylesheet"> |
||||||
|
<style> |
||||||
|
*{ |
||||||
|
padding: 0; |
||||||
|
margin: 0; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
img{ |
||||||
|
display: block; |
||||||
|
} |
||||||
|
html, body{ |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
@keyframes logoAmin{ |
||||||
|
from {transform: scale(1);} |
||||||
|
50%{transform: scale(1.1);} |
||||||
|
to {transform: scale(1);} |
||||||
|
} |
||||||
|
.errorBox{ |
||||||
|
width: 70%; |
||||||
|
height: auto; |
||||||
|
overflow: hidden; |
||||||
|
background-image: url("./images/deadface.png"); |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-position: 100% 50%; |
||||||
|
background-size: auto 90%; |
||||||
|
padding: 5px; |
||||||
|
} |
||||||
|
.errorBox > img{ |
||||||
|
width: 100px; |
||||||
|
height: auto; |
||||||
|
margin-bottom: 25px; |
||||||
|
animation: logoAmin 1s infinite linear; |
||||||
|
} |
||||||
|
.errorBox > h1, .errorBox > h2{ |
||||||
|
letter-spacing: 2px; |
||||||
|
} |
||||||
|
.errorBox > h1{ |
||||||
|
color: #9b9b9b; |
||||||
|
font-size: 40px; |
||||||
|
} |
||||||
|
.errorBox > h2{ |
||||||
|
color: #1b243d; |
||||||
|
font-size: 20px; |
||||||
|
padding-top: 5px; |
||||||
|
} |
||||||
|
.errorBox > h2 >a{ |
||||||
|
color: #1b243d; |
||||||
|
} |
||||||
|
.errorBox > h2 >a:hover{ |
||||||
|
color: #44588e; |
||||||
|
} |
||||||
|
|
||||||
|
.errorBox > h1 > span{ |
||||||
|
color: #33559f; |
||||||
|
} |
||||||
|
|
||||||
|
</style> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<div class="errorBox"> |
||||||
|
<img src="./images/logo.png" alt=""> |
||||||
|
<h1><span id="name"></span> not found</h1> |
||||||
|
<h2>Powered by <a href="https://www.portal.network/">Portal Network</a></h2> |
||||||
|
</div> |
||||||
|
<script> |
||||||
|
let index = location.href.lastIndexOf("?name=") |
||||||
|
let name = location.href.slice(index + 6) |
||||||
|
document.getElementById("name").innerHTML = name |
||||||
|
</script> |
||||||
|
</body> |
||||||
|
</html> |
||||||
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 93 KiB |
@ -0,0 +1,35 @@ |
|||||||
|
<html> |
||||||
|
<head> |
||||||
|
<title>MetaMask Loading</title> |
||||||
|
<style> |
||||||
|
#div-logo { |
||||||
|
position: absolute; |
||||||
|
top: 50%; |
||||||
|
left: 50%; |
||||||
|
transform: translate(-50%, -50%); |
||||||
|
width: 256px; |
||||||
|
} |
||||||
|
#logo { |
||||||
|
width: 100%; |
||||||
|
animation: pulse 1s ease-in-out infinite; |
||||||
|
} |
||||||
|
@keyframes pulse { |
||||||
|
0% { |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
50% { |
||||||
|
opacity: 0.5; |
||||||
|
transform: scale(0.95, 0.95); |
||||||
|
} |
||||||
|
100% { |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<div id="div-logo"> |
||||||
|
<img id="logo" src="./images/loginglogo.svg"> |
||||||
|
</div> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1 @@ |
|||||||
|
module.exports = [{'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}], 'name': 'resolver', 'outputs': [{'name': '', 'type': 'address'}], 'payable': false, 'type': 'function'}, {'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}], 'name': 'owner', 'outputs': [{'name': '', 'type': 'address'}], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'label', 'type': 'bytes32'}, {'name': 'owner', 'type': 'address'}], 'name': 'setSubnodeOwner', 'outputs': [], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'ttl', 'type': 'uint64'}], 'name': 'setTTL', 'outputs': [], 'payable': false, 'type': 'function'}, {'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}], 'name': 'ttl', 'outputs': [{'name': '', 'type': 'uint64'}], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'resolver', 'type': 'address'}], 'name': 'setResolver', 'outputs': [], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'owner', 'type': 'address'}], 'name': 'setOwner', 'outputs': [], 'payable': false, 'type': 'function'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': false, 'name': 'owner', 'type': 'address'}], 'name': 'Transfer', 'type': 'event'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': true, 'name': 'label', 'type': 'bytes32'}, {'indexed': false, 'name': 'owner', 'type': 'address'}], 'name': 'NewOwner', 'type': 'event'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': false, 'name': 'resolver', 'type': 'address'}], 'name': 'NewResolver', 'type': 'event'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': false, 'name': 'ttl', 'type': 'uint64'}], 'name': 'NewTTL', 'type': 'event'}] |
||||||
@ -0,0 +1,2 @@ |
|||||||
|
module.exports = |
||||||
|
[{'constant': true, 'inputs': [{'name': 'interfaceID', 'type': 'bytes4'}], 'name': 'supportsInterface', 'outputs': [{'name': '', 'type': 'bool'}], 'payable': false, 'type': 'function'}, {'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'contentTypes', 'type': 'uint256'}], 'name': 'ABI', 'outputs': [{'name': 'contentType', 'type': 'uint256'}, {'name': 'data', 'type': 'bytes'}], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'x', 'type': 'bytes32'}, {'name': 'y', 'type': 'bytes32'}], 'name': 'setPubkey', 'outputs': [], 'payable': false, 'type': 'function'}, {'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}], 'name': 'content', 'outputs': [{'name': 'ret', 'type': 'bytes32'}], 'payable': false, 'type': 'function'}, {'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}], 'name': 'addr', 'outputs': [{'name': 'ret', 'type': 'address'}], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'contentType', 'type': 'uint256'}, {'name': 'data', 'type': 'bytes'}], 'name': 'setABI', 'outputs': [], 'payable': false, 'type': 'function'}, {'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}], 'name': 'name', 'outputs': [{'name': 'ret', 'type': 'string'}], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'name', 'type': 'string'}], 'name': 'setName', 'outputs': [], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'hash', 'type': 'bytes32'}], 'name': 'setContent', 'outputs': [], 'payable': false, 'type': 'function'}, {'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}], 'name': 'pubkey', 'outputs': [{'name': 'x', 'type': 'bytes32'}, {'name': 'y', 'type': 'bytes32'}], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'addr', 'type': 'address'}], 'name': 'setAddr', 'outputs': [], 'payable': false, 'type': 'function'}, {'inputs': [{'name': 'ensAddr', 'type': 'address'}], 'payable': false, 'type': 'constructor'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': false, 'name': 'a', 'type': 'address'}], 'name': 'AddrChanged', 'type': 'event'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': false, 'name': 'hash', 'type': 'bytes32'}], 'name': 'ContentChanged', 'type': 'event'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': false, 'name': 'name', 'type': 'string'}], 'name': 'NameChanged', 'type': 'event'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': true, 'name': 'contentType', 'type': 'uint256'}], 'name': 'ABIChanged', 'type': 'event'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': false, 'name': 'x', 'type': 'bytes32'}, {'indexed': false, 'name': 'y', 'type': 'bytes32'}], 'name': 'PubkeyChanged', 'type': 'event'}] |
||||||
@ -0,0 +1,40 @@ |
|||||||
|
const extension = require('extensionizer') |
||||||
|
const resolver = require('./resolver.js') |
||||||
|
|
||||||
|
module.exports = function (provider) { |
||||||
|
extension.webRequest.onBeforeRequest.addListener(details => { |
||||||
|
const urlhttpreplace = details.url.replace(/\w+?:\/\//, '') |
||||||
|
const url = urlhttpreplace.replace(/[\\/].*/g, '') // eslint-disable-line no-useless-escape
|
||||||
|
let domainhtml = urlhttpreplace.match(/[\\/].*/g) // eslint-disable-line no-useless-escape
|
||||||
|
let clearTime = null |
||||||
|
const name = url.replace(/\/$/g, '') |
||||||
|
if (domainhtml === null) domainhtml = [''] |
||||||
|
extension.tabs.getSelected(null, tab => { |
||||||
|
extension.tabs.update(tab.id, { url: 'loading.html' }) |
||||||
|
|
||||||
|
clearTime = setTimeout(() => { |
||||||
|
return extension.tabs.update(tab.id, { url: '404.html' }) |
||||||
|
}, 60000) |
||||||
|
|
||||||
|
resolver.resolve(name, provider).then(ipfsHash => { |
||||||
|
clearTimeout(clearTime) |
||||||
|
let url = 'https://ipfs.infura.io/ipfs/' + ipfsHash + domainhtml[0] |
||||||
|
return fetch(url, { method: 'HEAD' }).then(response => response.status).then(statusCode => { |
||||||
|
if (statusCode !== 200) return extension.tabs.update(tab.id, { url: '404.html' }) |
||||||
|
extension.tabs.update(tab.id, { url: url }) |
||||||
|
}) |
||||||
|
.catch(err => { |
||||||
|
url = 'https://ipfs.infura.io/ipfs/' + ipfsHash + domainhtml[0] |
||||||
|
extension.tabs.update(tab.id, {url: url}) |
||||||
|
return err |
||||||
|
}) |
||||||
|
}) |
||||||
|
.catch(err => { |
||||||
|
clearTimeout(clearTime) |
||||||
|
const url = err === 'unsupport' ? 'unsupport' : 'error' |
||||||
|
extension.tabs.update(tab.id, {url: `${url}.html?name=${name}`}) |
||||||
|
}) |
||||||
|
}) |
||||||
|
return { cancel: true } |
||||||
|
}, {urls: ['*://*.eth/', '*://*.eth/*']}) |
||||||
|
} |
||||||
@ -0,0 +1,71 @@ |
|||||||
|
const namehash = require('eth-ens-namehash') |
||||||
|
const multihash = require('multihashes') |
||||||
|
const HttpProvider = require('ethjs-provider-http') |
||||||
|
const Eth = require('ethjs-query') |
||||||
|
const EthContract = require('ethjs-contract') |
||||||
|
const registrarAbi = require('./contracts/registrar') |
||||||
|
const resolverAbi = require('./contracts/resolver') |
||||||
|
|
||||||
|
function ens (name, provider) { |
||||||
|
const eth = new Eth(new HttpProvider(getProvider(provider.type))) |
||||||
|
const hash = namehash.hash(name) |
||||||
|
const contract = new EthContract(eth) |
||||||
|
const Registrar = contract(registrarAbi).at(getRegistrar(provider.type)) |
||||||
|
return new Promise((resolve, reject) => { |
||||||
|
if (provider.type === 'mainnet' || provider.type === 'ropsten') { |
||||||
|
Registrar.resolver(hash).then((address) => { |
||||||
|
if (address === '0x0000000000000000000000000000000000000000') { |
||||||
|
reject(null) |
||||||
|
} else { |
||||||
|
const Resolver = contract(resolverAbi).at(address['0']) |
||||||
|
return Resolver.content(hash) |
||||||
|
} |
||||||
|
}).then((contentHash) => { |
||||||
|
if (contentHash['0'] === '0x0000000000000000000000000000000000000000000000000000000000000000') reject(null) |
||||||
|
if (contentHash.ret !== '0x') { |
||||||
|
const hex = contentHash['0'].substring(2) |
||||||
|
const buf = multihash.fromHexString(hex) |
||||||
|
resolve(multihash.toB58String(multihash.encode(buf, 'sha2-256'))) |
||||||
|
} else { |
||||||
|
reject(null) |
||||||
|
} |
||||||
|
}) |
||||||
|
} else { |
||||||
|
return reject('unsupport') |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
function getProvider (type) { |
||||||
|
switch (type) { |
||||||
|
case 'mainnet': |
||||||
|
return 'https://mainnet.infura.io/' |
||||||
|
case 'ropsten': |
||||||
|
return 'https://ropsten.infura.io/' |
||||||
|
default: |
||||||
|
return 'http://localhost:8545/' |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
function getRegistrar (type) { |
||||||
|
switch (type) { |
||||||
|
case 'mainnet': |
||||||
|
return '0x314159265dd8dbb310642f98f50c066173c1259b' |
||||||
|
case 'ropsten': |
||||||
|
return '0x112234455c3a32fd11230c42e7bccd4a84e02010' |
||||||
|
default: |
||||||
|
return '0x0000000000000000000000000000000000000000' |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
module.exports.resolve = function (name, provider) { |
||||||
|
const path = name.split('.') |
||||||
|
const tld = path[path.length - 1] |
||||||
|
if (tld === 'eth') { |
||||||
|
return ens(name, provider) |
||||||
|
} else { |
||||||
|
return new Promise((resolve, reject) => { |
||||||
|
reject(null) |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,59 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<title>MetaMask</title> |
||||||
|
</head> |
||||||
|
<style> |
||||||
|
*{ |
||||||
|
padding: 0; |
||||||
|
margin: 0; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
img{ |
||||||
|
display: block; |
||||||
|
} |
||||||
|
html, body{ |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
@keyframes logoAmin{ |
||||||
|
from {transform: scale(1);} |
||||||
|
50%{transform: scale(1.1);} |
||||||
|
to {transform: scale(1);} |
||||||
|
} |
||||||
|
.unsupport{ |
||||||
|
width: 80%; |
||||||
|
height: auto; |
||||||
|
overflow: hidden; |
||||||
|
padding: 10px; |
||||||
|
} |
||||||
|
.unsupport > img{ |
||||||
|
margin: 0 auto 31px auto; |
||||||
|
width: 136px; |
||||||
|
height: auto; |
||||||
|
animation: logoAmin 1s infinite linear; |
||||||
|
} |
||||||
|
.unsupport > h1{ |
||||||
|
text-align: center; |
||||||
|
font-family: Gotham; |
||||||
|
font-size: 18px; |
||||||
|
font-weight: 500; |
||||||
|
font-style: normal; |
||||||
|
font-stretch: normal; |
||||||
|
line-height: normal; |
||||||
|
letter-spacing: 1.3px; |
||||||
|
color: #33559f; |
||||||
|
} |
||||||
|
|
||||||
|
</style> |
||||||
|
<body> |
||||||
|
<div class="unsupport"> |
||||||
|
<img src="./images/cancel.png" alt=""> |
||||||
|
<h1>ENS resolver only support on Ethereum mainnet</h1> |
||||||
|
</div> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -1,178 +1,189 @@ |
|||||||
const { withRouter } = require('react-router-dom') |
import React, { Component } from 'react' |
||||||
const PropTypes = require('prop-types') |
import PropTypes from 'prop-types' |
||||||
const { compose } = require('recompose') |
import {connect} from 'react-redux' |
||||||
const PersistentForm = require('../../../../lib/persistent-form') |
import { |
||||||
const connect = require('../../../metamask-connect') |
createNewVaultAndRestore, |
||||||
const h = require('react-hyperscript') |
unMarkPasswordForgotten, |
||||||
const { createNewVaultAndRestore, unMarkPasswordForgotten } = require('../../../actions') |
} from '../../../actions' |
||||||
const { DEFAULT_ROUTE } = require('../../../routes') |
import { DEFAULT_ROUTE } from '../../../routes' |
||||||
const log = require('loglevel') |
import TextField from '../../text-field' |
||||||
|
|
||||||
class RestoreVaultPage extends PersistentForm { |
class RestoreVaultPage extends Component { |
||||||
constructor (props) { |
static contextTypes = { |
||||||
super(props) |
t: PropTypes.func, |
||||||
|
|
||||||
this.state = { |
|
||||||
error: null, |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
createOnEnter (event) { |
static propTypes = { |
||||||
if (event.key === 'Enter') { |
warning: PropTypes.string, |
||||||
this.createNewVaultAndRestore() |
createNewVaultAndRestore: PropTypes.func.isRequired, |
||||||
} |
leaveImportSeedScreenState: PropTypes.func, |
||||||
|
history: PropTypes.object, |
||||||
|
isLoading: PropTypes.bool, |
||||||
|
}; |
||||||
|
|
||||||
|
state = { |
||||||
|
seedPhrase: '', |
||||||
|
password: '', |
||||||
|
confirmPassword: '', |
||||||
|
seedPhraseError: null, |
||||||
|
passwordError: null, |
||||||
|
confirmPasswordError: null, |
||||||
} |
} |
||||||
|
|
||||||
cancel () { |
parseSeedPhrase = (seedPhrase) => { |
||||||
this.props.unMarkPasswordForgotten() |
return seedPhrase |
||||||
.then(this.props.history.push(DEFAULT_ROUTE)) |
.match(/\w+/g) |
||||||
|
.join(' ') |
||||||
} |
} |
||||||
|
|
||||||
createNewVaultAndRestore () { |
handleSeedPhraseChange (seedPhrase) { |
||||||
this.setState({ error: null }) |
let seedPhraseError = null |
||||||
|
|
||||||
|
if (seedPhrase && this.parseSeedPhrase(seedPhrase).split(' ').length !== 12) { |
||||||
|
seedPhraseError = this.context.t('seedPhraseReq') |
||||||
|
} |
||||||
|
|
||||||
|
this.setState({ seedPhrase, seedPhraseError }) |
||||||
|
} |
||||||
|
|
||||||
// check password
|
handlePasswordChange (password) { |
||||||
var passwordBox = document.getElementById('password-box') |
const { confirmPassword } = this.state |
||||||
var password = passwordBox.value |
let confirmPasswordError = null |
||||||
var passwordConfirmBox = document.getElementById('password-box-confirm') |
let passwordError = null |
||||||
var passwordConfirm = passwordConfirmBox.value |
|
||||||
|
|
||||||
if (password.length < 8) { |
if (password && password.length < 8) { |
||||||
this.setState({ error: 'Password not long enough' }) |
passwordError = this.context.t('passwordNotLongEnough') |
||||||
return |
|
||||||
} |
} |
||||||
|
|
||||||
if (password !== passwordConfirm) { |
if (confirmPassword && password !== confirmPassword) { |
||||||
this.setState({ error: 'Passwords don\'t match' }) |
confirmPasswordError = this.context.t('passwordsDontMatch') |
||||||
return |
|
||||||
} |
} |
||||||
|
|
||||||
// check seed
|
this.setState({ password, passwordError, confirmPasswordError }) |
||||||
var seedBox = document.querySelector('textarea.twelve-word-phrase') |
} |
||||||
var seed = seedBox.value.trim() |
|
||||||
if (seed.split(' ').length !== 12) { |
handleConfirmPasswordChange (confirmPassword) { |
||||||
this.setState({ error: 'Seed phrases are 12 words long' }) |
const { password } = this.state |
||||||
return |
let confirmPasswordError = null |
||||||
|
|
||||||
|
if (password !== confirmPassword) { |
||||||
|
confirmPasswordError = this.context.t('passwordsDontMatch') |
||||||
} |
} |
||||||
|
|
||||||
// submit
|
this.setState({ confirmPassword, confirmPasswordError }) |
||||||
this.props.createNewVaultAndRestore(password, seed) |
} |
||||||
.then(() => this.props.history.push(DEFAULT_ROUTE)) |
|
||||||
.catch(({ message }) => { |
onClick = () => { |
||||||
this.setState({ error: message }) |
const { password, seedPhrase } = this.state |
||||||
log.error(message) |
const { |
||||||
}) |
createNewVaultAndRestore, |
||||||
|
leaveImportSeedScreenState, |
||||||
|
history, |
||||||
|
} = this.props |
||||||
|
|
||||||
|
leaveImportSeedScreenState() |
||||||
|
createNewVaultAndRestore(password, this.parseSeedPhrase(seedPhrase)) |
||||||
|
.then(() => history.push(DEFAULT_ROUTE)) |
||||||
|
} |
||||||
|
|
||||||
|
hasError () { |
||||||
|
const { passwordError, confirmPasswordError, seedPhraseError } = this.state |
||||||
|
return passwordError || confirmPasswordError || seedPhraseError |
||||||
} |
} |
||||||
|
|
||||||
render () { |
render () { |
||||||
const { error } = this.state |
const { |
||||||
this.persistentFormParentId = 'restore-vault-form' |
seedPhrase, |
||||||
|
password, |
||||||
|
confirmPassword, |
||||||
|
seedPhraseError, |
||||||
|
passwordError, |
||||||
|
confirmPasswordError, |
||||||
|
} = this.state |
||||||
|
const { t } = this.context |
||||||
|
const { isLoading } = this.props |
||||||
|
const disabled = !seedPhrase || !password || !confirmPassword || isLoading || this.hasError() |
||||||
|
|
||||||
return ( |
return ( |
||||||
h('.initialize-screen.flex-column.flex-center.flex-grow', [ |
<div className="first-view-main-wrapper"> |
||||||
|
<div className="first-view-main"> |
||||||
h('h3.flex-center.text-transform-uppercase', { |
<div className="import-account"> |
||||||
style: { |
<a |
||||||
background: '#EBEBEB', |
className="import-account__back-button" |
||||||
color: '#AEAEAE', |
onClick={e => { |
||||||
marginBottom: 24, |
e.preventDefault() |
||||||
width: '100%', |
this.props.history.goBack() |
||||||
fontSize: '20px', |
}} |
||||||
padding: 6, |
href="#" |
||||||
}, |
> |
||||||
}, [ |
{`< Back`} |
||||||
this.props.t('restoreVault'), |
</a> |
||||||
]), |
<div className="import-account__title"> |
||||||
|
{ this.context.t('restoreAccountWithSeed') } |
||||||
// wallet seed entry
|
</div> |
||||||
h('h3', 'Wallet Seed'), |
<div className="import-account__selector-label"> |
||||||
h('textarea.twelve-word-phrase.letter-spacey', { |
{ this.context.t('secretPhrase') } |
||||||
dataset: { |
</div> |
||||||
persistentFormId: 'wallet-seed', |
<div className="import-account__input-wrapper"> |
||||||
}, |
<label className="import-account__input-label">Wallet Seed</label> |
||||||
placeholder: this.props.t('secretPhrase'), |
<textarea |
||||||
}), |
className="import-account__secret-phrase" |
||||||
|
onChange={e => this.handleSeedPhraseChange(e.target.value)} |
||||||
// password
|
value={this.state.seedPhrase} |
||||||
h('input.large-input.letter-spacey', { |
placeholder={this.context.t('separateEachWord')} |
||||||
type: 'password', |
/> |
||||||
id: 'password-box', |
</div> |
||||||
placeholder: this.props.t('newPassword8Chars'), |
<span className="error"> |
||||||
dataset: { |
{ seedPhraseError } |
||||||
persistentFormId: 'password', |
</span> |
||||||
}, |
<TextField |
||||||
style: { |
id="password" |
||||||
width: 260, |
label={t('newPassword')} |
||||||
marginTop: 12, |
type="password" |
||||||
}, |
className="first-time-flow__input" |
||||||
}), |
value={this.state.password} |
||||||
|
onChange={event => this.handlePasswordChange(event.target.value)} |
||||||
// confirm password
|
error={passwordError} |
||||||
h('input.large-input.letter-spacey', { |
autoComplete="new-password" |
||||||
type: 'password', |
margin="normal" |
||||||
id: 'password-box-confirm', |
largeLabel |
||||||
placeholder: this.props.t('confirmPassword'), |
/> |
||||||
onKeyPress: this.createOnEnter.bind(this), |
<TextField |
||||||
dataset: { |
id="confirm-password" |
||||||
persistentFormId: 'password-confirmation', |
label={t('confirmPassword')} |
||||||
}, |
type="password" |
||||||
style: { |
className="first-time-flow__input" |
||||||
width: 260, |
value={this.state.confirmPassword} |
||||||
marginTop: 16, |
onChange={event => this.handleConfirmPasswordChange(event.target.value)} |
||||||
}, |
error={confirmPasswordError} |
||||||
}), |
autoComplete="confirm-password" |
||||||
|
margin="normal" |
||||||
error && ( |
largeLabel |
||||||
h('span.error.in-progress-notification', error) |
/> |
||||||
), |
<button |
||||||
|
className="first-time-flow__button" |
||||||
// submit
|
onClick={() => !disabled && this.onClick()} |
||||||
h('.flex-row.flex-space-between', { |
disabled={disabled} |
||||||
style: { |
> |
||||||
marginTop: 30, |
{this.context.t('restore')} |
||||||
width: '50%', |
</button> |
||||||
}, |
</div> |
||||||
}, [ |
</div> |
||||||
|
</div> |
||||||
// cancel
|
|
||||||
h('button.primary', { |
|
||||||
onClick: () => this.cancel(), |
|
||||||
}, this.props.t('cancel')), |
|
||||||
|
|
||||||
// submit
|
|
||||||
h('button.primary', { |
|
||||||
onClick: this.createNewVaultAndRestore.bind(this), |
|
||||||
}, this.props.t('ok')), |
|
||||||
|
|
||||||
]), |
|
||||||
]) |
|
||||||
) |
) |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
RestoreVaultPage.propTypes = { |
RestoreVaultPage.contextTypes = { |
||||||
history: PropTypes.object, |
t: PropTypes.func, |
||||||
} |
|
||||||
|
|
||||||
const mapStateToProps = state => { |
|
||||||
const { appState: { warning, forgottenPassword } } = state |
|
||||||
|
|
||||||
return { |
|
||||||
warning, |
|
||||||
forgottenPassword, |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
const mapDispatchToProps = dispatch => { |
export default connect( |
||||||
return { |
({ appState: { warning, isLoading } }) => ({ warning, isLoading }), |
||||||
createNewVaultAndRestore: (password, seed) => { |
dispatch => ({ |
||||||
return dispatch(createNewVaultAndRestore(password, seed)) |
leaveImportSeedScreenState: () => { |
||||||
|
dispatch(unMarkPasswordForgotten()) |
||||||
}, |
}, |
||||||
unMarkPasswordForgotten: () => dispatch(unMarkPasswordForgotten()), |
createNewVaultAndRestore: (pw, seed) => dispatch(createNewVaultAndRestore(pw, seed)), |
||||||
} |
}) |
||||||
} |
|
||||||
|
|
||||||
module.exports = compose( |
|
||||||
withRouter, |
|
||||||
connect(mapStateToProps, mapDispatchToProps) |
|
||||||
)(RestoreVaultPage) |
)(RestoreVaultPage) |
||||||
|
|||||||
@ -1,9 +1,14 @@ |
|||||||
const selectors = { |
const selectors = { |
||||||
sendGasIsInError, |
gasFeeIsInError, |
||||||
|
getGasLoadingError, |
||||||
} |
} |
||||||
|
|
||||||
module.exports = selectors |
module.exports = selectors |
||||||
|
|
||||||
function sendGasIsInError (state) { |
function getGasLoadingError (state) { |
||||||
return state.send.errors.gasLoading |
return state.send.errors.gasLoading |
||||||
} |
} |
||||||
|
|
||||||
|
function gasFeeIsInError (state) { |
||||||
|
return Boolean(state.send.errors.gasFee) |
||||||
|
} |
||||||
|
|||||||
Loading…
Reference in new issue