import { create, NETWORK_ERROR } from 'apisauce';
import Config from 'react-native-config';
import Reactotron from 'reactotron-react-native';
import { camelCaseSerializer, snakeCaseSerializer } from '@constants/serializers';

const AUTHORIZATION_HEADER = 'Authorization';
const BEARER = 'Bearer';
const baseURL = Config.API_BASE_URL || 'http://wolox.com';

const api = create({
  baseURL,
  timeout: 5000
});

export const setApiHeaders = (token: string) => {
  api.setHeader(AUTHORIZATION_HEADER, `${BEARER} ${token}`);
};

export const removeApiHeaders = () => {
  api.deleteHeader(AUTHORIZATION_HEADER);
};

export const apiSetup = () => {
  if (baseURL === 'http://wolox.com') {
    console.warn('API baseURL has not been properly initialized');
  }
  api.addResponseTransform(response => {
    if (response.data) response.data = camelCaseSerializer.serialize(response.data);
  });
  api.addRequestTransform(request => {
    if (request.data) request.data = snakeCaseSerializer.serialize(request.data);
    if (request.params) request.params = snakeCaseSerializer.serialize(request.params);
  });
  api.addMonitor(response => {
    if (response.status === 401) {
      // dispatch(actions.sessionExpired());
      console.warn('Unhandled session expiration');
    }
  });
  api.addMonitor(response => {
    if (response.problem === NETWORK_ERROR) {
      // dispatch(actions.noInternetConnection());
      console.warn('Unhandled request without connection');
    }
  });
  api.addMonitor(((Reactotron as unknown) as { apisauce: any }).apisauce);
};

export default api;