0xtrails 0.13.1 → 0.14.0

package/src/wallets.ts

@@ -1,740 +0,0 @@
-import { sequenceWallet } from "@0xsequence/connect"
-import { Wallet as WalletIcon } from "lucide-react"
-import React from "react"
-import { useConnectors as useWagmiConnectors } from "wagmi"
-import type { EIP1193Provider } from "viem"
-import {
-  baseAccount,
-  gemini,
-  injected,
-  safe,
-  walletConnect,
-} from "wagmi/connectors"
-import { getConfig } from "./config.js"
-import {
-  DEFAULT_WALLETCONNECT_PROJECT_ID,
-  PROD_TRAILS_API_URL,
-} from "./constants.js"
-import WalletConnectLogo from "./widget/assets/WalletConnect-logo-blue-bg.svg"
-import SequenceLogo from "./widget/assets/sequence-logo.svg"
-import { useTrails } from "./widget/providers/TrailsProvider.js"
-
-type Connector = any
-
-/**
- * EIP-6963 RDNS (Reverse Domain Name System) mapping for reliable wallet identification.
- * Wagmi's multiInjectedProviderDiscovery uses these identifiers to uniquely identify wallets.
- * Reference: https://github.com/wevm/wagmi/pull/4343
- */
-export const WALLET_RDNS_MAP: Record<string, string> = {
-  "io.metamask": "metamask",
-  "io.rabby": "rabby",
-  "app.phantom": "phantom",
-  "com.coinbase.wallet": "coinbase",
-  "me.rainbow": "rainbow",
-  "app.zerion": "zerion",
-  "com.trustwallet.app": "trust",
-  "io.okx.wallet": "okx",
-  "xyz.ambire": "ambire",
-  "io.zerion": "zerion",
-  "world.bitget": "bitget",
-  "io.1inch.wallet": "1inch",
-  "com.brave.wallet": "brave",
-}
-
-/**
- * Reverse lookup from wallet ID to RDNS identifier
- */
-export const WALLET_ID_TO_RDNS: Record<string, string> = Object.fromEntries(
-  Object.entries(WALLET_RDNS_MAP).map(([rdns, id]) => [id, rdns]),
-)
-
-export interface WalletConfig {
-  id: string
-  name: string
-  icon: string
-  connector?: Connector
-  getWalletConnectDeepLink?: (uri: string) => string
-}
-
-export interface QRCodeWalletOption {
-  id: string
-  label: string
-  usesEip681: boolean
-  icon: string
-}
-
-// WalletConnect connector singleton to avoid multiple Core initializations.
-// Lazy-initialized to prevent module-level side effects — importing this module
-// should NOT create a WalletConnect connector until one is actually needed.
-// This avoids conflicts with apps that bring their own WalletConnect setup
-// (e.g. Reown AppKit) when using hooks-only via TrailsProvider.
-let wcConnectorSingleton: Connector | null = null
-export function getWalletConnectConnector(): Connector {
-  if (!wcConnectorSingleton) {
-    wcConnectorSingleton = walletConnect({
-      projectId:
-        getConfig("walletConnectProjectId") || DEFAULT_WALLETCONNECT_PROJECT_ID,
-      showQrModal: false,
-    })
-  }
-  return wcConnectorSingleton
-}
-
-function isInIframe() {
-  if (typeof window === "undefined") return false
-  if (window.parent === window) {
-    return false
-  }
-
-  return true
-}
-
-function safeProviderOrWalletConnect() {
-  if (isInIframe()) {
-    return safe()
-  }
-
-  return getWalletConnectConnector()
-}
-
-function isRecord(value: unknown): value is Record<string, unknown> {
-  return typeof value === "object" && value !== null
-}
-
-// Selector used to pick a provider from window.ethereum (or its providers array).
-type ProviderSelector = (provider: Record<string, unknown>) => boolean
-
-function getWindowValue(
-  windowRecord: Record<string, unknown>,
-  identifier: string | string[],
-): unknown {
-  if (!Array.isArray(identifier)) {
-    return windowRecord[identifier]
-  }
-
-  let current: unknown = windowRecord
-  for (const key of identifier) {
-    if (!isRecord(current)) return undefined
-    current = current[key]
-  }
-
-  return current
-}
-
-function findInjectedProvider(
-  windowRecord: Record<string, unknown>,
-  selector: ProviderSelector,
-): EIP1193Provider | undefined {
-  const ethereum = windowRecord.ethereum
-  const providers = isRecord(ethereum) ? ethereum.providers : undefined
-  const candidates: unknown[] = []
-
-  if (Array.isArray(providers)) {
-    candidates.push(...providers)
-  } else if (ethereum) {
-    candidates.push(ethereum)
-  }
-
-  for (const candidate of candidates) {
-    if (isRecord(candidate) && selector(candidate)) {
-      return candidate as EIP1193Provider
-    }
-  }
-
-  return undefined
-}
-
-// Resolve a provider using either an injected selector or a window path.
-function resolveProvider(
-  windowRecord: Record<string, unknown>,
-  identifier: string | string[] | ProviderSelector,
-): EIP1193Provider | undefined {
-  if (typeof identifier === "function") {
-    return findInjectedProvider(windowRecord, identifier)
-  }
-
-  const candidate = getWindowValue(windowRecord, identifier)
-  if (!isRecord(candidate)) return undefined
-  return candidate as EIP1193Provider
-}
-
-export function windowProviderOrWalletConnect(
-  walletId: string,
-  windowObjectIdentifier: string | string[] | ProviderSelector,
-  name: string,
-) {
-  if (typeof window === "undefined") return getWalletConnectConnector()
-
-  const windowRecord = window as unknown as Record<string, unknown>
-
-  // Selector checks window.ethereum/providers; paths read from window.*
-  const provider = resolveProvider(windowRecord, windowObjectIdentifier)
-  if (!provider) return getWalletConnectConnector()
-
-  return injected({
-    target() {
-      return {
-        id: walletId,
-        name: name || walletId,
-        provider: provider,
-      }
-    },
-  })
-}
-
-/**
- * Hook to get all wallet connectors, creating them lazily with the correct configuration
- */
-export function useConnectors(): Connector[] {
-  const { trailsApiKey, trailsApiUrl } = useTrails()
-
-  return React.useMemo(() => {
-    return getConnectorsInternal(trailsApiKey, trailsApiUrl)
-  }, [trailsApiKey, trailsApiUrl])
-}
-
-/**
- * Internal function to get connectors (for use outside React components)
- * Exported for use in widget.tsx where hooks can't be used in useMemo
- */
-
-// Cache connectors to prevent recreation on every call
-const connectorsCache = new Map<string, Connector[]>()
-
-export function getConnectorsInternal(
-  projectAccessKey?: string,
-  trailsApiUrl?: string,
-): Connector[] {
-  const cacheKey = `${projectAccessKey || "default"}:${trailsApiUrl || "default"}`
-
-  // Return cached connectors if they exist
-  const cached = connectorsCache.get(cacheKey)
-  if (cached) {
-    return cached
-  }
-
-  // Create base connectors
-  const injectedConnector = injected()
-  const baseAccountConnector: Connector = baseAccount()
-  const geminiConnector: Connector = gemini()
-  const safeConnector: Connector = safeProviderOrWalletConnect()
-
-  // Create wallet-specific connectors
-  // Note: MetaMask and Rainbow removed - they support EIP-6963 discovery
-  const trustwalletConnector = windowProviderOrWalletConnect(
-    "trustwallet",
-    "trustwallet",
-    "Trust",
-  )
-  const phantomConnector = windowProviderOrWalletConnect(
-    "phantom",
-    ["phantom", "ethereum"],
-    "Phantom",
-  )
-  const okxwalletConnector = windowProviderOrWalletConnect(
-    "okxwallet",
-    "okxwallet",
-    "OKX Wallet",
-  )
-  const zerionConnector = windowProviderOrWalletConnect(
-    "zerion",
-    "zerionWallet",
-    "Zerion",
-  )
-  const ambireConnector = windowProviderOrWalletConnect(
-    "ambire",
-    "ambire",
-    "Ambire",
-  )
-
-  // Note: Rabby and Coinbase removed - they support EIP-6963 discovery
-
-  // Create sequence connector with projectAccessKey
-  const sequenceConnector: any = sequenceWallet({
-    connect: {
-      app: "Trails",
-      projectAccessKey: projectAccessKey || getConfig("trailsApiKey") || "",
-    },
-    defaultNetwork: 1,
-    walletAppURL: getSequenceWalletAppUrl(trailsApiUrl),
-  })
-
-  const connectors = [
-    injectedConnector,
-    getWalletConnectConnector(),
-    safeConnector,
-    baseAccountConnector,
-    geminiConnector,
-    trustwalletConnector,
-    phantomConnector,
-    okxwalletConnector,
-    zerionConnector,
-    ambireConnector,
-    sequenceConnector,
-  ]
-
-  // Cache the connectors before returning
-  connectorsCache.set(cacheKey, connectors)
-
-  return connectors
-}
-
-/**
- * Hook to get wallet configurations, creating connectors lazily with the correct configuration
- */
-export function useWalletConfigs(): Record<string, WalletConfig> {
-  const { trailsApiKey, trailsApiUrl } = useTrails()
-
-  return React.useMemo(() => {
-    return getWalletConfigsInternal(trailsApiKey, trailsApiUrl)
-  }, [trailsApiKey, trailsApiUrl])
-}
-
-/**
- * Internal function to get wallet configs (for use outside React components)
- */
-function getWalletConfigsInternal(
-  projectAccessKey?: string,
-  trailsApiUrl?: string,
-): Record<string, WalletConfig> {
-  // Get connectors
-  const connectors = getConnectorsInternal(projectAccessKey, trailsApiUrl)
-  const [
-    injectedConnector,
-    ,
-    safeConnector,
-    baseAccountConnector,
-    geminiConnector,
-    trustwalletConnector,
-    phantomConnector,
-    okxwalletConnector,
-    zerionConnector,
-    ambireConnector,
-    sequenceConnector,
-  ] = connectors
-
-  // Create wallet-specific connectors with EIP-6963 priority
-  // These will check EIP-6963 first (in widget.tsx), then window properties, then WalletConnect
-  const metamaskConnector = windowProviderOrWalletConnect(
-    "metamask",
-    (provider) => provider.isMetaMask === true,
-    "MetaMask",
-  )
-  const rabbyConnector = windowProviderOrWalletConnect(
-    "rabby",
-    (provider) => provider.isRabby === true,
-    "Rabby",
-  )
-  const rainbowConnector = windowProviderOrWalletConnect(
-    "rainbow",
-    "rainbow",
-    "Rainbow",
-  )
-  const coinbaseConnector = windowProviderOrWalletConnect(
-    "coinbase",
-    "coinbaseWalletExtension",
-    "Coinbase Wallet",
-  )
-
-  return {
-    injected: {
-      id: "injected",
-      name: "Browser Wallet",
-      connector: injectedConnector,
-      icon: WalletIcon as unknown as string,
-    },
-    walletconnect: {
-      id: "walletconnect",
-      name: "WalletConnect",
-      connector: getWalletConnectConnector(),
-      icon: WalletConnectLogo as string,
-    },
-    metamask: {
-      id: "metamask",
-      name: "MetaMask",
-      connector: metamaskConnector, // EIP-6963 > window.ethereum.isMetaMask > WalletConnect
-      icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIzIiB4PSIzLjUiIHk9IjMuNSIgdmlld0JveD0iMCAwIDE0MS41MSAxMzYuNDIiPjxwYXRoIGZpbGw9IiNGRjVDMTYiIGQ9Im0xMzIuMjQgMTMxLjc1LTMwLjQ4LTkuMDctMjIuOTkgMTMuNzQtMTYuMDMtLjAxLTIzLTEzLjc0LTMwLjQ3IDkuMDhMMCAxMDAuNDdsOS4yNy0zNC43M0wwIDM2LjQgOS4yNyAwbDQ3LjYgMjguNDRoMjcuNzZMMTMyLjI0IDBsOS4yNyAzNi4zOC05LjI3IDI5LjM2IDkuMjcgMzQuNzItOS4yNyAzMS4zWiIvPjxwYXRoIGZpbGw9IiNGRjVDMTYiIGQ9Im05LjI3IDAgNDcuNjEgMjguNDZMNTQuOTggNDggOS4yOSAwWm0zMC40NyAxMDAuNDggMjAuOTUgMTUuOTUtMjAuOTUgNi4yNHYtMjIuMlpNNTkuMDEgNzQuMSA1NSA0OCAyOS4yMiA2NS43NWgtLjAybC4wOCAxOC4yNyAxMC40NS05LjkyaDE5LjI5Wk0xMzIuMjUgMGwtNDcuNiAyOC40Nkw4Ni41MSA0OGw0NS43Mi00OFptLTMwLjQ3IDEwMC40OC0yMC45NCAxNS45NSAyMC45NCA2LjI0di0yMi4yWm0xMC41My0zNC43M0w4Ni41MyA0OCA4Mi41IDc0LjFoMTkuMjdsMTAuNDYgOS45LjA3LTE4LjI2WiIvPjxwYXRoIGZpbGw9IiNFMzQ4MDciIGQ9Im0zOS43MyAxMjIuNjctMzAuNDYgOS4wOEwwIDEwMC40OGgzOS43M3YyMi4yWk01OS4wMiA3NC4xbDUuODIgMzcuNzEtOC4wNy0yMC45Ny0yNy40OS02LjgyIDEwLjQ2LTkuOTJINTlabTQyLjc2IDQ4LjU5IDMwLjQ3IDkuMDcgOS4yNy0zMS4yN2gtMzkuNzR6TTgyLjUgNzQuMDlsLTUuODIgMzcuNzEgOC4wNi0yMC45NyAyNy41LTYuODItMTAuNDctOS45MnoiLz48cGF0aCBmaWxsPSIjRkY4RDVEIiBkPSJtMCAxMDAuNDcgOS4yNy0zNC43M0gyOS4ybC4wNyAxOC4yNyAyNy41IDYuODIgOC4wNiAyMC45Ny00LjE1IDQuNjItMjAuOTQtMTUuOTZIMFptMTQxLjUgMC05LjI2LTM0LjczaC0xOS45M2wtLjA3IDE4LjI3LTI3LjUgNi44Mi04LjA2IDIwLjk3IDQuMTUgNC42MiAyMC45NC0xNS45NmgzOS43NFpNODQuNjQgMjguNDRINTYuODhsLTEuODkgMTkuNTQgOS44NCA2My44aDExLjg1bDkuODUtNjMuOC0xLjktMTkuNTRaIi8+PHBhdGggZmlsbD0iIzY2MTgwMCIgZD0iTTkuMjcgMCAwIDM2LjM4bDkuMjcgMjkuMzZIMjkuMkw1NC45OCA0OHptNDMuOTggODEuNjdoLTkuMDNsLTQuOTIgNC44MSAxNy40NyA0LjMzLTMuNTItOS4xNVpNMTMyLjI0IDBsOS4yNyAzNi4zOC05LjI3IDI5LjM2aC0xOS45M0w4Ni41MyA0OHpNODguMjcgODEuNjdoOS4wNGw0LjkyIDQuODItMTcuNDkgNC4zNCAzLjUzLTkuMTdabS05LjUgNDIuMyAyLjA2LTcuNTQtNC4xNS00LjYySDY0LjgybC00LjE0IDQuNjIgMi4wNSA3LjU0Ii8+PHBhdGggZmlsbD0iI0MwQzRDRCIgZD0iTTc4Ljc3IDEyMy45N3YxMi40NUg2Mi43NHYtMTIuNDVoMTYuMDJaIi8+PHBhdGggZmlsbD0iI0U3RUJGNiIgZD0ibTM5Ljc0IDEyMi42NiAyMyAxMy43NnYtMTIuNDZsLTIuMDUtNy41NHptNjIuMDMgMC0yMyAxMy43NnYtMTIuNDZsMi4wNi03LjU0eiIvPjwvc3ZnPjwvc3ZnPg==",
-      getWalletConnectDeepLink: (uri: string) => {
-        return `https://metamask.app.link/wc?uri=${encodeURIComponent(uri)}`
-      },
-    },
-    baseAccount: {
-      id: "baseAccount",
-      name: "Base",
-      connector: baseAccountConnector,
-      icon: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAALZJREFUaEPtmjEOhDAMBNc/O14GvOzys3CAKK6eAlmaVGl2Zc+kTOU685vkc9/bnD2prZK5/TZY24z9P+g4F5hNh7/GdoG37WlAA5CATwgCxHENYISwQAMQII5rACOEBRqAAHFcAxghLNAABIjjGsAIYYEGIEAc1wBGCAs0AAHiuAYwQligAQgQxzWAEcICDUCAOK4BjBAWaAACxHENYISwQAMQII6fBjr+VHkW3+u+tfyxMpJaDgYzYxb/ALZVAAAAAElFTkSuQmCC",
-    },
-    safe: {
-      id: "safe",
-      name: "Safe",
-      connector: safeConnector,
-      icon: "https://explorer-api.walletconnect.com/v3/logo/sm/3913df81-63c2-4413-d60b-8ff83cbed500?projectId=34357d3c125c2bcf2ce2bc3309d98715",
-      getWalletConnectDeepLink: (uri: string) => {
-        return `https://gnosis-safe.io/wc?uri=${encodeURIComponent(uri)}`
-      },
-    },
-    rainbow: {
-      id: "rainbow",
-      name: "Rainbow",
-      connector: rainbowConnector, // EIP-6963 > window.rainbow > WalletConnect
-      icon: "https://explorer-api.walletconnect.com/v3/logo/sm/7a33d7f1-3d12-4b5c-f3ee-5cd83cb1b500?projectId=34357d3c125c2bcf2ce2bc3309d98715",
-      getWalletConnectDeepLink: (uri: string) => {
-        return `https://rnbwapp.com/wc?uri=${encodeURIComponent(
-          uri,
-        )}&connector=connectkit`
-      },
-    },
-    trust: {
-      id: "trust",
-      name: "Trust",
-      connector: trustwalletConnector,
-      icon: "https://explorer-api.walletconnect.com/v3/logo/sm/7677b54f-3486-46e2-4e37-bf8747814f00?projectId=34357d3c125c2bcf2ce2bc3309d98715",
-      getWalletConnectDeepLink: (uri: string) => {
-        return `https://link.trustwallet.com/wc?uri=${encodeURIComponent(uri)}`
-      },
-    },
-    ambire: {
-      id: "ambire",
-      name: "Ambire Wallet",
-      connector: ambireConnector,
-      icon: "https://www.ambire.com/favicon.png",
-    },
-    argent: {
-      id: "argent",
-      name: "Argent",
-      connector: getWalletConnectConnector(),
-      icon: "https://explorer-api.walletconnect.com/v3/logo/sm/215158d2-614b-49c9-410f-77aa661c3900?projectId=34357d3c125c2bcf2ce2bc3309d98715",
-    },
-    binance: {
-      id: "binance",
-      name: "Binance Wallet",
-      connector: getWalletConnectConnector(),
-      icon: "https://explorer-api.walletconnect.com/v3/logo/sm/ebac7b39-688c-41e3-7912-a4fefba74600?projectId=34357d3c125c2bcf2ce2bc3309d98715",
-    },
-    okx: {
-      id: "okx",
-      name: "OKX Wallet",
-      connector: okxwalletConnector,
-      icon: "https://explorer-api.walletconnect.com/v3/logo/sm/c55df831-3c52-49fc-d1d1-97a926dc0c00?projectId=34357d3c125c2bcf2ce2bc3309d98715",
-    },
-    zerion: {
-      id: "zerion",
-      name: "Zerion",
-      connector: zerionConnector,
-      icon: "https://explorer-api.walletconnect.com/v3/logo/sm/73f6f52f-7862-49e7-bb85-ba93ab72cc00?projectId=34357d3c125c2bcf2ce2bc3309d98715",
-      getWalletConnectDeepLink: (uri: string) => {
-        return `https://app.zerion.io/wc?uri=${encodeURIComponent(uri)}`
-      },
-    },
-    phantom: {
-      id: "phantom",
-      name: "Phantom",
-      connector: phantomConnector,
-      icon: "https://explorer-api.walletconnect.com/v3/logo/sm/b6ec7b81-bb4f-427d-e290-7631e6e50d00?projectId=34357d3c125c2bcf2ce2bc3309d98715",
-      getWalletConnectDeepLink: (_uri: string) => {
-        // TODO: https://phantom.com/learn/blog/the-complete-guide-to-phantom-deeplinks
-        // return `https://phantom.app/ul/v1/connect`
-        // For now, use the browse link to open the Phantom app
-        return `https://phantom.app/ul/browse/${encodeURIComponent(typeof window !== "undefined" ? window.location.href : "")}`
-      },
-    },
-    coinbase: {
-      id: "coinbase",
-      name: "Coinbase Wallet",
-      connector: coinbaseConnector, // EIP-6963 > window.coinbaseWalletExtension > WalletConnect
-      icon: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHN0eWxlPSdoZWlnaHQ6MjhweDt3aWR0aDoyOHB4Jz48cmVjdCB3aWR0aD0nMTAyNCcgaGVpZ2h0PScxMDI0JyBmaWxsPScjMDA1MkZGJyByeD0nMTAwJyByeT0nMTAwJz48L3JlY3Q+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J00xNTIgNTEyQzE1MiA3MTAuODIzIDMxMy4xNzcgODcyIDUxMiA4NzJDNzEwLjgyMyA4NzIgODcyIDcxMC44MjMgODcyIDUxMkM4NzIgMzEzLjE3NyA3MTAuODIzIDE1MiA1MTIgMTUyQzMxMy4xNzcgMTUyIDE1MiAzMTMuMTc3IDE1MiA1MTJaTTQyMCAzOTZDNDA2Ljc0NSAzOTYgMzk2IDQwNi43NDUgMzk2IDQyMFY2MDRDMzk2IDYxNy4yNTUgNDA2Ljc0NSA2MjggNDIwIDYyOEg2MDRDNjE3LjI1NSA2MjggNjI4IDYxNy4yNTUgNjI4IDYwNFY0MjBDNjI4IDQwNi43NDUgNjE3LjI1NSAzOTYgNjA0IDM5Nkg0MjBaJyBmaWxsPSd3aGl0ZSc+PC9wYXRoPjwvc3ZnPg==",
-      getWalletConnectDeepLink: (uri: string) => {
-        return `https://go.cb-w.com/wc?uri=${encodeURIComponent(uri)}`
-      },
-    },
-    rabby: {
-      id: "rabby",
-      name: "Rabby",
-      connector: rabbyConnector, // EIP-6963 > window.ethereum.isRabby > WalletConnect,
-      icon: "https://explorer-api.walletconnect.com/v3/logo/sm/255e6ba2-8dfd-43ad-e88e-57cbb98f6800?projectId=34357d3c125c2bcf2ce2bc3309d98715",
-    },
-    privy: {
-      id: "privy",
-      name: "Privy",
-      icon: "https://avatars.githubusercontent.com/u/81824329?s=200&v=4",
-    },
-    gemini: {
-      id: "gemini",
-      name: "Gemini",
-      connector: geminiConnector,
-      icon: "https://explorer-api.walletconnect.com/v3/logo/sm/56a3fd87-2627-4903-fddd-205224dac500?projectId=34357d3c125c2bcf2ce2bc3309d98715",
-    },
-    sequence: {
-      id: "sequence",
-      name: "Sequence",
-      connector: sequenceConnector,
-      icon: SequenceLogo as string,
-    },
-    "sequence-waas": {
-      id: "sequence-waas",
-      name: "Sequence WaaS",
-      connector: sequenceConnector,
-      icon: SequenceLogo as string,
-    },
-  }
-}
-
-/**
- * Hook to get QR code wallet options
- */
-export function useQRCodeWallets(): QRCodeWalletOption[] {
-  const { trailsApiKey, trailsApiUrl } = useTrails()
-
-  return React.useMemo(() => {
-    return getQRCodeWalletsInternal(trailsApiKey, trailsApiUrl)
-  }, [trailsApiKey, trailsApiUrl])
-}
-
-/**
- * Internal function to get QR code wallets (for use outside React components)
- */
-function getQRCodeWalletsInternal(
-  projectAccessKey?: string,
-  trailsApiUrl?: string,
-): QRCodeWalletOption[] {
-  const walletConfigs = getWalletConfigsInternal(projectAccessKey, trailsApiUrl)
-
-  return [
-    {
-      id: "metamask",
-      label: "MetaMask",
-      usesEip681: true,
-      icon: walletConfigs.metamask?.icon || "",
-    },
-    {
-      id: "coinbase",
-      label: "CB Wallet",
-      usesEip681: false,
-      icon: walletConfigs.coinbase?.icon || "",
-    },
-    {
-      id: "trust",
-      label: "Trust Wallet",
-      usesEip681: false,
-      icon: walletConfigs.trust?.icon || "",
-    },
-    {
-      id: "rabby",
-      label: "Rabby",
-      usesEip681: false,
-      icon: walletConfigs.rabby?.icon || "",
-    },
-    {
-      id: "rainbow",
-      label: "Rainbow",
-      usesEip681: false,
-      icon: walletConfigs.rainbow?.icon || "",
-    },
-    {
-      id: "phantom",
-      label: "Phantom",
-      usesEip681: false,
-      icon: walletConfigs.phantom?.icon || "",
-    },
-  ] satisfies QRCodeWalletOption[]
-}
-
-const PROD_SEQUENCE_WALLET_APP_URL = "https://sequence.app"
-const DEV_SEQUENCE_WALLET_APP_URL = "https://dev.sequence.app"
-
-function isDevEnvironment(trailsApiUrl: string): boolean {
-  return (
-    trailsApiUrl.includes("dev-trails-api.sequence-dev.app") ||
-    trailsApiUrl.includes("dev2-trails-api.sequence-dev.app") ||
-    trailsApiUrl.includes("localhost")
-  )
-}
-
-function getSequenceWalletAppUrl(trailsApiUrl?: string): string {
-  return isDevEnvironment(trailsApiUrl || PROD_TRAILS_API_URL)
-    ? DEV_SEQUENCE_WALLET_APP_URL
-    : PROD_SEQUENCE_WALLET_APP_URL
-}
-
-export const topShownWallets = [
-  "metamask",
-  "walletconnect",
-  "baseAccount",
-  "rainbow",
-  "phantom",
-]
-
-/**
- * Hook to get wallet icon
- */
-export function useWalletIcon(walletId?: string): string {
-  const walletConfigs = useWalletConfigs()
-
-  return React.useMemo(() => {
-    if (!walletId) return ""
-    return (walletConfigs[walletId]?.icon || "") as string
-  }, [walletId, walletConfigs])
-}
-
-/**
- * Hook to get wallet name
- */
-export function useWalletName(walletId?: string): string {
-  const walletConfigs = useWalletConfigs()
-
-  return React.useMemo(() => {
-    if (!walletId) return ""
-    return (walletConfigs[walletId]?.name || "") as string
-  }, [walletId, walletConfigs])
-}
-
-// Legacy functions for backward compatibility (use hooks instead)
-export const getWalletIcon = (
-  walletId?: string,
-  projectAccessKey?: string,
-): string => {
-  if (!walletId) return ""
-  const walletConfigs = getWalletConfigsInternal(projectAccessKey)
-  return (walletConfigs[walletId]?.icon || "") as string
-}
-
-export const getWalletName = (
-  walletId?: string,
-  projectAccessKey?: string,
-): string => {
-  if (!walletId) return ""
-  const walletConfigs = getWalletConfigsInternal(projectAccessKey)
-  return (walletConfigs[walletId]?.name || "") as string
-}
-
-/**
- * Convert a wagmi connector to a wallet ID using EIP-6963 RDNS (preferred) or name fallback.
- * RDNS-based identification is more reliable as it uses the wallet's unique identifier
- * announced via EIP-6963, avoiding conflicts when multiple wallets override window.ethereum.
- */
-export const wagmiConnectorToWalletId = (wagmiConnector: any): string => {
-  // 1. First try RDNS from EIP-6963 info (most reliable)
-  // Wagmi's multiInjectedProviderDiscovery populates this from EIP-6963 announcements
-  const rdns = wagmiConnector?.info?.rdns
-  if (rdns && WALLET_RDNS_MAP[rdns]) {
-    return WALLET_RDNS_MAP[rdns]
-  }
-
-  // 2. Fallback to name-based matching for non-EIP-6963 connectors
-  const wagmiConnectorName = (
-    wagmiConnector?.name ||
-    wagmiConnector?.id ||
-    ""
-  ).toLowerCase()
-  if (wagmiConnectorName.includes("rabby")) return "rabby"
-  if (wagmiConnectorName.includes("metamask")) return "metamask"
-  if (wagmiConnectorName.includes("walletconnect")) return "walletconnect"
-  if (wagmiConnectorName.includes("coinbase")) return "coinbase"
-  if (wagmiConnectorName.includes("base")) return "baseAccount"
-  if (wagmiConnectorName.includes("rainbow")) return "rainbow"
-  if (wagmiConnectorName.includes("trust")) return "trust"
-  if (wagmiConnectorName.includes("ambire")) return "ambire"
-  if (wagmiConnectorName.includes("argent")) return "argent"
-  if (wagmiConnectorName.includes("okx")) return "okxwallet"
-  if (wagmiConnectorName.includes("privy")) return "privy"
-  if (wagmiConnectorName.includes("gemini")) return "gemini"
-  if (wagmiConnectorName.includes("waas")) return "sequence-waas"
-  if (wagmiConnectorName.includes("sequence")) return "sequence"
-  return wagmiConnector.id || "injected"
-}
-
-export const isEmbeddedConnector = (connector?: any): boolean => {
-  if (!connector) return false
-  if (
-    connector.name?.toLowerCase()?.includes("privy") ||
-    connector.name?.toLowerCase()?.includes("sequence waas")
-  )
-    return true
-  return false
-}
-
-// Hook to get combined wallets from wallet configs and wagmi connectors
-export const useWallets = () => {
-  const connectors = useWagmiConnectors()
-  const walletConfigs = useWalletConfigs()
-
-  const allWallets = React.useMemo(() => {
-    // Get config wallets that have connectors
-    const configWallets = Object.values(walletConfigs)
-      .filter((config) => config.connector)
-      .map((config) => ({
-        id: config.id,
-        name: config.name,
-        icon: config.icon,
-        connector: config.connector,
-        source: "config" as const,
-      }))
-
-    // Get wagmi wallets
-    const wagmiWallets = connectors.map((connector) => ({
-      id: wagmiConnectorToWalletId(connector),
-      name: connector.name || "",
-      icon:
-        getWalletIcon(wagmiConnectorToWalletId(connector)) ||
-        connector.icon ||
-        "",
-      connector: connector,
-      source: "wagmi" as const,
-    }))
-
-    // Combine and deduplicate, prioritizing wagmi connector over config connector.
-    // We keep config metadata (name, icon) but always prefer the connector instance
-    // from the active Wagmi config so that consumer-provided connectors (e.g. WaaS)
-    // are used instead of the SDK's own connector instances.
-    const allWallets: any[] = []
-
-    for (const wallet of configWallets) {
-      // Always check if the active Wagmi config has a matching connector
-      const wagmiConnector = connectors.find(
-        (connector) => wagmiConnectorToWalletId(connector) === wallet.id,
-      )
-      const resolvedConnector = wagmiConnector ?? wallet.connector
-      if (!resolvedConnector) {
-        continue
-      }
-      allWallets.push({
-        id: wallet.id,
-        name: wallet.name,
-        icon: wallet.icon,
-        connector: resolvedConnector,
-        source: wagmiConnector ? ("wagmi" as const) : ("config" as const),
-      })
-    }
-
-    for (const wallet of wagmiWallets) {
-      if (
-        !allWallets.find((w: any) => w.id === wagmiConnectorToWalletId(wallet))
-      ) {
-        const configWallet = configWallets.find(
-          (config: any) => config.id === wallet.id,
-        )
-
-        allWallets.push({
-          id: wallet.id,
-          name: configWallet?.name || wallet.name,
-          icon: configWallet?.icon || wallet.icon,
-          connector: wallet.connector,
-          source: "wagmi" as const,
-        })
-      }
-    }
-
-    return allWallets
-  }, [connectors, walletConfigs])
-
-  return {
-    wallets: allWallets,
-  }
-}
-
-// Helper method to find wallet by ID using the hook (for use in components)
-export const useFindWalletById = (walletId: string) => {
-  const { wallets } = useWallets()
-  return wallets.find((wallet: any) => wallet.id === walletId) || null
-}