{this.props.dialog.childComponent ?
:
null
}
diff --git a/src/components/dialog/dialogs.js b/src/components/dialog/dialogs.js
index 89f81eeda..9256dbb27 100644
--- a/src/components/dialog/dialogs.js
+++ b/src/components/dialog/dialogs.js
@@ -6,6 +6,7 @@ import SecondPassphrase from '../secondPassphrase';
import VoteDialog from '../voteDialog';
import ReceiveDialog from '../receiveDialog';
import SaveAccount from '../saveAccount';
+import Register from '../register';
export default {
send: {
@@ -36,6 +37,10 @@ export default {
title: 'Receive LSK',
component: ReceiveDialog,
},
+ register: {
+ title: 'New Account',
+ component: Register,
+ },
'save-account': {
title: 'Remember this account',
component: SaveAccount,
diff --git a/src/components/login/login.js b/src/components/login/login.js
index 83439f1fa..0b54a5b18 100644
--- a/src/components/login/login.js
+++ b/src/components/login/login.js
@@ -7,7 +7,7 @@ import networksRaw from './networks';
import PassphraseInput from '../passphraseInput';
import styles from './login.css';
import env from '../../constants/env';
-import Passphrase from '../passphrase';
+import RelativeLink from '../relativeLink';
/**
* The container component containing login
@@ -188,25 +188,13 @@ class Login extends React.Component {
onChange={this.changeHandler.bind(this, 'passphrase')} />
diff --git a/src/components/register/index.js b/src/components/register/index.js
new file mode 100644
index 000000000..299aed481
--- /dev/null
+++ b/src/components/register/index.js
@@ -0,0 +1,15 @@
+import { connect } from 'react-redux';
+import { translate } from 'react-i18next';
+import { dialogDisplayed } from '../../actions/dialog';
+import { activePeerSet } from '../../actions/peers';
+import Register from './register';
+
+const mapDispatchToProps = dispatch => ({
+ setActiveDialog: data => dispatch(dialogDisplayed(data)),
+ activePeerSet: data => dispatch(activePeerSet(data)),
+});
+
+export default connect(
+ null,
+ mapDispatchToProps,
+)(translate()(Register));
diff --git a/src/components/register/index.test.js b/src/components/register/index.test.js
new file mode 100644
index 000000000..9d4631d4c
--- /dev/null
+++ b/src/components/register/index.test.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import { Provider } from 'react-redux';
+import { I18nextProvider } from 'react-i18next';
+import configureMockStore from 'redux-mock-store';
+import i18n from '../../i18n';
+import Register from './index';
+
+
+describe('RegisterHOC', () => {
+ let wrapper;
+ const peers = {};
+ const account = {};
+ const store = configureMockStore([])({
+ peers,
+ account,
+ });
+
+ beforeEach(() => {
+ wrapper = mount(
+
+
+
+ );
+ });
+
+ it('should render Register', () => {
+ expect(wrapper.find('Register')).to.have.lengthOf(1);
+ });
+});
diff --git a/src/components/register/register.css b/src/components/register/register.css
new file mode 100644
index 000000000..f4d336fdf
--- /dev/null
+++ b/src/components/register/register.css
@@ -0,0 +1,3 @@
+.hidden {
+ display: none;
+}
diff --git a/src/components/register/register.js b/src/components/register/register.js
new file mode 100644
index 000000000..0b2a95901
--- /dev/null
+++ b/src/components/register/register.js
@@ -0,0 +1,60 @@
+import React from 'react';
+import Passphrase from '../passphrase';
+import networksRaw from '../login/networks';
+
+const Register = ({
+ activePeerSet, closeDialog, t,
+}) => {
+ const validateUrl = (value) => {
+ const addHttp = (url) => {
+ const reg = /^(?:f|ht)tps?:\/\//i;
+ return reg.test(url) ? url : `http://${url}`;
+ };
+
+ const errorMessage = 'URL is invalid';
+
+ const isValidLocalhost = url => url.hostname === 'localhost' && url.port.length > 1;
+ const isValidRemote = url => /(([a-z\d]([a-z\d-]*[a-z\d])*)\.)+[a-z]{2,}|((\d{1,3}\.){3}\d{1,3})/.test(url.hostname);
+
+ let addressValidity = '';
+ try {
+ const url = new URL(addHttp(value));
+ addressValidity = url && (isValidRemote(url) || isValidLocalhost(url)) ? '' : errorMessage;
+ } catch (e) {
+ addressValidity = errorMessage;
+ }
+
+ return addressValidity === '';
+ };
+
+ const onLoginSubmission = (passphrase) => {
+ let NetworkIndex = parseInt(localStorage.getItem('network'), 10) || 0;
+ const address = localStorage.getItem('address') || '';
+ if (!NetworkIndex || (NetworkIndex === 2 && !validateUrl(address))) {
+ NetworkIndex = 0;
+ }
+
+ const network = Object.assign({}, networksRaw[NetworkIndex]);
+ if (NetworkIndex === 2) {
+ network.address = address;
+ }
+
+ // set active peer
+ activePeerSet({
+ passphrase,
+ network,
+ });
+ };
+
+ return (
+
+ );
+};
+
+export default Register;
diff --git a/src/components/register/register.test.js b/src/components/register/register.test.js
new file mode 100644
index 000000000..3c820897d
--- /dev/null
+++ b/src/components/register/register.test.js
@@ -0,0 +1,56 @@
+import React from 'react';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import { spy } from 'sinon';
+import PropTypes from 'prop-types';
+import configureMockStore from 'redux-mock-store';
+import Register from './register';
+
+describe('Register', () => {
+ let wrapper;
+ const peers = { data: {} };
+ const account = {};
+ const store = configureMockStore([])({
+ peers,
+ account,
+ activePeerSet: () => {},
+ });
+ const options = {
+ context: { store },
+ childContextTypes: {
+ store: PropTypes.object.isRequired,
+ },
+ };
+ const prop = {
+ account,
+ peers,
+ activePeerSet: spy(),
+ t: key => key,
+ };
+
+ beforeEach(() => {
+ wrapper = mount(
, options);
+ });
+
+ it('renders Passphrase component', () => {
+ expect(wrapper.find('Passphrase')).to.have.length(1);
+ });
+
+ it('should mount Register with appropriate properties', () => {
+ const props = wrapper.find('Passphrase').props();
+ expect(props.useCaseNote).to.be.equal('your passphrase will be required for logging in to your account.');
+ expect(props.securityNote).to.be.equal('This passphrase is not recoverable and if you lose it, you will lose access to your account forever.');
+ expect(props.confirmButton).to.be.equal('Login');
+ expect(props.keepModal).to.be.equal(false);
+ expect(typeof props.onPassGenerated).to.be.equal('function');
+ });
+
+ it('should call activePeerSet if props.onPassGenerated is called', () => {
+ const props = wrapper.find('Passphrase').props();
+ props.onPassGenerated('sample passphrase');
+ expect(prop.activePeerSet).to.have.been.calledWith({
+ network: { name: 'Mainnet', port: 443, ssl: true },
+ passphrase: 'sample passphrase',
+ });
+ });
+});