import { LOCAL_STORAGE_KEYS } from '../../../config/constants';
const SEND_KEY = LOCAL_STORAGE_KEYS.captchaSendAt;
const SEND_CAPTCHA_LATENCY = process.env.NODE_ENV === 'development' ? 10 : 60;
export default OakComponent({
    isList: false,
    projection: {
        id: 1,
        mobile: 1,
        userId: 1,
    },
    data: {
        mobile: '',
        captcha: '',
        counter: 0,
        refreshing: false,
        password: '',
        lastSendAt: undefined,
    },
    properties: {
        onlyCaptcha: false,
        onlyPassword: false,
        eventLoggedIn: '',
        callback: undefined,
    },
    formData({ features }) {
        const { lastSendAt } = this.state;
        let counter = 0;
        if (typeof lastSendAt === 'number') {
            const now = Date.now();
            counter = Math.max(SEND_CAPTCHA_LATENCY - Math.ceil((now - lastSendAt) / 1000), 0);
            if (counter > 0) {
                this.counterHandler = setTimeout(() => this.reRender(), 1000);
            }
            else if (this.counterHandler) {
                clearTimeout(this.counterHandler);
                this.counterHandler = undefined;
            }
        }
        return {
            counter,
        };
    },
    lifetimes: {
        async ready() {
            const lastSendAt = await this.load(SEND_KEY);
            if (lastSendAt) {
                this.setState({
                    lastSendAt,
                }, () => this.reRender());
            }
        }
    },
    methods: {
        setMobile(value) {
            this.setState({
                mobile: value,
            });
        },
        setCaptcha(value) {
            this.setState({
                captcha: value,
            });
        },
        async sendCaptcha() {
            const { mobile } = this.state;
            try {
                const result = await this.features.token.sendCaptcha(mobile, 'login');
                // 显示返回消息
                this.setMessage({
                    type: 'success',
                    content: result,
                });
                const lastSendAt = Date.now();
                await this.save(SEND_KEY, lastSendAt);
                this.setState({
                    lastSendAt,
                }, () => this.reRender());
            }
            catch (err) {
                this.setMessage({
                    type: 'error',
                    content: err.message,
                });
            }
        },
        async loginByMobile() {
            const { eventLoggedIn, callback } = this.props;
            const { mobile, password, captcha } = this.state;
            try {
                await this.features.token.loginByMobile(mobile, password, captcha);
                if (typeof callback === 'function') {
                    callback();
                }
            }
            catch (err) {
                this.setMessage({
                    type: 'error',
                    content: err.message,
                });
            }
        },
        async onRefreshMobile(e) {
            this.setState({
                refreshing: true,
            });
            try {
                const { code, errMsg } = e.detail;
                if (errMsg !== 'getPhoneNumber:ok') {
                    console.error(errMsg);
                    this.setMessage({
                        title: '获取手机号失败',
                        type: 'warning',
                    });
                }
                else {
                    await this.features.token.getWechatMpUserPhoneNumber(code);
                }
            }
            catch (err) {
                console.error(err);
            }
            this.setState({
                refreshing: false,
            });
        },
    },
});