@gomusdev/web-components 3.7.0 → 3.8.0

package/README.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 3.8.0 (2026-06-22)
+
+### Features
+
+* **cart:** Wertgutschein value-voucher cart support
+
 ## 3.7.0 (2026-06-16)
 
 ### Features

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

@@ -12203,7 +12203,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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);
@@ -12263,6 +12266,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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.
 			*/
@@ -12279,10 +12288,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					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() {
@@ -12301,11 +12310,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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() {
@@ -14924,8 +14938,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	}
 	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);
@@ -14937,16 +14954,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				});
 				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);
@@ -14976,13 +14986,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		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);
@@ -14991,7 +14994,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			set(this.#preview, value, true);
 		}
 		get totalPriceCents() {
-			return this.displayCart?.totalPriceCents ?? 0;
+			return this.displayCart?.amountToPayCents ?? 0;
 		}
 		get subtotalPriceCents() {
 			return shop.cart?.totalPriceCents ?? 0;
@@ -15011,14 +15014,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					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;
@@ -15448,7 +15449,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		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);
@@ -15462,7 +15463,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					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) => {
@@ -15471,10 +15472,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				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);
@@ -15524,7 +15525,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		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() {
@@ -15542,6 +15543,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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,
@@ -15705,13 +15707,27 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	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);
@@ -15721,7 +15737,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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) {

package/dist-js/gomus-webcomponents.js

@@ -12202,7 +12202,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 +12265,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 +12287,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 +12309,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 +14937,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 +14953,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 +14985,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 +14993,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 +15013,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 +15448,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 +15462,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 +15471,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 +15524,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 +15542,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 +15706,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 +15736,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) {