7. Listar pedidos do usuário

const orders = await sdk.users.getOrders();
 
// Com filtro por status
const pedidosPagos = await sdk.users.getOrders({ status: 'PAID' });
const pedidosReembolsados = await sdk.users.getOrders({ status: 'REFUNDED' });
const pedidosPendentes = await sdk.users.getOrders({ status: 'PENDING' });
 
// Filtrar por evento
const pedidosDoEvento = await sdk.users.getOrders({ eventId: 'event-id' });

import { useUserOrders } from '@meaple-com/react-query';
import { useRouter } from 'next/router';
 
function MyOrders() {
  const router = useRouter();
 
  const { data: orders, isPending, error } = useUserOrders(
    { status: 'PAID' },
    { enabled: true }
  );
 
  if (isPending) return <div>Carregando...</div>;
  if (error) return <div>Erro: {error.message}</div>;
 
  return (
    <div>
      <h1>Meus pedidos</h1>
      {orders?.map(order => (
        <div
          key={order.id}
          onClick={() => router.push(`/orders/${order.id}`)}
          style={{ cursor: 'pointer' }}
        >
          <p>Pedido #{order.id}</p>
          <p>Status: {order.status}</p>
          <p>Total: R$ {order.totalPrice?.toFixed(2)}</p>
          <p>Data: {new Date(order.createdAt).toLocaleDateString()}</p>
        </div>
      ))}
    </div>
  );
}

import { ListUserOrders } from '@meaple-com/react-headless-components';
 
function MyOrdersPage() {
  return (
    <ListUserOrders status="PAID">
      {({ orders, isPending, error }) => {
        if (isPending) return <div>Carregando...</div>;
        if (error) return <div>Erro</div>;
 
        return (
          <div>
            {orders.map(order => (
              <div key={order.id}>
                Pedido #{order.id} - R$ {order.totalPrice}
              </div>
            ))}
          </div>
        );
      }}
    </ListUserOrders>
  );
}