UI Action Handler Changes, Misc Fixes

frontend/src/Store/Actions/oAuthActions.js

@@ -1,7 +1,129 @@
+import $ from 'jquery';
 import { createAction } from 'redux-actions';
-import * as types from './actionTypes';
-import oAuthActionHandlers from './oAuthActionHandlers';
+import requestAction from 'Utilities/requestAction';
+import getSectionState from 'Utilities/State/getSectionState';
+import updateSectionState from 'Utilities/State/updateSectionState';
+import { createThunk, handleThunks } from 'Store/thunks';
+import createHandleActions from './Creators/createHandleActions';
 
-export const startOAuth = oAuthActionHandlers[types.START_OAUTH];
-export const setOAuthValue = createAction(types.SET_OAUTH_VALUE);
-export const resetOAuth = createAction(types.RESET_OAUTH);
+//
+// Variables
+
+export const section = 'oAuth';
+
+//
+// State
+
+export const defaultState = {
+  authorizing: false,
+  accessToken: null,
+  accessTokenSecret: null
+};
+
+//
+// Actions Types
+
+export const START_OAUTH = 'oAuth/startOAuth';
+export const SET_OAUTH_VALUE = 'oAuth/setOAuthValue';
+export const RESET_OAUTH = 'oAuth/resetOAuth';
+
+//
+// Action Creators
+
+export const startOAuth = createThunk(START_OAUTH);
+export const setOAuthValue = createAction(SET_OAUTH_VALUE);
+export const resetOAuth = createAction(RESET_OAUTH);
+
+//
+// Helpers
+
+function showOAuthWindow(url) {
+  const deferred = $.Deferred();
+  const selfWindow = window;
+
+  window.open(url);
+
+  selfWindow.onCompleteOauth = function(query, onComplete) {
+    delete selfWindow.onCompleteOauth;
+
+    const queryParams = {};
+    const splitQuery = query.substring(1).split('&');
+
+    splitQuery.forEach((param) => {
+      const paramSplit = param.split('=');
+
+      queryParams[paramSplit[0]] = paramSplit[1];
+    });
+
+    onComplete();
+    deferred.resolve(queryParams);
+  };
+
+  return deferred.promise();
+}
+
+//
+// Action Handlers
+
+export const actionHandlers = handleThunks({
+
+  [START_OAUTH]: function(getState, payload, dispatch) {
+    const actionPayload = {
+      action: 'startOAuth',
+      queryParams: { callbackUrl: `${window.location.origin}/oauth.html` },
+      ...payload
+    };
+
+    dispatch(setOAuthValue({
+      authorizing: true
+    }));
+
+    const promise = requestAction(actionPayload)
+      .then((response) => {
+        return showOAuthWindow(response.oauthUrl);
+      })
+      .then((queryParams) => {
+        return requestAction({
+          action: 'getOAuthToken',
+          queryParams,
+          ...payload
+        });
+      })
+      .then((response) => {
+        const {
+          accessToken,
+          accessTokenSecret
+        } = response;
+
+        dispatch(setOAuthValue({
+          authorizing: false,
+          accessToken,
+          accessTokenSecret
+        }));
+      });
+
+    promise.fail(() => {
+      dispatch(setOAuthValue({
+        authorizing: false
+      }));
+    });
+  }
+
+});
+
+//
+// Reducers
+
+export const reducers = createHandleActions({
+
+  [SET_OAUTH_VALUE]: function(state, { payload }) {
+    const newState = Object.assign(getSectionState(state, section), payload);
+
+    return updateSectionState(state, section, newState);
+  },
+
+  [RESET_OAUTH]: function(state) {
+    return updateSectionState(state, section, defaultState);
+  }
+
+}, defaultState, section);