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 eleventIdy 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.