Privy Wrapper

import { PrivyProvider } from '@privy-io/react-auth'
import { SmartWalletsProvider } from '@privy-io/react-auth/smart-wallets'
import { ethereum, polygon, base, arbitrum, gnosis, hyperEvm } from './config/chains'

<PrivyProvider
  appId={PRIVY_APP_ID}
  config={{
    appearance: { theme: 'dark' },
    embeddedWallets: {
      showWalletUIs: false,
      ethereum: {
        createOnLogin: 'users-without-wallets',
      },
    },
    defaultChain: polygon,
    supportedChains: [ethereum, polygon, base, arbitrum, gnosis, hyperEvm],
  }}
>
  <SmartWalletsProvider>
    {children}
  </SmartWalletsProvider>
</PrivyProvider>

const { client: smartWalletClient, getClientForChain } = useSmartWallets()

// For every transaction, resolve the chain-specific client:
const chainId = bytecodes[0]?.chainId ?? 137
const chainClient = await getClientForChain({ id: chainId })
const txHash = await chainClient.sendTransaction({ calls })

import { useSmartWallets } from '@privy-io/react-auth/smart-wallets'
import { createPublicClient, http } from 'viem'
import { getChainById, getRpcUrl } from '@/config/chains'

const { client: smartWalletClient, getClientForChain } = useSmartWallets()

async function processBytecode(clientTxId: string, bytecodes: BytecodeTransaction[]) {
  if (!smartWalletClient) return

  sendToIframe({ type: 'HOST_ACK', clientTxId })
  sendToIframe({ type: 'SIGNATURE_PROMPTED', clientTxId })

  // Determine chain from first bytecode
  const chainId = bytecodes[0]?.chainId ?? 137

  // CRITICAL: use getClientForChain, not smartWalletClient directly
  const chainClient = await getClientForChain({ id: chainId })
  if (!chainClient) {
    sendToIframe({
      type: 'SIGNATURE_ERROR', clientTxId,
      code: 'CHAIN_NOT_CONFIGURED',
      message: `Chain ${chainId} is not configured in the Privy Dashboard.`,
    })
    return
  }

  const calls = bytecodes.map((bc) => ({
    to: bc.to as `0x${string}`,
    data: bc.data as `0x${string}`,
    value: bc.value ? BigInt(bc.value) : 0n,
  }))

  const txHash = await chainClient.sendTransaction({ calls })

  sendToIframe({ type: 'SIGNED', clientTxId })
  sendToIframe({ type: 'TX_SUBMITTED', clientTxId, chainId, txHash })

  // Wait for confirmation using chain-specific public client
  const publicClient = createPublicClient({
    chain: getChainById(chainId)!,
    transport: http(getRpcUrl(chainId)),
  })
  const receipt = await publicClient.waitForTransactionReceipt({ hash: txHash })

  sendToIframe({
    type: 'TX_CONFIRMED', clientTxId,
    txHash: receipt.transactionHash,
    blockNumber: Number(receipt.blockNumber),
    confirmations: 1,
  })
  sendToIframe({ type: 'TX_FINALIZED', clientTxId, txHash: receipt.transactionHash })
}

VITE_WEBVIEW_URL=https://iframe.pods.finance
VITE_ALCHEMY_RPC_ID=your_alchemy_api_key
VITE_ALCHEMY_POLICY_ID=your_alchemy_gas_policy_id
VITE_PODS_API_URL=https://api.pods.finance
VITE_PODS_API_KEY=your_pods_api_key
VITE_ALLOWED_ORIGINS=*
VITE_APP_PRIVY_APP_ID=your_privy_app_id