import { createReducer } from '@reduxjs/toolkit';
import { createTableQueryReducers } from 'store/queryReducers';

import t from 'store/types';

const initialState = {
  items: {},
  views: {},
  loading: false,
  currentViewId: -1,
  tableQuery: {
    page_size: 5,
    page: 1,
  },
  dueInvoices: {},
};

const defaultInvoice = {
  entries: [],
};

const reducer = createReducer(initialState, {
  [t.INVOICE_SET]: (state, action) => {
    const { id, sale_invoice } = action.payload;
    const _invoice = state.items[id] || {};
    state.items[id] = { ...defaultInvoice, ..._invoice, ...sale_invoice };
  },

  [t.INVOICES_ITEMS_SET]: (state, action) => {
    const { sales_invoices } = action.payload;
    const _invoices = {};

    sales_invoices.forEach((invoice) => {
      _invoices[invoice.id] = {
        ...defaultInvoice,
        ...invoice,
      };
    });
    state.items = {
      ...state.items,
      ..._invoices,
    };
  },

  [t.INVOICES_TABLE_LOADING]: (state, action) => {
    const { loading } = action.payload;
    state.loading = loading;
  },

  [t.INVOICES_SET_CURRENT_VIEW]: (state, action) => {
    state.currentViewId = action.currentViewId;
  },

  [t.INVOICE_DELETE]: (state, action) => {
    const { id } = action.payload;

    if (typeof state.items[id] !== 'undefined') {
      delete state.items[id];
    }
  },

  [t.INVOICES_PAGE_SET]: (state, action) => {
    const { customViewId, sales_invoices, pagination } = action.payload;

    const viewId = customViewId || -1;
    const view = state.views[viewId] || {};

    state.views[viewId] = {
      ...view,
      pages: {
        ...(state.views?.[viewId]?.pages || {}),
        [pagination.page]: {
          ids: sales_invoices.map((i) => i.id),
        },
      },
    };
  },

  [t.INVOICES_PAGINATION_SET]: (state, action) => {
    const { pagination, customViewId } = action.payload;

    const mapped = {
      pageSize: parseInt(pagination.page_size, 10),
      page: parseInt(pagination.page, 10),
      total: parseInt(pagination.total, 10),
    };
    const paginationMeta = {
      ...mapped,
      pagesCount: Math.ceil(mapped.total / mapped.pageSize),
      pageIndex: Math.max(mapped.page - 1, 0),
    };
    state.views = {
      ...state.views,
      [customViewId]: {
        ...(state.views?.[customViewId] || {}),
        paginationMeta,
      },
    };
  },
  [t.DUE_INVOICES_SET]: (state, action) => {
    const { customer_id, due_sales_invoices } = action.payload;

    const _dueInvoices = [];

    state.dueInvoices[customer_id] = due_sales_invoices.map((due) => due.id);
    const _invoices = {};
    due_sales_invoices.forEach((invoice) => {
      _invoices[invoice.id] = {
        ...invoice,
      };
    });

    state.items = {
      ...state.dueInvoices,
      ...state.items.dueInvoices,
      ..._invoices,
    };
  },
  [t.RELOAD_INVOICES]: (state, action) => {
    const { sales_invoices } = action.payload;

    const _sales_invoices = {};
    sales_invoices.forEach((invoice) => {
      _sales_invoices[invoice.id] = {
        ...invoice,
      };
    });

    state.items = {
      ...state.items,
      ..._sales_invoices,
    };
  },
});

export default createTableQueryReducers('sales_invoices', reducer);

export const getInvoiceById = (state, id) => {
  return state.sales_invoices.items[id];
};