import { APISync } from 'redux-sync-promise';

const api = APISync({/* options */});
const createMiddleware = applyMiddleware(thunk, api);
const store = createMiddleware(createStore)(reducer);

// This example will dispatch PEOPLE_PENDING, PEOPLE_SUCCESS or PEOPLE_FAILURE
/*
 * Full example
 * */
export function getPeopleList(contry, age) {
  return {
    types: 'PEOPLE',
    data: [contry, age], // this data will add in all functions like arguments
    name: getPeopleName,
    work: getPeopleWork
    food: getPeopleFood
  }
}

/*
 * Get people info
 * @param {object} state - store state
 * @param {function} dispatch - action dispatch function
 * @param {array} props - an array of props in the data key in the action
 * */
async function getPeopleName(state, dispatch, props) {
  let {people: {entriesOnPage}} = state;
  let _requestString = `investors/?rows=${entriesOnPage}`;

  const {data: {people, total}} = await fetch(_requestString);
  return {people, total};
}
// and so on ...

/*
 * Simple example
 * */
export function getUnicornList() {
  return {
    types: 'UNICORN',
    list: async (state, dispatch, props) => {
      let rainbow = await getRainbow();
      return rainbow.data.colors
    }
  }
}
// This example will dispatch UNICORN_PENDING, UNICORN_SUCCESS or UNICORN_FAILURE

// Full example
APISync({
    postfix: {
        pending: 'IS_PENDING',
        success: 'IS_SUCCESS'
        failure: 'IS_FAILURE'
    },
    onPending: (dispatch, data) => {
        console.log('some action api panding');
    },
    onSuccess: (dispatch, result, data) => {
        console.log('some action api success');
    },
    onError: (dispatch, error, data) => {
        // example use on errors
        if(err.status === 401)
            dispatch({type: 'LOGOUT_SUCCESS'});

        console.log('some action api error');
    }
})