インポート

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

使い方

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>
  )
}

TransakのURLを読み込もうとして403エラーが表示された場合は、ドメインのホワイトリスト登録が必要です。 サポートが必要な場合はご連絡ください。

戻り値の型:UseAddFundsModalReturnType

このフックは以下のプロパティを持つオブジェクトを返します。

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

プロパティ

triggerAddFunds

(settings: AddFundsSettings) => void

指定したパラメータでオンランプモーダルを開きます。

パラメータ:

パラメータ説明
walletAddress`stringHex`資金を受け取るウォレットのアドレス
fiatAmountstring(オプション)使用する正確な法定通貨の金額
fiatCurrencystring(オプション)法定通貨の種類(例:‘USD’, ‘EUR’)
defaultFiatAmountstring(オプション)表示するデフォルトの法定通貨金額
defaultCryptoCurrencystring(オプション)購入するデフォルトの暗号資産
cryptoCurrencyListstring(オプション)利用可能な暗号資産のカンマ区切りリスト
networksstring(オプション)利用可能なネットワークのカンマ区切りリスト
onClose() => void(オプション)モーダルが閉じられたときのコールバック
onOrderCreated(data: any) => void(オプション)新しい注文が作成されたときのコールバック
onOrderSuccessful(data: any) => void(オプション)注文が正常に完了したときのコールバック
onOrderFailed(data: any) => void(オプション)注文が失敗したときのコールバック

closeAddFunds

() => void

オンランプモーダルを閉じます。

addFundsSettings

AddFundsSettings | undefined

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
}

オンランプモーダルの現在の設定構成です。

補足

このフックは、Transakが提供するオンランプモーダルを制御するメソッドを提供し、ユーザーがアプリケーション内でクレジットカードやデビットカードを使って暗号資産を直接購入できるようにします。