Saltar al contenido principal

Componentes

Cada componente de React que el SDK exporta para el happy path.

Cadena de providers

Monta estos componentes una vez cerca de la raíz de tu embed. Todo lo demás va dentro.

  • <RiftProvider> - runtime transversal del SDK: URL base de API, tema, locale, callbacks y auth opcional.
  • <RiftEvent> - scope de evento: recibe el eventId y carga Stripe.js con anticipación para eventos de pago.

Visualización

  • <EventHeader> - nombre del evento, fechas, ubicación y organizador.

Flujo de reservación

  • <AvailabilityList> - picker plano por tipo de boleto (waves colapsadas).
  • <TicketRow> - fila de un tipo de boleto: nombre, precio "from $X" y stepper de cantidad. La lista lo renderiza por defecto; montalo directamente para layouts personalizados.
  • <EstimateBreakdown> - desglose jerárquico previo a la reservación con cálculo greedy-fill por wave, total general y aviso.
  • <CaptchaWidget> - reto Altcha de un solo uso.
  • <ReserveButton> - envía la reservación creada desde la selección actual.
  • <ReservationSummary> - desglose posterior a la reservación; comparte el primitivo de render con <EstimateBreakdown>.
  • <PriceChangedWarning> - muestra una diferencia de precio del servidor entre la estimación del picker y el total real de la reservación.
  • <Countdown> - countdown MM:SS por segundo hasta que expire la reservación.

Checkout

  • <CheckoutForm> - separa gratis vs pago, monta Stripe Elements cuando hace falta y dispara los callbacks configurados en éxito/fallo.