// packages/dapp-kit/src/hooks/staking/useStakeApprove.ts import type { GetWalletProviderType, SpokeChainKey, StakeParams, TxReturnType } from '@sodax/sdk'; import { useQueryClient } from '@tanstack/react-query'; import { useSodaxContext } from '../shared/useSodaxContext.js'; import type { MutationHookParams } from '../shared/types.js'; import { useSafeMutation, type SafeUseMutationResult } from '../shared/useSafeMutation.js'; import { unwrapResult } from '../shared/unwrapResult.js'; /** * Mutation variables for {@link useStakeApprove}. The `action` literal is injected by the hook — * callers pass the stake-specific fields only. */ export type UseStakeApproveVars = { params: Omit, 'action'>; walletProvider: GetWalletProviderType; }; /** * React hook for approving SODA spending on the stake action. * * Throws on SDK failure so React Query's native error model engages (`isError`, `error`, * `onError`, `retry`). Returns the unwrapped tx return value on success. */ export function useStakeApprove({ mutationOptions, }: MutationHookParams, UseStakeApproveVars> = {}): SafeUseMutationResult< TxReturnType, Error, UseStakeApproveVars > { const { sodax } = useSodaxContext(); const queryClient = useQueryClient(); return useSafeMutation, Error, UseStakeApproveVars>({ mutationKey: ['staking', 'approve', 'stake'], ...mutationOptions, mutationFn: async ({ params, walletProvider }) => unwrapResult( await sodax.staking.approve({ params: { ...params, action: 'stake' }, raw: false, walletProvider, }), ), onSuccess: async (data, vars, ctx) => { queryClient.invalidateQueries({ queryKey: ['staking', 'allowance', vars.params.srcChainKey, 'stake'] }); await mutationOptions?.onSuccess?.(data, vars, ctx); }, }); }