import React from 'react';
import {OAuthSignInPage} from 'nylas-component-kit';

import {
  makeGmailOAuthRequest,
  authIMAPForGmail,
  buildGmailSessionKey,
  buildGmailAuthURL,
} from './onboarding-helpers';

import OnboardingActions from './onboarding-actions';
import AccountTypes from './account-types';


export default class AccountSettingsPageGmail extends React.Component {
  static displayName = "AccountSettingsPageGmail";

  static propTypes = {
    accountInfo: React.PropTypes.object,
  };

  constructor() {
    super()
    this._sessionKey = buildGmailSessionKey();
    this._gmailAuthUrl = buildGmailAuthURL(this._sessionKey)
  }

  onSuccess({account, cloudToken}) {
    OnboardingActions.accountJSONReceived(account, cloudToken);
  }

  render() {
    const {accountInfo} = this.props;
    const accountType = AccountTypes.find(a => a.type === accountInfo.type)
    const {headerIcon} = accountType;
    const goBack = () => OnboardingActions.moveToPreviousPage()

    return (
      <OAuthSignInPage
        serviceName="Google"
        providerAuthPageUrl={this._gmailAuthUrl}
        iconName={headerIcon}
        tokenRequestPollFn={makeGmailOAuthRequest}
        accountFromTokenFn={authIMAPForGmail}
        onSuccess={this.onSuccess}
        onTryAgain={goBack}
        sessionKey={this._sessionKey}
      />
    );
  }
}