├── .eslintrc
├── .flowconfig
├── .gitignore
├── LICENSE
├── README.md
├── circle.yml
├── lerna.json
├── package.json
├── packages
    ├── material-ui
    │   ├── .babelrc
    │   ├── .npmignore
    │   ├── .storybook
    │   │   ├── addons.js
    │   │   ├── config.js
    │   │   └── webpack.config.js
    │   ├── package.json
    │   ├── src
    │   │   ├── Accounts.js
    │   │   ├── Container.js
    │   │   ├── Content.js
    │   │   ├── FormError.js
    │   │   ├── components
    │   │   │   ├── avatar.js
    │   │   │   ├── email.js
    │   │   │   ├── header.js
    │   │   │   ├── password.js
    │   │   │   └── submitButton.js
    │   │   ├── font.css
    │   │   ├── forgotPasswordComponents.js
    │   │   ├── index.js
    │   │   ├── index.story.js
    │   │   ├── loginComponents.js
    │   │   ├── resetPasswordComponents.js
    │   │   └── signupComponents.js
    │   ├── wallaby.js
    │   ├── webpack.config.js
    │   └── yarn.lock
    ├── react-native
    │   ├── .npmigonre
    │   ├── package.json
    │   ├── src
    │   │   ├── immutable-form
    │   │   │   ├── actions.js
    │   │   │   ├── reducer.js
    │   │   │   ├── selectors.js
    │   │   │   └── state.js
    │   │   ├── index.js
    │   │   ├── login
    │   │   │   ├── actions.js
    │   │   │   ├── components
    │   │   │   │   ├── password-field.container.js
    │   │   │   │   ├── password-field.js
    │   │   │   │   ├── user-field.container.js
    │   │   │   │   └── user-field.js
    │   │   │   ├── index.js
    │   │   │   ├── login-form.container.js
    │   │   │   ├── login-form.js
    │   │   │   ├── reducer.js
    │   │   │   ├── selectors.js
    │   │   │   └── styles.js
    │   │   ├── reducer.js
    │   │   └── redux
    │   │   │   └── util.js
    │   └── yarn.lock
    └── react
    │   ├── .babelrc
    │   ├── .npmignore
    │   ├── .storybook
    │       ├── config.js
    │       └── webpack.config.js
    │   ├── package.json
    │   ├── src
    │       ├── Accounts.js
    │       ├── ForgotPassword.js
    │       ├── FormTypes.js
    │       ├── Login.js
    │       ├── ResetPassword.js
    │       ├── Signup.js
    │       ├── accountRoutes.js
    │       ├── authenticate.js
    │       ├── index.js
    │       ├── index.spec.js
    │       └── withCurrentUser.js
    │   ├── stories
    │       └── index.js
    │   ├── wallaby.js
    │   ├── webpack.config.js
    │   └── yarn.lock
└── yarn.lock


/.eslintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "env": {
 3 |     "es6": true,
 4 |     "mocha": true,
 5 |     "node": true,
 6 |     "browser": true
 7 |   },
 8 |   "extends": "airbnb",
 9 |   "parser": "babel-eslint",
10 |   "plugins": [
11 |     "react"
12 |   ],
13 |   "rules": {
14 |     "brace-style": 0,
15 |     "linebreak-style": 0,
16 |     "new-cap": 0,
17 |     "newline-per-chained-call": 1,
18 |     "no-mixed-operators": 0,
19 |     "radix": 1,
20 |     "no-use-before-define": 0,
21 |     "import/no-extraneous-dependencies": 0,
22 |     "import/prefer-default-export": 0,
23 |     "jsx-a11y/no-static-element-interactions": 0,
24 |     "react/forbid-prop-types": 0,
25 |     "react/jsx-filename-extension": [
26 |       1,
27 |       {
28 |         "extensions": [
29 |           ".js",
30 |           ".jsx"
31 |         ]
32 |       }
33 |     ],
34 |     "react/jsx-no-bind": [
35 |       "error"
36 |     ],
37 |     "strict": 0
38 |   }
39 | }
40 | 


--------------------------------------------------------------------------------
/.flowconfig:
--------------------------------------------------------------------------------
1 | [include]
2 | 
3 | [ignore]
4 | 
5 | [libs]
6 | 
7 | [options]
8 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | lib/
2 | node_modules/
3 | coverage/
4 | npm-debug.log
5 | .idea
6 | lerna-debug.log
7 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Tim Mikeladze
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # @accounts/react
 2 | 
 3 | ## Note
 4 | 
 5 | This package is under active development.
 6 | 
 7 | ## Install
 8 | 
 9 | ```
10 | yarn add @accounts/react
11 | yarn add @accounts/client
12 | yarn add @accounts/rest-client
13 | yarn add @accounts/react-material-ui
14 | ```
15 | 
16 | ## Usage
17 | 
18 | This is a simple example with react-router.
19 | 
20 | ```javascript
21 | import AccountsClient from '@accounts/client';
22 | import restClient from '@accounts/rest-client';
23 | import { accountRoutes, withUser, Authenticated } from '@accounts/react';
24 | 
25 | // If you want the material-ui view
26 | import '@accounts/react-material-ui';
27 | 
28 | // Setup client config and try to resume session to know if user is logged
29 | (async () => {
30 |   AccountsClient.config({
31 |     server: 'http://localhost:3010',
32 |     history: browserHistory,
33 |     title: 'my-app-title',
34 |     loginPath: '/login',
35 |     signUpPath: '/signup',
36 |     homePath: '/home',
37 |     reduxLogger: createLogger(),
38 |   }, restClient);
39 | 
40 |   await AccountsClient.resumeSession();
41 | })();
42 | 
43 | // The withUser hoc pass a user prop to the component
44 | const Home = withUser(({ user }) =>
45 |   <div>
46 |     Signed in user info
47 |     <br />
48 |     {Object.keys(user).map(key => <div key={key}>{key} : {user[key]} </div>)}
49 |   </div>,
50 | );
51 | 
52 | // Use the Authenticated component in the router will check if a user is logged and redirect to /login if not
53 | render((
54 |   <MuiThemeProvider>
55 |     <Router history={browserHistory}>
56 |       <Route path="/" component={Authenticated}>
57 |         <IndexRoute component={Home} />
58 |         <Route path="/home" component={Home} />
59 |       </Route>
60 |       {accountRoutes()}
61 |     </Router>
62 |   </MuiThemeProvider>
63 | ), document.getElementById('root'));
64 | ```
65 | 


--------------------------------------------------------------------------------
/circle.yml:
--------------------------------------------------------------------------------
1 | machine:
2 |   node:
3 |     version: 6.2.1
4 | 
5 | test:
6 |   post:
7 |     - npm run coverage
8 | 


--------------------------------------------------------------------------------
/lerna.json:
--------------------------------------------------------------------------------
1 | {
2 |   "lerna": "2.0.0-beta.38",
3 |   "packages": [
4 |     "packages/*"
5 |   ],
6 |   "version": "0.0.13"
7 | }
8 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "scripts": {
 3 |     "start": "lerna exec -- npm start",
 4 |     "link": "lerna exec -- npm link @accounts/client; lerna exec -- npm link @accounts/common; lerna exec -- npm link; lerna exec -- npm link @accounts/react",
 5 |     "compile": "lerna run compile",
 6 |     "flow:check": "flow check",
 7 |     "lint": "eslint packages/*/src",
 8 |     "prebootstrap": "npm install",
 9 |     "postinstall": "lerna bootstrap",
10 |     "pretest": "npm run compile",
11 |     "test": "npm run testonly",
12 |     "posttest": "npm run lint",
13 |     "testonly": "lerna run testonly",
14 |     "coverage": "lerna run coverage",
15 |     "coveralls": "cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js && rm -rf ./coverage"
16 |   },
17 |   "repository": {
18 |     "type": "git",
19 |     "url": "https://github.com/js-accounts/react"
20 |   },
21 |   "license": "MIT",
22 |   "devDependencies": {
23 |     "babel-eslint": "^7.1.1",
24 |     "eslint": "^3.10.2",
25 |     "eslint-config-airbnb": "^13.0.0",
26 |     "eslint-config-airbnb-base": "^10.0.1",
27 |     "eslint-plugin-import": "^2.2.0",
28 |     "eslint-plugin-jsx-a11y": "^2.2.3",
29 |     "eslint-plugin-react": "^6.7.1",
30 |     "flow-bin": "^0.38.0",
31 |     "lerna": "2.0.0-beta.38"
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/packages/material-ui/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     "es2015",
 4 |     "react"
 5 |   ],
 6 |   "plugins": [
 7 |     "syntax-async-functions",
 8 |     "transform-regenerator",
 9 |     "transform-object-rest-spread",
10 |     "transform-async-to-generator",
11 |     "transform-class-properties"
12 |   ]
13 | }
14 | 


--------------------------------------------------------------------------------
/packages/material-ui/.npmignore:
--------------------------------------------------------------------------------
1 | src/
2 | coverage/
3 | .storybook/
4 | wallaby.js
5 | webpack.config.js
6 | .babelrc
7 | .eslintrc
8 | .flowconfig
9 | 


--------------------------------------------------------------------------------
/packages/material-ui/.storybook/addons.js:
--------------------------------------------------------------------------------
1 | import 'storybook-addon-material-ui';
2 | 


--------------------------------------------------------------------------------
/packages/material-ui/.storybook/config.js:
--------------------------------------------------------------------------------
 1 | import 'babel-polyfill';
 2 | import { configure, addDecorator, setAddon } from '@kadira/storybook';
 3 | import { muiTheme } from 'storybook-addon-material-ui';
 4 | import infoAddon from '@kadira/react-storybook-addon-info';
 5 | 
 6 | addDecorator(muiTheme());
 7 | setAddon(infoAddon);
 8 | 
 9 | const req = require.context('../src', true, /.story.js$/);
10 | 
11 | const loadStories = () => req.keys().forEach(filename => req(filename));
12 | 
13 | configure(loadStories, module);
14 | 


--------------------------------------------------------------------------------
/packages/material-ui/.storybook/webpack.config.js:
--------------------------------------------------------------------------------
 1 | // you can use this file to add your custom webpack plugins, loaders and anything you like.
 2 | // This is just the basic way to add addional webpack configurations.
 3 | // For more information refer the docs: https://goo.gl/qPbSyX
 4 | 
 5 | // IMPORTANT
 6 | // When you add this file, we won't add the default configurations which is similar
 7 | // to "React Create App". This only has babel loader to load JavaScript.
 8 | const path = require('path');
 9 | 
10 | module.exports = {
11 |   plugins: [
12 |     // your custom plugins
13 |   ],
14 |   module: {
15 |     loaders: [
16 |       {
17 |         test: /\.css/,
18 |         loader: 'style!css',
19 |       },
20 |       {
21 |         test: /\.(jpe?g|png|gif|svg)$/i,
22 |         loader: 'url?limit=10000!img?progressive=true',
23 |       },
24 |     ],
25 |   },
26 |   resolveLoader: {
27 |     modules: [
28 |       path.join(__dirname, 'node_modules'),
29 |     ],
30 |   },
31 |   resolve: {
32 |     alias: {
33 |       react: path.resolve('./node_modules/react'),
34 |     },
35 |   },
36 | };
37 | 


--------------------------------------------------------------------------------
/packages/material-ui/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@accounts/react-material-ui",
 3 |   "version": "0.0.13",
 4 |   "description": "React frontend build with material-ui for js-accounts",
 5 |   "main": "lib/index.js",
 6 |   "scripts": {
 7 |     "start": "babel --watch ./src --out-dir ./lib",
 8 |     "compile": "babel ./src --out-dir ./lib",
 9 |     "flow:check": "flow check",
10 |     "prepublish": "npm run compile",
11 |     "pretest": "npm run lint",
12 |     "test": "npm run testonly",
13 |     "testonly": "jest",
14 |     "coverage": "npm run testonly -- --coverage",
15 |     "coveralls": "cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js && rm -rf ./coverage",
16 |     "storybook": "start-storybook -p 6006",
17 |     "build-storybook": "build-storybook"
18 |   },
19 |   "publishConfig": {
20 |     "access": "public"
21 |   },
22 |   "jest": {
23 |     "testEnvironment": "node",
24 |     "testRegex": "(/.*.(test|spec)).(js|jsx)$"
25 |   },
26 |   "repository": {
27 |     "type": "git",
28 |     "url": "git+https://github.com/js-accounts/react-material-ui.git"
29 |   },
30 |   "keywords": [
31 |     "react",
32 |     "auth",
33 |     "authentication",
34 |     "accounts",
35 |     "users",
36 |     "material"
37 |   ],
38 |   "author": "Tim Mikeladze",
39 |   "license": "MIT",
40 |   "bugs": {
41 |     "url": "https://github.com/js-accounts/react-material-ui/issues"
42 |   },
43 |   "homepage": "https://github.com/js-accounts/react-material-ui#readme",
44 |   "devDependencies": {
45 |     "@accounts/client": "^0.0.15",
46 |     "@accounts/common": "^0.0.15",
47 |     "@kadira/react-storybook-addon-info": "^3.3.0",
48 |     "@kadira/storybook": "^2.30.1",
49 |     "babel-cli": "^6.18.0",
50 |     "babel-core": "^6.18.2",
51 |     "babel-loader": "^6.2.8",
52 |     "babel-plugin-syntax-async-functions": "^6.13.0",
53 |     "babel-plugin-transform-async-to-generator": "^6.16.0",
54 |     "babel-plugin-transform-class-properties": "^6.19.0",
55 |     "babel-plugin-transform-object-rest-spread": "^6.19.0",
56 |     "babel-plugin-transform-regenerator": "^6.16.1",
57 |     "babel-polyfill": "^6.20.0",
58 |     "babel-preset-es2015": "^6.18.0",
59 |     "babel-preset-es2015-node4": "^2.1.0",
60 |     "babel-preset-react": "^6.16.0",
61 |     "chai": "^3.5.0",
62 |     "chai-as-promised": "^6.0.0",
63 |     "coveralls": "^2.11.15",
64 |     "css-loader": "^0.26.0",
65 |     "img-loader": "^1.3.1",
66 |     "istanbul": "^1.1.0-alpha.1",
67 |     "jest": "^18.1.0",
68 |     "material-ui": "^0.17.3",
69 |     "mocha": "^3.1.2",
70 |     "react": "^15.4.0",
71 |     "react-dom": "^15.4.0",
72 |     "sinon": "^1.17.6",
73 |     "sinon-chai": "^2.8.0",
74 |     "storybook-addon-material-ui": "^0.7.3",
75 |     "webpack": "^1.13.3",
76 |     "webpack-node-externals": "^1.5.4"
77 |   },
78 |   "peerDependencies": {
79 |     "@accounts/client": "^0.0.15",
80 |     "@accounts/common": "^0.0.15",
81 |     "material-ui": "^0.16.4"
82 |   },
83 |   "dependencies": {
84 |     "@accounts/react": "^0.0.13",
85 |     "flexbox-react": "^4.1.0",
86 |     "prop-types": "^15.5.8",
87 |     "react-dom": "^15.4.0",
88 |     "react-redux": "^4.4.6",
89 |     "recompose": "^0.23.1"
90 |   }
91 | }
92 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/Accounts.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | import React from 'react';
 3 | import { Accounts as AccountsBase } from '@accounts/react';
 4 | import merge from 'lodash/merge';
 5 | import _loginComponents from './loginComponents';
 6 | import _signupComponents from './signupComponents';
 7 | import _forgotPasswordComponents from './forgotPasswordComponents';
 8 | import _resetPasswordComponents from './resetPasswordComponents';
 9 | 
10 | const Accounts = ({ loginComponents, signupComponents, forgotPasswordComponents,
11 |   resetPasswordComponents, ...otherProps }) =>
12 |     <AccountsBase
13 |       loginComponents={merge({}, _loginComponents, loginComponents)}
14 |       signupComponents={merge({}, _signupComponents, signupComponents)}
15 |       forgotPasswordComponents={merge({}, _forgotPasswordComponents, forgotPasswordComponents)}
16 |       resetPasswordComponents={merge({}, _resetPasswordComponents, resetPasswordComponents)}
17 |       {...otherProps}
18 |     />;
19 | 
20 | Accounts.propTypes = {
21 |   loginComponents: PropTypes.object,
22 |   signupComponents: PropTypes.object,
23 |   forgotPasswordComponents: PropTypes.object,
24 |   resetPasswordComponents: PropTypes.object,
25 | };
26 | 
27 | Accounts.defaultProps = {
28 |   loginComponents: {},
29 |   signupComponents: {},
30 |   forgotPasswordComponents: {},
31 |   resetPasswordComponents: {},
32 | };
33 | 
34 | export default Accounts;
35 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/Container.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | import React from 'react';
 3 | import Flexbox from 'flexbox-react';
 4 | 
 5 | const Container = ({ children }) =>
 6 |   <Flexbox flexDirection="column" justifyContent="center" alignItems="center">
 7 |     {children}
 8 |   </Flexbox>;
 9 | 
10 | Container.propTypes = {
11 |   children: PropTypes.node,
12 | };
13 | 
14 | export default Container;
15 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/Content.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | import React from 'react';
 3 | import Flexbox from 'flexbox-react';
 4 | import Paper from 'material-ui/Paper';
 5 | 
 6 | const style = {
 7 |   minWidth: 350,
 8 |   padding: 40,
 9 |   backgroundColor: '#f7f7f7',
10 |   marginBottom: 20,
11 | };
12 | 
13 | const Content = ({ children, noPaper }) =>
14 |   (noPaper ?
15 |     <div style={style}>
16 |       <Flexbox flexDirection="column" justifyContent="center" alignItems="center">
17 |         {children}
18 |       </Flexbox>
19 |     </div>
20 |     :
21 |     <Paper
22 |       style={style}
23 |     >
24 |       <Flexbox flexDirection="column" justifyContent="center" alignItems="center">
25 |         {children}
26 |       </Flexbox>
27 |     </Paper>);
28 | 
29 | Content.propTypes = {
30 |   children: PropTypes.node,
31 |   noPaper: PropTypes.bool,
32 | };
33 | 
34 | Content.defaltProps = {
35 |   noPaper: false,
36 | };
37 | 
38 | export default Content;
39 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/FormError.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | import React from 'react';
 3 | import { red500 } from 'material-ui/styles/colors';
 4 | 
 5 | const FormError = ({ errorText }) =>
 6 | (errorText.length > 0
 7 |   ?
 8 |     <div
 9 |       style={{
10 |         marginTop: 20,
11 |         color: red500,
12 |       }}
13 |     >
14 |       {errorText}
15 |     </div>
16 |   : null);
17 | 
18 | FormError.propTypes = {
19 |   errorText: PropTypes.node,
20 | };
21 | 
22 | export default FormError;
23 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/components/avatar.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import MuiAvatar from 'material-ui/Avatar';
 3 | import SocialPerson from 'material-ui/svg-icons/social/person';
 4 | 
 5 | const Avatar = () =>
 6 |   <MuiAvatar
 7 |     size={96} icon={<SocialPerson />} style={{
 8 |       marginBottom: 10,
 9 |     }}
10 |   />;
11 | 
12 | export default Avatar;
13 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/components/email.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | import React from 'react';
 3 | import TextField from 'material-ui/TextField';
 4 | 
 5 | const EmailField = ({ label, ...otherProps }) =>
 6 |   <TextField
 7 |     hintText={label}
 8 |     style={{
 9 |       marginBottom: 10,
10 |     }}
11 |     {...otherProps}
12 |   />;
13 | 
14 | EmailField.propTypes = {
15 |   label: PropTypes.string.isRequired,
16 | };
17 | 
18 | export default EmailField;
19 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/components/header.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | import React from 'react';
 3 | import getContext from 'recompose/getContext';
 4 | 
 5 | const Header = getContext({
 6 |   accounts: PropTypes.object,
 7 | })(({ accounts }) =>
 8 |   <div
 9 |     style={{
10 |       fontSize: 32,
11 |       fontWeight: 400,
12 |       fontFamily: 'Roboto',
13 |       marginBottom: 10,
14 |     }}
15 |   >
16 |     {accounts.options().title}
17 |   </div>,
18 |   );
19 | 
20 | export default Header;
21 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/components/password.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | import React from 'react';
 3 | import TextField from 'material-ui/TextField';
 4 | 
 5 | const PasswordField = ({ label, ...otherProps }) =>
 6 |   <TextField
 7 |     hintText={label}
 8 |     type="password"
 9 |     style={{
10 |       marginBottom: 10,
11 |     }}
12 |     {...otherProps}
13 |   />;
14 | 
15 | PasswordField.propTypes = {
16 |   label: PropTypes.string.isRequired,
17 | };
18 | 
19 | export default PasswordField;
20 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/components/submitButton.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | import React from 'react';
 3 | import RaisedButton from 'material-ui/RaisedButton';
 4 | 
 5 | const SubmitButton = ({ label, ...otherProps }) =>
 6 |   <RaisedButton
 7 |     primary
 8 |     fullWidth
 9 |     label={label}
10 |     style={{
11 |       marginTop: 10,
12 |       marginBottom: 10,
13 |     }}
14 |     {...otherProps}
15 |   />;
16 | 
17 | SubmitButton.propTypes = {
18 |   label: PropTypes.string.isRequired,
19 | };
20 | 
21 | export default SubmitButton;
22 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/font.css:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
2 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/forgotPasswordComponents.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | /* eslint-disable no-shadow */
 3 | import React from 'react';
 4 | import Flexbox from 'flexbox-react';
 5 | import getContext from 'recompose/getContext';
 6 | import Container from './Container';
 7 | import Content from './Content';
 8 | import FormError from './FormError';
 9 | import Header from './components/header';
10 | import Avatar from './components/avatar';
11 | import EmailField from './components/email';
12 | import SubmitButton from './components/submitButton';
13 | 
14 | const ForgotPasswordFields = ({ children }) =>
15 |   <Flexbox flexDirection="column" justifyContent="center" alignItems="center">
16 |     {children}
17 |   </Flexbox>;
18 | 
19 | ForgotPasswordFields.propTypes = {
20 |   children: PropTypes.node,
21 | };
22 | 
23 | const LoginButton = getContext({
24 |   setFormType: PropTypes.func,
25 | })(({ setFormType, ...otherProps }) =>
26 |   <Flexbox>
27 |     <a
28 |       href="#/"
29 |       style={{
30 |         fontFamily: 'Roboto',
31 |         textDecoration: 'none',
32 |         fontSize: 16,
33 |       }}
34 |       onClick={() => setFormType('login')}
35 |       {...otherProps}
36 |     >
37 |       Log in
38 |     </a>
39 |   </Flexbox>);
40 | 
41 | const Footer = ({ ...otherProps }) =>
42 |   <LoginButton {...otherProps} />;
43 | 
44 | Footer.propTypes = {
45 |   SignupButton: PropTypes.node,
46 | };
47 | 
48 | export default {
49 |   Container,
50 |   Content,
51 |   Avatar,
52 |   ForgotPasswordFields,
53 |   ForgotPasswordEmailField: EmailField,
54 |   ForgotPasswordButton: SubmitButton,
55 |   Header,
56 |   Footer,
57 |   FormError,
58 | };
59 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/index.js:
--------------------------------------------------------------------------------
 1 | import Accounts from './Accounts';
 2 | import loginComponents from './loginComponents';
 3 | import signupComponents from './signupComponents';
 4 | import forgotPasswordComponents from './forgotPasswordComponents';
 5 | import Container from './Container';
 6 | import Content from './Content';
 7 | import FormError from './FormError';
 8 | 
 9 | export default Accounts;
10 | 
11 | export {
12 |   Container,
13 |   Content,
14 |   FormError,
15 |   Accounts,
16 |   loginComponents,
17 |   signupComponents,
18 |   forgotPasswordComponents,
19 | };
20 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/index.story.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { storiesOf } from '@kadira/storybook';
 3 | import AccountsClient from '@accounts/client';
 4 | import { PasswordSignupFields } from '@accounts/common';
 5 | import { Accounts } from './index';
 6 | import './font.css';
 7 | 
 8 | AccountsClient.config({
 9 |   passwordSignupFields: PasswordSignupFields.USERNAME_AND_EMAIL,
10 |   title: 'Site Title',
11 | }, {});
12 | 
13 | const style = {
14 |   marginTop: 75,
15 | };
16 | 
17 | storiesOf('Accounts', module)
18 |   .add('login', () => (
19 |     <div style={style}>
20 |       <Accounts formType="login" accounts={AccountsClient} />
21 |     </div>
22 |   ))
23 |   .add('signup', () => (
24 |     <div style={style}>
25 |       <Accounts formType="signup" accounts={AccountsClient} />
26 |     </div>
27 |   ))
28 |   .add('forgot-password', () => (
29 |     <div style={style}>
30 |       <Accounts formType="forgot-password" accounts={AccountsClient} />
31 |     </div>
32 |   ))
33 |   .add('reset-password', () => (
34 |     <div style={style}>
35 |       <Accounts formType="reset-password" accounts={AccountsClient} />
36 |     </div>
37 |   ),
38 | );
39 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/loginComponents.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | /* eslint-disable no-shadow */
 3 | import React from 'react';
 4 | import Flexbox from 'flexbox-react';
 5 | import getContext from 'recompose/getContext';
 6 | import Container from './Container';
 7 | import Content from './Content';
 8 | import FormError from './FormError';
 9 | import Header from './components/header';
10 | import Avatar from './components/avatar';
11 | import EmailField from './components/email';
12 | import PasswordField from './components/password';
13 | import SubmitButton from './components/submitButton';
14 | 
15 | const LoginFields = ({ children }) =>
16 |   <Flexbox flexDirection="column" justifyContent="center" alignItems="center">
17 |     {children}
18 |   </Flexbox>;
19 | 
20 | LoginFields.propTypes = {
21 |   children: PropTypes.node,
22 | };
23 | 
24 | const RecoverButton = getContext({
25 |   setFormType: PropTypes.func,
26 | })(({ setFormType, ...otherProps }) =>
27 |   <Flexbox alignSelf="flex-end" >
28 |     <a
29 |       href="#/"
30 |       style={{
31 |         fontFamily: 'Roboto',
32 |         textDecoration: 'none',
33 |         fontSize: 14,
34 |       }}
35 |       onClick={() => setFormType('forgot-password')}
36 |       {...otherProps}
37 |     >
38 |       Forgot password
39 |     </a>
40 |   </Flexbox>);
41 | 
42 | const SignupButton = getContext({
43 |   setFormType: PropTypes.func,
44 | })(({ setFormType, ...otherProps }) =>
45 |   <Flexbox>
46 |     <a
47 |       href="#/"
48 |       style={{
49 |         fontFamily: 'Roboto',
50 |         textDecoration: 'none',
51 |         fontSize: 16,
52 |       }}
53 |       onClick={() => setFormType('signup')}
54 |       {...otherProps}
55 |     >
56 |       Create account
57 |     </a>
58 |   </Flexbox>);
59 | 
60 | const Footer = ({ ...otherProps }) =>
61 |   <SignupButton {...otherProps} />;
62 | 
63 | Footer.propTypes = {
64 |   SignupButton: PropTypes.node,
65 | };
66 | 
67 | export default {
68 |   Container,
69 |   Content,
70 |   Avatar,
71 |   LoginFields,
72 |   LoginUserField: EmailField,
73 |   LoginPasswordField: PasswordField,
74 |   RecoverButton,
75 |   LoginButton: SubmitButton,
76 |   SignupButton,
77 |   Header,
78 |   Footer,
79 |   FormError,
80 | };
81 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/resetPasswordComponents.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | /* eslint-disable no-shadow */
 3 | import React from 'react';
 4 | import Flexbox from 'flexbox-react';
 5 | import getContext from 'recompose/getContext';
 6 | import Container from './Container';
 7 | import Content from './Content';
 8 | import FormError from './FormError';
 9 | import Header from './components/header';
10 | import Avatar from './components/avatar';
11 | import PasswordField from './components/password';
12 | import SubmitButton from './components/submitButton';
13 | 
14 | const ResetPasswordFields = ({ children }) =>
15 |   <Flexbox flexDirection="column" justifyContent="center" alignItems="center">
16 |     {children}
17 |   </Flexbox>;
18 | 
19 | ResetPasswordFields.propTypes = {
20 |   children: PropTypes.node,
21 | };
22 | 
23 | const LoginButton = getContext({
24 |   setFormType: PropTypes.func,
25 | })(({ setFormType, ...otherProps }) =>
26 |   <Flexbox>
27 |     <a
28 |       href="#/"
29 |       style={{
30 |         fontFamily: 'Roboto',
31 |         textDecoration: 'none',
32 |         fontSize: 16,
33 |       }}
34 |       onClick={() => setFormType('login')}
35 |       {...otherProps}
36 |     >
37 |       Log in
38 |     </a>
39 |   </Flexbox>);
40 | 
41 | const Footer = ({ ...otherProps }) =>
42 |   <LoginButton {...otherProps} />;
43 | 
44 | Footer.propTypes = {
45 |   SignupButton: PropTypes.node,
46 | };
47 | 
48 | export default {
49 |   Container,
50 |   Content,
51 |   Avatar,
52 |   ResetPasswordFields,
53 |   ResetPasswordPasswordField: PasswordField,
54 |   ResetPasswordPasswordConfirmField: PasswordField,
55 |   ResetPasswordButton: SubmitButton,
56 |   Header,
57 |   Footer,
58 |   FormError,
59 | };
60 | 


--------------------------------------------------------------------------------
/packages/material-ui/src/signupComponents.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | /* eslint-disable no-shadow */
 3 | import React from 'react';
 4 | import Flexbox from 'flexbox-react';
 5 | import getContext from 'recompose/getContext';
 6 | import Container from './Container';
 7 | import Content from './Content';
 8 | import FormError from './FormError';
 9 | import Header from './components/header';
10 | import Avatar from './components/avatar';
11 | import EmailField from './components/email';
12 | import PasswordField from './components/password';
13 | import SubmitButton from './components/submitButton';
14 | 
15 | const SignupFields = ({ children }) =>
16 |   <Flexbox flexDirection="column" justifyContent="center" alignItems="center">
17 |     {children}
18 |   </Flexbox>;
19 | 
20 | SignupFields.propTypes = {
21 |   children: PropTypes.node,
22 | };
23 | 
24 | const LoginButton = getContext({
25 |   setFormType: PropTypes.func,
26 | })(({ setFormType, ...otherProps }) =>
27 |   <Flexbox>
28 |     <a
29 |       href="#/"
30 |       style={{
31 |         fontFamily: 'Roboto',
32 |         textDecoration: 'none',
33 |         fontSize: 16,
34 |       }}
35 |       onClick={() => setFormType('login')}
36 |       {...otherProps}
37 |     >
38 |       Already have an account?
39 |     </a>
40 |   </Flexbox>);
41 | 
42 | const Footer = ({
43 |   ...otherProps
44 | }) =>
45 |   <LoginButton {...otherProps} />;
46 | 
47 | export default {
48 |   Container,
49 |   Content,
50 |   Avatar,
51 |   SignupFields,
52 |   SignupEmailOptionalField: EmailField,
53 |   SignupEmailField: EmailField,
54 |   SignupUsernameField: EmailField,
55 |   SignupPasswordField: PasswordField,
56 |   SignupPasswordConfirmField: PasswordField,
57 |   SignupButton: SubmitButton,
58 |   LoginButton,
59 |   Header,
60 |   Footer,
61 |   FormError,
62 | };
63 | 


--------------------------------------------------------------------------------
/packages/material-ui/wallaby.js:
--------------------------------------------------------------------------------
 1 | module.exports = function(wallaby) {
 2 |   return {
 3 |     files: [
 4 |       'src/**/*.js',
 5 |       '!src/**/*.spec.js'
 6 |     ],
 7 | 
 8 |     tests: [
 9 |       'src/**/*.spec.js'
10 |     ],
11 | 
12 |     compilers: {
13 |       'src/**/*.js': wallaby.compilers.babel()
14 |     },
15 | 
16 |     env: {
17 |       type: 'node'
18 |     }
19 |   };
20 | };


--------------------------------------------------------------------------------
/packages/material-ui/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const path = require('path');
 2 | const nodeExternals = require('webpack-node-externals');
 3 | 
 4 | module.exports = {
 5 |   entry: './src/index.js',
 6 |   target: 'node',
 7 |   externals: [nodeExternals()],
 8 |   output: {
 9 |     path: path.join(__dirname, '/lib'),
10 |     filename: 'index.js',
11 |     library: '@accounts/react-material-ui',
12 |     libraryTarget: 'umd',
13 |     umdNamedDefine: true,
14 |   },
15 |   modulesDirectories: [
16 |     'src',
17 |     'node_modules',
18 |   ],
19 |   module: {
20 |     loaders: [
21 |       {
22 |         test: /\.js$/,
23 |         loader: 'babel',
24 |         exclude: /node_modules/,
25 |       },
26 |     ],
27 |   },
28 | };
29 | 


--------------------------------------------------------------------------------
/packages/react-native/.npmigonre:
--------------------------------------------------------------------------------
1 | node_modules
2 | 


--------------------------------------------------------------------------------
/packages/react-native/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@accounts/react-native",
 3 |   "version": "0.0.12",
 4 |   "description": "react-native components for js-accounts",
 5 |   "main": "src/index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "repository": {
10 |     "type": "git",
11 |     "url": "git+https://github.com/js-accounts/react.git"
12 |   },
13 |   "author": "David Yahalomi",
14 |   "license": "MIT",
15 |   "dependencies": {
16 |     "immutable": "^3.8.1",
17 |     "lodash.isempty": "^4.4.0",
18 |     "lodash.memoize": "^4.1.2",
19 |     "prop-types": "^15.5.8",
20 |     "reselect": "^2.5.4"
21 |   },
22 |   "devDependencies": {
23 |     "@accounts/client": "^0.0.5",
24 |     "@accounts/common": "^0.0.5",
25 |     "flow-bin": "^0.38.0",
26 |     "react": "^15.4.2",
27 |     "react-native": "^0.41.1",
28 |     "react-redux": "^5.0.2",
29 |     "redux": "^3.6.0",
30 |     "redux-thunk": "^2.2.0"
31 |   },
32 |   "peerDependencies": {
33 |     "@accounts/client": "^0.0.5",
34 |     "@accounts/common": "^0.0.5",
35 |     "react": "^15.4.2",
36 |     "react-native": "^0.41.1",
37 |     "react-redux": "^5.0.2",
38 |     "redux": "^3.6.0",
39 |     "redux-thunk": "^2.2.0"
40 |   }
41 | }
42 | 


--------------------------------------------------------------------------------
/packages/react-native/src/immutable-form/actions.js:
--------------------------------------------------------------------------------
 1 | // @flow
 2 | import memoize from 'lodash.memoize';
 3 | import type { Dispatch } from 'redux';
 4 | 
 5 | const DOM = 'FORMS/';
 6 | export const FORM_SUBMITTED = `${DOM}FORM_SUBMITTED`;
 7 | export const FORM_APPROVED = `${DOM}FORM_APPROVED`;
 8 | export const FORM_ERROR = `${DOM}FORM_ERROR`;
 9 | export const FORM_CLEAR = `${DOM}FORM_CLEAR`;
10 | export const FIELD_UPDATED = `${DOM}FIELD_UPDATED`;
11 | export const FIELD_CLEAR = `${DOM}FIELD_CLEAR`;
12 | export const FIELD_ERROR = `${DOM}FIELD_RESET`;
13 | 
14 | export const submittedForm = (formName: string) => () => ({
15 |   type: FORM_SUBMITTED,
16 |   formName,
17 | });
18 | 
19 | export const approvedForm = (formName: string) => (result: Object) => ({
20 |   type: FORM_APPROVED,
21 |   formName,
22 |   result,
23 | });
24 | 
25 | export const errorForm = (formName: string) => (error: string | Error) => ({
26 |   type: FORM_ERROR,
27 |   formName,
28 |   error,
29 | });
30 | 
31 | const errorMessage = err => ((typeof err !== 'string') ? err.message : err);
32 | 
33 | export const submitForm = (formName: string) => (submit: (Object) => Promise<any>) => () =>
34 |   (dispatch: Dispatch<Object>, getState: Function) => {
35 |     const boundSubmittedForm = submittedForm(formName);
36 |     dispatch(boundSubmittedForm());
37 | 
38 |     const state = getState();
39 | 
40 |     submit(state).then(
41 |       (res) => {
42 |         dispatch(approvedForm(formName)(res));
43 |         dispatch(clearForm(formName)());
44 |       },
45 |       err => dispatch(errorForm(formName)(errorMessage(err))),
46 |     );
47 |   };
48 | 
49 | export const clearForm = (formName: string) => () => ({
50 |   type: FORM_CLEAR,
51 |   formName,
52 | });
53 | 
54 | export const updateField = (formName: string) => (fieldName: string) => (event: Object) => ({
55 |   type: FIELD_UPDATED,
56 |   formName,
57 |   fieldName,
58 |   value: event && event.nativeEvent && event.nativeEvent.text,
59 | });
60 | 
61 | export const clearField = (formName: string) => (fieldName: string) => () => ({
62 |   type: FIELD_CLEAR,
63 |   formName,
64 |   fieldName,
65 | });
66 | 
67 | export const errorField = (formName: string) => (fieldName: string) => (error: string) => ({
68 |   type: FIELD_ERROR,
69 |   formName,
70 |   fieldName,
71 |   error,
72 | });
73 | 
74 | export const createFormActions = memoize((formName: string) => ({
75 |   submitForm: submitForm(formName),
76 |   approvedForm: approvedForm(formName),
77 |   errorForm: errorForm(formName),
78 |   clearForm: clearForm(formName),
79 |   updateField: updateField(formName),
80 |   clearField: clearField(formName),
81 |   errorField: errorField(formName),
82 | }));
83 | 


--------------------------------------------------------------------------------
/packages/react-native/src/immutable-form/reducer.js:
--------------------------------------------------------------------------------
 1 | import { createReducer, filterActions } from '../redux/util';
 2 | 
 3 | import {
 4 |   FIELD_UPDATED,
 5 |   FIELD_ERROR,
 6 |   FIELD_CLEAR,
 7 |   FORM_SUBMITTED,
 8 |   FORM_APPROVED,
 9 |   FORM_ERROR,
10 |   FORM_CLEAR,
11 | } from './actions';
12 | 
13 | const fieldUpdatedHandler = (state, action) => {
14 |   const validate = state.getIn([action.fieldName, 'validate']);
15 | 
16 |   return state.setIn([action.fieldName, 'value'], action.value)
17 |               .setIn([action.fieldName, 'error'], validate(action.value));
18 | };
19 | 
20 | const formReducer = initialState => createReducer(initialState, {
21 |   // Per field reducers
22 |   [FIELD_UPDATED]: fieldUpdatedHandler,
23 |   [FIELD_CLEAR]: (state, action) => state.remove(action.fieldName),
24 |   [FIELD_ERROR]: (state, action) => state.setIn([action.fieldName, 'error'], action.error),
25 | 
26 |   // Per form reducer
27 |   [FORM_SUBMITTED]: state => state.set('submitting', true),
28 |   [FORM_APPROVED]: state => state.set('submitting', false),
29 |   [FORM_ERROR]: (state, action) => state.set('error', action.error),
30 |   [FORM_CLEAR]: () => initialState,
31 | });
32 | 
33 | const formNameFilter = formName => action => action.formName === formName;
34 | export const createFormReducer = (formName, initialState) =>
35 |   filterActions(formNameFilter(formName), formReducer(initialState), initialState);
36 | 


--------------------------------------------------------------------------------
/packages/react-native/src/immutable-form/selectors.js:
--------------------------------------------------------------------------------
1 | // @flow
2 | import type { Field } from './state';
3 | 
4 | export const selectFieldProps = (field: Field) => ({
5 |   value: field.value,
6 |   error: (field.value && field.error) ? field.error : null,
7 | });
8 | 


--------------------------------------------------------------------------------
/packages/react-native/src/immutable-form/state.js:
--------------------------------------------------------------------------------
1 | import { Record } from 'immutable';
2 | 
3 | export const Field = Record({
4 |   value: null,
5 |   error: null,
6 |   validate: () => null,
7 | });
8 | 


--------------------------------------------------------------------------------
/packages/react-native/src/index.js:
--------------------------------------------------------------------------------
1 | // @flow
2 | export * from './login';
3 | export * from './reducer';
4 | 


--------------------------------------------------------------------------------
/packages/react-native/src/login/actions.js:
--------------------------------------------------------------------------------
 1 | // @flow
 2 | 
 3 | import AccountsClient from '@accounts/client';
 4 | import { createFormActions } from '../immutable-form/actions';
 5 | import { getStoreKey } from '../reducer';
 6 | import { selectUserField, selectPasswordField } from './selectors';
 7 | 
 8 | const actions = createFormActions('login');
 9 | 
10 | const accountsLogin = (state: Object) => AccountsClient.loginWithPassword(
11 |   selectUserField(state[getStoreKey()]).value,
12 |   selectPasswordField(state[getStoreKey()]).value,
13 | );
14 | 
15 | export const submitLoginForm = actions.submitForm(accountsLogin);
16 | export const clearLoginForm = actions.clearForm;
17 | export const userFieldUpdate = actions.updateField('user');
18 | export const passwordFieldUpdate = actions.updateField('password');
19 | export const userFieldClear = actions.clearField('user');
20 | export const passwordFieldClear = actions.clearField('password');
21 | 


--------------------------------------------------------------------------------
/packages/react-native/src/login/components/password-field.container.js:
--------------------------------------------------------------------------------
 1 | // @flow
 2 | 
 3 | import { connect } from 'react-redux';
 4 | import type { Dispatch } from 'redux';
 5 | import { PasswordField } from './password-field';
 6 | import { passwordFieldUpdate } from '../actions';
 7 | import { selectPropsPasswordField } from '../selectors';
 8 | import { getStoreKey } from '../../reducer';
 9 | 
10 | function mapDispatch(dispatch: Dispatch<Object>) {
11 |   return {
12 |     onChange: event => dispatch(passwordFieldUpdate(event)),
13 |   };
14 | }
15 | 
16 | const mapState = (state: Object) => selectPropsPasswordField(state[getStoreKey()]);
17 | 
18 | const PasswordFieldContainer =
19 |   connect(mapState, mapDispatch, null, { withRef: true })(PasswordField);
20 | 
21 | export default PasswordFieldContainer;
22 | 


--------------------------------------------------------------------------------
/packages/react-native/src/login/components/password-field.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | import React, { Component } from 'react';
 3 | import { View, TextInput, Text } from 'react-native';
 4 | import { styles } from '../styles';
 5 | 
 6 | export class PasswordField extends Component {
 7 |   static propTypes = {
 8 |     ...TextInput.propTypes,
 9 |     shouldRenderErrorLabel: PropTypes.bool,
10 |     renderErrorLabel: PropTypes.func,
11 |     error: PropTypes.string,
12 |     containerStyle: View.propTypes.style,
13 |   };
14 | 
15 |   static defaultProps = {
16 |     secureTextEntry: true,
17 |     multiline: false,
18 |     autoFocus: false,
19 |     blurOnSubmit: true,
20 |     autoCorrect: false,
21 |     placeholder: 'Password',
22 |     autoCapitalize: 'none',
23 |     shouldRenderErrorLabel: true,
24 |     containerStyle: null,
25 |   };
26 | 
27 |   clear() {
28 |     if (this.textInput) {
29 |       this.textInput.clear();
30 |     }
31 |   }
32 | 
33 |   isFocused() {
34 |     return this.textInput && this.textInput.isFocused();
35 |   }
36 | 
37 |   focus() {
38 |     if (this.textInput && this.textInput.focus) {
39 |       this.textInput.focus();
40 |     }
41 |   }
42 | 
43 |   renderError() {
44 |     const {
45 |       error,
46 |       renderErrorLabel,
47 |       shouldRenderErrorLabel,
48 |     } = this.props;
49 |     if (!shouldRenderErrorLabel || !error) return null;
50 | 
51 |     if (renderErrorLabel) return renderErrorLabel(error);
52 | 
53 |     return (
54 |       <Text style={[styles.simpleText]}>{error}</Text>
55 |     );
56 |   }
57 | 
58 |   render() {
59 |     const { style, containerStyle, ...restProps } = this.props;
60 |     return (
61 |       <View style={[styles.simpleFlexContainer, containerStyle]}>
62 |         <TextInput
63 |           {...restProps}
64 |           style={[styles.simpleInput, style]}
65 |           // eslint-disable-next-line no-return-assign
66 |           ref={ref => this.textInput = ref}
67 |         />
68 | 
69 |         {this.renderError()}
70 |       </View>
71 |     );
72 |   }
73 | }
74 | 


--------------------------------------------------------------------------------
/packages/react-native/src/login/components/user-field.container.js:
--------------------------------------------------------------------------------
 1 | // @flow
 2 | 
 3 | import { connect } from 'react-redux';
 4 | import type { Dispatch } from 'redux';
 5 | import { UserField } from './user-field';
 6 | import { userFieldUpdate } from '../actions';
 7 | import { selectPropsUserField } from '../selectors';
 8 | import { getStoreKey } from '../../reducer';
 9 | 
10 | function mapDispatch(dispatch: Dispatch<Object>) {
11 |   return {
12 |     onChange: event => dispatch(userFieldUpdate(event)),
13 |   };
14 | }
15 | 
16 | const mapState = (state: Object) => selectPropsUserField(state[getStoreKey()]);
17 | 
18 | const UserFieldContainer = connect(mapState, mapDispatch, null, { withRef: true })(UserField);
19 | 
20 | export default UserFieldContainer;
21 | 


--------------------------------------------------------------------------------
/packages/react-native/src/login/components/user-field.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | import React, { Component } from 'react';
 3 | import { View, TextInput, Text } from 'react-native';
 4 | import { styles } from '../styles';
 5 | 
 6 | export class UserField extends Component {
 7 |   static propTypes = {
 8 |     ...TextInput.propTypes,
 9 |     shouldRenderErrorLabel: PropTypes.bool,
10 |     renderErrorLabel: PropTypes.func,
11 |     error: PropTypes.string,
12 |     containerStyle: View.propTypes.style,
13 |   };
14 | 
15 |   static defaultProps = {
16 |     multiline: false,
17 |     autoFocus: true,
18 |     blurOnSubmit: true,
19 |     autoCorrect: false,
20 |     placeholder: 'Username / Email',
21 |     autoCapitalize: 'none',
22 |     shouldRenderErrorLabel: true,
23 |     containerStyle: null,
24 |   };
25 | 
26 |   clear() {
27 |     if (this.textInput) {
28 |       this.textInput.clear();
29 |     }
30 |   }
31 | 
32 |   isFocused() {
33 |     return this.textInput && this.textInput.isFocused();
34 |   }
35 | 
36 |   focus() {
37 |     if (this.textInput && this.textInput.focus) {
38 |       this.textInput.focus();
39 |     }
40 |   }
41 | 
42 |   renderError() {
43 |     const {
44 |       error,
45 |       renderErrorLabel,
46 |       shouldRenderErrorLabel,
47 |     } = this.props;
48 |     if (!shouldRenderErrorLabel || !error) return null;
49 | 
50 |     if (renderErrorLabel) return renderErrorLabel(error);
51 | 
52 |     return (
53 |       <Text style={[styles.simpleText]}>{error}</Text>
54 |     );
55 |   }
56 | 
57 |   render() {
58 |     const { style, containerStyle, ...restProps } = this.props;
59 |     return (
60 |       <View style={[styles.simpleFlexContainer, containerStyle]}>
61 |         <TextInput
62 |           {...restProps}
63 |           style={[styles.simpleInput, style]}
64 |           // eslint-disable-next-line no-return-assign
65 |           ref={ref => this.textInput = ref}
66 |         />
67 | 
68 |         {this.renderError()}
69 |       </View>
70 |     );
71 |   }
72 | }
73 | 


--------------------------------------------------------------------------------
/packages/react-native/src/login/index.js:
--------------------------------------------------------------------------------
 1 | export { default as ConnectedLoginForm } from './login-form.container';
 2 | export { default as ConnectedUserField } from './components/user-field.container';
 3 | export { default as ConnectedPasswordField } from './components/password-field.container';
 4 | export * from './login-form';
 5 | 
 6 | export { default as LoginFormReducer } from './reducer';
 7 | export * from './selectors';
 8 | export * from './actions';
 9 | export * from './components/user-field';
10 | export * from './components/password-field';
11 | 


--------------------------------------------------------------------------------
/packages/react-native/src/login/login-form.container.js:
--------------------------------------------------------------------------------
 1 | // @flow
 2 | 
 3 | import { connect } from 'react-redux';
 4 | import type { Dispatch } from 'redux';
 5 | import { getStoreKey } from '../reducer';
 6 | import { LoginForm } from './login-form';
 7 | import { selectPropsLoginForm } from './selectors';
 8 | import { submitLoginForm } from './actions';
 9 | 
10 | const mapDispatch = (dispatch: Dispatch<Object>) => ({
11 |   onSubmit: () => dispatch(submitLoginForm()),
12 | });
13 | 
14 | const mapState = (state: Object) => selectPropsLoginForm(state[getStoreKey()]);
15 | 
16 | const LoginFormContainer = connect(mapState, mapDispatch)(LoginForm);
17 | 
18 | export default LoginFormContainer;
19 | 


--------------------------------------------------------------------------------
/packages/react-native/src/login/login-form.js:
--------------------------------------------------------------------------------
  1 | import PropTypes from 'prop-types';
  2 | import React, { Component } from 'react';
  3 | import { View, Text, TextInput, Button, ActivityIndicator, StyleSheet } from 'react-native';
  4 | 
  5 | import UserField from './components/user-field.container';
  6 | import PasswordField from './components/password-field.container';
  7 | 
  8 | export class LoginForm extends Component {
  9 |   static propTypes = {
 10 |     style: View.propTypes.style,
 11 |     fieldsStyle: TextInput.propTypes.style,
 12 |     onSubmit: PropTypes.func.isRequired,
 13 |     submitting: PropTypes.bool,
 14 |     disableSubmit: PropTypes.bool,
 15 |     error: PropTypes.string,
 16 |     renderUserField: PropTypes.func,
 17 |     renderPasswordField: PropTypes.func,
 18 |     renderSubmitButton: PropTypes.func,
 19 |     renderErrorLabel: PropTypes.func,
 20 |   };
 21 | 
 22 |   static defaultProps = {
 23 |     submitting: false,
 24 |     error: null,
 25 |     renderSubmitButton: null,
 26 |     renderErrorLabel: null,
 27 |     renderUserField: null,
 28 |     renderPasswordField: null,
 29 |     disableSubmit: true,
 30 |   };
 31 | 
 32 |   renderButton() {
 33 |     const { renderSubmitButton, onSubmit, submitting, disableSubmit: disabled } = this.props;
 34 | 
 35 |     if (renderSubmitButton) return renderSubmitButton({ onSubmit, disabled });
 36 | 
 37 |     return (
 38 |       <Button
 39 |         disabled={disabled}
 40 |         onPress={onSubmit}
 41 |         title="Login"
 42 |         accessibilityLabel="Press here to login"
 43 |       >
 44 |         <ActivityIndicator
 45 |           animating={submitting}
 46 |         />
 47 |       </Button>
 48 |     );
 49 |   }
 50 | 
 51 |   renderError() {
 52 |     const { error, renderErrorLabel } = this.props;
 53 |     if (!error) return null;
 54 | 
 55 |     if (renderErrorLabel) return renderErrorLabel(error);
 56 | 
 57 |     return (
 58 |       <Text>{error}</Text>
 59 |     );
 60 |   }
 61 | 
 62 |   renderUserField() {
 63 |     const { fieldsStyle, renderUserField } = this.props;
 64 | 
 65 |     if (renderUserField) return renderUserField();
 66 | 
 67 |     return (
 68 |       <UserField style={fieldsStyle} />
 69 |     );
 70 |   }
 71 | 
 72 |   renderPasswordField() {
 73 |     const { fieldsStyle, renderPasswordField } = this.props;
 74 | 
 75 |     if (renderPasswordField) return renderPasswordField();
 76 | 
 77 |     return (
 78 |       <PasswordField style={fieldsStyle} />
 79 |     );
 80 |   }
 81 | 
 82 |   render() {
 83 |     const { style } = this.props;
 84 |     return (
 85 |       <View style={[styles.container, style]}>
 86 |         {this.renderUserField()}
 87 |         {this.renderPasswordField()}
 88 |         {this.renderButton()}
 89 |         {this.renderError()}
 90 |       </View>
 91 |     );
 92 |   }
 93 | }
 94 | 
 95 | const styles = StyleSheet.create({
 96 |   container: {
 97 |     flex: 1,
 98 |     alignItems: 'center',
 99 |   },
100 | });
101 | 


--------------------------------------------------------------------------------
/packages/react-native/src/login/reducer.js:
--------------------------------------------------------------------------------
 1 | // @flow
 2 | 
 3 | import { Record } from 'immutable';
 4 | import { validators } from '@accounts/common';
 5 | import { createFormReducer } from '../immutable-form/reducer';
 6 | import { Field } from '../immutable-form/state';
 7 | 
 8 | const validateUserField = value =>
 9 |   (!validators.validateEmail(value) && !validators.validateUsername(value) ?
10 |     'Invalid username or email!' : null);
11 | 
12 | const validatePassword = value => (!validators.validatePassword(value) ? 'Invalid password' : null);
13 | 
14 | // State definition
15 | 
16 | const LoginState = Record({
17 |   user: new Field({ validate: validateUserField }),
18 |   password: new Field({ validate: validatePassword }),
19 |   submitting: false,
20 |   error: null,
21 | });
22 | 
23 | // Reducer
24 | 
25 | export default createFormReducer('login', new LoginState());
26 | 


--------------------------------------------------------------------------------
/packages/react-native/src/login/selectors.js:
--------------------------------------------------------------------------------
 1 | // @flow
 2 | 
 3 | import { createSelector } from 'reselect';
 4 | import isEmpty from 'lodash.isempty';
 5 | import { selectFieldProps } from '../immutable-form/selectors';
 6 | 
 7 | export const selectLoginState = (state: Object) => state.login;
 8 | 
 9 | export const selectUserField = createSelector(
10 |   selectLoginState,
11 |   loginState => loginState.user,
12 | );
13 | 
14 | export const selectPasswordField = createSelector(
15 |   selectLoginState,
16 |   loginState => loginState.password,
17 | );
18 | 
19 | export const selectPropsUserField = createSelector(
20 |   selectUserField,
21 |   selectFieldProps,
22 | );
23 | 
24 | export const selectPropsPasswordField = createSelector(
25 |   selectPasswordField,
26 |   selectFieldProps,
27 | );
28 | 
29 | export const selectPropsLoginForm = createSelector(
30 |   selectLoginState,
31 |   selectUserField,
32 |   selectPasswordField,
33 |   (loginState, user, password) => ({
34 |     submitting: loginState.submitting,
35 |     disableSubmit: isEmpty(loginState.user.value) || isEmpty(loginState.password.value),
36 |     error: loginState.error || user.error || password.error,
37 |   }),
38 | );
39 | 


--------------------------------------------------------------------------------
/packages/react-native/src/login/styles.js:
--------------------------------------------------------------------------------
 1 | import { StyleSheet } from 'react-native';
 2 | 
 3 | export const styles = StyleSheet.create({
 4 |   simpleFlexContainer: {
 5 |     flex: 1,
 6 |     alignItems: 'center',
 7 |   },
 8 |   leftAlignedContainer: {
 9 |     alignItems: 'flex-start',
10 |   },
11 |   simpleText: {
12 |     flexGrow: 1,
13 |     color: 'black',
14 |     textAlign: 'left',
15 |   },
16 |   simpleInput: {
17 |     flexGrow: 1,
18 |     textAlignVertical: 'center',
19 |     borderBottomColor: 'black',
20 |     borderBottomWidth: 1,
21 |     paddingBottom: 5,
22 |     paddingHorizontal: 5,
23 |   },
24 | });
25 | 


--------------------------------------------------------------------------------
/packages/react-native/src/reducer.js:
--------------------------------------------------------------------------------
 1 | // @flow
 2 | 
 3 | import { combineReducers } from 'redux';
 4 | import login from './login/reducer';
 5 | 
 6 | let k = 'accounts-ui';
 7 | export const getStoreKey = () => k;
 8 | // eslint-disable-next-line no-return-assign
 9 | export const setStoreKey = (storeKey: string) => k = storeKey;
10 | 
11 | export const reducer = combineReducers({
12 |   login,
13 | });
14 | 


--------------------------------------------------------------------------------
/packages/react-native/src/redux/util.js:
--------------------------------------------------------------------------------
 1 | // @flow
 2 | import type { Reducer } from 'redux';
 3 | 
 4 | type Predicate = (action: Object) => boolean;
 5 | 
 6 | export const getState = (initialState: Object) => (state: Object = initialState) => state;
 7 | 
 8 | /**
 9 |  *
10 |  * @param predicate
11 |  * @param reducer
12 |  * @param initialState
13 |  * @returns {function(Object, Object): Object}
14 |  */
15 | export function filterActions(
16 |   predicate: Predicate,
17 |   reducer: Reducer<Object, Object>,
18 |   initialState: Object,
19 | ) {
20 |   return (state: Object, action: Object) =>
21 |     (predicate(action) ? reducer(state, action) : getState(initialState)(state));
22 | }
23 | 
24 | /**
25 |  *
26 |  * @param initialState
27 |  * @param handlers
28 |  * @returns {reducer}
29 |  */
30 | export function createReducer(initialState: Object, handlers: Object) {
31 |   return function reducer(state: Object = initialState, action: Object) {
32 |     if (Object.prototype.hasOwnProperty.call(handlers, action.type)) {
33 |       return handlers[action.type](state, action);
34 |     }
35 |     return state;
36 |   };
37 | }
38 | 


--------------------------------------------------------------------------------
/packages/react/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     "es2015",
 4 |     "react"
 5 |   ],
 6 |   "plugins": [
 7 |     "syntax-async-functions",
 8 |     "transform-regenerator",
 9 |     "transform-object-rest-spread",
10 |     "transform-async-to-generator",
11 |     "transform-class-properties"
12 |   ]
13 | }
14 | 


--------------------------------------------------------------------------------
/packages/react/.npmignore:
--------------------------------------------------------------------------------
1 | src/
2 | coverage/
3 | wallaby.js
4 | webpack.config.js
5 | .babelrc
6 | .eslintrc
7 | .flowconfig
8 | 


--------------------------------------------------------------------------------
/packages/react/.storybook/config.js:
--------------------------------------------------------------------------------
1 | import 'babel-polyfill';
2 | import { configure } from '@kadira/storybook';
3 | 
4 | function loadStories() {
5 |   require('../stories');
6 | }
7 | 
8 | configure(loadStories, module);
9 | 


--------------------------------------------------------------------------------
/packages/react/.storybook/webpack.config.js:
--------------------------------------------------------------------------------
 1 | // you can use this file to add your custom webpack plugins, loaders and anything you like.
 2 | // This is just the basic way to add addional webpack configurations.
 3 | // For more information refer the docs: https://getstorybook.io/docs/configurations/custom-webpack-config
 4 | 
 5 | // IMPORTANT
 6 | // When you add this file, we won't add the default configurations which is similar
 7 | // to "React Create App". This only has babel loader to load JavaScript.
 8 | 
 9 | module.exports = {
10 |   plugins: [
11 |     // your custom plugins
12 |   ],
13 |   module: {
14 |     loaders: [
15 |       // add your custom loaders.
16 |     ],
17 |   },
18 | };
19 | 


--------------------------------------------------------------------------------
/packages/react/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@accounts/react",
 3 |   "version": "0.0.13",
 4 |   "description": "React frontend for js-accounts",
 5 |   "main": "lib/index.js",
 6 |   "scripts": {
 7 |     "start": "babel --watch ./src --out-dir ./lib",
 8 |     "compile": "babel ./src --out-dir ./lib",
 9 |     "flow:check": "flow check",
10 |     "prepublish": "npm run compile",
11 |     "pretest": "npm run lint",
12 |     "test": "npm run testonly",
13 |     "testonly": "jest",
14 |     "coverage": "npm run testonly -- --coverage",
15 |     "coveralls": "cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js && rm -rf ./coverage",
16 |     "storybook": "start-storybook -p 6006",
17 |     "build-storybook": "build-storybook"
18 |   },
19 |   "publishConfig": {
20 |     "access": "public"
21 |   },
22 |   "jest": {
23 |     "testEnvironment": "node",
24 |     "testRegex": "(/.*.(test|spec)).(js|jsx)$"
25 |   },
26 |   "repository": {
27 |     "type": "git",
28 |     "url": "https://github.com/js-accounts/accounts/tree/master/packages/react"
29 |   },
30 |   "keywords": [
31 |     "react",
32 |     "auth",
33 |     "authentication",
34 |     "accounts",
35 |     "users",
36 |     "oauth"
37 |   ],
38 |   "author": "Tim Mikeladze",
39 |   "license": "ISC",
40 |   "bugs": {
41 |     "url": "https://github.com/js-accounts/react/issues"
42 |   },
43 |   "homepage": "https://github.com/js-accounts/react#readme",
44 |   "devDependencies": {
45 |     "@accounts/client": "^0.0.15",
46 |     "@accounts/common": "^0.0.15",
47 |     "@kadira/storybook": "^2.21.0",
48 |     "babel-cli": "^6.16.0",
49 |     "babel-core": "^6.17.0",
50 |     "babel-loader": "^6.2.5",
51 |     "babel-plugin-react": "^1.0.0",
52 |     "babel-plugin-syntax-async-functions": "^6.13.0",
53 |     "babel-plugin-transform-async-to-generator": "^6.16.0",
54 |     "babel-plugin-transform-class-properties": "^6.18.0",
55 |     "babel-plugin-transform-object-rest-spread": "^6.16.0",
56 |     "babel-plugin-transform-regenerator": "^6.16.1",
57 |     "babel-preset-es2015": "^6.16.0",
58 |     "babel-preset-es2015-node4": "^2.1.0",
59 |     "babel-preset-react": "^6.16.0",
60 |     "chai": "^3.5.0",
61 |     "chai-as-promised": "^6.0.0",
62 |     "coveralls": "^2.11.14",
63 |     "istanbul": "^1.1.0-alpha.1",
64 |     "jest": "^18.1.0",
65 |     "mocha": "^3.1.0",
66 |     "react": "^15.3.2",
67 |     "react-dom": "^15.3.2",
68 |     "sinon": "^1.17.6",
69 |     "sinon-chai": "^2.8.0",
70 |     "webpack": "^1.13.2",
71 |     "webpack-node-externals": "^1.5.4"
72 |   },
73 |   "peerDependencies": {
74 |     "@accounts/client": "^0.0.15",
75 |     "@accounts/common": "^0.0.15"
76 |   },
77 |   "dependencies": {
78 |     "prop-types": "^15.5.8",
79 |     "react": "^15.3.2",
80 |     "react-form": "^1.2.5",
81 |     "react-redux": "^4.4.5",
82 |     "react-router": "^3.0.0",
83 |     "recompose": "^0.20.2",
84 |     "redux": "^3.6.0"
85 |   }
86 | }
87 | 


--------------------------------------------------------------------------------
/packages/react/src/Accounts.js:
--------------------------------------------------------------------------------
  1 | import PropTypes from 'prop-types';
  2 | import React, { Component } from 'react';
  3 | import FormTypes from './FormTypes';
  4 | import Login from './Login';
  5 | import Signup from './Signup';
  6 | import ForgotPassword from './ForgotPassword';
  7 | import ResetPassword from './ResetPassword';
  8 | 
  9 | class Accounts extends Component {
 10 |   static propTypes = {
 11 |     accounts: PropTypes.object,
 12 |     formType: PropTypes.string,
 13 |     loginComponents: PropTypes.object,
 14 |     signupComponents: PropTypes.object,
 15 |     forgotPasswordComponents: PropTypes.object,
 16 |     resetPasswordComponents: PropTypes.object,
 17 |     Login: PropTypes.func,
 18 |     Signup: PropTypes.func,
 19 |     ForgotPassword: PropTypes.func,
 20 |     ResetPassword: PropTypes.func,
 21 |   }
 22 |   static defaultProps = {
 23 |     formType: FormTypes.LOGIN,
 24 |     Login,
 25 |     Signup,
 26 |     ForgotPassword,
 27 |     ResetPassword,
 28 |   }
 29 |   static childContextTypes = {
 30 |     accounts: PropTypes.object,
 31 |     setFormType: PropTypes.func,
 32 |   };
 33 |   constructor(props, context) {
 34 |     super(props, context);
 35 |     this.state = {
 36 |       formType: this.props.formType,
 37 |     };
 38 |   }
 39 |   getChildContext() {
 40 |     return {
 41 |       accounts: this.props.accounts,
 42 |       setFormType: this.setFormType,
 43 |     };
 44 |   }
 45 |   setFormType = (formType) => {
 46 |     this.setState({
 47 |       formType,
 48 |     });
 49 |   }
 50 |   render() {
 51 |     const {
 52 |       accounts,
 53 |       loginComponents,
 54 |       signupComponents,
 55 |       forgotPasswordComponents,
 56 |       resetPasswordComponents,
 57 |       Login, // eslint-disable-line no-shadow
 58 |       Signup, // eslint-disable-line no-shadow
 59 |       ForgotPassword, // eslint-disable-line no-shadow
 60 |       ResetPassword, // eslint-disable-line no-shadow
 61 |       ...otherProps
 62 |     } = this.props;
 63 |     switch (this.state.formType) {
 64 |       case FormTypes.LOGIN:
 65 |         return (
 66 |           <Login
 67 |             accounts={accounts}
 68 |             setFormType={this.setFormType}
 69 |             {...loginComponents}
 70 |             {...otherProps}
 71 |           />);
 72 |       case FormTypes.SIGNUP:
 73 |         return (
 74 |           <Signup
 75 |             accounts={accounts}
 76 |             setFormType={this.setFormType}
 77 |             {...signupComponents}
 78 |             {...otherProps}
 79 |           />);
 80 |       case FormTypes.FORGOT_PASSWORD:
 81 |         return (
 82 |           <ForgotPassword
 83 |             accounts={accounts}
 84 |             setFormType={this.setFormType}
 85 |             {...forgotPasswordComponents}
 86 |             {...otherProps}
 87 |           />);
 88 |       case FormTypes.RESET_PASSWORD:
 89 |         return (
 90 |           <ResetPassword
 91 |             accounts={accounts}
 92 |             setFormType={this.setFormType}
 93 |             {...resetPasswordComponents}
 94 |             {...otherProps}
 95 |           />);
 96 |       default:
 97 |         break;
 98 |     }
 99 |     return null;
100 |   }
101 | }
102 | 
103 | export default Accounts;
104 | 


--------------------------------------------------------------------------------
/packages/react/src/ForgotPassword.js:
--------------------------------------------------------------------------------
  1 | import PropTypes from 'prop-types';
  2 | import React, { Component } from 'react';
  3 | import { validators } from '@accounts/common';
  4 | import isString from 'lodash/isString';
  5 | import { Form, FormInput } from 'react-form';
  6 | 
  7 | class ForgotPassword extends Component {
  8 |   static propTypes = {
  9 |     accounts: PropTypes.object,
 10 |     Container: PropTypes.func,
 11 |     Content: PropTypes.func,
 12 |     Avatar: PropTypes.func,
 13 |     ForgotPasswordFields: PropTypes.func,
 14 |     ForgotPasswordEmailField: PropTypes.func,
 15 |     ForgotPasswordButton: PropTypes.func,
 16 |     Header: PropTypes.func,
 17 |     Footer: PropTypes.func,
 18 |     FormError: PropTypes.func,
 19 |   }
 20 | 
 21 |   constructor(props, context) {
 22 |     super(props, context);
 23 |     this.state = {
 24 |       formError: '',
 25 |     };
 26 |   }
 27 | 
 28 |   onSubmit = async ({
 29 |     email,
 30 |   }) => {
 31 |     const { accounts } = this.props;
 32 |     this.setState({
 33 |       formError: '',
 34 |     });
 35 |     try {
 36 |       await accounts.requestPasswordReset(email);
 37 |     } catch (err) {
 38 |       this.setState({
 39 |         formError: err.message,
 40 |       });
 41 |     }
 42 |   }
 43 | 
 44 |   validate = ({
 45 |     email,
 46 |   }) => {
 47 |     const toReturn = {
 48 |       email: (() => {
 49 |         if (!email) {
 50 |           return 'Email is required';
 51 |         }
 52 |         if (!validators.isEmail(email)) {
 53 |           return 'Email is not valid';
 54 |         }
 55 |         return undefined;
 56 |       })(),
 57 |     };
 58 |     return toReturn;
 59 |   }
 60 | 
 61 |   renderForgotPasswordFields = (form) => {
 62 |     const {
 63 |       ForgotPasswordFields,
 64 |       ForgotPasswordEmailField,
 65 |     } = this.props;
 66 |     return (
 67 |       <ForgotPasswordFields>
 68 |         <FormInput field="email" showErrors={false}>
 69 |           {() =>
 70 |             <ForgotPasswordEmailField
 71 |               {...form}
 72 |               label="Email"
 73 |               value={form.getValue('email', '')}
 74 |               onChange={e => form.setValue('email', e.target.value)}
 75 |               errorText={form.getTouched('email') && isString(form.getError('email')) ? form.getError('email') : ''}
 76 |             />
 77 |           }
 78 |         </FormInput>
 79 |       </ForgotPasswordFields>
 80 |     );
 81 |   }
 82 | 
 83 |   render() {
 84 |     const {
 85 |       Container,
 86 |       Content,
 87 |       Header,
 88 |       Footer,
 89 |       Avatar,
 90 |       ForgotPasswordButton,
 91 |       FormError,
 92 |       ...otherProps
 93 |     } = this.props;
 94 |     return (
 95 |       <Container >
 96 |         <Header />
 97 |         <Content {...otherProps}>
 98 |           <Avatar />
 99 |           <Form
100 |             onSubmit={this.onSubmit}
101 |             validate={this.validate}
102 |           >
103 |             {form =>
104 |               <div>
105 |                 {this.renderForgotPasswordFields(form)}
106 |                 <ForgotPasswordButton
107 |                   label="Recover my password"
108 |                   onClick={form.submitForm}
109 |                 />
110 |               </div>
111 |             }
112 |           </Form>
113 |           <FormError errorText={this.state.formError} />
114 |         </Content>
115 |         <Footer />
116 |       </Container>
117 |     );
118 |   }
119 | }
120 | 
121 | export default ForgotPassword;
122 | 


--------------------------------------------------------------------------------
/packages/react/src/FormTypes.js:
--------------------------------------------------------------------------------
1 | export default {
2 |   LOGIN: 'login',
3 |   SIGNUP: 'signup',
4 |   FORGOT_PASSWORD: 'forgot-password',
5 |   RESET_PASSWORD: 'reset-password',
6 | };
7 | 


--------------------------------------------------------------------------------
/packages/react/src/Login.js:
--------------------------------------------------------------------------------
  1 | import PropTypes from 'prop-types';
  2 | import React, { Component } from 'react';
  3 | import isString from 'lodash/isString';
  4 | import { Form, FormInput } from 'react-form';
  5 | 
  6 | class Login extends Component {
  7 |   static propTypes = {
  8 |     accounts: PropTypes.object,
  9 |     setFormType: PropTypes.func,
 10 |     Avatar: PropTypes.func,
 11 |     LoginFields: PropTypes.func,
 12 |     LoginUserField: PropTypes.func,
 13 |     LoginPasswordField: PropTypes.func,
 14 |     RecoverButton: PropTypes.func,
 15 |     LoginButton: PropTypes.func,
 16 |     SignupButton: PropTypes.func,
 17 |     Header: PropTypes.func,
 18 |     Footer: PropTypes.func,
 19 |     Container: PropTypes.func,
 20 |     Content: PropTypes.func,
 21 |     FormError: PropTypes.func,
 22 |   }
 23 |   static defaultProps = {
 24 |     Container: () => <div />,
 25 |     Header: () => <div />,
 26 |     Content: () => <div />,
 27 |     Footer: () => <div />,
 28 |   };
 29 |   constructor(props, context) {
 30 |     super(props, context);
 31 |     this.state = {
 32 |       formError: '',
 33 |     };
 34 |   }
 35 |   onSubmit = async (values) => {
 36 |     const { accounts } = this.props;
 37 |     this.setState({
 38 |       formError: '',
 39 |     });
 40 |     try {
 41 |       await accounts.loginWithPassword(values.user, values.password);
 42 |     } catch (err) {
 43 |       this.setState({
 44 |         formError: err.message,
 45 |       });
 46 |     }
 47 |   }
 48 |   validate = ({
 49 |     user,
 50 |     password,
 51 |   }) => ({
 52 |     user: !user ? 'Username or Email is required' : undefined,
 53 |     password: !password ? 'Password is required' : undefined,
 54 |   })
 55 |   render() {
 56 |     const {
 57 |       Container,
 58 |       Content,
 59 |       Header,
 60 |       Footer,
 61 |       Avatar,
 62 |       LoginFields,
 63 |       LoginUserField,
 64 |       LoginPasswordField,
 65 |       LoginButton,
 66 |       RecoverButton,
 67 |       FormError,
 68 |       ...otherProps
 69 |     } = this.props;
 70 |     return (
 71 |       <Container>
 72 |         <Header />
 73 |         <Content {...otherProps}>
 74 |           <Avatar {...otherProps} />
 75 |           <Form
 76 |             onSubmit={this.onSubmit}
 77 |             validate={this.validate}
 78 |           >
 79 |             {form =>
 80 |               <LoginFields>
 81 |                 <FormInput field="user" showErrors={false}>
 82 |                   {() =>
 83 |                     <LoginUserField
 84 |                       {...form}
 85 |                       label="Username or email"
 86 |                       value={form.getValue('user', '')}
 87 |                       onChange={e => form.setValue('user', e.target.value)}
 88 |                       errorText={form.getTouched('user') && isString(form.getError('user')) ? form.getError('user') : ''}
 89 |                     />
 90 |                   }
 91 |                 </FormInput>
 92 |                 <FormInput field="password" showErrors={false}>
 93 |                   {() =>
 94 |                     <LoginPasswordField
 95 |                       {...form}
 96 |                       label="Password"
 97 |                       onChange={e => form.setValue('password', e.target.value)}
 98 |                       value={form.getValue('password', '')}
 99 |                       errorText={form.getTouched('password') && isString(form.getError('password')) ? form.getError('password') : ''}
100 |                     />
101 |                   }
102 |                 </FormInput>
103 |                 <LoginButton
104 |                   label="Sign in"
105 |                   onClick={form.submitForm}
106 |                   {...otherProps}
107 |                 />
108 |               </LoginFields>
109 |             }
110 |           </Form>
111 |           <RecoverButton {...otherProps} />
112 |           <FormError errorText={this.state.formError} />
113 |         </Content>
114 |         <Footer />
115 |       </Container>
116 |     );
117 |   }
118 | }
119 | 
120 | export default Login;
121 | 


--------------------------------------------------------------------------------
/packages/react/src/ResetPassword.js:
--------------------------------------------------------------------------------
  1 | import PropTypes from 'prop-types';
  2 | import React, { Component } from 'react';
  3 | import isString from 'lodash/isString';
  4 | import { Form, FormInput } from 'react-form';
  5 | 
  6 | class ResetPassword extends Component {
  7 |   static propTypes = {
  8 |     accounts: PropTypes.object,
  9 |     Container: PropTypes.func,
 10 |     Content: PropTypes.func,
 11 |     Avatar: PropTypes.func,
 12 |     ResetPasswordFields: PropTypes.func,
 13 |     ResetPasswordPasswordField: PropTypes.func,
 14 |     ResetPasswordPasswordConfirmField: PropTypes.func,
 15 |     ResetPasswordButton: PropTypes.func,
 16 |     Header: PropTypes.func,
 17 |     Footer: PropTypes.func,
 18 |     FormError: PropTypes.func,
 19 |     token: PropTypes.string,
 20 |   }
 21 | 
 22 |   constructor(props, context) {
 23 |     super(props, context);
 24 |     this.state = {
 25 |       formError: '',
 26 |     };
 27 |   }
 28 | 
 29 |   onSubmit = async ({
 30 |     password,
 31 |   }) => {
 32 |     const { accounts, token } = this.props;
 33 |     this.setState({
 34 |       formError: '',
 35 |     });
 36 |     try {
 37 |       await accounts.resetPassword(token, password);
 38 |     } catch (err) {
 39 |       this.setState({
 40 |         formError: err.message,
 41 |       });
 42 |     }
 43 |   }
 44 | 
 45 |   validate = ({
 46 |     password,
 47 |     passwordConfirm,
 48 |   }) => {
 49 |     const toReturn = {
 50 |       password: (() => { //eslint-disable-line
 51 |         const { minimumPasswordLength } = this.props.accounts.options();
 52 |         if (!password) {
 53 |           return 'Password is required';
 54 |         }
 55 |         if (isString(password) && password.length < minimumPasswordLength) {
 56 |           return `Password must be at least ${minimumPasswordLength} characters`;
 57 |         }
 58 |       })(),
 59 |       passwordConfirm: password !== passwordConfirm ? 'Passwords do not match' : undefined,
 60 |     };
 61 |     return toReturn;
 62 |   }
 63 | 
 64 |   renderResetPasswordFields = (form) => {
 65 |     const {
 66 |       ResetPasswordFields,
 67 |       ResetPasswordPasswordField,
 68 |       ResetPasswordPasswordConfirmField,
 69 |     } = this.props;
 70 |     return (
 71 |       <ResetPasswordFields>
 72 |         <FormInput field="email" showErrors={false}>
 73 |           {() =>
 74 |             <ResetPasswordPasswordField
 75 |               {...form}
 76 |               label="New password"
 77 |               value={form.getValue('password', '')}
 78 |               onChange={e => form.setValue('password', e.target.value)}
 79 |               errorText={form.getTouched('password') && isString(form.getError('password')) ? form.getError('password') : ''}
 80 |             />
 81 |           }
 82 |         </FormInput>
 83 |         <FormInput field="passwordConfirm" showErrors={false}>
 84 |           {() =>
 85 |             <ResetPasswordPasswordConfirmField
 86 |               {...form}
 87 |               label="Confirm new password"
 88 |               value={form.getValue('passwordConfirm', '')}
 89 |               onChange={e => form.setValue('passwordConfirm', e.target.value)}
 90 |               errorText={form.getTouched('passwordConfirm') && isString(form.getError('passwordConfirm')) ? form.getError('passwordConfirm') : ''}
 91 |             />
 92 |           }
 93 |         </FormInput>
 94 |       </ResetPasswordFields>
 95 |     );
 96 |   }
 97 | 
 98 |   render() {
 99 |     const {
100 |       Container,
101 |       Content,
102 |       Header,
103 |       Footer,
104 |       Avatar,
105 |       ResetPasswordButton,
106 |       FormError,
107 |       ...otherProps
108 |     } = this.props;
109 |     return (
110 |       <Container >
111 |         <Header />
112 |         <Content {...otherProps}>
113 |           <Avatar />
114 |           <Form
115 |             onSubmit={this.onSubmit}
116 |             validate={this.validate}
117 |           >
118 |             {form =>
119 |               <div>
120 |                 {this.renderResetPasswordFields(form)}
121 |                 <ResetPasswordButton
122 |                   label="Save"
123 |                   onClick={form.submitForm}
124 |                 />
125 |               </div>
126 |             }
127 |           </Form>
128 |           <FormError errorText={this.state.formError} />
129 |         </Content>
130 |         <Footer />
131 |       </Container>
132 |     );
133 |   }
134 | }
135 | 
136 | export default ResetPassword;
137 | 


--------------------------------------------------------------------------------
/packages/react/src/Signup.js:
--------------------------------------------------------------------------------
  1 | import PropTypes from 'prop-types';
  2 | import React, { Component } from 'react';
  3 | import { PasswordSignupFields, validators } from '@accounts/common';
  4 | import isString from 'lodash/isString';
  5 | import { Form, FormInput } from 'react-form';
  6 | 
  7 | class Signup extends Component {
  8 |   static propTypes = {
  9 |     accounts: PropTypes.object,
 10 |     Container: PropTypes.func,
 11 |     Content: PropTypes.func,
 12 |     Avatar: PropTypes.func,
 13 |     SignupFields: PropTypes.func,
 14 |     SignupEmailOptionalField: PropTypes.func,
 15 |     SignupEmailField: PropTypes.func,
 16 |     SignupUsernameField: PropTypes.func,
 17 |     SignupPasswordField: PropTypes.func,
 18 |     SignupPasswordConfirmField: PropTypes.func,
 19 |     SignupButton: PropTypes.func,
 20 |     Header: PropTypes.func,
 21 |     Footer: PropTypes.func,
 22 |     FormError: PropTypes.func,
 23 |   }
 24 |   constructor(props, context) {
 25 |     super(props, context);
 26 |     this.state = {
 27 |       formError: '',
 28 |     };
 29 |   }
 30 |   onSubmit = async ({
 31 |     username,
 32 |     email,
 33 |     password,
 34 |   }) => {
 35 |     const { accounts } = this.props;
 36 |     this.setState({
 37 |       formError: '',
 38 |     });
 39 |     try {
 40 |       await accounts.createUser({
 41 |         username,
 42 |         email,
 43 |         password,
 44 |       });
 45 |     } catch (err) {
 46 |       this.setState({
 47 |         formError: err.message,
 48 |       });
 49 |     }
 50 |   }
 51 |   validate = ({
 52 |     username,
 53 |     email,
 54 |     password,
 55 |     passwordConfirm,
 56 |   }) => {
 57 |     const { passwordSignupFields } = this.props.accounts.options();
 58 |     const {
 59 |           EMAIL_ONLY,
 60 |           USERNAME_ONLY,
 61 |           USERNAME_AND_EMAIL,
 62 |           USERNAME_AND_OPTIONAL_EMAIL,
 63 |       } = PasswordSignupFields;
 64 |     const toReturn = {
 65 |       password: (() => { //eslint-disable-line
 66 |         const { minimumPasswordLength } = this.props.accounts.options();
 67 |         if (!password) {
 68 |           return 'Password is required';
 69 |         }
 70 |         if (isString(password) && password.length < minimumPasswordLength) {
 71 |           return `Password must be at least ${minimumPasswordLength} characters`;
 72 |         }
 73 |       })(),
 74 |       passwordConfirm: password !== passwordConfirm ? 'Passwords do not match' : undefined,
 75 |     };
 76 | 
 77 |     if (passwordSignupFields === EMAIL_ONLY || USERNAME_AND_EMAIL) {
 78 |       toReturn.email = (() => {
 79 |         if (!email) {
 80 |           return 'Email is required';
 81 |         }
 82 |         if (!validators.isEmail(email)) {
 83 |           return 'Email is not valid';
 84 |         }
 85 |         return undefined;
 86 |       })();
 87 |     }
 88 | 
 89 |     if (passwordSignupFields === USERNAME_AND_OPTIONAL_EMAIL) {
 90 |       toReturn.email = (() => {
 91 |         if (!validators.isEmail(email)) {
 92 |           return 'Email is not valid';
 93 |         }
 94 |         return undefined;
 95 |       })();
 96 |     }
 97 | 
 98 |     if (passwordSignupFields === USERNAME_ONLY || USERNAME_AND_EMAIL) {
 99 |       toReturn.username = !username ? 'Username is required' : undefined;
100 |     }
101 | 
102 |     return toReturn;
103 |   }
104 |   renderSignupFields = (form) => {
105 |     const {
106 |       accounts,
107 |       SignupFields,
108 |       SignupEmailField,
109 |       SignupEmailOptionalField,
110 |       SignupUsernameField,
111 |       SignupPasswordField,
112 |       SignupPasswordConfirmField,
113 |     } = this.props;
114 |     const type = accounts.options().passwordSignupFields;
115 |     const {
116 |           EMAIL_ONLY,
117 |           USERNAME_ONLY,
118 |           USERNAME_AND_EMAIL,
119 |           USERNAME_AND_OPTIONAL_EMAIL,
120 |       } = PasswordSignupFields;
121 |     switch (type) {
122 |       case EMAIL_ONLY:
123 |         return (
124 |           <SignupFields>
125 |             <FormInput field="email" showErrors={false}>
126 |               {() =>
127 |                 <SignupEmailField
128 |                   {...form}
129 |                   label="Email"
130 |                   value={form.getValue('email', '')}
131 |                   onChange={e => form.setValue('email', e.target.value)}
132 |                   errorText={form.getTouched('email') && isString(form.getError('email')) ? form.getError('email') : ''}
133 |                 />
134 |               }
135 |             </FormInput>
136 |             <FormInput field="password" showErrors={false}>
137 |               {() =>
138 |                 <SignupPasswordField
139 |                   {...form}
140 |                   label="Password"
141 |                   value={form.getValue('password', '')}
142 |                   onChange={e => form.setValue('password', e.target.value)}
143 |                   errorText={form.getTouched('password') && isString(form.getError('password')) ? form.getError('password') : ''}
144 |                 />
145 |               }
146 |             </FormInput>
147 |             <FormInput field="passwordConfirm" showErrors={false}>
148 |               {() =>
149 |                 <SignupPasswordConfirmField
150 |                   {...form}
151 |                   label="Confirm password"
152 |                   value={form.getValue('passwordConfirm', '')}
153 |                   onChange={e => form.setValue('passwordConfirm', e.target.value)}
154 |                   errorText={form.getTouched('passwordConfirm') && isString(form.getError('passwordConfirm')) ? form.getError('passwordConfirm') : ''}
155 |                 />
156 |               }
157 |             </FormInput>
158 |           </SignupFields>);
159 |       case USERNAME_ONLY:
160 |         return (
161 |           <SignupFields>
162 |             <FormInput field="username" showErrors={false}>
163 |               {() =>
164 |                 <SignupUsernameField
165 |                   {...form}
166 |                   label="Username"
167 |                   value={form.getValue('username', '')}
168 |                   onChange={e => form.setValue('username', e.target.value)}
169 |                   errorText={form.getTouched('username') && isString(form.getError('username')) ? form.getError('username') : ''}
170 |                 />
171 |               }
172 |             </FormInput>
173 |             <FormInput field="password" showErrors={false}>
174 |               {() =>
175 |                 <SignupPasswordField
176 |                   {...form}
177 |                   label="Password"
178 |                   value={form.getValue('password', '')}
179 |                   onChange={e => form.setValue('password', e.target.value)}
180 |                   errorText={form.getTouched('password') && isString(form.getError('password')) ? form.getError('password') : ''}
181 |                 />
182 |               }
183 |             </FormInput>
184 |             <FormInput field="passwordConfirm" showErrors={false}>
185 |               {() =>
186 |                 <SignupPasswordConfirmField
187 |                   {...form}
188 |                   label="Confirm password"
189 |                   value={form.getValue('passwordConfirm', '')}
190 |                   onChange={e => form.setValue('passwordConfirm', e.target.value)}
191 |                   errorText={form.getTouched('passwordConfirm') && isString(form.getError('passwordConfirm')) ? form.getError('passwordConfirm') : ''}
192 |                 />
193 |               }
194 |             </FormInput>
195 |           </SignupFields>
196 |         );
197 |       case USERNAME_AND_EMAIL:
198 |         return (
199 |           <SignupFields>
200 |             <FormInput field="username" showErrors={false}>
201 |               {() =>
202 |                 <SignupUsernameField
203 |                   {...form}
204 |                   label="Username"
205 |                   value={form.getValue('username', '')}
206 |                   onChange={e => form.setValue('username', e.target.value)}
207 |                   errorText={form.getTouched('username') && isString(form.getError('username')) ? form.getError('username') : ''}
208 |                 />
209 |               }
210 |             </FormInput>
211 |             <SignupEmailField
212 |               {...form}
213 |               label="Email"
214 |               value={form.getValue('email', '')}
215 |               onChange={e => form.setValue('email', e.target.value)}
216 |               errorText={form.getTouched('email') && isString(form.getError('email')) ? form.getError('email') : ''}
217 |             />
218 |             <FormInput field="password" showErrors={false}>
219 |               {() =>
220 |                 <SignupPasswordField
221 |                   {...form}
222 |                   label="Password"
223 |                   value={form.getValue('password', '')}
224 |                   onChange={e => form.setValue('password', e.target.value)}
225 |                   errorText={form.getTouched('password') && isString(form.getError('password')) ? form.getError('password') : ''}
226 |                 />
227 |               }
228 |             </FormInput>
229 |             <FormInput field="passwordConfirm" showErrors={false}>
230 |               {() =>
231 |                 <SignupPasswordConfirmField
232 |                   {...form}
233 |                   label="Confirm password"
234 |                   value={form.getValue('passwordConfirm', '')}
235 |                   onChange={e => form.setValue('passwordConfirm', e.target.value)}
236 |                   errorText={form.getTouched('passwordConfirm') && isString(form.getError('passwordConfirm')) ? form.getError('passwordConfirm') : ''}
237 |                 />
238 |               }
239 |             </FormInput>
240 |           </SignupFields>
241 |         );
242 |       case USERNAME_AND_OPTIONAL_EMAIL:
243 |         return (
244 |           <SignupFields>
245 |             <SignupUsernameField
246 |               {...form}
247 |               label="Username"
248 |               onChange={e => this.onChangeUsernameField(e)}
249 |               errorText={this.state.usernameFieldErrorText}
250 |             />
251 |             <SignupEmailOptionalField
252 |               {...form}
253 |               label="Email (optional)"
254 |               value={form.getValue('email', '')}
255 |               onChange={e => form.setValue('email', e.target.value)}
256 |               errorText={form.getTouched('email') && isString(form.getError('email')) ? form.getError('email') : ''}
257 |             />
258 |             <SignupPasswordField
259 |               {...form}
260 |               label="Password"
261 |               onChange={e => this.onChangePasswordField(e)}
262 |               errorText={this.state.passwordFieldErrorText}
263 |             />
264 |             <SignupPasswordConfirmField
265 |               {...form}
266 |               label="Confirm password"
267 |               onChange={e => this.onChangePasswordConfirmField(e)}
268 |               errorText={this.state.passwordConfirmFieldErrorText}
269 |             />
270 |           </SignupFields>
271 |         );
272 |       default:
273 |         return null;
274 |     }
275 |   }
276 |   render() {
277 |     const {
278 |       Container,
279 |       Content,
280 |       Header,
281 |       Footer,
282 |       Avatar,
283 |       SignupButton,
284 |       FormError,
285 |       ...otherProps
286 |     } = this.props;
287 |     return (
288 |       <Container>
289 |         <Header />
290 |         <Content {...otherProps}>
291 |           <Avatar />
292 |           <Form
293 |             onSubmit={this.onSubmit}
294 |             validate={this.validate}
295 |           >
296 |             {form =>
297 |               <div>
298 |                 {this.renderSignupFields(form)}
299 |                 <SignupButton
300 |                   label="Sign up"
301 |                   onClick={form.submitForm}
302 |                 />
303 |               </div>
304 |             }
305 |           </Form>
306 |           <FormError errorText={this.state.formError} />
307 |         </Content>
308 |         <Footer />
309 |       </Container>
310 |     );
311 |   }
312 | }
313 | 
314 | export default Signup;
315 | 


--------------------------------------------------------------------------------
/packages/react/src/accountRoutes.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | import React from 'react';
 3 | import withProps from 'recompose/withProps';
 4 | import { Route } from 'react-router';
 5 | import FormTypes from './FormTypes';
 6 | 
 7 | const DefaultContainer = ({ children }) => children;
 8 | 
 9 | const onEnter = accounts => async (nextState, replace, callback) => {
10 |   try {
11 |     if (accounts.user()) {
12 |       replace(accounts.options().homePath);
13 |     }
14 |     callback();
15 |   } catch (err) {
16 |     callback();
17 |   }
18 | };
19 | 
20 | const accountRoutes = ({
21 |   accounts,
22 |   component,
23 |   container = DefaultContainer,
24 | }) => {
25 |   const Component = component;
26 |   const Container = container;
27 |   return (
28 |     <Route onEnter={onEnter(accounts)}>
29 |       <Route
30 |         path={accounts.options().loginPath}
31 |         component={
32 |           () =>
33 |             <Container>
34 |               {withProps({
35 |                 formType: FormTypes.LOGIN,
36 |                 accounts,
37 |               })(Component)()}
38 |             </Container>
39 |         }
40 |       />
41 |       <Route
42 |         path={accounts.options().signUpPath}
43 |         component={
44 |           () =>
45 |             <Container>
46 |               {withProps({
47 |                 formType: FormTypes.SIGNUP,
48 |                 accounts,
49 |               })(Component)()}
50 |             </Container>
51 |         }
52 |       />
53 |       <Route
54 |         path={accounts.options().forgotPasswordPath}
55 |         component={
56 |           () =>
57 |             <Container>
58 |               {withProps({
59 |                 formType: FormTypes.FORGOT_PASSWORD,
60 |                 accounts,
61 |               })(Component)()}
62 |             </Container>
63 |         }
64 |       />
65 |       <Route
66 |         path={accounts.options().resetPasswordPath}
67 |         component={
68 |           ({ params }) =>
69 |             <Container>
70 |               {withProps({
71 |                 formType: FormTypes.RESET_PASSWORD,
72 |                 accounts,
73 |                 token: params.token,
74 |               })(Component)()}
75 |             </Container>
76 |         }
77 |       />
78 |     </Route>
79 |   );
80 | };
81 | 
82 | accountRoutes.propTypes = {
83 |   accounts: PropTypes.object,
84 |   component: PropTypes.func,
85 |   container: PropTypes.func,
86 | };
87 | 
88 | export default accountRoutes;
89 | 


--------------------------------------------------------------------------------
/packages/react/src/authenticate.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | /* eslint-disable react/no-did-mount-set-state */
 3 | import React from 'react';
 4 | import FormTypes from './FormTypes';
 5 | 
 6 | class Authenticate extends React.Component {
 7 |   static propTypes = {
 8 |     accounts: PropTypes.object,
 9 |     Loading: PropTypes.func,
10 |     Dialog: PropTypes.func,
11 |     children: PropTypes.node,
12 |   }
13 |   constructor(props, context) {
14 |     super(props, context);
15 |     this.state = {
16 |       user: null,
17 |       showDialog: false,
18 |     };
19 |   }
20 |   async componentDidMount() {
21 |     const accounts = this.props.accounts;
22 |     this.store = accounts.instance.store;
23 |     this.user = null;
24 |     this.mounted = true;
25 |     this.unsubscribe = this.store.subscribe(() => {
26 |       const user = accounts.user();
27 |       if (user) {
28 |         this.user = user;
29 |         this.setState({
30 |           user,
31 |         });
32 |       } else {
33 |         this.setState({
34 |           user: null,
35 |           showDialog: true,
36 |         });
37 |       }
38 |     });
39 |   }
40 |   componentWillUnmount() {
41 |     this.mounted = false;
42 |     this.unsubscribe();
43 |   }
44 |   render() {
45 |     const { user, showDialog } = this.state;
46 |     const { accounts, Loading, Dialog, children } = this.props;
47 |     if (accounts.isLoading()) {
48 |       return <Loading />;
49 |     } else if (user) {
50 |       return React.cloneElement(children, {
51 |         accounts,
52 |         user,
53 |       });
54 |     } else if (showDialog) {
55 |       return React.cloneElement(Dialog({}), {
56 |         accounts,
57 |         formType: FormTypes.LOGIN,
58 |       });
59 |     }
60 |     return null;
61 |   }
62 | }
63 | 
64 | export { Authenticate };
65 | 
66 | const authenticate = ({
67 |   accounts,
68 |   Loading,
69 |   Dialog,
70 | }) => Component => props =>
71 |   <Authenticate
72 |     accounts={accounts}
73 |     Loading={Loading}
74 |     Dialog={Dialog}
75 |   >
76 |     <Component {...props} />
77 |   </Authenticate>;
78 | 
79 | export default authenticate;
80 | 


--------------------------------------------------------------------------------
/packages/react/src/index.js:
--------------------------------------------------------------------------------
 1 | import Accounts from './Accounts';
 2 | import Login from './Login';
 3 | import Signup from './Signup';
 4 | import ForgotPassword from './ForgotPassword';
 5 | import authenticate, { Authenticate } from './authenticate';
 6 | import withCurrentUser, { WithCurrentUser } from './withCurrentUser';
 7 | import accountRoutes from './accountRoutes';
 8 | 
 9 | export {
10 |   Accounts,
11 |   Login,
12 |   Signup,
13 |   ForgotPassword,
14 |   authenticate,
15 |   Authenticate,
16 |   withCurrentUser,
17 |   WithCurrentUser,
18 |   accountRoutes,
19 | };
20 | 


--------------------------------------------------------------------------------
/packages/react/src/index.spec.js:
--------------------------------------------------------------------------------
1 | describe('empty test suite', () => {
2 |   it('empty test', () => {
3 | 
4 |   });
5 | });
6 | 


--------------------------------------------------------------------------------
/packages/react/src/withCurrentUser.js:
--------------------------------------------------------------------------------
 1 | import PropTypes from 'prop-types';
 2 | /* eslint-disable react/no-did-mount-set-state */
 3 | import React from 'react';
 4 | 
 5 | class WithCurrentUser extends React.Component {
 6 |   static propTypes = {
 7 |     accounts: PropTypes.object,
 8 |     children: PropTypes.node,
 9 |   }
10 |   constructor(props, context) {
11 |     super(props, context);
12 |     this.state = {
13 |       user: props.accounts.user() || null,
14 |     };
15 |   }
16 |   async componentDidMount() {
17 |     const accounts = this.props.accounts;
18 |     this.store = accounts.instance.store;
19 |     this.user = null;
20 |     this.mounted = true;
21 |     this.unsubscribe = this.store.subscribe(() => {
22 |       const user = accounts.user();
23 |       if (user) {
24 |         this.user = user;
25 |         if (this.mounted) {
26 |           this.setState({
27 |             user,
28 |           });
29 |         }
30 |       } else if (this.mounted) {
31 |         this.setState({
32 |           user: null,
33 |         });
34 |       }
35 |     });
36 |   }
37 |   componentWillUnmount() {
38 |     this.mounted = false;
39 |     this.unsubscribe();
40 |   }
41 |   render() {
42 |     if (this.state.user) {
43 |       return React.cloneElement(this.props.children, {
44 |         currentUser: this.state.user,
45 |       });
46 |     }
47 |     return null;
48 |   }
49 | }
50 | 
51 | const withCurrentUser = accounts => Component => props =>
52 |   <WithCurrentUser accounts={accounts}>
53 |     <Component {...props} />
54 |   </WithCurrentUser>;
55 | 
56 | export default withCurrentUser;
57 | 


--------------------------------------------------------------------------------
/packages/react/stories/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { storiesOf } from '@kadira/storybook';
 3 | import Accounts from '@accounts/client';
 4 | import '../src/';
 5 | 
 6 | storiesOf('Login', module)
 7 |   .add('Form', () => (
 8 |     <Accounts.ui.login.Form />
 9 |   ));
10 | 


--------------------------------------------------------------------------------
/packages/react/wallaby.js:
--------------------------------------------------------------------------------
 1 | module.exports = function(wallaby) {
 2 |   return {
 3 |     files: [
 4 |       'src/**/*.js',
 5 |       '!src/**/*.spec.js'
 6 |     ],
 7 | 
 8 |     tests: [
 9 |       'src/**/*.spec.js'
10 |     ],
11 | 
12 |     compilers: {
13 |       'src/**/*.js': wallaby.compilers.babel()
14 |     },
15 | 
16 |     env: {
17 |       type: 'node'
18 |     }
19 |   };
20 | };


--------------------------------------------------------------------------------
/packages/react/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const path = require('path');
 2 | const nodeExternals = require('webpack-node-externals');
 3 | 
 4 | module.exports = {
 5 |   entry: './src/index.js',
 6 |   target: 'node',
 7 |   externals: [nodeExternals()],
 8 |   devtool: 'eval-source-map',
 9 |   output: {
10 |     path: path.join(__dirname, '/lib'),
11 |     filename: 'index.js',
12 |     library: '@accounts/react',
13 |     libraryTarget: 'umd',
14 |     umdNamedDefine: true,
15 |   },
16 |   modulesDirectories: [
17 |     'src',
18 |     'node_modules',
19 |   ],
20 |   module: {
21 |     loaders: [
22 |       {
23 |         test: /\.js$/,
24 |         loader: 'babel',
25 |         exclude: /node_modules/,
26 |       },
27 |     ],
28 |   },
29 | };
30 | 


--------------------------------------------------------------------------------
/yarn.lock:
--------------------------------------------------------------------------------
   1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
   2 | # yarn lockfile v1
   3 | 
   4 | 
   5 | acorn-jsx@^3.0.0, acorn-jsx@^3.0.1:
   6 |   version "3.0.1"
   7 |   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-3.0.1.tgz#afdf9488fb1ecefc8348f6fb22f464e32a58b36b"
   8 |   dependencies:
   9 |     acorn "^3.0.4"
  10 | 
  11 | acorn@^3.0.4:
  12 |   version "3.3.0"
  13 |   resolved "https://registry.yarnpkg.com/acorn/-/acorn-3.3.0.tgz#45e37fb39e8da3f25baee3ff5369e2bb5f22017a"
  14 | 
  15 | acorn@^4.0.1:
  16 |   version "4.0.4"
  17 |   resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.4.tgz#17a8d6a7a6c4ef538b814ec9abac2779293bf30a"
  18 | 
  19 | ajv-keywords@^1.0.0:
  20 |   version "1.5.1"
  21 |   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-1.5.1.tgz#314dd0a4b3368fad3dfcdc54ede6171b886daf3c"
  22 | 
  23 | ajv@^4.7.0:
  24 |   version "4.11.2"
  25 |   resolved "https://registry.yarnpkg.com/ajv/-/ajv-4.11.2.tgz#f166c3c11cbc6cb9dcc102a5bcfe5b72c95287e6"
  26 |   dependencies:
  27 |     co "^4.6.0"
  28 |     json-stable-stringify "^1.0.1"
  29 | 
  30 | ansi-escapes@^1.1.0:
  31 |   version "1.4.0"
  32 |   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-1.4.0.tgz#d3a8a83b319aa67793662b13e761c7911422306e"
  33 | 
  34 | ansi-regex@^2.0.0:
  35 |   version "2.1.1"
  36 |   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
  37 | 
  38 | ansi-styles@^2.2.1:
  39 |   version "2.2.1"
  40 |   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
  41 | 
  42 | argparse@^1.0.7:
  43 |   version "1.0.9"
  44 |   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.9.tgz#73d83bc263f86e97f8cc4f6bae1b0e90a7d22c86"
  45 |   dependencies:
  46 |     sprintf-js "~1.0.2"
  47 | 
  48 | array-find-index@^1.0.1:
  49 |   version "1.0.2"
  50 |   resolved "https://registry.yarnpkg.com/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1"
  51 | 
  52 | array-union@^1.0.1:
  53 |   version "1.0.2"
  54 |   resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
  55 |   dependencies:
  56 |     array-uniq "^1.0.1"
  57 | 
  58 | array-uniq@^1.0.1:
  59 |   version "1.0.3"
  60 |   resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
  61 | 
  62 | array.prototype.find@^2.0.1:
  63 |   version "2.0.3"
  64 |   resolved "https://registry.yarnpkg.com/array.prototype.find/-/array.prototype.find-2.0.3.tgz#08c3ec33e32ec4bab362a2958e686ae92f59271d"
  65 |   dependencies:
  66 |     define-properties "^1.1.2"
  67 |     es-abstract "^1.7.0"
  68 | 
  69 | arrify@^1.0.0:
  70 |   version "1.0.1"
  71 |   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
  72 | 
  73 | async@^1.5.0:
  74 |   version "1.5.2"
  75 |   resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
  76 | 
  77 | babel-code-frame@^6.16.0, babel-code-frame@^6.22.0:
  78 |   version "6.22.0"
  79 |   resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.22.0.tgz#027620bee567a88c32561574e7fd0801d33118e4"
  80 |   dependencies:
  81 |     chalk "^1.1.0"
  82 |     esutils "^2.0.2"
  83 |     js-tokens "^3.0.0"
  84 | 
  85 | babel-eslint@^7.1.1:
  86 |   version "7.1.1"
  87 |   resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-7.1.1.tgz#8a6a884f085aa7060af69cfc77341c2f99370fb2"
  88 |   dependencies:
  89 |     babel-code-frame "^6.16.0"
  90 |     babel-traverse "^6.15.0"
  91 |     babel-types "^6.15.0"
  92 |     babylon "^6.13.0"
  93 |     lodash.pickby "^4.6.0"
  94 | 
  95 | babel-messages@^6.22.0:
  96 |   version "6.22.0"
  97 |   resolved "https://registry.yarnpkg.com/babel-messages/-/babel-messages-6.22.0.tgz#36066a214f1217e4ed4164867669ecb39e3ea575"
  98 |   dependencies:
  99 |     babel-runtime "^6.22.0"
 100 | 
 101 | babel-runtime@^6.22.0:
 102 |   version "6.22.0"
 103 |   resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.22.0.tgz#1cf8b4ac67c77a4ddb0db2ae1f74de52ac4ca611"
 104 |   dependencies:
 105 |     core-js "^2.4.0"
 106 |     regenerator-runtime "^0.10.0"
 107 | 
 108 | babel-traverse@^6.15.0:
 109 |   version "6.22.1"
 110 |   resolved "https://registry.yarnpkg.com/babel-traverse/-/babel-traverse-6.22.1.tgz#3b95cd6b7427d6f1f757704908f2fc9748a5f59f"
 111 |   dependencies:
 112 |     babel-code-frame "^6.22.0"
 113 |     babel-messages "^6.22.0"
 114 |     babel-runtime "^6.22.0"
 115 |     babel-types "^6.22.0"
 116 |     babylon "^6.15.0"
 117 |     debug "^2.2.0"
 118 |     globals "^9.0.0"
 119 |     invariant "^2.2.0"
 120 |     lodash "^4.2.0"
 121 | 
 122 | babel-types@^6.15.0, babel-types@^6.22.0:
 123 |   version "6.22.0"
 124 |   resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.22.0.tgz#2a447e8d0ea25d2512409e4175479fd78cc8b1db"
 125 |   dependencies:
 126 |     babel-runtime "^6.22.0"
 127 |     esutils "^2.0.2"
 128 |     lodash "^4.2.0"
 129 |     to-fast-properties "^1.0.1"
 130 | 
 131 | babylon@^6.13.0, babylon@^6.15.0:
 132 |   version "6.15.0"
 133 |   resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.15.0.tgz#ba65cfa1a80e1759b0e89fb562e27dccae70348e"
 134 | 
 135 | balanced-match@^0.4.1:
 136 |   version "0.4.2"
 137 |   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.4.2.tgz#cb3f3e3c732dc0f01ee70b403f302e61d7709838"
 138 | 
 139 | brace-expansion@^1.0.0:
 140 |   version "1.1.6"
 141 |   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.6.tgz#7197d7eaa9b87e648390ea61fc66c84427420df9"
 142 |   dependencies:
 143 |     balanced-match "^0.4.1"
 144 |     concat-map "0.0.1"
 145 | 
 146 | buffer-shims@^1.0.0:
 147 |   version "1.0.0"
 148 |   resolved "https://registry.yarnpkg.com/buffer-shims/-/buffer-shims-1.0.0.tgz#9978ce317388c649ad8793028c3477ef044a8b51"
 149 | 
 150 | builtin-modules@^1.0.0, builtin-modules@^1.1.1:
 151 |   version "1.1.1"
 152 |   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f"
 153 | 
 154 | caller-path@^0.1.0:
 155 |   version "0.1.0"
 156 |   resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-0.1.0.tgz#94085ef63581ecd3daa92444a8fe94e82577751f"
 157 |   dependencies:
 158 |     callsites "^0.2.0"
 159 | 
 160 | callsites@^0.2.0:
 161 |   version "0.2.0"
 162 |   resolved "https://registry.yarnpkg.com/callsites/-/callsites-0.2.0.tgz#afab96262910a7f33c19a5775825c69f34e350ca"
 163 | 
 164 | camelcase-keys@^2.0.0:
 165 |   version "2.1.0"
 166 |   resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
 167 |   dependencies:
 168 |     camelcase "^2.0.0"
 169 |     map-obj "^1.0.0"
 170 | 
 171 | camelcase@^2.0.0:
 172 |   version "2.1.1"
 173 |   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
 174 | 
 175 | chalk@^1.0.0, chalk@^1.1.0, chalk@^1.1.1, chalk@^1.1.3:
 176 |   version "1.1.3"
 177 |   resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
 178 |   dependencies:
 179 |     ansi-styles "^2.2.1"
 180 |     escape-string-regexp "^1.0.2"
 181 |     has-ansi "^2.0.0"
 182 |     strip-ansi "^3.0.0"
 183 |     supports-color "^2.0.0"
 184 | 
 185 | circular-json@^0.3.1:
 186 |   version "0.3.1"
 187 |   resolved "https://registry.yarnpkg.com/circular-json/-/circular-json-0.3.1.tgz#be8b36aefccde8b3ca7aa2d6afc07a37242c0d2d"
 188 | 
 189 | cli-cursor@^1.0.1:
 190 |   version "1.0.2"
 191 |   resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-1.0.2.tgz#64da3f7d56a54412e59794bd62dc35295e8f2987"
 192 |   dependencies:
 193 |     restore-cursor "^1.0.1"
 194 | 
 195 | cli-cursor@^2.1.0:
 196 |   version "2.1.0"
 197 |   resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-2.1.0.tgz#b35dac376479facc3e94747d41d0d0f5238ffcb5"
 198 |   dependencies:
 199 |     restore-cursor "^2.0.0"
 200 | 
 201 | cli-width@^2.0.0:
 202 |   version "2.1.0"
 203 |   resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.1.0.tgz#b234ca209b29ef66fc518d9b98d5847b00edf00a"
 204 | 
 205 | cmd-shim@^2.0.2:
 206 |   version "2.0.2"
 207 |   resolved "https://registry.yarnpkg.com/cmd-shim/-/cmd-shim-2.0.2.tgz#6fcbda99483a8fd15d7d30a196ca69d688a2efdb"
 208 |   dependencies:
 209 |     graceful-fs "^4.1.2"
 210 |     mkdirp "~0.5.0"
 211 | 
 212 | co@^4.6.0:
 213 |   version "4.6.0"
 214 |   resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
 215 | 
 216 | code-point-at@^1.0.0:
 217 |   version "1.1.0"
 218 |   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
 219 | 
 220 | command-join@^2.0.0:
 221 |   version "2.0.0"
 222 |   resolved "https://registry.yarnpkg.com/command-join/-/command-join-2.0.0.tgz#52e8b984f4872d952ff1bdc8b98397d27c7144cf"
 223 | 
 224 | concat-map@0.0.1:
 225 |   version "0.0.1"
 226 |   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
 227 | 
 228 | concat-stream@^1.4.6:
 229 |   version "1.6.0"
 230 |   resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.0.tgz#0aac662fd52be78964d5532f694784e70110acf7"
 231 |   dependencies:
 232 |     inherits "^2.0.3"
 233 |     readable-stream "^2.2.2"
 234 |     typedarray "^0.0.6"
 235 | 
 236 | contains-path@^0.1.0:
 237 |   version "0.1.0"
 238 |   resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a"
 239 | 
 240 | core-js@^2.4.0:
 241 |   version "2.4.1"
 242 |   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.4.1.tgz#4de911e667b0eae9124e34254b53aea6fc618d3e"
 243 | 
 244 | core-util-is@~1.0.0:
 245 |   version "1.0.2"
 246 |   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
 247 | 
 248 | cross-spawn@^4.0.0:
 249 |   version "4.0.2"
 250 |   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-4.0.2.tgz#7b9247621c23adfdd3856004a823cbe397424d41"
 251 |   dependencies:
 252 |     lru-cache "^4.0.1"
 253 |     which "^1.2.9"
 254 | 
 255 | currently-unhandled@^0.4.1:
 256 |   version "0.4.1"
 257 |   resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea"
 258 |   dependencies:
 259 |     array-find-index "^1.0.1"
 260 | 
 261 | d@^0.1.1, d@~0.1.1:
 262 |   version "0.1.1"
 263 |   resolved "https://registry.yarnpkg.com/d/-/d-0.1.1.tgz#da184c535d18d8ee7ba2aa229b914009fae11309"
 264 |   dependencies:
 265 |     es5-ext "~0.10.2"
 266 | 
 267 | damerau-levenshtein@^1.0.0:
 268 |   version "1.0.3"
 269 |   resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.3.tgz#ae4f4ce0b62acae10ff63a01bb08f652f5213af2"
 270 | 
 271 | debug@2.2.0:
 272 |   version "2.2.0"
 273 |   resolved "https://registry.yarnpkg.com/debug/-/debug-2.2.0.tgz#f87057e995b1a1f6ae6a4960664137bc56f039da"
 274 |   dependencies:
 275 |     ms "0.7.1"
 276 | 
 277 | debug@^2.1.1, debug@^2.2.0:
 278 |   version "2.6.0"
 279 |   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.0.tgz#bc596bcabe7617f11d9fa15361eded5608b8499b"
 280 |   dependencies:
 281 |     ms "0.7.2"
 282 | 
 283 | decamelize@^1.1.2:
 284 |   version "1.2.0"
 285 |   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
 286 | 
 287 | deep-is@~0.1.3:
 288 |   version "0.1.3"
 289 |   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
 290 | 
 291 | define-properties@^1.1.2:
 292 |   version "1.1.2"
 293 |   resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.2.tgz#83a73f2fea569898fb737193c8f873caf6d45c94"
 294 |   dependencies:
 295 |     foreach "^2.0.5"
 296 |     object-keys "^1.0.8"
 297 | 
 298 | del@^2.0.2:
 299 |   version "2.2.2"
 300 |   resolved "https://registry.yarnpkg.com/del/-/del-2.2.2.tgz#c12c981d067846c84bcaf862cff930d907ffd1a8"
 301 |   dependencies:
 302 |     globby "^5.0.0"
 303 |     is-path-cwd "^1.0.0"
 304 |     is-path-in-cwd "^1.0.0"
 305 |     object-assign "^4.0.1"
 306 |     pify "^2.0.0"
 307 |     pinkie-promise "^2.0.0"
 308 |     rimraf "^2.2.8"
 309 | 
 310 | doctrine@1.5.0, doctrine@^1.2.2:
 311 |   version "1.5.0"
 312 |   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-1.5.0.tgz#379dce730f6166f76cefa4e6707a159b02c5a6fa"
 313 |   dependencies:
 314 |     esutils "^2.0.2"
 315 |     isarray "^1.0.0"
 316 | 
 317 | error-ex@^1.2.0:
 318 |   version "1.3.0"
 319 |   resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.0.tgz#e67b43f3e82c96ea3a584ffee0b9fc3325d802d9"
 320 |   dependencies:
 321 |     is-arrayish "^0.2.1"
 322 | 
 323 | es-abstract@^1.7.0:
 324 |   version "1.7.0"
 325 |   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.7.0.tgz#dfade774e01bfcd97f96180298c449c8623fb94c"
 326 |   dependencies:
 327 |     es-to-primitive "^1.1.1"
 328 |     function-bind "^1.1.0"
 329 |     is-callable "^1.1.3"
 330 |     is-regex "^1.0.3"
 331 | 
 332 | es-to-primitive@^1.1.1:
 333 |   version "1.1.1"
 334 |   resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.1.1.tgz#45355248a88979034b6792e19bb81f2b7975dd0d"
 335 |   dependencies:
 336 |     is-callable "^1.1.1"
 337 |     is-date-object "^1.0.1"
 338 |     is-symbol "^1.0.1"
 339 | 
 340 | es5-ext@^0.10.7, es5-ext@^0.10.8, es5-ext@~0.10.11, es5-ext@~0.10.2, es5-ext@~0.10.7:
 341 |   version "0.10.12"
 342 |   resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.12.tgz#aa84641d4db76b62abba5e45fd805ecbab140047"
 343 |   dependencies:
 344 |     es6-iterator "2"
 345 |     es6-symbol "~3.1"
 346 | 
 347 | es6-iterator@2:
 348 |   version "2.0.0"
 349 |   resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.0.tgz#bd968567d61635e33c0b80727613c9cb4b096bac"
 350 |   dependencies:
 351 |     d "^0.1.1"
 352 |     es5-ext "^0.10.7"
 353 |     es6-symbol "3"
 354 | 
 355 | es6-map@^0.1.3:
 356 |   version "0.1.4"
 357 |   resolved "https://registry.yarnpkg.com/es6-map/-/es6-map-0.1.4.tgz#a34b147be224773a4d7da8072794cefa3632b897"
 358 |   dependencies:
 359 |     d "~0.1.1"
 360 |     es5-ext "~0.10.11"
 361 |     es6-iterator "2"
 362 |     es6-set "~0.1.3"
 363 |     es6-symbol "~3.1.0"
 364 |     event-emitter "~0.3.4"
 365 | 
 366 | es6-set@~0.1.3:
 367 |   version "0.1.4"
 368 |   resolved "https://registry.yarnpkg.com/es6-set/-/es6-set-0.1.4.tgz#9516b6761c2964b92ff479456233a247dc707ce8"
 369 |   dependencies:
 370 |     d "~0.1.1"
 371 |     es5-ext "~0.10.11"
 372 |     es6-iterator "2"
 373 |     es6-symbol "3"
 374 |     event-emitter "~0.3.4"
 375 | 
 376 | es6-symbol@3, es6-symbol@~3.1, es6-symbol@~3.1.0:
 377 |   version "3.1.0"
 378 |   resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.0.tgz#94481c655e7a7cad82eba832d97d5433496d7ffa"
 379 |   dependencies:
 380 |     d "~0.1.1"
 381 |     es5-ext "~0.10.11"
 382 | 
 383 | es6-weak-map@^2.0.1:
 384 |   version "2.0.1"
 385 |   resolved "https://registry.yarnpkg.com/es6-weak-map/-/es6-weak-map-2.0.1.tgz#0d2bbd8827eb5fb4ba8f97fbfea50d43db21ea81"
 386 |   dependencies:
 387 |     d "^0.1.1"
 388 |     es5-ext "^0.10.8"
 389 |     es6-iterator "2"
 390 |     es6-symbol "3"
 391 | 
 392 | escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
 393 |   version "1.0.5"
 394 |   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
 395 | 
 396 | escope@^3.6.0:
 397 |   version "3.6.0"
 398 |   resolved "https://registry.yarnpkg.com/escope/-/escope-3.6.0.tgz#e01975e812781a163a6dadfdd80398dc64c889c3"
 399 |   dependencies:
 400 |     es6-map "^0.1.3"
 401 |     es6-weak-map "^2.0.1"
 402 |     esrecurse "^4.1.0"
 403 |     estraverse "^4.1.1"
 404 | 
 405 | eslint-config-airbnb-base@^10.0.0, eslint-config-airbnb-base@^10.0.1:
 406 |   version "10.0.1"
 407 |   resolved "https://registry.yarnpkg.com/eslint-config-airbnb-base/-/eslint-config-airbnb-base-10.0.1.tgz#f17d4e52992c1d45d1b7713efbcd5ecd0e7e0506"
 408 | 
 409 | eslint-config-airbnb@^13.0.0:
 410 |   version "13.0.0"
 411 |   resolved "https://registry.yarnpkg.com/eslint-config-airbnb/-/eslint-config-airbnb-13.0.0.tgz#688d15d3c276c0c753ae538c92a44397d76ae46e"
 412 |   dependencies:
 413 |     eslint-config-airbnb-base "^10.0.0"
 414 | 
 415 | eslint-import-resolver-node@^0.2.0:
 416 |   version "0.2.3"
 417 |   resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.2.3.tgz#5add8106e8c928db2cba232bcd9efa846e3da16c"
 418 |   dependencies:
 419 |     debug "^2.2.0"
 420 |     object-assign "^4.0.1"
 421 |     resolve "^1.1.6"
 422 | 
 423 | eslint-module-utils@^2.0.0:
 424 |   version "2.0.0"
 425 |   resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.0.0.tgz#a6f8c21d901358759cdc35dbac1982ae1ee58bce"
 426 |   dependencies:
 427 |     debug "2.2.0"
 428 |     pkg-dir "^1.0.0"
 429 | 
 430 | eslint-plugin-import@^2.2.0:
 431 |   version "2.2.0"
 432 |   resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.2.0.tgz#72ba306fad305d67c4816348a4699a4229ac8b4e"
 433 |   dependencies:
 434 |     builtin-modules "^1.1.1"
 435 |     contains-path "^0.1.0"
 436 |     debug "^2.2.0"
 437 |     doctrine "1.5.0"
 438 |     eslint-import-resolver-node "^0.2.0"
 439 |     eslint-module-utils "^2.0.0"
 440 |     has "^1.0.1"
 441 |     lodash.cond "^4.3.0"
 442 |     minimatch "^3.0.3"
 443 |     pkg-up "^1.0.0"
 444 | 
 445 | eslint-plugin-jsx-a11y@^2.2.3:
 446 |   version "2.2.3"
 447 |   resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-2.2.3.tgz#4e35cb71b8a7db702ac415c806eb8e8d9ea6c65d"
 448 |   dependencies:
 449 |     damerau-levenshtein "^1.0.0"
 450 |     jsx-ast-utils "^1.0.0"
 451 |     object-assign "^4.0.1"
 452 | 
 453 | eslint-plugin-react@^6.7.1:
 454 |   version "6.9.0"
 455 |   resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-6.9.0.tgz#54c2e9906b76f9d10142030bdc34e9d6840a0bb2"
 456 |   dependencies:
 457 |     array.prototype.find "^2.0.1"
 458 |     doctrine "^1.2.2"
 459 |     jsx-ast-utils "^1.3.4"
 460 | 
 461 | eslint@^3.10.2:
 462 |   version "3.14.1"
 463 |   resolved "https://registry.yarnpkg.com/eslint/-/eslint-3.14.1.tgz#8a62175f2255109494747a1b25128d97b8eb3d97"
 464 |   dependencies:
 465 |     babel-code-frame "^6.16.0"
 466 |     chalk "^1.1.3"
 467 |     concat-stream "^1.4.6"
 468 |     debug "^2.1.1"
 469 |     doctrine "^1.2.2"
 470 |     escope "^3.6.0"
 471 |     espree "^3.3.1"
 472 |     estraverse "^4.2.0"
 473 |     esutils "^2.0.2"
 474 |     file-entry-cache "^2.0.0"
 475 |     glob "^7.0.3"
 476 |     globals "^9.14.0"
 477 |     ignore "^3.2.0"
 478 |     imurmurhash "^0.1.4"
 479 |     inquirer "^0.12.0"
 480 |     is-my-json-valid "^2.10.0"
 481 |     is-resolvable "^1.0.0"
 482 |     js-yaml "^3.5.1"
 483 |     json-stable-stringify "^1.0.0"
 484 |     levn "^0.3.0"
 485 |     lodash "^4.0.0"
 486 |     mkdirp "^0.5.0"
 487 |     natural-compare "^1.4.0"
 488 |     optionator "^0.8.2"
 489 |     path-is-inside "^1.0.1"
 490 |     pluralize "^1.2.1"
 491 |     progress "^1.1.8"
 492 |     require-uncached "^1.0.2"
 493 |     shelljs "^0.7.5"
 494 |     strip-bom "^3.0.0"
 495 |     strip-json-comments "~2.0.1"
 496 |     table "^3.7.8"
 497 |     text-table "~0.2.0"
 498 |     user-home "^2.0.0"
 499 | 
 500 | espree@^3.3.1:
 501 |   version "3.3.2"
 502 |   resolved "https://registry.yarnpkg.com/espree/-/espree-3.3.2.tgz#dbf3fadeb4ecb4d4778303e50103b3d36c88b89c"
 503 |   dependencies:
 504 |     acorn "^4.0.1"
 505 |     acorn-jsx "^3.0.0"
 506 | 
 507 | esprima@^2.6.0:
 508 |   version "2.7.3"
 509 |   resolved "https://registry.yarnpkg.com/esprima/-/esprima-2.7.3.tgz#96e3b70d5779f6ad49cd032673d1c312767ba581"
 510 | 
 511 | esrecurse@^4.1.0:
 512 |   version "4.1.0"
 513 |   resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.1.0.tgz#4713b6536adf7f2ac4f327d559e7756bff648220"
 514 |   dependencies:
 515 |     estraverse "~4.1.0"
 516 |     object-assign "^4.0.1"
 517 | 
 518 | estraverse@^4.1.1, estraverse@^4.2.0:
 519 |   version "4.2.0"
 520 |   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.2.0.tgz#0dee3fed31fcd469618ce7342099fc1afa0bdb13"
 521 | 
 522 | estraverse@~4.1.0:
 523 |   version "4.1.1"
 524 |   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.1.1.tgz#f6caca728933a850ef90661d0e17982ba47111a2"
 525 | 
 526 | esutils@^2.0.2:
 527 |   version "2.0.2"
 528 |   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b"
 529 | 
 530 | event-emitter@~0.3.4:
 531 |   version "0.3.4"
 532 |   resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.3.4.tgz#8d63ddfb4cfe1fae3b32ca265c4c720222080bb5"
 533 |   dependencies:
 534 |     d "~0.1.1"
 535 |     es5-ext "~0.10.7"
 536 | 
 537 | exit-hook@^1.0.0:
 538 |   version "1.1.1"
 539 |   resolved "https://registry.yarnpkg.com/exit-hook/-/exit-hook-1.1.1.tgz#f05ca233b48c05d54fff07765df8507e95c02ff8"
 540 | 
 541 | external-editor@^2.0.1:
 542 |   version "2.0.1"
 543 |   resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-2.0.1.tgz#4c597c6c88fa6410e41dbbaa7b1be2336aa31095"
 544 |   dependencies:
 545 |     tmp "^0.0.31"
 546 | 
 547 | fast-levenshtein@~2.0.4:
 548 |   version "2.0.6"
 549 |   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
 550 | 
 551 | figures@^1.3.5:
 552 |   version "1.7.0"
 553 |   resolved "https://registry.yarnpkg.com/figures/-/figures-1.7.0.tgz#cbe1e3affcf1cd44b80cadfed28dc793a9701d2e"
 554 |   dependencies:
 555 |     escape-string-regexp "^1.0.5"
 556 |     object-assign "^4.1.0"
 557 | 
 558 | figures@^2.0.0:
 559 |   version "2.0.0"
 560 |   resolved "https://registry.yarnpkg.com/figures/-/figures-2.0.0.tgz#3ab1a2d2a62c8bfb431a0c94cb797a2fce27c962"
 561 |   dependencies:
 562 |     escape-string-regexp "^1.0.5"
 563 | 
 564 | file-entry-cache@^2.0.0:
 565 |   version "2.0.0"
 566 |   resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-2.0.0.tgz#c392990c3e684783d838b8c84a45d8a048458361"
 567 |   dependencies:
 568 |     flat-cache "^1.2.1"
 569 |     object-assign "^4.0.1"
 570 | 
 571 | find-up@^1.0.0:
 572 |   version "1.1.2"
 573 |   resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
 574 |   dependencies:
 575 |     path-exists "^2.0.0"
 576 |     pinkie-promise "^2.0.0"
 577 | 
 578 | flat-cache@^1.2.1:
 579 |   version "1.2.2"
 580 |   resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-1.2.2.tgz#fa86714e72c21db88601761ecf2f555d1abc6b96"
 581 |   dependencies:
 582 |     circular-json "^0.3.1"
 583 |     del "^2.0.2"
 584 |     graceful-fs "^4.1.2"
 585 |     write "^0.2.1"
 586 | 
 587 | flow-bin@^0.38.0:
 588 |   version "0.38.0"
 589 |   resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.38.0.tgz#3ae096d401c969cc8b5798253fb82381e2d0237a"
 590 | 
 591 | foreach@^2.0.5:
 592 |   version "2.0.5"
 593 |   resolved "https://registry.yarnpkg.com/foreach/-/foreach-2.0.5.tgz#0bee005018aeb260d0a3af3ae658dd0136ec1b99"
 594 | 
 595 | fs.realpath@^1.0.0:
 596 |   version "1.0.0"
 597 |   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
 598 | 
 599 | function-bind@^1.0.2, function-bind@^1.1.0:
 600 |   version "1.1.0"
 601 |   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.0.tgz#16176714c801798e4e8f2cf7f7529467bb4a5771"
 602 | 
 603 | generate-function@^2.0.0:
 604 |   version "2.0.0"
 605 |   resolved "https://registry.yarnpkg.com/generate-function/-/generate-function-2.0.0.tgz#6858fe7c0969b7d4e9093337647ac79f60dfbe74"
 606 | 
 607 | generate-object-property@^1.1.0:
 608 |   version "1.2.0"
 609 |   resolved "https://registry.yarnpkg.com/generate-object-property/-/generate-object-property-1.2.0.tgz#9c0e1c40308ce804f4783618b937fa88f99d50d0"
 610 |   dependencies:
 611 |     is-property "^1.0.0"
 612 | 
 613 | get-stdin@^4.0.1:
 614 |   version "4.0.1"
 615 |   resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
 616 | 
 617 | glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.0.6:
 618 |   version "7.1.1"
 619 |   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8"
 620 |   dependencies:
 621 |     fs.realpath "^1.0.0"
 622 |     inflight "^1.0.4"
 623 |     inherits "2"
 624 |     minimatch "^3.0.2"
 625 |     once "^1.3.0"
 626 |     path-is-absolute "^1.0.0"
 627 | 
 628 | globals@^9.0.0, globals@^9.14.0:
 629 |   version "9.14.0"
 630 |   resolved "https://registry.yarnpkg.com/globals/-/globals-9.14.0.tgz#8859936af0038741263053b39d0e76ca241e4034"
 631 | 
 632 | globby@^5.0.0:
 633 |   version "5.0.0"
 634 |   resolved "https://registry.yarnpkg.com/globby/-/globby-5.0.0.tgz#ebd84667ca0dbb330b99bcfc68eac2bc54370e0d"
 635 |   dependencies:
 636 |     array-union "^1.0.1"
 637 |     arrify "^1.0.0"
 638 |     glob "^7.0.3"
 639 |     object-assign "^4.0.1"
 640 |     pify "^2.0.0"
 641 |     pinkie-promise "^2.0.0"
 642 | 
 643 | graceful-fs@^4.1.2:
 644 |   version "4.1.11"
 645 |   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658"
 646 | 
 647 | has-ansi@^2.0.0:
 648 |   version "2.0.0"
 649 |   resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
 650 |   dependencies:
 651 |     ansi-regex "^2.0.0"
 652 | 
 653 | has@^1.0.1:
 654 |   version "1.0.1"
 655 |   resolved "https://registry.yarnpkg.com/has/-/has-1.0.1.tgz#8461733f538b0837c9361e39a9ab9e9704dc2f28"
 656 |   dependencies:
 657 |     function-bind "^1.0.2"
 658 | 
 659 | hosted-git-info@^2.1.4:
 660 |   version "2.1.5"
 661 |   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.1.5.tgz#0ba81d90da2e25ab34a332e6ec77936e1598118b"
 662 | 
 663 | ignore@^3.2.0:
 664 |   version "3.2.0"
 665 |   resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.2.0.tgz#8d88f03c3002a0ac52114db25d2c673b0bf1e435"
 666 | 
 667 | imurmurhash@^0.1.4:
 668 |   version "0.1.4"
 669 |   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
 670 | 
 671 | indent-string@^2.1.0:
 672 |   version "2.1.0"
 673 |   resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-2.1.0.tgz#8e2d48348742121b4a8218b7a137e9a52049dc80"
 674 |   dependencies:
 675 |     repeating "^2.0.0"
 676 | 
 677 | inflight@^1.0.4:
 678 |   version "1.0.6"
 679 |   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
 680 |   dependencies:
 681 |     once "^1.3.0"
 682 |     wrappy "1"
 683 | 
 684 | inherits@2, inherits@^2.0.3, inherits@~2.0.1:
 685 |   version "2.0.3"
 686 |   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
 687 | 
 688 | inquirer@^0.12.0:
 689 |   version "0.12.0"
 690 |   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-0.12.0.tgz#1ef2bfd63504df0bc75785fff8c2c41df12f077e"
 691 |   dependencies:
 692 |     ansi-escapes "^1.1.0"
 693 |     ansi-regex "^2.0.0"
 694 |     chalk "^1.0.0"
 695 |     cli-cursor "^1.0.1"
 696 |     cli-width "^2.0.0"
 697 |     figures "^1.3.5"
 698 |     lodash "^4.3.0"
 699 |     readline2 "^1.0.1"
 700 |     run-async "^0.1.0"
 701 |     rx-lite "^3.1.2"
 702 |     string-width "^1.0.1"
 703 |     strip-ansi "^3.0.0"
 704 |     through "^2.3.6"
 705 | 
 706 | inquirer@^3.0.1:
 707 |   version "3.0.6"
 708 |   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.0.6.tgz#e04aaa9d05b7a3cb9b0f407d04375f0447190347"
 709 |   dependencies:
 710 |     ansi-escapes "^1.1.0"
 711 |     chalk "^1.0.0"
 712 |     cli-cursor "^2.1.0"
 713 |     cli-width "^2.0.0"
 714 |     external-editor "^2.0.1"
 715 |     figures "^2.0.0"
 716 |     lodash "^4.3.0"
 717 |     mute-stream "0.0.7"
 718 |     run-async "^2.2.0"
 719 |     rx "^4.1.0"
 720 |     string-width "^2.0.0"
 721 |     strip-ansi "^3.0.0"
 722 |     through "^2.3.6"
 723 | 
 724 | interpret@^1.0.0:
 725 |   version "1.0.1"
 726 |   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.0.1.tgz#d579fb7f693b858004947af39fa0db49f795602c"
 727 | 
 728 | invariant@^2.2.0:
 729 |   version "2.2.2"
 730 |   resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.2.tgz#9e1f56ac0acdb6bf303306f338be3b204ae60360"
 731 |   dependencies:
 732 |     loose-envify "^1.0.0"
 733 | 
 734 | is-arrayish@^0.2.1:
 735 |   version "0.2.1"
 736 |   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
 737 | 
 738 | is-builtin-module@^1.0.0:
 739 |   version "1.0.0"
 740 |   resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-1.0.0.tgz#540572d34f7ac3119f8f76c30cbc1b1e037affbe"
 741 |   dependencies:
 742 |     builtin-modules "^1.0.0"
 743 | 
 744 | is-callable@^1.1.1, is-callable@^1.1.3:
 745 |   version "1.1.3"
 746 |   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.3.tgz#86eb75392805ddc33af71c92a0eedf74ee7604b2"
 747 | 
 748 | is-date-object@^1.0.1:
 749 |   version "1.0.1"
 750 |   resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.1.tgz#9aa20eb6aeebbff77fbd33e74ca01b33581d3a16"
 751 | 
 752 | is-finite@^1.0.0:
 753 |   version "1.0.2"
 754 |   resolved "https://registry.yarnpkg.com/is-finite/-/is-finite-1.0.2.tgz#cc6677695602be550ef11e8b4aa6305342b6d0aa"
 755 |   dependencies:
 756 |     number-is-nan "^1.0.0"
 757 | 
 758 | is-fullwidth-code-point@^1.0.0:
 759 |   version "1.0.0"
 760 |   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
 761 |   dependencies:
 762 |     number-is-nan "^1.0.0"
 763 | 
 764 | is-fullwidth-code-point@^2.0.0:
 765 |   version "2.0.0"
 766 |   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
 767 | 
 768 | is-my-json-valid@^2.10.0:
 769 |   version "2.15.0"
 770 |   resolved "https://registry.yarnpkg.com/is-my-json-valid/-/is-my-json-valid-2.15.0.tgz#936edda3ca3c211fd98f3b2d3e08da43f7b2915b"
 771 |   dependencies:
 772 |     generate-function "^2.0.0"
 773 |     generate-object-property "^1.1.0"
 774 |     jsonpointer "^4.0.0"
 775 |     xtend "^4.0.0"
 776 | 
 777 | is-path-cwd@^1.0.0:
 778 |   version "1.0.0"
 779 |   resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-1.0.0.tgz#d225ec23132e89edd38fda767472e62e65f1106d"
 780 | 
 781 | is-path-in-cwd@^1.0.0:
 782 |   version "1.0.0"
 783 |   resolved "https://registry.yarnpkg.com/is-path-in-cwd/-/is-path-in-cwd-1.0.0.tgz#6477582b8214d602346094567003be8a9eac04dc"
 784 |   dependencies:
 785 |     is-path-inside "^1.0.0"
 786 | 
 787 | is-path-inside@^1.0.0:
 788 |   version "1.0.0"
 789 |   resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-1.0.0.tgz#fc06e5a1683fbda13de667aff717bbc10a48f37f"
 790 |   dependencies:
 791 |     path-is-inside "^1.0.1"
 792 | 
 793 | is-promise@^2.1.0:
 794 |   version "2.1.0"
 795 |   resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.1.0.tgz#79a2a9ece7f096e80f36d2b2f3bc16c1ff4bf3fa"
 796 | 
 797 | is-property@^1.0.0:
 798 |   version "1.0.2"
 799 |   resolved "https://registry.yarnpkg.com/is-property/-/is-property-1.0.2.tgz#57fe1c4e48474edd65b09911f26b1cd4095dda84"
 800 | 
 801 | is-regex@^1.0.3:
 802 |   version "1.0.3"
 803 |   resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.0.3.tgz#0d55182bddf9f2fde278220aec3a75642c908637"
 804 | 
 805 | is-resolvable@^1.0.0:
 806 |   version "1.0.0"
 807 |   resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.0.0.tgz#8df57c61ea2e3c501408d100fb013cf8d6e0cc62"
 808 |   dependencies:
 809 |     tryit "^1.0.1"
 810 | 
 811 | is-symbol@^1.0.1:
 812 |   version "1.0.1"
 813 |   resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.1.tgz#3cc59f00025194b6ab2e38dbae6689256b660572"
 814 | 
 815 | is-utf8@^0.2.0:
 816 |   version "0.2.1"
 817 |   resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
 818 | 
 819 | isarray@^1.0.0, isarray@~1.0.0:
 820 |   version "1.0.0"
 821 |   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
 822 | 
 823 | isexe@^1.1.1:
 824 |   version "1.1.2"
 825 |   resolved "https://registry.yarnpkg.com/isexe/-/isexe-1.1.2.tgz#36f3e22e60750920f5e7241a476a8c6a42275ad0"
 826 | 
 827 | js-tokens@^3.0.0:
 828 |   version "3.0.0"
 829 |   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.0.tgz#a2f2a969caae142fb3cd56228358c89366957bd1"
 830 | 
 831 | js-yaml@^3.5.1:
 832 |   version "3.7.0"
 833 |   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.7.0.tgz#5c967ddd837a9bfdca5f2de84253abe8a1c03b80"
 834 |   dependencies:
 835 |     argparse "^1.0.7"
 836 |     esprima "^2.6.0"
 837 | 
 838 | json-stable-stringify@^1.0.0, json-stable-stringify@^1.0.1:
 839 |   version "1.0.1"
 840 |   resolved "https://registry.yarnpkg.com/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz#9a759d39c5f2ff503fd5300646ed445f88c4f9af"
 841 |   dependencies:
 842 |     jsonify "~0.0.0"
 843 | 
 844 | jsonify@~0.0.0:
 845 |   version "0.0.0"
 846 |   resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
 847 | 
 848 | jsonpointer@^4.0.0:
 849 |   version "4.0.1"
 850 |   resolved "https://registry.yarnpkg.com/jsonpointer/-/jsonpointer-4.0.1.tgz#4fd92cb34e0e9db3c89c8622ecf51f9b978c6cb9"
 851 | 
 852 | jsx-ast-utils@^1.0.0, jsx-ast-utils@^1.3.4:
 853 |   version "1.3.5"
 854 |   resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-1.3.5.tgz#9ba6297198d9f754594d62e59496ffb923778dd4"
 855 |   dependencies:
 856 |     acorn-jsx "^3.0.1"
 857 |     object-assign "^4.1.0"
 858 | 
 859 | lerna@2.0.0-beta.37:
 860 |   version "2.0.0-beta.37"
 861 |   resolved "https://registry.yarnpkg.com/lerna/-/lerna-2.0.0-beta.37.tgz#d8e1d25a75102658b12565e4aa12e0423e969aad"
 862 |   dependencies:
 863 |     async "^1.5.0"
 864 |     chalk "^1.1.1"
 865 |     cmd-shim "^2.0.2"
 866 |     command-join "^2.0.0"
 867 |     cross-spawn "^4.0.0"
 868 |     glob "^7.0.6"
 869 |     inquirer "^3.0.1"
 870 |     lodash "^4.17.4"
 871 |     meow "^3.7.0"
 872 |     minimatch "^3.0.0"
 873 |     mkdirp "^0.5.1"
 874 |     normalize-path "^2.0.1"
 875 |     object-assign-sorted "^2.0.1"
 876 |     path-exists "^2.1.0"
 877 |     progress "^1.1.8"
 878 |     read-cmd-shim "^1.0.1"
 879 |     rimraf "^2.4.4"
 880 |     semver "^5.1.0"
 881 |     signal-exit "^3.0.2"
 882 |     sync-exec "^0.6.2"
 883 | 
 884 | levn@^0.3.0, levn@~0.3.0:
 885 |   version "0.3.0"
 886 |   resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
 887 |   dependencies:
 888 |     prelude-ls "~1.1.2"
 889 |     type-check "~0.3.2"
 890 | 
 891 | load-json-file@^1.0.0:
 892 |   version "1.1.0"
 893 |   resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0"
 894 |   dependencies:
 895 |     graceful-fs "^4.1.2"
 896 |     parse-json "^2.2.0"
 897 |     pify "^2.0.0"
 898 |     pinkie-promise "^2.0.0"
 899 |     strip-bom "^2.0.0"
 900 | 
 901 | lodash.cond@^4.3.0:
 902 |   version "4.5.2"
 903 |   resolved "https://registry.yarnpkg.com/lodash.cond/-/lodash.cond-4.5.2.tgz#f471a1da486be60f6ab955d17115523dd1d255d5"
 904 | 
 905 | lodash.pickby@^4.6.0:
 906 |   version "4.6.0"
 907 |   resolved "https://registry.yarnpkg.com/lodash.pickby/-/lodash.pickby-4.6.0.tgz#7dea21d8c18d7703a27c704c15d3b84a67e33aff"
 908 | 
 909 | lodash@^4.0.0, lodash@^4.17.4, lodash@^4.2.0, lodash@^4.3.0:
 910 |   version "4.17.4"
 911 |   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"
 912 | 
 913 | loose-envify@^1.0.0:
 914 |   version "1.3.1"
 915 |   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.3.1.tgz#d1a8ad33fa9ce0e713d65fdd0ac8b748d478c848"
 916 |   dependencies:
 917 |     js-tokens "^3.0.0"
 918 | 
 919 | loud-rejection@^1.0.0:
 920 |   version "1.6.0"
 921 |   resolved "https://registry.yarnpkg.com/loud-rejection/-/loud-rejection-1.6.0.tgz#5b46f80147edee578870f086d04821cf998e551f"
 922 |   dependencies:
 923 |     currently-unhandled "^0.4.1"
 924 |     signal-exit "^3.0.0"
 925 | 
 926 | lru-cache@^4.0.1:
 927 |   version "4.0.2"
 928 |   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.0.2.tgz#1d17679c069cda5d040991a09dbc2c0db377e55e"
 929 |   dependencies:
 930 |     pseudomap "^1.0.1"
 931 |     yallist "^2.0.0"
 932 | 
 933 | map-obj@^1.0.0, map-obj@^1.0.1:
 934 |   version "1.0.1"
 935 |   resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
 936 | 
 937 | meow@^3.7.0:
 938 |   version "3.7.0"
 939 |   resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb"
 940 |   dependencies:
 941 |     camelcase-keys "^2.0.0"
 942 |     decamelize "^1.1.2"
 943 |     loud-rejection "^1.0.0"
 944 |     map-obj "^1.0.1"
 945 |     minimist "^1.1.3"
 946 |     normalize-package-data "^2.3.4"
 947 |     object-assign "^4.0.1"
 948 |     read-pkg-up "^1.0.1"
 949 |     redent "^1.0.0"
 950 |     trim-newlines "^1.0.0"
 951 | 
 952 | mimic-fn@^1.0.0:
 953 |   version "1.1.0"
 954 |   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.1.0.tgz#e667783d92e89dbd342818b5230b9d62a672ad18"
 955 | 
 956 | minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.3:
 957 |   version "3.0.3"
 958 |   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.3.tgz#2a4e4090b96b2db06a9d7df01055a62a77c9b774"
 959 |   dependencies:
 960 |     brace-expansion "^1.0.0"
 961 | 
 962 | minimist@0.0.8:
 963 |   version "0.0.8"
 964 |   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
 965 | 
 966 | minimist@^1.1.3:
 967 |   version "1.2.0"
 968 |   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
 969 | 
 970 | mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0:
 971 |   version "0.5.1"
 972 |   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
 973 |   dependencies:
 974 |     minimist "0.0.8"
 975 | 
 976 | ms@0.7.1:
 977 |   version "0.7.1"
 978 |   resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.1.tgz#9cd13c03adbff25b65effde7ce864ee952017098"
 979 | 
 980 | ms@0.7.2:
 981 |   version "0.7.2"
 982 |   resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.2.tgz#ae25cf2512b3885a1d95d7f037868d8431124765"
 983 | 
 984 | mute-stream@0.0.5:
 985 |   version "0.0.5"
 986 |   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.5.tgz#8fbfabb0a98a253d3184331f9e8deb7372fac6c0"
 987 | 
 988 | mute-stream@0.0.7:
 989 |   version "0.0.7"
 990 |   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
 991 | 
 992 | natural-compare@^1.4.0:
 993 |   version "1.4.0"
 994 |   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
 995 | 
 996 | normalize-package-data@^2.3.2, normalize-package-data@^2.3.4:
 997 |   version "2.3.5"
 998 |   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.3.5.tgz#8d924f142960e1777e7ffe170543631cc7cb02df"
 999 |   dependencies:
1000 |     hosted-git-info "^2.1.4"
1001 |     is-builtin-module "^1.0.0"
1002 |     semver "2 || 3 || 4 || 5"
1003 |     validate-npm-package-license "^3.0.1"
1004 | 
1005 | normalize-path@^2.0.1:
1006 |   version "2.0.1"
1007 |   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.0.1.tgz#47886ac1662760d4261b7d979d241709d3ce3f7a"
1008 | 
1009 | number-is-nan@^1.0.0:
1010 |   version "1.0.1"
1011 |   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
1012 | 
1013 | object-assign-sorted@^2.0.1:
1014 |   version "2.0.1"
1015 |   resolved "https://registry.yarnpkg.com/object-assign-sorted/-/object-assign-sorted-2.0.1.tgz#c9983fa9e3ed5807b49cf1a9943378f245d9395b"
1016 |   dependencies:
1017 |     sorted-object "^2.0.0"
1018 | 
1019 | object-assign@^4.0.1, object-assign@^4.1.0:
1020 |   version "4.1.1"
1021 |   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
1022 | 
1023 | object-keys@^1.0.8:
1024 |   version "1.0.11"
1025 |   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.0.11.tgz#c54601778ad560f1142ce0e01bcca8b56d13426d"
1026 | 
1027 | once@^1.3.0:
1028 |   version "1.4.0"
1029 |   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
1030 |   dependencies:
1031 |     wrappy "1"
1032 | 
1033 | onetime@^1.0.0:
1034 |   version "1.1.0"
1035 |   resolved "https://registry.yarnpkg.com/onetime/-/onetime-1.1.0.tgz#a1f7838f8314c516f05ecefcbc4ccfe04b4ed789"
1036 | 
1037 | onetime@^2.0.0:
1038 |   version "2.0.0"
1039 |   resolved "https://registry.yarnpkg.com/onetime/-/onetime-2.0.0.tgz#52aa8110e52fc5126ffc667bd8ec21c2ed209ce6"
1040 |   dependencies:
1041 |     mimic-fn "^1.0.0"
1042 | 
1043 | optionator@^0.8.2:
1044 |   version "0.8.2"
1045 |   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.2.tgz#364c5e409d3f4d6301d6c0b4c05bba50180aeb64"
1046 |   dependencies:
1047 |     deep-is "~0.1.3"
1048 |     fast-levenshtein "~2.0.4"
1049 |     levn "~0.3.0"
1050 |     prelude-ls "~1.1.2"
1051 |     type-check "~0.3.2"
1052 |     wordwrap "~1.0.0"
1053 | 
1054 | os-homedir@^1.0.0:
1055 |   version "1.0.2"
1056 |   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
1057 | 
1058 | os-tmpdir@~1.0.1:
1059 |   version "1.0.2"
1060 |   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
1061 | 
1062 | parse-json@^2.2.0:
1063 |   version "2.2.0"
1064 |   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9"
1065 |   dependencies:
1066 |     error-ex "^1.2.0"
1067 | 
1068 | path-exists@^2.0.0, path-exists@^2.1.0:
1069 |   version "2.1.0"
1070 |   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-2.1.0.tgz#0feb6c64f0fc518d9a754dd5efb62c7022761f4b"
1071 |   dependencies:
1072 |     pinkie-promise "^2.0.0"
1073 | 
1074 | path-is-absolute@^1.0.0:
1075 |   version "1.0.1"
1076 |   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
1077 | 
1078 | path-is-inside@^1.0.1:
1079 |   version "1.0.2"
1080 |   resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
1081 | 
1082 | path-type@^1.0.0:
1083 |   version "1.1.0"
1084 |   resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441"
1085 |   dependencies:
1086 |     graceful-fs "^4.1.2"
1087 |     pify "^2.0.0"
1088 |     pinkie-promise "^2.0.0"
1089 | 
1090 | pify@^2.0.0:
1091 |   version "2.3.0"
1092 |   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
1093 | 
1094 | pinkie-promise@^2.0.0:
1095 |   version "2.0.1"
1096 |   resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
1097 |   dependencies:
1098 |     pinkie "^2.0.0"
1099 | 
1100 | pinkie@^2.0.0:
1101 |   version "2.0.4"
1102 |   resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
1103 | 
1104 | pkg-dir@^1.0.0:
1105 |   version "1.0.0"
1106 |   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-1.0.0.tgz#7a4b508a8d5bb2d629d447056ff4e9c9314cf3d4"
1107 |   dependencies:
1108 |     find-up "^1.0.0"
1109 | 
1110 | pkg-up@^1.0.0:
1111 |   version "1.0.0"
1112 |   resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-1.0.0.tgz#3e08fb461525c4421624a33b9f7e6d0af5b05a26"
1113 |   dependencies:
1114 |     find-up "^1.0.0"
1115 | 
1116 | pluralize@^1.2.1:
1117 |   version "1.2.1"
1118 |   resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-1.2.1.tgz#d1a21483fd22bb41e58a12fa3421823140897c45"
1119 | 
1120 | prelude-ls@~1.1.2:
1121 |   version "1.1.2"
1122 |   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
1123 | 
1124 | process-nextick-args@~1.0.6:
1125 |   version "1.0.7"
1126 |   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-1.0.7.tgz#150e20b756590ad3f91093f25a4f2ad8bff30ba3"
1127 | 
1128 | progress@^1.1.8:
1129 |   version "1.1.8"
1130 |   resolved "https://registry.yarnpkg.com/progress/-/progress-1.1.8.tgz#e260c78f6161cdd9b0e56cc3e0a85de17c7a57be"
1131 | 
1132 | pseudomap@^1.0.1:
1133 |   version "1.0.2"
1134 |   resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
1135 | 
1136 | read-cmd-shim@^1.0.1:
1137 |   version "1.0.1"
1138 |   resolved "https://registry.yarnpkg.com/read-cmd-shim/-/read-cmd-shim-1.0.1.tgz#2d5d157786a37c055d22077c32c53f8329e91c7b"
1139 |   dependencies:
1140 |     graceful-fs "^4.1.2"
1141 | 
1142 | read-pkg-up@^1.0.1:
1143 |   version "1.0.1"
1144 |   resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-1.0.1.tgz#9d63c13276c065918d57f002a57f40a1b643fb02"
1145 |   dependencies:
1146 |     find-up "^1.0.0"
1147 |     read-pkg "^1.0.0"
1148 | 
1149 | read-pkg@^1.0.0:
1150 |   version "1.1.0"
1151 |   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28"
1152 |   dependencies:
1153 |     load-json-file "^1.0.0"
1154 |     normalize-package-data "^2.3.2"
1155 |     path-type "^1.0.0"
1156 | 
1157 | readable-stream@^2.2.2:
1158 |   version "2.2.2"
1159 |   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.2.2.tgz#a9e6fec3c7dda85f8bb1b3ba7028604556fc825e"
1160 |   dependencies:
1161 |     buffer-shims "^1.0.0"
1162 |     core-util-is "~1.0.0"
1163 |     inherits "~2.0.1"
1164 |     isarray "~1.0.0"
1165 |     process-nextick-args "~1.0.6"
1166 |     string_decoder "~0.10.x"
1167 |     util-deprecate "~1.0.1"
1168 | 
1169 | readline2@^1.0.1:
1170 |   version "1.0.1"
1171 |   resolved "https://registry.yarnpkg.com/readline2/-/readline2-1.0.1.tgz#41059608ffc154757b715d9989d199ffbf372e35"
1172 |   dependencies:
1173 |     code-point-at "^1.0.0"
1174 |     is-fullwidth-code-point "^1.0.0"
1175 |     mute-stream "0.0.5"
1176 | 
1177 | rechoir@^0.6.2:
1178 |   version "0.6.2"
1179 |   resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
1180 |   dependencies:
1181 |     resolve "^1.1.6"
1182 | 
1183 | redent@^1.0.0:
1184 |   version "1.0.0"
1185 |   resolved "https://registry.yarnpkg.com/redent/-/redent-1.0.0.tgz#cf916ab1fd5f1f16dfb20822dd6ec7f730c2afde"
1186 |   dependencies:
1187 |     indent-string "^2.1.0"
1188 |     strip-indent "^1.0.1"
1189 | 
1190 | regenerator-runtime@^0.10.0:
1191 |   version "0.10.1"
1192 |   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.1.tgz#257f41961ce44558b18f7814af48c17559f9faeb"
1193 | 
1194 | repeating@^2.0.0:
1195 |   version "2.0.1"
1196 |   resolved "https://registry.yarnpkg.com/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda"
1197 |   dependencies:
1198 |     is-finite "^1.0.0"
1199 | 
1200 | require-uncached@^1.0.2:
1201 |   version "1.0.3"
1202 |   resolved "https://registry.yarnpkg.com/require-uncached/-/require-uncached-1.0.3.tgz#4e0d56d6c9662fd31e43011c4b95aa49955421d3"
1203 |   dependencies:
1204 |     caller-path "^0.1.0"
1205 |     resolve-from "^1.0.0"
1206 | 
1207 | resolve-from@^1.0.0:
1208 |   version "1.0.1"
1209 |   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-1.0.1.tgz#26cbfe935d1aeeeabb29bc3fe5aeb01e93d44226"
1210 | 
1211 | resolve@^1.1.6:
1212 |   version "1.2.0"
1213 |   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.2.0.tgz#9589c3f2f6149d1417a40becc1663db6ec6bc26c"
1214 | 
1215 | restore-cursor@^1.0.1:
1216 |   version "1.0.1"
1217 |   resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-1.0.1.tgz#34661f46886327fed2991479152252df92daa541"
1218 |   dependencies:
1219 |     exit-hook "^1.0.0"
1220 |     onetime "^1.0.0"
1221 | 
1222 | restore-cursor@^2.0.0:
1223 |   version "2.0.0"
1224 |   resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
1225 |   dependencies:
1226 |     onetime "^2.0.0"
1227 |     signal-exit "^3.0.2"
1228 | 
1229 | rimraf@^2.2.8, rimraf@^2.4.4:
1230 |   version "2.5.4"
1231 |   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.5.4.tgz#96800093cbf1a0c86bd95b4625467535c29dfa04"
1232 |   dependencies:
1233 |     glob "^7.0.5"
1234 | 
1235 | run-async@^0.1.0:
1236 |   version "0.1.0"
1237 |   resolved "https://registry.yarnpkg.com/run-async/-/run-async-0.1.0.tgz#c8ad4a5e110661e402a7d21b530e009f25f8e389"
1238 |   dependencies:
1239 |     once "^1.3.0"
1240 | 
1241 | run-async@^2.2.0:
1242 |   version "2.3.0"
1243 |   resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.3.0.tgz#0371ab4ae0bdd720d4166d7dfda64ff7a445a6c0"
1244 |   dependencies:
1245 |     is-promise "^2.1.0"
1246 | 
1247 | rx-lite@^3.1.2:
1248 |   version "3.1.2"
1249 |   resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-3.1.2.tgz#19ce502ca572665f3b647b10939f97fd1615f102"
1250 | 
1251 | rx@^4.1.0:
1252 |   version "4.1.0"
1253 |   resolved "https://registry.yarnpkg.com/rx/-/rx-4.1.0.tgz#a5f13ff79ef3b740fe30aa803fb09f98805d4782"
1254 | 
1255 | "semver@2 || 3 || 4 || 5", semver@^5.1.0:
1256 |   version "5.3.0"
1257 |   resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f"
1258 | 
1259 | shelljs@^0.7.5:
1260 |   version "0.7.6"
1261 |   resolved "https://registry.yarnpkg.com/shelljs/-/shelljs-0.7.6.tgz#379cccfb56b91c8601e4793356eb5382924de9ad"
1262 |   dependencies:
1263 |     glob "^7.0.0"
1264 |     interpret "^1.0.0"
1265 |     rechoir "^0.6.2"
1266 | 
1267 | signal-exit@^3.0.0, signal-exit@^3.0.2:
1268 |   version "3.0.2"
1269 |   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
1270 | 
1271 | slice-ansi@0.0.4:
1272 |   version "0.0.4"
1273 |   resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-0.0.4.tgz#edbf8903f66f7ce2f8eafd6ceed65e264c831b35"
1274 | 
1275 | sorted-object@^2.0.0:
1276 |   version "2.0.1"
1277 |   resolved "https://registry.yarnpkg.com/sorted-object/-/sorted-object-2.0.1.tgz#7d631f4bd3a798a24af1dffcfbfe83337a5df5fc"
1278 | 
1279 | spdx-correct@~1.0.0:
1280 |   version "1.0.2"
1281 |   resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-1.0.2.tgz#4b3073d933ff51f3912f03ac5519498a4150db40"
1282 |   dependencies:
1283 |     spdx-license-ids "^1.0.2"
1284 | 
1285 | spdx-expression-parse@~1.0.0:
1286 |   version "1.0.4"
1287 |   resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-1.0.4.tgz#9bdf2f20e1f40ed447fbe273266191fced51626c"
1288 | 
1289 | spdx-license-ids@^1.0.2:
1290 |   version "1.2.2"
1291 |   resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-1.2.2.tgz#c9df7a3424594ade6bd11900d596696dc06bac57"
1292 | 
1293 | sprintf-js@~1.0.2:
1294 |   version "1.0.3"
1295 |   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
1296 | 
1297 | string-width@^1.0.1:
1298 |   version "1.0.2"
1299 |   resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
1300 |   dependencies:
1301 |     code-point-at "^1.0.0"
1302 |     is-fullwidth-code-point "^1.0.0"
1303 |     strip-ansi "^3.0.0"
1304 | 
1305 | string-width@^2.0.0:
1306 |   version "2.0.0"
1307 |   resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.0.0.tgz#635c5436cc72a6e0c387ceca278d4e2eec52687e"
1308 |   dependencies:
1309 |     is-fullwidth-code-point "^2.0.0"
1310 |     strip-ansi "^3.0.0"
1311 | 
1312 | string_decoder@~0.10.x:
1313 |   version "0.10.31"
1314 |   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
1315 | 
1316 | strip-ansi@^3.0.0:
1317 |   version "3.0.1"
1318 |   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
1319 |   dependencies:
1320 |     ansi-regex "^2.0.0"
1321 | 
1322 | strip-bom@^2.0.0:
1323 |   version "2.0.0"
1324 |   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-2.0.0.tgz#6219a85616520491f35788bdbf1447a99c7e6b0e"
1325 |   dependencies:
1326 |     is-utf8 "^0.2.0"
1327 | 
1328 | strip-bom@^3.0.0:
1329 |   version "3.0.0"
1330 |   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
1331 | 
1332 | strip-indent@^1.0.1:
1333 |   version "1.0.1"
1334 |   resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-1.0.1.tgz#0c7962a6adefa7bbd4ac366460a638552ae1a0a2"
1335 |   dependencies:
1336 |     get-stdin "^4.0.1"
1337 | 
1338 | strip-json-comments@~2.0.1:
1339 |   version "2.0.1"
1340 |   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
1341 | 
1342 | supports-color@^2.0.0:
1343 |   version "2.0.0"
1344 |   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
1345 | 
1346 | sync-exec@^0.6.2:
1347 |   version "0.6.2"
1348 |   resolved "https://registry.yarnpkg.com/sync-exec/-/sync-exec-0.6.2.tgz#717d22cc53f0ce1def5594362f3a89a2ebb91105"
1349 | 
1350 | table@^3.7.8:
1351 |   version "3.8.3"
1352 |   resolved "https://registry.yarnpkg.com/table/-/table-3.8.3.tgz#2bbc542f0fda9861a755d3947fefd8b3f513855f"
1353 |   dependencies:
1354 |     ajv "^4.7.0"
1355 |     ajv-keywords "^1.0.0"
1356 |     chalk "^1.1.1"
1357 |     lodash "^4.0.0"
1358 |     slice-ansi "0.0.4"
1359 |     string-width "^2.0.0"
1360 | 
1361 | text-table@~0.2.0:
1362 |   version "0.2.0"
1363 |   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
1364 | 
1365 | through@^2.3.6:
1366 |   version "2.3.8"
1367 |   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
1368 | 
1369 | tmp@^0.0.31:
1370 |   version "0.0.31"
1371 |   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.31.tgz#8f38ab9438e17315e5dbd8b3657e8bfb277ae4a7"
1372 |   dependencies:
1373 |     os-tmpdir "~1.0.1"
1374 | 
1375 | to-fast-properties@^1.0.1:
1376 |   version "1.0.2"
1377 |   resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-1.0.2.tgz#f3f5c0c3ba7299a7ef99427e44633257ade43320"
1378 | 
1379 | trim-newlines@^1.0.0:
1380 |   version "1.0.0"
1381 |   resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-1.0.0.tgz#5887966bb582a4503a41eb524f7d35011815a613"
1382 | 
1383 | tryit@^1.0.1:
1384 |   version "1.0.3"
1385 |   resolved "https://registry.yarnpkg.com/tryit/-/tryit-1.0.3.tgz#393be730a9446fd1ead6da59a014308f36c289cb"
1386 | 
1387 | type-check@~0.3.2:
1388 |   version "0.3.2"
1389 |   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
1390 |   dependencies:
1391 |     prelude-ls "~1.1.2"
1392 | 
1393 | typedarray@^0.0.6:
1394 |   version "0.0.6"
1395 |   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
1396 | 
1397 | user-home@^2.0.0:
1398 |   version "2.0.0"
1399 |   resolved "https://registry.yarnpkg.com/user-home/-/user-home-2.0.0.tgz#9c70bfd8169bc1dcbf48604e0f04b8b49cde9e9f"
1400 |   dependencies:
1401 |     os-homedir "^1.0.0"
1402 | 
1403 | util-deprecate@~1.0.1:
1404 |   version "1.0.2"
1405 |   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
1406 | 
1407 | validate-npm-package-license@^3.0.1:
1408 |   version "3.0.1"
1409 |   resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.1.tgz#2804babe712ad3379459acfbe24746ab2c303fbc"
1410 |   dependencies:
1411 |     spdx-correct "~1.0.0"
1412 |     spdx-expression-parse "~1.0.0"
1413 | 
1414 | which@^1.2.9:
1415 |   version "1.2.12"
1416 |   resolved "https://registry.yarnpkg.com/which/-/which-1.2.12.tgz#de67b5e450269f194909ef23ece4ebe416fa1192"
1417 |   dependencies:
1418 |     isexe "^1.1.1"
1419 | 
1420 | wordwrap@~1.0.0:
1421 |   version "1.0.0"
1422 |   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
1423 | 
1424 | wrappy@1:
1425 |   version "1.0.2"
1426 |   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
1427 | 
1428 | write@^0.2.1:
1429 |   version "0.2.1"
1430 |   resolved "https://registry.yarnpkg.com/write/-/write-0.2.1.tgz#5fc03828e264cea3fe91455476f7a3c566cb0757"
1431 |   dependencies:
1432 |     mkdirp "^0.5.1"
1433 | 
1434 | xtend@^4.0.0:
1435 |   version "4.0.1"
1436 |   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
1437 | 
1438 | yallist@^2.0.0:
1439 |   version "2.0.0"
1440 |   resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.0.0.tgz#306c543835f09ee1a4cb23b7bce9ab341c91cdd4"
1441 | 


--------------------------------------------------------------------------------