Checkout Flow

HTML

<script type="module">
  import { defineWodiraElements } from '@wodira/browser/ui';
  defineWodiraElements();
</script>

<wodira-checkout-flow
  publishable-key="wpk_live_..."
  event-id="event_..."
  success-url="https://organizer.com/success"
  cancel-url="https://organizer.com/cancel"
></wodira-checkout-flow>

JS factory

import { createWodiraCheckoutFlow } from '@wodira/browser/ui';

createWodiraCheckoutFlow(document.querySelector('#checkout')!, {
  publishableKey: 'wpk_live_...',
  eventId: 'event_...',
  successUrl: 'https://organizer.com/success',
  cancelUrl: 'https://organizer.com/cancel',
});