feat(CoinbaseWalletOptions): add preference

.changeset/large-lies-wink.md

@@ -0,0 +1,5 @@
+---
+"@rainbow-me/rainbowkit": patch
+---
+
+Add `preference` to CoinbaseWalletOptions

packages/rainbowkit/src/config/getDefaultConfig.ts

@@ -1,6 +1,7 @@
 import type { Transport } from 'viem';
 import { http, CreateConfigParameters } from 'wagmi';
 import { createConfig } from 'wagmi';
+import { CoinbaseWalletParameters } from 'wagmi/connectors';
 import type { RainbowKitChain } from '../components/RainbowKitProvider/RainbowKitChainContext';
 import type { WalletList } from '../wallets/Wallet';
 import { computeWalletConnectMetaData } from '../wallets/computeWalletConnectMetaData';
@@ -34,6 +35,7 @@ interface GetDefaultConfigParameters<
   appIcon?: string;
   wallets?: WalletList;
   projectId: string;
+  coinbaseWalletPreference?: CoinbaseWalletParameters<'4'>['preference'];
 }
 
 const createDefaultTransports = <
@@ -61,6 +63,7 @@ export const getDefaultConfig = <
   appIcon,
   wallets,
   projectId,
+  coinbaseWalletPreference,
   ...wagmiParameters
 }: GetDefaultConfigParameters<chains, transports>) => {
   const { transports, chains, ...restWagmiParameters } = wagmiParameters;
@@ -90,6 +93,7 @@ export const getDefaultConfig = <
       appDescription,
       appUrl,
       appIcon,
+      coinbaseWalletPreference,
       walletConnectParameters: { metadata },
     },
   );

packages/rainbowkit/src/wallets/connectorsForWallets.ts

@@ -1,4 +1,5 @@
 import type { CreateConnectorFn } from 'wagmi';
+import { CoinbaseWalletParameters } from 'wagmi/connectors';
 import { isHexString } from '../utils/colors';
 import { omitUndefinedValues } from '../utils/omitUndefinedValues';
 import { uniqueBy } from '../utils/uniqueBy';
@@ -22,18 +23,20 @@ export interface ConnectorsForWalletsParameters {
   appDescription?: string;
   appUrl?: string;
   appIcon?: string;
+  coinbaseWalletPreference?: CoinbaseWalletParameters<'4'>['preference'];
   walletConnectParameters?: RainbowKitWalletConnectParameters;
 }
 
 export const connectorsForWallets = (
   walletList: WalletList,
   {
     projectId,
-    walletConnectParameters,
+    walletConnectParameters = {},
     appName,
     appDescription,
     appUrl,
     appIcon,
+    coinbaseWalletPreference,
   }: ConnectorsForWalletsParameters,
 ): CreateConnectorFn[] => {
   if (!walletList.length) {
@@ -69,6 +72,8 @@ export const connectorsForWallets = (
         projectId,
         appName,
         appIcon,
+        // `preference` is being used only for `coinbaseWallet` wallet
+        preference: coinbaseWalletPreference,
         // `option` is being used only for `walletConnectWallet` wallet
         options: {
           metadata: walletConnectMetaData,

packages/rainbowkit/src/wallets/walletConnectors/coinbaseWallet/coinbaseWallet.ts

@@ -1,16 +1,21 @@
 import { CreateConnectorFn, createConnector } from 'wagmi';
-import { coinbaseWallet as coinbaseConnector } from 'wagmi/connectors';
+import {
+  CoinbaseWalletParameters,
+  coinbaseWallet as coinbaseConnector,
+} from 'wagmi/connectors';
 import { isIOS } from '../../../utils/isMobile';
 import { Wallet, WalletDetailsParams } from '../../Wallet';
 
 export interface CoinbaseWalletOptions {
   appName: string;
   appIcon?: string;
+  preference?: CoinbaseWalletParameters<'4'>['preference'];
 }
 
 export const coinbaseWallet = ({
   appName,
   appIcon,
+  preference,
 }: CoinbaseWalletOptions): Wallet => {
   const getUri = (uri: string) => uri;
   const ios = isIOS();
@@ -97,6 +102,7 @@ export const coinbaseWallet = ({
       const connector: CreateConnectorFn = coinbaseConnector({
         appName,
         appLogoUrl: appIcon,
+        preference,
       });
 
       return createConnector((config) => ({