@mysten/dapp-kit 0.13.2 → 0.14.0

package/package.json

@@ -3,7 +3,7 @@
   "author": "Mysten Labs <build@mystenlabs.com>",
   "description": "A collection of React hooks and components for interacting with the Sui blockchain and wallets.",
   "homepage": "https://sdk.mystenlabs.com/typescript",
-  "version": "0.13.2",
+  "version": "0.14.0",
   "license": "Apache-2.0",
   "files": [
     "CHANGELOG.md",
@@ -59,7 +59,7 @@
     "size-limit": "^8.2.6",
     "typescript": "^5.3.3",
     "vite": "^4.4.4",
-    "vitest": "^0.33.0",
+    "vitest": "^1.6.0",
     "@mysten/build-scripts": "0.0.0"
   },
   "dependencies": {
@@ -71,9 +71,9 @@
     "@vanilla-extract/recipes": "^0.5.0",
     "clsx": "^2.0.0",
     "zustand": "^4.4.1",
-    "@mysten/sui.js": "0.54.1",
-    "@mysten/wallet-standard": "0.11.6",
-    "@mysten/zksend": "0.8.2"
+    "@mysten/sui": "1.0.0",
+    "@mysten/wallet-standard": "0.12.0",
+    "@mysten/zksend": "0.9.0"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",
@@ -86,7 +86,7 @@
   "scripts": {
     "clean": "rm -rf tsconfig.tsbuildinfo ./dist",
     "build": "build-dapp-kit",
-    "test": "pnpm test:typecheck && pnpm vitest",
+    "test": "pnpm test:typecheck && pnpm vitest run",
     "test:typecheck": "tsc -b ./test",
     "size": "size-limit",
     "analyze": "size-limit --why",

package/src/components/AccountDropdownMenu.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) Mysten Labs, Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import { formatAddress } from '@mysten/sui.js/utils';
+import { formatAddress } from '@mysten/sui/utils';
 import type { WalletAccount } from '@mysten/wallet-standard';
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import clsx from 'clsx';

package/src/components/SuiClientProvider.tsx

@@ -1,8 +1,8 @@
 // Copyright (c) Mysten Labs, Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import { getFullnodeUrl, isSuiClient, SuiClient } from '@mysten/sui.js/client';
-import type { SuiClientOptions } from '@mysten/sui.js/client';
+import { getFullnodeUrl, isSuiClient, SuiClient } from '@mysten/sui/client';
+import type { SuiClientOptions } from '@mysten/sui/client';
 import { createContext, useMemo, useState } from 'react';
 
 import type { NetworkConfig } from '../hooks/networkConfig.js';

package/src/components/WalletProvider.tsx

@@ -8,9 +8,9 @@ import type { StateStorage } from 'zustand/middleware';
 
 import {
 	DEFAULT_PREFERRED_WALLETS,
-	DEFAULT_REQUIRED_FEATURES,
 	DEFAULT_STORAGE,
 	DEFAULT_STORAGE_KEY,
+	DEFAULT_WALLET_FILTER,
 } from '../constants/walletDefaults.js';
 import { WalletContext } from '../contexts/walletContext.js';
 import { useAutoConnectWallet } from '../hooks/wallet/useAutoConnectWallet.js';
@@ -30,8 +30,8 @@ export type WalletProviderProps = {
 	/** A list of wallets that are sorted to the top of the wallet list, if they are available to connect to. By default, wallets are sorted by the order they are loaded in. */
 	preferredWallets?: string[];
 
-	/** A list of features that are required for the dApp to function. This filters the list of wallets presented to users when selecting a wallet to connect from, ensuring that only wallets that meet the dApps requirements can connect. */
-	requiredFeatures?: (keyof WalletWithRequiredFeatures['features'])[];
+	/** A filter function to select wallets that support features required for the dApp to function. This filters the list of wallets presented to users when selecting a wallet to connect from, ensuring that only wallets that meet the dApps requirements can connect. */
+	walletFilter?: (wallet: WalletWithRequiredFeatures) => boolean;
 
 	/** Enables the development-only unsafe burner wallet, which can be useful for testing. */
 	enableUnsafeBurner?: boolean;
@@ -58,7 +58,7 @@ export type { WalletWithFeatures };
 
 export function WalletProvider({
 	preferredWallets = DEFAULT_PREFERRED_WALLETS,
-	requiredFeatures = DEFAULT_REQUIRED_FEATURES,
+	walletFilter = DEFAULT_WALLET_FILTER,
 	storage = DEFAULT_STORAGE,
 	storageKey = DEFAULT_STORAGE_KEY,
 	enableUnsafeBurner = false,
@@ -70,7 +70,7 @@ export function WalletProvider({
 	const storeRef = useRef(
 		createWalletStore({
 			autoConnectEnabled: autoConnect,
-			wallets: getRegisteredWallets(preferredWallets, requiredFeatures),
+			wallets: getRegisteredWallets(preferredWallets, walletFilter),
 			storage: storage || createInMemoryStore(),
 			storageKey,
 		}),
@@ -80,7 +80,7 @@ export function WalletProvider({
 		<WalletContext.Provider value={storeRef.current}>
 			<WalletConnectionManager
 				preferredWallets={preferredWallets}
-				requiredFeatures={requiredFeatures}
+				walletFilter={walletFilter}
 				enableUnsafeBurner={enableUnsafeBurner}
 				stashedWallet={stashedWallet}
 			>
@@ -94,17 +94,17 @@ export function WalletProvider({
 
 type WalletConnectionManagerProps = Pick<
 	WalletProviderProps,
-	'preferredWallets' | 'requiredFeatures' | 'enableUnsafeBurner' | 'stashedWallet' | 'children'
+	'preferredWallets' | 'walletFilter' | 'enableUnsafeBurner' | 'stashedWallet' | 'children'
 >;
 
 function WalletConnectionManager({
 	preferredWallets = DEFAULT_PREFERRED_WALLETS,
-	requiredFeatures = DEFAULT_REQUIRED_FEATURES,
+	walletFilter = DEFAULT_WALLET_FILTER,
 	enableUnsafeBurner = false,
 	stashedWallet,
 	children,
 }: WalletConnectionManagerProps) {
-	useWalletsChanged(preferredWallets, requiredFeatures);
+	useWalletsChanged(preferredWallets, walletFilter);
 	useWalletPropertiesChanged();
 	useStashedWallet(stashedWallet);
 	useUnsafeBurnerWallet(enableUnsafeBurner);

package/src/constants/walletDefaults.ts

@@ -1,7 +1,7 @@
 // Copyright (c) Mysten Labs, Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import type { WalletWithRequiredFeatures } from '@mysten/wallet-standard';
+import type { SuiWalletFeatures, WalletWithRequiredFeatures } from '@mysten/wallet-standard';
 import { STASHED_WALLET_NAME } from '@mysten/zksend';
 
 import { createInMemoryStore } from '../utils/stateStorage.js';
@@ -13,8 +13,12 @@ export const DEFAULT_STORAGE =
 
 export const DEFAULT_STORAGE_KEY = 'sui-dapp-kit:wallet-connection-info';
 
-export const DEFAULT_REQUIRED_FEATURES: (keyof WalletWithRequiredFeatures['features'])[] = [
+const SIGN_FEATURES = [
+	'sui:signTransaction',
 	'sui:signTransactionBlock',
-];
+] satisfies (keyof SuiWalletFeatures)[];
+
+export const DEFAULT_WALLET_FILTER = (wallet: WalletWithRequiredFeatures) =>
+	SIGN_FEATURES.some((feature) => wallet.features[feature]);
 
 export const DEFAULT_PREFERRED_WALLETS = [SUI_WALLET_NAME, STASHED_WALLET_NAME];

package/src/constants/walletMutationKeys.ts

@@ -9,9 +9,10 @@ export const walletMutationKeys = {
 	autoconnectWallet: formMutationKeyFn('autoconnect-wallet'),
 	disconnectWallet: formMutationKeyFn('disconnect-wallet'),
 	signPersonalMessage: formMutationKeyFn('sign-personal-message'),
-	signTransactionBlock: formMutationKeyFn('sign-transaction-block'),
-	signAndExecuteTransactionBlock: formMutationKeyFn('sign-and-execute-transaction-block'),
+	signTransaction: formMutationKeyFn('sign-transaction'),
+	signAndExecuteTransaction: formMutationKeyFn('sign-and-execute-transaction'),
 	switchAccount: formMutationKeyFn('switch-account'),
+	reportTransactionEffects: formMutationKeyFn('report-transaction-effects'),
 };
 
 function formMutationKeyFn(baseEntity: string) {

package/src/hooks/networkConfig.ts

@@ -1,7 +1,7 @@
 // Copyright (c) Mysten Labs, Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import type { SuiClientOptions } from '@mysten/sui.js/client';
+import type { SuiClientOptions } from '@mysten/sui/client';
 
 import { useSuiClientContext } from './useSuiClient.js';
 

package/src/hooks/useResolveSuiNSNames.ts

@@ -1,7 +1,7 @@
 // Copyright (c) Mysten Labs, Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import type { ResolvedNameServiceNames } from '@mysten/sui.js/client';
+import type { ResolvedNameServiceNames } from '@mysten/sui/client';
 import type { UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
 
 import { useSuiClientQuery } from './useSuiClientQuery.js';

package/src/hooks/useSuiClient.ts

@@ -1,7 +1,7 @@
 // Copyright (c) Mysten Labs, Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import type { SuiClient } from '@mysten/sui.js/client';
+import type { SuiClient } from '@mysten/sui/client';
 import { useContext } from 'react';
 
 import { SuiClientContext } from '../components/SuiClientProvider.js';

package/src/hooks/useSuiClientInfiniteQuery.ts

@@ -1,7 +1,7 @@
 // Copyright (c) Mysten Labs, Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import type { SuiClient } from '@mysten/sui.js/client';
+import type { SuiClient } from '@mysten/sui/client';
 import type {
 	InfiniteData,
 	UseInfiniteQueryOptions,

package/src/hooks/useSuiClientQuery.ts

@@ -1,7 +1,7 @@
 // Copyright (c) Mysten Labs, Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import type { SuiClient } from '@mysten/sui.js/client';
+import type { SuiClient } from '@mysten/sui/client';
 import type { UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
 import { useQuery } from '@tanstack/react-query';
 

package/src/hooks/wallet/useConnectWallet.ts

@@ -55,7 +55,12 @@ export function useConnectWallet({
 				);
 				const selectedAccount = getSelectedAccount(connectedSuiAccounts, accountAddress);
 
-				setWalletConnected(wallet, connectedSuiAccounts, selectedAccount);
+				setWalletConnected(
+					wallet,
+					connectedSuiAccounts,
+					selectedAccount,
+					connectResult.supportedIntents,
+				);
 
 				return { accounts: connectedSuiAccounts };
 			} catch (error) {

package/src/hooks/wallet/useCurrentWallet.ts

@@ -9,6 +9,7 @@ import { useWalletStore } from './useWalletStore.js';
 export function useCurrentWallet() {
 	const currentWallet = useWalletStore((state) => state.currentWallet);
 	const connectionStatus = useWalletStore((state) => state.connectionStatus);
+	const supportedIntents = useWalletStore((state) => state.supportedIntents);
 
 	switch (connectionStatus) {
 		case 'connecting':
@@ -18,6 +19,7 @@ export function useCurrentWallet() {
 				isDisconnected: false,
 				isConnecting: true,
 				isConnected: false,
+				supportedIntents: [],
 			} as const;
 		case 'disconnected':
 			return {
@@ -26,6 +28,7 @@ export function useCurrentWallet() {
 				isDisconnected: true,
 				isConnecting: false,
 				isConnected: false,
+				supportedIntents: [],
 			} as const;
 		case 'connected': {
 			return {
@@ -34,6 +37,7 @@ export function useCurrentWallet() {
 				isDisconnected: false,
 				isConnecting: false,
 				isConnected: true,
+				supportedIntents,
 			} as const;
 		}
 	}

package/src/hooks/wallet/useReportTransactionEffects.ts

@@ -0,0 +1,82 @@
+// Copyright (c) Mysten Labs, Inc.
+// SPDX-License-Identifier: Apache-2.0
+
+import { toB64 } from '@mysten/sui/utils';
+import type { SuiReportTransactionEffectsInput } from '@mysten/wallet-standard';
+import type { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
+import { useMutation } from '@tanstack/react-query';
+
+import { walletMutationKeys } from '../../constants/walletMutationKeys.js';
+import type { WalletFeatureNotSupportedError } from '../../errors/walletErrors.js';
+import {
+	WalletNoAccountSelectedError,
+	WalletNotConnectedError,
+} from '../../errors/walletErrors.js';
+import type { PartialBy } from '../../types/utilityTypes.js';
+import { useCurrentAccount } from './useCurrentAccount.js';
+import { useCurrentWallet } from './useCurrentWallet.js';
+
+type UseReportTransactionEffectsArgs = Omit<
+	PartialBy<SuiReportTransactionEffectsInput, 'account' | 'chain'>,
+	'effects'
+> & {
+	effects: string | number[];
+};
+
+type UseReportTransactionEffectsError =
+	| WalletFeatureNotSupportedError
+	| WalletNoAccountSelectedError
+	| WalletNotConnectedError
+	| Error;
+
+type UseReportTransactionEffectsMutationOptions = Omit<
+	UseMutationOptions<
+		void,
+		UseReportTransactionEffectsError,
+		UseReportTransactionEffectsArgs,
+		unknown
+	>,
+	'mutationFn'
+>;
+
+/**
+ * Mutation hook for prompting the user to sign a message.
+ */
+export function useReportTransactionEffects({
+	mutationKey,
+	...mutationOptions
+}: UseReportTransactionEffectsMutationOptions = {}): UseMutationResult<
+	void,
+	UseReportTransactionEffectsError,
+	UseReportTransactionEffectsArgs
+> {
+	const { currentWallet } = useCurrentWallet();
+	const currentAccount = useCurrentAccount();
+
+	return useMutation({
+		mutationKey: walletMutationKeys.reportTransactionEffects(mutationKey),
+		mutationFn: async ({ effects, chain = currentWallet?.chains[0], account = currentAccount }) => {
+			if (!currentWallet) {
+				throw new WalletNotConnectedError('No wallet is connected.');
+			}
+
+			if (!account) {
+				throw new WalletNoAccountSelectedError(
+					'No wallet account is selected to report transaction effects for',
+				);
+			}
+
+			const reportTransactionEffectsFeature =
+				currentWallet.features['sui:reportTransactionEffects'];
+
+			if (reportTransactionEffectsFeature) {
+				return await reportTransactionEffectsFeature.reportTransactionEffects({
+					effects: Array.isArray(effects) ? toB64(new Uint8Array(effects)) : effects,
+					account,
+					chain: chain ?? currentWallet?.chains[0],
+				});
+			}
+		},
+		...mutationOptions,
+	});
+}

package/src/hooks/wallet/useSignAndExecuteTransaction.ts

@@ -0,0 +1,167 @@
+// Copyright (c) Mysten Labs, Inc.
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Transaction } from '@mysten/sui/transactions';
+import { toB64 } from '@mysten/sui/utils';
+import type {
+	SuiSignAndExecuteTransactionInput,
+	SuiSignAndExecuteTransactionOutput,
+} from '@mysten/wallet-standard';
+import { signTransaction } from '@mysten/wallet-standard';
+import type { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
+import { useMutation } from '@tanstack/react-query';
+
+import { walletMutationKeys } from '../../constants/walletMutationKeys.js';
+import {
+	WalletFeatureNotSupportedError,
+	WalletNoAccountSelectedError,
+	WalletNotConnectedError,
+} from '../../errors/walletErrors.js';
+import type { PartialBy } from '../../types/utilityTypes.js';
+import { useSuiClient } from '../useSuiClient.js';
+import { useCurrentAccount } from './useCurrentAccount.js';
+import { useCurrentWallet } from './useCurrentWallet.js';
+import { useReportTransactionEffects } from './useReportTransactionEffects.js';
+
+type UseSignAndExecuteTransactionArgs = PartialBy<
+	Omit<SuiSignAndExecuteTransactionInput, 'transaction'>,
+	'account' | 'chain'
+> & {
+	transaction: Transaction | string;
+};
+
+type UseSignAndExecuteTransactionResult = SuiSignAndExecuteTransactionOutput;
+
+type UseSignAndExecuteTransactionError =
+	| WalletFeatureNotSupportedError
+	| WalletNoAccountSelectedError
+	| WalletNotConnectedError
+	| Error;
+
+type ExecuteTransactionResult =
+	| {
+			digest: string;
+			rawEffects?: number[];
+	  }
+	| {
+			effects?: {
+				bcs?: string;
+			};
+	  };
+
+type UseSignAndExecuteTransactionMutationOptions<Result extends ExecuteTransactionResult> = Omit<
+	UseMutationOptions<
+		Result,
+		UseSignAndExecuteTransactionError,
+		UseSignAndExecuteTransactionArgs,
+		unknown
+	>,
+	'mutationFn'
+> & {
+	execute?: ({ bytes, signature }: { bytes: string; signature: string }) => Promise<Result>;
+};
+
+/**
+ * Mutation hook for prompting the user to sign and execute a transaction.
+ */
+export function useSignAndExecuteTransaction<
+	Result extends ExecuteTransactionResult = UseSignAndExecuteTransactionResult,
+>({
+	mutationKey,
+	execute,
+	...mutationOptions
+}: UseSignAndExecuteTransactionMutationOptions<Result> = {}): UseMutationResult<
+	Result,
+	UseSignAndExecuteTransactionError,
+	UseSignAndExecuteTransactionArgs
+> {
+	const { currentWallet, supportedIntents } = useCurrentWallet();
+	const currentAccount = useCurrentAccount();
+	const client = useSuiClient();
+	const { mutate: reportTransactionEffects } = useReportTransactionEffects();
+
+	const executeTransaction: ({
+		bytes,
+		signature,
+	}: {
+		bytes: string;
+		signature: string;
+	}) => Promise<ExecuteTransactionResult> =
+		execute ??
+		(async ({ bytes, signature }) => {
+			const { digest, rawEffects } = await client.executeTransactionBlock({
+				transactionBlock: bytes,
+				signature,
+				options: {
+					showRawEffects: true,
+				},
+			});
+
+			return {
+				digest,
+				rawEffects,
+				effects: toB64(new Uint8Array(rawEffects!)),
+				bytes,
+				signature,
+			};
+		});
+
+	return useMutation({
+		mutationKey: walletMutationKeys.signAndExecuteTransaction(mutationKey),
+		mutationFn: async ({ transaction, ...signTransactionArgs }): Promise<Result> => {
+			if (!currentWallet) {
+				throw new WalletNotConnectedError('No wallet is connected.');
+			}
+
+			const signerAccount = signTransactionArgs.account ?? currentAccount;
+			if (!signerAccount) {
+				throw new WalletNoAccountSelectedError(
+					'No wallet account is selected to sign the transaction with.',
+				);
+			}
+			const chain = signTransactionArgs.chain ?? signerAccount?.chains[0];
+
+			if (
+				!currentWallet.features['sui:signTransaction'] &&
+				!currentWallet.features['sui:signTransactionBlock']
+			) {
+				throw new WalletFeatureNotSupportedError(
+					"This wallet doesn't support the `signTransaction` feature.",
+				);
+			}
+
+			const { signature, bytes } = await signTransaction(currentWallet, {
+				...signTransactionArgs,
+				transaction: {
+					async toJSON() {
+						return typeof transaction === 'string'
+							? transaction
+							: await transaction.toJSON({
+									supportedIntents,
+									client,
+							  });
+					},
+				},
+				account: signerAccount,
+				chain: signTransactionArgs.chain ?? signerAccount.chains[0],
+			});
+
+			const result = await executeTransaction({ bytes, signature });
+
+			let effects: string;
+
+			if ('effects' in result && result.effects?.bcs) {
+				effects = result.effects.bcs;
+			} else if ('rawEffects' in result) {
+				effects = toB64(new Uint8Array(result.rawEffects!));
+			} else {
+				throw new Error('Could not parse effects from transaction result.');
+			}
+
+			reportTransactionEffects({ effects, account: signerAccount, chain });
+
+			return result as Result;
+		},
+		...mutationOptions,
+	});
+}

package/src/hooks/wallet/useSignTransaction.ts

@@ -0,0 +1,119 @@
+// Copyright (c) Mysten Labs, Inc.
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Transaction } from '@mysten/sui/transactions';
+import { signTransaction } from '@mysten/wallet-standard';
+import type { SignedTransaction, SuiSignTransactionInput } from '@mysten/wallet-standard';
+import type { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
+import { useMutation } from '@tanstack/react-query';
+
+import { walletMutationKeys } from '../../constants/walletMutationKeys.js';
+import {
+	WalletFeatureNotSupportedError,
+	WalletNoAccountSelectedError,
+	WalletNotConnectedError,
+} from '../../errors/walletErrors.js';
+import type { PartialBy } from '../../types/utilityTypes.js';
+import { useSuiClient } from '../useSuiClient.js';
+import { useCurrentAccount } from './useCurrentAccount.js';
+import { useCurrentWallet } from './useCurrentWallet.js';
+import { useReportTransactionEffects } from './useReportTransactionEffects.js';
+
+type UseSignTransactionArgs = PartialBy<
+	Omit<SuiSignTransactionInput, 'transaction'>,
+	'account' | 'chain'
+> & {
+	transaction: Transaction | string;
+};
+
+interface UseSignTransactionResult extends SignedTransaction {
+	reportTransactionEffects: (effects: string) => void;
+}
+
+type UseSignTransactionError =
+	| WalletFeatureNotSupportedError
+	| WalletNoAccountSelectedError
+	| WalletNotConnectedError
+	| Error;
+
+type UseSignTransactionMutationOptions = Omit<
+	UseMutationOptions<
+		UseSignTransactionResult,
+		UseSignTransactionError,
+		UseSignTransactionArgs,
+		unknown
+	>,
+	'mutationFn'
+>;
+
+/**
+ * Mutation hook for prompting the user to sign a transaction.
+ */
+export function useSignTransaction({
+	mutationKey,
+	...mutationOptions
+}: UseSignTransactionMutationOptions = {}): UseMutationResult<
+	UseSignTransactionResult,
+	UseSignTransactionError,
+	UseSignTransactionArgs
+> {
+	const { currentWallet } = useCurrentWallet();
+	const currentAccount = useCurrentAccount();
+	const client = useSuiClient();
+
+	const { mutate: reportTransactionEffects } = useReportTransactionEffects();
+
+	return useMutation({
+		mutationKey: walletMutationKeys.signTransaction(mutationKey),
+		mutationFn: async ({ transaction, ...signTransactionArgs }) => {
+			if (!currentWallet) {
+				throw new WalletNotConnectedError('No wallet is connected.');
+			}
+
+			const signerAccount = signTransactionArgs.account ?? currentAccount;
+			if (!signerAccount) {
+				throw new WalletNoAccountSelectedError(
+					'No wallet account is selected to sign the transaction with.',
+				);
+			}
+
+			if (
+				!currentWallet.features['sui:signTransaction'] &&
+				!currentWallet.features['sui:signTransactionBlock']
+			) {
+				throw new WalletFeatureNotSupportedError(
+					"This wallet doesn't support the `signTransaction` feature.",
+				);
+			}
+
+			const { bytes, signature } = await signTransaction(currentWallet, {
+				...signTransactionArgs,
+				transaction: {
+					toJSON: async () => {
+						return typeof transaction === 'string'
+							? transaction
+							: await transaction.toJSON({
+									supportedIntents: [],
+									client,
+							  });
+					},
+				},
+				account: signerAccount,
+				chain: signTransactionArgs.chain ?? signerAccount.chains[0],
+			});
+
+			return {
+				bytes,
+				signature,
+				reportTransactionEffects: (effects) => {
+					reportTransactionEffects({
+						effects,
+						account: signerAccount,
+						chain: signTransactionArgs.chain ?? signerAccount.chains[0],
+					});
+				},
+			};
+		},
+		...mutationOptions,
+	});
+}