[react] - Account Center UI

This release updates the core package to the latest version which includes the new Account Center UI.

Changelog:

• Update packages (#927)

[injected-wallets] - Tally support & Add support for multiple injected wallet support when Coinbase wallet is installed

This release adds Tally support as well as adds support for multiple injected wallets when Coinbase wallet is installed

What's Changed

• [injected-v2.0.5] - Enhancement : Add support for multiple injected wallet support when Coinbase wallet is installed in #924

Full Changelog: web3-onboard/react-v2.1.0...web3-onboard/injected-wallets-v2.0.5

[injected-wallets] - Update Brave Detection

This release updates the provider flag that is used to detect Brave wallet.

Changelog:

• fix: update brave wallet identity check (#919)

[core] - Account Center

This release includes a new Account Center UI that allows for easy management of connected wallets and accounts. The UI is opt out, so simply upgrading to this version will add the new UI:

Minimized UI:

Maximized UI:

There are some new initialization options for the account center UI that allow for customizing it's position on the page as well as a way to disable the UI if you like:

import Onboard from '@web3-onboard/core'
import injectedModule from '@web3-onboard/injected-wallets'

const injected = injectedModule()

const onboard = Onboard({
  wallets: [injected],
  accountCenter: {
    desktop: {
      enabled: true,
      position: 'topRight'
    }
  }
  chains: [
    {
      id: '0x1',
      token: 'ETH',
      label: 'Ethereum Mainnet',
      rpcUrl: `https://mainnet.infura.io/v3/${INFURA_ID}`,
      icon: '<MAINNET_ICON_SVG_STRING>',
      color: '#627EEA'
    }
  ],
  appMetadata: {
    name: 'Token Swap',
    icon: myIcon, // svg string icon
    logo: myLogo, // svg string logo
    description: 'Swap tokens for other tokens',
    recommendedInjectedWallets: [
      { name: 'MetaMask', url: 'https://metamask.io' },
      { name: 'Coinbase', url: 'https://wallet.coinbase.com/' }
    ]
  }
})

The chain object that is passed in to initialization also has two new optional parameters: icon and color. These parameters are used for displaying the connected chain in the account center UI. There are a number of chains that have icons and colors that work out of the box which can be found here. You can override the icon and color for any of those chains or leave them out if you like the defaults.

Changelog:

• Feature: Account Center UI (#917)

[walletlink] - Deprecated

The WalletLink package is now deprecated in favor of the new Coinbase Wallet SDK package.

Changelog:

• Adds coinbase-wallet-sdk (#904)

[core] - Fix Breaking Types Vite

This release adds a small build change so that the en.json file is copied over to the dist folder to prevent types breaking in some Vite builds. Thanks to @gdixon for the PR!

Changelog:

• fix: exports i18n/en.json to dist #916

[coinbase] - New Package

This release includes a new package for the Coinbase wallet sdk that replaces the now deprecated WalletLink package. If you are running the WalletLink package, please swap it out for this one.

Thanks to @erin-at-work for the PR.

Changelog:

• Adds coinbase-wallet-sdk (#904)

[react] - Updates to Latest Core Version

A small release to update to the latest core version

Changelog:

• [core-v2.1.0] - Feature: Update Wallets without Re-Initialization (#906)

[core] - Update Wallet Modules Without Re-Initialization

This release includes a new feature allowing for dynamic updating of the wallet modules that are displayed to the user in the wallet select modal, without needing to re-initialize. To enable this, a new actions object has been added to the state object, exposing a setWalletModules function. Example usage below:

import Onboard from '@web3-onboard/core'
import injectedModule from '@web3-onboard/injected-wallets'
import ledgerModule from '@web3-onboard/ledger'
import trezorModule from '@web3-onboard/trezor'

const injected = injectedModule()
const ledger = ledgerModule()
const trezor = trezorModule({
  email: '<EMAIL_CONTACT>',
  appUrl: '<APP_URL>'
})

// initialize with injected and hardware wallets
const onboard = Onboard({
  wallets: [injected, trezor, ledger],
  chains: [
    {
      id: '0x1',
      token: 'ETH',
      label: 'Ethereum Mainnet',
      rpcUrl: `https://mainnet.infura.io/v3/${INFURA_ID}`
    }
  ]
})

// then after a user action, you may decide to only display hardware wallets on the next call to onboard.connectWallet
onboard.state.actions.setWalletModules([ledger, trezor])

Changelog:

• [core-v2.1.0] - Feature: Update Wallets without Re-Initialization (#906)

[trezor]: Provider Request Function

This release adds a provider request function that passes on any RPC requests to the RPC URL that are not explicitly patched.

Changelog:

• [fix]: Hardware Wallet Providers Send Transaction (#894)