I've created a multi-step modal for crypto deposits with the following features:

1. Step 1: Select Currency and Chain

   • Dropdown to select stablecoin (USDC or USDT)
   • Radio buttons to select the blockchain network (different options based on the selected coin)
   • Input field for the source wallet address
   • Next button is disabled until all fields are filled

2. Step 2: QR Code and Wallet Address

   • Displays a QR code for the deposit address
   • Shows the wallet address with a copy button
   • Clear warning about sending the correct coin on the correct network
   • Back button to return to step 1
   • "I have sent funds" button to proceed

3. Step 3: Confirmation/Loading

   • Shows a loading spinner while "confirming" the transaction
   • After a short delay (simulating backend confirmation), shows a success message
   • Close button to dismiss the modal and reset the form

The component uses shadcn/ui components for the UI elements and includes a step indicator at the top to show progress. It also handles form validation, copying the wallet address to clipboard, and simulating the backend confirmation process.

To use this component, you'll need to install the react-qr-code package:

You can then import and use the CryptoDepositModal component anywhere in your application.

I've updated the crypto deposit modal to change the selection order and limit the supported chains as requested. Now users will:

1. First select the chain (only Base and Solana are available)
2. Then select the stablecoin (USDC or USDT)
3. Enter their source wallet address

The key changes include:

• Restructured the data model to have chains as the primary selection, each with their supported stablecoins
• Updated the UI to show chain selection first using radio buttons
• Added logic to reset the selected coin when the chain changes
• Updated the wallet address mapping to use the new "[Chain]-[Coin]" format
• Maintained all the other functionality (QR code generation, confirmation flow, etc.)

This new flow provides a more logical selection process where users first choose the blockchain network they want to use, and then select which stablecoin they want to deposit on that network.