useApproveMilestone

Responsável por modificar a propriedade "flag" de um marco específico na caução para aprovar esse marco.

Uso

Esse hook personalizado expõe uma função juntamente com flags de status para gerenciar a aprovação de um marco.

import { useApproveMilestone } from "@trustless-work/escrow/hooks";
import { ApproveMilestonePayload } from "@trustless-work/escrow/types";

/*
 *  useApproveMilestone
*/
const { approveMilestone, isPending, isError, isSuccess } = useApproveMilestone();

/* 
 * Retorna uma transação não assinada
 * payload deve ser do tipo `ApproveMilestonePayload`
*/
const { unsignedTransaction } = await approveMilestone(payload);

Função de Mutação

approveMilestone

Retornando uma transação não assinada baseada no payload fornecido.

TipoDeEscrow: Especifica o tipo de escrow. Aceita os seguintes valores:

• multi-release: Permite múltiplos desembolsos de fundos.

• single-release: Os fundos são liberados em uma única transação.

ApproveMilestonePayload: Um objeto com campos necessários para aprovar um marco. É aplicável tanto para tipos de escrow de liberação única quanto de múltiplas liberações.

Parâmetros:

Garanta que correspondam: se você escolher o tipo "multi-release", também deve usar um payload "multi-release".

• tipo: Descreve o tipo de escrow a ser usado. As opções são "multi-release" ou "single-release".

• payload: Contém os dados necessários para a aprovação do marco.

Aprovar Marco

Valor de Retorno:

unsignedTransaction: Um objeto representando a transação construída, pronto para ser assinado pela sua carteira e transmitido.

---

Exemplo de Uso

src/hooks/useApproveMilestoneForm.ts

import {
  useApproveMilestone,
  useSendTransaction,
} from "@trustless-work/escrow/hooks";
import {
  ApproveMilestonePayload
} from "@trustless-work/escrow/types";

export const useApproveMilestoneForm = () => {

 /*
  *  useApproveMilestone
 */
 const { approveMilestone } = useApproveMilestone();
 
 /*
  *  useSendTransaction
 */
 const { sendTransaction } = useSendTransaction();

/*
 * função onSubmit, isso pode ser chamada por um botão de formulário
*/
 const onSubmit = async (payload: ApproveMilestonePayload) => {

    try {
      /**
       * Chamada de API usando os hooks do trustless work
       * @Nota:
       * - Precisamos passar o payload para a função approveMilestone
       * - O resultado será uma transação não assinada
       */
      const { unsignedTransaction } = await approveMilestone(
        payload,
        "multi-release"
        // ou ...
        // "single-release"
      );

      if (!unsignedTransaction) {
        throw new Error(
          "Transação não assinada está ausente na resposta de approveMilestone."
        );
      }

      /**
       * @Nota:
       * - Precisamos assinar a transação usando sua [chave privada], como uma carteira
       * - O resultado será uma transação assinada
       */
      const signedXdr = await signTransaction({ /* Este método deve ser fornecido pela carteira */
        unsignedTransaction,
        address: walletAddress || "",
      });

      if (!signedXdr) {
        throw new Error("Transação assinada está ausente.");
      }

      /**
       * @Nota:
       * - Precisamos enviar a transação assinada para a API
       * - Os dados serão um SendTransactionResponse
       */
      const data = await sendTransaction(signedXdr);

      /**
       * @Respostas:
       * data.status === "SUCCESS"
       * - Marcos aprovados com sucesso
       * - Mostrar um toast de sucesso
       *
       * data.status == "ERROR"
       * - Mostrar um toast de erro
       */
      if (data.status === "SUCCESS") {
        toast.success(
          `Índice do marco - ${payload.milestoneIndex} foi aprovado`
        );
      }
    } catch (error: unknown) {
      // lógica de captura de erro
    }
  };
}