3. Aplicar cupom ao carrinho

const coupon = await sdk.coupon.check({
  eventId: 'event-id',
  couponCode: 'DESCONTO10',
});
 
// coupon contém: id, type (FIXED | PERCENTAGE), value, ticketIds, etc.

import { useCheckCoupon } from '@meaple-com/react-query';
 
function CouponInput({ eventId }: { eventId: string }) {
  const checkCoupon = useCheckCoupon();
 
  const handleApply = async (code: string) => {
    try {
      const { coupon } = await checkCoupon.mutateAsync({
        eventId,
        couponCode: code,
      });
      // Você precisaria armazenar o cupom no estado e passá-lo ao CartProvider
      console.log('Cupom válido:', coupon);
    } catch (error) {
      console.error('Cupom inválido');
    }
  };
 
  return (
    <div>
      <input placeholder="Código do cupom" />
      <button onClick={() => handleApply('DESCONTO10')}>Aplicar</button>
    </div>
  );
}

import { Coupon, CartProvider } from '@meaple-com/react-headless-components';
 
function CouponSection({ eventId }: { eventId: string }) {
  return (
    <CartProvider initialCoupon={null}>
      <Coupon eventId={eventId}>
        {({
          coupon,
          clearCoupon,
          isCheckingCoupon,
          couponError,
          isCouponValid,
          checkCoupon,
          currentCouponCode,
          setCouponCode,
        }) => (
          <div>
            {coupon ? (
              <div>
                <p>Cupom aplicado: {coupon.code}</p>
                <p>Desconto: {coupon.type === 'PERCENTAGE' ? `${coupon.value}%` : `R$ ${coupon.value}`}</p>
                <button onClick={clearCoupon}>Remover</button>
              </div>
            ) : (
              <div>
                <input
                  value={currentCouponCode || ''}
                  onChange={e => setCouponCode(e.target.value)}
                  placeholder="Código do cupom"
                  onKeyPress={e => e.key === 'Enter' && checkCoupon(currentCouponCode || '')}
                />
                <button
                  onClick={() => checkCoupon(currentCouponCode || '')}
                  disabled={!currentCouponCode || isCheckingCoupon}
                >
                  {isCheckingCoupon ? 'Validando...' : 'Aplicar'}
                </button>
                {couponError && <p className="text-red-500">Cupom inválido</p>}
                {isCouponValid && coupon && <p className="text-green-600">✓ Cupom válido</p>}
              </div>
            )}
          </div>
        )}
      </Coupon>
    </CartProvider>
  );
}