2016-03-02 02:06:14 +05:30
|
|
|
import { routeActions } from 'react-router-redux';
|
|
|
|
|
|
|
|
import RegisterState from './RegisterState';
|
|
|
|
import LoginState from './LoginState';
|
|
|
|
import OAuthState from './OAuthState';
|
|
|
|
import ForgotPasswordState from './ForgotPasswordState';
|
2016-05-15 02:23:58 +05:30
|
|
|
import RecoverPasswordState from './RecoverPasswordState';
|
2016-06-05 17:36:14 +05:30
|
|
|
import ActivationState from './ActivationState';
|
2016-08-27 15:49:02 +05:30
|
|
|
import CompleteState from './CompleteState';
|
2016-05-23 00:28:43 +05:30
|
|
|
import ResendActivationState from './ResendActivationState';
|
2016-03-02 02:06:14 +05:30
|
|
|
|
|
|
|
export default class AuthFlow {
|
2016-04-12 09:19:58 +05:30
|
|
|
constructor(actions) {
|
|
|
|
if (typeof actions !== 'object') {
|
|
|
|
throw new Error('AuthFlow requires an actions object');
|
|
|
|
}
|
|
|
|
|
|
|
|
this.actions = actions;
|
|
|
|
|
|
|
|
if (Object.freeze) {
|
|
|
|
Object.freeze(this.actions);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-03-02 02:06:14 +05:30
|
|
|
setStore(store) {
|
2016-08-27 20:06:33 +05:30
|
|
|
/**
|
|
|
|
* @param {string} route
|
|
|
|
* @param {object} options
|
|
|
|
* @param {object} options.replace
|
|
|
|
*/
|
|
|
|
this.navigate = (route, options = {}) => {
|
2016-08-07 19:24:59 +05:30
|
|
|
if (this.getRequest().path !== route) {
|
|
|
|
this.currentRequest = {
|
|
|
|
path: route
|
|
|
|
};
|
2016-06-15 11:31:41 +05:30
|
|
|
|
2016-03-02 02:06:14 +05:30
|
|
|
if (this.replace) {
|
|
|
|
this.replace(route);
|
|
|
|
}
|
2016-08-27 20:06:33 +05:30
|
|
|
store.dispatch(routeActions[options.replace ? 'replace' : 'push'](route));
|
2016-03-02 02:06:14 +05:30
|
|
|
}
|
|
|
|
|
|
|
|
this.replace = null;
|
|
|
|
};
|
|
|
|
|
|
|
|
this.getState = store.getState.bind(store);
|
|
|
|
this.dispatch = store.dispatch.bind(store);
|
|
|
|
}
|
|
|
|
|
|
|
|
resolve(payload = {}) {
|
|
|
|
this.state.resolve(this, payload);
|
|
|
|
}
|
|
|
|
|
|
|
|
reject(payload = {}) {
|
|
|
|
this.state.reject(this, payload);
|
|
|
|
}
|
|
|
|
|
|
|
|
goBack() {
|
|
|
|
this.state.goBack(this);
|
|
|
|
}
|
|
|
|
|
|
|
|
run(actionId, payload) {
|
2016-05-30 09:53:27 +05:30
|
|
|
if (actionId === 'redirect') {
|
|
|
|
location.href = payload;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2016-04-12 09:19:58 +05:30
|
|
|
if (!this.actions[actionId]) {
|
2016-03-02 02:06:14 +05:30
|
|
|
throw new Error(`Action ${actionId} does not exists`);
|
|
|
|
}
|
|
|
|
|
2016-04-12 09:19:58 +05:30
|
|
|
return this.dispatch(this.actions[actionId](payload));
|
2016-03-02 02:06:14 +05:30
|
|
|
}
|
|
|
|
|
|
|
|
setState(state) {
|
|
|
|
if (!state) {
|
|
|
|
throw new Error('State is required');
|
|
|
|
}
|
|
|
|
|
|
|
|
this.state && this.state.leave(this);
|
2016-06-05 17:36:14 +05:30
|
|
|
this.prevState = this.state;
|
2016-03-02 02:06:14 +05:30
|
|
|
this.state = state;
|
2016-06-02 23:16:49 +05:30
|
|
|
const resp = this.state.enter(this);
|
|
|
|
|
|
|
|
if (resp && resp.then) {
|
|
|
|
// this is a state with an async enter phase
|
|
|
|
// block route components from mounting, till promise will be resolved
|
2016-06-04 00:40:47 +05:30
|
|
|
if (this.onReady) {
|
|
|
|
const callback = this.onReady;
|
|
|
|
this.onReady = () => {};
|
|
|
|
return resp.then(callback);
|
|
|
|
}
|
2016-06-04 14:47:06 +05:30
|
|
|
|
|
|
|
return resp;
|
2016-06-02 23:16:49 +05:30
|
|
|
}
|
2016-03-02 02:06:14 +05:30
|
|
|
}
|
|
|
|
|
2016-08-07 19:24:59 +05:30
|
|
|
/**
|
|
|
|
* @return {object} - current request object
|
|
|
|
*/
|
|
|
|
getRequest() {
|
2016-08-07 20:19:26 +05:30
|
|
|
return {
|
|
|
|
path: '',
|
|
|
|
query: {},
|
|
|
|
params: {},
|
|
|
|
...this.currentRequest
|
|
|
|
};
|
2016-06-15 11:32:12 +05:30
|
|
|
}
|
|
|
|
|
2016-06-04 00:40:47 +05:30
|
|
|
/**
|
|
|
|
* This should be called from onEnter prop of react-router Route component
|
|
|
|
*
|
2016-08-07 19:24:59 +05:30
|
|
|
* @param {object} request
|
|
|
|
* @param {string} request.path
|
|
|
|
* @param {object} request.params
|
|
|
|
* @param {object} request.query
|
2016-06-04 00:40:47 +05:30
|
|
|
* @param {function} replace
|
|
|
|
* @param {function} [callback = function() {}] - an optional callback function to be called, when state will be stabilized
|
|
|
|
* (state's enter function's promise resolved)
|
|
|
|
*/
|
2016-08-07 19:24:59 +05:30
|
|
|
handleRequest(request, replace, callback = function() {}) {
|
|
|
|
const {path, params = {}, query = {}} = request;
|
2016-03-02 02:06:14 +05:30
|
|
|
this.replace = replace;
|
2016-06-02 23:16:49 +05:30
|
|
|
this.onReady = callback;
|
2016-03-02 02:06:14 +05:30
|
|
|
|
2016-08-07 19:24:59 +05:30
|
|
|
if (!path) {
|
|
|
|
throw new Error('The request.path is required');
|
|
|
|
}
|
|
|
|
|
|
|
|
if (this.getRequest().path === path) {
|
2016-06-15 11:31:41 +05:30
|
|
|
// we are already handling this path
|
|
|
|
this.onReady();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2016-08-07 19:24:59 +05:30
|
|
|
this.currentRequest = request;
|
2016-06-15 11:31:41 +05:30
|
|
|
|
2016-08-27 15:49:02 +05:30
|
|
|
if (this.restoreOAuthState()) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2016-07-28 01:15:50 +05:30
|
|
|
switch (path) {
|
2016-03-02 02:06:14 +05:30
|
|
|
case '/register':
|
|
|
|
this.setState(new RegisterState());
|
|
|
|
break;
|
|
|
|
|
|
|
|
case '/forgot-password':
|
|
|
|
this.setState(new ForgotPasswordState());
|
|
|
|
break;
|
|
|
|
|
2016-05-23 00:28:43 +05:30
|
|
|
case '/resend-activation':
|
|
|
|
this.setState(new ResendActivationState());
|
|
|
|
break;
|
|
|
|
|
2016-03-13 14:32:24 +05:30
|
|
|
case '/':
|
2016-03-02 02:06:14 +05:30
|
|
|
case '/login':
|
|
|
|
case '/password':
|
2016-08-03 00:29:29 +05:30
|
|
|
case '/accept-rules':
|
2016-03-02 02:06:14 +05:30
|
|
|
case '/oauth/permissions':
|
2016-03-15 12:06:13 +05:30
|
|
|
case '/oauth/finish':
|
2016-03-02 02:06:14 +05:30
|
|
|
this.setState(new LoginState());
|
|
|
|
break;
|
|
|
|
|
|
|
|
default:
|
2016-05-28 03:54:22 +05:30
|
|
|
switch (path.replace(/(.)\/.+/, '$1')) { // use only first part of an url
|
2016-08-07 20:19:26 +05:30
|
|
|
case '/oauth2':
|
|
|
|
this.setState(new OAuthState());
|
|
|
|
break;
|
2016-06-05 17:36:14 +05:30
|
|
|
case '/activation':
|
|
|
|
this.setState(new ActivationState());
|
|
|
|
break;
|
2016-05-28 03:54:22 +05:30
|
|
|
case '/recover-password':
|
|
|
|
this.setState(new RecoverPasswordState());
|
|
|
|
break;
|
|
|
|
|
|
|
|
default:
|
2016-08-07 19:24:59 +05:30
|
|
|
console.log('Unsupported request', {path, query, params});
|
|
|
|
replace('/404');
|
|
|
|
break;
|
2016-05-28 03:54:22 +05:30
|
|
|
}
|
2016-03-02 02:06:14 +05:30
|
|
|
}
|
2016-06-02 23:16:49 +05:30
|
|
|
|
|
|
|
this.onReady();
|
2016-03-02 02:06:14 +05:30
|
|
|
}
|
2016-08-12 00:50:14 +05:30
|
|
|
|
|
|
|
/**
|
2016-08-27 15:49:02 +05:30
|
|
|
* Tries to restore last oauth request, if it was stored in localStorage
|
|
|
|
* in last 2 hours
|
2016-08-12 00:50:14 +05:30
|
|
|
* @api private
|
2016-08-27 15:49:02 +05:30
|
|
|
*
|
|
|
|
* @return {bool} - whether oauth state is being restored
|
2016-08-12 00:50:14 +05:30
|
|
|
*/
|
|
|
|
restoreOAuthState() {
|
2016-10-25 11:31:51 +05:30
|
|
|
if (this.getRequest().path.indexOf('/register') === 0) {
|
|
|
|
// allow register
|
|
|
|
return;
|
|
|
|
}
|
2016-10-25 05:10:05 +05:30
|
|
|
|
2016-08-12 00:50:14 +05:30
|
|
|
try {
|
|
|
|
const data = JSON.parse(localStorage.getItem('oauthData'));
|
2016-08-27 15:49:02 +05:30
|
|
|
const expirationTime = 2 * 60 * 60 * 1000; // 2h
|
|
|
|
|
|
|
|
if (Date.now() - data.timestamp < expirationTime) {
|
|
|
|
this.run('oAuthValidate', data.payload)
|
|
|
|
.then(() => this.setState(new CompleteState()));
|
2016-08-12 00:50:14 +05:30
|
|
|
|
2016-08-27 15:49:02 +05:30
|
|
|
return true;
|
2016-08-12 00:50:14 +05:30
|
|
|
}
|
|
|
|
} catch (err) {/* bad luck :( */}
|
2016-08-27 15:49:02 +05:30
|
|
|
|
|
|
|
return false;
|
2016-08-12 00:50:14 +05:30
|
|
|
}
|
2016-03-02 02:06:14 +05:30
|
|
|
}
|