@gomusdev/web-components 3.7.0 → 3.8.1

package/dist-js/gomus-webcomponents.js

@@ -11999,8 +11999,10 @@ function createQuotaManager(quotas) {
 				ticketId
 			}).map((x) => x.totalCapacity)) ?? 0;
 		},
-		timeslotsOn(date) {
-			const bySlot = group(this.timeslots().filter((x) => x.timeSlot.startsWith(date.toString())), (r) => r.timeSlot);
+		timeslotsOn(date, ticketIds) {
+			let rows = this.timeslots().filter((x) => x.timeSlot.startsWith(date.toString()));
+			if (ticketIds) rows = rows.filter((x) => x.tickets.some((t) => ticketIds.includes(t)));
+			const bySlot = group(rows, (r) => r.timeSlot);
 			return Object.values(bySlot).map((slotRows) => {
 				return max$2(unique(slotRows.flatMap((r) => r.tickets)).map((t) => min$2(slotRows.filter((r) => r.tickets.includes(t)), (r) => r.capacity)).filter((r) => r !== null), (r) => r.capacity) ?? slotRows[0];
 			}).sort((a, b) => a.timeSlot.localeCompare(b.timeSlot));
@@ -12202,7 +12204,10 @@ function loadFromLocalStorage(cart) {
 		if (lsItems.length === 0) cart.clearItems();
 		else cart.items = lsItems.map(generateCartItem).filter(defined);
 		cart.clearCoupons();
-		lsCoupons.forEach((coupon) => cart.addCoupon(coupon));
+		lsCoupons.forEach((coupon) => cart.addCoupon(typeof coupon === "string" ? {
+			code: coupon,
+			kind: "actionToken"
+		} : coupon));
 		return cart.items;
 	} catch (e) {
 		console.error(e);
@@ -12262,6 +12267,12 @@ function createCart(products, contingent = 20) {
 		get totalQuantity() {
 			return sum(this.items, (item) => item.quantity);
 		},
+		get valueVoucherCents() {
+			return sum(this.coupons.filter((c) => c.kind === "valueVoucher"), (c) => c.valueCents ?? 0);
+		},
+		get amountToPayCents() {
+			return Math.max(0, this.totalPriceCents - this.valueVoucherCents);
+		},
 		/**
 		* Generates a formatted string representation of the current object.
 		*/
@@ -12278,10 +12289,10 @@ function createCart(products, contingent = 20) {
 				comment: null,
 				reference: null,
 				payment_mode_id: this.paymentModeId ?? shop.settings?.defaultPaymentModeId,
-				coupons: this.coupons,
+				coupons: this.coupons.map((c) => c.code),
 				donations: [],
 				affiliate: {},
-				total: this.totalPriceCents
+				total: this.amountToPayCents
 			};
 		},
 		get totalFormatted() {
@@ -12300,11 +12311,16 @@ function createCart(products, contingent = 20) {
 		addItems(items) {
 			items.forEach((item) => this.addItem(item));
 		},
-		addCoupon(token) {
-			if (!this.coupons.includes(token)) this.coupons.push(token);
+		addCoupon(item) {
+			const coupon = {
+				...item,
+				code: item.code.toUpperCase()
+			};
+			if (!this.coupons.some((c) => c.code === coupon.code)) this.coupons.push(coupon);
 		},
-		removeCoupon(token) {
-			const index = this.coupons.indexOf(token);
+		removeCoupon(code) {
+			const upper = code.toUpperCase();
+			const index = this.coupons.findIndex((c) => c.code === upper);
 			if (index > -1) this.coupons.splice(index, 1);
 		},
 		clearCoupons() {
@@ -14923,8 +14939,11 @@ function getScalePriceId(attrs) {
 }
 function createDisplayCart(baseCart, apiItems) {
 	const displayCart = createCart();
-	const appliedCoupons = /* @__PURE__ */ new Set();
-	baseCart.coupons.forEach((coupon) => displayCart.addCoupon(coupon));
+	const echoed = new Set(apiItems.map((i) => i.attributes.coupon).filter(Boolean).map((c) => c.toUpperCase()));
+	baseCart.coupons.forEach((coupon) => displayCart.addCoupon({
+		...coupon,
+		applied: coupon.kind !== "actionToken" || echoed.has(coupon.code)
+	}));
 	apiItems.forEach((apiItem) => {
 		const attrs = apiItem.attributes;
 		const scalePriceId = getScalePriceId(attrs);
@@ -14936,16 +14955,9 @@ function createDisplayCart(baseCart, apiItems) {
 			});
 			return;
 		}
-		if (attrs.coupon) {
-			displayCart.addCoupon(attrs.coupon);
-			appliedCoupons.add(attrs.coupon);
-		}
 		displayCart.addItem(createDisplayCartItem(itemInBaseCart, attrs));
 	});
-	return {
-		cart: displayCart,
-		appliedCoupons
-	};
+	return displayCart;
 }
 function createDisplayCartItem(cartItem, attrs) {
 	const quantity = resolveApiQuantity(attrs);
@@ -14975,13 +14987,6 @@ var CartDetails = class {
 	set displayCart(value) {
 		set(this.#displayCart, value, true);
 	}
-	#appliedCoupons = /* @__PURE__ */ state(proxy(/* @__PURE__ */ new Set()));
-	get appliedCoupons() {
-		return get$2(this.#appliedCoupons);
-	}
-	set appliedCoupons(value) {
-		set(this.#appliedCoupons, value, true);
-	}
 	#preview = /* @__PURE__ */ state(false);
 	get preview() {
 		return get$2(this.#preview);
@@ -14990,7 +14995,7 @@ var CartDetails = class {
 		set(this.#preview, value, true);
 	}
 	get totalPriceCents() {
-		return this.displayCart?.totalPriceCents ?? 0;
+		return this.displayCart?.amountToPayCents ?? 0;
 	}
 	get subtotalPriceCents() {
 		return shop.cart?.totalPriceCents ?? 0;
@@ -15010,14 +15015,12 @@ var CartDetails = class {
 				items,
 				coupons
 			});
-			if (!response || "error" in response) {
-				if (response && "error" in response) console.error("(go-cart) Unable to fetch discounted cart data", response.error);
-				this.displayCart = mc;
+			if (response?.data) {
+				this.displayCart = createDisplayCart(mc, response.data.items ?? []);
 				return;
 			}
-			const result = createDisplayCart(mc, response.data.items ?? []);
-			this.displayCart = result.cart;
-			this.appliedCoupons = result.appliedCoupons;
+			console.error("(go-cart) Unable to fetch discounted cart data", response?.error);
+			this.displayCart = mc;
 		} catch (error) {
 			console.error("(go-cart) Unable to fetch discounted cart data", error);
 			this.displayCart = mc;
@@ -15447,7 +15450,7 @@ function CartCoupons($$anchor, $$props) {
 	var node = first_child(fragment);
 	var consequent_1 = ($$anchor) => {
 		var ol = root_2$8();
-		each(ol, 20, () => get$2(details).displayCart.coupons, (coupon) => coupon, ($$anchor, coupon) => {
+		each(ol, 21, () => get$2(details).displayCart.coupons, (coupon) => coupon.code, ($$anchor, coupon) => {
 			var li = root_1$12();
 			let classes;
 			var article = child(li);
@@ -15461,7 +15464,7 @@ function CartCoupons($$anchor, $$props) {
 				var button = child(li_2);
 				reset(li_2);
 				template_effect(($0) => set_attribute(button, "aria-label", $0), [() => shop.t("cart.coupons.remove")]);
-				delegated("click", button, () => shop.cart?.removeCoupon(coupon));
+				delegated("click", button, () => shop.cart?.removeCoupon(get$2(coupon).code));
 				append($$anchor, li_2);
 			};
 			if_block(node_1, ($$render) => {
@@ -15470,10 +15473,10 @@ function CartCoupons($$anchor, $$props) {
 			reset(ul);
 			reset(article);
 			reset(li);
-			template_effect(($0) => {
-				classes = set_class(li, 1, "go-cart-coupon", null, classes, $0);
-				set_text(text, coupon);
-			}, [() => ({ "go-cart-coupon-inactive": !get$2(details).appliedCoupons.has(coupon) })]);
+			template_effect(() => {
+				classes = set_class(li, 1, "go-cart-coupon", null, classes, { "go-cart-coupon-inactive": !get$2(coupon).applied });
+				set_text(text, get$2(coupon).code);
+			});
 			append($$anchor, li);
 		});
 		reset(ol);
@@ -15523,7 +15526,7 @@ function Cart($$anchor, $$props) {
 	user_effect(() => {
 		if (!shop.cart) return;
 		shop.cart.items.map((i) => i.uuid + ":" + i.quantity + ":" + i.time);
-		shop.cart.coupons.join("|");
+		shop.cart.coupons.map((c) => c.code).join("|");
 		untrack(() => details.calculateDisplayCart());
 	});
 	async function flushCoupons() {
@@ -15541,6 +15544,7 @@ function Cart($$anchor, $$props) {
 		const innerForm = submit.closest("go-form");
 		if (innerForm && $$props.$$host.contains(innerForm)) return;
 		const ok = await flushCoupons();
+		if (!ok) return;
 		$$props.$$host.dispatchEvent(new CustomEvent("go-submit", {
 			detail: { ok },
 			bubbles: true,
@@ -15704,13 +15708,27 @@ customElements.define("go-checkout-form", create_custom_element(CheckoutForm, {
 var APPLY_ORDER_DISCOUNT = "TokenActions::ApplyOrderDiscount";
 async function redeem(token) {
 	if (!shop.cart) throw new Error("(go-coupon-redemption): cart not found");
+	const cart = shop.cart;
 	const couponSale = await shop.asyncFetch(() => shop.getCouponSaleByBarcode(token));
 	if (!couponSale?.is_valid) return fail([shop.t("cart.coupon.form.errors.notValid")]);
 	if (couponSale.value_action === APPLY_ORDER_DISCOUNT) {
-		shop.cart.addCoupon(token);
+		cart.addCoupon({
+			code: token,
+			kind: "actionToken"
+		});
 		return { success: true };
-	} else if (couponSale.is_voucher_for) return applyVoucher(token, couponSale);
-	else return fail([shop.t("cart.coupon.form.errors.notValid")]);
+	}
+	if (couponSale.is_voucher_for) return applyVoucher(token, couponSale);
+	if (couponSale.value_cents && couponSale.value_cents > 0) return applyValueCoupon(token, couponSale.value_cents);
+	return fail([shop.t("cart.coupon.form.errors.notValid")]);
+}
+function applyValueCoupon(token, valueCents) {
+	shop.cart.addCoupon({
+		code: token,
+		kind: "valueVoucher",
+		valueCents
+	});
+	return { success: true };
 }
 async function applyVoucher(token, couponSale) {
 	const ticket = (await shop.asyncFetch(() => shop.tickets({ "by_ticket_ids[]": [couponSale.is_voucher_for] }))).find((t) => t.id === couponSale.is_voucher_for);
@@ -15720,7 +15738,10 @@ async function applyVoucher(token, couponSale) {
 		price_cents: 0
 	};
 	shop.cart.addItem(createCartItem(createUITicket(voucherTicket), { quantity: 1 }));
-	shop.cart.addCoupon(token);
+	shop.cart.addCoupon({
+		code: token,
+		kind: "serviceVoucher"
+	});
 	return { success: true };
 }
 function fail(errors) {
@@ -32404,262 +32425,19 @@ var FILTER_NAMES = [
 	"coupon"
 ];
 //#endregion
-//#region src/components/ticketSelection/filters/ticket/timeslot.ts
-var filter$11 = {
-	name: "ticket:timeslot",
-	calendarEndpoint: "tickets",
-	apiToken: "time_slot",
-	requires: [{
-		kind: "tsd",
-		field: "selectedDate"
-	}, {
-		kind: "tsd",
-		field: "selectedTimeslot"
-	}],
-	isCalendarVisible: () => true,
-	isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
-	isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
-	async loadTimeslots(tsd) {
-		if (!tsd?.selectedDate) return;
-		const { quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-			by_bookable: true,
-			valid_at: tsd.selectedDate.toString(),
-			by_ticket_type: "time_slot",
-			"by_museum_ids[]": tsd.museumIds,
-			"by_exhibition_ids[]": tsd.exhibitionIds,
-			"by_ticket_ids[]": tsd.ticketIds,
-			"by_ticket_group_ids[]": tsd.ticketGroupIds
-		}));
-		shop.capacityManager.addQuotas(quotas);
-	},
-	async loadProducts(segment) {
-		const tsd = segment.ticketSelectionDetails;
-		if (!tsd?.selectedDate || !tsd.selectedTimeslot) return;
-		const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-			by_bookable: true,
-			valid_at: tsd.selectedDate.toString(),
-			by_ticket_type: "time_slot",
-			"by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
-			"by_exhibition_ids[]": tsd.exhibitionIds,
-			"by_ticket_ids[]": tsd.ticketIds,
-			"by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
-		}));
-		shop.capacityManager.addQuotas(quotas);
-		const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, tsd.selectedTime), tsd.selectedTime);
-		for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: tsd.selectedTime }));
-	}
-};
-//#endregion
-//#region src/components/ticketSelection/filters/ticket/day.ts
-var filter$10 = {
-	name: "ticket:day",
-	calendarEndpoint: "tickets",
-	apiToken: "normal",
-	requires: [{
-		kind: "tsd",
-		field: "selectedDate"
-	}],
-	isCalendarVisible: () => true,
-	isTimeslotsVisible: () => false,
-	isTicketsVisible: (tsd) => Boolean(tsd.selectedDate),
-	async loadTimeslots() {},
-	async loadProducts(segment) {
-		const tsd = segment.ticketSelectionDetails;
-		if (!tsd?.selectedDate) return;
-		const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-			by_bookable: true,
-			valid_at: tsd.selectedDate.toString(),
-			"by_ticket_types[]": ["normal"],
-			"by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
-			"by_exhibition_ids[]": tsd.exhibitionIds,
-			"by_ticket_ids[]": tsd.ticketIds,
-			"by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
-		}));
-		shop.capacityManager.addQuotas(quotas);
-		const firstQuota = Object.values(quotas)[0];
-		const timeslot = firstQuota ? Object.keys(firstQuota.capacities)[0] : void 0;
-		const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, timeslot), timeslot);
-		for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: timeslot }));
-	}
-};
-//#endregion
-//#region src/components/ticketSelection/filters/ticket/annual.ts
-var filter$9 = {
-	name: "ticket:annual",
-	calendarEndpoint: null,
-	apiToken: "annual",
-	requires: [],
-	isCalendarVisible: () => false,
-	isTimeslotsVisible: () => false,
-	isTicketsVisible: () => true,
-	async loadTimeslots() {},
-	async loadProducts(segment) {
-		const tsd = segment.ticketSelectionDetails;
-		if (!tsd) return;
-		const tickets = await shop.asyncFetch(() => shop.tickets({
-			by_bookable: true,
-			"by_ticket_types[]": ["annual"],
-			"by_ticket_ids[]": tsd.ticketIds,
-			"by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
-		}));
-		for (const t of Object.values(tickets)) segment.preCart.addItem(createCartItem(createUITicket(t)));
-	}
-};
-//#endregion
-//#region src/components/ticketSelection/filters/event/admission.ts
-var filter$8 = {
-	name: "event:admission",
-	calendarEndpoint: "events",
-	requires: [{
-		kind: "tsd",
-		field: "eventIds"
-	}, {
-		kind: "tsd",
-		field: "selectedDate"
-	}],
-	isCalendarVisible: () => true,
-	isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
-	isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
-	async loadTimeslots(tsd) {
-		if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
-		const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
-		if (!event.tickets?.length) return;
-		const { quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-			"by_ticket_ids[]": event.tickets,
-			by_bookable: true,
-			valid_at: tsd.selectedDate.toString()
-		}));
-		shop.capacityManager.addQuotas(quotas);
-	},
-	async loadProducts(segment) {
-		const tsd = segment.ticketSelectionDetails;
-		if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
-		if (!(await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]))).tickets?.length) return;
-		const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-			by_bookable: true,
-			valid_at: tsd.selectedDate.toString(),
-			date_id: segment.dateId
-		}));
-		shop.capacityManager.addQuotas(quotas);
-		const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, tsd.selectedTime), tsd.selectedTime);
-		for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: tsd.selectedTime }));
-	}
-};
-//#endregion
-//#region src/components/ticketSelection/filters/event/admission-day.ts
-var filter$7 = {
-	name: "event:admission:day",
-	calendarEndpoint: "events",
-	requires: [{
-		kind: "tsd",
-		field: "eventIds"
-	}, {
-		kind: "tsd",
-		field: "selectedDate"
-	}],
-	isCalendarVisible: () => true,
-	isTimeslotsVisible: () => false,
-	isTicketsVisible: (tsd) => Boolean(tsd.selectedDate),
-	async loadTimeslots() {},
-	async loadProducts(segment) {
-		const tsd = segment.ticketSelectionDetails;
-		if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
-		const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
-		if (!event.tickets?.length) return;
-		const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-			"by_ticket_ids[]": event.tickets,
-			"by_ticket_types[]": ["normal"],
-			by_bookable: true,
-			valid_at: tsd.selectedDate.toString()
-		}));
-		shop.capacityManager.addQuotas(quotas);
-		const firstQuota = Object.values(quotas)[0];
-		const time = firstQuota ? Object.keys(firstQuota.capacities)[0] : void 0;
-		const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, time), time);
-		for (const t of uiTickets) segment.preCart.addItem(createCartItem(t, { time }));
-	}
-};
-//#endregion
-//#region src/components/ticketSelection/filters/event/admission-timeslot.ts
-var filter$6 = {
-	name: "event:admission:timeslot",
-	calendarEndpoint: "events",
-	requires: [
-		{
-			kind: "tsd",
-			field: "eventIds"
-		},
-		{
-			kind: "tsd",
-			field: "selectedDate"
-		},
-		{
-			kind: "tsd",
-			field: "selectedTimeslot"
-		}
-	],
-	isCalendarVisible: () => true,
-	isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
-	isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
-	async loadTimeslots(tsd) {
-		if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
-		const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
-		if (!event.tickets?.length) return;
-		const { quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-			"by_ticket_ids[]": event.tickets,
-			by_ticket_type: "time_slot",
-			by_bookable: true,
-			valid_at: tsd.selectedDate.toString()
-		}));
-		shop.capacityManager.addQuotas(quotas);
-	},
-	async loadProducts(segment) {
-		const tsd = segment.ticketSelectionDetails;
-		if (!tsd?.eventIds?.length || !tsd.selectedDate || !tsd.selectedTimeslot) return;
-		const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
-		if (!event.tickets?.length) return;
-		const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-			"by_ticket_ids[]": event.tickets,
-			by_ticket_type: "time_slot",
-			by_bookable: true,
-			valid_at: tsd.selectedDate.toString()
-		}));
-		shop.capacityManager.addQuotas(quotas);
-		const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, tsd.selectedTime), tsd.selectedTime);
-		for (const t of uiTickets) segment.preCart.addItem(createCartItem(t, { time: tsd.selectedTime }));
-	}
-};
-//#endregion
-//#region src/components/ticketSelection/filters/event/price.ts
-var filter$5 = {
-	name: "event:price",
-	calendarEndpoint: "events",
-	requires: [{
-		kind: "tsd",
-		field: "eventIds"
-	}, {
-		kind: "segment",
-		field: "dateId"
-	}],
-	isCalendarVisible: () => false,
-	isTimeslotsVisible: () => false,
-	isTicketsVisible: (tsd) => Boolean(tsd.eventIds?.length),
-	loadTimeslots: async () => {},
-	async loadProducts(segment) {
-		const tsd = segment.ticketSelectionDetails;
-		if (!tsd?.eventIds?.length || segment.dateId === void 0) return;
-		const date = await shop.asyncFetch(() => shop.getEventDetailsOnDate(tsd.eventIds[0], segment.dateId));
-		if (!date.prices?.length) return;
-		for (const price of date.prices) {
-			const ticket = createUIEventTicket(price, date.id, { event_title: date.event_title });
-			segment.preCart.addItem(createCartItem(ticket, { time: date.start_time }));
-		}
-		if (date.seats) shop.capacityManager.addSeats(date.id, date.seats);
-	}
-};
-//#endregion
 //#region src/components/ticketSelection/filters/_helpers.ts
 var TWO_HOURS_MS = 7200 * 1e3;
+/**
+* Load quotas fetched by a filter's loadTimeslots into the shared quota store and
+* record which ticket ids this selection loaded for its picker. timeslotsOn() reads
+* tsd.timeslotTicketIds, so only these tickets' slots render — a foreign
+* segment/selection sharing the store can't leak in. Appends, so multiple active
+* filters accumulate within one render pass (<go-timeslots> resets the list first).
+*/
+function loadPickerQuotas(tsd, quotas) {
+	shop.capacityManager.addQuotas(quotas);
+	tsd.timeslotTicketIds = [...tsd.timeslotTicketIds, ...Object.values(quotas).flatMap((q) => q.ticket_ids)];
+}
 function filterDatesInWindow(dates, selectedDate, selectedTime) {
 	const selectedMs = Date.parse(selectedTime);
 	return dates.filter((d) => {
@@ -32679,18 +32457,251 @@ async function loadEventsTimeslots(tsd) {
 		"by_ticket_ids[]": tsd.ticketIds,
 		"by_ticket_group_ids[]": tsd.ticketGroupIds
 	}));
-	shop.capacityManager.addQuotas(quotas);
+	loadPickerQuotas(tsd, quotas);
 }
 //#endregion
 //#region src/components/ticketSelection/filters/registry.ts
 var REGISTRY = {
-	"ticket:timeslot": filter$11,
-	"ticket:day": filter$10,
-	"ticket:annual": filter$9,
-	"event:admission": filter$8,
-	"event:admission:day": filter$7,
-	"event:admission:timeslot": filter$6,
-	"event:price": filter$5,
+	"ticket:timeslot": {
+		name: "ticket:timeslot",
+		calendarEndpoint: "tickets",
+		apiToken: "time_slot",
+		requires: [{
+			kind: "tsd",
+			field: "selectedDate"
+		}, {
+			kind: "tsd",
+			field: "selectedTimeslot"
+		}],
+		isCalendarVisible: () => true,
+		isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
+		isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
+		async loadTimeslots(tsd) {
+			if (!tsd?.selectedDate) return;
+			const { quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+				by_bookable: true,
+				valid_at: tsd.selectedDate.toString(),
+				by_ticket_type: "time_slot",
+				"by_museum_ids[]": tsd.museumIds,
+				"by_exhibition_ids[]": tsd.exhibitionIds,
+				"by_ticket_ids[]": tsd.ticketIds,
+				"by_ticket_group_ids[]": tsd.ticketGroupIds
+			}));
+			loadPickerQuotas(tsd, quotas);
+		},
+		async loadProducts(segment) {
+			const tsd = segment.ticketSelectionDetails;
+			if (!tsd?.selectedDate || !tsd.selectedTimeslot) return;
+			const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+				by_bookable: true,
+				valid_at: tsd.selectedDate.toString(),
+				by_ticket_type: "time_slot",
+				"by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
+				"by_exhibition_ids[]": tsd.exhibitionIds,
+				"by_ticket_ids[]": tsd.ticketIds,
+				"by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
+			}));
+			shop.capacityManager.addQuotas(quotas);
+			const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, tsd.selectedTime), tsd.selectedTime);
+			for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: tsd.selectedTime }));
+		}
+	},
+	"ticket:day": {
+		name: "ticket:day",
+		calendarEndpoint: "tickets",
+		apiToken: "normal",
+		requires: [{
+			kind: "tsd",
+			field: "selectedDate"
+		}],
+		isCalendarVisible: () => true,
+		isTimeslotsVisible: () => false,
+		isTicketsVisible: (tsd) => Boolean(tsd.selectedDate),
+		async loadTimeslots() {},
+		async loadProducts(segment) {
+			const tsd = segment.ticketSelectionDetails;
+			if (!tsd?.selectedDate) return;
+			const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+				by_bookable: true,
+				valid_at: tsd.selectedDate.toString(),
+				"by_ticket_types[]": ["normal"],
+				"by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
+				"by_exhibition_ids[]": tsd.exhibitionIds,
+				"by_ticket_ids[]": tsd.ticketIds,
+				"by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
+			}));
+			shop.capacityManager.addQuotas(quotas);
+			const firstQuota = Object.values(quotas)[0];
+			const timeslot = firstQuota ? Object.keys(firstQuota.capacities)[0] : void 0;
+			const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, timeslot), timeslot);
+			for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: timeslot }));
+		}
+	},
+	"ticket:annual": {
+		name: "ticket:annual",
+		calendarEndpoint: null,
+		apiToken: "annual",
+		requires: [],
+		isCalendarVisible: () => false,
+		isTimeslotsVisible: () => false,
+		isTicketsVisible: () => true,
+		async loadTimeslots() {},
+		async loadProducts(segment) {
+			const tsd = segment.ticketSelectionDetails;
+			if (!tsd) return;
+			const tickets = await shop.asyncFetch(() => shop.tickets({
+				by_bookable: true,
+				"by_ticket_types[]": ["annual"],
+				"by_ticket_ids[]": tsd.ticketIds,
+				"by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
+			}));
+			for (const t of Object.values(tickets)) segment.preCart.addItem(createCartItem(createUITicket(t)));
+		}
+	},
+	"event:admission": {
+		name: "event:admission",
+		calendarEndpoint: "events",
+		requires: [{
+			kind: "tsd",
+			field: "eventIds"
+		}, {
+			kind: "tsd",
+			field: "selectedDate"
+		}],
+		isCalendarVisible: () => true,
+		isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
+		isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
+		async loadTimeslots(tsd) {
+			if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
+			const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
+			if (!event.tickets?.length) return;
+			const { quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+				"by_ticket_ids[]": event.tickets,
+				by_bookable: true,
+				valid_at: tsd.selectedDate.toString()
+			}));
+			loadPickerQuotas(tsd, quotas);
+		},
+		async loadProducts(segment) {
+			const tsd = segment.ticketSelectionDetails;
+			if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
+			if (!(await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]))).tickets?.length) return;
+			const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+				by_bookable: true,
+				valid_at: tsd.selectedDate.toString(),
+				date_id: segment.dateId
+			}));
+			shop.capacityManager.addQuotas(quotas);
+			const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, tsd.selectedTime), tsd.selectedTime);
+			for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: tsd.selectedTime }));
+		}
+	},
+	"event:admission:day": {
+		name: "event:admission:day",
+		calendarEndpoint: "events",
+		requires: [{
+			kind: "tsd",
+			field: "eventIds"
+		}, {
+			kind: "tsd",
+			field: "selectedDate"
+		}],
+		isCalendarVisible: () => true,
+		isTimeslotsVisible: () => false,
+		isTicketsVisible: (tsd) => Boolean(tsd.selectedDate),
+		async loadTimeslots() {},
+		async loadProducts(segment) {
+			const tsd = segment.ticketSelectionDetails;
+			if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
+			const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
+			if (!event.tickets?.length) return;
+			const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+				"by_ticket_ids[]": event.tickets,
+				"by_ticket_types[]": ["normal"],
+				by_bookable: true,
+				valid_at: tsd.selectedDate.toString()
+			}));
+			shop.capacityManager.addQuotas(quotas);
+			const firstQuota = Object.values(quotas)[0];
+			const time = firstQuota ? Object.keys(firstQuota.capacities)[0] : void 0;
+			const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, time), time);
+			for (const t of uiTickets) segment.preCart.addItem(createCartItem(t, { time }));
+		}
+	},
+	"event:admission:timeslot": {
+		name: "event:admission:timeslot",
+		calendarEndpoint: "events",
+		requires: [
+			{
+				kind: "tsd",
+				field: "eventIds"
+			},
+			{
+				kind: "tsd",
+				field: "selectedDate"
+			},
+			{
+				kind: "tsd",
+				field: "selectedTimeslot"
+			}
+		],
+		isCalendarVisible: () => true,
+		isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
+		isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
+		async loadTimeslots(tsd) {
+			if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
+			const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
+			if (!event.tickets?.length) return;
+			const { quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+				"by_ticket_ids[]": event.tickets,
+				by_ticket_type: "time_slot",
+				by_bookable: true,
+				valid_at: tsd.selectedDate.toString()
+			}));
+			loadPickerQuotas(tsd, quotas);
+		},
+		async loadProducts(segment) {
+			const tsd = segment.ticketSelectionDetails;
+			if (!tsd?.eventIds?.length || !tsd.selectedDate || !tsd.selectedTimeslot) return;
+			const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
+			if (!event.tickets?.length) return;
+			const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+				"by_ticket_ids[]": event.tickets,
+				by_ticket_type: "time_slot",
+				by_bookable: true,
+				valid_at: tsd.selectedDate.toString()
+			}));
+			shop.capacityManager.addQuotas(quotas);
+			const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, tsd.selectedTime), tsd.selectedTime);
+			for (const t of uiTickets) segment.preCart.addItem(createCartItem(t, { time: tsd.selectedTime }));
+		}
+	},
+	"event:price": {
+		name: "event:price",
+		calendarEndpoint: "events",
+		requires: [{
+			kind: "tsd",
+			field: "eventIds"
+		}, {
+			kind: "segment",
+			field: "dateId"
+		}],
+		isCalendarVisible: () => false,
+		isTimeslotsVisible: () => false,
+		isTicketsVisible: (tsd) => Boolean(tsd.eventIds?.length),
+		loadTimeslots: async () => {},
+		async loadProducts(segment) {
+			const tsd = segment.ticketSelectionDetails;
+			if (!tsd?.eventIds?.length || segment.dateId === void 0) return;
+			const date = await shop.asyncFetch(() => shop.getEventDetailsOnDate(tsd.eventIds[0], segment.dateId));
+			if (!date.prices?.length) return;
+			for (const price of date.prices) {
+				const ticket = createUIEventTicket(price, date.id, { event_title: date.event_title });
+				segment.preCart.addItem(createCartItem(ticket, { time: date.start_time }));
+			}
+			if (date.seats) shop.capacityManager.addSeats(date.id, date.seats);
+		}
+	},
 	"events:admission": {
 		name: "events:admission",
 		calendarEndpoint: "events",
@@ -32941,6 +32952,7 @@ var TicketSelectionDetails = class {
 	set selectedTimeslot(value) {
 		set(this.#selectedTimeslot, value, true);
 	}
+	timeslotTicketIds = [];
 	#selectedTime = /* @__PURE__ */ user_derived(() => this.selectedTimeslot);
 	get selectedTime() {
 		return get$2(this.#selectedTime);
@@ -36321,7 +36333,7 @@ var Details$1 = class {
 			this.timeslots = [];
 			return;
 		}
-		this.timeslots = shop.capacityManager.quotaManager.timeslotsOn(date).map((x) => ({
+		this.timeslots = shop.capacityManager.quotaManager.timeslotsOn(date, this.tsd?.timeslotTicketIds).map((x) => ({
 			...x,
 			startAt: x.timeSlot,
 			timeFormatted: x.timeSlot.substring(11, 16),
@@ -36343,6 +36355,7 @@ function Timeslots($$anchor, $$props) {
 		const filters = tsd.filters;
 		const date = tsd.selectedDate;
 		untrack(async () => {
+			tsd.timeslotTicketIds = [];
 			if (filters?.length && date) await Promise.all(filters.map((f) => getFilter(f).loadTimeslots(tsd)));
 			details.recalculateCapacities();
 		});