address-verification-app/App.tsx

import React from 'react';
import {
  AppState,
  LogBox,
  Permission,
  PermissionsAndroid,
  Platform,
  StatusBar,
} from 'react-native';
import { Provider } from 'react-redux';
import { init as initApm } from '@cobo/apm-rum-react-native';
import store, { persistor } from './src/store/store';
import { PersistGate } from 'redux-persist/integration/react';

import { NavigationContainer } from '@react-navigation/native';
import { navigationRef } from './src/components/utlis/navigationUtlis';
import FullScreenLoader from './RN-UI-LIB/src/components/FullScreenLoader';
import { toastConfigs, ToastContainer } from './RN-UI-LIB/src/components/toast';

import * as Sentry from '@sentry/react-native';
import { APM_APP_NAME, APM_BASE_URL, ENV } from './src/constants/config';
import { COLORS } from './RN-UI-LIB/src/styles/colors';
import codePush from 'react-native-code-push';
import AsyncStorage from '@react-native-async-storage/async-storage';
import { LocalStorageKeys } from './src/common/Constants';
import Permissions from './src/screens/permissions/Permissions';
import { setJsErrorHandler } from './src/services/exception-handler.service';
import SuspenseLoader from './RN-UI-LIB/src/components/suspense_loader/SuspenseLoader';
import ErrorBoundary from './src/common/ErrorBoundary';
import CodePush from 'react-native-code-push';
import { TDocumentObj } from './src/screens/caseDetails/interface';
import AuthRouter from './src/screens/auth/AuthRouter';
import { initSentry } from './src/components/utlis/sentry';
import {
  getPermissionsToRequest,
  getPermissionsToValidate,
} from './src/components/utlis/PermissionUtils';
import usePolling from './src/hooks/usePolling';
import { MILLISECONDS_IN_A_SECOND } from './RN-UI-LIB/src/utlis/common';

initSentry();

if (ENV !== 'prod') {
  // mockApiServer();
}

setJsErrorHandler();
LogBox.ignoreAllLogs();

export let GlobalDocumentMap: Record<string, TDocumentObj> = {};

async function checkCodePushAndSync() {
  try {
    await CodePush.sync({
      installMode: codePush.InstallMode.IMMEDIATE,
    });
  } catch (error) {}
}

function handleAppStateChange(nextAppState: any) {
  if (nextAppState == 'active') {
    checkCodePushAndSync();
  }
}

const PERMISSION_CHECK_POLL_INTERVAL = 5 * MILLISECONDS_IN_A_SECOND;

const App = () => {
  const [permissions, setPermissions] = React.useState(true);
  const [isGlobalDocumentMapLoaded, setIsGlobalDocumentMapLoaded] = React.useState(false);

  const askForPermissions = async () => {
    const permissionsToRequest = await getPermissionsToRequest();
    if (Platform.OS === 'android') {
      PermissionsAndroid.requestMultiple(permissionsToRequest)
        .then(async (result) => {
          let isAllPermissionsGranted = true;
          for (const permission in result) {
            if (result?.[permission as Permission] !== PermissionsAndroid.RESULTS.GRANTED) {
              isAllPermissionsGranted = false;
              break;
            }
          }
          setPermissions(isAllPermissionsGranted);
        })
        .catch((err) => {
          setPermissions(false);
        });
    }
  };

  usePolling(askForPermissions, PERMISSION_CHECK_POLL_INTERVAL);

  initApm({
    serviceName: APM_APP_NAME,
    serverUrl: APM_BASE_URL,
    serviceVersion: '1.0.0',
    environment: ENV,
    active: true,
  });

  React.useEffect(() => {
    askForPermissions();
    const appStateChange = AppState.addEventListener('change', async (change) => {
      handleAppStateChange(change);
    });
    (async () => {
      const data = await AsyncStorage.getItem(LocalStorageKeys.GLOBAL_DOCUMENT_MAP);
      if (data) {
        const parsedData = JSON.parse(data);
        GlobalDocumentMap = parsedData;
      }
      setIsGlobalDocumentMapLoaded(true);
    })();
    checkCodePushAndSync();
    return () => {
      appStateChange.remove();
    };
  }, []);

  return (
    <Provider store={store}>
      <PersistGate loading={<FullScreenLoader loading />} persistor={persistor}>
        <NavigationContainer ref={navigationRef}>
          <StatusBar backgroundColor={COLORS.BACKGROUND.INDIGO_DARK} />
          <SuspenseLoader
            fallBack={<FullScreenLoader loading />}
            loading={!isGlobalDocumentMapLoaded}
            children={
              <ErrorBoundary>{permissions ? <AuthRouter /> : <Permissions />}</ErrorBoundary>
            }
          />
        </NavigationContainer>
        <ToastContainer config={toastConfigs} position="top" topOffset={18} />
      </PersistGate>
    </Provider>
  );
};

const AppWithSentry = Sentry.wrap(App);

export default AppWithSentry;