146 lines
4.1 KiB
JavaScript
146 lines
4.1 KiB
JavaScript
// Copyright 2015, 2016 Ethcore (UK) Ltd.
|
|
// This file is part of Parity.
|
|
|
|
// Parity is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
|
|
// Parity is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU General Public License for more details.
|
|
|
|
// You should have received a copy of the GNU General Public License
|
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
import React, { Component, PropTypes } from 'react';
|
|
import TxHash from '../../../ui/TxHash';
|
|
|
|
import { sha3 } from '../../../api/util/sha3';
|
|
|
|
import styles from './sendConfirmation.css';
|
|
|
|
const isValidReceipt = (receipt) => {
|
|
return receipt && receipt.blockNumber && receipt.blockNumber.gt(0);
|
|
};
|
|
|
|
// TODO: DRY up with ../SendRequest
|
|
const waitForConfirmations = (api, tx, confirmations) => {
|
|
return new Promise((resolve, reject) => {
|
|
api.pollMethod('eth_getTransactionReceipt', tx, isValidReceipt)
|
|
.then((receipt) => {
|
|
let subscription;
|
|
api.subscribe('eth_blockNumber', (err, block) => {
|
|
if (err) {
|
|
reject(err);
|
|
} else if (block.minus(confirmations - 1).gte(receipt.blockNumber)) {
|
|
api.unsubscribe(subscription);
|
|
resolve();
|
|
}
|
|
})
|
|
.then((_subscription) => {
|
|
subscription = _subscription;
|
|
})
|
|
.catch(reject);
|
|
});
|
|
});
|
|
};
|
|
|
|
export default class SendConfirmation extends Component {
|
|
static contextTypes = {
|
|
api: PropTypes.object.isRequired
|
|
}
|
|
|
|
static propTypes = {
|
|
account: PropTypes.string.isRequired,
|
|
contract: PropTypes.object.isRequired,
|
|
data: PropTypes.object.isRequired,
|
|
onData: PropTypes.func.isRequired,
|
|
onSuccess: PropTypes.func.isRequired,
|
|
onError: PropTypes.func.isRequired
|
|
}
|
|
|
|
state = {
|
|
init: true,
|
|
step: 'init'
|
|
};
|
|
|
|
componentWillMount () {
|
|
const { init } = this.state;
|
|
if (init) {
|
|
this.send();
|
|
this.setState({ init: false });
|
|
}
|
|
}
|
|
|
|
render () {
|
|
const { step } = this.state;
|
|
|
|
if (step === 'error') {
|
|
return (<p>{ this.state.error }</p>);
|
|
}
|
|
|
|
if (step === 'pending') {
|
|
return (<p>Waiting for authorization by the Parity Signer.</p>);
|
|
}
|
|
|
|
if (step === 'posted') {
|
|
return (
|
|
<div className={ styles.centered }>
|
|
<TxHash hash={ this.props.data.txHash } maxConfirmations={ 3 } />
|
|
<p>Please keep this window open.</p>
|
|
</div>);
|
|
}
|
|
|
|
if (step === 'mined') {
|
|
return (<p>Congratulations, your account is verified!</p>);
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
send = () => {
|
|
const { api } = this.context;
|
|
const { account, contract, onData, onError, onSuccess } = this.props;
|
|
|
|
const { code } = this.props.data;
|
|
const token = sha3(code);
|
|
|
|
const confirm = contract.functions.find((fn) => fn.name === 'confirm');
|
|
const options = { from: account };
|
|
const values = [ token ];
|
|
|
|
confirm.estimateGas(options, values)
|
|
.then((gas) => {
|
|
options.gas = gas.mul(1.2).toFixed(0);
|
|
// TODO: show message
|
|
this.setState({ step: 'pending' });
|
|
return confirm.postTransaction(options, values);
|
|
})
|
|
.then((handle) => {
|
|
// TODO: The "request rejected" error doesn't have any property to
|
|
// distinguish it from other errors, so we can't give a meaningful error here.
|
|
return api.pollMethod('parity_checkRequest', handle);
|
|
})
|
|
.then((txHash) => {
|
|
onData({ txHash: txHash });
|
|
this.setState({ step: 'posted' });
|
|
return waitForConfirmations(api, txHash, 3);
|
|
})
|
|
.then(() => {
|
|
this.setState({ step: 'mined' });
|
|
onSuccess();
|
|
})
|
|
.catch((err) => {
|
|
console.error('failed to confirm sms verification', err);
|
|
onError(err);
|
|
this.setState({
|
|
step: 'error',
|
|
error: 'Failed to send the verification code: ' + err.message
|
|
});
|
|
// TODO: show message in SnackBar
|
|
});
|
|
}
|
|
}
|