@reown/appkit-core-react-native 0.0.0-feat-onramp-20250409135734 → 0.0.0-feat-multichain-20250513150920

package/src/controllers/TransactionsController.ts

@@ -3,9 +3,9 @@ import { proxy, subscribe as sub } from 'valtio/vanilla';
 import { OptionsController } from './OptionsController';
 import { EventsController } from './EventsController';
 import { SnackController } from './SnackController';
-import { NetworkController } from './NetworkController';
 import { BlockchainApiController } from './BlockchainApiController';
 import { AccountController } from './AccountController';
+import { ConnectionsController } from './ConnectionsController';
 
 // -- Types --------------------------------------------- //
 type TransactionByMonthMap = Record<string, Transaction[]>;
@@ -121,7 +121,7 @@ export const TransactionsController = {
   },
 
   filterByConnectedChain(transactions: Transaction[]) {
-    const chainId = NetworkController.state.caipNetwork?.id;
+    const chainId = ConnectionsController.state.activeCaipNetworkId;
     const filteredTransactions = transactions.filter(
       transaction => transaction.metadata.chain === chainId
     );

package/src/index.ts

@@ -21,6 +21,11 @@ export {
   type ConnectionControllerState
 } from './controllers/ConnectionController';
 
+export {
+  ConnectionsController,
+  type ConnectionsControllerState
+} from './controllers/ConnectionsController';
+
 export {
   ConnectorController,
   type ConnectorControllerState
@@ -62,7 +67,6 @@ export { WebviewController, type WebviewControllerState } from './controllers/We
 // -- Utils -------------------------------------------------------------------
 export { ApiUtil } from './utils/ApiUtil';
 export { AssetUtil } from './utils/AssetUtil';
-export { ConnectionUtil } from './utils/ConnectionUtil';
 export { ConstantsUtil } from './utils/ConstantsUtil';
 export { CoreHelperUtil } from './utils/CoreHelperUtil';
 export { StorageUtil } from './utils/StorageUtil';

package/src/utils/AssetUtil.ts

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

package/src/utils/ConstantsUtil.ts

@@ -1,10 +1,12 @@
+import type { ChainNamespace } from '@reown/appkit-common-react-native';
 import type { Features } from './TypeUtil';
 
+//TODO: enable this again after implemented
 const defaultFeatures: Features = {
-  swaps: true,
-  onramp: true,
-  email: true,
-  emailShowWallets: true,
+  swaps: false,
+  onramp: false,
+  email: false,
+  emailShowWallets: false,
   socials: ['x', 'discord', 'apple']
 };
 
@@ -34,7 +36,12 @@ export const ConstantsUtil = {
 
   LINKING_ERROR: 'LINKING_ERROR',
 
-  NATIVE_TOKEN_ADDRESS: '0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee',
+  NATIVE_TOKEN_ADDRESS: {
+    eip155: '0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee',
+    solana: 'So11111111111111111111111111111111111111111',
+    polkadot: '0x',
+    bip122: '0x'
+  } as const satisfies Record<ChainNamespace, string>,
 
   ONRAMP_ERROR_TYPES: OnRampErrorType,
 

package/src/utils/CoreHelperUtil.ts

@@ -1,12 +1,17 @@
 /* eslint-disable no-bitwise */
 
 import { Linking, Platform } from 'react-native';
-import { ConstantsUtil as CommonConstants, type Balance } from '@reown/appkit-common-react-native';
+import {
+  ConstantsUtil as CommonConstants,
+  type Balance,
+  type CaipAddress,
+  type CaipNetwork
+} from '@reown/appkit-common-react-native';
+
 import * as ct from 'countries-and-timezones';
 
 import { ConstantsUtil } from './ConstantsUtil';
-import type { CaipAddress, CaipNetwork, DataWallet, LinkingRecord } from './TypeUtil';
-
+import type { DataWallet, LinkingRecord } from './TypeUtil';
 // -- Helpers -----------------------------------------------------------------
 async function isAppInstalledIos(deepLink?: string): Promise<boolean> {
   try {

package/src/utils/NetworkUtil.ts

@@ -4,7 +4,7 @@ import { NetworkController } from '../controllers/NetworkController';
 import { AccountController } from '../controllers/AccountController';
 import { ConnectorController } from '../controllers/ConnectorController';
 import { SwapController } from '../controllers/SwapController';
-import type { CaipNetwork } from '../utils/TypeUtil';
+import { type CaipNetwork } from '@reown/appkit-common-react-native';
 
 export const NetworkUtil = {
   async handleNetworkSwitch(network: CaipNetwork) {

package/src/utils/StorageUtil.ts

@@ -10,7 +10,9 @@ import type {
 import {
   DateUtil,
   type SocialProvider,
-  type ConnectorType
+  type New_ConnectorType,
+  type ConnectorType,
+  type ChainNamespace
 } from '@reown/appkit-common-react-native';
 
 // -- Helpers -----------------------------------------------------------------
@@ -18,6 +20,7 @@ const WC_DEEPLINK = 'WALLETCONNECT_DEEPLINK_CHOICE';
 const RECENT_WALLET = '@w3m/recent';
 const CONNECTED_WALLET_IMAGE_URL = '@w3m/connected_wallet_image_url';
 const CONNECTED_CONNECTOR = '@w3m/connected_connector';
+const CONNECTED_CONNECTORS = '@appkit/connected_connectors';
 const CONNECTED_SOCIAL = '@appkit/connected_social';
 const ONRAMP_PREFERRED_COUNTRY = '@appkit/onramp_preferred_country';
 const ONRAMP_COUNTRIES = '@appkit/onramp_countries';
@@ -25,6 +28,8 @@ const ONRAMP_SERVICE_PROVIDERS = '@appkit/onramp_service_providers';
 const ONRAMP_FIAT_LIMITS = '@appkit/onramp_fiat_limits';
 const ONRAMP_FIAT_CURRENCIES = '@appkit/onramp_fiat_currencies';
 const ONRAMP_PREFERRED_FIAT_CURRENCY = '@appkit/onramp_preferred_fiat_currency';
+const ACTIVE_NAMESPACE = '@appkit/active_namespace';
+
 // -- Utility -----------------------------------------------------------------
 export const StorageUtil = {
   setWalletConnectDeepLink({ href, name }: { href: string; name: string }) {
@@ -99,6 +104,7 @@ export const StorageUtil = {
     return [];
   },
 
+  //TODO: remove this
   async setConnectedConnector(connectorType: ConnectorType) {
     try {
       await AsyncStorage.setItem(CONNECTED_CONNECTOR, JSON.stringify(connectorType));
@@ -127,6 +133,47 @@ export const StorageUtil = {
     }
   },
 
+  async setConnectedConnectors({
+    type,
+    namespaces
+  }: {
+    type: New_ConnectorType;
+    namespaces: string[];
+  }) {
+    try {
+      const currentConnectors = (await StorageUtil.getConnectedConnectors()) || [];
+      // Only add if it doesn't exist already
+      if (!currentConnectors.some(c => c.type === type)) {
+        const updatedConnectors = [...currentConnectors, { type, namespaces }];
+        await AsyncStorage.setItem(CONNECTED_CONNECTORS, JSON.stringify(updatedConnectors));
+      }
+    } catch {
+      console.info('Unable to set Connected Connector');
+    }
+  },
+
+  async getConnectedConnectors(): Promise<{ type: New_ConnectorType; namespaces: string[] }[]> {
+    try {
+      const connectors = await AsyncStorage.getItem(CONNECTED_CONNECTORS);
+
+      return connectors ? JSON.parse(connectors) : [];
+    } catch {
+      console.info('Unable to get Connected Connector');
+    }
+
+    return [];
+  },
+
+  async removeConnectedConnectors(type: New_ConnectorType) {
+    try {
+      const currentConnectors = await StorageUtil.getConnectedConnectors();
+      const updatedConnectors = currentConnectors.filter(c => c.type !== type);
+      await AsyncStorage.setItem(CONNECTED_CONNECTORS, JSON.stringify(updatedConnectors));
+    } catch {
+      console.info('Unable to remove Connected Connector');
+    }
+  },
+
   async setConnectedWalletImageUrl(url: string) {
     try {
       await AsyncStorage.setItem(CONNECTED_WALLET_IMAGE_URL, url);
@@ -348,5 +395,39 @@ export const StorageUtil = {
     }
 
     return [];
+  },
+
+  async setActiveNamespace(namespace?: ChainNamespace) {
+    try {
+      if (!namespace) {
+        await AsyncStorage.removeItem(ACTIVE_NAMESPACE);
+
+        return;
+      }
+
+      await AsyncStorage.setItem(ACTIVE_NAMESPACE, namespace);
+    } catch {
+      console.info('Unable to set Active Namespace');
+    }
+  },
+
+  async getActiveNamespace() {
+    try {
+      const namespace = (await AsyncStorage.getItem(ACTIVE_NAMESPACE)) as ChainNamespace;
+
+      return namespace ?? undefined;
+    } catch (err) {
+      console.info('Unable to get Active Namespace');
+    }
+
+    return undefined;
+  },
+
+  async removeActiveNamespace() {
+    try {
+      await AsyncStorage.removeItem(ACTIVE_NAMESPACE);
+    } catch {
+      console.info('Unable to remove Active Namespace');
+    }
   }
 };

package/src/utils/SwapApiUtil.ts

@@ -8,12 +8,14 @@ import type {
 } from './TypeUtil';
 import { AccountController } from '../controllers/AccountController';
 import { ConnectionController } from '../controllers/ConnectionController';
+import { ConnectionsController } from '../controllers/ConnectionsController';
 
 export const SwapApiUtil = {
   async getTokenList() {
+    const chainId = ConnectionsController.state.activeNetwork?.caipNetworkId ?? 'eip155:1';
     const response = await BlockchainApiController.fetchSwapTokens({
       projectId: OptionsController.state.projectId,
-      chainId: NetworkController.state.caipNetwork?.id
+      chainId
     });
     const tokens =
       response?.tokens?.map(
@@ -62,14 +64,18 @@ export const SwapApiUtil = {
   },
 
   async getMyTokensWithBalance(forceUpdate?: string) {
-    const address = AccountController.state.address;
-    const chainId = NetworkController.state.caipNetwork?.id;
+    const { activeAddress, activeNetwork: network } = ConnectionsController.state;
+    const address = activeAddress?.split(':')[2];
 
     if (!address) {
       return [];
     }
 
-    const response = await BlockchainApiController.getBalance(address, chainId, forceUpdate);
+    const response = await BlockchainApiController.getBalance(
+      address,
+      network?.caipNetworkId,
+      forceUpdate
+    );
     const balances = response?.balances.filter(balance => balance.quantity.decimals !== '0');
 
     AccountController.setTokenBalance(balances);

package/src/utils/TypeUtil.ts

@@ -1,4 +1,6 @@
 import { type EventEmitter } from 'events';
+import type { CaipAddress, CaipNetworkId } from '@reown/appkit-common-react-native';
+
 import type {
   Balance,
   SocialProvider,
@@ -6,23 +8,13 @@ import type {
   Transaction,
   ConnectorType
 } from '@reown/appkit-common-react-native';
+
 import { OnRampErrorType } from './ConstantsUtil';
 
 export interface BaseError {
   message?: string;
 }
 
-export type CaipAddress = `${string}:${string}:${string}`;
-
-export type CaipNetworkId = `${string}:${string}`;
-
-export interface CaipNetwork {
-  id: CaipNetworkId;
-  name?: string;
-  imageId?: string;
-  imageUrl?: string;
-}
-
 export type ConnectedWalletInfo =
   | {
       name?: string;
@@ -179,6 +171,7 @@ export interface BlockchainApiTransactionsRequest {
   onramp?: 'coinbase';
   signal?: AbortSignal;
   cache?: RequestCache;
+  chainId?: CaipNetworkId;
 }
 
 export interface BlockchainApiTransactionsResponse {
@@ -346,13 +339,6 @@ export type BlockchainApiOnRampWidgetResponse = {
 };
 
 // -- OptionsController Types ---------------------------------------------------
-export interface Token {
-  address: string;
-  image?: string;
-}
-
-export type Tokens = Record<CaipNetworkId, Token>;
-
 export type Metadata = {
   name: string;
   description: string;
@@ -461,7 +447,7 @@ export type Event =
       type: 'track';
       event: 'SWITCH_NETWORK';
       properties: {
-        network: string;
+        network: number | string;
       };
     }
   | {

package/lib/commonjs/utils/ConnectionUtil.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConnectionUtil = void 0;
-var _AccountController = require("../controllers/AccountController");
-var _ConnectionController = require("../controllers/ConnectionController");
-var _EventsController = require("../controllers/EventsController");
-var _ModalController = require("../controllers/ModalController");
-var _RouterController = require("../controllers/RouterController");
-var _TransactionsController = require("../controllers/TransactionsController");
-const ConnectionUtil = exports.ConnectionUtil = {
-  async disconnect() {
-    try {
-      await _ConnectionController.ConnectionController.disconnect();
-      _ModalController.ModalController.close();
-      _AccountController.AccountController.setIsConnected(false);
-      _RouterController.RouterController.reset('Connect');
-      _TransactionsController.TransactionsController.resetTransactions();
-      _EventsController.EventsController.sendEvent({
-        type: 'track',
-        event: 'DISCONNECT_SUCCESS'
-      });
-    } catch (error) {
-      _EventsController.EventsController.sendEvent({
-        type: 'track',
-        event: 'DISCONNECT_ERROR'
-      });
-    }
-  }
-};
-//# sourceMappingURL=ConnectionUtil.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_AccountController","require","_ConnectionController","_EventsController","_ModalController","_RouterController","_TransactionsController","ConnectionUtil","exports","disconnect","ConnectionController","ModalController","close","AccountController","setIsConnected","RouterController","reset","TransactionsController","resetTransactions","EventsController","sendEvent","type","event","error"],"sourceRoot":"../../../src","sources":["utils/ConnectionUtil.ts"],"mappings":";;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AAEO,MAAMM,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAC5B,MAAME,UAAUA,CAAA,EAAG;IACjB,IAAI;MACF,MAAMC,0CAAoB,CAACD,UAAU,CAAC,CAAC;MACvCE,gCAAe,CAACC,KAAK,CAAC,CAAC;MACvBC,oCAAiB,CAACC,cAAc,CAAC,KAAK,CAAC;MACvCC,kCAAgB,CAACC,KAAK,CAAC,SAAS,CAAC;MACjCC,8CAAsB,CAACC,iBAAiB,CAAC,CAAC;MAC1CC,kCAAgB,CAACC,SAAS,CAAC;QACzBC,IAAI,EAAE,OAAO;QACbC,KAAK,EAAE;MACT,CAAC,CAAC;IACJ,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdJ,kCAAgB,CAACC,SAAS,CAAC;QACzBC,IAAI,EAAE,OAAO;QACbC,KAAK,EAAE;MACT,CAAC,CAAC;IACJ;EACF;AACF,CAAC"}

package/lib/module/utils/ConnectionUtil.js

@@ -1,27 +0,0 @@
-import { AccountController } from '../controllers/AccountController';
-import { ConnectionController } from '../controllers/ConnectionController';
-import { EventsController } from '../controllers/EventsController';
-import { ModalController } from '../controllers/ModalController';
-import { RouterController } from '../controllers/RouterController';
-import { TransactionsController } from '../controllers/TransactionsController';
-export const ConnectionUtil = {
-  async disconnect() {
-    try {
-      await ConnectionController.disconnect();
-      ModalController.close();
-      AccountController.setIsConnected(false);
-      RouterController.reset('Connect');
-      TransactionsController.resetTransactions();
-      EventsController.sendEvent({
-        type: 'track',
-        event: 'DISCONNECT_SUCCESS'
-      });
-    } catch (error) {
-      EventsController.sendEvent({
-        type: 'track',
-        event: 'DISCONNECT_ERROR'
-      });
-    }
-  }
-};
-//# sourceMappingURL=ConnectionUtil.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["AccountController","ConnectionController","EventsController","ModalController","RouterController","TransactionsController","ConnectionUtil","disconnect","close","setIsConnected","reset","resetTransactions","sendEvent","type","event","error"],"sourceRoot":"../../../src","sources":["utils/ConnectionUtil.ts"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,kCAAkC;AACpE,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,SAASC,gBAAgB,QAAQ,iCAAiC;AAClE,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,gBAAgB,QAAQ,iCAAiC;AAClE,SAASC,sBAAsB,QAAQ,uCAAuC;AAE9E,OAAO,MAAMC,cAAc,GAAG;EAC5B,MAAMC,UAAUA,CAAA,EAAG;IACjB,IAAI;MACF,MAAMN,oBAAoB,CAACM,UAAU,CAAC,CAAC;MACvCJ,eAAe,CAACK,KAAK,CAAC,CAAC;MACvBR,iBAAiB,CAACS,cAAc,CAAC,KAAK,CAAC;MACvCL,gBAAgB,CAACM,KAAK,CAAC,SAAS,CAAC;MACjCL,sBAAsB,CAACM,iBAAiB,CAAC,CAAC;MAC1CT,gBAAgB,CAACU,SAAS,CAAC;QACzBC,IAAI,EAAE,OAAO;QACbC,KAAK,EAAE;MACT,CAAC,CAAC;IACJ,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdb,gBAAgB,CAACU,SAAS,CAAC;QACzBC,IAAI,EAAE,OAAO;QACbC,KAAK,EAAE;MACT,CAAC,CAAC;IACJ;EACF;AACF,CAAC"}

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

@@ -1,4 +0,0 @@
-export declare const ConnectionUtil: {
-    disconnect(): Promise<void>;
-};
-//# sourceMappingURL=ConnectionUtil.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConnectionUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/ConnectionUtil.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,cAAc;;CAmB1B,CAAC"}

package/src/utils/ConnectionUtil.ts

@@ -1,27 +0,0 @@
-import { AccountController } from '../controllers/AccountController';
-import { ConnectionController } from '../controllers/ConnectionController';
-import { EventsController } from '../controllers/EventsController';
-import { ModalController } from '../controllers/ModalController';
-import { RouterController } from '../controllers/RouterController';
-import { TransactionsController } from '../controllers/TransactionsController';
-
-export const ConnectionUtil = {
-  async disconnect() {
-    try {
-      await ConnectionController.disconnect();
-      ModalController.close();
-      AccountController.setIsConnected(false);
-      RouterController.reset('Connect');
-      TransactionsController.resetTransactions();
-      EventsController.sendEvent({
-        type: 'track',
-        event: 'DISCONNECT_SUCCESS'
-      });
-    } catch (error) {
-      EventsController.sendEvent({
-        type: 'track',
-        event: 'DISCONNECT_ERROR'
-      });
-    }
-  }
-};