// @flow

import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { push as pushHistory } from 'react-router-redux';
import { links } from '../config';
import Connect from '../components/Connect';
import connectActions from '../redux/connection/actions';
import { openLink, log } from '../lib/platform';

import type { ReduxState, ReduxDispatch } from '../redux/store';
import type { SharedRouteProps } from '../routes';

import type { RelaySettingsRedux, RelayLocationRedux } from '../redux/settings/reducers';

function getRelayName(
  relaySettings: RelaySettingsRedux,
  relayLocations: Array<RelayLocationRedux>,
): string {
  if (relaySettings.normal) {
    const location = relaySettings.normal.location;

    if (location === 'any') {
      return 'Automatic';
    } else if (location.country) {
      const country = relayLocations.find(({ code }) => code === location.country);
      if (country) {
        return country.name;
      }
    } else if (location.city) {
      const [countryCode, cityCode] = location.city;
      const country = relayLocations.find(({ code }) => code === countryCode);
      if (country) {
        const city = country.cities.find(({ code }) => code === cityCode);
        if (city) {
          return city.name;
        }
      }
    }

    return 'Unknown';
  } else if (relaySettings.custom_tunnel_endpoint) {
    return 'Custom';
  } else {
    throw new Error('Unsupported relay settings.');
  }
}

const mapStateToProps = (state: ReduxState) => {
  return {
    accountExpiry: state.account.expiry,
    selectedRelayName: getRelayName(state.settings.relaySettings, state.settings.relayLocations),
    connection: state.connection,
  };
};

const mapDispatchToProps = (dispatch: ReduxDispatch, props: SharedRouteProps) => {
  const { copyIPAddress } = bindActionCreators(connectActions, dispatch);
  const history = bindActionCreators({ push: pushHistory }, dispatch);

  return {
    onSettings: () => {
      history.push('/settings');
    },
    onSelectLocation: () => {
      history.push('/select-location');
    },
    onConnect: () => {
      try {
        props.app.connectTunnel();
      } catch (error) {
        log.error(`Failed to connect the tunnel: ${error.message}`);
      }
    },
    onCopyIP: () => {
      copyIPAddress();
    },
    onDisconnect: () => {
      try {
        props.app.disconnectTunnel();
      } catch (error) {
        log.error(`Failed to disconnect the tunnel: ${error.message}`);
      }
    },
    onExternalLink: (type) => openLink(links[type]),
  };
};

export default connect(
  mapStateToProps,
  mapDispatchToProps,
)(Connect);