Optimize navigation (#82)

* memorized theme options

* fixed style bug

* grouped componets for navigation

App.tsx

@@ -16,7 +16,14 @@ import {
   createNativeStackNavigator,
   NativeStackNavigationProp,
 } from '@react-navigation/native-stack';
-import React, {Suspense, useCallback, useEffect, useRef, useState} from 'react';
+import React, {
+  Suspense,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 import {registerRootComponent} from 'expo';
 type RootStackParamList = {
   Home: {someParam?: string};
@@ -27,68 +34,10 @@ import {
   retrieveData,
   setLocalStorageItem,
 } from './app/functions';
-// import SplashScreen from 'react-native-splash-screen';
-
-// const DislaimerPage = lazy(
-//   () => import('./app/screens/createAccount/disclaimer.js'),
-// );
-// const GenerateKey = lazy(
-//   () => import('./app/screens/createAccount/keySetup/generateKey.js'),
-// );
-// const PinSetupPage = lazy(
-//   () => import('./app/screens/createAccount/keySetup/pin.js'),
-// );
-// const RestoreWallet = lazy(
-//   () => import('./app/screens/createAccount/restoreWallet/home.js'),
-// );
-// const SkipCreateAccountPathMessage = lazy(
-//   () => import('./app/screens/createAccount/skipMessage.js'),
-// );
-
-// in account pages
-
-// const AdminLogin = lazy(() => import('./app/screens/inAccount/login.js'));
-// const AppStorePageIndex = lazy(
-//   () => import('./app/screens/inAccount/appStorePageIndex.js'),
-// );
-// const ConfirmTxPage = lazy(
-//   () => import('./app/screens/inAccount/confirmTxPage.js'),
-// );
-// const ConnectingToNodeLoadingScreen = lazy(
-//   () => import('./app/screens/inAccount/loadingScreen.js'),
-// );
-// const ConnectionToNode = lazy(() =>
-//   import('./app/screens/inAccount/conectionToNode.js').then(module => ({
-//     default: module['ConnectionToNode'],
-//   })),
-// );
-// const ExpandedTx = lazy(
-//   () => import('./app/screens/inAccount/expandedTxPage.js'),
-// );
-// const TechnicalTransactionDetails = lazy(
-//   () => import('./app/screens/inAccount/technicalTransactionDetails.js'),
-// );
-// const ViewAllTxPage = lazy(
-//   () => import('./app/screens/inAccount/viewAllTxPage.js'),
-// );
-// const SettingsContentIndex = lazy(
-//   () => import('./app/screens/inAccount/settingsContent.js'),
-// );
 
 import {
-  AdminHomeIndex,
   AdminLogin,
-  AppStorePageIndex,
-  ConfirmTxPage,
   ConnectingToNodeLoadingScreen,
-  // ConnectionToNode,
-  ExpandedTx,
-  ReceivePaymentHome,
-  SendPaymentHome,
-  SettingsContentIndex,
-  SettingsIndex,
-  TechnicalTransactionDetails,
-  ViewAllTxPage,
 } from './app/screens/inAccount';
 
 import {
@@ -96,179 +45,21 @@ import {
   useGlobalContextProvider,
 } from './context-store/context';
 
-// const AddChatGPTCredits = lazy(
-//   () =>
-//     import(
-//       './app/components/admin/homeComponents/apps/chatGPT/addCreditsPage.js'
-//     ),
-// );
-// const ConfirmLeaveChatGPT = lazy(
-//   () =>
-//     import(
-//       './app/components/admin/homeComponents/apps/chatGPT/components/confirmLeaveChat.js'
-//     ),
-// );
-
-import {
-  AddChatGPTCredits,
-  AddOrDeleteContactImage,
-  CameraModal,
-  ClipboardCopyPopup,
-  ConfirmActionPage,
-  // ConfirmAddContact,
-  ConfirmLeaveChatGPT,
-  ContactsPageLongPressActions,
-  EditMyProfilePage,
-  EditReceivePaymentInformation,
-  ErrorScreen,
-  ExpandedContactsPage,
-  // HalfModalSendOptions,
-  // LetterKeyboard,
-  LiquidSettingsPage,
-  LspDescriptionPopup,
-  MyContactProfilePage,
-
-  // RefundBitcoinTransactionPage,
-  SendAndRequestPage,
-  SendPaymentScreen,
-  SwitchReceiveOptionPage,
-  // UserBalanceDenomination,
-  // ViewInProgressSwap,
-} from './app/components/admin';
-
-// import {ContactsDrawer} from './navigation/drawers';
-
-// const AddResturantItemToCart = lazy(
-//   () =>
-//     import(
-//       './app/components/admin/homeComponents/apps/resturantService/addItemToCart.js'
-//     ),
-// );
-// const ResturantCartPage = lazy(
-//   () =>
-//     import(
-//       './app/components/admin/homeComponents/apps/resturantService/cartPage.js'
-//     ),
-// );
-// const ManualEnterSendAddress = lazy(
-//   () =>
-//     import(
-//       './app/components/admin/homeComponents/homeLightning/manualEnterSendAddress'
-//     ),
-// );
-import AddResturantItemToCart from './app/components/admin/homeComponents/apps/resturantService/addItemToCart';
-import ResturantCartPage from './app/components/admin/homeComponents/apps/resturantService/cartPage';
-// import ManualEnterSendAddress from './app/components/admin/homeComponents/homeLightning/manualEnterSendAddress';
 import {WebViewProvider} from './context-store/webViewContext';
 import {Linking, Platform} from 'react-native';
 
-// const ConfirmExportPayments = lazy(
-//   () =>
-//     import(
-//       './app/components/admin/homeComponents/exportTransactions/exportTracker.js'
-//     ),
-// );
-// const HistoricalVPNPurchases = lazy(
-//   () =>
-//     import(
-//       './app/components/admin/homeComponents/apps/VPN/historicalPurchasesPage.js'
-//     ),
-// );
-// const GeneratedVPNFile = lazy(
-//   () =>
-//     import(
-//       './app/components/admin/homeComponents/apps/VPN/pages/generatedFile.js'
-//     ),
-// );
-// const ConfirmVPNPage = lazy(
-//   () =>
-//     import(
-//       './app/components/admin/homeComponents/apps/VPN/components/confirmationSlideUp.js'
-//     ),
-// );
-// const ConfirmSMSPayment = lazy(
-//   () =>
-//     import(
-//       './app/components/admin/homeComponents/apps/sms4sats/confirmationSlideUp.js'
-//     ),
-// );
-import ConfirmExportPayments from './app/components/admin/homeComponents/exportTransactions/exportTracker';
-import {
-  // ClaimGiftCard,
-  ConfirmSMSPayment,
-  ConfirmVPNPage,
-  CountryList,
-  CreateGiftCardAccount,
-  ExpandedGiftCardPage,
-  // ForgotGiftCardPassword,
-  GeneratedVPNFile,
-  // GiftCardLoginPage,
-  GiftCardOrderDetails,
-  GiftCardPage,
-  HistoricalGiftCardPurchases,
-  HistoricalVPNPurchases,
-  // ResetGiftCardProfilePassword,
-  SwitchGenerativeAIModel,
-} from './app/components/admin/homeComponents/apps';
-
-// const BACKGROUND_NOTIFICATION_TASK = 'BACKGROUND-NOTIFICATION-TASK';
-// import {COLORS} from './app/constants';
 import SplashScreen from './app/screens/splashScreen';
 import {GlobalContactsList} from './context-store/globalContacts';
-import {
-  ChooseContactHalfModal,
-  ExpandedAddContactsPage,
-} from './app/components/admin/homeComponents/contacts';
 
-// const ChooseContactHalfModal = lazy(
-//   () =>
-//     import(
-//       './app/components/admin/homeComponents/contacts/halfModalSendOptionPath/contactsList.js'
-//     ),
-// );
-// const ExpandedAddContactsPage = lazy(
-//   () =>
-//     import(
-//       './app/components/admin/homeComponents/contacts/expandedAddContactsPage.js'
-//     ),
-// );
 import {GlobaleCashVariables} from './context-store/eCash';
-// const POSInstructionsPath = lazy(
-//   () =>
-//     import(
-//       './app/components/admin/homeComponents/settingsContent/posPath/posInstructionsPath.js'
-//     ),
-// );
-import POSInstructionsPath from './app/components/admin/homeComponents/settingsContent/posPath/posInstructionsPath';
-import FullLoadingScreen from './app/functions/CustomElements/loadingScreen';
-import {
-  CreateAccountHome,
-  DislaimerPage,
-  GenerateKey,
-  PinSetupPage,
-  RestoreWallet,
-  SkipCreateAccountPathMessage,
-} from './app/screens/createAccount';
+import {CreateAccountHome} from './app/screens/createAccount';
 import {GlobalAppDataProvider} from './context-store/appData';
-// import PushNotificationManager from './context-store/notificationManager';
-import CustomHalfModal from './app/functions/CustomElements/halfModal';
-import {CustomWebView} from './app/functions/CustomElements';
-import ExplainBalanceScreen from './app/components/admin/homeComponents/sendBitcoin/components/balanceExplainerScreen';
-import {
-  HistoricalOnChainPayments,
-  TotalTipsScreen,
-  ViewPOSTransactions,
-} from './app/components/admin/homeComponents/settingsContent';
 import PushNotificationManager, {
   registerBackgroundNotificationTask,
 } from './context-store/notificationManager';
 import {GestureHandlerRootView} from 'react-native-gesture-handler';
 import GetThemeColors from './app/hooks/themeColors';
-import InformationPopup from './app/functions/CustomElements/informationPopup';
 import {COLORS, LOGIN_SECUITY_MODE_KEY} from './app/constants';
-import RefundLiquidSwapPopup from './app/components/admin/homeComponents/settingsContent/failedLiquidSwapsComponents/refundSwapPopup';
-import ManualSwapPopup from './app/components/admin/homeComponents/settingsContent/walletInfoComponents/manualSwapPopup';
-import AccountInformationPage from './app/components/admin/homeComponents/settingsContent/walletInfoComponents/AccountInformationPage';
 import {LiquidEventProvider} from './context-store/liquidEventContext';
 import {
   EcashNavigationListener,
@@ -276,7 +67,6 @@ import {
   LiquidNavigationListener,
 } from './context-store/SDKNavigation';
 import {LightningEventProvider} from './context-store/lightningEventContext';
-import HistoricalSMSMessagingPage from './app/components/admin/homeComponents/apps/sms4sats/sentPayments';
 import {
   GlobalThemeProvider,
   useGlobalThemeContext,
@@ -284,9 +74,13 @@ import {
 import {GLobalNodeContextProider} from './context-store/nodeContext';
 import {AppStatusProvider} from './context-store/appStatus';
 import {KeysContextProvider} from './context-store/keys';
-import RestoreProofsPopup from './app/components/admin/homeComponents/settingsContent/experimentalComponents/restoreProofsPopup';
-import MigrateProofsPopup from './app/components/admin/homeComponents/settingsContent/experimentalComponents/migrateProofsPopup';
 import {POSTransactionsProvider} from './context-store/pos';
+import {
+  FADE_SCREENS,
+  FADE_TRANSPARENT_MODAL_SCREENS,
+  SLIDE_FROM_BOTTOM_SCREENS,
+  SLIDE_FROM_RIGHT_SCREENS,
+} from './navigation/screens';
 
 const Stack = createNativeStackNavigator();
 
@@ -415,56 +209,63 @@ function ResetStack(): JSX.Element | null {
       return {...prev, isLoaded: true};
     });
   };
+  const navigationTheme = useMemo(
+    () => ({
+      dark: theme,
+      colors: {
+        background: backgroundColor,
+        primary: '',
+        card: '',
+        text: '',
+        border: '',
+        notification: '',
+      },
+    }),
+    [theme, backgroundColor],
+  );
+
+  const screenOptions = useMemo(() => {
+    return {
+      headerShown: false,
+      statusBarColor: Platform.OS === 'android' ? backgroundColor : undefined,
+      statusBarStyle:
+        Platform.OS === 'android'
+          ? ((theme ? 'light' : 'dark') as
+              | 'light'
+              | 'dark'
+              | 'inverted'
+              | 'auto'
+              | undefined)
+          : undefined,
+      statusBarAnimation:
+        Platform.OS === 'android'
+          ? ('fade' as 'fade' | 'none' | 'slide' | undefined)
+          : undefined,
+      navigationBarColor: backgroundColor,
+    };
+  }, [backgroundColor, theme]);
+
+  const HomeComponent = useMemo(() => {
+    if (initSettings.isLoggedIn) {
+      return initSettings.hasSecurityEnabled
+        ? AdminLogin
+        : ConnectingToNodeLoadingScreen;
+    }
+    return CreateAccountHome;
+  }, [initSettings.isLoggedIn, initSettings.hasSecurityEnabled]);
 
   if (!initSettings.isLoaded || theme === null || darkModeType === null) {
     return <SplashScreen onAnimationFinish={handleAnimationFinish} />;
   }
   return (
-    <NavigationContainer
-      theme={{
-        dark: theme,
-        colors: {
-          background: backgroundColor,
-          primary: '',
-          card: '',
-          text: '',
-          border: '',
-          notification: '',
-        },
-      }}
-      ref={navigationRef}>
+    <NavigationContainer theme={navigationTheme} ref={navigationRef}>
       <LiquidNavigationListener />
       <LightningNavigationListener />
       <EcashNavigationListener />
-      <Stack.Navigator
-        screenOptions={{
-          headerShown: false,
-          statusBarColor:
-            Platform.OS === 'android'
-              ? theme
-                ? darkModeType
-                  ? COLORS.lightsOutBackground
-                  : COLORS.darkModeBackground
-                : COLORS.lightModeBackground
-              : undefined,
-          statusBarStyle:
-            Platform.OS === 'android' ? (theme ? 'light' : 'dark') : undefined,
-          statusBarAnimation: Platform.OS === 'android' ? 'fade' : undefined,
-          navigationBarColor: theme
-            ? darkModeType
-              ? COLORS.lightsOutBackground
-              : COLORS.darkModeBackground
-            : COLORS.lightModeBackground,
-        }}>
+      <Stack.Navigator screenOptions={screenOptions}>
         <Stack.Screen
           name="Home"
-          component={
-            initSettings.isLoggedIn
-              ? initSettings.hasSecurityEnabled
-                ? AdminLogin
-                : ConnectingToNodeLoadingScreen
-              : CreateAccountHome
-          }
+          component={HomeComponent}
           options={{
             animation: 'fade',
             gestureEnabled: false,
@@ -486,358 +287,56 @@ function ResetStack(): JSX.Element | null {
             },
           }}
         />
-        {/* <Stack.Screen
-          name="AddResturantItemToCart"
-          component={AddResturantItemToCart}
-          options={{
-            animation: 'fade',
-            gestureEnabled: false,
-            presentation: 'transparentModal',
-          }}
-        /> */}
-
-        <Stack.Screen
-          name="ConfirmTxPage"
-          component={ConfirmTxPage}
-          options={{
-            animation: 'fade',
-            // gestureEnabled: false,
-            // presentation: 'transparentModal',
-          }}
-        />
-        <Stack.Screen
-          name="RefundLiquidSwapPopup"
-          component={RefundLiquidSwapPopup}
-          options={{
-            animation: 'fade',
-
-            presentation: 'transparentModal',
-          }}
-        />
-        <Stack.Screen
-          name="TotalTipsScreen"
-          component={TotalTipsScreen}
-          options={{
-            animation: 'fade',
-            presentation: 'transparentModal',
-          }}
-        />
-
-        {/* Create Account screens */}
-        <Stack.Screen name="DisclaimerPage" component={DislaimerPage} />
-        <Stack.Screen name="GenerateKey" component={GenerateKey} />
-        <Stack.Screen name="PinSetup" component={PinSetupPage} />
-        <Stack.Screen name="RestoreWallet" component={RestoreWallet} />
-
-        {/* admin screens */}
-        <Stack.Screen
-          name="HomeAdmin"
-          component={AdminHomeIndex}
-          options={{animation: 'fade', gestureEnabled: false}}
-        />
 
         <Stack.Group
           screenOptions={{
             presentation: 'containedTransparentModal',
             animation: 'slide_from_bottom',
           }}>
-          <Stack.Screen
-            name="ConfirmSMSPayment"
-            component={ConfirmSMSPayment}
-          />
-          <Stack.Screen name="ConfirmVPNPage" component={ConfirmVPNPage} />
-
-          <Stack.Screen
-            name="ConfirmExportPayments"
-            component={ConfirmExportPayments}
-          />
-          <Stack.Screen name="CustomWebView" component={CustomWebView} />
-
-          <Stack.Screen name="SendBTC" component={SendPaymentHome} />
-          <Stack.Screen name="ReceiveBTC" component={ReceivePaymentHome} />
-          <Stack.Screen name="ExpandedTx" component={ExpandedTx} />
-          <Stack.Screen
-            name="TechnicalTransactionDetails"
-            component={TechnicalTransactionDetails}
-          />
-          <Stack.Screen
-            name="LiquidSettingsPage"
-            component={LiquidSettingsPage}
-          />
-
-          <Stack.Screen
-            name="EditReceivePaymentInformation"
-            component={EditReceivePaymentInformation}
-          />
-
-          <Stack.Screen
-            name="SwitchReceiveOptionPage"
-            component={SwitchReceiveOptionPage}
-          />
-
-          <Stack.Screen name="ViewAllTxPage" component={ViewAllTxPage} />
-          <Stack.Screen name="CameraModal" component={CameraModal} />
-
-          {/* <Stack.Screen
-            options={{gestureEnabled: false}}
-            name="AddChatGPTCredits"
-            component={AddChatGPTCredits}
-          /> */}
-          {/* <Stack.Screen
-            options={{gestureEnabled: false}}
-            name="ResturantCartPage"
-            component={ResturantCartPage}
-          /> */}
-          <Stack.Screen
-            name="SwitchGenerativeAIModel"
-            component={SwitchGenerativeAIModel}
-          />
+          {SLIDE_FROM_BOTTOM_SCREENS.map(({name, component}) => (
+            <Stack.Screen key={name} name={name} component={component} />
+          ))}
         </Stack.Group>
         <Stack.Group
           screenOptions={{
             animation: 'slide_from_right',
           }}>
-          <Stack.Screen name="SettingsHome" component={SettingsIndex} />
-          <Stack.Screen
-            name="HistoricalOnChainPayments"
-            component={HistoricalOnChainPayments}
-          />
-          <Stack.Screen
-            name="ChooseContactHalfModal"
-            component={ChooseContactHalfModal}
-          />
-          <Stack.Screen
-            name="SettingsContentHome"
-            component={SettingsContentIndex}
-          />
-          <Stack.Screen
-            options={{gestureEnabled: false}}
-            name="ConfirmPaymentScreen"
-            component={SendPaymentScreen}
-          />
-          {/* SWAP PAGES  */}
-          {/* <Stack.Screen
-            name="RefundBitcoinTransactionPage"
-            component={RefundBitcoinTransactionPage}
-          /> */}
-          {/* <Stack.Screen
-            name="viewInProgressSwap"
-            component={ViewInProgressSwap}
-          /> */}
-          {/* contacts */}
-          <Stack.Screen
-            name="ExpandedContactsPage"
-            component={ExpandedContactsPage}
-          />
-          <Stack.Screen
-            name="MyContactProfilePage"
-            component={MyContactProfilePage}
-          />
-          <Stack.Screen
-            name="EditMyProfilePage"
-            component={EditMyProfilePage}
-          />
-          <Stack.Screen
-            name="ExpandedAddContactsPage"
-            component={ExpandedAddContactsPage}
-          />
-          <Stack.Screen
-            name="SendAndRequestPage"
-            component={SendAndRequestPage}
-          />
-          {/* App Store */}
-          <Stack.Screen
-            name="AppStorePageIndex"
-            component={AppStorePageIndex}
-          />
-
-          <Stack.Screen
-            name="HistoricalSMSMessagingPage"
-            component={HistoricalSMSMessagingPage}
-          />
-          <Stack.Screen
-            name="HistoricalVPNPurchases"
-            component={HistoricalVPNPurchases}
-          />
-          <Stack.Screen name="GeneratedVPNFile" component={GeneratedVPNFile} />
-          <Stack.Screen
-            name="POSInstructionsPath"
-            component={POSInstructionsPath}
-          />
-          {/* <Stack.Screen
-            name="ManualyEnterSendAddress"
-            component={ManualEnterSendAddress}
-          /> */}
-          {/* <Stack.Screen
-            name="GiftCardLoginPage"
-            component={GiftCardLoginPage}
-          /> */}
-          <Stack.Screen
-            name="CreateGiftCardAccount"
-            component={CreateGiftCardAccount}
-          />
-          <Stack.Screen name="GiftCardsPage" component={GiftCardPage} />
-          <Stack.Screen name="CountryList" component={CountryList} />
-          {/* <Stack.Screen
-            name="ForgotGiftCardPassword"
-            component={ForgotGiftCardPassword}
-          /> */}
-          {/* <Stack.Screen
-            name="ResetGiftCardProfilePassword"
-            component={ResetGiftCardProfilePassword}
-          /> */}
-          <Stack.Screen
-            name="ExpandedGiftCardPage"
-            component={ExpandedGiftCardPage}
-          />
-          <Stack.Screen
-            name="HistoricalGiftCardPurchases"
-            component={HistoricalGiftCardPurchases}
-          />
-          {/* <Stack.Screen name="ClaimGiftCard" component={ClaimGiftCard} /> */}
-          <Stack.Screen name="ManualSwapPopup" component={ManualSwapPopup} />
-          <Stack.Screen
-            name="AccountInformationPage"
-            component={AccountInformationPage}
-          />
-          <Stack.Screen
-            name="ViewPOSTransactions"
-            component={ViewPOSTransactions}
-          />
+          {SLIDE_FROM_RIGHT_SCREENS.map(({name, component, options = {}}) => (
+            <Stack.Screen
+              key={name}
+              name={name}
+              component={component}
+              options={{...options}}
+            />
+          ))}
         </Stack.Group>
         <Stack.Group
           screenOptions={{
             animation: 'fade',
             presentation: 'containedTransparentModal',
           }}>
-          {/* <Stack.Screen name="ConnectionToNode" component={ConnectionToNode} /> */}
-
-          {/* <Stack.Screen
-            name="HalfModalSendOption"
-            component={HalfModalSendOptions}
-          /> */}
-          <Stack.Screen name="CustomHalfModal" component={CustomHalfModal} />
-          <Stack.Screen
-            name="ConfirmActionPage"
-            component={ConfirmActionPage}
-          />
-          <Stack.Screen
-            name="ConfirmLeaveChatGPT"
-            component={ConfirmLeaveChatGPT}
-          />
-          <Stack.Screen
-            name="ClipboardCopyPopup"
-            component={ClipboardCopyPopup}
-          />
-
-          <Stack.Screen name="ErrorScreen" component={ErrorScreen} />
-          <Stack.Screen
-            name="ExplainBalanceScreen"
-            component={ExplainBalanceScreen}
-          />
-
-          <Stack.Screen
-            name="GiftCardOrderDetails"
-            component={GiftCardOrderDetails}
-          />
-          <Stack.Screen
-            name="ContactsPageLongPressActions"
-            component={ContactsPageLongPressActions}
-          />
-          <Stack.Screen
-            name="RestoreProofsPopup"
-            component={RestoreProofsPopup}
-          />
-          <Stack.Screen
-            name="MigrateProofsPopup"
-            component={MigrateProofsPopup}
-          />
-
-          {/* <Stack.Screen name="LetterKeyboard" component={LetterKeyboard} /> */}
-          {/* <Stack.Screen
-            name="ConfirmAddContact"
-            component={ConfirmAddContact}
-          /> */}
-          <Stack.Screen
-            name="AddOrDeleteContactImage"
-            component={AddOrDeleteContactImage}
-          />
-          {/* <Stack.Screen
-            name="UserBalanceDenomination"
-            component={UserBalanceDenomination}
-          /> */}
-          <Stack.Screen
-            name="SkipCreateAccountPathMessage"
-            component={SkipCreateAccountPathMessage}
-          />
-          <Stack.Screen name="InformationPopup" component={InformationPopup} />
+          {FADE_SCREENS.map(({name, component, options = {}}) => (
+            <Stack.Screen
+              key={name}
+              name={name}
+              options={{...options}}
+              component={component}
+            />
+          ))}
+        </Stack.Group>
+        <Stack.Group
+          screenOptions={{
+            animation: 'fade',
+            presentation: 'transparentModal',
+          }}>
+          {FADE_TRANSPARENT_MODAL_SCREENS.map(({name, component}) => (
+            <Stack.Screen key={name} name={name} component={component} />
+          ))}
         </Stack.Group>
-
-        <Stack.Screen
-          name="LspDescriptionPopup"
-          component={LspDescriptionPopup}
-        />
       </Stack.Navigator>
     </NavigationContainer>
   );
 }
 
-// TaskManager.defineTask(
-//   BACKGROUND_NOTIFICATION_TASK,
-//   ({data, error, executionInfo}) => {
-//     (async () => {
-//       console.log(data);
-//       console.log(executionInfo);
-//       const paymentInformationFromNotification = data?.body;
-//       console.log(paymentInformationFromNotification);
-
-//       if (paymentInformationFromNotification.pr) {
-//         try {
-//           await sendPayment({
-//             bolt11: paymentInformationFromNotification.pr,
-//           });
-//         } catch (err) {
-//           console.log(err);
-//         }
-//         return;
-//       }
-
-//       const didConnect = await connectToNode(globalOnBreezEvent);
-//       console.log(didConnect);
-//       if (didConnect.isConnected) return;
-//       Notifications.cancelAllScheduledNotificationsAsync();
-
-//       try {
-//         await Notifications.scheduleNotificationAsync({
-//           content: {
-//             title: 'Blitz Wallet',
-//             body: `Caught incoming payment`,
-//           },
-//           trigger: {
-//             seconds: 2,
-//           },
-//         });
-//         await Notifications.scheduleNotificationAsync({
-//           content: {
-//             title: 'Blitz Wallet',
-//             body: 'Getting invoice details',
-//           },
-//           trigger: {
-//             seconds: 2,
-//           },
-//         });
-//       } catch (err) {
-//         console.log(err);
-//       }
-
-//       console.log('Received a notification in the background!', 'TTTTT');
-
-//       // Do something with the notification data
-//     })();
-//   },
-// );
-
-// Notifications.registerTaskAsync(BACKGROUND_NOTIFICATION_TASK);
-
 export default App;
 registerRootComponent(App);

app/screens/inAccount/receiveBtcPage.js

@@ -1,4 +1,4 @@
-import {StyleSheet, Text, View, TouchableOpacity} from 'react-native';
+import {StyleSheet, Text, View, TouchableOpacity, Platform} from 'react-native';
 import {CENTER, SIZES, ICONS} from '../../constants';
 import {useEffect, useRef, useState} from 'react';
 import {useNavigation} from '@react-navigation/native';
@@ -90,7 +90,13 @@ export default function ReceivePaymentHome(props) {
 
       <View style={{marginBottom: 'auto'}}></View>
 
-      <View style={{position: 'absolute', bottom: 0, alignItems: 'center'}}>
+      <View
+        style={{
+          alignItems: 'center',
+          position: 'absolute',
+          [Platform.OS === 'ios' ? 'top' : 'bottom']:
+            Platform.OS === 'ios' ? '100%' : 0,
+        }}>
         <Text
           style={[
             styles.title,

navigation/screens.js

@@ -0,0 +1,164 @@
+import {
+  AddOrDeleteContactImage,
+  CameraModal,
+  ClipboardCopyPopup,
+  ContactsPageLongPressActions,
+  EditReceivePaymentInformation,
+  ErrorScreen,
+  LiquidSettingsPage,
+  SendPaymentScreen,
+  SwitchReceiveOptionPage,
+} from '../app/components/admin';
+import {
+  ConfirmLeaveChatGPT,
+  CountryList,
+  CreateGiftCardAccount,
+  ExpandedGiftCardPage,
+  GeneratedVPNFile,
+  GiftCardOrderDetails,
+  GiftCardPage,
+  HistoricalGiftCardPurchases,
+  HistoricalVPNPurchases,
+  SwitchGenerativeAIModel,
+} from '../app/components/admin/homeComponents/apps';
+import HistoricalSMSMessagingPage from '../app/components/admin/homeComponents/apps/sms4sats/sentPayments';
+import {
+  ChooseContactHalfModal,
+  EditMyProfilePage,
+  ExpandedAddContactsPage,
+  ExpandedContactsPage,
+  MyContactProfilePage,
+  SendAndRequestPage,
+} from '../app/components/admin/homeComponents/contacts';
+import ExplainBalanceScreen from '../app/components/admin/homeComponents/sendBitcoin/components/balanceExplainerScreen';
+import {
+  ConfirmActionPage,
+  HistoricalOnChainPayments,
+  LspDescriptionPopup,
+  TotalTipsScreen,
+  ViewPOSTransactions,
+} from '../app/components/admin/homeComponents/settingsContent';
+import MigrateProofsPopup from '../app/components/admin/homeComponents/settingsContent/experimentalComponents/migrateProofsPopup';
+import RestoreProofsPopup from '../app/components/admin/homeComponents/settingsContent/experimentalComponents/restoreProofsPopup';
+import RefundLiquidSwapPopup from '../app/components/admin/homeComponents/settingsContent/failedLiquidSwapsComponents/refundSwapPopup';
+import POSInstructionsPath from '../app/components/admin/homeComponents/settingsContent/posPath/posInstructionsPath';
+import AccountInformationPage from '../app/components/admin/homeComponents/settingsContent/walletInfoComponents/AccountInformationPage';
+import ManualSwapPopup from '../app/components/admin/homeComponents/settingsContent/walletInfoComponents/manualSwapPopup';
+import {CustomWebView} from '../app/functions/CustomElements';
+import CustomHalfModal from '../app/functions/CustomElements/halfModal';
+import InformationPopup from '../app/functions/CustomElements/informationPopup';
+import {
+  DislaimerPage,
+  GenerateKey,
+  PinSetupPage,
+  RestoreWallet,
+  SkipCreateAccountPathMessage,
+} from '../app/screens/createAccount';
+import {
+  AdminHomeIndex,
+  AppStorePageIndex,
+  ConfirmTxPage,
+  ExpandedTx,
+  ReceivePaymentHome,
+  SendPaymentHome,
+  SettingsContentIndex,
+  SettingsIndex,
+  TechnicalTransactionDetails,
+  ViewAllTxPage,
+} from '../app/screens/inAccount';
+
+const SLIDE_FROM_BOTTOM_SCREENS = [
+  {name: 'CustomWebView', component: CustomWebView},
+  {name: 'SendBTC', component: SendPaymentHome},
+  {name: 'ReceiveBTC', component: ReceivePaymentHome},
+  {name: 'ExpandedTx', component: ExpandedTx},
+  {name: 'TechnicalTransactionDetails', component: TechnicalTransactionDetails},
+  {name: 'LiquidSettingsPage', component: LiquidSettingsPage},
+  {
+    name: 'EditReceivePaymentInformation',
+    component: EditReceivePaymentInformation,
+  },
+  {name: 'SwitchReceiveOptionPage', component: SwitchReceiveOptionPage},
+  {name: 'ViewAllTxPage', component: ViewAllTxPage},
+  {name: 'CameraModal', component: CameraModal},
+  {name: 'SwitchGenerativeAIModel', component: SwitchGenerativeAIModel},
+];
+const SLIDE_FROM_RIGHT_SCREENS = [
+  {name: 'SettingsHome', component: SettingsIndex},
+  {name: 'HistoricalOnChainPayments', component: HistoricalOnChainPayments},
+  {name: 'ChooseContactHalfModal', component: ChooseContactHalfModal},
+  {name: 'SettingsContentHome', component: SettingsContentIndex},
+  {
+    name: 'ConfirmPaymentScreen',
+    component: SendPaymentScreen,
+    options: {gestureEnabled: false},
+  },
+  {name: 'ExpandedContactsPage', component: ExpandedContactsPage},
+  {name: 'MyContactProfilePage', component: MyContactProfilePage},
+  {name: 'EditMyProfilePage', component: EditMyProfilePage},
+  {name: 'ExpandedAddContactsPage', component: ExpandedAddContactsPage},
+  {name: 'SendAndRequestPage', component: SendAndRequestPage},
+  {name: 'AppStorePageIndex', component: AppStorePageIndex},
+  {name: 'HistoricalSMSMessagingPage', component: HistoricalSMSMessagingPage},
+  {name: 'HistoricalVPNPurchases', component: HistoricalVPNPurchases},
+  {name: 'GeneratedVPNFile', component: GeneratedVPNFile},
+  {name: 'POSInstructionsPath', component: POSInstructionsPath},
+  {name: 'CreateGiftCardAccount', component: CreateGiftCardAccount},
+  {name: 'GiftCardsPage', component: GiftCardPage},
+  {name: 'CountryList', component: CountryList},
+  {name: 'ExpandedGiftCardPage', component: ExpandedGiftCardPage},
+  {name: 'HistoricalGiftCardPurchases', component: HistoricalGiftCardPurchases},
+  {name: 'ManualSwapPopup', component: ManualSwapPopup},
+  {name: 'AccountInformationPage', component: AccountInformationPage},
+  {name: 'ViewPOSTransactions', component: ViewPOSTransactions},
+  {name: 'LspDescriptionPopup', component: LspDescriptionPopup},
+  {name: 'DisclaimerPage', component: DislaimerPage},
+  {name: 'GenerateKey', component: GenerateKey},
+  {name: 'PinSetup', component: PinSetupPage},
+  {name: 'RestoreWallet', component: RestoreWallet},
+];
+
+const FADE_SCREENS = [
+  {name: 'CustomHalfModal', component: CustomHalfModal},
+  {name: 'ConfirmActionPage', component: ConfirmActionPage},
+  {name: 'ConfirmLeaveChatGPT', component: ConfirmLeaveChatGPT},
+  {name: 'ClipboardCopyPopup', component: ClipboardCopyPopup},
+  {name: 'ErrorScreen', component: ErrorScreen},
+  {name: 'ExplainBalanceScreen', component: ExplainBalanceScreen},
+  {name: 'GiftCardOrderDetails', component: GiftCardOrderDetails},
+  {
+    name: 'ContactsPageLongPressActions',
+    component: ContactsPageLongPressActions,
+  },
+  {name: 'RestoreProofsPopup', component: RestoreProofsPopup},
+  {name: 'MigrateProofsPopup', component: MigrateProofsPopup},
+  {name: 'AddOrDeleteContactImage', component: AddOrDeleteContactImage},
+  {
+    name: 'SkipCreateAccountPathMessage',
+    component: SkipCreateAccountPathMessage,
+  },
+  {name: 'InformationPopup', component: InformationPopup},
+  {name: 'ConfirmTxPage', component: ConfirmTxPage},
+  {
+    name: 'HomeAdmin',
+    component: AdminHomeIndex,
+    options: {gestureEnabled: false},
+  },
+];
+const FADE_TRANSPARENT_MODAL_SCREENS = [
+  {
+    name: 'TotalTipsScreen',
+    component: TotalTipsScreen,
+  },
+  {
+    name: 'RefundLiquidSwapPopup',
+    component: RefundLiquidSwapPopup,
+  },
+];
+
+export {
+  SLIDE_FROM_BOTTOM_SCREENS,
+  SLIDE_FROM_RIGHT_SCREENS,
+  FADE_SCREENS,
+  FADE_TRANSPARENT_MODAL_SCREENS,
+};