@frigear-nu/events 0.1.1 → 0.1.3

package/dist/module.d.mts

@@ -2,6 +2,7 @@ import * as _nuxt_schema from '@nuxt/schema';
 import { H3Event } from 'h3';
 import { Translated } from '@frigear-nu/ui/translated';
 export { Translated } from '@frigear-nu/ui/translated';
+import { Schedule } from '@frigear-nu/module-kit/schedule';
 
 /** `null` = open to everyone, `'any'` = any active subscription, or a list of plan keys. */
 type MembershipRequirement = 'any' | string[] | null;
@@ -133,6 +134,109 @@ type CheckInResponse = {
     checkedInAt: string;
     ticket: TicketDto;
 };
+/** An event as staff see it (`/api/admin/events`): every field, whatever its status. Dates are ISO strings. */
+type AdminEventDto = {
+    id: string;
+    slug: string;
+    name: Translated;
+    description: Translated | null;
+    body: Translated | null;
+    image: string | null;
+    location: Translated | null;
+    locationUrl: string | null;
+    startsAt: string;
+    endsAt: string | null;
+    status: EventStatus;
+    requiresMembership: MembershipRequirement;
+    createdAt: string;
+    updatedAt: string;
+};
+/** A ticket type as staff see it, with its capacity, sale window and membership rules. */
+type AdminTicketTypeDto = {
+    id: string;
+    eventId: string;
+    key: string;
+    name: Translated;
+    description: Translated | null;
+    price: number;
+    currency: string;
+    hidePrice: boolean;
+    capacity: number | null;
+    saleStartsAt: string | null;
+    saleEndsAt: string | null;
+    saleSchedule: Schedule | null;
+    maxPerUser: number;
+    requiresMembership: MembershipRequirement;
+    excludesMembership: MembershipRequirement;
+    isDefault: boolean;
+    sortOrder: number;
+    createdAt: string;
+    updatedAt: string;
+};
+/** An add-on group of a ticket type, as staff see it. */
+type AdminAddonGroupDto = {
+    id: string;
+    ticketTypeId: string;
+    title: Translated;
+    required: boolean;
+    multiple: boolean;
+    sortOrder: number;
+};
+/** An add-on (one choice of a group), as staff see it. */
+type AdminAddonDto = {
+    id: string;
+    groupId: string;
+    label: Translated;
+    description: Translated | null;
+    price: number;
+    capacity: number | null;
+    sortOrder: number;
+};
+/** One event with its whole catalogue (`GET /api/admin/events/:id`). */
+type AdminEventDetailDto = AdminEventDto & {
+    ticketTypes: Array<AdminTicketTypeDto & {
+        addonGroups: Array<AdminAddonGroupDto & {
+            addons: AdminAddonDto[];
+        }>;
+    }>;
+};
+/** One ticket of an event with its holder (`GET /api/admin/events/:id/tickets`). `code` is there for staff check-in. */
+type AttendeeDto = {
+    id: string;
+    eventId: string;
+    ticketTypeId: string;
+    userId: number;
+    status: TicketStatus;
+    addons: Array<{
+        id: string;
+        label: Translated;
+        price: number;
+    }>;
+    amount: number;
+    currency: string;
+    paymentId: string | null;
+    code: string;
+    locale: string | null;
+    checkedInAt: string | null;
+    createdAt: string;
+    userName: string | null;
+    userEmail: string | null;
+};
+/** The admin dashboard's upcoming events (`GET /api/admin/events/upcoming`). */
+type UpcomingEventsDto = {
+    total: number;
+    items: Array<{
+        id: string;
+        name: Translated;
+        location: Translated | null;
+        startsAt: string;
+    }>;
+};
+/** What a membership provider offers (`GET /api/admin/events/membership-options`). */
+type MembershipOptionsDto = {
+    available: boolean;
+    options: MembershipOption[];
+};
 type PurchaseBeforeContext = {
     event: H3Event;
     userId: number;
@@ -203,4 +307,4 @@ declare module 'nitropack' {
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 export { _default as default };
-export type { AddonDto, AddonGroupDto, AuthorizeContext, CheckInResponse, EventDetailDto, EventStatus, EventSummaryDto, EventsRuntimeConfig, MembershipCheckContext, MembershipOption, MembershipOptionsContext, MembershipRequirement, ModuleOptions, PublicModuleOptions, PurchaseBeforeContext, PurchaseBody, PurchaseResponse, TicketDto, TicketHookContext, TicketStatus, TicketTypeDto };
+export type { AddonDto, AddonGroupDto, AdminAddonDto, AdminAddonGroupDto, AdminEventDetailDto, AdminEventDto, AdminTicketTypeDto, AttendeeDto, AuthorizeContext, CheckInResponse, EventDetailDto, EventStatus, EventSummaryDto, EventsRuntimeConfig, MembershipCheckContext, MembershipOption, MembershipOptionsContext, MembershipOptionsDto, MembershipRequirement, ModuleOptions, PublicModuleOptions, PurchaseBeforeContext, PurchaseBody, PurchaseResponse, TicketDto, TicketHookContext, TicketStatus, TicketTypeDto, UpcomingEventsDto };

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@frigear-nu/events",
   "configKey": "events",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -1,5 +1,5 @@
-import { defineNuxtModule, createResolver, hasNuxtModule, addServerImportsDir, addServerPlugin, addImports, addComponentsDir, addServerHandler } from '@nuxt/kit';
-import { registerModule, registerTailwindSource, registerLocales, resolvePagePath, registerDatabaseTable, inlineModuleRuntime, addModulePages, addOptionalMenuSource } from '@frigear-nu/module-kit/utils';
+import { defineNuxtModule, createResolver, hasNuxtModule, addServerImportsDir, addServerPlugin, addImports, addComponentsDir } from '@nuxt/kit';
+import { registerModule, registerTailwindSource, registerLocales, resolvePagePath, registerDatabaseTable, addModuleRoutes, registerBootstrapProvider, inlineModuleRuntime, addModulePages, addOptionalMenuSource } from '@frigear-nu/module-kit/utils';
 import { adminRoute } from '@frigear-nu/admin/utils';
 import { addAuthScope } from '@frigear-nu/auth/utils';
 import { addMcpDefinitions } from '@frigear-nu/mcp/utils';
@@ -57,34 +57,42 @@ const module$1 = defineNuxtModule({
       resolver,
       schema: (dialect) => `./runtime/server/db/schema.${dialect}`
     });
-    const route = (method, path, file) => addServerHandler({ route: `/api/events${path}`, method, handler: resolver.resolve(`./runtime/server/routes/${file}`) });
-    route("get", "", "public/events.get");
-    route("get", "/tickets/me", "public/tickets-me.get");
-    route("get", "/tickets/:id", "public/ticket.get");
-    route("post", "/tickets/:id/pay", "public/ticket-pay.post");
-    route("post", "/check-in", "public/check-in.post");
-    route("get", "/:slug", "public/event.get");
-    route("post", "/:slug/purchase", "public/purchase.post");
-    route("get", "/admin/membership-options", "admin/membership-options.get");
-    route("get", "/admin/upcoming", "admin/upcoming.get");
-    route("get", "/admin/events", "admin/events.get");
-    route("get", "/admin/events/:id", "admin/event.get");
-    route("post", "/admin/events", "admin/events.post");
-    route("patch", "/admin/events/:id", "admin/event.patch");
-    route("delete", "/admin/events/:id", "admin/event.delete");
-    route("post", "/admin/events/:id/clone", "admin/event-clone.post");
-    route("get", "/admin/events/:id/tickets", "admin/attendees.get");
-    route("post", "/admin/events/:id/ticket-types", "admin/ticket-types.post");
-    route("patch", "/admin/ticket-types/:id", "admin/ticket-type.patch");
-    route("delete", "/admin/ticket-types/:id", "admin/ticket-type.delete");
-    route("post", "/admin/ticket-types/:id/addon-groups", "admin/addon-groups.post");
-    route("patch", "/admin/addon-groups/:id", "admin/addon-group.patch");
-    route("delete", "/admin/addon-groups/:id", "admin/addon-group.delete");
-    route("post", "/admin/addon-groups/:id/addons", "admin/addons.post");
-    route("patch", "/admin/addons/:id", "admin/addon.patch");
-    route("delete", "/admin/addons/:id", "admin/addon.delete");
-    route("post", "/admin/tickets/:id/cancel", "admin/ticket-cancel.post");
-    route("post", "/admin/tickets/:id/refund", "admin/ticket-refund.post");
+    addModuleRoutes(resolver, [
+      { method: "get", path: "", file: "public/events.get" },
+      { method: "get", path: "me/tickets", file: "me/tickets.get" },
+      { method: "get", path: "me/tickets/:id", file: "me/ticket.get" },
+      { method: "post", path: "me/tickets/:id/pay", file: "me/ticket-pay.post" },
+      { method: "get", path: ":slug", file: "public/event.get" },
+      { method: "post", path: ":slug/purchase", file: "public/purchase.post" }
+    ], { base: "/api/events" });
+    registerBootstrapProvider(nuxt, {
+      scope: "account",
+      key: "events:tickets:mine",
+      handler: resolver.resolve("./runtime/server/bootstrap/my-tickets")
+    });
+    addModuleRoutes(resolver, [
+      { method: "get", path: "", file: "admin/events.get" },
+      { method: "post", path: "", file: "admin/events.post" },
+      { method: "get", path: "membership-options", file: "admin/membership-options.get" },
+      { method: "get", path: "upcoming", file: "admin/upcoming.get" },
+      { method: "post", path: "check-in", file: "admin/check-in.post" },
+      { method: "get", path: ":id", file: "admin/event.get" },
+      { method: "patch", path: ":id", file: "admin/event.patch" },
+      { method: "delete", path: ":id", file: "admin/event.delete" },
+      { method: "post", path: ":id/clone", file: "admin/event-clone.post" },
+      { method: "get", path: ":id/tickets", file: "admin/attendees.get" },
+      { method: "post", path: ":id/ticket-types", file: "admin/ticket-types.post" },
+      { method: "patch", path: "ticket-types/:id", file: "admin/ticket-type.patch" },
+      { method: "delete", path: "ticket-types/:id", file: "admin/ticket-type.delete" },
+      { method: "post", path: "ticket-types/:id/addon-groups", file: "admin/addon-groups.post" },
+      { method: "patch", path: "addon-groups/:id", file: "admin/addon-group.patch" },
+      { method: "delete", path: "addon-groups/:id", file: "admin/addon-group.delete" },
+      { method: "post", path: "addon-groups/:id/addons", file: "admin/addons.post" },
+      { method: "patch", path: "addons/:id", file: "admin/addon.patch" },
+      { method: "delete", path: "addons/:id", file: "admin/addon.delete" },
+      { method: "post", path: "tickets/:id/cancel", file: "admin/ticket-cancel.post" },
+      { method: "post", path: "tickets/:id/refund", file: "admin/ticket-refund.post" }
+    ], { base: "/api/admin/events" });
     addServerImportsDir(resolver.resolve("./runtime/server/utils"));
     inlineModuleRuntime(nuxt, resolver);
     if (settings.mcp === true) addMcpDefinitions(nuxt, resolver.resolve("./runtime/server/mcp"));
@@ -103,7 +111,8 @@ const module$1 = defineNuxtModule({
       { name: "useEventsFallbackLocale", from: resolver.resolve("./runtime/app/composables/useEvents") },
       { name: "useEventsTranslate", from: resolver.resolve("./runtime/app/composables/useEvents") },
       { name: "useEventLinks", from: resolver.resolve("./runtime/app/composables/useEventLinks") },
-      { name: "useEventActions", from: resolver.resolve("./runtime/app/composables/useEventActions") }
+      { name: "useEventActions", from: resolver.resolve("./runtime/app/composables/useEventActions") },
+      { name: "useEventCatalogActions", from: resolver.resolve("./runtime/app/composables/useEventCatalogActions") }
     ]);
     addComponentsDir({ path: resolver.resolve("./runtime/app/components") });
     addModulePages(MODULE_NAME, resolver, [

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

@@ -0,0 +1,18 @@
+import type { StaffAddonGroup } from '../utils/admin-event.js';
+type __VLS_Props = {
+    /** The ticket type a new group is added to. */
+    ticketTypeId: string;
+    /** The group to edit; leave out to add one. */
+    group?: StaffAddonGroup;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (saved: false | {
+        id: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((saved: false | {
+        id: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/EventAddonGroupSlideover.vue

@@ -0,0 +1,66 @@
+<script setup>
+import { z } from "zod";
+import { eventsApi } from "../../utils/api";
+defineOptions({ name: "EventAddonGroupSlideover" });
+const props = defineProps({
+  ticketTypeId: { type: String, required: true },
+  group: { type: Object, required: false }
+});
+const emit = defineEmits(["close"]);
+const t = useModuleT("events");
+const tr = useEventsTranslate();
+const { busy, run } = useAction();
+const schema = z.object({
+  title: z.custom().refine((value) => !!tr(value).trim(), t("admin.groupTitleRequired", "Enter a title.")),
+  required: z.boolean(),
+  multiple: z.boolean()
+});
+const state = reactive({
+  title: props.group?.title,
+  required: props.group?.required ?? false,
+  multiple: props.group?.multiple ?? false
+});
+async function save(event) {
+  const body = event.data;
+  const saved = await run(
+    () => props.group ? $fetch(eventsApi.admin.addonGroup(props.group.id), { method: "PATCH", body }) : $fetch(eventsApi.admin.addonGroups(props.ticketTypeId), { method: "POST", body }),
+    { success: t("admin.groupSaved", "Add-on group saved.") }
+  );
+  if (saved) emit("close", saved);
+}
+</script>
+
+<template>
+  <FormSlideover
+    form-id="event-addon-group-form"
+    :title="group ? t('admin.editGroup', 'Edit add-on group') : t('admin.addGroup', 'Add add-on group')"
+    :submit-label="group ? t('admin.saveGroup', 'Save add-on group') : t('admin.addGroup', 'Add add-on group')"
+    :loading="busy"
+    @close="emit('close', false)"
+  >
+    <UForm
+      id="event-addon-group-form"
+      :schema="schema"
+      :state="state"
+      class="flex flex-col gap-4"
+      @submit="save"
+    >
+      <UFormField
+        name="title"
+        :label="t('admin.groupTitle', 'Title')"
+        :description="t('admin.groupTitleHelp', 'Shown above the choices, e.g. Food.')"
+        required
+      >
+        <TranslatedInput v-model="state.title" />
+      </UFormField>
+      <UCheckbox
+        v-model="state.required"
+        :label="t('admin.groupRequiredLabel', 'Buyers must choose at least one')"
+      />
+      <UCheckbox
+        v-model="state.multiple"
+        :label="t('admin.groupMultipleLabel', 'Buyers can choose several')"
+      />
+    </UForm>
+  </FormSlideover>
+</template>

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

@@ -0,0 +1,18 @@
+import type { StaffAddonGroup } from '../utils/admin-event.js';
+type __VLS_Props = {
+    /** The ticket type a new group is added to. */
+    ticketTypeId: string;
+    /** The group to edit; leave out to add one. */
+    group?: StaffAddonGroup;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (saved: false | {
+        id: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((saved: false | {
+        id: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,20 @@
+import type { StaffAddon } from '../utils/admin-event.js';
+type __VLS_Props = {
+    /** The add-on group a new choice is added to. */
+    groupId: string;
+    /** The currency of the ticket type the group belongs to. */
+    currency: string;
+    /** The choice to edit; leave out to add one. */
+    addon?: StaffAddon;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (saved: false | {
+        id: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((saved: false | {
+        id: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/EventAddonSlideover.vue

@@ -0,0 +1,103 @@
+<script setup>
+import { z } from "zod";
+import { fromCents, toCents } from "@frigear-nu/ui/money";
+import { eventsApi } from "../../utils/api";
+defineOptions({ name: "EventAddonSlideover" });
+const props = defineProps({
+  groupId: { type: String, required: true },
+  currency: { type: String, required: true },
+  addon: { type: Object, required: false }
+});
+const emit = defineEmits(["close"]);
+const t = useModuleT("events");
+const tr = useEventsTranslate();
+const { busy, run } = useAction();
+const schema = z.object({
+  label: z.custom().refine((value) => !!tr(value).trim(), t("admin.nameRequired", "Enter a name.")),
+  description: z.custom().optional(),
+  price: z.coerce.number().min(0, t("admin.priceInvalid", "Enter a price of 0 or more.")),
+  capacity: z.union([z.literal(""), z.null(), z.undefined(), z.coerce.number().int(t("admin.countInvalid", "Enter a whole number of 0 or more.")).min(0, t("admin.countInvalid", "Enter a whole number of 0 or more."))]).transform((value) => typeof value === "number" ? value : null)
+});
+const state = reactive({
+  label: props.addon?.label,
+  description: props.addon?.description ?? void 0,
+  price: props.addon ? fromCents(props.addon.price, props.currency) : 0,
+  capacity: props.addon?.capacity ?? ""
+});
+async function save(event) {
+  const data = event.data;
+  const body = {
+    label: data.label,
+    description: data.description ?? null,
+    // Prices are stored in minor units (øre/cents).
+    price: toCents(data.price, props.currency) ?? 0,
+    capacity: data.capacity
+  };
+  const saved = await run(
+    () => props.addon ? $fetch(eventsApi.admin.addon(props.addon.id), { method: "PATCH", body }) : $fetch(eventsApi.admin.addons(props.groupId), { method: "POST", body }),
+    { success: t("admin.addonSaved", "Add-on saved.") }
+  );
+  if (saved) emit("close", saved);
+}
+</script>
+
+<template>
+  <FormSlideover
+    form-id="event-addon-form"
+    :title="addon ? t('admin.editAddon', 'Edit choice') : t('admin.addAddon', 'Add choice')"
+    :submit-label="addon ? t('admin.saveAddon', 'Save choice') : t('admin.addAddon', 'Add choice')"
+    :loading="busy"
+    @close="emit('close', false)"
+  >
+    <UForm
+      id="event-addon-form"
+      :schema="schema"
+      :state="state"
+      class="flex flex-col gap-4"
+      @submit="save"
+    >
+      <UFormField
+        name="label"
+        :label="t('admin.name', 'Name')"
+        required
+      >
+        <TranslatedInput v-model="state.label" />
+      </UFormField>
+      <UFormField
+        name="description"
+        :label="t('admin.description', 'Description')"
+      >
+        <TranslatedInput
+          v-model="state.description"
+          multiline
+          :rows="2"
+        />
+      </UFormField>
+      <UFormField
+        name="price"
+        :label="t('admin.price', 'Price')"
+        :description="t('admin.addonPriceHelp', 'Added to the ticket price. 0 means included.')"
+      >
+        <UInput
+          v-model="state.price"
+          type="number"
+          min="0"
+          step="0.01"
+          class="w-full"
+        />
+      </UFormField>
+      <UFormField
+        name="capacity"
+        :label="t('admin.capacity', 'Capacity')"
+        :description="t('admin.capacityHelp', 'Leave empty for unlimited.')"
+      >
+        <UInput
+          v-model="state.capacity"
+          type="number"
+          min="0"
+          class="w-full"
+        />
+      </UFormField>
+    </UForm>
+  </FormSlideover>
+</template>

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

@@ -0,0 +1,20 @@
+import type { StaffAddon } from '../utils/admin-event.js';
+type __VLS_Props = {
+    /** The add-on group a new choice is added to. */
+    groupId: string;
+    /** The currency of the ticket type the group belongs to. */
+    currency: string;
+    /** The choice to edit; leave out to add one. */
+    addon?: StaffAddon;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (saved: false | {
+        id: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((saved: false | {
+        id: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,19 +1,11 @@
-import type { StaffAddon, StaffAddonGroup, StaffTicketType } from '../utils/admin-event.js';
+import type { StaffTicketType } from '../utils/admin-event.js';
 type __VLS_Props = {
     ticketType: StaffTicketType;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     refresh: () => any;
-    addGroup: () => any;
-    editGroup: (group: StaffAddonGroup) => any;
-    addAddon: (group: StaffAddonGroup) => any;
-    editAddon: (group: StaffAddonGroup, addon: StaffAddon) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onRefresh?: (() => any) | undefined;
-    onAddGroup?: (() => any) | undefined;
-    onEditGroup?: ((group: StaffAddonGroup) => any) | undefined;
-    onAddAddon?: ((group: StaffAddonGroup) => any) | undefined;
-    onEditAddon?: ((group: StaffAddonGroup, addon: StaffAddon) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/components/EventAdminAddonGroups.vue

@@ -3,53 +3,11 @@ defineOptions({ name: "EventAdminAddonGroups" });
 defineProps({
   ticketType: { type: Object, required: true }
 });
-const emit = defineEmits(["refresh", "addGroup", "editGroup", "addAddon", "editAddon"]);
+const emit = defineEmits(["refresh"]);
 const t = useModuleT("events");
 const format = useFormat();
 const tr = useEventsTranslate();
-const confirmAction = useConfirmDialog();
-const { run } = useAction();
-const removeGroup = async (addonGroup) => {
-  const title = tr(addonGroup.title);
-  if (!await confirmAction({
-    title: t("admin.confirmRemoveGroup", "Delete {name}?", { name: title }),
-    description: t("admin.confirmRemoveGroupDescription", "Its choices are deleted too. Tickets already bought keep the choices they made."),
-    confirmText: t("admin.removeGroup", "Delete add-on group"),
-    destructive: true
-  })) return;
-  return run(async () => {
-    await $fetch(`/api/events/admin/addon-groups/${addonGroup.id}`, { method: "DELETE" });
-    emit("refresh");
-  }, { success: t("admin.groupDeleted", "Deleted {name}", { name: title }) });
-};
-const removeAddon = async (existing) => {
-  const label = tr(existing.label);
-  if (!await confirmAction({
-    title: t("admin.confirmRemoveAddon", "Delete {name}?", { name: label }),
-    description: t("admin.confirmRemoveAddonDescription", "Tickets already bought keep the choice they made."),
-    confirmText: t("admin.removeAddon", "Delete choice"),
-    destructive: true
-  })) return;
-  return run(async () => {
-    await $fetch(`/api/events/admin/addons/${existing.id}`, { method: "DELETE" });
-    emit("refresh");
-  }, { success: t("admin.addonDeleted", "Deleted {name}", { name: label }) });
-};
-const groupMenu = (addonGroup) => [
-  [
-    { label: t("admin.addAddon", "Add choice"), icon: "i-lucide-plus", onSelect: () => emit("addAddon", addonGroup) },
-    { label: t("admin.editGroup", "Edit add-on group"), icon: "i-lucide-pencil", onSelect: () => emit("editGroup", addonGroup) }
-  ],
-  [{ label: t("admin.removeGroup", "Delete add-on group"), icon: "i-lucide-trash-2", color: "error", onSelect: () => {
-    void removeGroup(addonGroup);
-  } }]
-];
-const addonMenu = (addonGroup, item) => [
-  [{ label: t("admin.editAddon", "Edit choice"), icon: "i-lucide-pencil", onSelect: () => emit("editAddon", addonGroup, item) }],
-  [{ label: t("admin.removeAddon", "Delete choice"), icon: "i-lucide-trash-2", color: "error", onSelect: () => {
-    void removeAddon(item);
-  } }]
-];
+const catalog = useEventCatalogActions({ onChanged: () => emit("refresh") });
 </script>
 
 <template>
@@ -68,7 +26,7 @@ const addonMenu = (addonGroup, item) => [
           </span>
         </div>
         <RowMenu
-          :items="groupMenu(addonGroup)"
+          :items="catalog.groupMenu(ticketType, addonGroup)"
           :subject="tr(addonGroup.title)"
           size="xs"
         />
@@ -84,10 +42,10 @@ const addonMenu = (addonGroup, item) => [
         >
           <div>
             {{ tr(item.label) }}
-            <span class="text-muted">· {{ item.price === 0 ? t("admin.included", "Included") : `+ ${format.money(item.price, ticketType.currency)}` }}<template v-if="item.capacity !== null"> · {{ t("admin.capacity", "Capacity").toLowerCase() }} {{ item.capacity }}</template></span>
+            <span class="text-muted">· {{ item.price === 0 ? t("admin.included", "Included") : `+ ${format.money(item.price, ticketType.currency)}` }}<template v-if="item.capacity !== null"> · {{ t("admin.capacity", "Capacity").toLowerCase() }} <span class="tabular-nums">{{ item.capacity }}</span></template></span>
           </div>
           <RowMenu
-            :items="addonMenu(addonGroup, item)"
+            :items="catalog.addonMenu(ticketType, addonGroup, item)"
             :subject="tr(item.label)"
             size="xs"
           />
@@ -107,7 +65,7 @@ const addonMenu = (addonGroup, item) => [
         variant="outline"
         size="xs"
         :label="t('admin.addGroup', 'Add add-on group')"
-        @click="emit('addGroup')"
+        @click="catalog.openGroup(ticketType)"
       />
     </div>
   </div>

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

@@ -1,19 +1,11 @@
-import type { StaffAddon, StaffAddonGroup, StaffTicketType } from '../utils/admin-event.js';
+import type { StaffTicketType } from '../utils/admin-event.js';
 type __VLS_Props = {
     ticketType: StaffTicketType;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     refresh: () => any;
-    addGroup: () => any;
-    editGroup: (group: StaffAddonGroup) => any;
-    addAddon: (group: StaffAddonGroup) => any;
-    editAddon: (group: StaffAddonGroup, addon: StaffAddon) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onRefresh?: (() => any) | undefined;
-    onAddGroup?: (() => any) | undefined;
-    onEditGroup?: ((group: StaffAddonGroup) => any) | undefined;
-    onAddAddon?: ((group: StaffAddonGroup) => any) | undefined;
-    onEditAddon?: ((group: StaffAddonGroup, addon: StaffAddon) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;