feat: expose useSendBatchTransaction for smart accounts (#2711)

Signed-off-by: Jonas Daniels <jonas.daniels@outlook.com>
Co-authored-by: Jonas Daniels <jonas.daniels@outlook.com>

Author: joaquim-verges

.changeset/tidy-colts-hug.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": minor
+---
+
+Export `useSendBatchTransaction()` for smart accounts

packages/thirdweb/src/exports/react.ts

@@ -53,6 +53,7 @@ export {
 // contract related
 export { useReadContract } from "../react/core/hooks/contract/useReadContract.js";
 export { useSendTransaction } from "../react/core/hooks/contract/useSendTransaction.js";
+export { useSendBatchTransaction } from "../react/core/hooks/contract/useSendBatchTransaction.js";
 export { useSendAndConfirmTransaction } from "../react/core/hooks/contract/useSendAndConfirmTransaction.js";
 export { useEstimateGas } from "../react/core/hooks/contract/useEstimateGas.js";
 export { useEstimateGasCost } from "../react/core/hooks/contract/useEstimateGasCost.js";

packages/thirdweb/src/exports/thirdweb.ts

@@ -103,6 +103,10 @@ export {
   type SendTransactionOptions,
 } from "../transaction/actions/send-transaction.js";
 export { sendAndConfirmTransaction } from "../transaction/actions/send-and-confirm-transaction.js";
+export {
+  sendBatchTransaction,
+  type SendBatchTransactionOptions,
+} from "../transaction/actions/send-batch-transaction.js";
 export {
   simulateTransaction,
   type SimulateOptions,

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

@@ -0,0 +1,38 @@
+import { type UseMutationResult, useMutation } from "@tanstack/react-query";
+import { sendBatchTransaction } from "../../../../exports/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/wallet-hooks.js";
+
+/**
+ * A hook to send a transaction.
+ * @returns A mutation object to send a transaction.
+ * @example
+ * ```jsx
+ * import { useSendBatchTransaction } from "thirdweb/react";
+ * const { mutate: sendBatch, data: transactionResult } = useSendBatchTransaction();
+ *
+ * // later
+ * sendBatch([tx1, tx2]);
+ * ```
+ * @transaction
+ */
+export function useSendBatchTransaction(): UseMutationResult<
+  WaitForReceiptOptions,
+  Error,
+  PreparedTransaction[]
+> {
+  const account = useActiveAccount();
+
+  return useMutation({
+    mutationFn: async (transactions) => {
+      if (!account) {
+        throw new Error("No active account");
+      }
+      return await sendBatchTransaction({
+        transactions,
+        account,
+      });
+    },
+  });
+}