8. Download, reembolso e transferência de ingresso

const blob = await sdk.tickets.createFile(userTicketId, {
  eventId: 'event-id',
  output: 'PDF', // ou 'PNG'
});
 
const url = URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = 'ingresso.pdf';
link.click();
URL.revokeObjectURL(url);

await sdk.users.refundOrder(orderId);

await sdk.tickets.transfer(userTicketId, {
  to: {
    email: 'destinatario@example.com',
    name: 'João Silva',
    document: '12345678900',
  },
});

await sdk.tickets.editUserTicket(userTicketId, {
  nomination: {
    name: 'Maria Silva',
    document: '12345678900',
  },
});

import { useCreateTicketFile } from '@meaple-com/react-query';
 
function DownloadButton({ userTicket }) {
  const createTicketFile = useCreateTicketFile();
 
  const handleDownload = async () => {
    const blob = await createTicketFile.mutateAsync({
      eventId: userTicket.ticket.event.id,
      userTicketId: userTicket.id,
      output: 'PDF',
    });
    const url = URL.createObjectURL(blob);
    const link = document.createElement('a');
    link.href = url;
    link.download = `${userTicket.slug || userTicket.id}.pdf`;
    link.click();
    URL.revokeObjectURL(url);
  };
 
  return (
    <button onClick={handleDownload} disabled={createTicketFile.isPending}>
      {createTicketFile.isPending ? 'Baixando...' : 'Baixar ingresso'}
    </button>
  );
}

import { useRefundUserOrder } from '@meaple-com/react-query';
 
function RefundButton({ orderId }) {
  const refundOrder = useRefundUserOrder();
 
  const handleRefund = async () => {
    await refundOrder.mutateAsync(orderId);
  };
 
  return (
    <button onClick={handleRefund} disabled={refundOrder.isPending}>
      {refundOrder.isPending ? 'Processando...' : 'Solicitar reembolso'}
    </button>
  );
}

import { useTransferTicket } from '@meaple-com/react-query';
 
function TransferButton({ userTicket }) {
  const transferTicket = useTransferTicket();
 
  const handleTransfer = async (data) => {
    await transferTicket.mutateAsync({
      ticketId: userTicket.id,
      to: data.to,
    });
  };
  // ...
}

import { useEditUserTicket } from '@meaple-com/react-query';
 
function EditTicketForm({ userTicket }) {
  const editTicket = useEditUserTicket();
 
  const handleSubmit = async (data) => {
    await editTicket.mutateAsync({
      userTicketId: userTicket.id,
      nomination: data,
    });
  };
  // ...
}