@gomusdev/web-components 4.7.0 → 4.8.1

package/README.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## 4.8.1 (2026-07-16)
+
+### Bug Fixes
+
+* **couponRedemption:** clear stale error when flush() succeeds
+* **forms:** clear form-level api errors on valid submit, closes [#apiErrors](https://gitlab.giantmonkey.de/gomus/frontend/issues/apiErrors) [#147](https://gitlab.giantmonkey.de/gomus/frontend/issues/147)
+* **forms:** reset stale success message on valid submit
+
+## 4.8.0 (2026-07-15)
+
+### Features
+
+* **forms:** add dateOfBirth field for annual ticket personalization, closes [#149](https://gitlab.giantmonkey.de/gomus/frontend/issues/149)
+
+### Bug Fixes
+
+* **forms:** tolerate undefined shop.locales in language field options
+
 ## 4.7.0 (2026-07-14)
 
 ### Features

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

@@ -14465,7 +14465,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			placeholder: "",
 			description: "",
 			autocomplete: "language",
-			options: () => shop.locales.map((c) => ({
+			options: () => (shop.locales ?? []).map((c) => ({
 				label: shop.t(`languages.${c.locale}`),
 				value: c.id
 			}))
@@ -14489,6 +14489,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			autocomplete: "off",
 			validator: string().date()
 		},
+		dateOfBirth: {
+			key: "dateOfBirth",
+			apiKey: "date_of_birth",
+			type: "date",
+			label: "user.registration.form.dateOfBirth",
+			placeholder: "",
+			description: "",
+			autocomplete: "bday",
+			validator: string().date()
+		},
 		token: {
 			key: "token",
 			apiKey: "id",
@@ -14862,6 +14872,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* @param {string[] | Record<string, string[]>} errors - Errors passed as an array or an object where keys are API field keys and values are arrays of error messages. If an array is provided, it assigns the errors directly. If an object is provided, it maps the errors to the respective fields based on their API keys.
 		*/
 		set apiErrors(errors) {
+			set(this.#apiErrors, [], true);
 			this.fields.forEach((f) => f.apiErrors = []);
 			if (isArray(errors)) {
 				set(this.#apiErrors, errors, true);
@@ -14902,7 +14913,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		*/
 		get fields() {
 			const parent = this.form.closest("go-form");
-			return Array.from(this.form.querySelectorAll("go-field")).filter((fe) => fe.closest("go-form") === parent).map((fe) => fe.getField?.()).filter((f) => f);
+			return Array.from(this.form.querySelectorAll("go-field")).filter((fe) => fe.closest("go-form") === parent).map((fe) => fe.getField?.()).filter((f) => !!f);
 		}
 		toString() {
 			return `Form: ${this.formId}, Fields: [${this.fields.map((f) => f.key).join(", ")}], Data: ${JSON.stringify(this.formData)}`;
@@ -14970,6 +14981,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			details?.form?.dispatchEvent(new Event("go-after-validation", event));
 			if (details.isValid) {
 				details.apiErrors = {};
+				details.successMessage = void 0;
 				details?.form?.dispatchEvent(new Event("go-submit", event));
 				$$props.$$host.dispatchEvent(new Event("submit", {
 					bubbles: true,
@@ -18589,6 +18601,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				form.details.apiErrors = result.errors;
 				return result;
 			}
+			form.details.apiErrors = [];
 			if (field) field.value = "";
 			form.dispatchEvent(new Event("go-success", {
 				bubbles: true,

package/dist-js/gomus-webcomponents.js

@@ -14464,7 +14464,7 @@ var allFields = {
 		placeholder: "",
 		description: "",
 		autocomplete: "language",
-		options: () => shop.locales.map((c) => ({
+		options: () => (shop.locales ?? []).map((c) => ({
 			label: shop.t(`languages.${c.locale}`),
 			value: c.id
 		}))
@@ -14488,6 +14488,16 @@ var allFields = {
 		autocomplete: "off",
 		validator: string().date()
 	},
+	dateOfBirth: {
+		key: "dateOfBirth",
+		apiKey: "date_of_birth",
+		type: "date",
+		label: "user.registration.form.dateOfBirth",
+		placeholder: "",
+		description: "",
+		autocomplete: "bday",
+		validator: string().date()
+	},
 	token: {
 		key: "token",
 		apiKey: "id",
@@ -14861,6 +14871,7 @@ var FormDetails = class {
 	* @param {string[] | Record<string, string[]>} errors - Errors passed as an array or an object where keys are API field keys and values are arrays of error messages. If an array is provided, it assigns the errors directly. If an object is provided, it maps the errors to the respective fields based on their API keys.
 	*/
 	set apiErrors(errors) {
+		set(this.#apiErrors, [], true);
 		this.fields.forEach((f) => f.apiErrors = []);
 		if (isArray(errors)) {
 			set(this.#apiErrors, errors, true);
@@ -14901,7 +14912,7 @@ var FormDetails = class {
 	*/
 	get fields() {
 		const parent = this.form.closest("go-form");
-		return Array.from(this.form.querySelectorAll("go-field")).filter((fe) => fe.closest("go-form") === parent).map((fe) => fe.getField?.()).filter((f) => f);
+		return Array.from(this.form.querySelectorAll("go-field")).filter((fe) => fe.closest("go-form") === parent).map((fe) => fe.getField?.()).filter((f) => !!f);
 	}
 	toString() {
 		return `Form: ${this.formId}, Fields: [${this.fields.map((f) => f.key).join(", ")}], Data: ${JSON.stringify(this.formData)}`;
@@ -14969,6 +14980,7 @@ function Form($$anchor, $$props) {
 		details?.form?.dispatchEvent(new Event("go-after-validation", event));
 		if (details.isValid) {
 			details.apiErrors = {};
+			details.successMessage = void 0;
 			details?.form?.dispatchEvent(new Event("go-submit", event));
 			$$props.$$host.dispatchEvent(new Event("submit", {
 				bubbles: true,
@@ -18588,6 +18600,7 @@ function CouponRedemption($$anchor, $$props) {
 			form.details.apiErrors = result.errors;
 			return result;
 		}
+		form.details.apiErrors = [];
 		if (field) field.value = "";
 		form.dispatchEvent(new Event("go-success", {
 			bubbles: true,