DeFiCh/wallet

import * as SplashScreen from "expo-splash-screen";
import "./_shim";
import {
  SecuredStoreAPI,
  LanguagePersistence,
  ThemePersistence,
  DomainPersistence,
  Logging,
} from "@api";
import { AppStateContextProvider } from "@contexts/AppStateContext";
import { DeFiScanProvider } from "@shared-contexts/DeFiScanContext";
import { DisplayBalancesProvider } from "@contexts/DisplayBalancesContext";
import { PrivacyLockContextProvider } from "@contexts/LocalAuthContext";
import {
  NetworkProvider,
  StoreServiceProvider,
  ThemeProvider,
  useTheme,
  WhaleProvider,
  WalletPersistenceProvider,
} from "@waveshq/walletkit-ui";
import { StatsProvider } from "@shared-contexts/StatsProvider";
import { StoreProvider } from "@contexts/StoreProvider";
import { useCachedResources } from "@hooks/useCachedResources";
import ConnectionBoundary from "@screens/ConnectionBoundary/ConnectionBoundary";
import ErrorBoundary from "@screens/ErrorBoundary/ErrorBoundary";
import { Main } from "@screens/Main";
import {
  LanguageProvider,
  useLanguage,
} from "@shared-contexts/LanguageProvider";
import { DomainProvider } from "@contexts/DomainContext";
import * as Localization from "expo-localization";
import { useColorScheme } from "react-native";
import { WalletPersistence } from "@api/wallet";
import {
  NativeLoggingProvider,
  useLogger,
} from "@shared-contexts/NativeLoggingProvider";
import { FeatureFlagProvider } from "@contexts/FeatureFlagContext";
import { WalletAddressIndexPersistence } from "@api/wallet/address_index";
import { GestureHandlerRootView } from "react-native-gesture-handler";
import { tailwind } from "@tailwind";
import { ToastProvider } from "react-native-toast-notifications";
import { ToastProps } from "react-native-toast-notifications/lib/typescript/toast";
import { WalletToast } from "@components/WalletToast";
import { ServiceProviderPersistence } from "@api/wallet/service_provider";
import { FavouritePoolpairProvider } from "@contexts/FavouritePoolpairContext";
import BigNumber from "bignumber.js";
import { EVMProvider } from "@contexts/EVMProvider";
import { CustomServiceProvider } from "@contexts/CustomServiceProvider";
import { AnalyticsProvider } from "@shared-contexts/AnalyticsProvider";

/**
 * Loads
 * - CachedResources
 * - CachedPlaygroundClient
 */

// eslint-disable-next-line import/no-default-export
export default function App(): JSX.Element | null {
  BigNumber.set({ ROUNDING_MODE: BigNumber.ROUND_DOWN });

  const isLoaded = useCachedResources();
  const colorScheme = useColorScheme();
  const logger = useLogger();

  const { isThemeLoaded } = useTheme({
    api: ThemePersistence,
    colorScheme,
    logger: Logging,
  });
  const { isLanguageLoaded } = useLanguage({
    api: LanguagePersistence,
    locale: Localization.locale,
  });

  if (!isLoaded && !isThemeLoaded && !isLanguageLoaded) {
    SplashScreen.preventAutoHideAsync().catch(logger.error);
    return null;
  }

  const customToast = {
    wallet_toast: (toast: ToastProps) => <WalletToast toast={toast} />,
  };

  return (
    <NativeLoggingProvider>
      <ErrorBoundary>
        <AppStateContextProvider>
          <PrivacyLockContextProvider>
            <NetworkProvider api={SecuredStoreAPI} logger={Logging}>
              <StoreServiceProvider
                api={ServiceProviderPersistence}
                logger={Logging}
              >
                <WhaleProvider>
                  <DeFiScanProvider>
                    <WalletPersistenceProvider
                      api={{
                        ...WalletPersistence,
                        ...WalletAddressIndexPersistence,
                      }}
                      logger={Logging}
                    >
                      <StoreProvider>
                        <StatsProvider>
                          <FeatureFlagProvider>
                            <ThemeProvider
                              api={ThemePersistence}
                              colorScheme={colorScheme}
                              logger={Logging}
                            >
                              <AnalyticsProvider>
                                <LanguageProvider
                                  api={LanguagePersistence}
                                  locale={Localization.locale}
                                >
                                  <DomainProvider api={DomainPersistence}>
                                    <CustomServiceProvider
                                      api={ServiceProviderPersistence}
                                      logger={Logging}
                                    >
                                      <DisplayBalancesProvider>
                                        <ConnectionBoundary>
                                          <GestureHandlerRootView
                                            style={tailwind("flex-1")}
                                          >
                                            <ToastProvider
                                              renderType={customToast}
                                            >
                                              <FavouritePoolpairProvider>
                                                <EVMProvider logger={Logging}>
                                                  <Main />
                                                </EVMProvider>
                                              </FavouritePoolpairProvider>
                                            </ToastProvider>
                                          </GestureHandlerRootView>
                                        </ConnectionBoundary>
                                      </DisplayBalancesProvider>
                                    </CustomServiceProvider>
                                  </DomainProvider>
                                </LanguageProvider>
                              </AnalyticsProvider>
                            </ThemeProvider>
                          </FeatureFlagProvider>
                        </StatsProvider>
                      </StoreProvider>
                    </WalletPersistenceProvider>
                  </DeFiScanProvider>
                </WhaleProvider>
              </StoreServiceProvider>
            </NetworkProvider>
          </PrivacyLockContextProvider>
        </AppStateContextProvider>
      </ErrorBoundary>
    </NativeLoggingProvider>
  );
}