@reown/appkit-core-react-native 2.0.0-alpha.1 → 2.0.0-alpha.2

package/src/controllers/SwapController.ts

@@ -1,6 +1,10 @@
 import { subscribeKey as subKey } from 'valtio/utils';
 import { proxy, subscribe as sub } from 'valtio';
-import { NumberUtil, type CaipAddress } from '@reown/appkit-common-react-native';
+import {
+  NumberUtil,
+  type CaipAddress,
+  type CaipNetworkId
+} from '@reown/appkit-common-react-native';
 
 import { ConstantsUtil } from '../utils/ConstantsUtil';
 import { SwapApiUtil } from '../utils/SwapApiUtil';
@@ -10,8 +14,6 @@ import { SwapCalculationUtil } from '../utils/SwapCalculationUtil';
 import { SnackController } from './SnackController';
 import { RouterController } from './RouterController';
 import type { SwapInputTarget, SwapTokenWithBalance } from '../utils/TypeUtil';
-import { ConnectorController } from './ConnectorController';
-import { AccountController } from './AccountController';
 import { CoreHelperUtil } from '../utils/CoreHelperUtil';
 import { TransactionsController } from './TransactionsController';
 import { EventsController } from './EventsController';
@@ -43,8 +45,7 @@ class TransactionError extends Error {
 
 export interface SwapControllerState {
   // Loading states
-  initializing: boolean;
-  initialized: boolean;
+  loadingTokens: boolean;
   loadingPrices: boolean;
   loadingQuote?: boolean;
   loadingApprovalTransaction?: boolean;
@@ -67,7 +68,6 @@ export interface SwapControllerState {
   toTokenAmount: string;
   toTokenPriceInUSD: number;
   networkPrice: string;
-  networkBalanceInUSD: string;
   networkTokenSymbol: string;
   inputError: string | undefined;
 
@@ -95,8 +95,7 @@ type StateKey = keyof SwapControllerState;
 // -- State --------------------------------------------- //
 const initialState: SwapControllerState = {
   // Loading states
-  initializing: false,
-  initialized: false,
+  loadingTokens: false,
   loadingPrices: false,
   loadingQuote: false,
   loadingApprovalTransaction: false,
@@ -119,7 +118,6 @@ const initialState: SwapControllerState = {
   toTokenAmount: '',
   toTokenPriceInUSD: 0,
   networkPrice: '0',
-  networkBalanceInUSD: '0',
   networkTokenSymbol: '',
   inputError: undefined,
 
@@ -157,7 +155,8 @@ export const SwapController = {
   },
 
   getParams() {
-    const { activeAddress, activeNamespace, activeNetwork } = ConnectionsController.state;
+    const { activeAddress, activeNamespace, activeNetwork, connection } =
+      ConnectionsController.state;
     const address = CoreHelperUtil.getPlainAddress(activeAddress);
 
     if (!activeNamespace || !activeNetwork) {
@@ -166,8 +165,6 @@ export const SwapController = {
 
     const networkAddress: CaipAddress = `${activeNetwork.caipNetworkId}:${ConstantsUtil.NATIVE_TOKEN_ADDRESS[activeNamespace]}`;
 
-    const type = ConnectorController.state.connectedConnector;
-
     if (!address) {
       throw new Error('No address found to swap the tokens from.');
     }
@@ -182,6 +179,7 @@ export const SwapController = {
 
     return {
       networkAddress,
+      network: activeNetwork,
       fromAddress: address,
       fromCaipAddress: activeAddress,
       sourceTokenAddress: state.sourceToken?.address,
@@ -195,12 +193,12 @@ export const SwapController = {
       invalidSourceTokenAmount,
       availableToSwap:
         activeAddress && !invalidToToken && !invalidSourceToken && !invalidSourceTokenAmount,
-      isAuthConnector: type === 'AUTH'
+      isAuthConnector: !!connection?.properties?.provider
     };
   },
 
   switchTokens() {
-    if (state.initializing || !state.initialized) {
+    if (state.loadingTokens) {
       return;
     }
 
@@ -225,41 +223,36 @@ export const SwapController = {
     this.swapTokens();
   },
 
-  resetState() {
-    state.myTokensWithBalance = initialState.myTokensWithBalance;
-    state.tokensPriceMap = initialState.tokensPriceMap;
-    state.initialized = initialState.initialized;
-    state.sourceToken = initialState.sourceToken;
-    state.sourceTokenAmount = initialState.sourceTokenAmount;
-    state.sourceTokenPriceInUSD = initialState.sourceTokenPriceInUSD;
-    state.toToken = initialState.toToken;
-    state.toTokenAmount = initialState.toTokenAmount;
-    state.toTokenPriceInUSD = initialState.toTokenPriceInUSD;
-    state.networkPrice = initialState.networkPrice;
-    state.networkTokenSymbol = initialState.networkTokenSymbol;
-    state.networkBalanceInUSD = initialState.networkBalanceInUSD;
-    state.inputError = initialState.inputError;
-  },
-
   async fetchTokens() {
-    const { networkAddress } = this.getParams();
+    try {
+      const { networkAddress } = this.getParams();
 
-    await this.getTokenList();
-    await this.getNetworkTokenPrice();
-    await this.getMyTokensWithBalance();
+      state.loadingTokens = true;
+      await this.getTokenList();
+      await this.getNetworkTokenPrice();
+      await this.getMyTokensWithBalance();
 
-    const networkToken = state.tokens?.find(token => token.address === networkAddress);
+      const networkToken = state.tokens?.find(token => token.address === networkAddress);
 
-    if (networkToken) {
-      state.networkTokenSymbol = networkToken.symbol;
-    }
+      if (networkToken) {
+        state.networkTokenSymbol = networkToken.symbol;
+      }
 
-    const sourceToken =
-      state.myTokensWithBalance?.find(token => token.address.startsWith(networkAddress)) ||
-      state.myTokensWithBalance?.[0];
+      // Set default source token if not set
+      if (!state.sourceToken && state.myTokensWithBalance?.length) {
+        const sourceToken =
+          state.myTokensWithBalance?.find(token => token.address.startsWith(networkAddress)) ||
+          state.myTokensWithBalance?.[0];
 
-    this.setSourceToken(sourceToken);
-    this.setSourceTokenAmount('1');
+        this.setSourceToken(sourceToken);
+        this.setSourceTokenAmount('1');
+      }
+    } catch (error) {
+      SnackController.showError('Failed to initialize swap');
+      RouterController.goBack();
+    } finally {
+      state.loadingTokens = false;
+    }
   },
 
   async getTokenList() {
@@ -285,20 +278,23 @@ export const SwapController = {
     }, {});
   },
 
-  async getMyTokensWithBalance(forceUpdate?: string) {
-    const balances = await SwapApiUtil.getMyTokensWithBalance(forceUpdate);
-    if (!balances) {
+  async getMyTokensWithBalance(forceUpdate?: CaipAddress[]) {
+    await ConnectionsController.fetchBalance(forceUpdate);
+    const swapBalances = SwapApiUtil.mapBalancesToSwapTokens(ConnectionsController.state.balances);
+    if (!swapBalances) {
       return;
     }
 
     await this.getInitialGasPrice();
-    this.setBalances(balances);
+    this.setBalances(swapBalances);
   },
 
-  getFilteredPopularTokens() {
-    return state.popularTokens?.filter(
-      token => !state.myTokensWithBalance?.some(t => t.address === token.address)
-    );
+  getFilteredPopularTokens(balances?: SwapTokenWithBalance[]) {
+    if (!balances) {
+      return state.popularTokens;
+    }
+
+    return state.popularTokens?.filter(token => !balances.some(t => t.address === token.address));
   },
 
   setSourceToken(sourceToken: SwapTokenWithBalance | undefined) {
@@ -322,26 +318,10 @@ export const SwapController = {
     }
   },
 
-  async initializeState() {
-    if (state.initializing) {
-      return;
-    }
-
-    state.initializing = true;
-    if (!state.initialized) {
-      try {
-        await this.fetchTokens();
-        state.initialized = true;
-      } catch (error) {
-        state.initialized = false;
-        SnackController.showError('Failed to initialize swap');
-        RouterController.goBack();
-      }
-    }
-    state.initializing = false;
-  },
+  async getAddressPrice(address: CaipAddress) {
+    const [namespace, chain] = address.split(':');
+    const networkId: CaipNetworkId = `${namespace}:${chain}`;
 
-  async getAddressPrice(address: string) {
     const existPrice = state.tokensPriceMap[address];
 
     if (existPrice) {
@@ -350,7 +330,8 @@ export const SwapController = {
 
     const response = await BlockchainApiController.fetchTokenPrice({
       projectId: OptionsController.state.projectId,
-      addresses: [address]
+      addresses: [address],
+      caipNetworkId: networkId
     });
     const fungibles = response?.fungibles || [];
     const allTokens = [...(state.tokens || []), ...(state.myTokensWithBalance || [])];
@@ -365,10 +346,13 @@ export const SwapController = {
 
   async getNetworkTokenPrice() {
     const { networkAddress } = this.getParams();
+    const [namespace, chain] = networkAddress.split(':');
+    const networkId: CaipNetworkId = `${namespace}:${chain}`;
 
     const response = await BlockchainApiController.fetchTokenPrice({
       projectId: OptionsController.state.projectId,
-      addresses: [networkAddress]
+      addresses: [networkAddress],
+      caipNetworkId: networkId
     });
 
     const token = response?.fungibles?.[0];
@@ -404,26 +388,11 @@ export const SwapController = {
   },
 
   setBalances(balances: SwapTokenWithBalance[]) {
-    const { networkAddress } = this.getParams();
-    const caipNetwork = ConnectionsController.state.activeNetwork;
-
-    if (!caipNetwork) {
-      return;
-    }
-
-    const networkToken = balances.find(token => token.address === networkAddress);
+    state.myTokensWithBalance = balances;
 
     balances.forEach(token => {
       state.tokensPriceMap[token.address] = token.price || 0;
     });
-
-    state.myTokensWithBalance = balances.filter(
-      token => token.address?.startsWith(caipNetwork.caipNetworkId)
-    );
-
-    state.networkBalanceInUSD = networkToken
-      ? NumberUtil.multiply(networkToken.quantity.numeric, networkToken.price).toString()
-      : '0';
   },
 
   setToToken(toToken: SwapTokenWithBalance | undefined) {
@@ -445,7 +414,7 @@ export const SwapController = {
       : '';
   },
 
-  async setTokenPrice(address: string, target: SwapInputTarget) {
+  async setTokenPrice(address: CaipAddress, target: SwapInputTarget) {
     let price = state.tokensPriceMap[address] || 0;
 
     if (!price) {
@@ -495,11 +464,11 @@ export const SwapController = {
         amount: amountDecimal.toString()
       });
 
-      state.loadingQuote = false;
-
       const quoteToAmount = quoteResponse?.quotes?.[0]?.toAmount;
 
       if (!quoteToAmount) {
+        state.loadingQuote = false;
+
         return;
       }
 
@@ -522,6 +491,7 @@ export const SwapController = {
       }
     } catch (error) {
       SnackController.showError('Failed to get swap quote');
+    } finally {
       state.loadingQuote = false;
     }
   },
@@ -694,22 +664,10 @@ export const SwapController = {
   },
 
   async sendTransactionForApproval(data: TransactionParams) {
-    const { fromAddress, isAuthConnector } = this.getParams();
-
+    const { fromAddress, network } = this.getParams();
     state.loadingApprovalTransaction = true;
-    const approveLimitMessage = `Approve limit increase in your wallet`;
-
-    if (isAuthConnector) {
-      RouterController.pushTransactionStack({
-        view: null,
-        goBack: true,
-        onSuccess() {
-          SnackController.showLoading(approveLimitMessage);
-        }
-      });
-    } else {
-      SnackController.showLoading(approveLimitMessage);
-    }
+
+    SnackController.showLoading('Approve limit increase in your wallet');
 
     try {
       await ConnectionsController.sendTransaction({
@@ -718,18 +676,20 @@ export const SwapController = {
         data: data.data as `0x${string}`,
         value: BigInt(data.value),
         gasPrice: BigInt(data.gasPrice),
-        chainNamespace: ConnectionsController.state.activeNamespace
+        chainNamespace: ConnectionsController.state.activeNamespace,
+        network
       });
 
       await this.swapTokens();
       await this.getTransaction();
       state.approvalTransaction = undefined;
-      state.loadingApprovalTransaction = false;
     } catch (err) {
       const error = err as TransactionError;
       state.transactionError = error?.shortMessage as unknown as string;
-      state.loadingApprovalTransaction = false;
+
       SnackController.showError(error?.shortMessage ?? 'Transaction error');
+    } finally {
+      state.loadingApprovalTransaction = false;
     }
   },
 
@@ -737,32 +697,19 @@ export const SwapController = {
     if (!data) {
       return undefined;
     }
-    const { fromAddress, toTokenAmount, isAuthConnector } = this.getParams();
+    const { fromAddress, isAuthConnector, network } = this.getParams();
 
     state.loadingTransaction = true;
 
-    const snackbarPendingMessage = `Swapping ${state.sourceToken
-      ?.symbol} to ${NumberUtil.formatNumberToLocalString(toTokenAmount, 3)} ${state.toToken
-      ?.symbol}`;
-    const snackbarSuccessMessage = `Swapped ${state.sourceToken
-      ?.symbol} to ${NumberUtil.formatNumberToLocalString(toTokenAmount, 3)} ${state.toToken
-      ?.symbol}`;
-
-    if (isAuthConnector) {
-      RouterController.pushTransactionStack({
-        view: 'Account',
-        goBack: false,
-        onSuccess() {
-          SnackController.showLoading(snackbarPendingMessage);
-          SwapController.resetState();
-        }
-      });
-    } else {
-      SnackController.showLoading('Confirm transaction in your wallet');
-    }
+    const snackbarSuccessMessage = `Swapped ${state.sourceToken?.symbol} to ${state.toToken?.symbol}`;
+
+    SnackController.showLoading('Confirm transaction in your wallet');
 
     try {
-      const forceUpdateAddresses = [state.sourceToken?.address, state.toToken?.address].join(',');
+      const forceUpdateAddresses = [state.sourceToken?.address, state.toToken?.address].filter(
+        Boolean
+      ) as CaipAddress[];
+
       const transactionHash = await ConnectionsController.sendTransaction({
         address: fromAddress as `0x${string}`,
         to: data.to as `0x${string}`,
@@ -770,11 +717,13 @@ export const SwapController = {
         gas: data.gas,
         gasPrice: BigInt(data.gasPrice),
         value: data.value,
-        chainNamespace: ConnectionsController.state.activeNamespace
+        chainNamespace: ConnectionsController.state.activeNamespace,
+        network
       });
 
       state.loadingTransaction = false;
-      SnackController.showSuccess(snackbarSuccessMessage);
+
+      SnackController.showSuccess(snackbarSuccessMessage, true);
       EventsController.sendEvent({
         type: 'track',
         event: 'SWAP_SUCCESS',
@@ -784,20 +733,17 @@ export const SwapController = {
           swapToToken: this.state.toToken?.symbol || '',
           swapFromAmount: this.state.sourceTokenAmount || '',
           swapToAmount: this.state.toTokenAmount || '',
-          isSmartAccount: AccountController.state.preferredAccountType === 'smartAccount'
+          isSmartAccount: ConnectionsController.state.accountType === 'smartAccount'
         }
       });
-      SwapController.resetState();
-
-      if (!isAuthConnector) {
-        RouterController.replace('AccountDefault');
-      }
-
+      RouterController.replace(isAuthConnector ? 'Account' : 'AccountDefault');
+      SwapController.clearTokens();
       SwapController.getMyTokensWithBalance(forceUpdateAddresses);
-      AccountController.fetchTokenBalance();
 
       setTimeout(() => {
-        TransactionsController.fetchTransactions(AccountController.state.address, true);
+        if (ConnectionsController.state.activeAddress) {
+          TransactionsController.fetchTransactions(ConnectionsController.state.activeAddress, true);
+        }
       }, 5000);
 
       return transactionHash;
@@ -816,7 +762,7 @@ export const SwapController = {
           swapToToken: this.state.toToken?.symbol || '',
           swapFromAmount: this.state.sourceTokenAmount || '',
           swapToAmount: this.state.toTokenAmount || '',
-          isSmartAccount: AccountController.state.preferredAccountType === 'smartAccount'
+          isSmartAccount: ConnectionsController.state.accountType === 'smartAccount'
         }
       });
 
@@ -824,8 +770,45 @@ export const SwapController = {
     }
   },
 
+  clearTransactionLoaders() {
+    state.loadingApprovalTransaction = false;
+    state.loadingBuildTransaction = false;
+    state.loadingTransaction = false;
+  },
+
+  clearTokens() {
+    state.sourceToken = initialState.sourceToken;
+    state.sourceTokenAmount = initialState.sourceTokenAmount;
+    state.sourceTokenPriceInUSD = initialState.sourceTokenPriceInUSD;
+    state.toToken = initialState.toToken;
+    state.toTokenAmount = initialState.toTokenAmount;
+    state.toTokenPriceInUSD = initialState.toTokenPriceInUSD;
+    state.inputError = initialState.inputError;
+    state.loadingApprovalTransaction = initialState.loadingApprovalTransaction;
+    state.loadingBuildTransaction = initialState.loadingBuildTransaction;
+    state.loadingTransaction = initialState.loadingTransaction;
+    state.fetchError = initialState.fetchError;
+    state.transactionError = initialState.transactionError;
+    state.swapTransaction = initialState.swapTransaction;
+    state.approvalTransaction = initialState.approvalTransaction;
+  },
+
+  resetState() {
+    this.clearTokens();
+    state.myTokensWithBalance = initialState.myTokensWithBalance;
+    state.tokensPriceMap = initialState.tokensPriceMap;
+    state.networkPrice = initialState.networkPrice;
+    state.networkTokenSymbol = initialState.networkTokenSymbol;
+  },
+
   // -- Checks -------------------------------------------- //
   hasInsufficientToken(sourceTokenAmount: string, sourceTokenAddress: string) {
+    const { balances } = ConnectionsController.state;
+    const networkToken = balances?.find(t => t.address === undefined);
+    const networkBalanceInUSD = networkToken
+      ? NumberUtil.multiply(networkToken.quantity?.numeric ?? '0', networkToken.price).toString()
+      : '0';
+
     const isInsufficientSourceTokenForSwap = SwapCalculationUtil.isInsufficientSourceTokenForSwap(
       sourceTokenAmount,
       sourceTokenAddress,
@@ -833,12 +816,12 @@ export const SwapController = {
     );
 
     let insufficientNetworkTokenForGas = true;
-    if (AccountController.state.preferredAccountType === 'smartAccount') {
+    if (ConnectionsController.state.accountType === 'smartAccount') {
       // Smart Accounts may pay gas in any ERC20 token
       insufficientNetworkTokenForGas = false;
     } else {
       insufficientNetworkTokenForGas = SwapCalculationUtil.isInsufficientNetworkTokenForGas(
-        state.networkBalanceInUSD,
+        networkBalanceInUSD,
         state.gasPriceInUSD
       );
     }

package/src/controllers/TransactionsController.ts

@@ -1,10 +1,9 @@
-import type { Transaction } from '@reown/appkit-common-react-native';
-import { proxy, subscribe as sub } from 'valtio/vanilla';
+import type { CaipAddress, Transaction } from '@reown/appkit-common-react-native';
+import { proxy, subscribe as sub } from 'valtio';
 import { OptionsController } from './OptionsController';
 import { EventsController } from './EventsController';
 import { SnackController } from './SnackController';
 import { BlockchainApiController } from './BlockchainApiController';
-import { AccountController } from './AccountController';
 import { ConnectionsController } from './ConnectionsController';
 
 // -- Types --------------------------------------------- //
@@ -34,22 +33,29 @@ export const TransactionsController = {
     return sub(state, () => callback(state));
   },
 
-  async fetchTransactions(accountAddress?: string, reset?: boolean) {
-    const { projectId } = OptionsController.state;
+  async fetchTransactions(accountAddress: CaipAddress, reset?: boolean) {
+    try {
+      const { projectId } = OptionsController.state;
 
-    if (!projectId || !accountAddress) {
-      throw new Error("Transactions can't be fetched without a projectId and an accountAddress");
-    }
+      if (!projectId || !accountAddress) {
+        throw new Error("Transactions can't be fetched without a projectId and an accountAddress");
+      }
 
-    state.loading = true;
+      state.loading = true;
 
-    if (reset) {
-      state.next = undefined;
-    }
+      if (reset) {
+        state.next = undefined;
+      }
+
+      const [namespace, chain, address] = accountAddress?.split(':') ?? [];
+
+      if (!namespace || !chain || !address) {
+        throw new Error('Invalid address');
+      }
 
-    try {
       const response = await BlockchainApiController.fetchTransactions({
-        account: accountAddress,
+        account: address,
+        chainId: `${namespace}:${chain}`,
         projectId,
         cursor: state.next
       });
@@ -72,10 +78,10 @@ export const TransactionsController = {
         type: 'track',
         event: 'ERROR_FETCH_TRANSACTIONS',
         properties: {
-          address: accountAddress,
-          projectId,
+          address: accountAddress ?? '',
+          projectId: OptionsController.state.projectId,
           cursor: state.next,
-          isSmartAccount: AccountController.state.preferredAccountType === 'smartAccount'
+          isSmartAccount: ConnectionsController.state.accountType === 'smartAccount'
         }
       });
       SnackController.showError('Failed to fetch transactions');
@@ -133,7 +139,7 @@ export const TransactionsController = {
     state.next = undefined;
   },
 
-  resetTransactions() {
+  resetState() {
     state.transactions = [];
     state.loading = false;
     state.empty = false;

package/src/index.ts

@@ -7,14 +7,6 @@ export {
 
 export { RouterController, type RouterControllerState } from './controllers/RouterController';
 
-export { AccountController, type AccountControllerState } from './controllers/AccountController';
-
-export {
-  NetworkController,
-  type NetworkControllerClient,
-  type NetworkControllerState
-} from './controllers/NetworkController';
-
 export {
   ConnectionController,
   type ConnectionControllerClient,
@@ -26,11 +18,6 @@ export {
   type ConnectionsControllerState
 } from './controllers/ConnectionsController';
 
-export {
-  ConnectorController,
-  type ConnectorControllerState
-} from './controllers/ConnectorController';
-
 export { SnackController, type SnackControllerState } from './controllers/SnackController';
 
 export { ApiController, type ApiControllerState } from './controllers/ApiController';
@@ -62,7 +49,6 @@ export {
 export { SendController, type SendControllerState } from './controllers/SendController';
 
 export { OnRampController, type OnRampControllerState } from './controllers/OnRampController';
-export { WebviewController, type WebviewControllerState } from './controllers/WebviewController';
 
 // -- Utils -------------------------------------------------------------------
 export { ApiUtil } from './utils/ApiUtil';
@@ -72,6 +58,5 @@ export { CoreHelperUtil } from './utils/CoreHelperUtil';
 export { StorageUtil } from './utils/StorageUtil';
 export { EventUtil } from './utils/EventUtil';
 export { RouterUtil } from './utils/RouterUtil';
-export { NetworkUtil } from './utils/NetworkUtil';
 
 export type * from './utils/TypeUtil';

package/src/utils/AssetUtil.ts

@@ -1,5 +1,5 @@
 import { AssetController } from '../controllers/AssetController';
-import type { Connector, WcWallet } from './TypeUtil';
+import type { WcWallet } from './TypeUtil';
 
 export const AssetUtil = {
   getWalletImage(wallet?: WcWallet) {
@@ -14,23 +14,9 @@ export const AssetUtil = {
     return undefined;
   },
 
-  getNetworkImage(networkId?: string | number) {
-    //TODO: check if imageUrl case is needed
-
-    if (networkId) {
-      return AssetController.state.networkImages[networkId];
-    }
-
-    return undefined;
-  },
-
-  getConnectorImage(connector?: Connector) {
-    if (connector?.imageUrl) {
-      return connector.imageUrl;
-    }
-
-    if (connector?.imageId) {
-      return AssetController.state.connectorImages[connector.imageId];
+  getConnectorImage(imageId?: string) {
+    if (imageId) {
+      return AssetController.state.connectorImages[imageId];
     }
 
     return undefined;