@reown/appkit-core-react-native 0.0.0-feat-multichain-20250818141206 → 0.0.0-feat-multichain-20250902153701

package/src/controllers/ApiController.ts

@@ -108,91 +108,111 @@ export const ApiController = {
   },
 
   async fetchInstalledWallets() {
-    const { includeWalletIds, customWallets } = OptionsController.state;
-    const path = Platform.select({ default: 'getIosData', android: 'getAndroidData' });
-    const response = await api.get<ApiGetDataWalletsResponse>({
-      path,
-      headers: ApiController._getApiHeaders()
-    });
+    // Add timeout to prevent hanging
+    const controller = new AbortController();
+    let timeoutId: NodeJS.Timeout | undefined;
 
-    if (!response) return;
-
-    let { data: walletData } = response;
+    try {
+      const { includeWalletIds, customWallets } = OptionsController.state;
+      const path = Platform.select({ default: 'getIosData', android: 'getAndroidData' });
+      const response = await api.get<ApiGetDataWalletsResponse>({
+        path,
+        headers: ApiController._getApiHeaders()
+      });
 
-    if (includeWalletIds?.length) {
-      walletData = walletData.filter(({ id }) => includeWalletIds.includes(id));
-    }
+      if (!response) return;
 
-    const promises = walletData.map(async item => {
-      return {
-        id: item.id,
-        isInstalled: await CoreHelperUtil.checkInstalled(item)
-      };
-    });
+      let { data: walletData } = response;
 
-    const customPromises = customWallets?.map(async item => {
-      return {
-        id: item.id,
-        isInstalled: await CoreHelperUtil.checkInstalled(item)
-      };
-    });
+      if (includeWalletIds?.length) {
+        walletData = walletData.filter(({ id }) => includeWalletIds.includes(id));
+      }
 
-    const results = await Promise.all(promises);
-    const installed = results.filter(({ isInstalled }) => isInstalled).map(({ id }) => id);
-    const { excludeWalletIds } = OptionsController.state;
+      const promises = walletData.map(async item => {
+        return {
+          id: item.id,
+          isInstalled: await CoreHelperUtil.checkInstalled(item)
+        };
+      });
 
-    // Collect API-sourced installed wallets
-    let apiInstalledWallets: WcWallet[] = [];
-    if (installed.length > 0) {
-      const walletResponse = await api.get<ApiGetWalletsResponse>({
-        path: '/getWallets',
-        headers: ApiController._getApiHeaders(),
-        params: {
-          page: '1',
-          platform: this.platform(),
-          entries: installed?.length.toString(),
-          include: installed?.join(','),
-          exclude: excludeWalletIds?.join(',')
-        }
+      const customPromises = customWallets?.map(async item => {
+        return {
+          id: item.id,
+          isInstalled: await CoreHelperUtil.checkInstalled(item)
+        };
       });
 
-      if (walletResponse?.data) {
-        const walletImages = walletResponse.data.map(d => d.image_id).filter(Boolean);
-        await CoreHelperUtil.allSettled(
-          (walletImages as string[]).map(id => ApiController._fetchWalletImage(id))
-        );
-        apiInstalledWallets = walletResponse.data;
+      const results = await Promise.all(promises);
+      const installed = results.filter(({ isInstalled }) => isInstalled).map(({ id }) => id);
+      const { excludeWalletIds } = OptionsController.state;
+      const chains = CoreHelperUtil.getRequestedCaipNetworkIds();
+
+      // Add timeout to prevent hanging
+      timeoutId = setTimeout(() => controller.abort(), 10000);
+
+      // Collect API-sourced installed wallets
+      let apiInstalledWallets: WcWallet[] = [];
+      if (installed.length > 0) {
+        const walletResponse = await api.get<ApiGetWalletsResponse>({
+          path: '/getWallets',
+          headers: ApiController._getApiHeaders(),
+          params: {
+            page: '1',
+            platform: this.platform(),
+            entries: installed?.length.toString(),
+            include: installed?.join(','),
+            exclude: excludeWalletIds?.join(','),
+            chains: chains.join(',')
+          },
+          signal: controller.signal
+        });
+
+        if (walletResponse?.data) {
+          const walletImages = walletResponse.data.map(d => d.image_id).filter(Boolean);
+          await CoreHelperUtil.allSettled(
+            (walletImages as string[]).map(id => ApiController._fetchWalletImage(id))
+          );
+          apiInstalledWallets = walletResponse.data;
+        }
       }
-    }
 
-    // Collect custom installed wallets
-    let customInstalledWallets: CustomWallet[] = [];
-    if (customPromises?.length) {
-      const customResults = await Promise.all(customPromises);
-      const customInstalled = customResults
-        .filter(({ isInstalled }) => isInstalled)
-        .map(({ id }) => id);
-      customInstalledWallets =
-        customWallets?.filter(wallet => customInstalled.includes(wallet.id)) ?? [];
-    }
+      clearTimeout(timeoutId);
+
+      // Collect custom installed wallets
+      let customInstalledWallets: CustomWallet[] = [];
+      if (customPromises?.length) {
+        const customResults = await Promise.all(customPromises);
+        const customInstalled = customResults
+          .filter(({ isInstalled }) => isInstalled)
+          .map(({ id }) => id);
+        customInstalledWallets =
+          customWallets?.filter(wallet => customInstalled.includes(wallet.id)) ?? [];
+      }
 
-    // Merge and de-duplicate by id, preserving order (API first, then custom)
-    const byId = new Map<string, WcWallet>();
-    [...apiInstalledWallets, ...customInstalledWallets].forEach(wallet => {
-      if (!byId.has(wallet.id)) {
-        byId.set(wallet.id, wallet);
+      // Merge and de-duplicate by id, preserving order (API first, then custom)
+      const byId = new Map<string, WcWallet>();
+      [...apiInstalledWallets, ...customInstalledWallets].forEach(wallet => {
+        if (!byId.has(wallet.id)) {
+          byId.set(wallet.id, wallet);
+        }
+      });
+      const combinedInstalled = Array.from(byId.values());
+      state.installed = combinedInstalled;
+      if (combinedInstalled.length) {
+        this.updateRecentWalletsInfo(combinedInstalled);
       }
-    });
-    const combinedInstalled = Array.from(byId.values());
-    state.installed = combinedInstalled;
-    if (combinedInstalled.length) {
-      this.updateRecentWalletsInfo(combinedInstalled);
+    } catch (error) {
+      state.installed = [];
+      clearTimeout(timeoutId);
+      // eslint-disable-next-line no-console
+      console.log('Error fetching installed wallets', error);
     }
   },
 
   async fetchFeaturedWallets() {
     const { featuredWalletIds } = OptionsController.state;
     const exclude = state.installed.map(({ id }) => id);
+    const chains = CoreHelperUtil.getRequestedCaipNetworkIds();
 
     if (featuredWalletIds?.length) {
       const response = await api.get<ApiGetWalletsResponse>({
@@ -205,7 +225,8 @@ export const ApiController = {
             ? String(featuredWalletIds.length)
             : recommendedEntries,
           include: featuredWalletIds?.join(','),
-          exclude: exclude?.join(',')
+          exclude: exclude?.join(','),
+          chains: chains.join(',')
         }
       });
       if (!response) return;
@@ -237,6 +258,7 @@ export const ApiController = {
   async fetchRecommendedWallets() {
     const { installed } = ApiController.state;
     const { includeWalletIds, excludeWalletIds, featuredWalletIds } = OptionsController.state;
+    const chains = CoreHelperUtil.getRequestedCaipNetworkIds();
 
     const exclude = [
       ...installed.map(({ id }) => id),
@@ -252,7 +274,8 @@ export const ApiController = {
         platform: this.platform(),
         entries: recommendedEntries,
         include: includeWalletIds?.join(','),
-        exclude: exclude?.join(',')
+        exclude: exclude?.join(','),
+        chains: chains.join(',')
       }
     });
 
@@ -275,6 +298,7 @@ export const ApiController = {
 
   async fetchWallets({ page }: Pick<ApiGetWalletsRequest, 'page'>) {
     const { includeWalletIds, excludeWalletIds, featuredWalletIds } = OptionsController.state;
+    const chains = CoreHelperUtil.getRequestedCaipNetworkIds();
     const exclude = [
       ...state.installed.map(({ id }) => id),
       ...state.recommended.map(({ id }) => id),
@@ -289,7 +313,8 @@ export const ApiController = {
         platform: this.platform(),
         entries: String(defaultEntries),
         include: includeWalletIds?.join(','),
-        exclude: exclude.join(',')
+        exclude: exclude.join(','),
+        chains: chains.join(',')
       }
     });
 
@@ -312,6 +337,7 @@ export const ApiController = {
 
   async searchWallet({ search }: Pick<ApiGetWalletsRequest, 'search'>) {
     const { includeWalletIds, excludeWalletIds } = OptionsController.state;
+    const chains = CoreHelperUtil.getRequestedCaipNetworkIds();
     state.search = [];
     const response = await api.get<ApiGetWalletsResponse>({
       path: '/getWallets',
@@ -322,7 +348,8 @@ export const ApiController = {
         entries: String(defaultEntries),
         search,
         include: includeWalletIds?.join(','),
-        exclude: excludeWalletIds?.join(',')
+        exclude: excludeWalletIds?.join(','),
+        chains: chains.join(',')
       }
     });
 
@@ -365,19 +392,22 @@ export const ApiController = {
     try {
       state.prefetchError = false;
       state.prefetchLoading = true;
-      // this fetch must resolve first so we filter them in the other wallet requests
-      await ApiController.fetchInstalledWallets();
 
       const promises = [
-        ApiController.fetchFeaturedWallets(),
-        ApiController.fetchRecommendedWallets(),
         ApiController.fetchNetworkImages(),
         ApiController.fetchCustomWalletImages()
       ];
+
       if (OptionsController.state.enableAnalytics === undefined) {
         promises.push(ApiController.fetchAnalyticsConfig());
       }
 
+      // this fetch must resolve first so we filter them in the other wallet requests
+      await ApiController.fetchInstalledWallets();
+
+      promises.push(ApiController.fetchFeaturedWallets());
+      promises.push(ApiController.fetchRecommendedWallets());
+
       state.prefetchPromise = Promise.race([
         CoreHelperUtil.allSettled(promises),
         CoreHelperUtil.wait(3000)

package/src/controllers/BlockchainApiController.ts

@@ -119,7 +119,7 @@ export const BlockchainApiController = {
 
   async fetchTransactions(params: BlockchainApiTransactionsRequest) {
     const { account, projectId, cursor, signal, cache, chainId } = params;
-    const isSupported = await BlockchainApiController.isNetworkSupported(chainId);
+    const isSupported = ConstantsUtil.ACTIVITY_SUPPORTED_CHAINS.includes(chainId);
 
     if (!isSupported) {
       return { data: [], next: undefined };

package/src/controllers/ConnectionsController.ts

@@ -247,16 +247,22 @@ export const ConnectionsController = {
     baseState.connections = newConnectionsMap;
   },
 
-  updateAccounts(namespace: ChainNamespace, accounts: CaipAddress[]) {
+  updateAccounts(namespace: ChainNamespace, accounts: CaipAddress[]): boolean {
     const connection = baseState.connections.get(namespace);
     if (!connection) {
-      return;
+      return false;
+    }
+
+    if (connection.accounts.toString() === accounts.toString()) {
+      return false;
     }
 
     const newConnectionsMap = new Map(baseState.connections);
     const updatedConnection = { ...connection, accounts };
     newConnectionsMap.set(namespace, updatedConnection);
     baseState.connections = newConnectionsMap;
+
+    return true;
   },
 
   updateBalance(namespace: ChainNamespace, address: CaipAddress, balance: Balance) {
@@ -354,6 +360,8 @@ export const ConnectionsController = {
     const newConnection = { ...connection, type };
     newConnectionsMap.set(namespace, newConnection);
     baseState.connections = newConnectionsMap;
+
+    return getActiveAddress(newConnection);
   },
 
   async disconnect(namespace: ChainNamespace, isInternal = true) {

package/src/controllers/OnRampController.ts

@@ -124,7 +124,11 @@ export const OnRampController = {
           state.countriesDefaults?.find(d => d.countryCode === country.countryCode)
             ?.defaultCurrencyCode || 'USD';
 
-        const currency = state.paymentCurrencies?.find(c => c.currencyCode === currencyCode);
+        let currency = state.paymentCurrencies?.find(c => c.currencyCode === currencyCode);
+
+        if (!currency) {
+          currency = state.paymentCurrencies?.find(c => c.currencyCode === 'USD');
+        }
 
         if (currency) {
           this.setPaymentCurrency(currency);

package/src/controllers/OptionsController.ts

@@ -34,6 +34,7 @@ export interface OptionsControllerState {
   features?: Features;
   debug?: boolean;
   defaultNetwork?: AppKitNetwork;
+  requestedNetworks?: AppKitNetwork[];
 }
 
 // -- State --------------------------------------------- //
@@ -112,6 +113,10 @@ export const OptionsController = {
     state.defaultNetwork = defaultNetwork;
   },
 
+  setRequestedNetworks(requestedNetworks?: OptionsControllerState['requestedNetworks']) {
+    state.requestedNetworks = requestedNetworks;
+  },
+
   isClipboardAvailable() {
     return !!state.clipboardClient;
   },

package/src/controllers/RouterController.ts

@@ -25,7 +25,6 @@ export interface RouterControllerState {
     | 'OnRampLoading'
     | 'OnRampSettings'
     | 'OnRampTransaction'
-    | 'SwitchNetwork'
     | 'Swap'
     | 'SwapPreview'
     | 'Transactions'

package/src/index.ts

@@ -53,7 +53,6 @@ export { ConstantsUtil } from './utils/ConstantsUtil';
 export { CoreHelperUtil } from './utils/CoreHelperUtil';
 export { StorageUtil } from './utils/StorageUtil';
 export { EventUtil } from './utils/EventUtil';
-export { RouterUtil } from './utils/RouterUtil';
 export { WalletUtil } from './utils/WalletUtil';
 
 // Types are now exported from @reown/appkit-common-react-native

package/src/utils/CoreHelperUtil.ts

@@ -18,6 +18,7 @@ import {
 import * as ct from 'countries-and-timezones';
 
 import { ConstantsUtil } from './ConstantsUtil';
+import { OptionsController } from '../controllers/OptionsController';
 
 // -- Helpers -----------------------------------------------------------------
 async function isAppInstalledIos(deepLink?: string): Promise<boolean> {
@@ -345,5 +346,14 @@ export const CoreHelperUtil = {
           .join(',');
 
     return `react-native-${adapterNames}-${version}`;
+  },
+
+  getRequestedCaipNetworkIds() {
+    const chains = OptionsController.state.requestedNetworks;
+    if (!chains) return [];
+
+    const requestedIds = chains.map(caipNetwork => caipNetwork.caipNetworkId);
+
+    return requestedIds;
   }
 };

package/lib/commonjs/utils/RouterUtil.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RouterUtil = void 0;
-var _RouterController = require("../controllers/RouterController");
-var _ModalController = require("../controllers/ModalController");
-const RouterUtil = exports.RouterUtil = {
-  navigateAfterNetworkSwitch(excludeViews = []) {
-    if (excludeViews.includes(_RouterController.RouterController.state.view)) {
-      return;
-    }
-    const {
-      history
-    } = _RouterController.RouterController.state;
-    const networkSelectIndex = history.findIndex(name => name === 'Networks' || name === 'UnsupportedChain');
-    if (networkSelectIndex >= 1) {
-      _RouterController.RouterController.goBackToIndex(networkSelectIndex - 1);
-    } else {
-      _ModalController.ModalController.close();
-    }
-  }
-};
-//# sourceMappingURL=RouterUtil.js.map

package/lib/commonjs/utils/RouterUtil.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_RouterController","require","_ModalController","RouterUtil","exports","navigateAfterNetworkSwitch","excludeViews","includes","RouterController","state","view","history","networkSelectIndex","findIndex","name","goBackToIndex","ModalController","close"],"sourceRoot":"../../../src","sources":["utils/RouterUtil.ts"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAEO,MAAME,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,0BAA0BA,CAACC,YAA6C,GAAG,EAAE,EAAE;IAC7E,IAAIA,YAAY,CAACC,QAAQ,CAACC,kCAAgB,CAACC,KAAK,CAACC,IAAI,CAAC,EAAE;MACtD;IACF;IAEA,MAAM;MAAEC;IAAQ,CAAC,GAAGH,kCAAgB,CAACC,KAAK;IAC1C,MAAMG,kBAAkB,GAAGD,OAAO,CAACE,SAAS,CAC1CC,IAAI,IAAIA,IAAI,KAAK,UAAU,IAAIA,IAAI,KAAK,kBAC1C,CAAC;IAED,IAAIF,kBAAkB,IAAI,CAAC,EAAE;MAC3BJ,kCAAgB,CAACO,aAAa,CAACH,kBAAkB,GAAG,CAAC,CAAC;IACxD,CAAC,MAAM;MACLI,gCAAe,CAACC,KAAK,CAAC,CAAC;IACzB;EACF;AACF,CAAC","ignoreList":[]}

package/lib/module/utils/RouterUtil.js

@@ -1,21 +0,0 @@
-"use strict";
-
-import { RouterController } from '../controllers/RouterController';
-import { ModalController } from '../controllers/ModalController';
-export const RouterUtil = {
-  navigateAfterNetworkSwitch(excludeViews = []) {
-    if (excludeViews.includes(RouterController.state.view)) {
-      return;
-    }
-    const {
-      history
-    } = RouterController.state;
-    const networkSelectIndex = history.findIndex(name => name === 'Networks' || name === 'UnsupportedChain');
-    if (networkSelectIndex >= 1) {
-      RouterController.goBackToIndex(networkSelectIndex - 1);
-    } else {
-      ModalController.close();
-    }
-  }
-};
-//# sourceMappingURL=RouterUtil.js.map

package/lib/module/utils/RouterUtil.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RouterController","ModalController","RouterUtil","navigateAfterNetworkSwitch","excludeViews","includes","state","view","history","networkSelectIndex","findIndex","name","goBackToIndex","close"],"sourceRoot":"../../../src","sources":["utils/RouterUtil.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAoC,iCAAiC;AAC9F,SAASC,eAAe,QAAQ,gCAAgC;AAEhE,OAAO,MAAMC,UAAU,GAAG;EACxBC,0BAA0BA,CAACC,YAA6C,GAAG,EAAE,EAAE;IAC7E,IAAIA,YAAY,CAACC,QAAQ,CAACL,gBAAgB,CAACM,KAAK,CAACC,IAAI,CAAC,EAAE;MACtD;IACF;IAEA,MAAM;MAAEC;IAAQ,CAAC,GAAGR,gBAAgB,CAACM,KAAK;IAC1C,MAAMG,kBAAkB,GAAGD,OAAO,CAACE,SAAS,CAC1CC,IAAI,IAAIA,IAAI,KAAK,UAAU,IAAIA,IAAI,KAAK,kBAC1C,CAAC;IAED,IAAIF,kBAAkB,IAAI,CAAC,EAAE;MAC3BT,gBAAgB,CAACY,aAAa,CAACH,kBAAkB,GAAG,CAAC,CAAC;IACxD,CAAC,MAAM;MACLR,eAAe,CAACY,KAAK,CAAC,CAAC;IACzB;EACF;AACF,CAAC","ignoreList":[]}

package/lib/typescript/utils/RouterUtil.d.ts

@@ -1,5 +0,0 @@
-import { type RouterControllerState } from '../controllers/RouterController';
-export declare const RouterUtil: {
-    navigateAfterNetworkSwitch(excludeViews?: RouterControllerState['view'][]): void;
-};
-//# sourceMappingURL=RouterUtil.d.ts.map

package/lib/typescript/utils/RouterUtil.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RouterUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/RouterUtil.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAG/F,eAAO,MAAM,UAAU;8CACoB,qBAAqB,CAAC,MAAM,CAAC,EAAE;CAgBzE,CAAC"}

package/src/utils/RouterUtil.ts

@@ -1,21 +0,0 @@
-import { RouterController, type RouterControllerState } from '../controllers/RouterController';
-import { ModalController } from '../controllers/ModalController';
-
-export const RouterUtil = {
-  navigateAfterNetworkSwitch(excludeViews: RouterControllerState['view'][] = []) {
-    if (excludeViews.includes(RouterController.state.view)) {
-      return;
-    }
-
-    const { history } = RouterController.state;
-    const networkSelectIndex = history.findIndex(
-      name => name === 'Networks' || name === 'UnsupportedChain'
-    );
-
-    if (networkSelectIndex >= 1) {
-      RouterController.goBackToIndex(networkSelectIndex - 1);
-    } else {
-      ModalController.close();
-    }
-  }
-};