Importar

import { useAddFundsModal } from '@0xsequence/checkout'

Uso

import { useAddFundsModal } from '@0xsequence/checkout'

function App() {
  const { triggerAddFunds } = useAddFundsModal()
  const walletAddress = '0x123...' // User's wallet address
  
  const handleAddFunds = () => {
    triggerAddFunds({
      walletAddress,
      defaultFiatAmount: '50',
      defaultCryptoCurrency: 'USDC',
      onOrderSuccessful: (data) => {
        console.log('Order successful!', data)
      }
    })
  }
  
  return (
    <button onClick={handleAddFunds}>
      Add Funds
    </button>
  )
}

Si recibe un error 403 al intentar cargar la URL de Transak, significa que su dominio necesita ser incluido en la lista blanca. Por favor, contáctenos para ayudarle a resolver este problema.

Tipo de retorno: UseAddFundsModalReturnType

El hook retorna un objeto con las siguientes propiedades:

type UseAddFundsModalReturnType = {
  triggerAddFunds: (settings: AddFundsSettings) => void
  closeAddFunds: () => void
  addFundsSettings: AddFundsSettings | undefined
}

Propiedades

triggerAddFunds

(settings: AddFundsSettings) => void

Abre el On-ramp modal con los parámetros especificados.

Parámetros:

ParámetroTypeDescription
walletAddress`stringHex`La dirección de la wallet que recibirá los fondos
fiatAmountstring(Opcional) El monto exacto en fiat a utilizar
fiatCurrencystring(Opcional) La moneda para el monto fiat (por ejemplo, ‘USD’, ‘EUR’)
defaultFiatAmountstring(Opcional) El monto fiat predeterminado a mostrar
defaultCryptoCurrencystring(Opcional) La criptomoneda predeterminada a comprar
cryptoCurrencyListstring(Opcional) Lista separada por comas de criptomonedas disponibles
networksstring(Opcional) Lista separada por comas de redes disponibles
onClose() => void(Opcional) Callback cuando se cierra el modal
onOrderCreated(data: any) => void(Opcional) Callback cuando se crea una nueva orden
onOrderSuccessful(data: any) => void(Opcional) Callback cuando la orden se completa exitosamente
onOrderFailed(data: any) => void(Opcional) Callback cuando la orden falla

closeAddFunds

() => void

Cierra el On-ramp modal.

addFundsSettings

AddFundsSettings | undefined

Interfaz AddFundsSettings:

interface AddFundsSettings {
  walletAddress: string | Hex
  fiatAmount?: string
  fiatCurrency?: string
  defaultFiatAmount?: string
  defaultCryptoCurrency?: string
  cryptoCurrencyList?: string
  networks?: string
  onClose?: () => void
  onOrderCreated?: (data: any) => void
  onOrderSuccessful?: (data: any) => void
  onOrderFailed?: (data: any) => void
}

La configuración actual para el On-ramp modal.

Notas

Este hook proporciona métodos para controlar el On-ramp modal impulsado por Transak, permitiendo a los usuarios comprar criptomonedas con tarjeta de crédito/débito directamente dentro de su aplicación.