import 'react-native-gesture-handler';
import React, {useEffect} from 'react';
import {Provider, Toast} from '@ant-design/react-native';
import {StatusBar} from 'react-native';
import GlobalNavigation from './utils/GlobalNavigation';
import LoadingIndicator from './components/LoadingIndicator';
import styles from './styles';
import colors from './styles/colors';
import services from './services';
import storages from './utils/storages';
import Router from './router';
import ModalCodePush from './components/ModalCodePush';
import http from './utils/httpUtil';
import i18nUtil from './translations/i18n';

global.$styles = styles;
global.$colors = colors;
global.$services = services;
global.$navigation = GlobalNavigation;
global.$storage = storages;
global.$http = http;
global.$i18n = i18nUtil;
let lastTimestamp: number = new Date().getTime();
const TOAST_TIMEOUT: number = 1 * 1000;
const TOAST_DURATION: number = 3;
global.$toast = {
  show: (msg: string): void => {
    if (new Date().getTime() - lastTimestamp > TOAST_TIMEOUT) {
      lastTimestamp = new Date().getTime();
      Toast.info(msg, TOAST_DURATION, (): void => {}, false);
    }
  },
  success: (msg: string): void => {
    if (new Date().getTime() - lastTimestamp > TOAST_TIMEOUT) {
      lastTimestamp = new Date().getTime();
      Toast.success(msg, TOAST_DURATION, (): void => {}, false);
    }
  },
  error: (msg: string): void => {
    if (new Date().getTime() - lastTimestamp > TOAST_TIMEOUT) {
      lastTimestamp = new Date().getTime();
      Toast.offline(msg, TOAST_DURATION, (): void => {}, false);
    }
  },
};

export default Entry;

function Entry(): JSX.Element {
  useEffect(() => {
    const init = async () => {
      const userInfo = (await $storage.getData($storage.KEYS.userInfo)) || {};
      if (userInfo) {
        $store.dispatch({type: 'user/updateUserInfo', payload: userInfo});
      }

      await initLocale();
    };

    const initLocale = async () => {
      const defaultLocale = {
        isRTL: false,
        languageTag: 'zh-TW',
        countryCode: 'TW',
        languageCode: 'zh',
      };
      // 语言
      const locale =
        (await $storage.getData($storage.KEYS.locale)) || defaultLocale;

      $i18n.setI18nConfig(locale);
      $store.dispatch({type: 'settings/setLocale', payload: locale});
    };

    init();
  }, []);

  return (
    <Provider>
      <StatusBar
        animated
        translucent
        // barStyle="light-content"
        // backgroundColor="rgba(0,0,0,0)"
      />
      <Router />

      <LoadingIndicator
        ref={ref => {
          global.$loading = ref;
        }}
      />

      <ModalCodePush
        ref={ref => {
          global.$codepush = ref;
        }}
      />
    </Provider>
  );
}