feat(suite-native): add trading slice to mobile

suite-common/trading/src/index.ts

@@ -4,6 +4,7 @@ export * from './regional';
 export * from './utils';
 export * from './constants';
 export * from './reducers/tradingReducer';
+export type { TradingBuyState } from './reducers/buyReducer';
 export * from './middlewares/tradingMiddleware';
 export * from './actions/tradingActions';
 export * from './actions/buyActions';

suite-native/module-trading/src/index.ts

@@ -1 +1,2 @@
 export * from './navigation/TradingStackNavigator';
+export * from './tradingSlice';

suite-native/module-trading/src/tradingSlice.ts

@@ -0,0 +1,60 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+
+import { createSliceWithExtraDeps, createWeakMapSelector } from '@suite-common/redux-utils';
+import {
+    TradingBuyState as CommonTradingBuyState,
+    TradingState as CommonTradingState,
+    initialState as commonInitialState,
+    prepareTradingReducer,
+} from '@suite-common/trading';
+
+import { ReceiveAccount } from './types';
+
+export interface TradingBuyState extends CommonTradingBuyState {
+    selectedReceiveAccount: ReceiveAccount | undefined;
+}
+
+interface TradingState extends CommonTradingState {
+    buy: TradingBuyState;
+}
+
+export type TradeRootState = {
+    wallet: {
+        trading: TradingState;
+    };
+};
+
+export const initialState: TradingState = {
+    ...commonInitialState,
+    buy: { ...commonInitialState.buy, selectedReceiveAccount: undefined },
+};
+
+export const tradingSlice = createSliceWithExtraDeps({
+    name: 'trading',
+    initialState,
+    reducers: {
+        setBuySelectedReceiveAccount: (
+            state,
+            { payload }: PayloadAction<{ selectedReceiveAccount: ReceiveAccount }>,
+        ) => {
+            state.buy.selectedReceiveAccount = payload.selectedReceiveAccount;
+        },
+    },
+    extraReducers: (builder, extra) => {
+        const commonTradingFormReducer = prepareTradingReducer(extra);
+        builder
+            // In case that this reducer does not match the action, try to handle it by suite-common tradingReducer.
+            .addDefaultCase((state, action) => {
+                commonTradingFormReducer(state, action);
+            });
+    },
+});
+
+export const { setBuySelectedReceiveAccount } = tradingSlice.actions;
+
+export const createMemoizedSelector = createWeakMapSelector.withTypes<TradeRootState>();
+
+export const selectTradingBuy = (state: TradeRootState) => state.wallet.trading.buy;
+
+export const selectBuySelectedReceiveAccount = (state: TradeRootState) =>
+    selectTradingBuy(state).selectedReceiveAccount;

suite-native/state/src/reducers.ts

@@ -29,6 +29,7 @@ import { featureFlagsPersistedKeys, featureFlagsReducer } from '@suite-native/fe
 import { nativeFirmwareReducer } from '@suite-native/firmware';
 import { graphPersistTransform, graphReducer } from '@suite-native/graph';
 import { sendFormSlice } from '@suite-native/module-send';
+import { tradingSlice } from '@suite-native/module-trading';
 import { appSettingsPersistWhitelist, appSettingsReducer } from '@suite-native/settings';
 import {
     deriveAccountTypeFromPaymentType,
@@ -59,6 +60,7 @@ const deviceReducer = prepareDeviceReducer(extraDependencies);
 const discoveryReducer = prepareDiscoveryReducer(extraDependencies);
 const tokenDefinitionsReducer = prepareTokenDefinitionsReducer(extraDependencies);
 const sendFormReducer = sendFormSlice.prepareReducer(extraDependencies);
+const tradingReducer = tradingSlice.prepareReducer(extraDependencies);
 const stakeReducer = prepareStakeReducer(extraDependencies);
 const firmwareReducer = prepareFirmwareReducer(extraDependencies);
 
@@ -82,6 +84,7 @@ export const prepareRootReducers = async () => {
         send: sendFormReducer,
         fees: feesReducer,
         stake: stakeReducer,
+        trading: tradingReducer
     });
 
     const walletPersistedReducer = await preparePersistReducer({

suite-native/state/src/store.ts

@@ -2,6 +2,7 @@ import { Middleware, StoreEnhancer, configureStore } from '@reduxjs/toolkit';
 import devToolsEnhancer from 'redux-devtools-expo-dev-plugin';
 import { logger } from 'redux-logger';
 
+import { tradingMiddleware } from '@suite-common/trading';
 import { prepareFiatRatesMiddleware } from '@suite-common/wallet-core';
 import { blockchainMiddleware } from '@suite-native/blockchain';
 import { prepareButtonRequestMiddleware, prepareDeviceMiddleware } from '@suite-native/device';
@@ -25,6 +26,7 @@ const middlewares: Middleware[] = [
     prepareButtonRequestMiddleware(extraDependencies),
     prepareDiscoveryMiddleware(extraDependencies),
     sendFormMiddleware,
+    tradingMiddleware,
 ];
 
 const enhancers: Array<StoreEnhancer<any, any>> = [];