Wrap flux dispatcher

dispatcher.js

function wrapFlux(MainApp, availableActions, defaultStore) {
    return React.createClass({
        getInitialState: function() {
            return $.extend({}, defaultStore, this.props.additionalData);
        },
        dispatcher: function(action, extras) {

            // if an array of actions is passed in
            if (Array.isArray(action)) {
                var promiseArr = [];                                                                        // Create Promise Array
                for (var i=0; i<action.length; i++) {                                                       // Loop through Actions
                    var actionToDo = availableActions[action[i]];                                           // Find actionToDo from List
                    var promise = actionToDo(this.state, extras);                                           // create promise from actionToDo
                    console.log(actionToDo, promise, "ActionToDo and Promise");
                    if (!promise) return;
                    promiseArr.push(promise);
                }
                // console.log(promiseArr, 'promiseArr');
                promiseArr.reduce(function(prev, curr){
                    // console.log(prev, curr, 'prev,curr');
                    return prev.then(curr);
                }, Q()).then(function(data){
                    // console.log('test', data, this);
                    var newState = actionToDo(this.state, extras).then(function(newState){
                        this.setState(newState);
                        console.log('setting State', newState);
                    }.bind(this));
                    return data;
                }.bind(this));
                return;
            }

            var actionToDo = availableActions[action];
            if (!actionToDo) {
                return;
            }
            var newState = actionToDo(this.state, extras).then(function(newState){
                this.setState(newState);
            }.bind(this));
        },
        render: function() {
            return <MainApp store={this.state} dispatcher={this.dispatcher} />
        },
    });
}