import { createSelector } from 'reselect';
import { RootState } from 'redux/interfaces';
import { createFetchingSelector } from 'redux/reducers/loader/selectors';
import {
  ConsumerGroupID,
  ConsumerGroupsState,
} from '../../interfaces/consumerGroup';

const consumerGroupsState = ({
  consumerGroups,
}: RootState): ConsumerGroupsState => consumerGroups;

const getConsumerGroupsMap = (state: RootState) =>
  consumerGroupsState(state).byID;
const getConsumerGroupsIDsList = (state: RootState) =>
  consumerGroupsState(state).allIDs;

const getConsumerGroupsListFetchingStatus = createFetchingSelector(
  'GET_CONSUMER_GROUPS'
);
const getConsumerGroupDetailsFetchingStatus = createFetchingSelector(
  'GET_CONSUMER_GROUP_DETAILS'
);

export const getIsConsumerGroupsListFetched = createSelector(
  getConsumerGroupsListFetchingStatus,
  (status) => status === 'fetched'
);

export const getIsConsumerGroupDetailsFetched = createSelector(
  getConsumerGroupDetailsFetchingStatus,
  (status) => status === 'fetched'
);

export const getConsumerGroupsList = createSelector(
  getIsConsumerGroupsListFetched,
  getConsumerGroupsMap,
  getConsumerGroupsIDsList,
  (isFetched, byID, ids) => {
    if (!isFetched) {
      return [];
    }

    return ids.map((key) => byID[key]);
  }
);

const getConsumerGroupID = (_: RootState, consumerGroupID: ConsumerGroupID) =>
  consumerGroupID;

export const getConsumerGroupByID = createSelector(
  getConsumerGroupsMap,
  getConsumerGroupID,
  (consumerGroups, consumerGroupID) => consumerGroups[consumerGroupID]
);