@reown/appkit-core-react-native 0.0.0-feat-smart-account-20241016183051 → 0.0.0-feat-swaps-20241129153709

package/src/controllers/WebviewController.ts

@@ -8,6 +8,7 @@ export interface WebviewControllerState {
   webviewUrl?: string;
   connecting?: boolean;
   connectingProvider?: SocialProvider;
+  processingAuth?: boolean;
 }
 
 // -- State --------------------------------------------- //
@@ -15,7 +16,8 @@ const state = proxy<WebviewControllerState>({
   frameViewVisible: false,
   webviewVisible: false,
   connecting: false,
-  connectingProvider: undefined
+  connectingProvider: undefined,
+  processingAuth: false
 });
 
 // -- Controller ---------------------------------------- //
@@ -44,5 +46,18 @@ export const WebviewController = {
 
   setConnectingProvider(provider: WebviewControllerState['connectingProvider']) {
     state.connectingProvider = provider;
+  },
+
+  setProcessingAuth(processingAuth: WebviewControllerState['processingAuth']) {
+    state.processingAuth = processingAuth;
+  },
+
+  reset() {
+    state.frameViewVisible = false;
+    state.webviewVisible = false;
+    state.connecting = false;
+    state.connectingProvider = undefined;
+    state.processingAuth = false;
+    state.webviewUrl = undefined;
   }
 };

package/src/utils/ApiUtil.ts

@@ -6,13 +6,21 @@ export const ApiUtil = {
     return CoreHelperUtil.getBundleId();
   },
 
-  getUserAgent() {
-    const reactNativeVersion = [
-      Platform.constants.reactNativeVersion.major,
-      Platform.constants.reactNativeVersion.minor,
-      Platform.constants.reactNativeVersion.patch
+  getReactNativeVersion() {
+    return [
+      Platform.constants?.reactNativeVersion?.major,
+      Platform.constants?.reactNativeVersion?.minor,
+      Platform.constants?.reactNativeVersion?.patch
     ].join('.');
+  },
+
+  getUserAgent() {
+    const rnVersion = Platform.select({
+      ios: this.getReactNativeVersion(),
+      android: this.getReactNativeVersion(),
+      default: 'undefined'
+    });
 
-    return `${Platform.OS}-${Platform.Version}@rn-${reactNativeVersion}`;
+    return `${Platform.OS}-${Platform.Version}@rn-${rnVersion}`;
   }
 };

package/src/utils/ConstantsUtil.ts

@@ -1,9 +1,10 @@
 import type { Features } from './TypeUtil';
 
 const defaultFeatures: Features = {
+  swaps: true,
   email: true,
   emailShowWallets: true,
-  socials: ['x', 'discord', 'apple', 'facebook', 'farcaster']
+  socials: ['x', 'discord', 'apple', 'farcaster']
 };
 
 export const ConstantsUtil = {
@@ -19,5 +20,124 @@ export const ConstantsUtil = {
 
   NATIVE_TOKEN_ADDRESS: '0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee',
 
+  SWAP_SUGGESTED_TOKENS: [
+    'ETH',
+    'UNI',
+    '1INCH',
+    'AAVE',
+    'SOL',
+    'ADA',
+    'AVAX',
+    'DOT',
+    'LINK',
+    'NITRO',
+    'GAIA',
+    'MILK',
+    'TRX',
+    'NEAR',
+    'GNO',
+    'WBTC',
+    'DAI',
+    'WETH',
+    'USDC',
+    'USDT',
+    'ARB',
+    'BAL',
+    'BICO',
+    'CRV',
+    'ENS',
+    'MATIC',
+    'OP'
+  ],
+
+  SWAP_POPULAR_TOKENS: [
+    'ETH',
+    'UNI',
+    '1INCH',
+    'AAVE',
+    'SOL',
+    'ADA',
+    'AVAX',
+    'DOT',
+    'LINK',
+    'NITRO',
+    'GAIA',
+    'MILK',
+    'TRX',
+    'NEAR',
+    'GNO',
+    'WBTC',
+    'DAI',
+    'WETH',
+    'USDC',
+    'USDT',
+    'ARB',
+    'BAL',
+    'BICO',
+    'CRV',
+    'ENS',
+    'MATIC',
+    'OP',
+    'METAL',
+    'DAI',
+    'CHAMP',
+    'WOLF',
+    'SALE',
+    'BAL',
+    'BUSD',
+    'MUST',
+    'BTCpx',
+    'ROUTE',
+    'HEX',
+    'WELT',
+    'amDAI',
+    'VSQ',
+    'VISION',
+    'AURUM',
+    'pSP',
+    'SNX',
+    'VC',
+    'LINK',
+    'CHP',
+    'amUSDT',
+    'SPHERE',
+    'FOX',
+    'GIDDY',
+    'GFC',
+    'OMEN',
+    'OX_OLD',
+    'DE',
+    'WNT'
+  ],
+
+  SWAP_SUPPORTED_NETWORKS: [
+    // Ethereum'
+    'eip155:1',
+    // Arbitrum One'
+    'eip155:42161',
+    // Optimism'
+    'eip155:10',
+    // ZKSync Era'
+    'eip155:324',
+    // Base'
+    'eip155:8453',
+    // BNB Smart Chain'
+    'eip155:56',
+    // Polygon'
+    'eip155:137',
+    // Gnosis'
+    'eip155:100',
+    // Avalanche'
+    'eip155:43114',
+    // Fantom'
+    'eip155:250',
+    // Klaytn'
+    'eip155:8217',
+    // Aurora
+    'eip155:1313161554'
+  ],
+
+  CONVERT_SLIPPAGE_TOLERANCE: 1,
+
   DEFAULT_FEATURES: defaultFeatures
 };

package/src/utils/CoreHelperUtil.ts

@@ -57,20 +57,6 @@ export const CoreHelperUtil = {
     });
   },
 
-  debounce(func: (...args: any[]) => unknown, timeout = 500) {
-    let timer: ReturnType<typeof setTimeout> | undefined;
-
-    return (...args: unknown[]) => {
-      function next() {
-        func(...args);
-      }
-      if (timer) {
-        clearTimeout(timer);
-      }
-      timer = setTimeout(next, timeout);
-    };
-  },
-
   isHttpUrl(url: string) {
     return url.startsWith('http://') || url.startsWith('https://');
   },

package/src/utils/StorageUtil.ts

@@ -92,7 +92,7 @@ export const StorageUtil = {
     }
   },
 
-  async getConnectedConnector() {
+  async getConnectedConnector(): Promise<ConnectorType | undefined> {
     try {
       const connector = (await AsyncStorage.getItem(CONNECTED_CONNECTOR)) as ConnectorType;
 

package/src/utils/SwapApiUtil.ts

@@ -1,8 +1,97 @@
 import { BlockchainApiController } from '../controllers/BlockchainApiController';
 import { OptionsController } from '../controllers/OptionsController';
 import { NetworkController } from '../controllers/NetworkController';
+import type {
+  BlockchainApiBalanceResponse,
+  BlockchainApiSwapAllowanceRequest,
+  SwapTokenWithBalance
+} from './TypeUtil';
+import { AccountController } from '../controllers/AccountController';
+import { ConnectionController } from '../controllers/ConnectionController';
 
 export const SwapApiUtil = {
+  async getTokenList() {
+    const response = await BlockchainApiController.fetchSwapTokens({
+      projectId: OptionsController.state.projectId,
+      chainId: NetworkController.state.caipNetwork?.id
+    });
+    const tokens =
+      response?.tokens?.map(
+        token =>
+          ({
+            ...token,
+            eip2612: false,
+            quantity: {
+              decimals: '0',
+              numeric: '0'
+            },
+            price: 0,
+            value: 0
+          }) as SwapTokenWithBalance
+      ) || [];
+
+    return tokens;
+  },
+
+  async fetchSwapAllowance({
+    tokenAddress,
+    userAddress,
+    sourceTokenAmount,
+    sourceTokenDecimals
+  }: Pick<BlockchainApiSwapAllowanceRequest, 'tokenAddress' | 'userAddress'> & {
+    sourceTokenAmount: string;
+    sourceTokenDecimals: number;
+  }) {
+    const projectId = OptionsController.state.projectId;
+
+    const response = await BlockchainApiController.fetchSwapAllowance({
+      projectId,
+      tokenAddress,
+      userAddress
+    });
+
+    if (response?.allowance && sourceTokenAmount && sourceTokenDecimals) {
+      const parsedValue =
+        ConnectionController.parseUnits(sourceTokenAmount, sourceTokenDecimals) || 0;
+      const hasAllowance = BigInt(response.allowance) >= parsedValue;
+
+      return hasAllowance;
+    }
+
+    return false;
+  },
+
+  async getMyTokensWithBalance(forceUpdate?: string) {
+    const address = AccountController.state.address;
+    const chainId = NetworkController.state.caipNetwork?.id;
+
+    if (!address) {
+      return [];
+    }
+
+    const response = await BlockchainApiController.getBalance(address, chainId, forceUpdate);
+    const balances = response?.balances.filter(balance => balance.quantity.decimals !== '0');
+
+    AccountController.setTokenBalance(balances);
+
+    return this.mapBalancesToSwapTokens(balances);
+  },
+
+  mapBalancesToSwapTokens(balances?: BlockchainApiBalanceResponse['balances']) {
+    return (
+      balances?.map(
+        token =>
+          ({
+            ...token,
+            address: token?.address || NetworkController.getActiveNetworkTokenAddress(),
+            decimals: parseInt(token.quantity.decimals, 10),
+            logoUri: token.iconUrl,
+            eip2612: false
+          }) as SwapTokenWithBalance
+      ) || []
+    );
+  },
+
   async fetchGasPrice() {
     const projectId = OptionsController.state.projectId;
     const caipNetwork = NetworkController.state.caipNetwork;

package/src/utils/SwapCalculationUtil.ts

@@ -1,6 +1,7 @@
 // -- Types --------------------------------------------- //
 
 import { NumberUtil } from '@reown/appkit-common-react-native';
+import type { SwapTokenWithBalance } from './TypeUtil';
 
 // -- Util ---------------------------------------- //
 export const SwapCalculationUtil = {
@@ -17,5 +18,129 @@ export const SwapCalculationUtil = {
     const gasCostInUSD = networkPriceInUSD.multipliedBy(totalGasCostInEther);
 
     return gasCostInUSD.toNumber();
+  },
+
+  getPriceImpact({
+    sourceTokenAmount,
+    sourceTokenPriceInUSD,
+    toTokenPriceInUSD,
+    toTokenAmount
+  }: {
+    sourceTokenAmount: string;
+    sourceTokenPriceInUSD: number;
+    toTokenPriceInUSD: number;
+    toTokenAmount: string;
+  }) {
+    const inputValue = NumberUtil.bigNumber(sourceTokenAmount).multipliedBy(sourceTokenPriceInUSD);
+    const outputValue = NumberUtil.bigNumber(toTokenAmount).multipliedBy(toTokenPriceInUSD);
+    const priceImpact = inputValue.minus(outputValue).dividedBy(inputValue).multipliedBy(100);
+
+    return priceImpact.toNumber();
+  },
+
+  getMaxSlippage(slippage: number, toTokenAmount: string) {
+    const slippageToleranceDecimal = NumberUtil.bigNumber(slippage).dividedBy(100);
+    const maxSlippageAmount = NumberUtil.multiply(toTokenAmount, slippageToleranceDecimal);
+
+    return maxSlippageAmount.toNumber();
+  },
+
+  getProviderFee(sourceTokenAmount: string, feePercentage = 0.0085) {
+    const providerFee = NumberUtil.bigNumber(sourceTokenAmount).multipliedBy(feePercentage);
+
+    return providerFee.toString();
+  },
+
+  getProviderFeePrice(
+    sourceTokenAmount: string,
+    sourceTokenPriceInUSD: number,
+    feePercentage = 0.0085
+  ) {
+    const providerFee = SwapCalculationUtil.getProviderFee(sourceTokenAmount, feePercentage);
+    const providerFeePrice = NumberUtil.bigNumber(providerFee).multipliedBy(sourceTokenPriceInUSD);
+
+    return providerFeePrice.toNumber();
+  },
+
+  isInsufficientNetworkTokenForGas(networkBalanceInUSD: string, gasPriceInUSD: number | undefined) {
+    const gasPrice = gasPriceInUSD || '0';
+
+    if (NumberUtil.bigNumber(networkBalanceInUSD).isZero()) {
+      return true;
+    }
+
+    return NumberUtil.bigNumber(NumberUtil.bigNumber(gasPrice)).isGreaterThan(networkBalanceInUSD);
+  },
+
+  isInsufficientSourceTokenForSwap(
+    sourceTokenAmount: string,
+    sourceTokenAddress: string,
+    balance: SwapTokenWithBalance[] | undefined
+  ) {
+    const sourceTokenBalance = balance?.find(token => token.address === sourceTokenAddress)
+      ?.quantity?.numeric;
+
+    const isInSufficientBalance = NumberUtil.bigNumber(sourceTokenBalance || '0').isLessThan(
+      sourceTokenAmount
+    );
+
+    return isInSufficientBalance;
+  },
+
+  getToTokenAmount({
+    sourceToken,
+    toToken,
+    sourceTokenPrice,
+    toTokenPrice,
+    sourceTokenAmount
+  }: {
+    sourceToken: SwapTokenWithBalance | undefined;
+    toToken: SwapTokenWithBalance | undefined;
+    sourceTokenPrice: number;
+    toTokenPrice: number;
+    sourceTokenAmount: string;
+  }) {
+    if (sourceTokenAmount === '0') {
+      return '0';
+    }
+
+    if (!sourceToken || !toToken) {
+      return '0';
+    }
+
+    const sourceTokenDecimals = sourceToken.decimals;
+    const sourceTokenPriceInUSD = sourceTokenPrice;
+    const toTokenDecimals = toToken.decimals;
+    const toTokenPriceInUSD = toTokenPrice;
+
+    if (toTokenPriceInUSD <= 0) {
+      return '0';
+    }
+
+    // Calculate the provider fee (0.85% of the source token amount)
+    const providerFee = NumberUtil.bigNumber(sourceTokenAmount).multipliedBy(0.0085);
+
+    // Adjust the source token amount by subtracting the provider fee
+    const adjustedSourceTokenAmount = NumberUtil.bigNumber(sourceTokenAmount).minus(providerFee);
+
+    // Proceed with conversion using the adjusted source token amount
+    const sourceAmountInSmallestUnit = adjustedSourceTokenAmount.multipliedBy(
+      NumberUtil.bigNumber(10).pow(sourceTokenDecimals)
+    );
+
+    const priceRatio = NumberUtil.bigNumber(sourceTokenPriceInUSD).dividedBy(toTokenPriceInUSD);
+
+    const decimalDifference = sourceTokenDecimals - toTokenDecimals;
+    const toTokenAmountInSmallestUnit = sourceAmountInSmallestUnit
+      .multipliedBy(priceRatio)
+      .dividedBy(NumberUtil.bigNumber(10).pow(decimalDifference));
+
+    const toTokenAmount = toTokenAmountInSmallestUnit.dividedBy(
+      NumberUtil.bigNumber(10).pow(toTokenDecimals)
+    );
+
+    const amount = toTokenAmount.toFixed(toTokenDecimals).toString();
+
+    return amount;
   }
 };