import capitalize from 'lodash/capitalize';
import { createTypes } from 'redux-create-types';
import { createAction, handleActions } from 'redux-actions';
import noop from 'lodash/noop';

import loadCurrentChallengeEpic from './load-current-challenge-epic.js';
import binEpic from './bin-epic.js';
import ns from '../ns.json';
import { createEventMetaCreator } from '../../redux';

export const epics = [
  loadCurrentChallengeEpic,
  binEpic
];

export const types = createTypes([
  'clickOnLogo',
  'clickOnMap',
  'navLinkClicked',

  'closeDropdown',
  'openDropdown'
], ns);

export const clickOnLogo = createAction(
  types.clickOnLogo,
  noop,
  createEventMetaCreator({
    category: 'Nav',
    action: 'clicked',
    label: 'fcc logo clicked'
  })
);

export const clickOnMap = createAction(
  types.clickOnMap,
  noop,
  createEventMetaCreator({
    category: 'Nav',
    action: 'clicked',
    label: 'map button clicked'
  })
);

export const closeDropdown = createAction(types.closeDropdown);
export const openDropdown = createAction(types.openDropdown);
export function createNavLinkActionCreator(link) {
  return createAction(
    types.navLinkClicked,
    noop,
    createEventMetaCreator({
      category: capitalize(ns),
      action: 'click',
      label: `${link} link`
    })
  );
}

const initialState = {
  isDropdownOpen: false
};

export const dropdownSelector = state => state[ns].isDropdownOpen;

export default function createReducer() {
  const reducer = handleActions({
    [types.closeDropdown]: state => ({
      ...state,
      isDropdownOpen: false
    }),
    [types.openDropdown]: state => ({
      ...state,
      isDropdownOpen: true
    })
  }, initialState);

  reducer.toString = () => ns;
  return reducer;
}