/**
 * sub app userLogout
 * @author: lixia.zhang
 * @date: 2018/04/17
 */

'use strict'

import React, {Component} from 'react';
import {
    StyleSheet,
    Dimensions,
} from 'react-native'

import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
import {Map} from 'immutable';
import * as userLogoutReasonActions from '../reducers/userLogoutReason/userLogoutReasonActions';
import UserLogoutReason from '../components/userLogout/UserLogoutReason';

const actions = [
    userLogoutReasonActions,
];

function mapStateToProps(state) {
    return {
        ...state
    };
}

function mapDispatchToProps(dispatch) {

    const creators = Map()
        .merge(...actions)
        .filter(value => typeof value === 'function')
        .toObject();

    return {
        actions: bindActionCreators(creators, dispatch),
        dispatch
    };
}

class UserLogoutReasonContainer extends Component {
    constructor(props) {
        super(props);
        this._enableSubmitBtn = this._enableSubmitBtn.bind(this);
        this._showLogoutReasonModalAction = this._showLogoutReasonModalAction.bind(this);
        this._fetchCanleCode = this._fetchCanleCode.bind(this);
        this._confirmLogout = this._confirmLogout.bind(this);
        this._changeImageCode = this._changeImageCode.bind(this);
        this._onPromptHidden = this._onPromptHidden.bind(this);
        this._gotoLogoutStatus = this._gotoLogoutStatus.bind(this);
        this._mobileEmptyTip = this._mobileEmptyTip.bind(this);
    }

    componentDidMount() {
        this.props.actions.fetchImageCheckSwitchState();
    }

    componentWillUnmount() {

    }

    _enableSubmitBtn(state) {
        this.props.actions.enableSubmitBtn(state);
    }

    _showLogoutReasonModalAction(state) {
        if(state){
            this.props.actions.generateCheckImageUrl();
        }
        this.props.actions.showLogoutReasonModal(state);
    }

    _fetchCanleCode(mobile, degrees) {
        this.props.actions.fetchCanleCode(mobile, degrees);
    }

    _changeImageCode() {
        this.props.actions.generateCheckImageUrl();
    }

    _confirmLogout(code, reason) {
        this.props.actions.confirmLogout(code, reason);
    }

    _onPromptHidden() {
        this.props.actions.updateTipMessage('');
    }

    _mobileEmptyTip() {
        this.props.actions.updateTipMessage('手机号不能为空');
    }

    _gotoLogoutStatus(){
        this.props.actions.gotoLogoutStatus();
    }

    render() {
        let {submitBtnEnable,
            showModalFlag,
            imageCheckSwitchState,
            imageCheckCodeUrl,
            tipMeaasge
        } = this.props.userLogoutReason;

        return (
            <UserLogoutReason
                enableSubmitBtn={this._enableSubmitBtn}
                showLogoutReasonModalAction={this._showLogoutReasonModalAction}
                fetchCanleCode={this._fetchCanleCode}
                confirmLogout={this._confirmLogout}
                changeImageCode={this._changeImageCode}
                onPromptHidden={this._onPromptHidden}
                gotoLogoutStatus={this._gotoLogoutStatus}
                mobileEmptyTip={this._mobileEmptyTip}
                submitBtnEnable={submitBtnEnable}
                showModalFlag={showModalFlag}
                imageCheckSwitchState={imageCheckSwitchState}
                imageCheckCodeUrl={imageCheckCodeUrl}
                tipMeaasge={tipMeaasge}
            />
        );
    }
}

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