Compare commits

..

No commits in common. "9b1b56e05d3a4c04cd93ca3e16a970c242395743" and "af3c9853c0a9968891fd32ecda26c2856d448a01" have entirely different histories.

3 changed files with 12 additions and 73 deletions

View file

@ -1,43 +1,14 @@
import { computed } from 'vue'
import { useAsyncState } from '@vueuse/core'
import { injectService, SERVICE_TOKENS } from '@/core/di-container'
import { useAuth } from '@/composables/useAuthService'
import type { TicketApiService } from '../services/TicketApiService'
import type { TicketedEvent } from '../types/ticket'
export function useEvents() {
const ticketApi = injectService(SERVICE_TOKENS.TICKET_API) as TicketApiService
const { isAuthenticated, currentUser } = useAuth()
// When authenticated, also fetch the user's own events (any status)
// and merge them into the feed. Otherwise an event that drops to
// `proposed` after a non-admin edit disappears from the user's view
// entirely — they'd be unable to find it to make a follow-up edit or
// monitor its approval status. Public approved events from other
// users take precedence on dedup (server is the source of truth for
// the public view).
const fetchAll = async (): Promise<TicketedEvent[]> => {
const publicEvents = (await ticketApi.fetchTicketedEvents()) as TicketedEvent[]
if (!isAuthenticated.value) return publicEvents
const invoiceKey = currentUser.value?.wallets?.[0]?.inkey
if (!invoiceKey) return publicEvents
try {
const myEvents = (await ticketApi.fetchMyEvents(invoiceKey)) as TicketedEvent[]
const seen = new Set(publicEvents.map((e) => e.id))
const own = myEvents.filter((e) => !seen.has(e.id))
return [...publicEvents, ...own]
} catch {
// Falling back to just the public feed is acceptable — the user
// can still browse, they just won't see their own pending events.
return publicEvents
}
}
const { state: events, isLoading, error: asyncError, execute: refresh } = useAsyncState(
fetchAll,
() => ticketApi.fetchTicketedEvents() as Promise<TicketedEvent[]>,
[] as TicketedEvent[],
{
immediate: true,

View file

@ -34,20 +34,6 @@ export class TicketApiService {
return response
}
/**
* Fetch the authenticated user's own events across all their wallets,
* regardless of status. Lets the webapp show the user's pending /
* rejected events alongside the public approved feed without this
* a user who edits under `auto_approve=false` loses sight of their
* own event the moment it drops to `proposed`.
*/
async fetchMyEvents(invoiceKey: string): Promise<any[]> {
return this.request('/events/api/v1/events?all_wallets=true', {
method: 'GET',
headers: { 'X-API-KEY': invoiceKey },
})
}
/**
* Request a ticket purchase (creates a Lightning invoice).
* Uses POST /tickets/{event_id} with user_id in body (upstream API).
@ -201,16 +187,14 @@ export class TicketApiService {
}
/**
* Read the extension's auto_approve flag. Hits the public probe
* (invoice-key-gated, available to any wallet holder), so non-admin
* users see the real value and the edit-flow copy is accurate.
* Degrades to `false` on failure the safer default for warning UI.
* Read the extension's auto_approve flag. Admin-only endpoint, so
* non-admin callers see false (the safe default for UI gating).
*/
async getAutoApprove(invoiceKey: string): Promise<boolean> {
async getAutoApprove(adminKey: string): Promise<boolean> {
try {
const settings = await this.request('/events/api/v1/events/settings/public', {
const settings = await this.request('/events/api/v1/events/settings', {
method: 'GET',
headers: { 'X-API-KEY': invoiceKey },
headers: { 'X-API-KEY': adminKey },
})
return Boolean(settings?.auto_approve)
} catch {

View file

@ -48,13 +48,11 @@ function canEdit(event: TicketedEvent): boolean {
onMounted(async () => {
if (!isAuthenticated.value) return
const wallet = currentUser.value?.wallets?.[0]
if (!wallet?.inkey) return
const adminKey = currentUser.value?.wallets?.[0]?.adminkey
if (!adminKey) return
const ticketApi = injectService(SERVICE_TOKENS.TICKET_API) as TicketApiService
autoApprove.value = await ticketApi.getAutoApprove(wallet.inkey)
if (wallet.adminkey) {
isAdmin.value = await ticketApi.isAdmin(wallet.adminkey)
}
isAdmin.value = await ticketApi.isAdmin(adminKey)
autoApprove.value = await ticketApi.getAutoApprove(adminKey)
})
function formatDate(dateStr: string | null | undefined) {
@ -161,16 +159,7 @@ function handleEventChanged() {
<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
<Card v-for="event in upcomingEvents" :key="event.id" class="flex flex-col">
<CardHeader>
<div class="flex items-start justify-between gap-2">
<CardTitle class="text-foreground">{{ event.name }}</CardTitle>
<Badge
v-if="canEdit(event) && event.status !== 'approved'"
:variant="event.status === 'rejected' ? 'destructive' : 'secondary'"
class="shrink-0 capitalize"
>
{{ event.status === 'rejected' ? 'Rejected' : 'Pending review' }}
</Badge>
</div>
<CardDescription>{{ event.info }}</CardDescription>
</CardHeader>
<CardContent class="flex-grow">
@ -197,18 +186,13 @@ function handleEventChanged() {
<Button
class="flex-1"
variant="default"
:disabled="
event.status !== 'approved' ||
event.amount_tickets <= event.sold ||
!isAuthenticated
"
:disabled="event.amount_tickets <= event.sold || !isAuthenticated"
@click="handlePurchaseClick(event)"
>
<span v-if="!isAuthenticated" class="flex items-center gap-2">
<LogIn class="w-4 h-4" />
Login to Purchase
</span>
<span v-else-if="event.status !== 'approved'">Not yet available</span>
<span v-else>Buy Ticket</span>
</Button>
<Button