import messaging from '@react-native-firebase/messaging';
import React, {useContext, useEffect, useState} from 'react';
import DeviceInfo from 'react-native-device-info';
import SplashScreen from 'react-native-splash-screen';
import {useDispatch, useSelector, useStore} from 'react-redux';
import {ChatContext} from '../App';
import {fcmService, getCurrentLiveVersions} from '../services';
import {
  updateNewNotificationReceived,
  updateNewVersionAvailable,
} from '../store/actions';
import {RootState} from '../store/rootReducer';
import {connectChatAccount, userLogin} from '../utils';
import Onboarding from './onboarding';
import NavigationBar from './tabs';

const Routes: React.FC = () => {
  const {
    user: {userId},
  } = useSelector((state: RootState) => state.user);
  const state: RootState = useStore().getState();
  const loggedInUserId = state.user.user.userId;
  const {chatClient} = useContext(ChatContext);
  const [newVersionAvailable, setNewVersionAvailable] = useState(false);
  const dispatch = useDispatch();

  /**
   * Load the user from AsyncStorage if any
   * Note that this makes logout triggered by invalid Token have no effect.
   * We should figure out a way to handle that.
   * Suggestions?
   * NOTE : Not something introduced by this commit but something we already have.
   */

  /**
   * SplashScreen is the actual react-native's splash screen.
   * We can hide / show it depending on our application needs.
   */

  useEffect(() => {
    messaging().onMessage(() => {
      dispatch(updateNewNotificationReceived(true));
    });

    if (!userId) {
      userLogin(dispatch, {userId: '', username: ''});
    } else {
      SplashScreen.hide();
    }
  }, [dispatch, userId]);

  useEffect(() => {
    if (userId) {
      fcmService.setUpPushNotifications();
      fcmService.sendFcmTokenToServer(chatClient);
    }
  });

  useEffect(() => {
    if (loggedInUserId) {
      connectChatAccount(loggedInUserId, chatClient);
    }
  }, [loggedInUserId]);

  useEffect(() => {
    const checkVersion = async () => {
      const liveVersions = await getCurrentLiveVersions();
      if (liveVersions && !liveVersions.includes(DeviceInfo.getVersion())) {
        setNewVersionAvailable(true);
        dispatch(updateNewVersionAvailable(true));
      }
    };
    checkVersion();
  }, []);

  return userId && !newVersionAvailable ? <NavigationBar /> : <Onboarding />;
};

export default Routes;