refactor: reorganize and rename mobile screens (#1207)

* refactor(screens): reorganize screen directories

* fix types, linting

* udpates

* fix lint issues

* fix vite

* pr feedback and fix missing bundle resolution

* remove b4a; breaks build

* update gemfile.lock

* use DocumentNotFound screen

Author: transphorm

app/Gemfile.lock

@@ -25,7 +25,7 @@ GEM
     artifactory (3.0.17)
     atomos (0.1.3)
     aws-eventstream (1.4.0)
-    aws-partitions (1.1168.0)
+    aws-partitions (1.1170.0)
     aws-sdk-core (3.233.0)
       aws-eventstream (~> 1, >= 1.3.0)
       aws-partitions (~> 1, >= 1.992.0)
@@ -46,7 +46,7 @@ GEM
     babosa (1.0.4)
     base64 (0.3.0)
     benchmark (0.4.1)
-    bigdecimal (3.2.3)
+    bigdecimal (3.3.0)
     claide (1.1.0)
     cocoapods (1.16.2)
       addressable (~> 2.8)
@@ -225,14 +225,14 @@ GEM
     i18n (1.14.7)
       concurrent-ruby (~> 1.0)
     jmespath (1.6.2)
-    json (2.15.0)
+    json (2.15.1)
     jwt (2.10.2)
       base64
     logger (1.7.0)
     mini_magick (4.13.2)
     mini_mime (1.1.5)
     mini_portile2 (2.8.9)
-    minitest (5.25.5)
+    minitest (5.26.0)
     molinillo (0.8.0)
     multi_json (1.17.0)
     multipart-post (2.4.1)

app/src/components/NavBar/index.ts

@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: BUSL-1.1
 // NOTE: Converts to Apache-2.0 on 2029-06-11 per LICENSE.
 
+export { AadhaarNavBar } from '@/components/NavBar/AadhaarNavBar';
 export { DefaultNavBar } from '@/components/NavBar/DefaultNavBar';
 export { HomeNavBar } from '@/components/NavBar/HomeNavBar';
 export { IdDetailsNavBar } from '@/components/NavBar/IdDetailsNavBar';

app/src/components/homeScreen/idCard.tsx

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: BUSL-1.1
 // NOTE: Converts to Apache-2.0 on 2029-06-11 per LICENSE.
 
-import type { FC } from 'react';
+import React, { type FC } from 'react';
 import { Dimensions } from 'react-native';
 import { Separator, Text, XStack, YStack } from 'tamagui';
 

app/src/hooks/useModal.ts

@@ -5,7 +5,7 @@
 import { useCallback, useRef, useState } from 'react';
 import { useNavigation } from '@react-navigation/native';
 
-import type { ModalParams } from '@/screens/system/ModalScreen';
+import type { ModalParams } from '@/screens/app/ModalScreen';
 import {
   getModalCallbacks,
   registerModalCallbacks,

app/src/navigation/settings.ts renamed to app/src/navigation/account.ts

@@ -4,44 +4,57 @@
 
 import type { NativeStackNavigationOptions } from '@react-navigation/native-stack';
 
-import CloudBackupScreen from '@/screens/settings/CloudBackupScreen';
-import DocumentDataInfoScreen from '@/screens/settings/DocumentDataInfoScreen';
-import ManageDocumentsScreen from '@/screens/settings/ManageDocumentsScreen';
-import SettingsScreen from '@/screens/settings/SettingsScreen';
-import ShowRecoveryPhraseScreen from '@/screens/settings/ShowRecoveryPhraseScreen';
+import AccountRecoveryChoiceScreen from '@/screens/account/recovery/AccountRecoveryChoiceScreen';
+import AccountRecoveryScreen from '@/screens/account/recovery/AccountRecoveryScreen';
+import DocumentDataNotFoundScreen from '@/screens/account/recovery/DocumentDataNotFoundScreen';
+import RecoverWithPhraseScreen from '@/screens/account/recovery/RecoverWithPhraseScreen';
+import CloudBackupScreen from '@/screens/account/settings/CloudBackupScreen';
+import SettingsScreen from '@/screens/account/settings/SettingsScreen';
+import ShowRecoveryPhraseScreen from '@/screens/account/settings/ShowRecoveryPhraseScreen';
 import { black, slate300, white } from '@/utils/colors';
 
-const settingsScreens = {
-  CloudBackupSettings: {
-    screen: CloudBackupScreen,
+const accountScreens = {
+  AccountRecovery: {
+    screen: AccountRecoveryScreen,
     options: {
-      title: 'Cloud backup',
+      headerShown: false,
+    } as NativeStackNavigationOptions,
+  },
+  AccountRecoveryChoice: {
+    screen: AccountRecoveryChoiceScreen,
+    options: {
+      headerShown: false,
+    } as NativeStackNavigationOptions,
+  },
+  RecoverWithPhrase: {
+    screen: RecoverWithPhraseScreen,
+    options: {
+      headerTintColor: black,
+      title: 'Enter Recovery Phrase',
       headerStyle: {
         backgroundColor: black,
       },
       headerTitleStyle: {
         color: slate300,
       },
+      headerBackTitle: 'close',
     } as NativeStackNavigationOptions,
   },
-  ManageDocuments: {
-    screen: ManageDocumentsScreen,
+  DocumentDataNotFound: {
+    screen: DocumentDataNotFoundScreen,
     options: {
-      title: 'Manage Documents',
-      headerStyle: {
-        backgroundColor: white,
-      },
-      headerTitleStyle: {
-        color: black,
-      },
+      headerShown: false,
     } as NativeStackNavigationOptions,
   },
-  DocumentDataInfo: {
-    screen: DocumentDataInfoScreen,
+  CloudBackupSettings: {
+    screen: CloudBackupScreen,
     options: {
-      title: 'Document Data Info',
+      title: 'Cloud backup',
       headerStyle: {
-        backgroundColor: white,
+        backgroundColor: black,
+      },
+      headerTitleStyle: {
+        color: slate300,
       },
     } as NativeStackNavigationOptions,
   },
@@ -72,4 +85,4 @@ const settingsScreens = {
   },
 };
 
-export default settingsScreens;
+export default accountScreens;

app/src/navigation/account.web.ts

@@ -0,0 +1,29 @@
+// SPDX-FileCopyrightText: 2025 Social Connect Labs, Inc.
+// SPDX-License-Identifier: BUSL-1.1
+// NOTE: Converts to Apache-2.0 on 2029-06-11 per LICENSE.
+
+import type { NativeStackNavigationOptions } from '@react-navigation/native-stack';
+
+import SettingsScreen from '@/screens/account/settings/SettingsScreen';
+import { black, white } from '@/utils/colors';
+
+const accountScreens = {
+  Settings: {
+    screen: SettingsScreen,
+    options: {
+      animation: 'slide_from_bottom',
+      title: 'Settings',
+      headerStyle: {
+        backgroundColor: white,
+      },
+      headerTitleStyle: {
+        color: black,
+      },
+    } as NativeStackNavigationOptions,
+    config: {
+      screens: {},
+    },
+  },
+};
+
+export default accountScreens;

app/src/navigation/system.tsx renamed to app/src/navigation/app.tsx

@@ -8,13 +8,13 @@ import type { NativeStackNavigationOptions } from '@react-navigation/native-stac
 
 import type { DocumentCategory } from '@selfxyz/common/utils/types';
 
-import DeferredLinkingInfoScreen from '@/screens/system/DeferredLinkingInfoScreen';
-import LaunchScreen from '@/screens/system/LaunchScreen';
-import LoadingScreen from '@/screens/system/Loading';
-import ModalScreen from '@/screens/system/ModalScreen';
-import SplashScreen from '@/screens/system/SplashScreen';
+import DeferredLinkingInfoScreen from '@/screens/app/DeferredLinkingInfoScreen';
+import LaunchScreen from '@/screens/app/LaunchScreen';
+import LoadingScreen from '@/screens/app/LoadingScreen';
+import ModalScreen from '@/screens/app/ModalScreen';
+import SplashScreen from '@/screens/app/SplashScreen';
 
-const systemScreens = {
+const appScreens = {
   Launch: {
     screen: LaunchScreen,
     options: {
@@ -56,4 +56,4 @@ const systemScreens = {
   },
 };
 
-export default systemScreens;
+export default appScreens;