import { createSelector, createFeatureSelector } from '@ngrx/store';
import { MemoizedSelector } from '@ngrx/store';

import * as fromUi from '../reducers/ui.reducer';
import { State } from '../../@store';
import { LanguageCodes } from 'app/ui/models';

export const getLocs = (state: fromUi.State) => state.locales;
export const getLocState = createFeatureSelector<fromUi.State>('ui');

export const getLocals = createSelector(
  getLocState,
  getLocs,
);

export const selectUiState: MemoizedSelector<State, fromUi.State> = createFeatureSelector<State, fromUi.State>('ui');

export const selectLocales: MemoizedSelector<State, LanguageCodes[]> = createSelector(
  selectUiState,
  (state: fromUi.State) => state.locales,
);

export const selectCurrentLocale: MemoizedSelector<!!|> = createSelector(
  selectUiState,
  (state: fromUi.State) => state.currentLocale,
);