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.