feat(suite-native): Introduce module-trading

suite-native/module-trading/package.json

@@ -0,0 +1,23 @@
+{
+    "name": "@suite-native/module-trading",
+    "version": "1.0.0",
+    "private": true,
+    "license": "See LICENSE.md in repo root",
+    "sideEffects": false,
+    "main": "src/index",
+    "scripts": {
+        "depcheck": "yarn g:depcheck",
+        "type-check": "yarn g:tsc --build",
+        "test:unit": "yarn g:jest -c ../../jest.config.native.js"
+    },
+    "dependencies": {
+        "@react-navigation/native-stack": "6.11.0",
+        "@reduxjs/toolkit": "1.9.5",
+        "@suite-native/navigation": "workspace:*",
+        "@suite-native/test-utils": "workspace:*",
+        "@trezor/styles": "workspace:*",
+        "react": "18.2.0",
+        "react-native": "0.76.1",
+        "react-native-reanimated": "^3.16.7"
+    }
+}

suite-native/module-trading/redux.d.ts

@@ -0,0 +1,7 @@
+import { AsyncThunkAction } from '@reduxjs/toolkit';
+
+declare module 'redux' {
+    export interface Dispatch {
+        <TThunk extends AsyncThunkAction<any, any, any>>(thunk: TThunk): ReturnType<TThunk>;
+    }
+}

suite-native/module-trading/src/navigation/TradingStackNavigator.tsx

@@ -0,0 +1,24 @@
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+
+import {
+    stackNavigationOptionsConfig,
+    TradingStackParamList,
+    TradingStackRoutes,
+} from '@suite-native/navigation';
+
+import { TradingScreen } from '../screens/TradingScreen';
+
+const TradingStack = createNativeStackNavigator<TradingStackParamList>();
+
+export const TradingStackNavigator = () => (
+    <TradingStack.Navigator
+        initialRouteName={TradingStackRoutes.Trading}
+        screenOptions={stackNavigationOptionsConfig}
+    >
+        <TradingStack.Screen
+            options={{ title: TradingStackRoutes.Trading }}
+            name={TradingStackRoutes.Trading}
+            component={TradingScreen}
+        />
+    </TradingStack.Navigator>
+);

suite-native/module-trading/src/navigation/__tests__/TradingStackNavigator.comp.test.tsx

@@ -0,0 +1,10 @@
+import { renderWithStore, waitFor } from '@suite-native/test-utils';
+
+import { TradingStackNavigator } from '../TradingStackNavigator';
+
+describe('TradingStackNavigator', () => {
+    it('should render', async () => {
+        const { getByText } = renderWithStore(<TradingStackNavigator />);
+        await waitFor(() => expect(getByText('Trading placeholder')).toBeDefined());
+    });
+});

suite-native/module-trading/src/screens/TradingScreen.tsx

@@ -0,0 +1,10 @@
+import { Screen } from '@suite-native/navigation';
+import { Card, Text } from '@suite-native/atoms';
+
+export const TradingScreen = () => (
+    <Screen>
+        <Card>
+            <Text>Trading placeholder</Text>
+        </Card>
+    </Screen>
+);

suite-native/module-trading/tsconfig.json

@@ -0,0 +1,10 @@
+{
+    "extends": "../../tsconfig.base.json",
+    "compilerOptions": { "outDir": "libDev" },
+    "references": [
+        { "path": "../navigation" },
+        { "path": "../test-utils" },
+        { "path": "../../packages/styles" }
+    ],
+    "include": [".", "**/*.json"]
+}

suite-native/navigation/src/navigators.ts

@@ -28,6 +28,7 @@ import {
     RootStackRoutes,
     SendStackRoutes,
     SettingsStackRoutes,
+    TradingStackRoutes,
 } from './routes';
 import { NavigateParameters } from './types';
 
@@ -222,3 +223,7 @@ export type RootStackParamList = {
     };
     [RootStackRoutes.SettingsScreenStack]: NavigatorScreenParams<SettingsStackParamList>;
 };
+
+export type TradingStackParamList = {
+    [TradingStackRoutes.Trading]: undefined;
+};

suite-native/navigation/src/routes.ts

@@ -124,3 +124,7 @@ export enum SettingsStackRoutes {
     SettingsFAQ = 'SettingsFAQ',
     SettingsCoinEnabling = 'SettingsCoinEnabling',
 }
+
+export enum TradingStackRoutes {
+    Trading = 'Trading',
+}

suite-native/state/src/index.ts

@@ -1,2 +1,3 @@
 export * from './StoreProvider';
 export * from './appSlice';
+export * from './store';

yarn.lock

@@ -10953,6 +10953,7 @@ __metadata:
     "@react-navigation/native-stack": "npm:6.11.0"
     "@reduxjs/toolkit": "npm:1.9.5"
     "@suite-native/navigation": "workspace:*"
+    "@suite-native/test-utils": "workspace:*"
     "@trezor/styles": "workspace:*"
     react: "npm:18.2.0"
     react-native: "npm:0.76.1"