Save seed & birthday in keychain (IOS) keystore (Android)

.github/workflows/android-ubuntu-e2e-test-ci.yaml

@@ -108,7 +108,7 @@ jobs:
   android-ubuntu-e2e-test-ci:
     name: Android Ubuntu e2e test
     needs: android-ubuntu-e2e-test-ci-avd-cache
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
     strategy:
       fail-fast: false
       matrix:
@@ -165,6 +165,8 @@ jobs:
         run: |
           echo "Disk space before post-build cleanup:"
           df -h
+          sudo docker builder prune -f
+          sudo docker system prune -a -f
           sudo rm -rf /usr/local/.ghcup
           sudo rm -rf /opt/hostedtoolcache/CodeQL
           sudo rm -rf /usr/local/lib/android/sdk/ndk

.gitignore

@@ -77,6 +77,7 @@ buck-out/
 
 # CocoaPods
 /ios/Pods/
+/ios/Podfile.lock
 
 # e2e test logs
 30_ga_64-15860.log

App.tsx

@@ -13,39 +13,69 @@ import { LogBox } from 'react-native';
 
 LogBox.ignoreLogs(['[Reanimated] Reduced motion setting is enabled on this device.']);
 
+const advancePalette: string[] = [
+  '#06172d',
+  '#dadfe1',
+  '#43a637',
+  '#23692f',
+  '#656e77',
+  '#183f24',
+  '#444b56',
+  '#37444e',
+  '#7c8494',
+  '#041d09',
+  '#040C17',
+];
+
+const basicPalette: string[] = [
+  '#07182e',
+  '#dadfe1',
+  '#15576f',
+  '#4fa254',
+  '#14343f',
+  '#123a53',
+  '#1e6531',
+  '#84848a',
+  '#444b54',
+  '#60849c',
+  '#040C17',
+];
+
 const advancedTheme: ThemeType = {
   dark: true,
   colors: {
-    background: '#011401',
-    card: '#011401',
-    border: '#ffffff',
-    primary: '#18bd18',
-    primaryDisabled: '#5a8c5a',
-    secondaryDisabled: '#233623',
-    text: '#c3c3c3',
-    zingo: '#888888',
-    placeholder: '#888888',
-    money: '#ffffff',
-    syncing: '#ebff5a',
+    background: advancePalette[0],
+    card: advancePalette[0],
+    border: advancePalette[8],
+    primary: advancePalette[2],
+    primaryDisabled: advancePalette[3],
+    secondaryDisabled: advancePalette[5],
+    text: advancePalette[1],
+    zingo: advancePalette[8],
+    placeholder: advancePalette[8],
+    money: advancePalette[1],
+    syncing: '#ebff5a', // yellow
     notification: '',
+    sideMenuBackground: advancePalette[10],
   },
 };
 
 const basicTheme: ThemeType = {
   dark: true,
   colors: {
-    background: '#011401',
-    card: '#011401',
-    border: '#ffffff',
-    primary: '#0ef8f8', // new tron color
-    primaryDisabled: '#a0dcdc', // new tron color disable
-    secondaryDisabled: '#233623',
-    text: '#c3c3c3',
-    zingo: '#888888',
-    placeholder: '#888888',
-    money: '#ffffff',
-    syncing: '#ebff5a',
+    background: basicPalette[0],
+    card: basicPalette[0],
+    border: basicPalette[7],
+    primary: basicPalette[9],
+    primaryDisabled: basicPalette[2],
+    secondaryDisabled: basicPalette[5],
+    text: basicPalette[1],
+    zingo: basicPalette[7],
+    placeholder: basicPalette[7],
+    money: basicPalette[1],
+    syncing: '#ebff5a', // yellow
     notification: '',
+    sideMenuBackground: basicPalette[10],
   },
 };
 

__mocks__/dataMocks/mockTheme.ts

@@ -15,5 +15,6 @@ export const mockTheme: ThemeType = {
     money: '#ffffff',
     syncing: '#ebff5a',
     notification: '',
+    sideMenuBackground: '#040C17',
   },
 };

__mocks__/dataMocks/mockTranslate.ts

@@ -101,6 +101,17 @@ export const mockTranslate = (p: string) => {
         text: 'text false',
       },
     ];
+  } else if (p === 'settings.recoverywalletinfoondevices') {
+    return [
+      {
+        value: true,
+        text: 'text true',
+      },
+      {
+        value: false,
+        text: 'text false',
+      },
+    ];
   } else {
     return 'text translated';
   }

__tests__/App.snapshot.tsx

@@ -68,6 +68,29 @@ jest.mock('react-native-gesture-handler', () => {
     RNGestureHandlerModule: RN,
   };
 });
+jest.mock('react-native-keychain', () => ({
+  ACCESS_CONTROL: {
+    BIOMETRY_CURRENT_SET: 'biometryCurrentSet',
+  },
+  ACCESSIBLE: {
+    WHEN_UNLOCKED_THIS_DEVICE_ONLY: 'whenUnlockedThisDeviceOnly',
+  },
+  AUTHENTICATION_TYPE: {
+    BIOMETRICS: 'biometrics',
+  },
+  SECURITY_LEVEL: {
+    SECURE_SOFTWARE: 'secureSoftware',
+  },
+  SECURITY_RULES: {
+    NONE: 'none',
+  },
+  STORAGE_TYPE: {
+    AES: 'AES',
+  },
+  setGenericPassword: jest.fn(),
+  getGenericPassword: jest.fn(),
+  resetGenericPassword: jest.fn(),
+}));
 
 // test suite
 describe('Component App - test', () => {

__tests__/LoadedApp.snapshot.tsx

@@ -97,6 +97,29 @@ jest.mock('react-native-gesture-handler', () => {
     RNGestureHandlerModule: RN,
   };
 });
+jest.mock('react-native-keychain', () => ({
+  ACCESS_CONTROL: {
+    BIOMETRY_CURRENT_SET: 'biometryCurrentSet',
+  },
+  ACCESSIBLE: {
+    WHEN_UNLOCKED_THIS_DEVICE_ONLY: 'whenUnlockedThisDeviceOnly',
+  },
+  AUTHENTICATION_TYPE: {
+    BIOMETRICS: 'biometrics',
+  },
+  SECURITY_LEVEL: {
+    SECURE_SOFTWARE: 'secureSoftware',
+  },
+  SECURITY_RULES: {
+    NONE: 'none',
+  },
+  STORAGE_TYPE: {
+    AES: 'AES',
+  },
+  setGenericPassword: jest.fn(),
+  getGenericPassword: jest.fn(),
+  resetGenericPassword: jest.fn(),
+}));
 
 // test suite
 describe('Component LoadedApp - test', () => {
@@ -106,6 +129,7 @@ describe('Component LoadedApp - test', () => {
     const currency = CurrencyEnum.noCurrency;
     const sendAll = false;
     const rescanMenu = false;
+    const recoveryWalletInfoOnDevice = true;
     const donation = false;
     const privacy = false;
     const mode = ModeEnum.basic;
@@ -132,6 +156,7 @@ describe('Component LoadedApp - test', () => {
         security={mockSecurity}
         selectServer={selectServer}
         rescanMenu={rescanMenu}
+        recoveryWalletInfoOnDevice={recoveryWalletInfoOnDevice}
       />,
     );
     expect(loadedapp.toJSON()).toMatchSnapshot();

__tests__/LoadingApp.snapshot.tsx

@@ -85,6 +85,29 @@ jest.mock('react-native-device-info', () => ({
   getManufacturer: jest.fn(() => 'Mocked Manufacturer'),
   getModel: jest.fn(() => 'Mocked Model'),
 }));
+jest.mock('react-native-keychain', () => ({
+  ACCESS_CONTROL: {
+    BIOMETRY_CURRENT_SET: 'biometryCurrentSet',
+  },
+  ACCESSIBLE: {
+    WHEN_UNLOCKED_THIS_DEVICE_ONLY: 'whenUnlockedThisDeviceOnly',
+  },
+  AUTHENTICATION_TYPE: {
+    BIOMETRICS: 'biometrics',
+  },
+  SECURITY_LEVEL: {
+    SECURE_SOFTWARE: 'secureSoftware',
+  },
+  SECURITY_RULES: {
+    NONE: 'none',
+  },
+  STORAGE_TYPE: {
+    AES: 'AES',
+  },
+  setGenericPassword: jest.fn(),
+  getGenericPassword: jest.fn(),
+  resetGenericPassword: jest.fn(),
+}));
 
 // test suite
 describe('Component LoadingApp - test', () => {
@@ -94,6 +117,7 @@ describe('Component LoadingApp - test', () => {
     const currency = CurrencyEnum.noCurrency;
     const sendAll = false;
     const rescanMenu = false;
+    const recoveryWalletInfoOnDevice = true;
     const donation = false;
     const privacy = false;
     const mode = ModeEnum.basic;
@@ -121,6 +145,7 @@ describe('Component LoadingApp - test', () => {
         selectServer={selectServer}
         donationAlert={donationAlert}
         rescanMenu={rescanMenu}
+        recoveryWalletInfoOnDevice={recoveryWalletInfoOnDevice}
       />,
     );
     expect(loadingapp.toJSON()).toMatchSnapshot();

__tests__/Settings.snapshot.tsx

@@ -46,6 +46,29 @@ jest.mock('react-native', () => {
   return RN;
 });
 jest.mock('react-native-picker-select', () => 'RNPickerSelect');
+jest.mock('react-native-keychain', () => ({
+  ACCESS_CONTROL: {
+    BIOMETRY_CURRENT_SET: 'biometryCurrentSet',
+  },
+  ACCESSIBLE: {
+    WHEN_UNLOCKED_THIS_DEVICE_ONLY: 'whenUnlockedThisDeviceOnly',
+  },
+  AUTHENTICATION_TYPE: {
+    BIOMETRICS: 'biometrics',
+  },
+  SECURITY_LEVEL: {
+    SECURE_SOFTWARE: 'secureSoftware',
+  },
+  SECURITY_RULES: {
+    NONE: 'none',
+  },
+  STORAGE_TYPE: {
+    AES: 'AES',
+  },
+  setGenericPassword: jest.fn(),
+  getGenericPassword: jest.fn(),
+  resetGenericPassword: jest.fn(),
+}));
 jest.useFakeTimers();
 
 // test suite
@@ -60,6 +83,7 @@ describe('Component Settings - test', () => {
   state.language = LanguageEnum.en;
   state.sendAll = false;
   state.rescanMenu = false;
+  state.recoveryWalletInfoOnDevice = true;
   state.donation = false;
   state.walletSettings = mockWalletSettings;
   const onClose = jest.fn();
@@ -80,6 +104,7 @@ describe('Component Settings - test', () => {
           setSecurityOption={onSetOption}
           setSelectServerOption={onSetOption}
           setRescanMenuOption={onSetOption}
+          setRecoveryWalletInfoOnDeviceOption={onSetOption}
         />
       </ContextAppLoadedProvider>,
     );

__tests__/__snapshots__/App.snapshot.tsx.snap

@@ -4,7 +4,7 @@ exports[`Component App - test App - snapshot 1`] = `
 <RCTSafeAreaView
   style={
     {
-      "backgroundColor": "#011401",
+      "backgroundColor": "#06172d",
       "flex": 1,
       "justifyContent": "center",
     }

__tests__/__snapshots__/Header.snapshot.tsx.snap

@@ -166,6 +166,18 @@ exports[`Component Header - test Header Complex - snapshot 1`] = `
         size={20}
       />
     </View>
+  </View>
+  <View
+    style={
+      {
+        "alignItems": "center",
+        "flexDirection": "row",
+        "justifyContent": "center",
+        "margin": 0,
+        "marginTop": 0,
+      }
+    }
+  >
     <View
       accessibilityState={
         {
@@ -214,26 +226,18 @@ exports[`Component Header - test Header Complex - snapshot 1`] = `
           style={
             {
               "alignItems": "center",
-              "borderColor": undefined,
-              "borderRadius": 5,
-              "borderWidth": 1,
+              "backgroundColor": "rgb(255, 255, 255)",
+              "display": "flex",
               "flexDirection": "row",
               "justifyContent": "center",
-              "paddingHorizontal": 5,
+              "margin": 0,
+              "marginHorizontal": 5,
+              "minHeight": 25,
+              "minWidth": 25,
+              "padding": 0,
             }
           }
         >
-          <Text
-            style={
-              {
-                "color": "rgb(216, 216, 216)",
-                "fontSize": 13,
-                "marginRight": 5,
-              }
-            }
-          >
-            text translated
-          </Text>
           <
             icon={
               {
@@ -248,23 +252,11 @@ exports[`Component Header - test Header Complex - snapshot 1`] = `
                 "prefix": "fas",
               }
             }
-            size={14}
+            size={25}
           />
         </View>
       </View>
     </View>
-  </View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "flexDirection": "row",
-        "justifyContent": "center",
-        "margin": 0,
-        "marginTop": 0,
-      }
-    }
-  >
     <View
       style={
         {