httpAction.js

function httpAction(action) {
  const httpActionTemplate = {
    type: "",
    endpoint: null,
    verb: "GET",
    payload: null,
    headers: [],
  }
  
  return {
    HTTP_ACTION: { ...httpActionTemplate, ...action }
  }
}

httpMiddleware.js

const httpMiddleware = store => next => async action => {
  const actionTypesSuffixes = {
    pending: "_PENDING",
    fullfilled: "_FULFILLED",
    rejected: "_REJECTED",
  }
  
  if (!action[HTTP_ACTION]) return next(action)
  
  const actionInfo = action[HTTP_ACTION]
  const fetchOptions = {
    method: actionInfo.verb,
    headers: actionInfo.headers,
    body: actionInfo.payload || null,
  }

  next({
    type: actionInfo.type + actionTypesSuffixes.pending
  })

  try {
    const request = await fetch(actionInfo.endpoint, fetchOptions)
    const response = await response.json()

    next({
      type: actionInfo.type + actionTypesSuffixes.fulfilled,
      payload: response,
    })
  } catch (error) 
    next({
      type: actionInfo.type + actionTypesSuffixes.rejected,
      payload: error,
   }))
  }
  
}