react: update hooks to use core transaction types

Author: alecananian

packages/thirdweb/src/react/core/hooks/transaction/useSendAndConfirmTransaction.ts

@@ -1,7 +1,7 @@
 import { type UseMutationResult, useMutation } from "@tanstack/react-query";
 import type { GaslessOptions } from "../../../../transaction/actions/gasless/types.js";
 import { sendAndConfirmTransaction } from "../../../../transaction/actions/send-and-confirm-transaction.js";
-import type { PreparedTransaction } from "../../../../transaction/prepare-transaction.js";
+import type { SendTransactionOptions } from "../../../../transaction/actions/send-transaction.js";
 import type { TransactionReceipt } from "../../../../transaction/types.js";
 import { useActiveAccount } from "../wallets/useActiveAccount.js";
 
@@ -56,7 +56,7 @@ type SendAndConfirmTransactionConfig = {
  */
 export function useSendAndConfirmTransaction(
   config: SendAndConfirmTransactionConfig = {},
-): UseMutationResult<TransactionReceipt, Error, PreparedTransaction> {
+): UseMutationResult<TransactionReceipt, Error, SendTransactionOptions["transaction"]> {
   const account = useActiveAccount();
   const { gasless } = config;
   return useMutation({

packages/thirdweb/src/react/core/hooks/transaction/useSendBatchTransaction.ts

@@ -1,7 +1,7 @@
 import { type UseMutationResult, useMutation } from "@tanstack/react-query";
 import { sendBatchTransaction } from "../../../../transaction/actions/send-batch-transaction.js";
 import type { WaitForReceiptOptions } from "../../../../transaction/actions/wait-for-tx-receipt.js";
-import type { PreparedTransaction } from "../../../../transaction/prepare-transaction.js";
+import type { SendTransactionOptions } from "../../../../transaction/actions/send-transaction.js";
 import { useActiveAccount } from "../wallets/useActiveAccount.js";
 
 /**
@@ -20,7 +20,7 @@ import { useActiveAccount } from "../wallets/useActiveAccount.js";
 export function useSendBatchTransaction(): UseMutationResult<
   WaitForReceiptOptions,
   Error,
-  PreparedTransaction[]
+  SendTransactionOptions["transaction"][]
 > {
   const account = useActiveAccount();
   return useMutation({

packages/thirdweb/src/react/core/hooks/transaction/useSendTransaction.ts

@@ -9,7 +9,7 @@ import type { BuyWithFiatStatus } from "../../../../pay/buyWithFiat/getStatus.js
 import type { PurchaseData } from "../../../../pay/types.js";
 import type { FiatProvider } from "../../../../pay/utils/commonTypes.js";
 import type { GaslessOptions } from "../../../../transaction/actions/gasless/types.js";
-import { sendTransaction } from "../../../../transaction/actions/send-transaction.js";
+import { sendTransaction, type SendTransactionOptions } from "../../../../transaction/actions/send-transaction.js";
 import type { WaitForReceiptOptions } from "../../../../transaction/actions/wait-for-tx-receipt.js";
 import type { PreparedTransaction } from "../../../../transaction/prepare-transaction.js";
 import { getTransactionGasCost } from "../../../../transaction/utils.js";
@@ -132,7 +132,7 @@ export function useSendTransactionCore(args: {
   gasless?: GaslessOptions;
   wallet: Wallet | undefined;
   switchChain: (chain: Chain) => Promise<void>;
-}): UseMutationResult<WaitForReceiptOptions, Error, PreparedTransaction> {
+}): UseMutationResult<WaitForReceiptOptions, Error, SendTransactionOptions["transaction"]> {
   const { showPayModal, gasless, wallet, switchChain } = args;
   let _account = wallet?.getAccount();