@gomusdev/web-components 4.4.0 → 4.6.0

package/README.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 4.6.0 (2026-07-14)
+
+### Features
+
+* **go:** add go.api.getCustomerMemberships to the window API
+
+### Bug Fixes
+
+* **cart:** harden annual-ticket / service-voucher redemption
+
+## 4.5.0 (2026-07-13)
+
+### Features
+
+* **checkout:** split guest and signed-in checkout, gated by go-if, closes [#data](https://gitlab.giantmonkey.de/gomus/frontend/issues/data)
+
 ## 4.4.0 (2026-07-13)
 
 ### Features

package/dist-js/components/checkoutForm/CheckoutGuest.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist-js/components/checkoutForm/CheckoutUser.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist-js/gomus-webcomponents.iife.js

@@ -6554,12 +6554,12 @@ createHTML: (html) => {
 	//#endregion
 	//#region src/lib/stores/auth.svelte.ts
 	var Auth = class {
-		#data = {
+		#data = /* @__PURE__ */ state(proxy({
 			uid: "",
 			client: "",
 			accessToken: "",
 			expiry: 0
-		};
+		}));
 		constructor() {
 			this.load();
 			if (typeof window !== "undefined") window.addEventListener("storage", (e) => {
@@ -6571,34 +6571,39 @@ createHTML: (html) => {
 			if (this.isLoggedIn()) return 20;
 		}
 		isAuthenticated() {
-			return this.#data.uid !== "";
+			return this.data.uid !== "";
 		}
 		isLoggedIn() {
-			return Boolean(this.#data.uid && isEmail(this.#data.uid));
+			return Boolean(this.data.uid && isEmail(this.data.uid));
 		}
 		isGuest() {
-			return Boolean(this.#data.uid && !isEmail(this.#data.uid));
+			return Boolean(this.data.uid && !isEmail(this.data.uid));
 		}
 		signOut() {
-			this.#data.uid = "";
-			this.#data.client = "";
-			this.#data.accessToken = "";
-			this.#data.expiry = 0;
+			get$2(this.#data).uid = "";
+			get$2(this.#data).client = "";
+			get$2(this.#data).accessToken = "";
+			get$2(this.#data).expiry = 0;
 			this.save();
 		}
 		signIn(options) {
-			this.#data.uid = options.uid;
-			this.#data.client = options.client;
-			this.#data.accessToken = options.accessToken;
-			this.#data.expiry = options.expiry;
+			get$2(this.#data).uid = options.uid;
+			get$2(this.#data).client = options.client;
+			get$2(this.#data).accessToken = options.accessToken;
+			get$2(this.#data).expiry = options.expiry;
 			this.save();
 		}
 		get data() {
-			if (this.#data.expiry < Math.floor(Date.now() / 1e3)) this.signOut();
-			return this.#data;
+			if (get$2(this.#data).uid !== "" && get$2(this.#data).expiry < Math.floor(Date.now() / 1e3)) return {
+				uid: "",
+				client: "",
+				accessToken: "",
+				expiry: 0
+			};
+			return get$2(this.#data);
 		}
 		toString() {
-			return JSON.stringify(this.#data);
+			return JSON.stringify(get$2(this.#data));
 		}
 		save() {
 			if (typeof localStorage === "undefined") return;
@@ -6613,6 +6618,10 @@ createHTML: (html) => {
 			}
 			const d = JSON.parse(str);
 			if (!(isObject$2(d) && "uid" in d && "client" in d && "accessToken" in d && "expiry" in d)) throw new Error(`(Auth.loadFromString) invalid auth json ${str}`);
+			if (d.uid !== "" && d.expiry < Math.floor(Date.now() / 1e3)) {
+				this.signOut();
+				return;
+			}
 			this.signIn(d);
 		}
 	};
@@ -12270,6 +12279,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				if (isUITour(this.product)) segments.push(`tour: ${this.product.instanceKey}`);
 				if (this.display?.discounted) segments.push("discounted");
 				if (isMantleTicket(this.product) && this.mantle?.key) segments.push(`mantle_key: ${this.mantle.key}`);
+				if (this.voucher?.code) segments.push(`voucher_code: ${this.voucher.code}`);
 				return segments.length > 0 ? ` (${segments.join(", ")})` : "";
 			},
 			toString() {
@@ -12360,7 +12370,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				return createCartItem(createUITicket(cartItem.product, { selectedTime: cartItem.product.selectedTime }), {
 					time: cartItem.time,
 					quantity: cartItem.quantity,
-					mantle: cartItem.mantle
+					mantle: cartItem.mantle,
+					voucher: cartItem.voucher
 				});
 			case "Event":
 				if (!isStillValid(cartItem)) return;
@@ -12508,6 +12519,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			},
 			deleteItem(item) {
 				for (let i = this.items.length - 1; i >= 0; i--) if (this.items[i].uuid === item.uuid) this.items.splice(i, 1);
+				if (item?.voucher?.code && !this.items.some((i) => i.voucher?.code === item.voucher.code)) this.removeCoupon(item.voucher.code);
 			},
 			addItem(item) {
 				const existingItem = this.items.find((i) => i.uuid === item.uuid);
@@ -12526,7 +12538,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			removeCoupon(code) {
 				const upper = code.toUpperCase();
 				const index = this.coupons.findIndex((c) => c.code === upper);
-				if (index > -1) this.coupons.splice(index, 1);
+				if (index > -1) {
+					const [removed] = this.coupons.splice(index, 1);
+					if (removed.kind === "serviceVoucher") {
+						for (let i = this.items.length - 1; i >= 0; i--) if (this.items[i].voucher?.code === upper) this.items.splice(i, 1);
+					}
+				}
 			},
 			clearCoupons() {
 				while (this.coupons.length > 0) this.coupons.pop();
@@ -13624,6 +13641,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	var MEMBERSHIP_ACTIVATION_ENDPOINT = "/api/v4/customer/memberships/activate";
 	var ORDERS_ENDPOINT = "/api/v4/orders";
 	var CUSTOMER_ADDRESSES_ENDPOINT = "/api/v4/customer/customer_addresses";
+	var CUSTOMER_MEMBERSHIPS_ENDPOINT = "/api/v4/customer/memberships";
 	//#endregion
 	//#region ../../packages/gomus-api/lib/customerLevels.ts
 	var CustomerLevels = {
@@ -13749,6 +13767,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			if (!this.auth.data.accessToken) return NOT_SIGNED_IN;
 			return this.fetchAndCache(CUSTOMER_ADDRESSES_ENDPOINT, "customerAddresses", "", { cache: 5 });
 		}
+		getCustomerMemberships() {
+			if (!this.auth.data.accessToken) return NOT_SIGNED_IN;
+			return this.fetchAndCache(CUSTOMER_MEMBERSHIPS_ENDPOINT, "customerMemberships", "", { cache: 5 });
+		}
 		ticketsCalendar(params) {
 			return this.fetchAndCache(TICKETS_CALENDAR_ENDPOINT, `ticketsCalendar-${JSON.stringify(params)}`, "data", {
 				cache: 60,
@@ -13946,7 +13968,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			});
 		}
 		getCouponSaleByBarcode(token) {
-			return this.fetchAndCache(`/api/v4/coupon_sales/barcode/${token}`, `coupon_sale_barcode_${token}`, "coupon_sale");
+			return this.fetchAndCache(`/api/v4/coupon_sales/barcode/${token}`, `coupon_sale_barcode_${token}`, "coupon_sale", { cache: 0 });
 		}
 		getCoupons() {
 			return this.fetchAndCache("/api/v4/coupons", "coupons", "coupons", { query: {
@@ -15205,8 +15227,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	}
 	function createDisplayCartItem(cartItem, attrs) {
 		const quantity = isUITour(cartItem.product) ? 1 : resolveApiQuantity(attrs);
-		const displayPrice = attrs.price_cents ?? cartItem.product.price_cents;
 		const originalPrice = cartItem.product.price_cents;
+		const displayPrice = originalPrice === 0 ? 0 : attrs.price_cents ?? originalPrice;
 		const discounted = displayPrice < originalPrice;
 		return createCartItem({
 			...cartItem.product,
@@ -15214,6 +15236,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}, {
 			quantity,
 			time: cartItem.time,
+			voucher: cartItem.voucher,
 			mantle: cartItem.mantle,
 			display: {
 				discounted,
@@ -17827,10 +17850,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	var root$47 = /* @__PURE__ */ from_html(`<s class="go-cart-item-price-original"> </s> <span class="go-cart-item-price-discounted"> </span>`, 1);
 	var root_1$15 = /* @__PURE__ */ from_html(`<span class="go-cart-item-price-discounted"> </span>`);
 	var root_2$11 = /* @__PURE__ */ from_html(`<span data-testid="cart-item-participant-count"> </span>`);
-	var root_3$8 = /* @__PURE__ */ from_html(`<span> </span>`);
-	var root_4$4 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove"><button class="go-cart-remove">⨉</button></li>`);
-	var root_5$2 = /* @__PURE__ */ from_html(`<ul class="go-sub-tickets" role="list"></ul>`);
-	var root_6$2 = /* @__PURE__ */ from_html(`<article class="go-cart-item-content"><ul><li class="go-cart-item-title-container"><!></li> <li class="go-cart-item-price"><!></li> <li class="go-cart-item-count"><!></li> <!> <li class="go-cart-item-sum"> </li></ul></article> <!>`, 1);
+	var root_3$8 = /* @__PURE__ */ from_html(`<span data-testid="cart-item-voucher-quantity"> </span>`);
+	var root_4$4 = /* @__PURE__ */ from_html(`<span> </span>`);
+	var root_5$2 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove"><button class="go-cart-remove">⨉</button></li>`);
+	var root_6$2 = /* @__PURE__ */ from_html(`<ul class="go-sub-tickets" role="list"></ul>`);
+	var root_7$2 = /* @__PURE__ */ from_html(`<article class="go-cart-item-content"><ul><li class="go-cart-item-title-container"><!></li> <li class="go-cart-item-price"><!></li> <li class="go-cart-item-count"><!></li> <!> <li class="go-cart-item-sum"> </li></ul></article> <!>`, 1);
 	function Item$1($$anchor, $$props) {
 		push($$props, true);
 		let displayItem = prop($$props, "displayItem", 7), displayCart = prop($$props, "displayCart", 7), preview = prop($$props, "preview", 7);
@@ -17895,8 +17919,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		};
 		var fragment = comment();
 		var node = first_child(fragment);
-		var consequent_9 = ($$anchor) => {
-			var fragment_1 = root_6$2();
+		var consequent_10 = ($$anchor) => {
+			var fragment_1 = root_7$2();
 			var article = first_child(fragment_1);
 			var ul = child(article);
 			var li = child(ul);
@@ -17972,6 +17996,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				template_effect(() => set_text(text_4, displayItem().quantity));
 				append($$anchor, span_3);
 			};
+			var consequent_7 = ($$anchor) => {
+				var span_4 = root_4$4();
+				var text_5 = child(span_4, true);
+				reset(span_4);
+				template_effect(() => set_text(text_5, displayItem().quantity));
+				append($$anchor, span_4);
+			};
 			var alternate_1 = ($$anchor) => {
 				{
 					let $0 = /* @__PURE__ */ user_derived(() => displayItem().quantity ?? 0);
@@ -17995,13 +18026,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			};
 			if_block(node_3, ($$render) => {
 				if (displayItem().product.type === "Tour") $$render(consequent_5);
-				else if (preview()) $$render(consequent_6, 1);
+				else if (displayItem().voucher?.code) $$render(consequent_6, 1);
+				else if (preview()) $$render(consequent_7, 2);
 				else $$render(alternate_1, -1);
 			});
 			reset(li_2);
 			var node_4 = sibling(li_2, 2);
-			var consequent_7 = ($$anchor) => {
-				var li_3 = root_4$4();
+			var consequent_8 = ($$anchor) => {
+				var li_3 = root_5$2();
 				var button = child(li_3);
 				reset(li_3);
 				template_effect(($0) => set_attribute(button, "aria-label", $0), [() => shop.t("cart.item.remove")]);
@@ -18009,16 +18041,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				append($$anchor, li_3);
 			};
 			if_block(node_4, ($$render) => {
-				if (!preview()) $$render(consequent_7);
+				if (!preview()) $$render(consequent_8);
 			});
 			var li_4 = sibling(node_4, 2);
-			var text_5 = child(li_4, true);
+			var text_6 = child(li_4, true);
 			reset(li_4);
 			reset(ul);
 			reset(article);
 			var node_5 = sibling(article, 2);
-			var consequent_8 = ($$anchor) => {
-				var ul_1 = root_5$2();
+			var consequent_9 = ($$anchor) => {
+				var ul_1 = root_6$2();
 				each(ul_1, 21, () => subTicketDefs(get$2(mantleProduct)), (sub) => sub.id, ($$anchor, sub) => {
 					{
 						let $0 = /* @__PURE__ */ user_derived(() => displayItem().mantle?.composition?.[get$2(sub).id] ?? 0);
@@ -18044,13 +18076,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				append($$anchor, ul_1);
 			};
 			if_block(node_5, ($$render) => {
-				if (get$2(mantleProduct)) $$render(consequent_8);
+				if (get$2(mantleProduct)) $$render(consequent_9);
 			});
-			template_effect(($0) => set_text(text_5, $0), [() => formatCurrency(displayItem().total_price_cents)]);
+			template_effect(($0) => set_text(text_6, $0), [() => formatCurrency(displayItem().total_price_cents)]);
 			append($$anchor, fragment_1);
 		};
 		if_block(node, ($$render) => {
-			if (get$2(capacity)) $$render(consequent_9);
+			if (get$2(capacity)) $$render(consequent_10);
 		});
 		append($$anchor, fragment);
 		return pop($$exports);
@@ -18331,11 +18363,23 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	}
 	customElements.define("go-cart-counter", create_custom_element(CartCounter, {}, [], []));
 	//#endregion
-	//#region src/components/checkoutForm/CheckoutForm.svelte
-	function CheckoutForm($$anchor, $$props) {
-		push($$props, true);
-		let custom = prop($$props, "custom", 7, false);
-		let cart = /* @__PURE__ */ user_derived(() => shop.cart);
+	//#region src/components/checkoutForm/lib.ts
+	async function finalizeCheckout(form, formId) {
+		const cart = shop.cart;
+		if (!cart) return;
+		const paymentMode = form.details.fieldValue("paymentMode");
+		cart.paymentModeId = paymentMode == null ? void 0 : String(paymentMode);
+		const checkout = await shop.checkout(cart.orderData());
+		if (checkout.error) {
+			form.details.apiErrors = checkout.error;
+			return;
+		}
+		const beforeSubmit = configStore.config.forms[formId]?.beforeSubmit;
+		if (beforeSubmit) await beforeSubmit(form.details.formData);
+		const paymentUrl = checkout.data.meta.payment_url;
+		configStore.config.navigateTo?.(paymentUrl);
+	}
+	function setupGuestCheckout(host, custom) {
 		Forms.defineForm({
 			id: "checkoutGuest",
 			submitLabel: "cart.detail.actions.checkout",
@@ -18366,30 +18410,48 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				}
 			]
 		});
-		wrapInElement($$props.$$host, "go-form", {
+		wrapInElement(host, "go-form", {
 			"form-id": "checkoutGuest",
-			custom: custom()
+			custom
 		});
-		$$props.$$host.addEventListener("submit", async (e) => {
+		host.addEventListener("submit", async (e) => {
 			const form = e.target;
-			if (!get$2(cart)) return;
+			if (!shop.cart) return;
 			const auth = await shop.signUp(form.details.formData, true);
 			if (auth.error) {
 				form.details.apiErrors = auth.error.errors;
 				return;
 			}
-			const paymentMode = form.details.fieldValue("paymentMode");
-			get$2(cart).paymentModeId = paymentMode == null ? void 0 : String(paymentMode);
-			const checkout = await shop.checkout(get$2(cart).orderData());
-			if (checkout.error) {
-				form.details.apiErrors = checkout.error;
-				return;
-			}
-			const beforeSubmit = configStore.config.forms.checkoutGuest?.beforeSubmit;
-			if (beforeSubmit) await beforeSubmit(form.details.formData);
-			const paymentUrl = checkout.data.meta.payment_url;
-			configStore.config.navigateTo?.(paymentUrl);
+			await finalizeCheckout(form, "checkoutGuest");
+		});
+	}
+	function setupUserCheckout(host, custom) {
+		Forms.defineForm({
+			id: "checkoutUser",
+			submitLabel: "cart.detail.actions.checkout",
+			fields: [{
+				key: "acceptTerms",
+				required: true
+			}, {
+				key: "paymentMode",
+				required: true
+			}]
+		});
+		wrapInElement(host, "go-form", {
+			"form-id": "checkoutUser",
+			custom
 		});
+		host.addEventListener("submit", async (e) => {
+			const form = e.target;
+			await finalizeCheckout(form, "checkoutUser");
+		});
+	}
+	//#endregion
+	//#region src/components/checkoutForm/CheckoutForm.svelte
+	function CheckoutForm($$anchor, $$props) {
+		push($$props, true);
+		let custom = prop($$props, "custom", 7, false);
+		setupGuestCheckout($$props.$$host, custom());
 		return pop({
 			get custom() {
 				return custom();
@@ -18402,6 +18464,40 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	}
 	customElements.define("go-checkout-form", create_custom_element(CheckoutForm, { custom: {} }, [], []));
 	//#endregion
+	//#region src/components/checkoutForm/CheckoutGuest.svelte
+	function CheckoutGuest($$anchor, $$props) {
+		push($$props, true);
+		let custom = prop($$props, "custom", 7, false);
+		setupGuestCheckout($$props.$$host, custom());
+		return pop({
+			get custom() {
+				return custom();
+			},
+			set custom($$value = false) {
+				custom($$value);
+				flushSync();
+			}
+		});
+	}
+	customElements.define("go-checkout-guest", create_custom_element(CheckoutGuest, { custom: {} }, [], []));
+	//#endregion
+	//#region src/components/checkoutForm/CheckoutUser.svelte
+	function CheckoutUser($$anchor, $$props) {
+		push($$props, true);
+		let custom = prop($$props, "custom", 7, false);
+		setupUserCheckout($$props.$$host, custom());
+		return pop({
+			get custom() {
+				return custom();
+			},
+			set custom($$value = false) {
+				custom($$value);
+				flushSync();
+			}
+		});
+	}
+	customElements.define("go-checkout-user", create_custom_element(CheckoutUser, { custom: {} }, [], []));
+	//#endregion
 	//#region src/components/couponRedemption/lib.ts
 	var APPLY_ORDER_DISCOUNT = "TokenActions::ApplyOrderDiscount";
 	async function redeem(token) {
@@ -18429,15 +18525,21 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		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);
+		const code = token.toUpperCase();
+		if (shop.cart.coupons.some((c) => c.code === code)) return { success: true };
+		const tickets = await shop.asyncFetch(() => shop.tickets({ "by_ticket_ids[]": [couponSale.is_voucher_for] }));
+		const ticket = Array.isArray(tickets) ? tickets.find((t) => t.id === couponSale.is_voucher_for) : void 0;
 		if (!ticket) return fail([shop.t("cart.coupon.form.errors.error")]);
 		const voucherTicket = {
 			...ticket,
 			price_cents: 0
 		};
-		shop.cart.addItem(createCartItem(createUITicket(voucherTicket), { quantity: 1 }));
+		shop.cart.addItem(createCartItem(createUITicket(voucherTicket), {
+			quantity: 1,
+			voucher: { code }
+		}));
 		shop.cart.addCoupon({
-			code: token,
+			code,
 			kind: "serviceVoucher"
 		});
 		return { success: true };
@@ -35760,12 +35862,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		const formDetails = /* @__PURE__ */ user_derived(() => _formDetails.value);
 		const _cartView = getCartDetails($$props.$$host);
 		const cartView = /* @__PURE__ */ user_derived(() => _cartView.value);
+		const auth = shop.auth;
 		let data = /* @__PURE__ */ user_derived(() => ({
 			ticketSelection: get$2(ticketSelectionDetails),
 			personalizationDetails: get$2(personalizationDetails),
 			formData: get$2(formDetails)?.formData,
 			cart: shop.cart,
-			cartView: get$2(cartView)
+			cartView: get$2(cartView),
+			auth: {
+				isAuthenticated: auth.isAuthenticated(),
+				isLoggedIn: auth.isLoggedIn(),
+				isGuest: auth.isGuest()
+			}
 		}));
 		const _setData = (_data) => {
 			set(data, _data);
@@ -38133,6 +38241,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			getCustomerAddresses: async () => {
 				await ensureShopReady();
 				return shop.asyncFetch(() => shop.getCustomerAddresses());
+			},
+			getCustomerMemberships: async () => {
+				await ensureShopReady();
+				return shop.asyncFetch(() => shop.getCustomerMemberships());
 			}
 		},
 		cart: { addTour: async (options) => {