@frigear-nu/events 0.0.0-stage → 0.0.3

package/dist/runtime/app/components/EventTicketPicker.vue.d.ts

@@ -0,0 +1,13 @@
+import type { TicketTypeDto } from '../../../types.js';
+type __VLS_Props = {
+    ticketTypes: TicketTypeDto[];
+    loggedIn: boolean;
+    loading?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    purchase: (ticketTypeId: string, addonIds: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPurchase?: ((ticketTypeId: string, addonIds: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/composables/index.d.ts

@@ -0,0 +1 @@
+export { useEvents, useEvent, useMyTickets, useEventsLocale } from './useEvents.js';

package/dist/runtime/app/composables/index.js

@@ -0,0 +1 @@
+export { useEvents, useEvent, useMyTickets, useEventsLocale } from "./useEvents.js";

package/dist/runtime/app/composables/useEvents.d.ts

@@ -0,0 +1,21 @@
+export declare function useEvents(): {
+    events: any;
+    grouped: any;
+    status: any;
+    refresh: any;
+};
+export declare function useEvent(slug: MaybeRefOrGetter<string>): {
+    event: any;
+    status: any;
+    error: any;
+    refresh: any;
+    purchase: (ticketTypeId: string, addonIds?: string[]) => Promise<any>;
+};
+export declare function useMyTickets(): {
+    tickets: any;
+    status: any;
+    refresh: any;
+    pay: (ticketId: string) => Promise<void>;
+};
+/** Locale for translated texts: `@nuxtjs/i18n`'s when installed, otherwise `en`. */
+export declare function useEventsLocale(): any;

package/dist/runtime/app/composables/useEvents.js

@@ -0,0 +1,50 @@
+export function useEvents() {
+  const { data, status, refresh } = useFetch("/api/events", { key: "events:list", default: () => [] });
+  const grouped = computed(() => {
+    const now = Date.now();
+    const start = (e) => new Date(e.startsAt).getTime();
+    const end = (e) => e.endsAt ? new Date(e.endsAt).getTime() : start(e) + 24 * 36e5;
+    return {
+      ongoing: data.value.filter((e) => start(e) <= now && now < end(e)),
+      upcoming: data.value.filter((e) => start(e) > now),
+      past: data.value.filter((e) => end(e) <= now).reverse()
+    };
+  });
+  return { events: data, grouped, status, refresh };
+}
+export function useEvent(slug) {
+  const { loggedIn } = useUserSession();
+  const { data, status, error, refresh } = useFetch(() => `/api/events/${toValue(slug)}`, {
+    key: `events:detail:${toValue(slug)}`,
+    // Eligibility (membership, limits) depends on the session.
+    watch: [loggedIn]
+  });
+  async function purchase(ticketTypeId, addonIds = []) {
+    const result = await $fetch(`/api/events/${toValue(slug)}/purchase`, {
+      method: "POST",
+      body: { ticketTypeId, addonIds }
+    });
+    if (result.url) await navigateTo(result.url, { external: true });
+    else await refresh();
+    return result;
+  }
+  return { event: data, status, error, refresh, purchase };
+}
+export function useMyTickets() {
+  const { loggedIn } = useUserSession();
+  const { data, status, refresh } = useFetch("/api/events/tickets/me", {
+    key: "events:tickets:mine",
+    immediate: loggedIn.value,
+    watch: false,
+    default: () => []
+  });
+  async function pay(ticketId) {
+    const { url } = await $fetch(`/api/events/tickets/${ticketId}/pay`, { method: "POST" });
+    await navigateTo(url, { external: true });
+  }
+  return { tickets: data, status, refresh, pay };
+}
+export function useEventsLocale() {
+  const nuxtApp = useNuxtApp();
+  return computed(() => nuxtApp.$i18n?.locale?.value ?? "en");
+}

package/dist/runtime/app/pages/event.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/event.vue

@@ -0,0 +1,135 @@
+<script setup>
+import { translate } from "../../utils";
+const t = useModuleT("events");
+const route = useRoute();
+const slug = computed(() => String(route.params.slug));
+const { loggedIn } = useUserSession();
+const { event, status, error, purchase, refresh } = useEvent(slug);
+const locale = useEventsLocale();
+const toast = useToast();
+if (error.value?.statusCode === 404) {
+  throw createError({ statusCode: 404, statusMessage: t("notFound", "Event not found"), fatal: true });
+}
+const buying = ref(false);
+async function onPurchase(ticketTypeId, addonIds) {
+  buying.value = true;
+  try {
+    const result = await purchase(ticketTypeId, addonIds);
+    if (!result.url) toast.add({ title: t("ticketReady", "Your ticket is ready"), color: "success" });
+  } catch (e) {
+    toast.add({ title: e.statusMessage ?? t("purchaseFailed", "Could not buy the ticket"), color: "error" });
+  } finally {
+    buying.value = false;
+  }
+}
+const payment = computed(() => route.query.payment);
+const returnedTicket = computed(() => route.query.ticket);
+const paidState = ref(null);
+onMounted(async () => {
+  if (payment.value !== "success" || !returnedTicket.value) return;
+  paidState.value = "waiting";
+  for (let attempt = 0; attempt < 20; attempt++) {
+    const ticket = await $fetch(`/api/events/tickets/${returnedTicket.value}`).catch(() => null);
+    if (ticket?.status === "paid") {
+      paidState.value = "paid";
+      await refresh();
+      return;
+    }
+    await new Promise((resolve) => setTimeout(resolve, 1500));
+  }
+  paidState.value = "timeout";
+});
+const ticketsPath = useRuntimeConfig().public.events?.pages?.tickets;
+useSeoMeta({ title: () => event.value ? translate(event.value.name, locale.value) : "Event" });
+defineOptions({ name: "EventDetailPage" });
+</script>
+
+<template>
+  <UContainer class="py-10">
+    <template v-if="event">
+      <UAlert
+        v-if="paidState === 'waiting'"
+        class="mb-6"
+        color="info"
+        variant="subtle"
+        :title="t('detail.tickets.payment.verifying.description', 'Confirming your payment\u2026')"
+      />
+      <UAlert
+        v-else-if="paidState === 'paid'"
+        class="mb-6"
+        color="success"
+        variant="subtle"
+        :title="t('paymentReceived', 'Payment received - your ticket is ready.')"
+      >
+        <template
+          v-if="ticketsPath"
+          #actions
+        >
+          <UButton
+            :to="ticketsPath"
+            size="xs"
+          >
+            {{ t("detail.tickets.view", "View ticket") }}
+          </UButton>
+        </template>
+      </UAlert>
+      <UAlert
+        v-else-if="paidState === 'timeout'"
+        class="mb-6"
+        color="warning"
+        variant="subtle"
+        :title="t('paymentTimeout', 'We have not received the payment confirmation yet. It will show up under your tickets shortly.')"
+      />
+      <UAlert
+        v-else-if="payment === 'cancel'"
+        class="mb-6"
+        color="neutral"
+        variant="subtle"
+        :title="t('paymentCancelled', 'Payment cancelled. Your reservation is held for a short while; you can pay from your tickets.')"
+      />
+
+      <img
+        v-if="event.image"
+        :src="event.image"
+        :alt="translate(event.name, locale)"
+        class="mb-6 aspect-[3/1] w-full rounded-lg object-cover"
+      >
+      <h1 class="text-3xl font-semibold">
+        {{ translate(event.name, locale) }}
+      </h1>
+      <p class="mt-2 text-muted">
+        {{ new Intl.DateTimeFormat(locale, { dateStyle: "full", timeStyle: "short" }).format(new Date(event.startsAt)) }}
+        <template v-if="event.location">
+          · <a
+            v-if="event.locationUrl"
+            :href="event.locationUrl"
+            target="_blank"
+            rel="noopener"
+            class="underline"
+          >{{ event.location }}</a><template v-else>
+            {{ event.location }}
+          </template>
+        </template>
+      </p>
+
+      <div class="mt-8 grid gap-8 md:grid-cols-[1fr_24rem]">
+        <!-- Plain text body: markdown rendering is left to the host (e.g. via a typography module). -->
+        <div class="whitespace-pre-line">
+          {{ translate(event.body ?? event.description, locale) }}
+        </div>
+        <EventTicketPicker
+          :ticket-types="event.ticketTypes"
+          :logged-in="loggedIn"
+          :loading="buying"
+          @purchase="onPurchase"
+        />
+      </div>
+    </template>
+    <p
+      v-else-if="status === 'pending'"
+      class="text-muted"
+    >
+      {{ t("loading", "Loading\u2026") }}
+    </p>
+  </UContainer>
+</template>

package/dist/runtime/app/pages/event.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/events.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/events.vue

@@ -0,0 +1,43 @@
+<script setup>
+const t = useModuleT("events");
+const { grouped, status } = useEvents();
+const pages = useRuntimeConfig().public.events?.pages;
+const eventTo = (slug) => (pages?.event || "/events/:slug").replace(":slug", encodeURIComponent(slug));
+const sections = computed(() => [
+  { title: t("ongoing.title", "Happening now"), events: grouped.value.ongoing },
+  { title: t("upcoming.title", "Upcoming"), events: grouped.value.upcoming },
+  { title: t("past.title", "Past events"), events: grouped.value.past }
+].filter((section) => section.events.length));
+defineOptions({ name: "EventsListPage" });
+</script>
+
+<template>
+  <UContainer class="py-10">
+    <h1 class="mb-6 text-2xl font-semibold">
+      {{ t("title", "Events") }}
+    </h1>
+    <p
+      v-if="status === 'success' && !sections.length"
+      class="text-muted"
+    >
+      {{ t("empty", "There are no events right now.") }}
+    </p>
+    <section
+      v-for="section in sections"
+      :key="section.title"
+      class="mb-10"
+    >
+      <h2 class="mb-3 text-lg font-medium">
+        {{ section.title }}
+      </h2>
+      <div class="grid gap-4 md:grid-cols-2">
+        <EventCard
+          v-for="item in section.events"
+          :key="item.id"
+          :event="item"
+          :to="eventTo(item.slug)"
+        />
+      </div>
+    </section>
+  </UContainer>
+</template>

package/dist/runtime/app/pages/events.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/tickets.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/tickets.vue

@@ -0,0 +1,30 @@
+<script setup>
+const t = useModuleT("events");
+const { tickets, pay } = useMyTickets();
+const pages = useRuntimeConfig().public.events?.pages;
+const eventTo = (slug) => (pages?.event || "/events/:slug").replace(":slug", encodeURIComponent(slug));
+defineOptions({ name: "EventTicketsPage" });
+</script>
+
+<template>
+  <UContainer class="py-10">
+    <h1 class="mb-6 text-2xl font-semibold">
+      {{ t("myTickets", "My tickets") }}
+    </h1>
+    <p
+      v-if="!tickets.length"
+      class="text-muted"
+    >
+      {{ t("noTickets", "You do not have any tickets yet.") }}
+    </p>
+    <div class="grid gap-4 md:grid-cols-2">
+      <EventTicketCard
+        v-for="ticket in tickets"
+        :key="ticket.id"
+        :ticket="ticket"
+        :to="eventTo(ticket.eventSlug)"
+        @pay="pay"
+      />
+    </div>
+  </UContainer>
+</template>

package/dist/runtime/app/pages/tickets.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/i18n/lang/da.json

@@ -0,0 +1,87 @@
+{
+  "events": {
+    "upcoming": {
+      "empty": {
+        "title": "Der er sku ik' lige nogen kommende events pt. -men tjek tilbage soon ..."
+      },
+      "title": "Kommende events",
+      "description": "Følg med her om future events i Frigear og Frigear Kulturværksted ..."
+    },
+    "ongoing": {
+      "title": "Igangværende events"
+    },
+    "past": {
+      "title": "Tidligere arrangementer",
+      "description": "Se tidligere Frigear events du gik glip ..."
+    },
+    "detail": {
+      "when": "Hvornår?",
+      "where": "Hvor?",
+      "tickets": {
+        "title": "Billetter",
+        "view": "Se billetter",
+        "free": "Gratis",
+        "goToCheckout": "Til betaling",
+        "signInToPurchase": "Log ind for at deltage",
+        "atLeastOneProductRequired": "{addonTitle}valg kræves.",
+        "ticket": {
+          "label": "Billet"
+        },
+        "products": {
+          "label": "Produkt",
+          "required": "Påkrævet"
+        },
+        "payment": {
+          "view": "Se betaling",
+          "verifying": {
+            "title": "Verificerer...",
+            "description": "Tjekker din betaling..."
+          },
+          "success": {
+            "title": "Betalingen er godkendt",
+            "description": "Din betaling blev godkendt. Billetterne er klar til brug."
+          },
+          "cancel": {
+            "title": "Betalingen er annulleret",
+            "description": "Betalingen blev annuleret, men prøv lige igen, eller kontakt support."
+          }
+        }
+      }
+    },
+    "tickets": {
+      "title": "Billetter",
+      "description": "Se dine billetter og betalinger.",
+      "ticket": "Billet",
+      "payNow": "Betal nu",
+      "viewQrCode": "Se QR-kode",
+      "goToEvent": "Til event",
+      "status": {
+        "paid": "Betalt",
+        "cancelled": "Annulleret",
+        "pending": "Afventer",
+        "abandoned": "Opgivet"
+      }
+    },
+    "cart": {
+      "title": "Kurv",
+      "addedToCart": "{title} stuff lagt i kurven.",
+      "removedFromCart": "{title} stuff fjernet fra kurven.",
+      "continueToPayment": "Til betaling"
+    },
+    "title": "Events",
+    "empty": "Der er ingen events lige nu.",
+    "loading": "Henter…",
+    "members": "Medlemmer",
+    "viewEvent": "Se event",
+    "hideQr": "Skjul QR-kode",
+    "checkedIn": "Tjekket ind",
+    "myTickets": "Mine billetter",
+    "noTickets": "Du har ingen billetter endnu.",
+    "paymentReceived": "Betaling modtaget - din billet er klar.",
+    "paymentTimeout": "Vi har ikke modtaget betalingsbekræftelsen endnu. Den dukker snart op under dine billetter.",
+    "paymentCancelled": "Betaling annulleret. Din reservation holdes et kort stykke tid; du kan betale fra dine billetter.",
+    "ticketReady": "Din billet er klar",
+    "purchaseFailed": "Kunne ikke købe billetten",
+    "notFound": "Event ikke fundet"
+  }
+}

package/dist/runtime/i18n/lang/en.json

@@ -0,0 +1,87 @@
+{
+  "events": {
+    "upcoming": {
+      "title": "Upcoming events",
+      "description": "Follow along here for upcoming events at Frigear and Frigear Kulturværksted ...",
+      "empty": {
+        "title": "There are no upcoming events right now - check back soon ..."
+      }
+    },
+    "ongoing": {
+      "title": "Ongoing events"
+    },
+    "detail": {
+      "when": "When?",
+      "where": "Where?",
+      "tickets": {
+        "title": "Tickets",
+        "free": "Free",
+        "view": "Show tickets",
+        "goToCheckout": "Go to checkout",
+        "signInToPurchase": "Sign in to purchase tickets",
+        "atLeastOneProductRequired": "{addonTitle} is required.",
+        "ticket": {
+          "label": "Ticket"
+        },
+        "products": {
+          "label": "Product",
+          "required": "Required"
+        },
+        "payment": {
+          "view": "View payment",
+          "verifying": {
+            "title": "Verifying...",
+            "description": "Checking your payment..."
+          },
+          "success": {
+            "title": "Payment successful!",
+            "description": "Your payment was successful. You can now purchase tickets."
+          },
+          "cancel": {
+            "title": "Payment canceled!",
+            "description": "Your payment was canceled. You can try again."
+          }
+        }
+      }
+    },
+    "tickets": {
+      "title": "Tickets",
+      "description": "See your event tickets and payments.",
+      "ticket": "Ticket",
+      "payNow": "Pay now",
+      "viewQrCode": "View QR code",
+      "goToEvent": "Go to event",
+      "status": {
+        "paid": "Paid",
+        "cancelled": "Cancelled",
+        "pending": "Pending",
+        "abandoned": "Abandoned"
+      }
+    },
+    "cart": {
+      "title": "Cart",
+      "addedToCart": "{title} was added to your cart.",
+      "removedFromCart": "{title} stuff was removed.",
+      "continueToPayment": "Continue to payment"
+    },
+    "title": "Events",
+    "empty": "There are no events right now.",
+    "loading": "Loading…",
+    "members": "Members",
+    "viewEvent": "View event",
+    "hideQr": "Hide QR code",
+    "checkedIn": "Checked in",
+    "myTickets": "My tickets",
+    "noTickets": "You do not have any tickets yet.",
+    "paymentReceived": "Payment received - your ticket is ready.",
+    "paymentTimeout": "We have not received the payment confirmation yet. It will show up under your tickets shortly.",
+    "paymentCancelled": "Payment cancelled. Your reservation is held for a short while; you can pay from your tickets.",
+    "ticketReady": "Your ticket is ready",
+    "purchaseFailed": "Could not buy the ticket",
+    "notFound": "Event not found",
+    "past": {
+      "title": "Past events",
+      "description": "See past Frigear events you missed ..."
+    }
+  }
+}

package/dist/runtime/menus.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@frigear-nu/menu/types").MenuSource;
+export default _default;

package/dist/runtime/menus.js

@@ -0,0 +1,14 @@
+import { defineMenuItem, defineMenuSource, extendMenuItem } from "@frigear-nu/menu/utils";
+export default defineMenuSource(() => {
+  const config = useRuntimeConfig().public.events;
+  if (config?.pages?.tickets) {
+    extendMenuItem("dashboard.account", defineMenuItem({
+      id: "event-tickets",
+      label: "Tickets",
+      description: "Your event tickets.",
+      icon: "i-lucide-ticket",
+      to: config.pages.tickets,
+      order: 40
+    }));
+  }
+});