import useSWR, { responseInterface } from 'swr';
import _ from 'lodash';
import { get } from '../requests';
import services from '../services';

type Response<T> = responseInterface<T, Error>;

const fetcher = (endpoint: string) => get(endpoint).then(response => response.data);

const createServiceHooks = <Item = any>(service: string) => {
  const useList = (query = '', options = {}): Response<Item[]> => {
    return useSWR(`/${service}${query}`, fetcher, options);
  };

  const useItem = (_id: string): Response<Item> => {
    const { data: preloadedItems } = useList('', { revalidateOnMount: false });
    const result = useSWR(_id && `/${service}/${_id}`, fetcher);
    if (!result.data && result.isValidating) {
      // If we are waiting for the first result, check if we can maybe
      // get the data from already cached list for the time-being
      const item = _.find(preloadedItems, { _id });
      return { ...result, data: item } as Response<Item>;
    }
    return result;
  };

  return { useItem, useList };
};

// Products
export interface Product {
  _id: string;
  name: string;
  description: string;
  price: number;
  quantity: number;
  specs: any;
  createdAt: string;
  updatedAt: string;
}

// Contractors
export interface Contractor {
  _id: string;
  name: string;
  fullName: string;
  vatId: string;
  type: string;
  debt: number;
}

const hooks = services.reduce((acc, { route }) => {
  return _.set(acc, route, createServiceHooks(route));
}, {});


hooks.account = {
  useList: () => {
    const { data: transfers } = useSWR('/transfers', fetcher);
    const dates = _.groupBy(transfers, 'date');
    const dataUnsorted = _.map(dates, (dateTransfers, date) => ({
      date,
      amount: _
        .sumBy(dateTransfers, transfer => transfer.amount * (transfer.operation === 'in' ? 1 : -1))
        .toFixed(1),
    }));
    const data = _.sortBy(dataUnsorted, 'date').reverse();
    return { data };
  },
};


export default hooks as any;