/* eslint-disable max-params */
import {createSelector} from 'reselect';

import Header from '../components/header';
import {closeTab, changeTab, maximize, openHamburgerMenu, unmaximize, minimize, close} from '../actions/header';
import {connect} from '../utils/plugins';
import getRootGroups from '../selectors';
import {HyperState} from '../hyper';
import {Dispatch} from 'redux';

const isMac = /Mac/.test(navigator.userAgent);

const getSessions = ({sessions}: HyperState) => sessions.sessions;
const getActiveRootGroup = ({termGroups}: HyperState) => termGroups.activeRootGroup;
const getActiveSessions = ({termGroups}: HyperState) => termGroups.activeSessions;
const getActivityMarkers = ({ui}: HyperState) => ui.activityMarkers;
const getTabs = createSelector(
  [getSessions, getRootGroups, getActiveSessions, getActiveRootGroup, getActivityMarkers],
  (sessions, rootGroups, activeSessions, activeRootGroup, activityMarkers) =>
    rootGroups.map(t => {
      const activeSessionUid = activeSessions[t.uid];
      const session = sessions[activeSessionUid];
      return {
        uid: t.uid,
        title: session.title,
        isActive: t.uid === activeRootGroup,
        hasActivity: activityMarkers[session.uid]
      };
    })
);

const HeaderContainer = connect(
  (state: HyperState) => {
    return {
      // active is an index
      isMac,
      tabs: getTabs(state),
      activeMarkers: state.ui.activityMarkers,
      borderColor: state.ui.borderColor,
      backgroundColor: state.ui.backgroundColor,
      maximized: state.ui.maximized,
      fullScreen: state.ui.fullScreen,
      showHamburgerMenu: state.ui.showHamburgerMenu,
      showWindowControls: state.ui.showWindowControls
    };
  },
  (dispatch: Dispatch<any>) => {
    return {
      onCloseTab: (i: string) => {
        dispatch(closeTab(i));
      },

      onChangeTab: (i: string) => {
        dispatch(changeTab(i));
      },

      maximize: () => {
        dispatch(maximize());
      },

      unmaximize: () => {
        dispatch(unmaximize());
      },

      openHamburgerMenu: (coordinates: {x: number; y: number}) => {
        dispatch(openHamburgerMenu(coordinates));
      },

      minimize: () => {
        dispatch(minimize());
      },

      close: () => {
        dispatch(close());
      }
    };
  },
  null
)(Header, 'Header');

export default HeaderContainer;