@gomusdev/web-components 3.5.0 → 3.7.0

package/README.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 3.7.0 (2026-06-16)
+
+### Features
+
+* **interactive-editor:** add HTML/CSS/JS tab navigation
+
+## 3.6.0 (2026-06-15)
+
+### Features
+
+* **ticket-selection:** add coupons:giftcard filter for selling gift cards
+
+### Bug Fixes
+
+* **models:** make product type guards null/undefined-safe
+
 ## 3.5.0 (2026-06-15)
 
 ### Features

package/dist-js/components/cart/components/itemTitles/Coupon.svelte.d.ts

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

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

@@ -7193,7 +7193,7 @@ createHTML: (html) => {
 	/** Returns a regex for validating an RFC 9562/4122 UUID.
 	*
 	* @param version Optionally specify a version 1-8. If no version is specified, all versions are supported. */
-	var uuid$2 = (version) => {
+	var uuid = (version) => {
 		if (!version) return /^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-8][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}|00000000-0000-0000-0000-000000000000|ffffffff-ffff-ffff-ffff-ffffffffffff)$/;
 		return new RegExp(`^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-${version}[0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12})$`);
 	};
@@ -7761,8 +7761,8 @@ createHTML: (html) => {
 				v8: 8
 			}[def.version];
 			if (v === void 0) throw new Error(`Invalid UUID version: "${def.version}"`);
-			def.pattern ?? (def.pattern = uuid$2(v));
-		} else def.pattern ?? (def.pattern = uuid$2());
+			def.pattern ?? (def.pattern = uuid(v));
+		} else def.pattern ?? (def.pattern = uuid());
 		$ZodStringFormat.init(inst, def);
 	});
 	var $ZodEmail = /*@__PURE__*/ $constructor("$ZodEmail", (inst, def) => {
@@ -11787,14 +11787,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	}
 	//#endregion
 	//#region src/lib/models/ticket/UITicket.svelte.ts
-	var uuid$1 = 1;
 	function isUITicket(x) {
-		return x.type === "Ticket";
+		return x?.type === "Ticket";
 	}
 	function createUITicket(apiTicket, options) {
 		return {
 			...apiTicket,
-			uid: uuid$1++,
 			selectedTime: options?.selectedTime ?? "",
 			type: "Ticket",
 			subtype: {
@@ -11837,12 +11835,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	//#endregion
 	//#region src/lib/models/eventTicket/UIEventTicket.svelte.ts
 	function isEventTicket(x) {
-		return x.type === "Event";
+		return x?.type === "Event";
 	}
 	function isScaleEventTicket(x) {
 		return isEventTicket(x) && x.subtype === "scale";
 	}
-	var uuid = 1;
 	function buildUIEventTicket(apiTicket, dateId, options) {
 		const product = {
 			type: "Event",
@@ -11860,7 +11857,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			options.price_description = apiTicket.description || "";
 		}
 		return {
-			uid: uuid++,
 			dateId,
 			minAvailableCapacity: 0,
 			selectedTime: "",
@@ -12060,6 +12056,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						};
 						default: throw new Error(`(orderAttributes) Unhandled Event subtype: ${product}`);
 					}
+					case "Coupon": return {
+						...base,
+						quantity: this.quantity
+					};
 					default: throw new Error(`(orderAttributes) Unhandled product type: ${product}`);
 				}
 			},
@@ -12128,6 +12128,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}
 	}
 	//#endregion
+	//#region src/lib/models/coupon/UICoupon.svelte.ts
+	/**
+	* A purchasable coupon (German "Wertgutschein" = value voucher / gift card).
+	*
+	* Unlike tickets and event prices, a coupon is a fixed-value product: the API
+	* returns predefined coupons and the order payload (`coupon_cart_item`) only
+	* carries `id` + `quantity`. `coupon_index` has no `description`, so we default
+	* it to an empty string to satisfy the shared `BaseProduct` shape.
+	*/
+	function createUICoupon(apiCoupon) {
+		return {
+			...apiCoupon,
+			description: "",
+			tax_included: true,
+			type: "Coupon"
+		};
+	}
+	//#endregion
 	//#region src/lib/models/cart/localStorage.svelte.ts
 	var KEY$7 = "go-cart";
 	var persistCart = (items, coupons) => localStorage.setItem(KEY$7, JSON.stringify({
@@ -12150,6 +12168,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					time: cartItem.time,
 					quantity: cartItem.quantity
 				});
+			case "Coupon": return createCartItem(createUICoupon(cartItem.product), { quantity: cartItem.quantity });
 			default: throw new Error(`Unhandled case: ${type}`);
 		}
 	}
@@ -12394,6 +12413,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							case "scale": return "seats";
 							default: throw new Error(`(getMaxAvailability) Unhandled case: ${subtype2}`);
 						}
+					case "Coupon": return "unlimited";
 					default: throw new Error(`(getMaxAvailability) Unhandled case: ${type}`);
 				}
 			},
@@ -13667,6 +13687,9 @@ 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");
 		}
+		getCoupons() {
+			return this.fetchAndCache("/api/v4/coupons", "coupons", "coupons", { query: { online_available: true } });
+		}
 		getEventDetailsOnDate(eventId, dateId) {
 			return this.fetchAndCache(`/api/v4/events/${eventId}/dates/${dateId}`, `/api/v4/events/${eventId}/dates/${dateId}`, "date");
 		}
@@ -13936,7 +13959,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	var getPersonalizationDetails = createGetDetails(KEY$5);
 	//#endregion
 	//#region src/components/annualTicketPersonalization/components/AnnualTicketPersonalization.svelte
-	var root$51 = /* @__PURE__ */ from_html(`<li><a> </a></li>`);
+	var root$52 = /* @__PURE__ */ from_html(`<li><a> </a></li>`);
 	var root_1$17 = /* @__PURE__ */ from_html(`<ul class="go-annual-ticket"><li class="go-annual-ticket-title"> </li> <li class="go-annual-ticket-personalization-count"> </li> <!></ul>`);
 	function AnnualTicketPersonalization($$anchor, $$props) {
 		push($$props, true);
@@ -13971,7 +13994,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				reset(li_1);
 				var node_2 = sibling(li_1, 2);
 				var consequent = ($$anchor) => {
-					var li_2 = root$51();
+					var li_2 = root$52();
 					var a = child(li_2);
 					var text_2 = child(a, true);
 					reset(a);
@@ -14646,7 +14669,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	}
 	//#endregion
 	//#region src/components/forms/ui/generic/Form.svelte
-	var root$50 = /* @__PURE__ */ from_html(`<go-all-fields></go-all-fields> <go-form-feedback><go-errors-feedback></go-errors-feedback> <go-success-feedback></go-success-feedback></go-form-feedback> <go-submit> </go-submit>`, 3);
+	var root$51 = /* @__PURE__ */ from_html(`<go-all-fields></go-all-fields> <go-form-feedback><go-errors-feedback></go-errors-feedback> <go-success-feedback></go-success-feedback></go-form-feedback> <go-submit> </go-submit>`, 3);
 	function Form($$anchor, $$props) {
 		push($$props, true);
 		let formId = prop($$props, "formId", 7), custom = prop($$props, "custom", 7);
@@ -14691,7 +14714,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		var fragment = comment();
 		var node = first_child(fragment);
 		var consequent = ($$anchor) => {
-			var fragment_1 = root$50();
+			var fragment_1 = root$51();
 			var go_submit = sibling(sibling(first_child(fragment_1), 2), 2);
 			var text = child(go_submit, true);
 			reset(go_submit);
@@ -14718,7 +14741,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	}, [], ["details"]));
 	//#endregion
 	//#region src/components/auth/passwordReset/PasswordReset.svelte
-	var root$49 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+	var root$50 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 	function PasswordReset($$anchor, $$props) {
 		push($$props, true);
 		let custom = prop($$props, "custom", 7, false);
@@ -14751,7 +14774,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				flushSync();
 			}
 		};
-		var go_form = root$49();
+		var go_form = root$50();
 		set_custom_element_data(go_form, "formId", "passwordReset");
 		template_effect(() => set_custom_element_data(go_form, "custom", custom()));
 		event("submit", go_form, passwordReset);
@@ -15006,6 +15029,29 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	var setCartDetails = createSetDetails(KEY$3);
 	var getCartDetails = createGetDetails(KEY$3);
 	//#endregion
+	//#region src/components/cart/components/itemTitles/Coupon.svelte
+	var root$49 = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"> </span>`);
+	function Coupon($$anchor, $$props) {
+		push($$props, true);
+		let cartItem = prop($$props, "cartItem", 7);
+		var $$exports = {
+			get cartItem() {
+				return cartItem();
+			},
+			set cartItem($$value) {
+				cartItem($$value);
+				flushSync();
+			}
+		};
+		var span = root$49();
+		var text = child(span, true);
+		reset(span);
+		template_effect(() => set_text(text, cartItem().product.title));
+		append($$anchor, span);
+		return pop($$exports);
+	}
+	create_custom_element(Coupon, { cartItem: {} }, [], [], { mode: "open" });
+	//#endregion
 	//#region src/components/cart/components/itemTitles/Event.svelte
 	var root$48 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span><span class="go-cart-item-time" data-testid="cart-item-time"> </span>`, 1);
 	var root_1$16 = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"><span class="go-cart-item-title-event-title"> </span><span class="go-cart-item-title-ticket-title"> </span></span><!>`, 1);
@@ -15097,7 +15143,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				append($$anchor, span_2);
 			};
 			if_block(node_1, ($$render) => {
-				if (cartItem().product.subtype === "timeslot") $$render(consequent);
+				if (cartItem().product.type === "Ticket" && cartItem().product.subtype === "timeslot") $$render(consequent);
 			});
 			template_effect(($0) => set_text(text_1, $0), [() => formatDate(cartItem().time, {
 				month: "numeric",
@@ -15197,7 +15243,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		};
 		var fragment = comment();
 		var node = first_child(fragment);
-		var consequent_5 = ($$anchor) => {
+		var consequent_6 = ($$anchor) => {
 			var article = root_6$2();
 			var ul = child(article);
 			var li = child(ul);
@@ -15212,16 +15258,22 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					return displayItem();
 				} });
 			};
+			var consequent_2 = ($$anchor) => {
+				Coupon($$anchor, { get cartItem() {
+					return displayItem();
+				} });
+			};
 			if_block(node_1, ($$render) => {
 				if (displayItem().product.type === "Ticket") $$render(consequent);
 				else if (displayItem().product.type === "Event") $$render(consequent_1, 1);
+				else if (displayItem().product.type === "Coupon") $$render(consequent_2, 2);
 			});
 			reset(li);
 			var li_1 = sibling(li, 2);
 			var node_2 = child(li_1);
-			var consequent_2 = ($$anchor) => {
-				var fragment_3 = root$46();
-				var s = first_child(fragment_3);
+			var consequent_3 = ($$anchor) => {
+				var fragment_4 = root$46();
+				var s = first_child(fragment_4);
 				var text = child(s, true);
 				reset(s);
 				var span = sibling(s, 2);
@@ -15231,7 +15283,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					set_text(text, $0);
 					set_text(text_1, $1);
 				}, [() => formatCurrency(displayItem().display.originalPrice), () => formatCurrency(displayItem().final_price_cents)]);
-				append($$anchor, fragment_3);
+				append($$anchor, fragment_4);
 			};
 			var alternate = ($$anchor) => {
 				var span_1 = root_1$14();
@@ -15241,13 +15293,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				append($$anchor, span_1);
 			};
 			if_block(node_2, ($$render) => {
-				if (displayItem().display?.discounted) $$render(consequent_2);
+				if (displayItem().display?.discounted) $$render(consequent_3);
 				else $$render(alternate, -1);
 			});
 			reset(li_1);
 			var li_2 = sibling(li_1, 2);
 			var node_3 = child(li_2);
-			var consequent_3 = ($$anchor) => {
+			var consequent_4 = ($$anchor) => {
 				var span_2 = root_2$10();
 				var text_3 = child(span_2, true);
 				reset(span_2);
@@ -15274,12 +15326,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				append($$anchor, select);
 			};
 			if_block(node_3, ($$render) => {
-				if (preview()) $$render(consequent_3);
+				if (preview()) $$render(consequent_4);
 				else $$render(alternate_1, -1);
 			});
 			reset(li_2);
 			var node_4 = sibling(li_2, 2);
-			var consequent_4 = ($$anchor) => {
+			var consequent_5 = ($$anchor) => {
 				var li_3 = root_5$2();
 				var button = child(li_3);
 				reset(li_3);
@@ -15288,7 +15340,7 @@ 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_4);
+				if (!preview()) $$render(consequent_5);
 			});
 			var li_4 = sibling(node_4, 2);
 			var text_5 = child(li_4, true);
@@ -15299,7 +15351,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			append($$anchor, article);
 		};
 		if_block(node, ($$render) => {
-			if (get$2(capacity)) $$render(consequent_5);
+			if (get$2(capacity)) $$render(consequent_6);
 		});
 		append($$anchor, fragment);
 		return pop($$exports);
@@ -32349,11 +32401,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		"events:admission",
 		"events:admission:day",
 		"events:admission:timeslot",
-		"events:price"
+		"events:price",
+		"coupon"
 	];
 	//#endregion
 	//#region src/components/ticketSelection/filters/ticket/timeslot.ts
-	var filter$10 = {
+	var filter$11 = {
 		name: "ticket:timeslot",
 		calendarEndpoint: "tickets",
 		apiToken: "time_slot",
@@ -32399,7 +32452,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	};
 	//#endregion
 	//#region src/components/ticketSelection/filters/ticket/day.ts
-	var filter$9 = {
+	var filter$10 = {
 		name: "ticket:day",
 		calendarEndpoint: "tickets",
 		apiToken: "normal",
@@ -32432,7 +32485,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	};
 	//#endregion
 	//#region src/components/ticketSelection/filters/ticket/annual.ts
-	var filter$8 = {
+	var filter$9 = {
 		name: "ticket:annual",
 		calendarEndpoint: null,
 		apiToken: "annual",
@@ -32455,7 +32508,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	};
 	//#endregion
 	//#region src/components/ticketSelection/filters/event/admission.ts
-	var filter$7 = {
+	var filter$8 = {
 		name: "event:admission",
 		calendarEndpoint: "events",
 		requires: [{
@@ -32495,7 +32548,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	};
 	//#endregion
 	//#region src/components/ticketSelection/filters/event/admission-day.ts
-	var filter$6 = {
+	var filter$7 = {
 		name: "event:admission:day",
 		calendarEndpoint: "events",
 		requires: [{
@@ -32529,7 +32582,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	};
 	//#endregion
 	//#region src/components/ticketSelection/filters/event/admission-timeslot.ts
-	var filter$5 = {
+	var filter$6 = {
 		name: "event:admission:timeslot",
 		calendarEndpoint: "events",
 		requires: [
@@ -32579,7 +32632,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	};
 	//#endregion
 	//#region src/components/ticketSelection/filters/event/price.ts
-	var filter$4 = {
+	var filter$5 = {
 		name: "event:price",
 		calendarEndpoint: "events",
 		requires: [{
@@ -32632,13 +32685,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	//#endregion
 	//#region src/components/ticketSelection/filters/registry.ts
 	var REGISTRY = {
-		"ticket:timeslot": filter$10,
-		"ticket:day": filter$9,
-		"ticket:annual": filter$8,
-		"event:admission": filter$7,
-		"event:admission:day": filter$6,
-		"event:admission:timeslot": filter$5,
-		"event:price": filter$4,
+		"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,
 		"events:admission": {
 			name: "events:admission",
 			calendarEndpoint: "events",
@@ -32807,6 +32860,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					if (date.seats) shop.capacityManager.addSeats(date.id, date.seats);
 				}
 			}
+		},
+		coupon: {
+			name: "coupon",
+			calendarEndpoint: null,
+			requires: [],
+			isCalendarVisible: () => false,
+			isTimeslotsVisible: () => false,
+			isTicketsVisible: () => true,
+			loadTimeslots: async () => {},
+			async loadProducts(segment) {
+				const coupons = await shop.asyncFetch(() => shop.getCoupons());
+				for (const coupon of coupons ?? []) segment.preCart.addItem(createCartItem(createUICoupon(coupon)));
+			}
 		}
 	};
 	function getFilter(name) {