import ReduxAsyncQueue from 'redux-async-queue' // no changes here 😀

var ReduxAsyncQueue = require('redux-async-queue').default

var ReduxAsyncQueue = window.ReduxAsyncQueue.default

// This is the name of the queue.  This does not need to match the action 'type' in 'makeBurger()'
// You could for example call this `MAKE_FOOD` if you were also going to be cooking up some
// sweet potato fries and wanted them in the same queue even though they are different actions.
const MAKE_BURGER = 'MAKE_BURGER';
function makeBurger(ingredients) {
  return {
    type: MAKE_BURGER,
    payload: ingredients,
  };
}
function queueMakeBurger(burgerStyle) {
  return {
    queue: MAKE_BURGER,
    callback: (next, dispatch, getState) => {
      getIngredients(burgerStyle).then(ingredients => {
        dispatch(makeBurger(ingredients));
        next();
      });
    }
  }
}
// Call the queue from your container / smart component
dispatch(queueMakeBurger(burgerStyle));

import { createStore, applyMiddleware } from 'redux';
import ReduxAsyncQueue from 'redux-async-queue';
import reducer from './reducers/index';
const store = createStore(
  reducer,
  applyMiddleware(ReduxAsyncQueue)
);