WalletConnect

npm install @walletconnect/modal @walletconnect/sign-client

import { WalletId } from '@txnlab/use-wallet'

const walletManager = new WalletManager({
  wallets: [
    {
      id: WalletId.WALLETCONNECT,
      options: { projectId: 'YOUR_PROJECT_ID' }
    }
  ]
})

export interface WalletConnectOptions {
  // Required
  projectId: string
  
  // Optional sign client options
  relayUrl?: string
  metadata?: SignClientTypes.Metadata
  
  // Optional modal options
  enableExplorer?: boolean
  explorerRecommendedWalletIds?: string[]
  privacyPolicyUrl?: string
  termsOfServiceUrl?: string
  themeMode?: 'light' | 'dark' | 'auto'
  themeVariables?: Record<string, string>
  
  // Skin support
  skin?: WalletConnectSkinOption
}

interface SignClientTypes.Metadata {
  name: string
  description: string
  url: string
  icons: string[]
}

{
  id: WalletId.WALLETCONNECT,
  options: {
    projectId: 'YOUR_PROJECT_ID',
    skin: 'biatec'  // or { id: 'custom', name: 'My Wallet', icon: '...' }
  }
}

const walletManager = new WalletManager({
  wallets: [{ id: WalletId.WALLETCONNECT, options: { projectId: 'YOUR_PROJECT_ID' } }],
  network: 'testnet'  // or custom NetworkConfig with caipChainId
})