Wallet Status:
@@ -520,11 +668,22 @@ onUnmounted(() => {
{{ quantity > 1 && !isFree ? `${quantity} × ${formatEventPrice(event.price_per_ticket, event.currency)}` : 'Price' }}
- {{ isFree ? 'Free' : formatEventPrice(totalPrice, event.currency) }}
+
+ Free
+
+ {{ formatEventPrice(totalPrice, event.currency) }}
+ {{ isZeroTotal ? 'Free' : formatEventPrice(effectiveTotal, event.currency) }}
+
+ {{ formatEventPrice(totalPrice, event.currency) }}
+
+
+
+ {{ t('events.purchase.promo.discountLine', { code: promoState.code }) }}
+ −{{ formatEventPrice(promoDiscountAmount, event.currency) }}
{
-
+
Payment method
Both methods charge the same amount via different rails.
@@ -556,11 +715,11 @@ onUnmounted(() => {
-
+
{{ t('events.purchase.fiatRedirectHint') }}
@@ -612,7 +771,7 @@ onUnmounted(() => {
Amount
- {{ formatEventPrice(totalPrice, event.currency) }}
+ {{ formatEventPrice(effectiveTotal, event.currency) }}
({{ quantity }} tickets)
diff --git a/src/modules/events/composables/usePromoCode.ts b/src/modules/events/composables/usePromoCode.ts
new file mode 100644
index 0000000..0642fe7
--- /dev/null
+++ b/src/modules/events/composables/usePromoCode.ts
@@ -0,0 +1,127 @@
+import { computed, ref, toValue, watch, type MaybeRefOrGetter, type Ref } from 'vue'
+import { injectService, SERVICE_TOKENS } from '@/core/di-container'
+import type { TicketApiService } from '../services/TicketApiService'
+import { isUnsupportedEndpointError, normalizePromoCode } from '../lib/promoCodes'
+
+/**
+ * Buyer-side promo state for the purchase dialog.
+ *
+ * - `idle` no code entered / cleared
+ * - `checking` validate request in flight
+ * - `applied` server confirmed the code; totals are authoritative
+ * - `invalid` server answered but the code is not valid for this
+ * event/quantity (unknown, inactive, exhausted, 0 %)
+ * - `unverified` older extension without the validate route (404/405)
+ * or a network failure: keep the code and let the
+ * purchase endpoint decide — it still discounts on
+ * every extension version.
+ */
+export type PromoState =
+ | { status: 'idle' }
+ | { status: 'checking'; code: string }
+ | {
+ status: 'applied'
+ code: string
+ discountPercent: number
+ subtotal: number
+ discount: number
+ total: number
+ currency: string
+ }
+ | { status: 'invalid'; code: string }
+ | { status: 'unverified'; code: string }
+
+const REVALIDATE_DEBOUNCE_MS = 300
+
+export function usePromoCode(eventId: MaybeRefOrGetter, quantity: Ref) {
+ const ticketApi = injectService(SERVICE_TOKENS.TICKET_API) as TicketApiService
+
+ /** What the buyer typed (kept upper-case by the input handler). */
+ const input = ref('')
+ const state = ref({ status: 'idle' })
+
+ // Monotonic request counter so a slow response for a previous code or
+ // quantity can never overwrite a newer result.
+ let requestSeq = 0
+ let debounceTimer: ReturnType | null = null
+
+ const isChecking = computed(() => state.value.status === 'checking')
+
+ /** Code to put on the purchase request. `invalid` deliberately sends
+ * nothing so the buyer is not surprised by a 400 at pay time. */
+ const codeToSend = computed(() => {
+ const s = state.value
+ return s.status === 'applied' || s.status === 'unverified' ? s.code : undefined
+ })
+
+ const appliedTotal = computed(() =>
+ state.value.status === 'applied' ? state.value.total : null,
+ )
+
+ async function validate(code: string): Promise {
+ const seq = ++requestSeq
+ state.value = { status: 'checking', code }
+ try {
+ const totals = await ticketApi.validatePromoCode(toValue(eventId), code, quantity.value)
+ if (seq !== requestSeq) return
+ const hit = totals.discounts_applied.find((d) => d.code === code) ?? totals.discounts_applied[0]
+ if (!hit) {
+ state.value = { status: 'invalid', code }
+ return
+ }
+ state.value = {
+ status: 'applied',
+ code: hit.code,
+ discountPercent: hit.discount_percent ?? 0,
+ subtotal: totals.subtotal,
+ discount: totals.discount,
+ total: totals.total,
+ currency: totals.currency,
+ }
+ } catch (err) {
+ if (seq !== requestSeq) return
+ if (isUnsupportedEndpointError(err)) {
+ state.value = { status: 'unverified', code }
+ return
+ }
+ // Network / 5xx: don't block the purchase on an advisory call.
+ console.warn('[usePromoCode] validate failed, sending code unverified:', err)
+ state.value = { status: 'unverified', code }
+ }
+ }
+
+ async function apply(): Promise {
+ const code = normalizePromoCode(input.value)
+ if (!code) return
+ input.value = code
+ await validate(code)
+ }
+
+ function clear(): void {
+ requestSeq++
+ if (debounceTimer) clearTimeout(debounceTimer)
+ debounceTimer = null
+ input.value = ''
+ state.value = { status: 'idle' }
+ }
+
+ /** Re-check the current code (quantity changed, or the purchase
+ * endpoint rejected it — e.g. the last use went to someone else). */
+ async function revalidate(): Promise {
+ const s = state.value
+ if (s.status === 'idle' || s.status === 'checking') return
+ await validate(s.code)
+ }
+
+ watch(quantity, () => {
+ const s = state.value
+ if (s.status === 'idle') return
+ if (debounceTimer) clearTimeout(debounceTimer)
+ debounceTimer = setTimeout(() => {
+ debounceTimer = null
+ void revalidate()
+ }, REVALIDATE_DEBOUNCE_MS)
+ })
+
+ return { input, state, isChecking, codeToSend, appliedTotal, apply, clear, revalidate }
+}
diff --git a/src/modules/events/composables/useTicketPurchase.ts b/src/modules/events/composables/useTicketPurchase.ts
index ea763d1..5854497 100644
--- a/src/modules/events/composables/useTicketPurchase.ts
+++ b/src/modules/events/composables/useTicketPurchase.ts
@@ -21,6 +21,8 @@ export interface PurchaseTicketOptions {
contact?: PurchaseContact
/** Delivery email for a logged-in buyer (guests carry it in `contact`). */
email?: string
+ /** Promo code to redeem (already normalised by the dialog). */
+ promoCode?: string
}
export function useTicketPurchase() {
@@ -173,6 +175,7 @@ export function useTicketPurchase() {
accessToken: isGuest ? undefined : accessToken,
frontendUrl: frontendRoot(),
quantity: options.quantity,
+ promoCode: options.promoCode,
})
// Free tickets (price 0 / 100%-off promo): the backend already
@@ -322,6 +325,10 @@ export function useTicketPurchase() {
handleOpenLightningWallet,
resetPaymentState,
cleanup,
- generateTicketQRCode
+ generateTicketQRCode,
+ // Exposed so the dialog's fiat branch can land a 100 %-off purchase
+ // (backend returns `paid: true`, no checkout URL) on the same
+ // success screen as the Lightning / free paths.
+ finalizePurchasedTickets
}
}