App.js

import React from 'react';
import {Alert, BackHandler} from 'react-native';
import {ContactStackNavigator, MainStackNavigator} from './src/navigator';
import {
  getUniqueId,
  getManufacturer,
  getDeviceName,
} from 'react-native-device-info';
import * as Sentry from '@sentry/react-native';
import {NavigationContainer} from '@react-navigation/native';
import AsyncStorage from '@react-native-community/async-storage';
import {getVersion} from './src/api/appinfo';
import {ErrorMessage} from './src/constant/Error';
import RNBootSplash from 'react-native-bootsplash';
import NetInfo from '@react-native-community/netinfo';
import JailMonkey from 'jail-monkey';
import EncryptedStorage from 'react-native-encrypted-storage';

Sentry.init({
  dsn:
    'https://d426d2cc424e4a1e88180fe4b61b629d@o449610.ingest.sentry.io/5432874',
  enableNative: false,
});

const RootStackScreen = ({userToken}) => (
  <NavigationContainer>
    {userToken ? <MainStackNavigator /> : <ContactStackNavigator />}
  </NavigationContainer>
);
export default class App extends React.Component {
  state = {
    isLoading: true,
    isSignedIn: false,
    isError: false,
  };

  constructor(props) {
    super(props);
    this.state = {isLoading: true};
  }

  async componentDidMount() {
    const getConnection = await NetInfo.fetch();

    NetInfo.fetch().then((state) => {
      if (!state.isConnected) {
        RNBootSplash.show();
        this.setState({
          isLoading: true,
          isError: true,
        });
        Alert.alert(
          ErrorMessage.TITLE_API_ERROR,
          ErrorMessage.APP_CONNECTION_FAILED,
          [{text: 'OK', onPress: () => BackHandler.exitApp()}],
        );
      }
      console.log('Connection type', state.type);
      console.log('Is connected?', state.isConnected);
    });

    const isRooted = await JailMonkey.isJailBroken();
    const isHooked = await JailMonkey.hookDetected();

    if (isRooted) {
      const alert = () => {
        Alert.alert(
          ErrorMessage.TITLE_LOGIN_ERROR,
          ErrorMessage.APP_ROOT_DETECTED,
          [{text: 'OK', onPress: () => alert()}],
        );
      };
      alert();
      RNBootSplash.show();
    }

    if (isHooked) {
      const alert = () => {
        Alert.alert(
          ErrorMessage.TITLE_LOGIN_ERROR,
          ErrorMessage.APP_HOOK_DETECTED,
          [{text: 'OK', onPress: () => alert()}],
        );
      };
      alert();
      RNBootSplash.show();
    }
    const response = await getVersion();
    //console.log(response.json());
    if (!response.ok) {
      const message = await response.json();
      if (message.message) {
        Alert.alert(
          ErrorMessage.TITLE_API_ERROR,
          'ไม่สามารถให้บริการได้ขณะนี้ เนื่องจากข้อผิดพลาดของระบบ',
        );
      } else {
        Alert.alert(
          ErrorMessage.TITLE_API_ERROR,
          ErrorMessage.APP_SERVER_ERROR,
        );
      }

      RNBootSplash.show();
    } else {
      const token = await EncryptedStorage.getItem('accessToken')
        .then((result) => {
          console.log({result});
          if (result != null) {
            this.setState({
              isSignedIn: true,
              isLoading: false,
            });
          } else {
            this.setState({
              isSignedIn: false,
              isLoading: false,
            });
          }
        })
        .catch((err) => {
          this.setState({
            isLoading: false,
          });
        });
    }

    const DeviceID = await getUniqueId();
    const DeviceManufacturer = await getManufacturer();
    const DeviceName = await getDeviceName();
  }

  render() {
    if (this.state.isLoading) {
      RNBootSplash.show();
      return null;
    } else {
      RNBootSplash.hide({fade: true}); // fade
      return <RootStackScreen userToken={this.state.isSignedIn} />;
    }
    // if (this.state.isLoading) {
    //   RNBootSplash.hide({fade: true}); // fade
    //
    // } else {
    //   RNBootSplash.show();
    // }
  }
}