フック
useCheckoutModal
シンプルなチェックアウトモーダルを管理するためのフック
インポート
使い方
返り値の型: UseCheckoutModalReturnType
このフックは以下のプロパティを持つオブジェクトを返します。
プロパティ
triggerCheckout
(settings: CheckoutSettings) => void
指定したパラメータでチェックアウトモーダルを開きます。
パラメータ:
settings
オブジェクトには以下のプロパティを含めることができます:
プロパティ | 型 | 説明 |
---|---|---|
creditCardCheckout | object | クレジットカード決済フローの設定 |
orderSummaryItems | array | 注文概要に表示するアイテム |
creditCardCheckout
オブジェクトには次の内容が含まれます:
パラメータ | 型 | 説明 |
---|---|---|
chainId | number | ブロックチェーンネットワークID |
contractAddress | string | 操作対象となるコントラクトのアドレス |
recipientAddress | string | 購入したアイテムの受取先アドレス |
currencyQuantity | string | 支払いに使用する通貨の数量 |
currencySymbol | string | 通貨のシンボル(例: ‘USDC’) |
currencyAddress | string | 通貨トークンコントラクトのアドレス |
currencyDecimals | string | 通貨の小数点以下の桁数 |
nftId | string | 購入するNFTのID |
nftAddress | string | NFTコントラクトのアドレス |
nftQuantity | string | 購入するNFTの数量 |
approvedSpenderAddress | string | トークンの支払いを許可されたアドレス |
calldata | string | トランザクションのエンコード済み関数呼び出しデータ |
onSuccess | (txHash: string) => void | トランザクションが成功した際のコールバック |
orderSummaryItems
配列には以下のオブジェクトが含まれます:
パラメータ | 型 | 説明 |
---|---|---|
title | string | アイテムのタイトル |
subtitle | string | アイテムのサブタイトル |
imageUrl | string | アイテム画像のURL |
closeCheckout
() => void
チェックアウトモーダルを閉じます。
settings
CheckoutSettings | undefined
チェックアウトモーダルの現在の設定構成です。
補足
このフックは、さまざまな支払い方法で購入を完了できるチェックアウトモーダルを制御するためのメソッドを提供します。チェックアウトは、クレジットカード決済や暗号資産決済によるデジタル資産の購入に対応しています。