@reown/appkit-react-native 2.0.0 → 2.0.1

package/lib/module/AppKit.js

@@ -1,12 +1,21 @@
-import { AccountController, EventsController, ModalController, ConnectionsController, OptionsController, RouterController, TransactionsController, StorageUtil, ThemeController, ConnectionController } from '@reown/appkit-core-react-native';
+"use strict";
+
+import { subscribeKey } from 'valtio/utils';
+import { EventsController, ModalController, ConnectionsController, OptionsController, RouterController, TransactionsController, StorageUtil, ThemeController, WcController, SwapController, OnRampController, CoreHelperUtil, SendController, BlockchainApiController, WalletUtil, LogController } from '@reown/appkit-core-react-native';
+import { ConstantsUtil } from '@reown/appkit-common-react-native';
 import { WalletConnectConnector } from './connectors/WalletConnectConnector';
 import { WcHelpersUtil } from './utils/HelpersUtil';
 import { NetworkUtil } from './utils/NetworkUtil';
-import { SIWEController } from '@reown/appkit-siwe-react-native';
+import { RouterUtil } from './utils/RouterUtil';
+import { SIWXUtil } from './utils/SIWXUtil';
+const APPKIT_INSTANCE_KEY = Symbol.for('__REOWN_APPKIT_INSTANCE__');
+
+// Type helper to access the symbol-keyed property on globalThis
+
 export class AppKit {
   constructor(config) {
     this.projectId = config.projectId;
-    this.adapters = config.adapters;
+    this.adapters = config.adapters ?? [];
 
     // Validate adapters to ensure no duplicate chainNamespaces
     const namespaceMap = new Map();
@@ -18,13 +27,24 @@ export class AppKit {
       }
       namespaceMap.set(chainNamespace, adapterName);
     }
-    this.networks = NetworkUtil.formatNetworks(config.networks, this.projectId); //TODO: check this
-    this.defaultNetwork = config.defaultNetwork ? NetworkUtil.formatNetwork(config.defaultNetwork, this.projectId) : undefined;
-    this.namespaces = WcHelpersUtil.createNamespaces(this.networks);
+    const formattedNetworks = NetworkUtil.formatNetworks(config.networks, this.projectId);
+
+    // Use only networks that have adapters
+    const networksWithAdapters = formattedNetworks.filter(network => {
+      return this.adapters.some(adapter => adapter.getSupportedNamespace() === network.chainNamespace);
+    });
+    config.networks.forEach(network => {
+      if (!networksWithAdapters.some(n => n.id === network.id)) {
+        console.warn(`AppKit: missing adapter for network ${network.name} - ${network.id}`);
+      }
+    });
+    this.networks = networksWithAdapters;
+    this.namespaces = WcHelpersUtil.createNamespaces(this.networks, config.universalProviderConfigOverride);
     this.config = config;
     this.extraConnectors = config.extraConnectors || [];
     this.initControllers(config);
     this.initConnectors();
+    this.watchBalance();
   }
 
   /**
@@ -32,50 +52,62 @@ export class AppKit {
    * @param type - The type of connector to use.
    * @param options - Optional connection options.
    */
-  async connect(type, options) {
+  async connect(options) {
     try {
       const {
-        namespaces,
-        defaultChain,
-        universalLink
+        wallet,
+        walletId
       } = options ?? {};
-      const connector = await this.createConnector(type);
+      let targetWallet;
+      if (walletId) {
+        targetWallet = WalletUtil.getWallet(walletId);
+      } else if (wallet) {
+        targetWallet = wallet;
+      }
+      const connectorType = WcHelpersUtil.getConnectorTypeByWallet(targetWallet);
+      const connector = await this.createConnector(connectorType);
+      const chain = NetworkUtil.getDefaultNetwork(this.namespaces, OptionsController.state.defaultNetwork);
       const approvedNamespaces = await connector.connect({
-        namespaces: namespaces ?? this.namespaces,
-        defaultChain,
-        universalLink
+        namespaces: this.namespaces,
+        defaultNetwork: chain,
+        universalLink: targetWallet?.link_mode ?? undefined
       });
-      const walletInfo = connector.getWalletInfo();
-      if (!approvedNamespaces || Object.keys(approvedNamespaces).length === 0) {
-        throw new Error('Connection cancelled or failed: No approved namespaces returned.');
-      }
-
-      // Setup adapters and subscribe to adapter events
-      const approvedAdapters = this.setupAdaptersAndSubscribe(connector, Object.keys(approvedNamespaces));
+      this.processConnection(connector, approvedNamespaces);
 
-      // Check if any compatible adapters were found for the *approved* namespaces
-      if (approvedAdapters.length === 0) {
-        //TODO: handle case where devs want to connect to a namespace that has no adapters. Could use the provider directly.
-        throw new Error('No compatible adapters found for the approved namespaces');
+      // Save connector type and namespaces in storage
+      if (approvedNamespaces && Object.keys(approvedNamespaces).length > 0) {
+        await StorageUtil.setConnectedConnectors({
+          type: connector.type,
+          namespaces: Object.keys(approvedNamespaces)
+        });
       }
-
-      // Store the connection details for the successfully connected adapters
-      this.storeConnectionDetails(approvedAdapters, approvedNamespaces, walletInfo);
-
-      // Store connector type and namespaces in storage
-      await StorageUtil.setConnectedConnectors({
-        type: connector.type,
-        namespaces: Object.keys(approvedNamespaces)
-      });
-      this.syncAccounts(approvedAdapters);
-
-      //TODO: Replace this
-      AccountController.setIsConnected(true);
     } catch (error) {
-      console.warn('Connection failed:', error);
+      LogController.sendError(error, 'AppKit.ts', 'connect');
       throw error;
     }
   }
+  async processConnection(connector, namespaces) {
+    if (!namespaces || Object.keys(namespaces).length === 0) {
+      throw new Error('No namespaces provided');
+    }
+    const walletInfo = connector.getWalletInfo();
+    const properties = connector.getProperties();
+    const initializedAdapters = this.setupAdaptersAndSubscribe(connector, Object.keys(namespaces));
+    if (initializedAdapters.length === 0) {
+      console.warn('No compatible adapters found for namespaces:', Object.keys(namespaces));
+      return;
+    }
+
+    // Store the connection details
+    this.setConnection(initializedAdapters, namespaces, walletInfo, properties);
+
+    // Sync accounts
+    await this.syncAccounts(initializedAdapters);
+    await SIWXUtil.initializeIfEnabled({
+      onDisconnect: this.disconnect,
+      closeModal: true
+    });
+  }
 
   /**
    * Disconnects from a given namespace.
@@ -95,15 +127,28 @@ export class AppKit {
         await StorageUtil.removeConnectedConnectors(connectorType);
       }
       ModalController.close();
-      AccountController.setIsConnected(false); // Might need adjustment based on multi-connection logic
       RouterController.reset('Connect');
-      TransactionsController.resetTransactions();
-      ConnectionController.disconnect();
+      TransactionsController.resetState();
+      SwapController.resetState();
+      SendController.resetState();
+      OnRampController.resetState();
+      WcController.resetState();
+      EventsController.resetState();
+      if (ConnectionsController.state.activeNamespace === undefined) {
+        ConnectionsController.setActiveNamespace(OptionsController.state.defaultNetwork?.chainNamespace);
+      }
+      if (SIWXUtil.getSIWX()?.signOutOnDisconnect) {
+        await SIWXUtil.clearSessions();
+      }
       EventsController.sendEvent({
         type: 'track',
-        event: 'DISCONNECT_SUCCESS'
+        event: 'DISCONNECT_SUCCESS',
+        properties: {
+          namespace: activeNamespace
+        }
       });
     } catch (error) {
+      LogController.sendError(error, 'AppKit.ts', 'disconnect');
       EventsController.sendEvent({
         type: 'track',
         event: 'DISCONNECT_ERROR'
@@ -114,19 +159,33 @@ export class AppKit {
   /**
    * Returns the provider for a given namespace.
    * @param namespace - The namespace to get the provider for.
-   * @returns The provider for the given namespace.
+   * @returns The provider for the given namespace, or null if not available or not yet initialized.
    */
   getProvider(namespace) {
     const activeNamespace = namespace ?? ConnectionsController.state.activeNamespace;
     if (!activeNamespace) return null;
     const connection = ConnectionsController.state.connections.get(activeNamespace);
     if (!connection || !connection.adapter || !connection.adapter.connector) return null;
-    return connection.adapter.connector.getProvider();
+    try {
+      return connection.adapter.connector.getProvider();
+    } catch (error) {
+      // Provider not initialized yet during session restoration
+      // This can happen on app restart when restoring a previous connection
+      LogController.sendError(error, 'AppKit.ts', 'getProvider');
+      return null;
+    }
   }
   getNetworks() {
     return this.networks;
   }
   async switchNetwork(network) {
+    const {
+      isConnected
+    } = ConnectionsController.state;
+    if (!isConnected) {
+      OptionsController.setDefaultNetwork(network);
+      return Promise.resolve();
+    }
     const adapter = this.getAdapterByNamespace(network.chainNamespace);
     if (!adapter) throw new Error('No active adapter');
     await adapter.switchNetwork(network);
@@ -134,19 +193,65 @@ export class AppKit {
       type: 'track',
       event: 'SWITCH_NETWORK',
       properties: {
-        network: network.id
+        network: network.caipNetworkId
       }
     });
-    ConnectionsController.setActiveNetwork(adapter.getSupportedNamespace(), `${adapter.getSupportedNamespace()}:${network.id}`);
-    if (ConnectionsController.state.activeNamespace !== network.chainNamespace) {
-      ConnectionsController.setActiveNamespace(network.chainNamespace);
-    }
+    ConnectionsController.setActiveNetwork(network.chainNamespace, network.caipNetworkId);
   }
   open(options) {
     ModalController.open(options);
   }
-  close() {
+  async close() {
     ModalController.close();
+    const isSIWXRequired = SIWXUtil.getSIWX()?.getRequired?.();
+    if (isSIWXRequired && ConnectionsController.state.isConnected) {
+      const sessions = await SIWXUtil.getSessions();
+      if (!sessions.length) {
+        return await this.disconnect();
+      }
+    }
+    if (RouterController.state.view === 'UnsupportedChain') {
+      return await this.disconnect();
+    }
+    RouterUtil.checkOnRampBack();
+    RouterUtil.checkSocialLoginBack();
+    EventsController.sendWalletImpressions();
+  }
+  back() {
+    if (RouterController.state.history.length > 1) {
+      RouterUtil.checkBack();
+      return RouterController.goBack();
+    }
+    const isSIWXRequired = SIWXUtil.getSIWX()?.getRequired?.();
+    if (isSIWXRequired) {
+      // Don't close the modal if SIWX is required
+      return;
+    }
+    return this.close();
+  }
+  async switchAccountType(namespace, type, network) {
+    const adapter = this.getAdapterByNamespace(namespace);
+    if (!adapter) throw new Error('No active adapter');
+    const address = ConnectionsController.setAccountType(namespace, type);
+
+    // Get balances from API
+    ConnectionsController.fetchBalance();
+
+    // Fetch transactions for the new account
+    if (address) {
+      TransactionsController.fetchTransactions(address, true);
+    }
+
+    // Sync balances from adapter
+    this.syncNativeBalance(adapter, network);
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'SET_PREFERRED_ACCOUNT_TYPE',
+      properties: {
+        accountType: type,
+        network: network?.caipNetworkId || ''
+      }
+    });
   }
   async createConnector(type) {
     // Check if an extra connector was provided by the developer
@@ -160,50 +265,60 @@ export class AppKit {
     }
 
     // Default to WalletConnectConnector if no custom connector matches
-    const walletConnectConnector = new WalletConnectConnector({
+    return this.createWalletConnectConnector();
+  }
+  async createWalletConnectConnector() {
+    if (this.walletConnectConnector) {
+      return this.walletConnectConnector;
+    }
+    this.walletConnectConnector = new WalletConnectConnector({
       projectId: this.projectId
     });
-    await walletConnectConnector.init({
+    await this.walletConnectConnector.init({
       storage: this.config.storage,
       metadata: this.config.metadata
     });
-    return walletConnectConnector;
+    return this.walletConnectConnector;
   }
 
-  //TODO: reuse logic with connect method
   /**
    * Initializes connectors based on stored connection data.
    * This attempts to restore previous sessions.
    */
   async initConnectors() {
-    const connectedConnectors = await StorageUtil.getConnectedConnectors(); // Fetch stored connectors
+    ModalController.setLoading(true);
+
+    //Always init the walletconnect connector
+    await this.createWalletConnectConnector();
+    const connectedConnectors = await StorageUtil.getConnectedConnectors();
     if (connectedConnectors.length > 0) {
-      ModalController.setLoading(true);
       for (const connected of connectedConnectors) {
         try {
           const connector = await this.createConnector(connected.type);
           const namespaces = connector.getNamespaces();
-          const walletInfo = connector.getWalletInfo();
-          if (namespaces && Object.keys(namespaces).length > 0) {
-            // Ensure namespaces is not empty
-            // Setup adapters and subscribe to events
-            const initializedAdapters = this.setupAdaptersAndSubscribe(connector, Object.keys(namespaces));
-
-            // If adapters were successfully initialized, store the connection details
-            if (initializedAdapters.length > 0) {
-              this.storeConnectionDetails(initializedAdapters, namespaces, walletInfo);
-            }
-            this.syncAccounts(initializedAdapters);
-            AccountController.setIsConnected(true);
-          }
+          await this.processConnection(connector, namespaces);
         } catch (error) {
-          // Use console.warn for non-critical initialization failures
-          console.warn(`Failed to initialize connector type ${connected.type}:`, error);
+          LogController.sendError(error, 'AppKit.ts', 'initializeConnector', {
+            connectorType: connected.type
+          });
           await StorageUtil.removeConnectedConnectors(connected.type);
         }
       }
-      ModalController.setLoading(false);
+      const address = ConnectionsController.state.activeAddress;
+      const walletInfo = ConnectionsController.state.walletInfo;
+      if (address) {
+        EventsController.sendEvent({
+          type: 'track',
+          event: 'CONNECT_SUCCESS',
+          address: CoreHelperUtil.getPlainAddress(address),
+          properties: {
+            name: walletInfo?.name ?? 'Unknown',
+            reconnect: true
+          }
+        });
+      }
     }
+    ModalController.setLoading(false);
   }
   setupAdaptersAndSubscribe(connector, namespaces) {
     const adapters = this.adapters.filter(adapter => namespaces.includes(adapter.getSupportedNamespace()));
@@ -213,7 +328,9 @@ export class AppKit {
       return [];
     }
     adapters.forEach(adapter => {
-      adapter.setConnector(connector);
+      adapter.init({
+        connector
+      });
       this.subscribeToAdapterEvents(adapter);
     });
     return adapters;
@@ -229,42 +346,121 @@ export class AppKit {
     adapters.forEach(async adapter => {
       const namespace = adapter.getSupportedNamespace();
       const connection = ConnectionsController.state.connections.get(namespace);
-      if (connection) {
-        const accounts = adapter.getAccounts();
-        if (accounts && accounts.length > 0) {
-          ConnectionsController.updateAccounts(namespace, accounts);
-          const network = this.networks.find(n => n.id?.toString() === connection?.caipNetwork?.split(':')[1]);
-          const address = accounts.find(a => a.split(':')[1] === connection.caipNetwork?.split(':')[1]);
-          if (address) {
+      const network = this.networks.find(n => n.id?.toString() === connection?.caipNetwork?.split(':')[1]);
+      this.syncNativeBalance(adapter, network);
+      this.syncIdentity(namespace, connection);
+    });
+  }
+  syncNativeBalance(adapter, network) {
+    if (adapter && network) {
+      const accounts = adapter.getAccounts();
+      if (accounts && accounts.length > 0) {
+        const addresses = accounts.filter(a => a.split(':')[1] === network?.id?.toString());
+        if (addresses.length > 0) {
+          addresses.forEach(address => {
             adapter.getBalance({
               address,
               network,
               tokens: this.config.tokens
             });
-          }
+          });
         }
       }
-    });
+    }
   }
-  storeConnectionDetails(adapters, approvedNamespaces, wallet) {
+  async syncIdentity(namespace, connection) {
+    if (namespace !== 'eip155' || !connection?.accounts?.length) return;
+    const uniqueAddresses = [...new Set(connection.accounts.map(account => CoreHelperUtil.getPlainAddress(account)))];
+
+    // Process addresses sequentially to avoid race conditions
+    for (const plainAddress of uniqueAddresses) {
+      try {
+        // Validate address format before type assertion
+        if (!plainAddress || !CoreHelperUtil.isAddress(plainAddress, 'eip155')) {
+          console.warn(`Invalid Ethereum address format: ${plainAddress}`);
+          continue;
+        }
+        const identity = await BlockchainApiController.fetchIdentity({
+          address: plainAddress
+        });
+        if (identity?.name) {
+          ConnectionsController.updateIdentity(namespace, connection, plainAddress, identity);
+        }
+      } catch (error) {
+        LogController.sendError(error, 'AppKit.ts', 'syncIdentity');
+        // Continue processing other addresses even if one fails
+      }
+    }
+  }
+  refreshBalance(fetchAllBalances = false) {
+    try {
+      if (fetchAllBalances) {
+        ConnectionsController.fetchBalance();
+      }
+      const ns = ConnectionsController.state.activeNamespace;
+      const network = ConnectionsController.state.activeNetwork;
+      if (ns && network) {
+        const adapter = this.getAdapterByNamespace(ns);
+        if (adapter) {
+          this.syncNativeBalance(adapter, network);
+        }
+      }
+    } catch (error) {
+      // ignore
+      LogController.sendError(error, 'AppKit.ts', 'refreshBalance');
+    }
+  }
+  startBalancePolling(fetchAllBalances = false) {
+    if (this.balanceIntervalId) return;
+    // immediate fetch
+    this.refreshBalance(fetchAllBalances);
+    this.balanceIntervalId = setInterval(() => this.refreshBalance(fetchAllBalances), 10000);
+  }
+  stopBalancePolling() {
+    if (this.balanceIntervalId) {
+      clearInterval(this.balanceIntervalId);
+      this.balanceIntervalId = undefined;
+    }
+  }
+  watchBalance() {
+    // watch balance when user is on account or account default view
+    const recomputePolling = () => {
+      const open = ModalController.state.open;
+      const view = RouterController.state.view;
+      if (open && (view === 'Account' || view === 'AccountDefault')) {
+        // fetch all balances when user is using embedded wallet
+        this.startBalancePolling(view === 'Account');
+      } else {
+        this.stopBalancePolling();
+      }
+    };
+    recomputePolling();
+    subscribeKey(RouterController.state, 'view', () => recomputePolling());
+    subscribeKey(ModalController.state, 'open', () => recomputePolling());
+  }
+  setConnection(adapters, approvedNamespaces, wallet, properties) {
     adapters.forEach(async adapter => {
       const namespace = adapter.getSupportedNamespace();
       const namespaceDetails = approvedNamespaces[namespace];
-      if (!namespaceDetails) return; // Should not happen if filtering is correct
-
+      if (!namespaceDetails) return;
       const accounts = namespaceDetails.accounts ?? [];
       const chains = namespaceDetails.chains ?? [];
       const caipNetwork = adapter?.connector?.getChainId(namespace);
-      ConnectionsController.storeConnection({
-        namespace,
-        adapter,
+      const namespaceProperties = {
+        ...properties,
+        smartAccounts: properties?.smartAccounts?.filter(account => account.startsWith(namespace)),
+        canAddEvmChain: wallet?.name === 'MetaMask Wallet' // MetaMask allows adding EVM chains after connecting
+      };
+      ConnectionsController.setConnection({
         accounts,
-        chains,
-        caipNetwork,
+        adapter,
+        caipNetwork: caipNetwork ?? chains[0],
+        namespace,
+        properties: namespaceProperties,
         wallet
       });
     });
-    const updateActiveNamespace = !Object.keys(approvedNamespaces).find(n => n === ConnectionsController.state.activeNamespace);
+    const updateActiveNamespace = !Object.keys(approvedNamespaces).some(namespace => namespace === ConnectionsController.state.activeNamespace);
 
     // If the active namespace is not in the approved namespaces or is undefined, set the first connected adapter's namespace as active
     if (updateActiveNamespace && adapters[0]) {
@@ -276,24 +472,38 @@ export class AppKit {
       accounts
     }) => {
       const namespace = adapter.getSupportedNamespace();
-      //eslint-disable-next-line no-console
-      console.log('accountsChanged', accounts, namespace);
-      //TODO: check this
+      ConnectionsController.updateAccounts(namespace, accounts);
     });
-
-    adapter.on('chainChanged', ({
+    adapter.on('chainChanged', async ({
       chainId
     }) => {
+      const isSupported = this.networks.some(network => network.id?.toString() === chainId);
+      if (!isSupported) {
+        return this.navigate('UnsupportedChain');
+      }
       const namespace = adapter.getSupportedNamespace();
       const chain = `${namespace}:${chainId}`;
       ConnectionsController.setActiveNetwork(namespace, chain);
+      const connection = ConnectionsController.state.connections.get(namespace);
+      const isAuth = !!connection?.properties?.provider;
       const network = this.networks.find(n => n.id?.toString() === chainId);
-      if (network) {
-        adapter.getBalance({
-          network,
-          tokens: this.config.tokens
-        });
+      this.syncNativeBalance(adapter, network);
+      SendController.resetState();
+
+      // Refresh balance for embedded wallets
+      if (isAuth) {
+        ConnectionsController.fetchBalance();
+      }
+      const address = connection?.accounts?.find(account => account.startsWith(`${namespace}:${chainId}`));
+      if (address) {
+        TransactionsController.fetchTransactions(address, true);
       }
+      const closeModal = RouterController.state.view === 'UnsupportedChain';
+      SIWXUtil.initializeIfEnabled({
+        onDisconnect: this.disconnect,
+        caipAddress: address,
+        closeModal
+      });
     });
     adapter.on('disconnect', () => {
       const namespace = adapter.getSupportedNamespace();
@@ -308,77 +518,167 @@ export class AppKit {
     });
   }
   async initControllers(options) {
-    await this.initAsyncValues(options);
+    await this.initStorageAndValues(options);
+    let defaultNetwork;
     OptionsController.setProjectId(options.projectId);
     OptionsController.setMetadata(options.metadata);
     OptionsController.setIncludeWalletIds(options.includeWalletIds);
-    OptionsController.setExcludeWalletIds(options.excludeWalletIds);
+    this.setExcludedWallets(options);
+    this.setCustomWallets(options);
     OptionsController.setFeaturedWalletIds(options.featuredWalletIds);
-    OptionsController.setTokens(options.tokens);
-    OptionsController.setCustomWallets(options.customWallets);
     OptionsController.setEnableAnalytics(options.enableAnalytics);
     OptionsController.setDebug(options.debug);
+    LogController.sendInfo('AppKit initialization started', 'AppKit.ts', 'initControllers', {
+      projectId: options.projectId,
+      adapters: this.adapters.map(a => a.constructor.name),
+      networks: this.networks.map(n => n.name),
+      debug: options.debug
+    });
     OptionsController.setFeatures(options.features);
-    OptionsController.setStorage(options.storage);
-    ThemeController.setThemeMode(options.themeMode);
+    OptionsController.setRequestedNetworks(this.networks);
+    if (options.defaultNetwork) {
+      defaultNetwork = NetworkUtil.formatNetwork(options.defaultNetwork, this.projectId);
+      OptionsController.setDefaultNetwork(defaultNetwork);
+    }
+    ThemeController.setDefaultThemeMode(options.themeMode);
     ThemeController.setThemeVariables(options.themeVariables);
-
-    //TODO: function to get sdk version based on adapters
-    // OptionsController.setSdkVersion(options._sdkVersion);
-
+    OptionsController.setSdkVersion(CoreHelperUtil.generateSdkVersion(this.adapters, ConstantsUtil.VERSION));
     if (options.clipboardClient) {
       OptionsController.setClipboardClient(options.clipboardClient);
     }
     ConnectionsController.setNetworks(this.networks);
-    if (options.siweConfig) {
-      SIWEController.setSIWEClient(options.siweConfig);
+    if (options.siwx) {
+      OptionsController.setSiwx(options.siwx);
     }
-
-    // if (
-    //   (options.features?.onramp === true || options.features?.onramp === undefined) &&
-    //   (options.metadata?.redirect?.universal || options.metadata?.redirect?.native)
-    // ) {
-    //   OptionsController.setIsOnRampEnabled(true);
-    // }
+    if ((options.features?.onramp === true || options.features?.onramp === undefined) && (options.metadata?.redirect?.universal || options.metadata?.redirect?.native)) {
+      OptionsController.setIsOnRampEnabled(true);
+    }
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'INITIALIZE',
+      properties: {
+        showWallets: options.features?.showWallets,
+        themeMode: options.themeMode,
+        themeVariables: options.themeVariables,
+        networks: this.networks.map(network => network.caipNetworkId).filter(Boolean),
+        defaultNetwork: defaultNetwork?.caipNetworkId,
+        metadata: options.metadata,
+        enableAnalytics: options.enableAnalytics,
+        features: options.features,
+        adapters: this.adapters.map(adapter => adapter?.constructor?.name).filter(Boolean),
+        extraConnectors: this.extraConnectors.map(connector => connector?.type).filter(Boolean),
+        siwx: !!options.siwx
+      }
+    });
   }
-
   async initActiveNamespace() {
     const activeNamespace = await StorageUtil.getActiveNamespace();
     if (activeNamespace) {
       ConnectionsController.setActiveNamespace(activeNamespace);
-    } else if (this.defaultNetwork) {
-      ConnectionsController.setActiveNamespace(this.defaultNetwork?.chainNamespace);
+    } else if (OptionsController.state.defaultNetwork) {
+      ConnectionsController.setActiveNamespace(OptionsController.state.defaultNetwork?.chainNamespace);
     }
   }
   async initRecentWallets(options) {
     const wallets = await StorageUtil.getRecentWallets();
-    const connectedWalletImage = await StorageUtil.getConnectedWalletImageUrl();
     const filteredWallets = wallets.filter(wallet => {
       const {
         includeWalletIds,
         excludeWalletIds
       } = options;
-      if (includeWalletIds) {
+      if (includeWalletIds?.length) {
         return includeWalletIds.includes(wallet.id);
       }
-      if (excludeWalletIds) {
+      if (excludeWalletIds?.length) {
         return !excludeWalletIds.includes(wallet.id);
       }
-      return true;
+      return this.networks.some(network => wallet.chains?.some(chain => network.caipNetworkId === chain));
     });
-    ConnectionController.setRecentWallets(filteredWallets);
-    if (connectedWalletImage) {
-      ConnectionController.setConnectedWalletImageUrl(connectedWalletImage);
+    WcController.setRecentWallets(filteredWallets);
+  }
+  setExcludedWallets(options) {
+    const excludedWallets = options.excludeWalletIds || [];
+
+    // Exclude Coinbase if the connector is not implemented
+    const excludeCoinbase = !this.extraConnectors.some(connector => connector.type === 'coinbase');
+    if (excludeCoinbase) {
+      excludedWallets.push(ConstantsUtil.COINBASE_CUSTOM_WALLET.id);
+    }
+    OptionsController.setExcludeWalletIds(excludedWallets);
+  }
+  setCustomWallets(options) {
+    const {
+      customWallets,
+      extraConnectors,
+      adapters
+    } = options;
+    const customList = [...(customWallets ?? [])];
+    const isSolanaEnabled = adapters.some(adapter => adapter.getSupportedNamespace() === 'solana') && this.networks.some(network => network.chainNamespace === 'solana');
+    const addPhantom = isSolanaEnabled && extraConnectors?.some(connector => connector.type.toLowerCase() === 'phantom') && !customList.some(wallet => wallet.id === ConstantsUtil.PHANTOM_CUSTOM_WALLET.id);
+    if (addPhantom) {
+      customList.push(ConstantsUtil.PHANTOM_CUSTOM_WALLET);
+    }
+    const addSolflare = isSolanaEnabled && extraConnectors?.some(connector => connector.type.toLowerCase() === 'solflare') && !customList.some(wallet => wallet.id === ConstantsUtil.SOLFLARE_CUSTOM_WALLET.id);
+    if (addSolflare) {
+      customList.push(ConstantsUtil.SOLFLARE_CUSTOM_WALLET);
     }
+    OptionsController.setCustomWallets(customList);
   }
-  async initAsyncValues(options) {
+  async initStorageAndValues(options) {
+    if (!options.storage) {
+      throw new Error('AppKit: Storage is not set');
+    }
+    OptionsController.setStorage(options.storage);
     await this.initActiveNamespace();
     await this.initRecentWallets(options);
-    //disable coinbase if connector is not set
   }
+  navigate = routeName => {
+    if (RouterController.state.view === routeName) {
+      return;
+    }
+    if (ModalController.state.open) {
+      RouterController.push(routeName);
+    } else {
+      ModalController.open({
+        view: routeName
+      });
+    }
+  };
 }
 
+/**
+ * Creates or returns the existing AppKit singleton instance.
+ *
+ * @warning This function implements a singleton pattern. If an instance already exists,
+ * it will be returned and the provided config parameter will be IGNORED. If you need to
+ * change configuration, you must reload your application or clear the singleton manually.
+ *
+ * @param config - AppKit configuration options
+ * @returns The AppKit singleton instance
+ * @throws Error if configuration validation fails
+ */
 export function createAppKit(config) {
-  return new AppKit(config);
+  try {
+    const globalWithAppKit = globalThis;
+    if (!globalWithAppKit[APPKIT_INSTANCE_KEY]) {
+      if (config.debug && __DEV__) {
+        // using console.log to avoid possible issues with LogController not being initialized
+        //eslint-disable-next-line no-console
+        console.log('AppKit: Creating new instance - AppKit.ts:createAppKit');
+      }
+      globalWithAppKit[APPKIT_INSTANCE_KEY] = new AppKit(config);
+    } else if (config.debug && __DEV__) {
+      //eslint-disable-next-line no-console
+      console.log('AppKit: Reusing existing instance - AppKit.ts:createAppKit');
+    }
+    return globalWithAppKit[APPKIT_INSTANCE_KEY];
+  } catch (error) {
+    if (__DEV__) {
+      // using console.error to avoid possible issues with LogController not being initialized
+      //eslint-disable-next-line no-console
+      console.error('AppKit: Failed to create instance - AppKit.ts:createAppKit', error);
+    }
+    throw error;
+  }
 }
 //# sourceMappingURL=AppKit.js.map