@gomusdev/web-components 1.44.0 → 1.45.0

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

@@ -12816,19 +12816,28 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       this.update();
     }
     update() {
-      this.options = assign(this.defaultConfig, this.override);
+      const merged = assign(this.defaultConfig, this.override);
+      merged.forms = Object.keys({ ...this.defaultConfig.forms, ...this.override.forms }).reduce(
+        (acc, key) => {
+          acc[key] = {
+            ...this.defaultConfig.forms[key],
+            ...this.override.forms[key]
+          };
+          return acc;
+        },
+        {}
+      );
+      this.options = merged;
     }
     get config() {
       return this.options;
     }
     define(options) {
-      console.log("ConfigStore.define", options);
       this.override = assign(this.override, options);
       this.update();
       return this;
     }
     default(options) {
-      console.log("ConfigStore.default", options);
       this.defaultConfig = assign(this.defaultConfig, options);
       this.update();
       return this;
@@ -16475,14 +16484,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     fill(data) {
       const fs = this.fields;
       Object.entries(data).forEach(([key, val]) => {
-        console.log(key, val);
         const f = fs.find((f2) => f2.apiKey === key);
         if (!f) {
           console.warn(`(FormDetails.fill) Field with API key ${key} not found.`);
           return;
         }
         if (f.type === "select") {
-          console.log(f.options());
           if (!f.options?.().find((o) => o.value === val)) {
             throw new Error(`(FormDetails.fill) Field ${key} has invalid value: ${val}`);
           }
@@ -16590,7 +16597,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     [],
     ["details"]
   ));
-  var root$c = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+  var root$a = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
   function PasswordReset($$anchor, $$props) {
     push($$props, true);
     let custom2 = prop($$props, "custom", 7, false);
@@ -16620,7 +16627,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         flushSync();
       }
     };
-    var go_form = root$c();
+    var go_form = root$a();
     set_custom_element_data(go_form, "formId", "passwordReset");
     template_effect(() => set_custom_element_data(go_form, "custom", custom2()));
     event("submit", go_form, passwordReset);
@@ -16628,7 +16635,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     return pop($$exports);
   }
   customElements.define("go-password-reset", create_custom_element(PasswordReset, { custom: {} }, [], []));
-  var root$b = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
   function SignIn($$anchor, $$props) {
     push($$props, true);
     Forms.defineForm({
@@ -16639,6 +16645,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         { key: "password", required: true }
       ]
     });
+    let custom2 = prop($$props, "custom", 7, false);
     async function signIn(event2) {
       const form = event2.target;
       const details = form.details;
@@ -16649,11 +16656,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         details.apiErrors = result.error.errors;
       }
     }
-    var go_form = root$b();
-    set_custom_element_data(go_form, "formId", "signIn");
-    event("submit", go_form, signIn);
-    append($$anchor, go_form);
-    pop();
+    wrapInElement($$props.$$host, "go-form", { "form-id": "signIn", custom: custom2() });
+    $$props.$$host.addEventListener("submit", signIn);
+    var $$exports = {
+      get custom() {
+        return custom2();
+      },
+      set custom($$value = false) {
+        custom2($$value);
+        flushSync();
+      }
+    };
+    return pop($$exports);
   }
   customElements.define("go-sign-in", create_custom_element(
     SignIn,
@@ -16663,9 +16677,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     [],
     []
   ));
-  var root$a = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
   function SignUp($$anchor, $$props) {
     push($$props, true);
+    let custom2 = prop($$props, "custom", 7, false);
     Forms.defineForm({
       id: "signUp",
       submitLabel: "common.actions.register",
@@ -16696,11 +16710,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         details.apiErrors = result.error.errors;
       }
     }
-    var go_form = root$a();
-    set_custom_element_data(go_form, "formId", "signUp");
-    event("submit", go_form, signUp);
-    append($$anchor, go_form);
-    pop();
+    wrapInElement($$props.$$host, "go-form", { "form-id": "signUp", custom: custom2() });
+    $$props.$$host.addEventListener("submit", signUp);
+    var $$exports = {
+      get custom() {
+        return custom2();
+      },
+      set custom($$value = false) {
+        custom2($$value);
+        flushSync();
+      }
+    };
+    return pop($$exports);
   }
   customElements.define("go-sign-up", create_custom_element(
     SignUp,
@@ -17140,26 +17161,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       ]
     });
     wrapInElement($$props.$$host, "go-form", { "form-id": "checkoutGuest", custom: custom2() });
-    const form = $$props.$$host.querySelector("go-form");
-    onMount(async () => {
-      $$props.$$host.addEventListener("go-submit", async (e) => {
-        const auth = await shop.signUp(form.details.formData, true);
-        if (auth.error) {
-          form.details.apiErrors = auth.error.errors;
-          return;
-        }
-        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);
-      });
+    $$props.$$host.addEventListener("submit", async (e) => {
+      const form = e.target;
+      const auth = await shop.signUp(form.details.formData, true);
+      if (auth.error) {
+        form.details.apiErrors = auth.error.errors;
+        return;
+      }
+      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);
     });
     var $$exports = {
       get custom() {

package/dist-js/gomus-webcomponents.js

@@ -12816,19 +12816,28 @@ class ConfigStoreSvelte {
     this.update();
   }
   update() {
-    this.options = assign(this.defaultConfig, this.override);
+    const merged = assign(this.defaultConfig, this.override);
+    merged.forms = Object.keys({ ...this.defaultConfig.forms, ...this.override.forms }).reduce(
+      (acc, key) => {
+        acc[key] = {
+          ...this.defaultConfig.forms[key],
+          ...this.override.forms[key]
+        };
+        return acc;
+      },
+      {}
+    );
+    this.options = merged;
   }
   get config() {
     return this.options;
   }
   define(options) {
-    console.log("ConfigStore.define", options);
     this.override = assign(this.override, options);
     this.update();
     return this;
   }
   default(options) {
-    console.log("ConfigStore.default", options);
     this.defaultConfig = assign(this.defaultConfig, options);
     this.update();
     return this;
@@ -16475,14 +16484,12 @@ class FormDetails {
   fill(data) {
     const fs = this.fields;
     Object.entries(data).forEach(([key, val]) => {
-      console.log(key, val);
       const f = fs.find((f2) => f2.apiKey === key);
       if (!f) {
         console.warn(`(FormDetails.fill) Field with API key ${key} not found.`);
         return;
       }
       if (f.type === "select") {
-        console.log(f.options());
         if (!f.options?.().find((o) => o.value === val)) {
           throw new Error(`(FormDetails.fill) Field ${key} has invalid value: ${val}`);
         }
@@ -16590,7 +16597,7 @@ customElements.define("go-form", create_custom_element(
   [],
   ["details"]
 ));
-var root$c = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$a = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function PasswordReset($$anchor, $$props) {
   push($$props, true);
   let custom2 = prop($$props, "custom", 7, false);
@@ -16620,7 +16627,7 @@ function PasswordReset($$anchor, $$props) {
       flushSync();
     }
   };
-  var go_form = root$c();
+  var go_form = root$a();
   set_custom_element_data(go_form, "formId", "passwordReset");
   template_effect(() => set_custom_element_data(go_form, "custom", custom2()));
   event("submit", go_form, passwordReset);
@@ -16628,7 +16635,6 @@ function PasswordReset($$anchor, $$props) {
   return pop($$exports);
 }
 customElements.define("go-password-reset", create_custom_element(PasswordReset, { custom: {} }, [], []));
-var root$b = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function SignIn($$anchor, $$props) {
   push($$props, true);
   Forms.defineForm({
@@ -16639,6 +16645,7 @@ function SignIn($$anchor, $$props) {
       { key: "password", required: true }
     ]
   });
+  let custom2 = prop($$props, "custom", 7, false);
   async function signIn(event2) {
     const form = event2.target;
     const details = form.details;
@@ -16649,11 +16656,18 @@ function SignIn($$anchor, $$props) {
       details.apiErrors = result.error.errors;
     }
   }
-  var go_form = root$b();
-  set_custom_element_data(go_form, "formId", "signIn");
-  event("submit", go_form, signIn);
-  append($$anchor, go_form);
-  pop();
+  wrapInElement($$props.$$host, "go-form", { "form-id": "signIn", custom: custom2() });
+  $$props.$$host.addEventListener("submit", signIn);
+  var $$exports = {
+    get custom() {
+      return custom2();
+    },
+    set custom($$value = false) {
+      custom2($$value);
+      flushSync();
+    }
+  };
+  return pop($$exports);
 }
 customElements.define("go-sign-in", create_custom_element(
   SignIn,
@@ -16663,9 +16677,9 @@ customElements.define("go-sign-in", create_custom_element(
   [],
   []
 ));
-var root$a = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function SignUp($$anchor, $$props) {
   push($$props, true);
+  let custom2 = prop($$props, "custom", 7, false);
   Forms.defineForm({
     id: "signUp",
     submitLabel: "common.actions.register",
@@ -16696,11 +16710,18 @@ function SignUp($$anchor, $$props) {
       details.apiErrors = result.error.errors;
     }
   }
-  var go_form = root$a();
-  set_custom_element_data(go_form, "formId", "signUp");
-  event("submit", go_form, signUp);
-  append($$anchor, go_form);
-  pop();
+  wrapInElement($$props.$$host, "go-form", { "form-id": "signUp", custom: custom2() });
+  $$props.$$host.addEventListener("submit", signUp);
+  var $$exports = {
+    get custom() {
+      return custom2();
+    },
+    set custom($$value = false) {
+      custom2($$value);
+      flushSync();
+    }
+  };
+  return pop($$exports);
 }
 customElements.define("go-sign-up", create_custom_element(
   SignUp,
@@ -17140,26 +17161,24 @@ function CheckoutForm($$anchor, $$props) {
     ]
   });
   wrapInElement($$props.$$host, "go-form", { "form-id": "checkoutGuest", custom: custom2() });
-  const form = $$props.$$host.querySelector("go-form");
-  onMount(async () => {
-    $$props.$$host.addEventListener("go-submit", async (e) => {
-      const auth = await shop.signUp(form.details.formData, true);
-      if (auth.error) {
-        form.details.apiErrors = auth.error.errors;
-        return;
-      }
-      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);
-    });
+  $$props.$$host.addEventListener("submit", async (e) => {
+    const form = e.target;
+    const auth = await shop.signUp(form.details.formData, true);
+    if (auth.error) {
+      form.details.apiErrors = auth.error.errors;
+      return;
+    }
+    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);
   });
   var $$exports = {
     get custom() {

package/dist-js/lib/helpers/wrapInElement.d.ts

@@ -1 +1 @@
-export declare function wrapInElement(host: HTMLElement, tag: string, props?: Record<string, string | boolean>): HTMLElement;
+export declare function wrapInElement(host: HTMLElement, tag: string, props?: Record<string, unknown | boolean>): HTMLElement;

package/package.json

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