@gomusdev/web-components 1.27.1 → 1.28.0

package/dist-js/components/forms/ui/generic/FormDetails.svelte.d.ts

@@ -15,11 +15,10 @@ export declare class FormDetails {
     set apiErrors(errors: string[] | Record<string, string[]>);
     validateForm(): void;
     validateField(field: Field): void;
-    addField(field: Field): void;
     /**
      * The list of fields associated with form in the config.
      */
-    get fields(): readonly Field[];
+    get fields(): any[];
     constructor(formId: string, form: HTMLFormElement);
 }
 export declare const setDetails: (host: HTMLElement, details: FormDetails) => void;

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

@@ -15349,7 +15349,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   function errors(fields) {
     if (!fields) return 0;
-    const ret = fields.filter((f) => f.mounted && f.errors?.length).length;
+    const ret = fields.filter((f) => f.mounted && (f.errors?.length || f.apiErrors?.length)).length;
     return ret;
   }
   function AnnualTicketPersonalizationForm($$anchor, $$props) {
@@ -15513,7 +15513,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
     #fields = /* @__PURE__ */ state(proxy([]));
     #apiErrors = /* @__PURE__ */ state(proxy([]));
-    #isValid = /* @__PURE__ */ user_derived(() => errors(get$2(this.#fields)) == 0);
+    #isValid = /* @__PURE__ */ user_derived(() => errors(this.fields) == 0);
     get isValid() {
       return get$2(this.#isValid);
     }
@@ -15534,7 +15534,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         if (!Number.isNaN(+x) && x.trim() !== "") return +x;
         return x;
       }
-      const validFields = get$2(this.#fields).filter((f) => f !== void 0).filter((f) => f.value !== "");
+      const validFields = this.fields.filter((f) => f !== void 0).filter((f) => f.value !== "");
       const ret = Object.fromEntries(validFields.map((f) => [f.apiKey, coerce2(f.value)]));
       return ret;
     }
@@ -15547,7 +15547,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
      * @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(errors2) {
-      get$2(this.#fields).forEach((f) => f.apiErrors = []);
+      this.fields.forEach((f) => f.apiErrors = []);
       if (isArray(errors2)) {
         set(this.#apiErrors, errors2, true);
         return;
@@ -15557,6 +15557,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         return;
       }
       for (const [key, value] of Object.entries(errors2)) {
+        if (key === "full_messages ") continue;
         const field = this.fields.find((f) => f.apiKey === key);
         if (!field) {
           console.error(`(set apiErrors) Field with API key ${key} not found`);
@@ -15566,7 +15567,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       }
     }
     validateForm() {
-      get$2(this.#fields).forEach((f) => this.validateField(f));
+      this.fields.forEach((f) => this.validateField(f));
     }
     validateField(field) {
       field.validate();
@@ -15582,14 +15583,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         }
       }
     }
-    addField(field) {
-      get$2(this.#fields).push(field);
-    }
     /**
      * The list of fields associated with form in the config.
      */
     get fields() {
-      return get$2(this.#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);
     }
   }
   const KEY$3 = "go-form-details";
@@ -29495,12 +29494,6 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     let field = /* @__PURE__ */ state(proxy(Forms.createField(key(), required())));
     const _details = getDetails$1($$props.$$host);
     const details = /* @__PURE__ */ user_derived(() => _details.value);
-    user_effect(() => {
-      if (!get$2(details)) return;
-      untrack(() => {
-        get$2(details).addField(get$2(field));
-      });
-    });
     const getField = () => get$2(field);
     let allErrors = /* @__PURE__ */ user_derived(() => get$2(field) ? [...get$2(field).errors, ...get$2(field).apiErrors].map((e) => shop.t(e)) : []);
     let descriptionId = /* @__PURE__ */ user_derived(() => `go-description-${Math.random().toString(36).substring(2, 9)}`);
@@ -29655,7 +29648,13 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         set(errorsOnSubmit, errors(get$2(details)?.fields), true);
       });
     });
-    let errorsRealtime = /* @__PURE__ */ user_derived(() => errors(get$2(details)?.fields));
+    let errorsRealtime = /* @__PURE__ */ state(void 0);
+    setInterval(
+      () => {
+        set(errorsRealtime, errors(get$2(details)?.fields), true);
+      },
+      100
+    );
     let errorsOnSubmit = /* @__PURE__ */ state(-1);
     let generalApiErrors = /* @__PURE__ */ user_derived(() => get$2(details) && isArray(get$2(details).apiErrors) && get$2(details).apiErrors.length > 0 ? get$2(details).apiErrors : []);
     var fragment = comment();

package/dist-js/gomus-webcomponents.js

@@ -15349,7 +15349,7 @@ function formFields(formId) {
 }
 function errors(fields) {
   if (!fields) return 0;
-  const ret = fields.filter((f) => f.mounted && f.errors?.length).length;
+  const ret = fields.filter((f) => f.mounted && (f.errors?.length || f.apiErrors?.length)).length;
   return ret;
 }
 function AnnualTicketPersonalizationForm($$anchor, $$props) {
@@ -15513,7 +15513,7 @@ class FormDetails {
   }
   #fields = /* @__PURE__ */ state(proxy([]));
   #apiErrors = /* @__PURE__ */ state(proxy([]));
-  #isValid = /* @__PURE__ */ user_derived(() => errors(get$2(this.#fields)) == 0);
+  #isValid = /* @__PURE__ */ user_derived(() => errors(this.fields) == 0);
   get isValid() {
     return get$2(this.#isValid);
   }
@@ -15534,7 +15534,7 @@ class FormDetails {
       if (!Number.isNaN(+x) && x.trim() !== "") return +x;
       return x;
     }
-    const validFields = get$2(this.#fields).filter((f) => f !== void 0).filter((f) => f.value !== "");
+    const validFields = this.fields.filter((f) => f !== void 0).filter((f) => f.value !== "");
     const ret = Object.fromEntries(validFields.map((f) => [f.apiKey, coerce2(f.value)]));
     return ret;
   }
@@ -15547,7 +15547,7 @@ class FormDetails {
    * @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(errors2) {
-    get$2(this.#fields).forEach((f) => f.apiErrors = []);
+    this.fields.forEach((f) => f.apiErrors = []);
     if (isArray(errors2)) {
       set(this.#apiErrors, errors2, true);
       return;
@@ -15557,6 +15557,7 @@ class FormDetails {
       return;
     }
     for (const [key, value] of Object.entries(errors2)) {
+      if (key === "full_messages ") continue;
       const field = this.fields.find((f) => f.apiKey === key);
       if (!field) {
         console.error(`(set apiErrors) Field with API key ${key} not found`);
@@ -15566,7 +15567,7 @@ class FormDetails {
     }
   }
   validateForm() {
-    get$2(this.#fields).forEach((f) => this.validateField(f));
+    this.fields.forEach((f) => this.validateField(f));
   }
   validateField(field) {
     field.validate();
@@ -15582,14 +15583,12 @@ class FormDetails {
       }
     }
   }
-  addField(field) {
-    get$2(this.#fields).push(field);
-  }
   /**
    * The list of fields associated with form in the config.
    */
   get fields() {
-    return get$2(this.#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);
   }
 }
 const KEY$3 = "go-form-details";
@@ -29495,12 +29494,6 @@ function Field($$anchor, $$props) {
   let field = /* @__PURE__ */ state(proxy(Forms.createField(key(), required())));
   const _details = getDetails$1($$props.$$host);
   const details = /* @__PURE__ */ user_derived(() => _details.value);
-  user_effect(() => {
-    if (!get$2(details)) return;
-    untrack(() => {
-      get$2(details).addField(get$2(field));
-    });
-  });
   const getField = () => get$2(field);
   let allErrors = /* @__PURE__ */ user_derived(() => get$2(field) ? [...get$2(field).errors, ...get$2(field).apiErrors].map((e) => shop.t(e)) : []);
   let descriptionId = /* @__PURE__ */ user_derived(() => `go-description-${Math.random().toString(36).substring(2, 9)}`);
@@ -29655,7 +29648,13 @@ function ErrorsFeedback($$anchor, $$props) {
       set(errorsOnSubmit, errors(get$2(details)?.fields), true);
     });
   });
-  let errorsRealtime = /* @__PURE__ */ user_derived(() => errors(get$2(details)?.fields));
+  let errorsRealtime = /* @__PURE__ */ state(void 0);
+  setInterval(
+    () => {
+      set(errorsRealtime, errors(get$2(details)?.fields), true);
+    },
+    100
+  );
   let errorsOnSubmit = /* @__PURE__ */ state(-1);
   let generalApiErrors = /* @__PURE__ */ user_derived(() => get$2(details) && isArray(get$2(details).apiErrors) && get$2(details).apiErrors.length > 0 ? get$2(details).apiErrors : []);
   var fragment = comment();

package/package.json

@@ -4,7 +4,7 @@
     "name": "Giantmonkey GmbH"
   },
   "license": "MIT",
-  "version": "1.27.1",
+  "version": "1.28.0",
   "type": "module",
   "main": "./dist-js/gomus-webcomponents.iife.js",
   "module": "./dist-js/gomus-webcomponents.iife.js",