Redux Promise Middleware

PromiseMiddleware.js

/**
 * Promise Middleware is used to avoid having to dispatch 3 events for every
 * request (request, success and error)
 *
 * You can dispatch 1 event with a `promise` property and in turn the Middleware
 * will automatically dispatch the 3 events.
 * @method promiseMiddleware
 * @return {Promise} returns the promise
 */
export default function promiseMiddleware({ getState }) {

  return (next) => (action) => {

    const { promise, type, ...props } = action;

    // Ignore non async actions
    if (!promise) return next(action);

    // Dispatch the first request event
    next({ type, ...props });

    return promise.then(
      // dispatch the success event
      (response) => {

        return next({
          type: `${type}_SUCCESS`,
          response,
          ...props
        });
      },
      // dispatch the error event
      (error) => {

        // User is not logged in, redirect to /login
        if (error.status === 403) {
          window.location.href = '/login';
          return;
        }

        next({
          type: `${type}_ERROR`,
          error: {
            responseText: error.responseText,
            status: error.status,
            statusText: error.statusText
          },
          ...props
        });
      }
    );
  };
}