References
CoinbaseWallet

CoinbaseWallet

Wallet Interface to connect Coinbase Wallet extension or mobile app.

Example


import { CoinbaseWallet } from "@thirdweb-dev/wallets";
 
const wallet = new CoinbaseWallet();
 
await wallet.connect();


class CoinbaseWallet extends AbstractClientWallet {}


function constructor(options?: CoinbaseWalletOptions): CoinbaseWallet;

Parameters

The options object contains the following properties:

clientId (recommended)

Provide clientId to use the thirdweb RPCs for given chains

You can create a client ID for your application from thirdweb dashboard .

chains (optional)

Provide an array of chains you want to support.

Must be an array of Chain objects, from the @thirdweb-dev/chains package.

Defaults to our default chains .

dappMetadata (optional)

Information about your app that the wallet will display when your app tries to connect to it.

Must be an object containing name , url and optionally description and logoUrl properties.


import { CoinbaseWallet } from "@thirdweb-dev/wallets";
 
const walletWithOptions = new CoinbaseWallet({
  dappMetadata: {
    name: "thirdweb powered dApp",
    url: "https://thirdweb.com",
    description: "thirdweb powered dApp", // optional
    logoUrl: "https://thirdweb.com/favicon.ico", // optional
  },
});

headlessMode (optional)

This is only relevant applies when coinbase extension wallet is NOT installed on user's browser.

By default headlessMode is set to false - which means that when user does not have coinbase wallet extension installed, a QR Code scan modal will open when calling the connect method to allow the user to connect to their coinbase mobile app by scanning the QR code.

If headlessMode is set to true and coinbase wallet extension is not installed, the wallet will NOT open a QR Code scan modal - This is useful if you want to create a custom QR Code modal.

you can use the getQrUrl method to get the QR Code url and create your own QR Code Modal

Must be a boolean .

Type


let options: CoinbaseWalletOptions;

Returns


let returnType: CoinbaseWallet;

Methods

Get the QR Code url to render a custom QR Code Modal for connecting to Coinbase Wallet.

This method is only relevant when coinbase extension wallet is NOT installed on user's browser and headlessMode is set to true .

Example


const wallet = new CoinbaseWallet({ headlessMode: true });
 
const qrUrl = await wallet.getQrUrl();
// render a QR Code Modal with the qrUrl
 
const walletAddress = await wallet.connect(); // this is resolved when user scans the QR Code and wallet is connected
 
console.log("connected to", walletAddress);


function getQrUrl(): Promise<string>;

Returns


let returnType: Promise<string>;

Inherited Methods

Inherited from AbstractClientWallet.addListener


function addListener(
  event: T,
  fn: (
    ...args: ArgumentMap<WalletEvents>[Extract<T, keyof WalletEvents>]
  ) => void,
  context?: any,
): this;

Parameters

Type


let event: T;

Type


let fn: (
  ...args: ArgumentMap<WalletEvents>[Extract<T, keyof WalletEvents>]
) => void;

Type


let context: any;

Returns


let returnType: this;

Inherited from AbstractClientWallet.autoConnect

auto-connect the wallet if possible


function autoConnect(connectOptions?: {
  chainId?: number;
}): Promise<string>;

Parameters

Type


let connectOptions: { chainId?: number };

Returns


let returnType: Promise<string>;

Inherited from AbstractClientWallet.connect

Connect wallet


function connect(connectOptions?: {
  chainId?: number;
}): Promise<string>;

Parameters

Options for connecting to the wallet

Type


let connectOptions: { chainId?: number };

Returns


let returnType: Promise<string>;

Inherited from AbstractClientWallet.disconnect

Disconnect the wallet


function disconnect(): Promise<void>;

Returns


let returnType: Promise<void>;

Inherited from AbstractClientWallet.emit

Calls each of the listeners registered for a given event.


function emit(
  event: T,
  ...args: ArgumentMap<WalletEvents>[Extract<T, keyof WalletEvents>]
): boolean;

Parameters

Type


let event: T;

Type


let args: ArgumentMap<WalletEvents>[Extract<T, keyof WalletEvents>];

Returns


let returnType: boolean;

Inherited from AbstractClientWallet.eventNames

Return an array listing the events for which the emitter has registered listeners.


function eventNames(): Array<keyof WalletEvents>;

Returns


let returnType: Array<keyof WalletEvents>;

Inherited from AbstractClientWallet.getAddress

Returns the account address of the connected wallet


function getAddress(): Promise<string>;

Returns


let returnType: Promise<string>;

Inherited from AbstractClientWallet.getBalance

Returns the balance of the connected wallet for the specified token address. If no token address is specified, it returns the balance of the native token


function getBalance(
  tokenAddress: string,
): Promise<{
  decimals: number;
  displayValue: string;
  name: string;
  symbol: string;
  value: BigNumber;
}>;

Parameters

The contract address of the token

Type


let tokenAddress: string;

Returns


let returnType: Promise<{
  decimals: number;
  displayValue: string;
  name: string;
  symbol: string;
  value: BigNumber;
}>;

Inherited from AbstractClientWallet.getChainId

Returns the chain id of the network that the wallet is connected to


function getChainId(): Promise<number>;

Returns


let returnType: Promise<number>;

Inherited from AbstractClientWallet.getPersonalWallet

If the wallet uses another "personal wallet" under the hood, return it

This is only useful for wallets like Safe or Smart Wallet uses a "personal wallet" under the hood to sign transactions. This method returns that wallet


function getPersonalWallet(): undefined | EVMWallet;

Returns


let returnType: undefined | EVMWallet;

Inherited from AbstractClientWallet.getSigner

Get ethers Signer object of the connected wallet


function getSigner(): Promise<Signer>;

Returns


let returnType: Promise<Signer>;

Inherited from AbstractClientWallet.listenerCount

Return the number of listeners listening to a given event.


function listenerCount(event: keyof WalletEvents): number;

Parameters

Type


let event: keyof WalletEvents;

Returns


let returnType: number;

Inherited from AbstractClientWallet.listeners

Return the listeners registered for a given event.


function listeners(
  event: T,
): Array<
  (
    ...args: ArgumentMap<WalletEvents>[Extract<T, keyof WalletEvents>]
  ) => void
>;

Parameters

Type


let event: T;

Returns


let returnType: Array<
  (
    ...args: ArgumentMap<WalletEvents>[Extract<T, keyof WalletEvents>]
  ) => void
>;

Inherited from AbstractClientWallet.off


function off(
  event: T,
  fn?: (
    ...args: ArgumentMap<WalletEvents>[Extract<T, keyof WalletEvents>]
  ) => void,
  context?: any,
  once?: boolean,
): this;

Parameters

Type


let event: T;

Type


let fn: (
  ...args: ArgumentMap<WalletEvents>[Extract<T, keyof WalletEvents>]
) => void;

Type


let context: any;

Type


let once: boolean;

Returns


let returnType: this;

Inherited from AbstractClientWallet.on

Add a listener for a given event.


function on(
  event: T,
  fn: (
    ...args: ArgumentMap<WalletEvents>[Extract<T, keyof WalletEvents>]
  ) => void,
  context?: any,
): this;

Parameters

Type


let event: T;

Type


let fn: (
  ...args: ArgumentMap<WalletEvents>[Extract<T, keyof WalletEvents>]
) => void;

Type


let context: any;

Returns


let returnType: this;

Inherited from AbstractClientWallet.once

Add a one-time listener for a given event.


function once(
  event: T,
  fn: (
    ...args: ArgumentMap<WalletEvents>[Extract<T, keyof WalletEvents>]
  ) => void,
  context?: any,
): this;

Parameters

Type


let event: T;

Type


let fn: (
  ...args: ArgumentMap<WalletEvents>[Extract<T, keyof WalletEvents>]
) => void;

Type


let context: any;

Returns


let returnType: this;

Inherited from AbstractClientWallet.removeAllListeners

Remove all listeners, or those of the specified event.


function removeAllListeners(event?: keyof WalletEvents): this;

Parameters

Type


let event: keyof WalletEvents;

Returns


let returnType: this;

Inherited from AbstractClientWallet.removeListener

Remove the listeners of a given event.


function removeListener(
  event: T,
  fn?: (
    ...args: ArgumentMap<WalletEvents>[Extract<T, keyof WalletEvents>]
  ) => void,
  context?: any,
  once?: boolean,
): this;

Parameters

Type


let event: T;

Type


let fn: (
  ...args: ArgumentMap<WalletEvents>[Extract<T, keyof WalletEvents>]
) => void;

Type


let context: any;

Type


let once: boolean;

Returns


let returnType: this;

Inherited from AbstractClientWallet.signMessage

Sign a message with the connected wallet and return the signature


function signMessage(message: string | Bytes): Promise<string>;

Parameters

The message to sign

Type


let message: string | Bytes;

Returns


let returnType: Promise<string>;

The signature

Inherited from AbstractClientWallet.switchChain

Switch to different Network/Blockchain in the connected wallet


function switchChain(chainId: number): Promise<void>;

Parameters

The chainId of the network to switch to

Type


let chainId: number;

Returns


let returnType: Promise<void>;

Inherited from AbstractClientWallet.transfer

Transfers some amount of tokens to the specified address


function transfer(
  to: string,
  amount: string | number,
  currencyAddress: string,
): Promise<Omit<TransactionResultWithMetadata<unknown>, "data">>;

Parameters

The address to transfer the amount to

Type


let to: string;

The amount to transfer

Type


let amount: string | number;

The contract address of the token to transfer. If not specified, it defaults to the native token

Type


let currencyAddress: string;

Returns


let returnType: Promise<
  Omit<TransactionResultWithMetadata<unknown>, "data">
>;

The transaction result

Inherited from AbstractClientWallet.updateChains

Update the chains supported by the wallet. This is useful if wallet was initialized with some chains and this needs to be updated without re-initializing the wallet


function updateChains(chains: Array<Chain>): Promise<void>;

Parameters

Type


let chains: Array<Chain>;

Returns


let returnType: Promise<void>;

Inherited from AbstractClientWallet.verifySignature

Verify the signature of a message. It returns true if the signature is valid, false otherwise


function verifySignature(
  message: string,
  signature: string,
  address: string,
  _chainId?: number,
): Promise<boolean>;

Parameters

The message to verify

Type


let message: string;

The signature to verify

Type


let signature: string;

The address to verify the signature against

Type


let address: string;

Type


let _chainId: number;

Returns


let returnType: Promise<boolean>;

Properties


let walletId: string;


let prefixed: string | boolean;

Was this page helpful?

Need help?
Visit our support site
Watch our
Video Tutorials
View our
Changelog

Subscribe for the latest dev updates

CoinbaseWallet

Example

Signature

Constructor

Signature

Parameters

options

clientId (recommended)

chains (optional)

dappMetadata (optional)

headlessMode (optional)

Type

Returns

Return Type

Methods

getQrUrl

Example

Signature

Returns

Return Type

Inherited Methods

addListener

Signature

Parameters

event

Type

fn

Type

context

Type

Returns

Return Type

autoConnect

Signature

Parameters

connectOptions

Type

Returns

Return Type

connect

Signature

Parameters

connectOptions

Type

Returns

Return Type

disconnect

Signature

Returns

Return Type

emit

Signature

Parameters

event

Type

args

Type

Returns

Return Type

eventNames

Signature

Returns

Return Type

getAddress

Signature

Returns

Return Type

getBalance

Signature

Parameters

tokenAddress

Type

Returns

Return Type

getChainId

Signature

Returns

Return Type

getPersonalWallet

Signature