// Copyright 2015-2017 Parity Technologies (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 .
import { observer } from 'mobx-react';
import React, { Component, PropTypes } from 'react';
import { FormattedMessage } from 'react-intl';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { createIdentityImg } from '@parity/api/util/identity';
import { newError } from '@parity/shared/redux/actions';
import ParityLogo from '~/../assets/images/parity-logo-black-no-text.svg';
import { Button, ModalBox, Portal } from '~/ui';
import { CancelIcon, CheckIcon, DoneIcon, NextIcon, PrevIcon, PrintIcon } from '~/ui/Icons';
import VaultStore from '~/views/Vaults/store';
import AccountDetails from './AccountDetails';
import AccountDetailsGeth from './AccountDetailsGeth';
import CreationType from './CreationType';
import NewAccount from './NewAccount';
import NewGeth from './NewGeth';
import NewImport from './NewImport';
import NewQr from './NewQr';
import RawKey from './RawKey';
import RecoveryPhrase from './RecoveryPhrase';
import Store, { STAGE_CREATE, STAGE_INFO, STAGE_SELECT_TYPE } from './store';
import TypeIcon from './TypeIcon';
import print from './print';
import recoveryPage from './recoveryPage.ejs';
const TITLES = {
type: (
),
create: (
),
info: (
),
import: (
),
qr: (
)
};
const STAGE_NAMES = [TITLES.type, TITLES.create, TITLES.info];
const STAGE_IMPORT = [TITLES.type, TITLES.import, TITLES.info];
const STAGE_QR = [TITLES.type, TITLES.qr, TITLES.info];
@observer
class CreateAccount extends Component {
static contextTypes = {
api: PropTypes.object.isRequired
}
static propTypes = {
accounts: PropTypes.object.isRequired,
newError: PropTypes.func.isRequired,
onClose: PropTypes.func,
onUpdate: PropTypes.func
}
createStore = new Store(this.context.api, this.props.accounts);
vaultStore = VaultStore.get(this.context.api);
componentWillMount () {
return this.vaultStore.loadVaults();
}
render () {
const { isBusy, createType, stage } = this.createStore;
let steps = STAGE_IMPORT;
if (createType === 'fromNew') {
steps = STAGE_NAMES;
} else if (createType === 'fromQr') {
steps = STAGE_QR;
}
return (
}>
{ this.renderPage() }
);
}
renderPage () {
const { createType, stage } = this.createStore;
switch (stage) {
case STAGE_SELECT_TYPE:
return (
);
case STAGE_CREATE:
if (createType === 'fromNew') {
return (
);
}
if (createType === 'fromGeth') {
return (
);
}
if (createType === 'fromPhrase') {
return (
);
}
if (createType === 'fromQr') {
return (
);
}
if (createType === 'fromRaw') {
return (
);
}
return (
);
case STAGE_INFO:
if (createType === 'fromGeth') {
return (
);
}
return (
);
}
}
renderDialogActions () {
const { createType, canCreate, isBusy, stage } = this.createStore;
const cancelBtn = (
}
key='cancel'
label={
}
onClick={ this.onClose }
/>
);
switch (stage) {
case STAGE_SELECT_TYPE:
return [
cancelBtn,
}
key='next'
label={
}
onClick={ this.createStore.nextStage }
/>
];
case STAGE_CREATE:
return [
cancelBtn,
}
key='back'
label={
}
onClick={ this.createStore.prevStage }
/>,
}
key='create'
label={
createType === 'fromNew'
? (
)
: (
)
}
onClick={ this.onCreate }
/>
];
case STAGE_INFO:
return [
['fromNew', 'fromPhrase'].includes(createType)
? (
}
key='print'
label={
}
onClick={ this.printPhrase }
/>
)
: null,
}
key='done'
label={
}
onClick={ this.onClose }
/>
];
}
}
onCreate = () => {
this.createStore.setBusy(true);
return this.createStore
.createAccount(this.vaultStore)
.then(() => {
this.createStore.setBusy(false);
this.createStore.nextStage();
this.props.onUpdate && this.props.onUpdate();
})
.catch((error) => {
this.createStore.setBusy(false);
this.props.newError(error);
});
}
onClose = () => {
this.props.onClose && this.props.onClose();
}
printPhrase = () => {
const { address, name, phrase } = this.createStore;
const identity = createIdentityImg(address);
print(recoveryPage({
address,
identity,
logo: ParityLogo,
name,
phrase
}));
}
}
function mapDispatchToProps (dispatch) {
return bindActionCreators({
newError
}, dispatch);
}
export default connect(
null,
mapDispatchToProps
)(CreateAccount);