import { createSlice } from '@reduxjs/toolkit';

import { ROWS_PER_PAGE_DEFAULT, STATUSES_ALL, TABLE_REDUX_FIELD_NAME, TABLE_SORT_BY } from '../../constants';
import { SORT_DESC } from '@/modules/@common/constants/sort';

import createTableSlice from '@/modules/@common/Table/redux/slices';

const tableSlice = createTableSlice(TABLE_REDUX_FIELD_NAME, {
  pageSize: ROWS_PER_PAGE_DEFAULT,
  sortBy: TABLE_SORT_BY,
  sortOrder: SORT_DESC,
});

const initialState = {
  // table
  ...tableSlice.state,

  // filters
  search: '',
  account: null,
  accountOptions: null, // null need for loading state
  status: STATUSES_ALL,
};

export const slice = createSlice({
  name: '@@HUBS/LIST',
  initialState,

  reducers: {
    getDataAction: tableSlice.actions.getTableDataAction,
    setTableAction: tableSlice.actions.setTableAction,
    setAction: (state, action) => {
      Object.keys(action.payload).forEach((key) => {
        state[key] = action.payload[key];
      });
    },
    getAccountOptionsAction: (state) => state,
  },
});

export const { getDataAction, setTableAction, setAction, getAccountOptionsAction } = slice.actions;
