[SDK] Fix: update hooks to use core transaction types (#7647)

Co-authored-by: Joaquim Verges <joaquim.verges@gmail.com>

Author: alecananian

.changeset/smooth-crabs-reply.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+react: update hooks to use core transaction types

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,11 @@ 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 { 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 { 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,10 @@ 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 {
+  type SendTransactionOptions,
+  sendTransaction,
+} 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 +135,11 @@ 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();
 

packages/thirdweb/src/transaction/actions/send-batch-transaction.ts

@@ -3,12 +3,12 @@ import type {
   Account,
   SendTransactionOption,
 } from "../../wallets/interfaces/wallet.js";
-import type { PreparedTransaction } from "../prepare-transaction.js";
 import { encode } from "./encode.js";
+import type { SendTransactionOptions } from "./send-transaction.js";
 import type { WaitForReceiptOptions } from "./wait-for-tx-receipt.js";
 
 export type SendBatchTransactionOptions = {
-  transactions: PreparedTransaction[];
+  transactions: SendTransactionOptions["transaction"][];
   account: Account;
 };