Revert "Transaction Simulation Cleanup (#5977)" (#6057)

This reverts commit 254e06d.
rainbow-me · Aug 28, 2024 · 3c3ab49 · 3c3ab49
1 parent 254e06d
commit 3c3ab49
Show file tree

Hide file tree

Showing 44 changed files with 1,901 additions and 2,831 deletions.
diff --git a/globals.d.ts b/globals.d.ts
@@ -109,5 +109,4 @@ declare module 'react-native-dotenv' {
   export const REACT_NATIVE_RUDDERSTACK_WRITE_KEY: string;
   export const RUDDERSTACK_DATA_PLANE_URL: string;
   export const SILENCE_EMOJI_WARNINGS: boolean;
-  export const MWP_ENCRYPTION_KEY: string;
 }
diff --git a/ios/Podfile.lock b/ios/Podfile.lock
@@ -4,9 +4,6 @@ PODS:
   - BVLinearGradient (2.8.3):
     - React-Core
   - CocoaAsyncSocket (7.6.5)
-  - CoinbaseWalletSDK/Client (1.1.0)
-  - CoinbaseWalletSDK/Host (1.1.0):
-    - CoinbaseWalletSDK/Client
   - DoubleConversion (1.1.6)
   - FasterImage (1.6.2):
     - FasterImage/Nuke (= 1.6.2)
@@ -174,9 +171,6 @@ PODS:
   - MMKV (1.3.9):
     - MMKVCore (~> 1.3.9)
   - MMKVCore (1.3.9)
-  - mobile-wallet-protocol-host (0.1.7):
-    - CoinbaseWalletSDK/Host
-    - React-Core
   - MultiplatformBleAdapter (0.1.9)
   - nanopb (2.30910.0):
     - nanopb/decode (= 2.30910.0)
@@ -1832,7 +1826,6 @@ DEPENDENCIES:
   - GoogleUtilities
   - hermes-engine (from `../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec`)
   - libwebp
-  - "mobile-wallet-protocol-host (from `../node_modules/@coinbase/mobile-wallet-protocol-host`)"
   - nanopb
   - PanModal (from `https://github.com/rainbow-me/PanModal`, commit `ab97d74279ba28c2891b47a5dc767ed4dd7cf994`)
   - Permission-Camera (from `../node_modules/react-native-permissions/ios/Camera`)
@@ -1963,7 +1956,6 @@ SPEC REPOS:
   https://github.com/CocoaPods/Specs.git:
     - Branch
     - CocoaAsyncSocket
-    - CoinbaseWalletSDK
     - Firebase
     - FirebaseABTesting
     - FirebaseAnalytics
@@ -2015,8 +2007,6 @@ EXTERNAL SOURCES:
   hermes-engine:
     :podspec: "../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec"
     :tag: hermes-2024-06-28-RNv0.74.3-7bda0c267e76d11b68a585f84cfdd65000babf85
-  mobile-wallet-protocol-host:
-    :path: "../node_modules/@coinbase/mobile-wallet-protocol-host"
   PanModal:
     :commit: ab97d74279ba28c2891b47a5dc767ed4dd7cf994
     :git: https://github.com/rainbow-me/PanModal
@@ -2267,7 +2257,6 @@ SPEC CHECKSUMS:
   Branch: d99436c6f3d5b2529ba948d273e47e732830f207
   BVLinearGradient: 880f91a7854faff2df62518f0281afb1c60d49a3
   CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99
-  CoinbaseWalletSDK: bd6aa4f5a6460d4279e09e115969868e134126fb
   DoubleConversion: 76ab83afb40bddeeee456813d9c04f67f78771b5
   FasterImage: af05a76f042ca3654c962b658fdb01cb4d31caee
   FBLazyVector: 7e977dd099937dc5458851233141583abba49ff2
@@ -2293,7 +2282,6 @@ SPEC CHECKSUMS:
   MetricsReporter: 99596ee5003c69949ed2f50acc34aee83c42f843
   MMKV: 817ba1eea17421547e01e087285606eb270a8dcb
   MMKVCore: af055b00e27d88cd92fad301c5fecd1ff9b26dd9
-  mobile-wallet-protocol-host: 8ed897dcf4f846d39b35767540e6a695631cab73
   MultiplatformBleAdapter: 5a6a897b006764392f9cef785e4360f54fb9477d
   nanopb: 438bc412db1928dac798aa6fd75726007be04262
   PanModal: 421fe72d4af5b7e9016aaa3b4db94a2fb71756d3

diff --git a/package.json b/package.json
@@ -70,7 +70,6 @@
     "@bradgarropy/use-countdown": "1.4.1",
     "@candlefinance/faster-image": "1.6.2",
     "@capsizecss/core": "3.0.0",
-    "@coinbase/mobile-wallet-protocol-host": "0.1.7",
     "@ensdomains/address-encoder": "0.2.16",
     "@ensdomains/content-hash": "2.5.7",
     "@ensdomains/eth-ens-namehash": "2.0.15",

diff --git a/src/App.tsx b/src/App.tsx
@@ -1,11 +1,9 @@
 import './languages';
 import * as Sentry from '@sentry/react-native';
-import React, { lazy, Suspense, useCallback, useEffect, useState } from 'react';
-import { AppRegistry, Dimensions, LogBox, StyleSheet, View } from 'react-native';
-import { MobileWalletProtocolProvider } from '@coinbase/mobile-wallet-protocol-host';
-import { DeeplinkHandler } from '@/components/DeeplinkHandler';
-import { AppStateChangeHandler } from '@/components/AppStateChangeHandler';
-import { useApplicationSetup } from '@/hooks/useApplicationSetup';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { AppRegistry, AppState, AppStateStatus, Dimensions, InteractionManager, Linking, LogBox, View } from 'react-native';
+import branch from 'react-native-branch';
+
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 import { enableScreens } from 'react-native-screens';
@@ -17,75 +15,170 @@ import { OfflineToast } from './components/toasts';
 import { designSystemPlaygroundEnabled, reactNativeDisableYellowBox, showNetworkRequests, showNetworkResponses } from './config/debug';
 import monitorNetwork from './debugging/network';
 import { Playground } from './design-system/playground/Playground';
+import handleDeeplink from './handlers/deeplinks';
+import { runWalletBackupStatusChecks } from './handlers/walletReadyEvents';
 import RainbowContextWrapper from './helpers/RainbowContext';
+import isTestFlight from './helpers/isTestFlight';
 import * as keychain from '@/model/keychain';
+import { loadAddress } from './model/wallet';
 import { Navigation } from './navigation';
 import RoutesComponent from './navigation/Routes';
+import { PerformanceContextMap } from './performance/PerformanceContextMap';
+import { PerformanceTracking } from './performance/tracking';
+import { PerformanceMetrics } from './performance/tracking/types/PerformanceMetrics';
 import { PersistQueryClientProvider, persistOptions, queryClient } from './react-query';
 import store from './redux/store';
+import { walletConnectLoadState } from './redux/walletconnect';
 import { MainThemeProvider } from './theme/ThemeContext';
+import { branchListener } from './utils/branch';
 import { addressKey } from './utils/keychainConstants';
 import { SharedValuesProvider } from '@/helpers/SharedValuesContext';
 import { InitialRoute, InitialRouteContext } from '@/navigation/initialRoute';
+import Routes from '@/navigation/routesNames';
 import { Portal } from '@/react-native-cool-modals/Portal';
 import { NotificationsHandler } from '@/notifications/NotificationsHandler';
 import { analyticsV2 } from '@/analytics';
 import { getOrCreateDeviceId, securelyHashWalletAddress } from '@/analytics/utils';
 import { logger, RainbowError } from '@/logger';
 import * as ls from '@/storage';
 import { migrate } from '@/migrations';
+import { initListeners as initWalletConnectListeners } from '@/walletConnect';
+import { saveFCMToken } from '@/notifications/tokens';
 import { initializeReservoirClient } from '@/resources/reservoir/client';
 import { ReviewPromptAction } from '@/storage/schema';
+import { handleReviewPromptAction } from '@/utils/reviewAlert';
 import { initializeRemoteConfig } from '@/model/remoteConfig';
 import { NavigationContainerRef } from '@react-navigation/native';
 import { RootStackParamList } from './navigation/types';
 import { Address } from 'viem';
 import { IS_DEV } from './env';
+import { checkIdentifierOnLaunch } from './model/backup';
 import { prefetchDefaultFavorites } from './resources/favorites';
 
-const LazyRoutesComponent = lazy(() => import('./navigation/Routes'));
-
 if (IS_DEV) {
   reactNativeDisableYellowBox && LogBox.ignoreAllLogs();
   (showNetworkRequests || showNetworkResponses) && monitorNetwork(showNetworkRequests, showNetworkResponses);
 }
 
 enableScreens();
 
-const sx = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-});
+const containerStyle = { flex: 1 };
 
 interface AppProps {
   walletReady: boolean;
 }
 
 function App({ walletReady }: AppProps) {
-  const { initialRoute } = useApplicationSetup();
+  const [appState, setAppState] = useState(AppState.currentState);
+  const [initialRoute, setInitialRoute] = useState<InitialRoute>(null);
+  const eventSubscription = useRef<ReturnType<typeof AppState.addEventListener> | null>(null);
+  const branchListenerRef = useRef<ReturnType<typeof branch.subscribe> | null>(null);
+  const navigatorRef = useRef<NavigationContainerRef<RootStackParamList> | null>(null);
+
+  const setupDeeplinking = useCallback(async () => {
+    const initialUrl = await Linking.getInitialURL();
+
+    branchListenerRef.current = await branchListener(url => {
+      logger.debug(`[App]: Branch: listener called`, {}, logger.DebugContext.deeplinks);
+      try {
+        handleDeeplink(url, initialRoute);
+      } catch (error) {
+        if (error instanceof Error) {
+          logger.error(new RainbowError(`[App]: Error opening deeplink`), {
+            message: error.message,
+            url,
+          });
+        } else {
+          logger.error(new RainbowError(`[App]: Error opening deeplink`), {
+            message: 'Unknown error',
+            url,
+          });
+        }
+      }
+    });
+
+    if (initialUrl) {
+      logger.debug(`[App]: has initial URL, opening with Branch`, { initialUrl });
+      branch.openURL(initialUrl);
+    }
+  }, [initialRoute]);
+
+  const identifyFlow = useCallback(async () => {
+    const address = await loadAddress();
+    if (address) {
+      setTimeout(() => {
+        InteractionManager.runAfterInteractions(() => {
+          handleReviewPromptAction(ReviewPromptAction.TimesLaunchedSinceInstall);
+        });
+      }, 10_000);
+
+      InteractionManager.runAfterInteractions(checkIdentifierOnLaunch);
+    }
+
+    setInitialRoute(address ? Routes.SWIPE_LAYOUT : Routes.WELCOME_SCREEN);
+    PerformanceContextMap.set('initialRoute', address ? Routes.SWIPE_LAYOUT : Routes.WELCOME_SCREEN);
+  }, []);
+
+  const handleAppStateChange = useCallback(
+    (nextAppState: AppStateStatus) => {
+      if (appState === 'background' && nextAppState === 'active') {
+        store.dispatch(walletConnectLoadState());
+      }
+      setAppState(nextAppState);
+      analyticsV2.track(analyticsV2.event.appStateChange, {
+        category: 'app state',
+        label: nextAppState,
+      });
+    },
+    [appState]
+  );
 
   const handleNavigatorRef = useCallback((ref: NavigationContainerRef<RootStackParamList>) => {
+    navigatorRef.current = ref;
     Navigation.setTopLevelNavigator(ref);
   }, []);
 
+  useEffect(() => {
+    if (!__DEV__ && isTestFlight) {
+      logger.debug(`[App]: Test flight usage - ${isTestFlight}`);
+    }
+    identifyFlow();
+    eventSubscription.current = AppState.addEventListener('change', handleAppStateChange);
+
+    const p1 = analyticsV2.initializeRudderstack();
+    const p2 = setupDeeplinking();
+    const p3 = saveFCMToken();
+    Promise.all([p1, p2, p3]).then(() => {
+      initWalletConnectListeners();
+      PerformanceTracking.finishMeasuring(PerformanceMetrics.loadRootAppComponent);
+      analyticsV2.track(analyticsV2.event.applicationDidMount);
+    });
+
+    return () => {
+      eventSubscription.current?.remove();
+      branchListenerRef.current?.();
+    };
+  }, []);
+
+  useEffect(() => {
+    if (walletReady) {
+      logger.debug(`[App]: ✅ Wallet ready!`);
+      runWalletBackupStatusChecks();
+    }
+  }, [walletReady]);
+
   return (
     <Portal>
-      <View style={sx.container}>
+      <View style={containerStyle}>
         {initialRoute && (
           <InitialRouteContext.Provider value={initialRoute}>
-            <Suspense fallback={<View />}>
-              {/* @ts-expect-error - Property 'ref' does not exist on the 'IntrinsicAttributes' object */}
-              <LazyRoutesComponent ref={handleNavigatorRef} />
-            </Suspense>
+            <RoutesComponent ref={handleNavigatorRef} />
             <PortalConsumer />
           </InitialRouteContext.Provider>
         )}
         <OfflineToast />
       </View>
       <NotificationsHandler walletReady={walletReady} />
-      <DeeplinkHandler initialRoute={initialRoute} walletReady={walletReady} />
-      <AppStateChangeHandler walletReady={walletReady} />
     </Portal>
   );
 }
@@ -99,9 +192,9 @@ const AppWithRedux = connect<unknown, AppDispatch, unknown, RootState>(state =>
 }))(App);
 
 function Root() {
-  const [initializing, setInitializing] = useState(true);
+  const [initializing, setInitializing] = React.useState(true);
 
-  useEffect(() => {
+  React.useEffect(() => {
     async function initializeApplication() {
       await initializeRemoteConfig();
       await migrate();
@@ -207,21 +300,19 @@ function Root() {
             prefetchDefaultFavorites();
           }}
         >
-          <MobileWalletProtocolProvider secureStorage={ls.mwp} sessionExpiryDays={7}>
-            <SafeAreaProvider>
-              <MainThemeProvider>
-                <GestureHandlerRootView style={{ flex: 1 }}>
-                  <RainbowContextWrapper>
-                    <SharedValuesProvider>
-                      <ErrorBoundary>
-                        <AppWithRedux walletReady={false} />
-                      </ErrorBoundary>
-                    </SharedValuesProvider>
-                  </RainbowContextWrapper>
-                </GestureHandlerRootView>
-              </MainThemeProvider>
-            </SafeAreaProvider>
-          </MobileWalletProtocolProvider>
+          <SafeAreaProvider>
+            <MainThemeProvider>
+              <GestureHandlerRootView style={{ flex: 1 }}>
+                <RainbowContextWrapper>
+                  <SharedValuesProvider>
+                    <ErrorBoundary>
+                      <AppWithRedux walletReady={false} />
+                    </ErrorBoundary>
+                  </SharedValuesProvider>
+                </RainbowContextWrapper>
+              </GestureHandlerRootView>
+            </MainThemeProvider>
+          </SafeAreaProvider>
         </PersistQueryClientProvider>
       </RecoilRoot>
     </ReduxProvider>

diff --git a/src/components/AppStateChangeHandler.tsx b/src/components/AppStateChangeHandler.tsx