@reown/appkit-react-native 2.0.0-alpha.2 → 2.0.0-alpha.4

package/lib/typescript/views/w3m-wallet-send-preview-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-preview-view/index.tsx"],"names":[],"mappings":"AAcA,wBAAgB,qBAAqB,4CAgHpC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-preview-view/index.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,qBAAqB,4CAgHpC"}

package/lib/typescript/views/w3m-wallet-send-select-token-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-select-token-view/index.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,yBAAyB,4CA+DxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-select-token-view/index.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,yBAAyB,4CA+DxC"}

package/lib/typescript/views/w3m-wallet-send-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-view/index.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,cAAc,4CA6G7B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-view/index.tsx"],"names":[],"mappings":"AAeA,wBAAgB,cAAc,4CAwG7B"}

package/lib/typescript/views/w3m-wallet-send-view/styles.d.ts

@@ -15,6 +15,9 @@ declare const _default: {
     addressContainer: {
         width: "100%";
     };
+    withKeyboard: {
+        height: "100%";
+    };
 };
 export default _default;
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/views/w3m-wallet-send-view/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-view/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAGA,wBAiBG"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-view/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAGA,wBAoBG"}

package/lib/typescript/views/w3m-what-is-a-network-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-what-is-a-network-view/index.tsx"],"names":[],"mappings":"AAKA,wBAAgB,kBAAkB,4CA2CjC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-what-is-a-network-view/index.tsx"],"names":[],"mappings":"AAIA,wBAAgB,kBAAkB,4CA2CjC"}

package/lib/typescript/views/w3m-what-is-a-wallet-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-what-is-a-wallet-view/index.tsx"],"names":[],"mappings":"AAMA,wBAAgB,iBAAiB,4CA6DhC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-what-is-a-wallet-view/index.tsx"],"names":[],"mappings":"AAKA,wBAAgB,iBAAiB,4CA6DhC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reown/appkit-react-native",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.4",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "module": "lib/module/index.js",
@@ -38,12 +38,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@reown/appkit-common-react-native": "2.0.0-alpha.2",
-    "@reown/appkit-core-react-native": "2.0.0-alpha.2",
-    "@reown/appkit-siwe-react-native": "2.0.0-alpha.2",
-    "@reown/appkit-ui-react-native": "2.0.0-alpha.2",
+    "@reown/appkit-common-react-native": "2.0.0-alpha.4",
+    "@reown/appkit-core-react-native": "2.0.0-alpha.4",
+    "@reown/appkit-siwe-react-native": "2.0.0-alpha.4",
+    "@reown/appkit-ui-react-native": "2.0.0-alpha.4",
     "@walletconnect/universal-provider": "2.21.5",
-    "react-native-modal": ">=13",
     "valtio": "2.1.5"
   },
   "peerDependencies": {

package/src/AppKit.ts

@@ -1,5 +1,5 @@
+import { subscribeKey } from 'valtio/utils';
 import {
-  type Features,
   EventsController,
   ModalController,
   ConnectionsController,
@@ -7,14 +7,14 @@ import {
   RouterController,
   TransactionsController,
   StorageUtil,
-  type OptionsControllerState,
   ThemeController,
-  ConnectionController,
+  WcController,
   SwapController,
   OnRampController,
   CoreHelperUtil,
   SendController,
-  BlockchainApiController
+  BlockchainApiController,
+  WalletUtil
 } from '@reown/appkit-core-react-native';
 
 import {
@@ -23,52 +23,26 @@ import {
   type ProposalNamespaces,
   type ConnectorType,
   type Namespaces,
-  type Metadata,
   type CaipNetworkId,
   type AppKitNetwork,
   type Provider,
-  type ThemeVariables,
-  type ThemeMode,
   type WalletInfo,
-  type Network,
   type ChainNamespace,
-  type Storage,
   type AppKitConnectOptions,
-  type AppKitSIWEClient,
   type ConnectionProperties,
   type AccountType,
   type AppKitOpenOptions,
   ConstantsUtil,
-  type Connection
+  type Connection,
+  type WcWallet
 } 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';
-
-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;
@@ -78,6 +52,7 @@ export class AppKit {
   private config: AppKitConfig;
   private extraConnectors: WalletConnector[];
   private walletConnectConnector?: WalletConnector;
+  private balanceIntervalId?: ReturnType<typeof setInterval>;
 
   constructor(config: AppKitConfig) {
     this.projectId = config.projectId;
@@ -114,12 +89,16 @@ export class AppKit {
     });
 
     this.networks = networksWithAdapters;
-    this.namespaces = WcHelpersUtil.createNamespaces(this.networks) as ProposalNamespaces;
+    this.namespaces = WcHelpersUtil.createNamespaces(
+      this.networks,
+      config.universalProviderConfigOverride
+    ) as ProposalNamespaces;
     this.config = config;
     this.extraConnectors = config.extraConnectors || [];
 
     this.initControllers(config);
     this.initConnectors();
+    this.watchBalance();
   }
 
   /**
@@ -127,59 +106,42 @@ export class AppKit {
    * @param type - The type of connector to use.
    * @param options - Optional connection options.
    */
-  async connect(type: ConnectorType, options?: AppKitConnectOptions): Promise<void> {
+  async connect(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 { wallet, walletId } = options ?? {};
 
-      const approvedNamespaces = await connector.connect({
-        namespaces: namespaces ?? this.namespaces,
-        defaultChain: chain,
-        universalLink,
-        siweConfig: this.config?.siweConfig
-      });
+      let targetWallet: WcWallet | undefined;
 
-      const walletInfo = connector.getWalletInfo();
-      const properties = connector.getProperties();
-
-      if (!approvedNamespaces || Object.keys(approvedNamespaces).length === 0) {
-        throw new Error('Connection cancelled or failed: No approved namespaces returned.');
+      if (walletId) {
+        targetWallet = WalletUtil.getWallet(walletId);
+      } else if (wallet) {
+        targetWallet = wallet;
       }
 
-      // Setup adapters and subscribe to adapter events
-      const approvedAdapters = this.setupAdaptersAndSubscribe(
-        connector,
-        Object.keys(approvedNamespaces)
-      );
+      const connectorType = WcHelpersUtil.getConnectorTypeByWallet(targetWallet);
 
-      // 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 connector = await this.createConnector(connectorType);
 
-      // Store the connection details for the successfully connected adapters
-      this.setConnection(approvedAdapters, approvedNamespaces, walletInfo, properties);
+      const chain = NetworkUtil.getDefaultNetwork(
+        this.namespaces,
+        OptionsController.state.defaultNetwork
+      );
 
-      // Store connector type and namespaces in storage
-      await StorageUtil.setConnectedConnectors({
-        type: connector.type,
-        namespaces: Object.keys(approvedNamespaces)
+      const approvedNamespaces = await connector.connect({
+        namespaces: this.namespaces,
+        defaultNetwork: chain,
+        universalLink: targetWallet?.link_mode ?? undefined,
+        siweConfig: this.config?.siweConfig
       });
 
-      this.syncAccounts(approvedAdapters);
+      this.processConnection(connector, approvedNamespaces);
 
-      if (
-        OptionsController.state.isSiweEnabled &&
-        ConnectionsController.state.activeNamespace === 'eip155'
-      ) {
-        this.handleSiweChange({ isConnection: true });
-      } else {
-        ModalController.close();
+      // 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);
@@ -187,6 +149,47 @@ export class AppKit {
     }
   }
 
+  private processConnection(
+    connector: WalletConnector,
+    namespaces?: Namespaces,
+    shouldCloseModal: boolean = true
+  ) {
+    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
+    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();
+    }
+  }
+
   /**
    * Disconnects from a given namespace.
    * @param namespace - The namespace to disconnect from.
@@ -218,7 +221,7 @@ export class AppKit {
       SwapController.resetState();
       SendController.resetState();
       OnRampController.resetState();
-      ConnectionController.disconnect();
+      WcController.resetState();
 
       if (ConnectionsController.state.activeNamespace === undefined) {
         ConnectionsController.setActiveNamespace(
@@ -296,8 +299,33 @@ export class AppKit {
     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();
   }
 
   async switchAccountType(namespace: ChainNamespace, type: AccountType, network: AppKitNetwork) {
@@ -310,7 +338,7 @@ export class AppKit {
     ConnectionsController.fetchBalance();
 
     // Sync balances from adapter
-    this.syncBalances(adapter, network);
+    this.syncNativeBalance(adapter, network);
 
     EventsController.sendEvent({
       type: 'track',
@@ -357,13 +385,12 @@ export class AppKit {
     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);
 
@@ -372,31 +399,8 @@ export class AppKit {
           const connector = await this.createConnector(connected.type);
 
           const namespaces = connector.getNamespaces();
-          const walletInfo = connector.getWalletInfo();
-          const properties = connector.getProperties();
-
-          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.setConnection(initializedAdapters, namespaces, walletInfo, properties);
-            }
-
-            this.syncAccounts(initializedAdapters);
-
-            if (
-              OptionsController.state.isSiweEnabled &&
-              ConnectionsController.state.activeNamespace === 'eip155'
-            ) {
-              this.handleSiweChange({ isConnection: 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);
@@ -423,7 +427,7 @@ export class AppKit {
     }
 
     adapters.forEach(adapter => {
-      adapter.setConnector(connector);
+      adapter.init({ connector });
       this.subscribeToAdapterEvents(adapter);
     });
 
@@ -447,12 +451,12 @@ export class AppKit {
         n => n.id?.toString() === connection?.caipNetwork?.split(':')[1]
       );
 
-      this.syncBalances(adapter, network);
+      this.syncNativeBalance(adapter, network);
       this.syncIdentity(namespace, connection);
     });
   }
 
-  private syncBalances(adapter: BlockchainAdapter, network?: AppKitNetwork) {
+  private syncNativeBalance(adapter: BlockchainAdapter, network?: AppKitNetwork) {
     if (adapter && network) {
       const accounts = adapter.getAccounts();
       if (accounts && accounts.length > 0) {
@@ -501,6 +505,58 @@ export class AppKit {
     }
   }
 
+  private async refreshBalance(fetchAllBalances: boolean = 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 {
+      // ignore
+    }
+  }
+
+  private startBalancePolling(fetchAllBalances: boolean = false) {
+    if (this.balanceIntervalId) return;
+    // immediate fetch
+    this.refreshBalance(fetchAllBalances);
+    this.balanceIntervalId = setInterval(() => this.refreshBalance(fetchAllBalances), 10000);
+  }
+
+  private stopBalancePolling() {
+    if (this.balanceIntervalId) {
+      clearInterval(this.balanceIntervalId);
+      this.balanceIntervalId = undefined;
+    }
+  }
+
+  private 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());
+  }
+
   private setConnection(
     adapters: BlockchainAdapter[],
     approvedNamespaces: Namespaces,
@@ -543,9 +599,7 @@ 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 });
@@ -553,22 +607,34 @@ export class AppKit {
     });
 
     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 activeNamespace = ConnectionsController.state.activeNamespace;
+
       const network = this.networks.find(n => n.id?.toString() === chainId);
-      this.syncBalances(adapter, network);
+      this.syncNativeBalance(adapter, network);
       SendController.resetState();
 
+      // Refresh balance for embedded wallets
       if (isAuth) {
         ConnectionsController.fetchBalance();
       }
 
+      // Refresh transactions only when the active network changes
+      if (namespace === activeNamespace) {
+        const address = connection?.accounts?.find(account =>
+          account.startsWith(`${namespace}:${chainId}`)
+        );
+        if (address) {
+          TransactionsController.fetchTransactions(address, true);
+        }
+      }
+
+      // Check if user needs to sign in again
       if (namespace === 'eip155') {
         this.handleSiweChange({ isNetworkChange: true });
       }
@@ -579,10 +645,7 @@ export class AppKit {
       this.disconnect(namespace, false);
     });
 
-    //TODO: Add types to this events
     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);
     });
@@ -597,10 +660,10 @@ export class AppKit {
     this.setExcludedWallets(options);
     this.setCustomWallets(options);
     OptionsController.setFeaturedWalletIds(options.featuredWalletIds);
-    OptionsController.setTokens(options.tokens);
     OptionsController.setEnableAnalytics(options.enableAnalytics);
     OptionsController.setDebug(options.debug);
     OptionsController.setFeatures(options.features);
+    OptionsController.setRequestedNetworks(this.networks);
 
     if (options.defaultNetwork) {
       const network = NetworkUtil.formatNetwork(options.defaultNetwork, this.projectId);
@@ -645,25 +708,22 @@ export class AppKit {
 
   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) {
+
+      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);
   }
 
   private setExcludedWallets(options: AppKitConfig) {
@@ -673,7 +733,7 @@ export class AppKit {
     const excludeCoinbase = !this.extraConnectors.some(connector => connector.type === 'coinbase');
 
     if (excludeCoinbase) {
-      excludedWallets.push(ConstantsUtil.COINBASE_EXPLORER_ID);
+      excludedWallets.push(ConstantsUtil.COINBASE_CUSTOM_WALLET.id);
     }
 
     OptionsController.setExcludeWalletIds(excludedWallets);
@@ -684,8 +744,12 @@ export class AppKit {
 
     const customList = [...(customWallets ?? [])];
 
-    const addPhantom =
+    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);
 
@@ -693,6 +757,15 @@ export class AppKit {
       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);
   }
 
@@ -743,7 +816,7 @@ export class AppKit {
         // If it's connected but there's no session, show sign view
         return this.onSiweNavigation();
       } else if (isConnection) {
-        //Connected with 1CA
+        // Connected with 1CA
         ModalController.close();
       }
     }

package/src/AppKitContext.tsx

@@ -16,8 +16,7 @@ export const AppKitProvider: React.FC<AppKitProviderProps> = ({ children, instan
   return <AppKitContext.Provider value={{ appKit: instance }}>{children}</AppKitContext.Provider>;
 };
 
-//TODO: rename this so it doesn't conflict with the useAppKit hook in the hooks folder
-export const useAppKit = () => {
+export const useInternalAppKit = () => {
   const context = useContext(AppKitContext);
   if (context === undefined) {
     throw new Error('useAppKit must be used within an AppKitProvider');
@@ -32,6 +31,7 @@ export const useAppKit = () => {
     disconnect: context.appKit.disconnect.bind(context.appKit),
     open: context.appKit.open.bind(context.appKit),
     close: context.appKit.close.bind(context.appKit),
+    back: context.appKit.back.bind(context.appKit),
     switchNetwork: context.appKit.switchNetwork.bind(context.appKit),
     getProvider: context.appKit.getProvider.bind(context.appKit),
     switchAccountType: context.appKit.switchAccountType.bind(context.appKit)