import type { MutationOptionsWithoutMutationFn } from "../hooks"; import { type BuildUserOpOptions } from "../utils"; import type { Hex, PaymasterFeeQuote, Transaction } from "@biconomy/account"; export type { PaymasterFeeQuote } from "@biconomy/account"; export type UseSendGasTokenTransactionProps = { /** The transaction or transactions to send */ transactions: Transaction | Transaction[]; /** The preferred token to use for gas payment */ tokenParam: Hex | PaymasterFeeQuote; /** The BuildUserOpOptions options. See https://bcnmy.github.io/biconomy-client-sdk/types/BuildUserOpOptions.html for further detail */ options?: BuildUserOpOptions; }; export type PostUseSendGasTokenTransactionProps = Omit; /** @description Sends a transaction, taking an erc20 token of choice as payment for the gas. Mutation function args: {@link UseSendGasTokenTransactionProps} @example ```tsx import { useSendGasTokenTransaction, useUserOpWait, Options, useSmartAccount, mergeOptions } from "@biconomy/useAA" import { polygonAmoy } from "viem/chains" import { encodeFunctionData, parseAbi } from "wagmi" export const SendGasTokenTx = () => { const { smartAccountAddress } = useSmartAccount(); const { mutate, data: userOpResponse, error, isPending, } = useSendGasTokenTransaction(); const { isLoading: waitIsLoading, isSuccess: waitIsSuccess, error: waitError, data: waitData, } = useUserOpWait(userOpResponse); useEffect(() => { if (waitData?.success === "true") { console.log(waitData?.receipt?.transactionHash); } }, [waitData]); const transactions = useMemo( () => ({ to: "0x1758f42Af7026fBbB559Dc60EcE0De3ef81f665e", data: encodeFunctionData({ abi: parseAbi(["function safeMint(address _to)"]), functionName: "safeMint", args: [smartAccountAddress as Hex], }), }), [smartAccountAddress] ); const { data: feeQuoteResponse, isLoading: isLoadingFee } = useTokenFees({ transactions }); const mintNftTx = () => mutate({ transactions, tokenParam: feeQuotes[0] }); // OR if you know in advance which token you'd like to use const alternativeMintTx = () => mutate({ transactions, tokenParam: "0xf555F8d9Cf90f9d95D34488e6C852796D9acBd31" }); return (