@gomusdev/web-components 1.35.0 → 1.36.0

package/dist-js/components/couponRedemption/lib.d.ts

@@ -1,2 +1,2 @@
 import { default as UIForm } from '../forms/ui/generic/Form.svelte';
-export declare function redeem(form: UIForm, host: HTMLElement): Promise<void>;
+export declare function redeem(form: UIForm): Promise<void>;

package/dist-js/components/forms/lib/Forms.svelte.d.ts

@@ -7,12 +7,14 @@ type defineFormOptions = {
     id: string;
     fields: FormField[];
     requiredApiKeys?: string[];
+    submitLabel?: string;
 };
 export declare class Forms {
     #private;
     static defineForm(options: defineFormOptions): void;
     static defineFields(fields: Record<string, FieldInit>): void;
     static setRequiredApiKeys(formId: string, requiredApiKeys: string[]): void;
+    static getFormOptions(formId: string): any;
     static createField(key: string, required: boolean): Field;
     static getFormFields(formId: string): any;
     static getFieldInit(key: string): any;

package/dist-js/config/defaultConfig.d.ts

@@ -7,6 +7,7 @@ export type FormConfig = {
         required: boolean;
     }[];
     beforeSubmit?: (formData: Record<string, unknown>) => void;
+    submitLabel?: string;
 };
 export type ConfigOptions = {
     urls?: Partial<ShopUrls>;

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

@@ -15420,7 +15420,11 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   const _Forms = class _Forms {
     static defineForm(options) {
-      go.defineConfig({ forms: { [options.id]: { fields: options.fields } } });
+      go.defineConfig({
+        forms: {
+          [options.id]: { fields: options.fields, submitLabel: options.submitLabel }
+        }
+      });
     }
     static defineFields(fields) {
       go.defineConfig({ fields });
@@ -15428,6 +15432,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     static setRequiredApiKeys(formId, requiredApiKeys) {
       __privateGet(_Forms, _requiredApiKeysMap)[formId] = requiredApiKeys;
     }
+    static getFormOptions(formId) {
+      return go.config.forms[formId];
+    }
     static createField(key, required) {
       const init2 = _Forms.getFieldInit(key);
       if (!init2) {
@@ -15764,7 +15771,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     host.replaceChildren(element);
     return element;
   }
-  var root_1$i = /* @__PURE__ */ from_html(`<go-all-fields></go-all-fields> <go-form-feedback><go-errors-feedback></go-errors-feedback> <go-success-feedback></go-success-feedback></go-form-feedback> <go-submit>Submit</go-submit>`, 3);
+  var root_1$i = /* @__PURE__ */ from_html(`<go-all-fields></go-all-fields> <go-form-feedback><go-errors-feedback></go-errors-feedback> <go-success-feedback></go-success-feedback></go-form-feedback> <go-submit> </go-submit>`, 3);
   function Form($$anchor, $$props) {
     push($$props, true);
     let formId = prop($$props, "formId", 7), custom2 = prop($$props, "custom", 7);
@@ -15810,7 +15817,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         var fragment_1 = root_1$i();
         var go_all_fields = first_child(fragment_1);
         var go_form_feedback = sibling(go_all_fields, 2);
-        sibling(go_form_feedback, 2);
+        var go_submit = sibling(go_form_feedback, 2);
+        var text2 = child(go_submit, true);
+        reset(go_submit);
+        template_effect(($0) => set_text(text2, $0), [
+          () => shop.t(Forms.getFormOptions(formId())?.submitLabel || "Submit")
+        ]);
         append($$anchor2, fragment_1);
       };
       if_block(node, ($$render) => {
@@ -15836,6 +15848,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     let custom2 = prop($$props, "custom", 7, false);
     Forms.defineForm({
       id: "passwordReset",
+      submitLabel: "user.passwordReset.actions.requestPasswordReset",
       fields: [{ key: "email", required: true }]
     });
     async function passwordReset(event2) {
@@ -15872,6 +15885,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     push($$props, true);
     Forms.defineForm({
       id: "signIn",
+      submitLabel: "common.actions.login",
       fields: [
         { key: "email", required: true },
         { key: "password", required: true }
@@ -15907,6 +15921,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     push($$props, true);
     Forms.defineForm({
       id: "signUp",
+      submitLabel: "common.actions.register",
       fields: [
         // { id: 'salutation', required: false },
         { key: "firstName", required: true },
@@ -16251,6 +16266,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     let cart = /* @__PURE__ */ user_derived(() => shop.cart);
     Forms.defineForm({
       id: "checkoutGuest",
+      submitLabel: "cart.detail.actions.checkout",
       fields: [
         { key: "firstName", required: true },
         { key: "lastName", required: true },
@@ -16293,7 +16309,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   customElements.define("go-checkout-form", create_custom_element(CheckoutForm, { custom: {} }, [], [], false));
-  async function redeem(form, host) {
+  enable_legacy_mode_flag();
+  async function redeem(form) {
     if (!form) {
       throw new Error("(go-coupon-redemption): form not found");
     }
@@ -16319,36 +16336,29 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       const token = form.details.formData.id;
       shop.cart.addCoupon(token);
       const tokenField = form.details.fields.find((f) => f.key === "token");
-      if (tokenField) tokenField.value = "";
-      host.dispatchEvent(new Event("go-success", { bubbles: true, composed: true }));
+      if (tokenField) {
+        tokenField.value = "";
+        form.dispatchEvent(new Event("go-success", { bubbles: true, composed: true }));
+      }
     } else {
       form.details.apiErrors ??= [];
       form.details.apiErrors = [shop.t("cart.coupon.form.errors.notValid")];
     }
   }
-  var root$7 = /* @__PURE__ */ from_html(`<go-form><go-field></go-field> <go-errors-feedback></go-errors-feedback> <go-submit> </go-submit></go-form>`, 2);
+  var root$7 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
   function CouponRedemption($$anchor, $$props) {
-    push($$props, true);
-    let form;
+    push($$props, false);
     Forms.defineForm({
       id: "couponRedemption",
+      submitLabel: "cart.coupon.form.submit",
       fields: [{ key: "token", required: true }]
     });
-    async function redeem$1() {
-      await redeem(form, $$props.$$host);
+    async function redeem$1(e) {
+      await redeem(e.target);
     }
+    init();
     var go_form = root$7();
     set_custom_element_data(go_form, "formId", "couponRedemption");
-    set_custom_element_data(go_form, "custom", true);
-    var go_field = child(go_form);
-    set_custom_element_data(go_field, "key", "token");
-    var go_errors_feedback = sibling(go_field, 2);
-    var go_submit = sibling(go_errors_feedback, 2);
-    var text2 = child(go_submit, true);
-    reset(go_submit);
-    reset(go_form);
-    bind_this(go_form, ($$value) => form = $$value, () => form);
-    template_effect(($0) => set_text(text2, $0), [() => shop.t("cart.coupon.form.submit")]);
     event("submit", go_form, redeem$1);
     append($$anchor, go_form);
     pop();
@@ -22480,7 +22490,6 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_prev_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
-  enable_legacy_mode_flag();
   var root_1$e = /* @__PURE__ */ from_html(`<input/>`);
   var root_2$c = /* @__PURE__ */ from_html(`<input/>`);
   function Hidden_input($$anchor, $$props) {

package/dist-js/gomus-webcomponents.js

@@ -15420,7 +15420,11 @@ function validateField(field) {
 }
 const _Forms = class _Forms {
   static defineForm(options) {
-    go.defineConfig({ forms: { [options.id]: { fields: options.fields } } });
+    go.defineConfig({
+      forms: {
+        [options.id]: { fields: options.fields, submitLabel: options.submitLabel }
+      }
+    });
   }
   static defineFields(fields) {
     go.defineConfig({ fields });
@@ -15428,6 +15432,9 @@ const _Forms = class _Forms {
   static setRequiredApiKeys(formId, requiredApiKeys) {
     __privateGet(_Forms, _requiredApiKeysMap)[formId] = requiredApiKeys;
   }
+  static getFormOptions(formId) {
+    return go.config.forms[formId];
+  }
   static createField(key, required) {
     const init2 = _Forms.getFieldInit(key);
     if (!init2) {
@@ -15764,7 +15771,7 @@ function wrapInElement(host, tag, props) {
   host.replaceChildren(element);
   return element;
 }
-var root_1$i = /* @__PURE__ */ from_html(`<go-all-fields></go-all-fields> <go-form-feedback><go-errors-feedback></go-errors-feedback> <go-success-feedback></go-success-feedback></go-form-feedback> <go-submit>Submit</go-submit>`, 3);
+var root_1$i = /* @__PURE__ */ from_html(`<go-all-fields></go-all-fields> <go-form-feedback><go-errors-feedback></go-errors-feedback> <go-success-feedback></go-success-feedback></go-form-feedback> <go-submit> </go-submit>`, 3);
 function Form($$anchor, $$props) {
   push($$props, true);
   let formId = prop($$props, "formId", 7), custom2 = prop($$props, "custom", 7);
@@ -15810,7 +15817,12 @@ function Form($$anchor, $$props) {
       var fragment_1 = root_1$i();
       var go_all_fields = first_child(fragment_1);
       var go_form_feedback = sibling(go_all_fields, 2);
-      sibling(go_form_feedback, 2);
+      var go_submit = sibling(go_form_feedback, 2);
+      var text2 = child(go_submit, true);
+      reset(go_submit);
+      template_effect(($0) => set_text(text2, $0), [
+        () => shop.t(Forms.getFormOptions(formId())?.submitLabel || "Submit")
+      ]);
       append($$anchor2, fragment_1);
     };
     if_block(node, ($$render) => {
@@ -15836,6 +15848,7 @@ function PasswordReset($$anchor, $$props) {
   let custom2 = prop($$props, "custom", 7, false);
   Forms.defineForm({
     id: "passwordReset",
+    submitLabel: "user.passwordReset.actions.requestPasswordReset",
     fields: [{ key: "email", required: true }]
   });
   async function passwordReset(event2) {
@@ -15872,6 +15885,7 @@ function SignIn($$anchor, $$props) {
   push($$props, true);
   Forms.defineForm({
     id: "signIn",
+    submitLabel: "common.actions.login",
     fields: [
       { key: "email", required: true },
       { key: "password", required: true }
@@ -15907,6 +15921,7 @@ function SignUp($$anchor, $$props) {
   push($$props, true);
   Forms.defineForm({
     id: "signUp",
+    submitLabel: "common.actions.register",
     fields: [
       // { id: 'salutation', required: false },
       { key: "firstName", required: true },
@@ -16251,6 +16266,7 @@ function CheckoutForm($$anchor, $$props) {
   let cart = /* @__PURE__ */ user_derived(() => shop.cart);
   Forms.defineForm({
     id: "checkoutGuest",
+    submitLabel: "cart.detail.actions.checkout",
     fields: [
       { key: "firstName", required: true },
       { key: "lastName", required: true },
@@ -16293,7 +16309,8 @@ function CheckoutForm($$anchor, $$props) {
   return pop($$exports);
 }
 customElements.define("go-checkout-form", create_custom_element(CheckoutForm, { custom: {} }, [], [], false));
-async function redeem(form, host) {
+enable_legacy_mode_flag();
+async function redeem(form) {
   if (!form) {
     throw new Error("(go-coupon-redemption): form not found");
   }
@@ -16319,36 +16336,29 @@ async function redeem(form, host) {
     const token = form.details.formData.id;
     shop.cart.addCoupon(token);
     const tokenField = form.details.fields.find((f) => f.key === "token");
-    if (tokenField) tokenField.value = "";
-    host.dispatchEvent(new Event("go-success", { bubbles: true, composed: true }));
+    if (tokenField) {
+      tokenField.value = "";
+      form.dispatchEvent(new Event("go-success", { bubbles: true, composed: true }));
+    }
   } else {
     form.details.apiErrors ??= [];
     form.details.apiErrors = [shop.t("cart.coupon.form.errors.notValid")];
   }
 }
-var root$7 = /* @__PURE__ */ from_html(`<go-form><go-field></go-field> <go-errors-feedback></go-errors-feedback> <go-submit> </go-submit></go-form>`, 2);
+var root$7 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function CouponRedemption($$anchor, $$props) {
-  push($$props, true);
-  let form;
+  push($$props, false);
   Forms.defineForm({
     id: "couponRedemption",
+    submitLabel: "cart.coupon.form.submit",
     fields: [{ key: "token", required: true }]
   });
-  async function redeem$1() {
-    await redeem(form, $$props.$$host);
+  async function redeem$1(e) {
+    await redeem(e.target);
   }
+  init();
   var go_form = root$7();
   set_custom_element_data(go_form, "formId", "couponRedemption");
-  set_custom_element_data(go_form, "custom", true);
-  var go_field = child(go_form);
-  set_custom_element_data(go_field, "key", "token");
-  var go_errors_feedback = sibling(go_field, 2);
-  var go_submit = sibling(go_errors_feedback, 2);
-  var text2 = child(go_submit, true);
-  reset(go_submit);
-  reset(go_form);
-  bind_this(go_form, ($$value) => form = $$value, () => form);
-  template_effect(($0) => set_text(text2, $0), [() => shop.t("cart.coupon.form.submit")]);
   event("submit", go_form, redeem$1);
   append($$anchor, go_form);
   pop();
@@ -22480,7 +22490,6 @@ function Calendar_prev_button($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_prev_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
-enable_legacy_mode_flag();
 var root_1$e = /* @__PURE__ */ from_html(`<input/>`);
 var root_2$c = /* @__PURE__ */ from_html(`<input/>`);
 function Hidden_input($$anchor, $$props) {

package/package.json

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