@gomusdev/web-components 4.1.1 → 4.2.0

package/README.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 4.2.0 (2026-07-09)
+
+### Features
+
+* **membership:** add <go-membership-activation> form web component
+
 ## 4.1.1 (2026-07-09)
 
 ### Bug Fixes

package/dist-js/components/membershipActivation/MembershipActivation.svelte.d.ts

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

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

@@ -13545,6 +13545,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	var SIGN_IN_ENDPOINT = "/api/v4/auth/sign_in";
 	var SIGN_UP_ENDPOINT = "/api/v4/auth";
 	var WITHDRAWAL_ENDPOINT = "/api/v4/orders/withdrawals";
+	var MEMBERSHIP_ACTIVATION_ENDPOINT = "/api/v4/customer/memberships/activate";
 	var ORDERS_ENDPOINT = "/api/v4/orders";
 	//#endregion
 	//#region ../../packages/gomus-api/lib/customerLevels.ts
@@ -13763,6 +13764,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				requiredFields: ["email"]
 			});
 		}
+		activateMembership(params) {
+			return this.apiPost(MEMBERSHIP_ACTIVATION_ENDPOINT, {
+				body: params,
+				requiredFields: ["email"],
+				parseAs: "text"
+			});
+		}
 		checkout(params) {
 			return this.apiPost(`/api/v4/orders`, {
 				body: params,
@@ -35772,6 +35780,47 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		type: "String"
 	} }, [], []));
 	//#endregion
+	//#region src/components/membershipActivation/MembershipActivation.svelte
+	function MembershipActivation($$anchor, $$props) {
+		push($$props, true);
+		let custom = prop($$props, "custom", 7, false);
+		Forms.defineForm({
+			id: "membershipActivation",
+			submitLabel: "membership.activation.actions.submit",
+			fields: [{
+				key: "email",
+				required: true
+			}]
+		});
+		async function onSubmit(event) {
+			const details = event.target.details;
+			if ((await shop.activateMembership(details.formData)).response?.ok) $$props.$$host.dispatchEvent(new Event("go-success", {
+				bubbles: true,
+				composed: true
+			}));
+			else details.apiErrors = [shop.t("membership.activation.form.errors.requestFailed")];
+		}
+		wrapInElement($$props.$$host, "go-form", {
+			"form-id": "membershipActivation",
+			custom: custom()
+		});
+		$$props.$$host.addEventListener("submit", onSubmit);
+		return pop({
+			get custom() {
+				return custom();
+			},
+			set custom($$value = false) {
+				custom($$value);
+				flushSync();
+			}
+		});
+	}
+	customElements.define("go-membership-activation", create_custom_element(MembershipActivation, { custom: {
+		attribute: "custom",
+		reflect: true,
+		type: "Boolean"
+	} }, [], []));
+	//#endregion
 	//#region src/components/order/lib/OrderDetails.svelte.ts
 	var OrderDetails = class {
 		#token = /* @__PURE__ */ state();

package/dist-js/gomus-webcomponents.js

@@ -13544,6 +13544,7 @@ var TICKETS_ENDPOINT = "/api/v4/tickets";
 var SIGN_IN_ENDPOINT = "/api/v4/auth/sign_in";
 var SIGN_UP_ENDPOINT = "/api/v4/auth";
 var WITHDRAWAL_ENDPOINT = "/api/v4/orders/withdrawals";
+var MEMBERSHIP_ACTIVATION_ENDPOINT = "/api/v4/customer/memberships/activate";
 var ORDERS_ENDPOINT = "/api/v4/orders";
 //#endregion
 //#region ../../packages/gomus-api/lib/customerLevels.ts
@@ -13762,6 +13763,13 @@ var Shop = class {
 			requiredFields: ["email"]
 		});
 	}
+	activateMembership(params) {
+		return this.apiPost(MEMBERSHIP_ACTIVATION_ENDPOINT, {
+			body: params,
+			requiredFields: ["email"],
+			parseAs: "text"
+		});
+	}
 	checkout(params) {
 		return this.apiPost(`/api/v4/orders`, {
 			body: params,
@@ -35771,6 +35779,47 @@ customElements.define("go-link", create_custom_element(Link, { to: {
 	type: "String"
 } }, [], []));
 //#endregion
+//#region src/components/membershipActivation/MembershipActivation.svelte
+function MembershipActivation($$anchor, $$props) {
+	push($$props, true);
+	let custom = prop($$props, "custom", 7, false);
+	Forms.defineForm({
+		id: "membershipActivation",
+		submitLabel: "membership.activation.actions.submit",
+		fields: [{
+			key: "email",
+			required: true
+		}]
+	});
+	async function onSubmit(event) {
+		const details = event.target.details;
+		if ((await shop.activateMembership(details.formData)).response?.ok) $$props.$$host.dispatchEvent(new Event("go-success", {
+			bubbles: true,
+			composed: true
+		}));
+		else details.apiErrors = [shop.t("membership.activation.form.errors.requestFailed")];
+	}
+	wrapInElement($$props.$$host, "go-form", {
+		"form-id": "membershipActivation",
+		custom: custom()
+	});
+	$$props.$$host.addEventListener("submit", onSubmit);
+	return pop({
+		get custom() {
+			return custom();
+		},
+		set custom($$value = false) {
+			custom($$value);
+			flushSync();
+		}
+	});
+}
+customElements.define("go-membership-activation", create_custom_element(MembershipActivation, { custom: {
+	attribute: "custom",
+	reflect: true,
+	type: "Boolean"
+} }, [], []));
+//#endregion
 //#region src/components/order/lib/OrderDetails.svelte.ts
 var OrderDetails = class {
 	#token = /* @__PURE__ */ state();