chore: update all examples and dependencies to Widget V4 beta

examples/connectkit/package.json

@@ -10,27 +10,29 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lifi/wallet-management": "^3.22.8",
-    "@lifi/widget": "^3.40.12",
-    "@mui/icons-material": "^7.3.6",
-    "@mui/material": "^7.3.6",
+    "@lifi/sdk": "^4.0.0-beta.4",
+    "@lifi/wallet-management": "^4.0.0-beta.9",
+    "@lifi/widget": "^4.0.0-beta.9",
+    "@lifi/widget-provider-ethereum": "^4.0.0-beta.9",
+    "@mui/icons-material": "^7.3.9",
+    "@mui/material": "^7.3.9",
     "@solana/wallet-adapter-base": "^0.9.27",
     "@solana/wallet-adapter-react": "^0.15.39",
     "@solana/web3.js": "^1.98.4",
-    "@tanstack/react-query": "^5.95.2",
+    "@tanstack/react-query": "^5.96.2",
     "connectkit": "^1.9.2",
     "mitt": "^3.0.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "viem": "^2.47.6",
-    "wagmi": "^2.19.4"
+    "wagmi": "^3.6.0"
   },
   "devDependencies": {
-    "@types/react": "^19.2.13",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
-    "globals": "^17.3.0",
-    "typescript": "~5.9.3",
+    "globals": "^17.4.0",
+    "typescript": "~6.0.2",
     "vite": "^8.0.3"
   }
 }

examples/connectkit/src/hooks/useChains.ts

@@ -0,0 +1,40 @@
+import {
+  ChainType,
+  createClient,
+  type ExtendedChain,
+  getChains,
+} from '@lifi/sdk'
+import { convertExtendedChain } from '@lifi/widget-provider-ethereum'
+import { useQuery } from '@tanstack/react-query'
+import { useMemo } from 'react'
+
+const client = createClient({ integrator: 'connectkit-example' })
+
+const chainTypes = [ChainType.EVM, ChainType.SVM, ChainType.UTXO, ChainType.MVM]
+
+export function useChains() {
+  const { data, isLoading } = useQuery({
+    queryKey: ['lifi-chains'],
+    queryFn: async () => {
+      const chains = await getChains(client, { chainTypes })
+      client.setChains(chains)
+      return chains
+    },
+    refetchInterval: 300_000,
+    staleTime: 300_000,
+  })
+
+  const evmChains = useMemo(
+    () =>
+      data
+        ?.filter((c: ExtendedChain) => c.chainType === 'EVM')
+        .map(convertExtendedChain),
+    [data]
+  )
+
+  return {
+    chains: data,
+    evmChains,
+    isLoading,
+  }
+}

examples/connectkit/src/providers/WalletProvider.tsx

@@ -1,10 +1,10 @@
-import { useSyncWagmiConfig } from '@lifi/wallet-management'
-import { ChainType, useAvailableChains } from '@lifi/widget'
+import { useSyncWagmiConfig } from '@lifi/widget-provider-ethereum'
 import { ConnectKitProvider, getDefaultConfig } from 'connectkit'
 import type { FC, PropsWithChildren } from 'react'
 import { createConfig, WagmiProvider } from 'wagmi'
 import { mainnet } from 'wagmi/chains'
 import { walletConnectProjectId } from '../config/connectkit'
+import { useChains } from '../hooks/useChains'
 
 const wagmiConfig = createConfig(
   getDefaultConfig({
@@ -25,9 +25,7 @@ const wagmiConfig = createConfig(
 )
 
 export const WalletProvider: FC<PropsWithChildren> = ({ children }) => {
-  const { chains } = useAvailableChains()
-
-  const evmChains = chains?.filter((chain) => chain.chainType === ChainType.EVM)
+  const { evmChains } = useChains()
 
   useSyncWagmiConfig(wagmiConfig, [], evmChains)
   return (

examples/deposit-flow/package.json

@@ -10,24 +10,24 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lifi/sdk": "^3.16.3",
-    "@lifi/widget": "^3.40.12",
-    "@mui/material": "^7.3.6",
-    "@tanstack/react-query": "^5.95.2",
+    "@lifi/sdk": "^4.0.0-beta.4",
+    "@lifi/widget": "^4.0.0-beta.9",
+    "@mui/material": "^7.3.9",
+    "@tanstack/react-query": "^5.96.2",
     "events": "^3.3.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "viem": "^2.47.6",
-    "wagmi": "^2.19.4"
+    "wagmi": "^3.6.0"
   },
   "devDependencies": {
     "@types/events": "^3.0.3",
     "@types/node": "^25.5.2",
-    "@types/react": "^19.2.13",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.2",
     "vite": "^8.0.3",
-    "vite-plugin-node-polyfills": "^0.25.0"
+    "vite-plugin-node-polyfills": "^0.26.0"
   }
 }

examples/deposit-flow/tsconfig.json

@@ -1,14 +1,12 @@
 {
   "compilerOptions": {
     "allowJs": false,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": false,
     "forceConsistentCasingInFileNames": true,
     "isolatedModules": true,
     "jsx": "react-jsx",
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "module": "ESNext",
-    "moduleResolution": "Node",
+    "moduleResolution": "Bundler",
     "noEmit": true,
     "resolveJsonModule": true,
     "skipLibCheck": true,

examples/deposit-flow/tsconfig.node.json

@@ -2,8 +2,7 @@
   "compilerOptions": {
     "composite": true,
     "module": "ESNext",
-    "moduleResolution": "Node",
-    "allowSyntheticDefaultImports": true
+    "moduleResolution": "Bundler"
   },
   "include": ["vite.config.ts"]
 }

examples/dynamic/package.json

@@ -12,39 +12,40 @@
     "@bigmi/client": "^0.8.0",
     "@bigmi/core": "^0.8.0",
     "@bigmi/react": "^0.8.0",
-    "@dynamic-labs/bitcoin": "^4.71.0",
-    "@dynamic-labs/ethereum": "^4.71.0",
-    "@dynamic-labs/ethereum-aa": "^4.71.0",
-    "@dynamic-labs/sdk-react-core": "^4.71.0",
-    "@dynamic-labs/solana": "^4.71.0",
-    "@dynamic-labs/solana-core": "^4.71.0",
-    "@dynamic-labs/wagmi-connector": "^4.71.0",
-    "@lifi/sdk": "^3.16.3",
-    "@lifi/wallet-management": "^3.22.8",
-    "@lifi/widget": "^3.40.12",
-    "@mui/material": "^7.3.6",
+    "@dynamic-labs/bitcoin": "^4.74.0",
+    "@dynamic-labs/ethereum": "^4.74.0",
+    "@dynamic-labs/ethereum-aa": "^4.74.0",
+    "@dynamic-labs/sdk-react-core": "^4.74.0",
+    "@dynamic-labs/solana": "^4.74.0",
+    "@dynamic-labs/solana-core": "^4.74.0",
+    "@dynamic-labs/wagmi-connector": "^4.74.0",
+    "@lifi/sdk": "^4.0.0-beta.4",
+    "@lifi/wallet-management": "^4.0.0-beta.9",
+    "@lifi/widget": "^4.0.0-beta.9",
+    "@lifi/widget-provider-ethereum": "^4.0.0-beta.9",
+    "@mui/material": "^7.3.9",
     "@solana/wallet-adapter-base": "^0.9.27",
     "@solana/wallet-adapter-react": "^0.15.39",
     "@solana/wallet-standard-features": "^1.3.0",
     "@solana/web3.js": "^1.98.4",
-    "@tanstack/react-query": "^5.95.2",
-    "@wagmi/core": "^2.22.1",
+    "@tanstack/react-query": "^5.96.2",
+    "@wagmi/core": "^3.4.1",
     "@wallet-standard/base": "^1.1.0",
     "@wallet-standard/features": "^1.1.0",
-    "bs58": ">=4.0.1",
+    "bs58": "^6.0.0",
     "mitt": "^3.0.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "viem": "^2.47.6",
     "vite-plugin-env-compatible": "^2.0.1",
-    "wagmi": "^2.19.4"
+    "wagmi": "^3.6.0"
   },
   "devDependencies": {
-    "@types/react": "^19.2.13",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
-    "globals": "^17.3.0",
-    "typescript": "^5.9.3",
+    "globals": "^17.4.0",
+    "typescript": "^6.0.2",
     "vite": "^8.0.3"
   }
 }

examples/dynamic/src/adapters/dynamic/initialize.ts

@@ -18,12 +18,13 @@ function adaptToTurnkeyHD(wallet: ISolana): TurnkeyHD {
     },
     on: (event, listener) => wallet?.on?.(event, listener),
     off: (event, listener) => wallet?.off?.(event, listener),
-    signTransaction: (txn) => wallet.signTransaction(txn),
+    signTransaction: (txn) => wallet.signTransaction(txn as any) as any,
     signMessage: (message) => wallet.signMessage(message),
     disconnect: () => wallet.disconnect(),
-    signAllTransactions: (txns) => wallet.signAllTransactions(txns),
+    signAllTransactions: (txns) =>
+      wallet.signAllTransactions(txns as any) as any,
     signAndSendTransaction: (txn, options) =>
-      wallet.signAndSendTransaction(txn, options),
+      wallet.signAndSendTransaction(txn as any, options),
   }
 }
 

examples/dynamic/src/hooks/useChains.ts

@@ -0,0 +1,43 @@
+import {
+  ChainType,
+  createClient,
+  type ExtendedChain,
+  getChains,
+} from '@lifi/sdk'
+import { convertExtendedChain } from '@lifi/widget-provider-ethereum'
+import { useQuery } from '@tanstack/react-query'
+import { useMemo } from 'react'
+
+const client = createClient({ integrator: 'vite-example' })
+
+const chainTypes = [ChainType.EVM, ChainType.SVM, ChainType.UTXO, ChainType.MVM]
+
+export function useChains() {
+  const { data, isLoading } = useQuery({
+    queryKey: ['lifi-chains'],
+    queryFn: async () => {
+      const chains = await getChains(client, { chainTypes })
+      client.setChains(chains)
+      return chains
+    },
+    refetchInterval: 300_000,
+    staleTime: 300_000,
+  })
+
+  const evmExtendedChains = useMemo(
+    () => data?.filter((c: ExtendedChain) => c.chainType === 'EVM'),
+    [data]
+  )
+
+  const evmChains = useMemo(
+    () => evmExtendedChains?.map(convertExtendedChain),
+    [evmExtendedChains]
+  )
+
+  return {
+    chains: data,
+    evmExtendedChains,
+    evmChains,
+    isLoading,
+  }
+}

examples/dynamic/src/providers/WalletProvider.tsx

@@ -4,40 +4,27 @@ import { ZeroDevSmartWalletConnectors } from '@dynamic-labs/ethereum-aa'
 import { DynamicContextProvider } from '@dynamic-labs/sdk-react-core'
 import { SolanaWalletConnectors } from '@dynamic-labs/solana'
 import { DynamicWagmiConnector } from '@dynamic-labs/wagmi-connector'
-import {
-  convertExtendedChain,
-  isExtendedChain,
-  useSyncWagmiConfig,
-} from '@lifi/wallet-management'
-import { ChainType, type ExtendedChain, useAvailableChains } from '@lifi/widget'
+import type { ExtendedChain } from '@lifi/sdk'
+import { useSyncWagmiConfig } from '@lifi/widget-provider-ethereum'
 import { type FC, type PropsWithChildren, useRef } from 'react'
-import { type Chain, mainnet } from 'viem/chains'
+import { mainnet } from 'viem/chains'
 import type { Config, CreateConnectorFn } from 'wagmi'
 import { createConfig, http, WagmiProvider } from 'wagmi'
+import { useChains } from '../hooks/useChains'
 import { DynamicUTXOProvider } from './DynamicUTXOProvider'
 import { SolanaProvider } from './SolanaProvider'
 
 // All connectors are supplied by Dynamic so we can leave this empty
 const connectors: CreateConnectorFn[] = []
 
 export const WalletProvider: FC<PropsWithChildren> = ({ children }) => {
-  const { chains } = useAvailableChains()
+  const { evmChains, evmExtendedChains } = useChains()
 
   const wagmi = useRef<Config>(null)
 
-  const evmChains = chains?.filter((chain) => chain.chainType === ChainType.EVM)
-
-  const wagmiChains =
-    (evmChains?.map((chain) =>
-      isExtendedChain(chain) ? convertExtendedChain(chain) : chain
-    ) as [Chain, ...Chain[]]) || []
-
   if (!wagmi.current) {
     wagmi.current = createConfig({
-      chains: [
-        mainnet,
-        ...wagmiChains.filter((chain) => chain.id !== mainnet.id),
-      ],
+      chains: [mainnet],
       multiInjectedProviderDiscovery: false,
       transports: {
         [mainnet.id]: http(),
@@ -61,8 +48,8 @@ export const WalletProvider: FC<PropsWithChildren> = ({ children }) => {
         ],
         overrides: {
           // Please ignore these network settings if you specify chains yourself
-          evmNetworks: evmChains
-            ? convertToDynamicNetworks(evmChains)
+          evmNetworks: evmExtendedChains
+            ? convertToDynamicNetworks(evmExtendedChains)
             : undefined,
         },
       }}

examples/nextjs/package.json

@@ -11,17 +11,17 @@
     "node": ">=21.0.0"
   },
   "dependencies": {
-    "@lifi/sdk": "^3.16.3",
-    "@lifi/widget": "^3.40.12",
-    "@mui/material-nextjs": "^7.3.6",
+    "@lifi/sdk": "^4.0.0-beta.4",
+    "@lifi/widget": "^4.0.0-beta.9",
+    "@mui/material-nextjs": "^7.3.9",
     "next": "^16",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   },
   "devDependencies": {
     "@types/node": "^25.5.2",
-    "@types/react": "^19.2.13",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "typescript": "^5.9.3"
+    "typescript": "^6.0.2"
   }
 }

examples/nextjs/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "target": "es2017",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,