@reown/appkit-react-native 2.0.0-alpha.1 → 2.0.0-alpha.3

package/src/AppKit.ts

@@ -1,6 +1,4 @@
 import {
-  type Features,
-  AccountController,
   EventsController,
   ModalController,
   ConnectionsController,
@@ -8,71 +6,53 @@ import {
   RouterController,
   TransactionsController,
   StorageUtil,
-  type OptionsControllerState,
   ThemeController,
-  ConnectionController
+  WcController,
+  SwapController,
+  OnRampController,
+  CoreHelperUtil,
+  SendController,
+  BlockchainApiController
 } from '@reown/appkit-core-react-native';
 
-import type {
-  WalletConnector,
-  BlockchainAdapter,
-  ProposalNamespaces,
-  New_ConnectorType,
-  Namespaces,
-  Metadata,
-  CaipNetworkId,
-  AppKitNetwork,
-  Provider,
-  ThemeVariables,
-  ThemeMode,
-  WalletInfo,
-  Network,
-  ChainNamespace,
-  ConnectOptions,
-  Storage
+import {
+  type WalletConnector,
+  type BlockchainAdapter,
+  type ProposalNamespaces,
+  type ConnectorType,
+  type Namespaces,
+  type CaipNetworkId,
+  type AppKitNetwork,
+  type Provider,
+  type WalletInfo,
+  type ChainNamespace,
+  type AppKitConnectOptions,
+  type ConnectionProperties,
+  type AccountType,
+  type AppKitOpenOptions,
+  ConstantsUtil,
+  type Connection
 } from '@reown/appkit-common-react-native';
+import { SIWEController } from '@reown/appkit-siwe-react-native';
 
 import { WalletConnectConnector } from './connectors/WalletConnectConnector';
 import { WcHelpersUtil } from './utils/HelpersUtil';
 import { NetworkUtil } from './utils/NetworkUtil';
-import { SIWEController, type AppKitSIWEClient } from '@reown/appkit-siwe-react-native';
-import type { OpenOptions } from './client';
-
-interface AppKitConfig {
-  projectId: string;
-  metadata: Metadata;
-  adapters: BlockchainAdapter[];
-  networks: Network[];
-  storage: Storage;
-  extraConnectors?: WalletConnector[];
-  clipboardClient?: OptionsControllerState['clipboardClient'];
-  includeWalletIds?: OptionsControllerState['includeWalletIds'];
-  excludeWalletIds?: OptionsControllerState['excludeWalletIds'];
-  featuredWalletIds?: OptionsControllerState['featuredWalletIds'];
-  customWallets?: OptionsControllerState['customWallets'];
-  tokens?: OptionsControllerState['tokens']; //TODO: check if needed in OptionsController
-  enableAnalytics?: OptionsControllerState['enableAnalytics'];
-  debug?: OptionsControllerState['debug'];
-  themeMode?: ThemeMode;
-  themeVariables?: ThemeVariables;
-  siweConfig?: AppKitSIWEClient;
-  defaultNetwork?: Network;
-  features?: Features;
-  // chainImages?: Record<number, string>; //TODO: rename to networkImages
-}
+import { RouterUtil } from './utils/RouterUtil';
+import { type AppKitConfig } from './types';
 
 export class AppKit {
   private projectId: string;
   private adapters: BlockchainAdapter[];
   private networks: AppKitNetwork[];
-  private defaultNetwork?: AppKitNetwork;
   private namespaces: ProposalNamespaces;
   private config: AppKitConfig;
   private extraConnectors: WalletConnector[];
+  private walletConnectConnector?: WalletConnector;
 
   constructor(config: AppKitConfig) {
     this.projectId = config.projectId;
-    this.adapters = config.adapters;
+    this.adapters = config.adapters ?? [];
 
     // Validate adapters to ensure no duplicate chainNamespaces
     const namespaceMap = new Map<ChainNamespace, string>();
@@ -89,11 +69,26 @@ 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) as ProposalNamespaces;
+    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
+    ) as ProposalNamespaces;
     this.config = config;
     this.extraConnectors = config.extraConnectors || [];
 
@@ -106,51 +101,75 @@ export class AppKit {
    * @param type - The type of connector to use.
    * @param options - Optional connection options.
    */
-  async connect(type: New_ConnectorType, options?: ConnectOptions): Promise<void> {
+  async connect(type: ConnectorType, options?: AppKitConnectOptions): Promise<void> {
     try {
       const { namespaces, defaultChain, universalLink } = options ?? {};
       const connector = await this.createConnector(type);
 
+      const chain =
+        defaultChain ??
+        NetworkUtil.getDefaultChainId(this.namespaces, OptionsController.state.defaultNetwork);
+
       const approvedNamespaces = await connector.connect({
         namespaces: namespaces ?? this.namespaces,
-        defaultChain,
-        universalLink
+        defaultChain: chain,
+        universalLink,
+        siweConfig: this.config?.siweConfig
       });
 
-      const walletInfo = connector.getWalletInfo();
+      this.processConnection(connector, approvedNamespaces);
 
-      if (!approvedNamespaces || Object.keys(approvedNamespaces).length === 0) {
-        throw new Error('Connection cancelled or failed: No approved namespaces returned.');
+      // Save connector type and namespaces in storage
+      if (approvedNamespaces && Object.keys(approvedNamespaces).length > 0) {
+        await StorageUtil.setConnectedConnectors({
+          type: connector.type,
+          namespaces: Object.keys(approvedNamespaces)
+        });
       }
+    } catch (error) {
+      console.warn('Connection failed:', error);
+      throw error;
+    }
+  }
 
-      // Setup adapters and subscribe to adapter events
-      const approvedAdapters = this.setupAdaptersAndSubscribe(
-        connector,
-        Object.keys(approvedNamespaces)
-      );
+  private processConnection(
+    connector: WalletConnector,
+    namespaces?: Namespaces,
+    shouldCloseModal: boolean = true
+  ) {
+    if (!namespaces || Object.keys(namespaces).length === 0) {
+      throw new Error('No namespaces provided');
+    }
 
-      // 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');
-      }
+    const walletInfo = connector.getWalletInfo();
+    const properties = connector.getProperties();
 
-      // Store the connection details for the successfully connected adapters
-      this.storeConnectionDetails(approvedAdapters, approvedNamespaces, walletInfo);
+    const initializedAdapters = this.setupAdaptersAndSubscribe(connector, Object.keys(namespaces));
 
-      // Store connector type and namespaces in storage
-      await StorageUtil.setConnectedConnectors({
-        type: connector.type,
-        namespaces: Object.keys(approvedNamespaces)
-      });
+    if (initializedAdapters.length === 0) {
+      console.warn('No compatible adapters found for namespaces:', Object.keys(namespaces));
 
-      this.syncAccounts(approvedAdapters);
+      return;
+    }
 
-      //TODO: Replace this
-      AccountController.setIsConnected(true);
-    } catch (error) {
-      console.warn('Connection failed:', error);
-      throw error;
+    // Store the connection details
+    this.setConnection(initializedAdapters, namespaces, walletInfo, properties);
+
+    // Sync accounts
+    this.syncAccounts(initializedAdapters);
+
+    // Handle SIWE if enabled
+    this.handleSiweConnectionIfEnabled(shouldCloseModal);
+  }
+
+  private handleSiweConnectionIfEnabled(shouldCloseModal: boolean = true): void {
+    if (
+      OptionsController.state.isSiweEnabled &&
+      ConnectionsController.state.activeNamespace === 'eip155'
+    ) {
+      this.handleSiweChange({ isConnection: true });
+    } else if (shouldCloseModal) {
+      ModalController.close();
     }
   }
 
@@ -180,10 +199,22 @@ export class AppKit {
 
       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();
+
+      if (ConnectionsController.state.activeNamespace === undefined) {
+        ConnectionsController.setActiveNamespace(
+          OptionsController.state.defaultNetwork?.chainNamespace
+        );
+      }
+
+      if (OptionsController.state.isSiweEnabled) {
+        await SIWEController.signOut();
+      }
 
       EventsController.sendEvent({
         type: 'track',
@@ -219,6 +250,14 @@ export class AppKit {
   }
 
   async switchNetwork(network: AppKitNetwork): Promise<void> {
+    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');
 
@@ -232,25 +271,69 @@ export class AppKit {
       }
     });
 
-    ConnectionsController.setActiveNetwork(
-      adapter.getSupportedNamespace(),
-      `${adapter.getSupportedNamespace()}:${network.id}` as CaipNetworkId
-    );
+    ConnectionsController.setActiveNetwork(network.chainNamespace, network.caipNetworkId);
 
     if (ConnectionsController.state.activeNamespace !== network.chainNamespace) {
       ConnectionsController.setActiveNamespace(network.chainNamespace);
     }
   }
 
-  open(options?: OpenOptions) {
+  open(options?: AppKitOpenOptions) {
     ModalController.open(options);
   }
 
-  close() {
+  async close() {
     ModalController.close();
+
+    if (OptionsController.state.isSiweEnabled && ConnectionsController.state.isConnected) {
+      const session = await SIWEController.getSession();
+      if (
+        !session &&
+        SIWEController.state.status !== 'success' &&
+        ConnectionsController.state.activeNamespace === 'eip155' &&
+        !!ConnectionsController.state.activeAddress
+      ) {
+        await this.disconnect();
+      }
+    }
+
+    RouterUtil.checkOnRampBack();
+    RouterUtil.checkSocialLoginBack();
+  }
+
+  back() {
+    if (RouterController.state.history.length > 1) {
+      RouterUtil.checkBack();
+
+      return RouterController.goBack();
+    }
+
+    return this.close();
   }
 
-  private async createConnector(type: New_ConnectorType): Promise<WalletConnector> {
+  async switchAccountType(namespace: ChainNamespace, type: AccountType, network: AppKitNetwork) {
+    const adapter = this.getAdapterByNamespace(namespace);
+    if (!adapter) throw new Error('No active adapter');
+
+    ConnectionsController.setAccountType(namespace, type);
+
+    // Get balances from API
+    ConnectionsController.fetchBalance();
+
+    // Sync balances from adapter
+    this.syncBalances(adapter, network);
+
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'SET_PREFERRED_ACCOUNT_TYPE',
+      properties: {
+        accountType: type,
+        network: network?.caipNetworkId || ''
+      }
+    });
+  }
+
+  private async createConnector(type: ConnectorType): Promise<WalletConnector> {
     // Check if an extra connector was provided by the developer
     const CustomConnector = this.extraConnectors.find(
       connector => connector.type.toLowerCase() === type.toLowerCase()
@@ -266,24 +349,31 @@ export class AppKit {
     }
 
     // Default to WalletConnectConnector if no custom connector matches
-    const walletConnectConnector = new WalletConnectConnector({
+    return this.createWalletConnectConnector();
+  }
+
+  private 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.
    */
   private async initConnectors() {
-    const connectedConnectors = await StorageUtil.getConnectedConnectors(); // Fetch stored connectors
+    const connectedConnectors = await StorageUtil.getConnectedConnectors();
     if (connectedConnectors.length > 0) {
       ModalController.setLoading(true);
 
@@ -292,25 +382,8 @@ export class AppKit {
           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);
-          }
+          this.processConnection(connector, namespaces, false);
         } catch (error) {
           // Use console.warn for non-critical initialization failures
           console.warn(`Failed to initialize connector type ${connected.type}:`, error);
@@ -337,7 +410,7 @@ export class AppKit {
     }
 
     adapters.forEach(adapter => {
-      adapter.setConnector(connector);
+      adapter.init({ connector });
       this.subscribeToAdapterEvents(adapter);
     });
 
@@ -357,53 +430,95 @@ 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 network = this.networks.find(
-            n => n.id?.toString() === connection?.caipNetwork?.split(':')[1]
-          );
+      this.syncBalances(adapter, network);
+      this.syncIdentity(namespace, connection);
+    });
+  }
 
-          const address = accounts.find(
-            a => a.split(':')[1] === connection.caipNetwork?.split(':')[1]
-          );
+  private syncBalances(adapter: BlockchainAdapter, network?: AppKitNetwork) {
+    if (adapter && network) {
+      const accounts = adapter.getAccounts();
+      if (accounts && accounts.length > 0) {
+        const addresses = accounts.filter(a => a.split(':')[1] === network?.id?.toString());
 
-          if (address) {
+        if (addresses.length > 0) {
+          addresses.forEach(address => {
             adapter.getBalance({ address, network, tokens: this.config.tokens });
-          }
+          });
         }
       }
-    });
+    }
   }
 
-  private storeConnectionDetails(
+  private async syncIdentity(namespace?: ChainNamespace, connection?: 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 as `0x${string}`
+        });
+
+        if (identity?.name) {
+          ConnectionsController.updateIdentity(
+            namespace,
+            connection,
+            plainAddress as `0x${string}`,
+            identity
+          );
+        }
+      } catch (error) {
+        // Continue processing other addresses even if one fails
+      }
+    }
+  }
+
+  private setConnection(
     adapters: BlockchainAdapter[],
     approvedNamespaces: Namespaces,
-    wallet?: WalletInfo
+    wallet?: WalletInfo,
+    properties?: ConnectionProperties
   ) {
     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);
+      const namespaceProperties = {
+        ...properties,
+        smartAccounts: properties?.smartAccounts?.filter(account => account.startsWith(namespace))
+      };
 
-      ConnectionsController.storeConnection({
-        namespace,
-        adapter,
+      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
@@ -415,22 +530,32 @@ export class AppKit {
   private subscribeToAdapterEvents(adapter: BlockchainAdapter): void {
     adapter.on('accountsChanged', ({ accounts }) => {
       const namespace = adapter.getSupportedNamespace();
-      //eslint-disable-next-line no-console
-      console.log('accountsChanged', accounts, namespace);
-      //TODO: check this
+      ConnectionsController.updateAccounts(namespace, accounts);
+
+      if (namespace === 'eip155') {
+        this.handleSiweChange({ isAccountChange: true });
+      }
     });
 
     adapter.on('chainChanged', ({ chainId }) => {
+      //eslint-disable-next-line no-console
+      console.log('chainChanged', chainId);
       const namespace = adapter.getSupportedNamespace();
       const chain = `${namespace}:${chainId}` as CaipNetworkId;
       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.syncBalances(adapter, network);
+      SendController.resetState();
+
+      if (isAuth) {
+        ConnectionsController.fetchBalance();
+      }
+
+      if (namespace === 'eip155') {
+        this.handleSiweChange({ isNetworkChange: true });
       }
     });
 
@@ -440,31 +565,37 @@ export class AppKit {
     });
 
     adapter.on('balanceChanged', ({ address, balance }) => {
+      //eslint-disable-next-line no-console
+      console.log('balanceChanged', address, balance);
       const namespace = adapter.getSupportedNamespace();
       ConnectionsController.updateBalance(namespace, address, balance);
     });
   }
 
   private async initControllers(options: AppKitConfig) {
-    await this.initAsyncValues(options);
+    await this.initStorageAndValues(options);
 
     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);
     OptionsController.setFeatures(options.features);
-    OptionsController.setStorage(options.storage);
+
+    if (options.defaultNetwork) {
+      const network = NetworkUtil.formatNetwork(options.defaultNetwork, this.projectId);
+      OptionsController.setDefaultNetwork(network);
+    }
 
     ThemeController.setThemeMode(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);
@@ -476,27 +607,27 @@ export class AppKit {
       SIWEController.setSIWEClient(options.siweConfig);
     }
 
-    // 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);
+    }
   }
 
   private 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
+      );
     }
   }
 
   private async initRecentWallets(options: AppKitConfig) {
     const wallets = await StorageUtil.getRecentWallets();
-    const connectedWalletImage = await StorageUtil.getConnectedWalletImageUrl();
-
     const filteredWallets = wallets.filter(wallet => {
       const { includeWalletIds, excludeWalletIds } = options;
       if (includeWalletIds) {
@@ -509,17 +640,90 @@ export class AppKit {
       return true;
     });
 
-    ConnectionController.setRecentWallets(filteredWallets);
+    WcController.setRecentWallets(filteredWallets);
+  }
+
+  private setExcludedWallets(options: AppKitConfig) {
+    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);
+  }
+
+  private setCustomWallets(options: AppKitConfig) {
+    const { customWallets, extraConnectors, adapters } = options;
+
+    const customList = [...(customWallets ?? [])];
+
+    const addPhantom =
+      adapters.some(adapter => adapter.getSupportedNamespace() === 'solana') &&
+      extraConnectors?.some(connector => connector.type.toLowerCase() === 'phantom') &&
+      !customList.some(wallet => wallet.id === ConstantsUtil.PHANTOM_CUSTOM_WALLET.id);
 
-    if (connectedWalletImage) {
-      ConnectionController.setConnectedWalletImageUrl(connectedWalletImage);
+    if (addPhantom) {
+      customList.push(ConstantsUtil.PHANTOM_CUSTOM_WALLET);
     }
+
+    OptionsController.setCustomWallets(customList);
   }
 
-  private async initAsyncValues(options: AppKitConfig) {
+  private async initStorageAndValues(options: AppKitConfig) {
+    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
+  }
+
+  private onSiweNavigation = () => {
+    if (ModalController.state.open) {
+      RouterController.push('ConnectingSiwe');
+    } else {
+      ModalController.open({ view: 'ConnectingSiwe' });
+    }
+  };
+
+  private async handleSiweChange(params?: {
+    isConnection?: boolean;
+    isNetworkChange?: boolean;
+    isAccountChange?: boolean;
+  }) {
+    const { isNetworkChange, isAccountChange, isConnection } = params ?? {};
+    const { enabled, signOutOnAccountChange, signOutOnNetworkChange } =
+      SIWEController.state._client?.options ?? {};
+
+    if (enabled) {
+      const session = await SIWEController.getSession();
+      if (session && isAccountChange) {
+        if (signOutOnAccountChange) {
+          // If the address has changed and signOnAccountChange is enabled, sign out
+          await SIWEController.signOut();
+
+          return this.onSiweNavigation();
+        }
+      } else if (isNetworkChange) {
+        if (signOutOnNetworkChange) {
+          // If the network has changed and signOnNetworkChange is enabled, sign out
+          await SIWEController.signOut();
+
+          return this.onSiweNavigation();
+        }
+      } else if (!session) {
+        // If it's connected but there's no session, show sign view
+        return this.onSiweNavigation();
+      } else if (isConnection) {
+        // Connected with 1CA
+        ModalController.close();
+      }
+    }
   }
 }