@safe-global/safe-react-hooks
Version:
A collection of React Hooks that facilitates the interaction of React apps with Safe Smart Accounts
34 lines • 1.72 kB
JavaScript
import { useSignerClientMutation } from '../hooks/useSignerClientMutation.js';
import { useWaitForTransaction } from '../hooks/useWaitForTransaction.js';
import { MutationKey, QueryKey } from '../constants.js';
import { invalidateQueries } from '../queryClient.js';
/**
* Hook to confirm pending multisig transactions.
* @param params Parameters to customize the hook behavior.
* @param params.config SafeConfig to use instead of the one provided by `SafeProvider`.
* @returns Object containing the mutation state and the confirm function.
*/
export function useConfirmTransaction(params = {}) {
const { waitForTransactionReceipt, waitForTransactionIndexed } = useWaitForTransaction({
config: params.config
});
const { mutate, mutateAsync, ...result } = useSignerClientMutation({
...params,
mutationKey: [MutationKey.ConfirmTransaction],
mutationSafeClientFn: async (signerClient, { safeTxHash }) => {
const result = await signerClient.confirm({ safeTxHash });
if (result.transactions?.ethereumTxHash) {
await waitForTransactionReceipt(result.transactions.ethereumTxHash);
invalidateQueries([QueryKey.PendingTransactions, QueryKey.SafeInfo]);
await waitForTransactionIndexed(result.transactions);
invalidateQueries([QueryKey.Transactions]);
}
else if (result.transactions?.safeTxHash) {
invalidateQueries([QueryKey.PendingTransactions]);
}
return result;
}
});
return { ...result, confirmTransaction: mutate, confirmTransactionAsync: mutateAsync };
}
//# sourceMappingURL=useConfirmTransaction.js.map