@reown/appkit-core-react-native 0.0.0-feat-coinbase-20250722202925 → 0.0.0-feat-onramp-20250722205908

package/src/controllers/SendController.ts

@@ -1,18 +1,19 @@
-import { subscribeKey as subKey } from 'valtio/vanilla/utils';
-import { proxy, ref, subscribe as sub } from 'valtio/vanilla';
+import { subscribeKey as subKey } from 'valtio/utils';
+import { proxy, ref, subscribe as sub } from 'valtio';
 import { ContractUtil, type Balance } from '@reown/appkit-common-react-native';
-
+import { AccountController } from './AccountController';
+import { ConnectionController } from './ConnectionController';
 import { SnackController } from './SnackController';
 import { CoreHelperUtil } from '../utils/CoreHelperUtil';
 import { EventsController } from './EventsController';
+import { NetworkController } from './NetworkController';
 import { RouterController } from './RouterController';
-import { ConnectionsController } from './ConnectionsController';
-import { SwapController } from './SwapController';
 
 // -- Types --------------------------------------------- //
 export interface TxParams {
   receiverAddress: string;
   sendTokenAmount: number;
+  gasPrice: bigint;
   decimals: string;
 }
 
@@ -29,6 +30,8 @@ export interface SendControllerState {
   receiverAddress?: string;
   receiverProfileName?: string;
   receiverProfileImageUrl?: string;
+  gasPrice?: bigint;
+  gasPriceInUSD?: number;
   loading: boolean;
 }
 
@@ -75,166 +78,152 @@ export const SendController = {
     state.receiverProfileName = receiverProfileName;
   },
 
-  setLoading(loading: SendControllerState['loading']) {
-    state.loading = loading;
+  setGasPrice(gasPrice: SendControllerState['gasPrice']) {
+    state.gasPrice = gasPrice;
   },
 
-  async sendToken() {
-    const isAuth = !!ConnectionsController.state.connection?.properties?.provider;
-    const eventProperties = {
-      isSmartAccount: ConnectionsController.state.accountType === 'smartAccount',
-      token: this.state.token?.address ?? this.state.token?.symbol ?? '',
-      amount: this.state.sendTokenAmount || 0,
-      network: ConnectionsController.state.activeNetwork?.caipNetworkId ?? ''
-    };
+  setGasPriceInUsd(gasPriceInUSD: SendControllerState['gasPriceInUSD']) {
+    state.gasPriceInUSD = gasPriceInUSD;
+  },
 
-    try {
-      this.state.loading = true;
+  setLoading(loading: SendControllerState['loading']) {
+    state.loading = loading;
+  },
 
+  sendToken() {
+    if (this.state.token?.address && this.state.sendTokenAmount && this.state.receiverAddress) {
+      state.loading = true;
       EventsController.sendEvent({
         type: 'track',
         event: 'SEND_INITIATED',
-        properties: eventProperties
+        properties: {
+          isSmartAccount: AccountController.state.preferredAccountType === 'smartAccount',
+          token: this.state.token.address,
+          amount: this.state.sendTokenAmount,
+          network: NetworkController.state.caipNetwork?.id || ''
+        }
       });
-
-      switch (ConnectionsController.state.activeNamespace) {
-        case 'eip155':
-          await SendController.sendEvmToken();
-
-          break;
-        case 'solana':
-          await SendController.sendSolanaToken();
-
-          break;
-        default:
-          throw new Error('Unsupported chain');
-      }
-
-      SnackController.showSuccess('Transaction started');
-      EventsController.sendEvent({
-        type: 'track',
-        event: 'SEND_SUCCESS',
-        properties: eventProperties
-      });
-      RouterController.reset(isAuth ? 'Account' : 'AccountDefault');
-      this.resetState();
-    } catch (error) {
-      EventsController.sendEvent({
-        type: 'track',
-        event: 'SEND_ERROR',
-        properties: eventProperties
-      });
-      SnackController.showError('Something went wrong');
-    } finally {
-      this.state.loading = false;
-    }
-  },
-
-  async sendEvmToken() {
-    if (this.state.token?.address && this.state.sendTokenAmount && this.state.receiverAddress) {
-      await this.sendERC20Token({
+      this.sendERC20Token({
         receiverAddress: this.state.receiverAddress,
         tokenAddress: this.state.token.address,
         sendTokenAmount: this.state.sendTokenAmount,
-        decimals: this.state.token.quantity?.decimals || '0'
+        decimals: this.state.token.quantity.decimals
       });
     } else if (
       this.state.receiverAddress &&
       this.state.sendTokenAmount &&
-      this.state.token?.quantity?.decimals
+      this.state.gasPrice &&
+      this.state.token?.quantity.decimals
     ) {
-      await this.sendNativeToken({
+      state.loading = true;
+      EventsController.sendEvent({
+        type: 'track',
+        event: 'SEND_INITIATED',
+        properties: {
+          isSmartAccount: AccountController.state.preferredAccountType === 'smartAccount',
+          token: this.state.token?.symbol,
+          amount: this.state.sendTokenAmount,
+          network: NetworkController.state.caipNetwork?.id || ''
+        }
+      });
+      this.sendNativeToken({
         receiverAddress: this.state.receiverAddress,
         sendTokenAmount: this.state.sendTokenAmount,
+        gasPrice: this.state.gasPrice,
         decimals: this.state.token.quantity.decimals
       });
     }
   },
 
   async sendNativeToken(params: TxParams) {
-    const to = params.receiverAddress as `0x${string}`;
-    const network = ConnectionsController.state.activeNetwork;
-    const address = CoreHelperUtil.getPlainAddress(
-      ConnectionsController.state.activeAddress
-    ) as `0x${string}`;
-    if (!address) {
-      throw new Error('Invalid address');
-    }
+    RouterController.pushTransactionStack({
+      view: 'Account',
+      goBack: false
+    });
 
-    const value = ConnectionsController.parseUnits(
+    const to = params.receiverAddress as `0x${string}`;
+    const address = AccountController.state.address as `0x${string}`;
+    const value = ConnectionController.parseUnits(
       params.sendTokenAmount.toString(),
       Number(params.decimals)
     );
     const data = '0x';
 
-    await ConnectionsController.sendTransaction({
-      to,
-      address,
-      data,
-      value,
-      network
-    });
+    try {
+      await ConnectionController.sendTransaction({
+        to,
+        address,
+        data,
+        value,
+        gasPrice: params.gasPrice
+      });
+      SnackController.showSuccess('Transaction started');
+      EventsController.sendEvent({
+        type: 'track',
+        event: 'SEND_SUCCESS',
+        properties: {
+          isSmartAccount: AccountController.state.preferredAccountType === 'smartAccount',
+          token: this.state.token?.symbol || '',
+          amount: params.sendTokenAmount,
+          network: NetworkController.state.caipNetwork?.id || ''
+        }
+      });
+      this.resetSend();
+    } catch (error) {
+      state.loading = false;
+      EventsController.sendEvent({
+        type: 'track',
+        event: 'SEND_ERROR',
+        properties: {
+          isSmartAccount: AccountController.state.preferredAccountType === 'smartAccount',
+          token: this.state.token?.symbol || '',
+          amount: params.sendTokenAmount,
+          network: NetworkController.state.caipNetwork?.id || ''
+        }
+      });
+      SnackController.showError('Something went wrong');
+    }
   },
 
   async sendERC20Token(params: ContractWriteParams) {
-    const network = ConnectionsController.state.activeNetwork;
-    const amount = ConnectionsController.parseUnits(
+    RouterController.pushTransactionStack({
+      view: 'Account',
+      goBack: false
+    });
+
+    const amount = ConnectionController.parseUnits(
       params.sendTokenAmount.toString(),
       Number(params.decimals)
     );
 
-    if (
-      ConnectionsController.state.activeAddress &&
-      params.sendTokenAmount &&
-      params.receiverAddress &&
-      params.tokenAddress
-    ) {
-      const tokenAddress = CoreHelperUtil.getPlainAddress(
-        params.tokenAddress as `${string}:${string}:${string}`
-      ) as `0x${string}`;
-
-      const fromAddress = CoreHelperUtil.getPlainAddress(
-        ConnectionsController.state.activeAddress
-      ) as `0x${string}`;
-      if (!fromAddress) {
-        throw new Error('Invalid address');
+    try {
+      if (
+        AccountController.state.address &&
+        params.sendTokenAmount &&
+        params.receiverAddress &&
+        params.tokenAddress
+      ) {
+        const tokenAddress = CoreHelperUtil.getPlainAddress(
+          params.tokenAddress as `${string}:${string}:${string}`
+        ) as `0x${string}`;
+        await ConnectionController.writeContract({
+          fromAddress: AccountController.state.address as `0x${string}`,
+          tokenAddress,
+          receiverAddress: params.receiverAddress as `0x${string}`,
+          tokenAmount: amount,
+          method: 'transfer',
+          abi: ContractUtil.getERC20Abi(tokenAddress)
+        });
+        SnackController.showSuccess('Transaction started');
+        this.resetSend();
       }
-
-      await ConnectionsController.writeContract({
-        fromAddress,
-        tokenAddress,
-        receiverAddress: params.receiverAddress as `0x${string}`,
-        tokenAmount: amount,
-        method: 'transfer',
-        abi: ContractUtil.getERC20Abi(tokenAddress),
-        network
-      });
-    }
-  },
-
-  async sendSolanaToken() {
-    if (!this.state.sendTokenAmount || !this.state.receiverAddress) {
-      throw new Error('An amount and receiver address are required');
-    }
-
-    const plainAddress = CoreHelperUtil.getPlainAddress(ConnectionsController.state.activeAddress);
-    if (!plainAddress) {
-      throw new Error('Invalid address');
+    } catch (error) {
+      state.loading = false;
+      SnackController.showError('Something went wrong');
     }
-
-    await ConnectionsController.sendTransaction({
-      fromAddress: plainAddress,
-      toAddress: this.state.receiverAddress,
-      amount: this.state.sendTokenAmount,
-      network: ConnectionsController.state.activeNetwork
-    });
-  },
-
-  async fetchNetworkPrice() {
-    await SwapController.getNetworkTokenPrice();
   },
 
-  resetState() {
+  resetSend() {
     state.token = undefined;
     state.sendTokenAmount = undefined;
     state.receiverAddress = undefined;

package/src/controllers/SnackController.ts

@@ -22,52 +22,26 @@ const state = proxy<SnackControllerState>({
   long: false
 });
 
-// -- Private Variables --------------------------------- //
-let hideTimeout: NodeJS.Timeout | null = null;
-
-// -- Private Functions --------------------------------- //
-const clearHideTimeout = () => {
-  if (hideTimeout) {
-    clearTimeout(hideTimeout);
-    hideTimeout = null;
-  }
-};
-
-const scheduleAutoHide = (long: boolean) => {
-  clearHideTimeout();
-
-  const duration = long ? 15000 : 2200;
-  hideTimeout = setTimeout(() => {
-    SnackController.hide();
-  }, duration);
-};
-
 // -- Controller ---------------------------------------- //
 export const SnackController = {
   state,
 
-  showSuccess(message: SnackControllerState['message'], long = false) {
+  showSuccess(message: SnackControllerState['message']) {
     state.message = message;
     state.variant = 'success';
     state.open = true;
-    state.long = long;
-    scheduleAutoHide(long);
   },
 
-  showError(message: SnackControllerState['message'], long = false) {
+  showError(message: SnackControllerState['message']) {
     state.message = message;
     state.variant = 'error';
     state.open = true;
-    state.long = long;
-    scheduleAutoHide(long);
   },
 
-  showLoading(message: SnackControllerState['message'], long = false) {
+  showLoading(message: SnackControllerState['message']) {
     state.message = message;
     state.variant = 'loading';
     state.open = true;
-    state.long = long;
-    scheduleAutoHide(long);
   },
 
   showInternalError(error: Message) {
@@ -78,7 +52,6 @@ export const SnackController = {
       state.variant = 'error';
       state.open = true;
       state.long = true;
-      scheduleAutoHide(true);
     }
 
     if (error.longMessage) {
@@ -88,8 +61,9 @@ export const SnackController = {
   },
 
   hide() {
-    clearHideTimeout();
     state.open = false;
     state.long = false;
+    state.message = '';
+    state.variant = 'success';
   }
 };