@gomusdev/web-components 4.4.0 → 4.6.0

package/dist-js/gomus-webcomponents.js

@@ -6553,12 +6553,12 @@ var assign = (initial, override) => {
 //#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) => {
@@ -6570,34 +6570,39 @@ var Auth = class {
 		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;
@@ -6612,6 +6617,10 @@ var Auth = class {
 		}
 		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);
 	}
 };
@@ -12269,6 +12278,7 @@ function createCartItem(product, options) {
 			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() {
@@ -12359,7 +12369,8 @@ function generateCartItem(cartItem) {
 			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;
@@ -12507,6 +12518,7 @@ function createCart(products, contingent = 20) {
 		},
 		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);
@@ -12525,7 +12537,12 @@ function createCart(products, contingent = 20) {
 		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();
@@ -13623,6 +13640,7 @@ var WITHDRAWAL_ENDPOINT = "/api/v4/orders/withdrawals";
 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 = {
@@ -13748,6 +13766,10 @@ var Shop = class {
 		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,
@@ -13945,7 +13967,7 @@ var Shop = class {
 		});
 	}
 	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: {
@@ -15204,8 +15226,8 @@ function createDisplayCart(baseCart, apiItems) {
 }
 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,
@@ -15213,6 +15235,7 @@ function createDisplayCartItem(cartItem, attrs) {
 	}, {
 		quantity,
 		time: cartItem.time,
+		voucher: cartItem.voucher,
 		mantle: cartItem.mantle,
 		display: {
 			discounted,
@@ -17826,10 +17849,11 @@ create_custom_element(SubRow, {
 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);
@@ -17894,8 +17918,8 @@ function Item$1($$anchor, $$props) {
 	};
 	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);
@@ -17971,6 +17995,13 @@ function Item$1($$anchor, $$props) {
 			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);
@@ -17994,13 +18025,14 @@ function Item$1($$anchor, $$props) {
 		};
 		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")]);
@@ -18008,16 +18040,16 @@ function Item$1($$anchor, $$props) {
 			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);
@@ -18043,13 +18075,13 @@ function Item$1($$anchor, $$props) {
 			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);
@@ -18330,11 +18362,23 @@ function CartCounter($$anchor, $$props) {
 }
 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",
@@ -18365,30 +18409,48 @@ function CheckoutForm($$anchor, $$props) {
 			}
 		]
 	});
-	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();
@@ -18401,6 +18463,40 @@ function CheckoutForm($$anchor, $$props) {
 }
 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) {
@@ -18428,15 +18524,21 @@ function applyValueCoupon(token, 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);
+	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 };
@@ -35759,12 +35861,18 @@ function If($$anchor, $$props) {
 	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);
@@ -38132,6 +38240,10 @@ var go = {
 		getCustomerAddresses: async () => {
 			await ensureShopReady();
 			return shop.asyncFetch(() => shop.getCustomerAddresses());
+		},
+		getCustomerMemberships: async () => {
+			await ensureShopReady();
+			return shop.asyncFetch(() => shop.getCustomerMemberships());
 		}
 	},
 	cart: { addTour: async (options) => {