makeHTTPRequest.js

makeHTTPRequest.js

import queryparams from 'query-params';

export default (method, targetedResource, { headers, pathVariables, params, body }) => {
  if (pathVariables) {
    Object.keys(pathVariables).forEach((key) => {
      targetedResource = targetedResource.replace(`{${key}}`, pathVariables[key]);
    });
  }

  if (params) targetedResource += `?${queryparams.encode(params)}`;
  if (body) body = typeof body !== 'string' ? JSON.stringify(body): body;

  return new Promise((resolve, reject) => {
    // headers.Accept = [headers.Accept, 'application/json'].join(';');
    const request = new XMLHttpRequest();
    request.open(method, targetedResource, true);

    if (headers && Object.keys(headers).length) {
      Object.keys(headers).forEach((key) => {
        request.setRequestHeader(key, headers[key]);
      });
    }

    request.onload = () => {
      const { status, statusText, responseText, readyState } = request;
      let response;

      try {
        response = responseText !== '' ? JSON.parse(responseText) : {};
      } catch (e) {
        reject(e);
      }

      if (readyState === request.DONE && status >= 400) {
        reject({ status, statusText, response });
        return;
      }

      if (readyState === request.DONE && status >= 200 && status < 300) {
        resolve({ status, statusText, response });
        return;
      }

      reject({ status, statusText, response });
    };

    request.onerror = (error) => {
      // eslint-disable-next-line
      const { status, statusText, responseText } = request;
      const response = responseText !== '' ? JSON.parse(responseText) : {};
      reject({ status, statusText, response, error });
    };

    (body ? request.send(body) : request.send());
  });
};