@gomusdev/web-components 1.34.0 → 1.36.0

package/dist-js/components/couponRedemption/CouponRedemption.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-js/components/couponRedemption/CouponRedemption.svelte.d.ts

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

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

@@ -0,0 +1,2 @@
+import { default as UIForm } from '../forms/ui/generic/Form.svelte';
+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/components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.d.ts

@@ -4,6 +4,7 @@ export type TicketSegmentFilter = 'timeslot' | 'annual' | 'custom' | 'day' | 'ev
 export declare class SegmentDetails {
     preCart: {
         items: import('../../../../../../lib/models/cart/types').CartItem[];
+        coupons: string[];
         contingent: number;
         uid: string;
         readonly nonEmptyItems: import('../../../../../../lib/models/cart/types').CartItem[];
@@ -32,7 +33,7 @@ export declare class SegmentDetails {
             comment: null;
             reference: null;
             payment_mode_id: string;
-            coupons: never[];
+            coupons: string[];
             donations: never[];
             affiliate: {};
             total: number;
@@ -43,6 +44,9 @@ export declare class SegmentDetails {
         addItem(item: import('../../../../../../lib/models/cart/types').CartItem): void;
         addItems(items: import('../../../../../../lib/models/cart/types').CartItem[]): void;
         addProducts(products: import('../../../../../../lib/models/cart/types').Product[]): void;
+        addCoupon(token: string): void;
+        removeCoupon(token: string): void;
+        clearCoupons(): void;
     };
     filters: TicketSegmentFilter;
     ticketSelectionDetails: TicketSelectionDetails | undefined;

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

@@ -11250,7 +11250,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     };
   }
   function updateLocalStorage(cart) {
-    const content = JSON.stringify(cart.items || []);
+    const content = JSON.stringify({ items: cart.items || [], coupons: cart.coupons || [] });
     localStorage.setItem("go-cart", content);
     return content;
   }
@@ -11271,23 +11271,32 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   function loadFromLocalStorage(cart) {
     let lsItems = [];
+    let lsCoupons = [];
     try {
       const content = localStorage.getItem("go-cart");
       if (!content) return [];
-      lsItems = JSON.parse(content);
-      if (!Array.isArray(lsItems)) {
-        console.dir({ lsItems, content });
-        throw new Error("go-cart is not an array");
+      const parsed = JSON.parse(content);
+      if (Array.isArray(parsed)) {
+        lsItems = parsed;
+        lsCoupons = [];
+      } else if (typeof parsed === "object" && parsed !== null) {
+        lsItems = parsed.items || [];
+        lsCoupons = parsed.coupons || [];
+      } else {
+        console.dir({ parsed, content });
+        throw new Error("go-cart has invalid format");
       }
       if (lsItems.length === 0) {
         cart.clearItems();
-        return [];
+      } else {
+        cart.items = lsItems.map(generateCartItem).filter(defined);
       }
-      cart.items = lsItems.map(generateCartItem).filter(defined);
+      cart.clearCoupons();
+      lsCoupons.forEach((coupon) => cart.addCoupon(coupon));
       return cart.items;
     } catch (e) {
       console.error(e);
-      localStorage.setItem("go-cart", JSON.stringify([]));
+      localStorage.setItem("go-cart", JSON.stringify({ items: [], coupons: [] }));
       return [];
     }
   }
@@ -11324,8 +11333,10 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   let lastUuid = 0;
   function createCart(products, contingent = 20) {
     const items = proxy([]);
+    const coupons = proxy([]);
     const cart = {
       items,
+      coupons,
       contingent,
       // caps the total number of items in the cart
       uid: `cart-${lastUuid++}`,
@@ -11351,7 +11362,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           comment: null,
           reference: null,
           payment_mode_id: shop.settings?.defaultPaymentModeId,
-          coupons: [],
+          coupons: this.coupons,
           donations: [],
           affiliate: {},
           total: this.totalPriceCents
@@ -11377,6 +11388,20 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       },
       addProducts(products2) {
         products2.forEach((p2) => this.addItem(createCartItem(p2)));
+      },
+      addCoupon(token) {
+        if (!this.coupons.includes(token)) {
+          this.coupons.push(token);
+        }
+      },
+      removeCoupon(token) {
+        const index2 = this.coupons.indexOf(token);
+        if (index2 > -1) {
+          this.coupons.splice(index2, 1);
+        }
+      },
+      clearCoupons() {
+        while (this.coupons.length > 0) this.coupons.pop();
       }
     };
     if (products) products.forEach((p2) => cart.addItem(createCartItem(p2)));
@@ -12564,6 +12589,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         requiredFields: ["date", "ticket_ids"]
       });
     }
+    getCouponSaleByBarcode(token) {
+      return this.fetchAndCache(`/api/v4/coupon_sales/barcode/${token}`, `coupon_sale_barcode_${token}`, "coupon_sale");
+    }
     getEventDetailsOnDate(eventId, dateId) {
       return this.fetchAndCache(`/api/v4/events/${eventId}/dates/${dateId}`, `/api/v4/events/${eventId}/dates/${dateId}`, "date");
     }
@@ -15339,6 +15367,15 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       description: "",
       autocomplete: "off",
       validator: string().date()
+    },
+    token: {
+      key: "token",
+      apiKey: "id",
+      type: "text",
+      label: "cart.coupon.form.code",
+      placeholder: "",
+      description: "",
+      autocomplete: "off"
     }
   };
   function createField(data, required) {
@@ -15383,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 });
@@ -15391,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) {
@@ -15727,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);
@@ -15773,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) => {
@@ -15793,12 +15842,13 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     ["details"],
     false
   ));
-  var root$b = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+  var root$c = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
   function PasswordReset($$anchor, $$props) {
     push($$props, true);
     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) {
@@ -15822,7 +15872,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         flushSync();
       }
     };
-    var go_form = root$b();
+    var go_form = root$c();
     set_custom_element_data(go_form, "formId", "passwordReset");
     template_effect(() => set_custom_element_data(go_form, "custom", custom2()));
     event("submit", go_form, passwordReset);
@@ -15830,11 +15880,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   customElements.define("go-password-reset", create_custom_element(PasswordReset, { custom: {} }, [], [], false));
-  var root$a = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+  var root$b = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
   function SignIn($$anchor, $$props) {
     push($$props, true);
     Forms.defineForm({
       id: "signIn",
+      submitLabel: "common.actions.login",
       fields: [
         { key: "email", required: true },
         { key: "password", required: true }
@@ -15850,7 +15901,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         details.apiErrors = result.error.errors;
       }
     }
-    var go_form = root$a();
+    var go_form = root$b();
     set_custom_element_data(go_form, "formId", "signIn");
     event("submit", go_form, signIn);
     append($$anchor, go_form);
@@ -15865,11 +15916,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     false
   ));
-  var root$9 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+  var root$a = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
   function SignUp($$anchor, $$props) {
     push($$props, true);
     Forms.defineForm({
       id: "signUp",
+      submitLabel: "common.actions.register",
       fields: [
         // { id: 'salutation', required: false },
         { key: "firstName", required: true },
@@ -15897,7 +15949,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         details.apiErrors = result.error.errors;
       }
     }
-    var go_form = root$9();
+    var go_form = root$a();
     set_custom_element_data(go_form, "formId", "signUp");
     event("submit", go_form, signUp);
     append($$anchor, go_form);
@@ -15913,7 +15965,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     false
   ));
   var root_1$h = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span><span class="go-cart-item-time" data-testid="cart-item-time"> </span>`, 1);
-  var root$8 = /* @__PURE__ */ from_html(`<li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"><span class="go-cart-item-title-event-title"> </span><span class="go-cart-item-title-ticket-title"> </span></span><!></li>`);
+  var root$9 = /* @__PURE__ */ from_html(`<li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"><span class="go-cart-item-title-event-title"> </span><span class="go-cart-item-title-ticket-title"> </span></span><!></li>`);
   function Event$2($$anchor, $$props) {
     push($$props, true);
     let cartItem = prop($$props, "cartItem", 7);
@@ -15928,7 +15980,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         flushSync();
       }
     };
-    var li = root$8();
+    var li = root$9();
     var span = child(li);
     var span_1 = child(span);
     var text2 = child(span_1, true);
@@ -15974,7 +16026,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   create_custom_element(Event$2, { cartItem: {} }, [], [], true);
   var root_2$q = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
   var root_1$g = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
-  var root$7 = /* @__PURE__ */ from_html(`<li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!></li>`);
+  var root$8 = /* @__PURE__ */ from_html(`<li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!></li>`);
   function Ticket($$anchor, $$props) {
     push($$props, true);
     let cartItem = prop($$props, "cartItem", 7);
@@ -15987,7 +16039,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         flushSync();
       }
     };
-    var li = root$7();
+    var li = root$8();
     var span = child(li);
     var text2 = child(span, true);
     reset(span);
@@ -16214,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 },
@@ -16256,6 +16309,61 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   customElements.define("go-checkout-form", create_custom_element(CheckoutForm, { custom: {} }, [], [], false));
+  enable_legacy_mode_flag();
+  async function redeem(form) {
+    if (!form) {
+      throw new Error("(go-coupon-redemption): form not found");
+    }
+    if (!shop.cart) {
+      throw new Error("(go-coupon-redemption): cart not found");
+    }
+    const result = await shop.asyncFetch(() => shop.getCouponSaleByBarcode(form.details.formData.id));
+    if (result?.is_valid && result.is_voucher_for) {
+      const tickets = await shop.asyncFetch(
+        () => shop.tickets({
+          // @ts-ignore - api supports filter even if schema doesn't yet.
+          "by_ticket_ids[]": [result.is_voucher_for]
+        })
+      );
+      const ticket = tickets.find((t) => t.id === result.is_voucher_for);
+      if (!ticket) {
+        form.details.apiErrors ??= [];
+        form.details.apiErrors = [shop.t("cart.coupon.form.errors.error")];
+        return;
+      }
+      const voucherTicket = { ...ticket, price_cents: 0 };
+      shop.cart.addItem(createCartItem(createUITicket(voucherTicket), { quantity: 1 }));
+      const token = form.details.formData.id;
+      shop.cart.addCoupon(token);
+      const tokenField = form.details.fields.find((f) => f.key === "token");
+      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-form>`, 2);
+  function CouponRedemption($$anchor, $$props) {
+    push($$props, false);
+    Forms.defineForm({
+      id: "couponRedemption",
+      submitLabel: "cart.coupon.form.submit",
+      fields: [{ key: "token", required: true }]
+    });
+    async function redeem$1(e) {
+      await redeem(e.target);
+    }
+    init();
+    var go_form = root$7();
+    set_custom_element_data(go_form, "formId", "couponRedemption");
+    event("submit", go_form, redeem$1);
+    append($$anchor, go_form);
+    pop();
+  }
+  customElements.define("go-coupon-redemption", create_custom_element(CouponRedemption, {}, [], [], false));
   function isFunction$1(value) {
     return typeof value === "function";
   }
@@ -22382,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) {
@@ -30218,6 +30325,39 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     false
   ));
+  function Link($$anchor, $$props) {
+    push($$props, true);
+    const to = prop($$props, "to", 7);
+    const href = /* @__PURE__ */ user_derived(() => go.config.urls[to()]);
+    const a2 = wrapInElement($$props.$$host, "a");
+    user_effect(() => {
+      if (!get$2(href)) {
+        console.warn(`[go-link] No URL found for route "${to()}".`);
+        a2.removeAttribute("href");
+        return;
+      }
+      a2.setAttribute("href", get$2(href)());
+    });
+    a2.addEventListener("click", (e) => {
+      e.preventDefault();
+      if (!go.config.urls[to()]) {
+        console.warn(`[go-link] No URL found for route "${to()}". You can define it with go.config.urls.${to()} = () => 'https://example.com/my-route'`);
+        return;
+      }
+      go.config.navigateTo(go.config.urls[to()]());
+    });
+    var $$exports = {
+      get to() {
+        return to();
+      },
+      set to($$value) {
+        to($$value);
+        flushSync();
+      }
+    };
+    return pop($$exports);
+  }
+  customElements.define("go-link", create_custom_element(Link, { to: { attribute: "to", reflect: true, type: "String" } }, [], [], false));
   class OrderDetails {
     #token = /* @__PURE__ */ state();
     get token() {
@@ -32058,39 +32198,6 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   delegate(["click"]);
   customElements.define("go-add-to-cart-button", create_custom_element(AddToCartButton, {}, [], ["details"], false));
-  function Link($$anchor, $$props) {
-    push($$props, true);
-    const to = prop($$props, "to", 7);
-    const href = /* @__PURE__ */ user_derived(() => go.config.urls[to()]);
-    const a2 = wrapInElement($$props.$$host, "a");
-    user_effect(() => {
-      if (!get$2(href)) {
-        console.warn(`[go-link] No URL found for route "${to()}".`);
-        a2.removeAttribute("href");
-        return;
-      }
-      a2.setAttribute("href", get$2(href)());
-    });
-    a2.addEventListener("click", (e) => {
-      e.preventDefault();
-      if (!go.config.urls[to()]) {
-        console.warn(`[go-link] No URL found for route "${to()}". You can define it with go.config.urls.${to()} = () => 'https://example.com/my-route'`);
-        return;
-      }
-      go.config.navigateTo(go.config.urls[to()]());
-    });
-    var $$exports = {
-      get to() {
-        return to();
-      },
-      set to($$value) {
-        to($$value);
-        flushSync();
-      }
-    };
-    return pop($$exports);
-  }
-  customElements.define("go-link", create_custom_element(Link, { to: { attribute: "to", reflect: true, type: "String" } }, [], [], false));
   var root$1 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
   function Password($$anchor, $$props) {
     push($$props, false);

package/dist-js/gomus-webcomponents.js

@@ -11250,7 +11250,7 @@ function createCartItem(product, options) {
   };
 }
 function updateLocalStorage(cart) {
-  const content = JSON.stringify(cart.items || []);
+  const content = JSON.stringify({ items: cart.items || [], coupons: cart.coupons || [] });
   localStorage.setItem("go-cart", content);
   return content;
 }
@@ -11271,23 +11271,32 @@ function generateCartItem(cartItem) {
 }
 function loadFromLocalStorage(cart) {
   let lsItems = [];
+  let lsCoupons = [];
   try {
     const content = localStorage.getItem("go-cart");
     if (!content) return [];
-    lsItems = JSON.parse(content);
-    if (!Array.isArray(lsItems)) {
-      console.dir({ lsItems, content });
-      throw new Error("go-cart is not an array");
+    const parsed = JSON.parse(content);
+    if (Array.isArray(parsed)) {
+      lsItems = parsed;
+      lsCoupons = [];
+    } else if (typeof parsed === "object" && parsed !== null) {
+      lsItems = parsed.items || [];
+      lsCoupons = parsed.coupons || [];
+    } else {
+      console.dir({ parsed, content });
+      throw new Error("go-cart has invalid format");
     }
     if (lsItems.length === 0) {
       cart.clearItems();
-      return [];
+    } else {
+      cart.items = lsItems.map(generateCartItem).filter(defined);
     }
-    cart.items = lsItems.map(generateCartItem).filter(defined);
+    cart.clearCoupons();
+    lsCoupons.forEach((coupon) => cart.addCoupon(coupon));
     return cart.items;
   } catch (e) {
     console.error(e);
-    localStorage.setItem("go-cart", JSON.stringify([]));
+    localStorage.setItem("go-cart", JSON.stringify({ items: [], coupons: [] }));
     return [];
   }
 }
@@ -11324,8 +11333,10 @@ const defined = (x) => x !== void 0;
 let lastUuid = 0;
 function createCart(products, contingent = 20) {
   const items = proxy([]);
+  const coupons = proxy([]);
   const cart = {
     items,
+    coupons,
     contingent,
     // caps the total number of items in the cart
     uid: `cart-${lastUuid++}`,
@@ -11351,7 +11362,7 @@ function createCart(products, contingent = 20) {
         comment: null,
         reference: null,
         payment_mode_id: shop.settings?.defaultPaymentModeId,
-        coupons: [],
+        coupons: this.coupons,
         donations: [],
         affiliate: {},
         total: this.totalPriceCents
@@ -11377,6 +11388,20 @@ function createCart(products, contingent = 20) {
     },
     addProducts(products2) {
       products2.forEach((p2) => this.addItem(createCartItem(p2)));
+    },
+    addCoupon(token) {
+      if (!this.coupons.includes(token)) {
+        this.coupons.push(token);
+      }
+    },
+    removeCoupon(token) {
+      const index2 = this.coupons.indexOf(token);
+      if (index2 > -1) {
+        this.coupons.splice(index2, 1);
+      }
+    },
+    clearCoupons() {
+      while (this.coupons.length > 0) this.coupons.pop();
     }
   };
   if (products) products.forEach((p2) => cart.addItem(createCartItem(p2)));
@@ -12564,6 +12589,9 @@ class Shop {
       requiredFields: ["date", "ticket_ids"]
     });
   }
+  getCouponSaleByBarcode(token) {
+    return this.fetchAndCache(`/api/v4/coupon_sales/barcode/${token}`, `coupon_sale_barcode_${token}`, "coupon_sale");
+  }
   getEventDetailsOnDate(eventId, dateId) {
     return this.fetchAndCache(`/api/v4/events/${eventId}/dates/${dateId}`, `/api/v4/events/${eventId}/dates/${dateId}`, "date");
   }
@@ -15339,6 +15367,15 @@ var allFields = {
     description: "",
     autocomplete: "off",
     validator: string().date()
+  },
+  token: {
+    key: "token",
+    apiKey: "id",
+    type: "text",
+    label: "cart.coupon.form.code",
+    placeholder: "",
+    description: "",
+    autocomplete: "off"
   }
 };
 function createField(data, required) {
@@ -15383,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 });
@@ -15391,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) {
@@ -15727,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);
@@ -15773,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) => {
@@ -15793,12 +15842,13 @@ customElements.define("go-form", create_custom_element(
   ["details"],
   false
 ));
-var root$b = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$c = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function PasswordReset($$anchor, $$props) {
   push($$props, true);
   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) {
@@ -15822,7 +15872,7 @@ function PasswordReset($$anchor, $$props) {
       flushSync();
     }
   };
-  var go_form = root$b();
+  var go_form = root$c();
   set_custom_element_data(go_form, "formId", "passwordReset");
   template_effect(() => set_custom_element_data(go_form, "custom", custom2()));
   event("submit", go_form, passwordReset);
@@ -15830,11 +15880,12 @@ function PasswordReset($$anchor, $$props) {
   return pop($$exports);
 }
 customElements.define("go-password-reset", create_custom_element(PasswordReset, { custom: {} }, [], [], false));
-var root$a = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$b = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function SignIn($$anchor, $$props) {
   push($$props, true);
   Forms.defineForm({
     id: "signIn",
+    submitLabel: "common.actions.login",
     fields: [
       { key: "email", required: true },
       { key: "password", required: true }
@@ -15850,7 +15901,7 @@ function SignIn($$anchor, $$props) {
       details.apiErrors = result.error.errors;
     }
   }
-  var go_form = root$a();
+  var go_form = root$b();
   set_custom_element_data(go_form, "formId", "signIn");
   event("submit", go_form, signIn);
   append($$anchor, go_form);
@@ -15865,11 +15916,12 @@ customElements.define("go-sign-in", create_custom_element(
   [],
   false
 ));
-var root$9 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$a = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function SignUp($$anchor, $$props) {
   push($$props, true);
   Forms.defineForm({
     id: "signUp",
+    submitLabel: "common.actions.register",
     fields: [
       // { id: 'salutation', required: false },
       { key: "firstName", required: true },
@@ -15897,7 +15949,7 @@ function SignUp($$anchor, $$props) {
       details.apiErrors = result.error.errors;
     }
   }
-  var go_form = root$9();
+  var go_form = root$a();
   set_custom_element_data(go_form, "formId", "signUp");
   event("submit", go_form, signUp);
   append($$anchor, go_form);
@@ -15913,7 +15965,7 @@ customElements.define("go-sign-up", create_custom_element(
   false
 ));
 var root_1$h = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span><span class="go-cart-item-time" data-testid="cart-item-time"> </span>`, 1);
-var root$8 = /* @__PURE__ */ from_html(`<li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"><span class="go-cart-item-title-event-title"> </span><span class="go-cart-item-title-ticket-title"> </span></span><!></li>`);
+var root$9 = /* @__PURE__ */ from_html(`<li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"><span class="go-cart-item-title-event-title"> </span><span class="go-cart-item-title-ticket-title"> </span></span><!></li>`);
 function Event$2($$anchor, $$props) {
   push($$props, true);
   let cartItem = prop($$props, "cartItem", 7);
@@ -15928,7 +15980,7 @@ function Event$2($$anchor, $$props) {
       flushSync();
     }
   };
-  var li = root$8();
+  var li = root$9();
   var span = child(li);
   var span_1 = child(span);
   var text2 = child(span_1, true);
@@ -15974,7 +16026,7 @@ function Event$2($$anchor, $$props) {
 create_custom_element(Event$2, { cartItem: {} }, [], [], true);
 var root_2$q = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
 var root_1$g = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
-var root$7 = /* @__PURE__ */ from_html(`<li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!></li>`);
+var root$8 = /* @__PURE__ */ from_html(`<li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!></li>`);
 function Ticket($$anchor, $$props) {
   push($$props, true);
   let cartItem = prop($$props, "cartItem", 7);
@@ -15987,7 +16039,7 @@ function Ticket($$anchor, $$props) {
       flushSync();
     }
   };
-  var li = root$7();
+  var li = root$8();
   var span = child(li);
   var text2 = child(span, true);
   reset(span);
@@ -16214,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 },
@@ -16256,6 +16309,61 @@ function CheckoutForm($$anchor, $$props) {
   return pop($$exports);
 }
 customElements.define("go-checkout-form", create_custom_element(CheckoutForm, { custom: {} }, [], [], false));
+enable_legacy_mode_flag();
+async function redeem(form) {
+  if (!form) {
+    throw new Error("(go-coupon-redemption): form not found");
+  }
+  if (!shop.cart) {
+    throw new Error("(go-coupon-redemption): cart not found");
+  }
+  const result = await shop.asyncFetch(() => shop.getCouponSaleByBarcode(form.details.formData.id));
+  if (result?.is_valid && result.is_voucher_for) {
+    const tickets = await shop.asyncFetch(
+      () => shop.tickets({
+        // @ts-ignore - api supports filter even if schema doesn't yet.
+        "by_ticket_ids[]": [result.is_voucher_for]
+      })
+    );
+    const ticket = tickets.find((t) => t.id === result.is_voucher_for);
+    if (!ticket) {
+      form.details.apiErrors ??= [];
+      form.details.apiErrors = [shop.t("cart.coupon.form.errors.error")];
+      return;
+    }
+    const voucherTicket = { ...ticket, price_cents: 0 };
+    shop.cart.addItem(createCartItem(createUITicket(voucherTicket), { quantity: 1 }));
+    const token = form.details.formData.id;
+    shop.cart.addCoupon(token);
+    const tokenField = form.details.fields.find((f) => f.key === "token");
+    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-form>`, 2);
+function CouponRedemption($$anchor, $$props) {
+  push($$props, false);
+  Forms.defineForm({
+    id: "couponRedemption",
+    submitLabel: "cart.coupon.form.submit",
+    fields: [{ key: "token", required: true }]
+  });
+  async function redeem$1(e) {
+    await redeem(e.target);
+  }
+  init();
+  var go_form = root$7();
+  set_custom_element_data(go_form, "formId", "couponRedemption");
+  event("submit", go_form, redeem$1);
+  append($$anchor, go_form);
+  pop();
+}
+customElements.define("go-coupon-redemption", create_custom_element(CouponRedemption, {}, [], [], false));
 function isFunction$1(value) {
   return typeof value === "function";
 }
@@ -22382,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) {
@@ -30218,6 +30325,39 @@ customElements.define("go-init", create_custom_element(
   [],
   false
 ));
+function Link($$anchor, $$props) {
+  push($$props, true);
+  const to = prop($$props, "to", 7);
+  const href = /* @__PURE__ */ user_derived(() => go.config.urls[to()]);
+  const a2 = wrapInElement($$props.$$host, "a");
+  user_effect(() => {
+    if (!get$2(href)) {
+      console.warn(`[go-link] No URL found for route "${to()}".`);
+      a2.removeAttribute("href");
+      return;
+    }
+    a2.setAttribute("href", get$2(href)());
+  });
+  a2.addEventListener("click", (e) => {
+    e.preventDefault();
+    if (!go.config.urls[to()]) {
+      console.warn(`[go-link] No URL found for route "${to()}". You can define it with go.config.urls.${to()} = () => 'https://example.com/my-route'`);
+      return;
+    }
+    go.config.navigateTo(go.config.urls[to()]());
+  });
+  var $$exports = {
+    get to() {
+      return to();
+    },
+    set to($$value) {
+      to($$value);
+      flushSync();
+    }
+  };
+  return pop($$exports);
+}
+customElements.define("go-link", create_custom_element(Link, { to: { attribute: "to", reflect: true, type: "String" } }, [], [], false));
 class OrderDetails {
   #token = /* @__PURE__ */ state();
   get token() {
@@ -32058,39 +32198,6 @@ function AddToCartButton($$anchor, $$props) {
 }
 delegate(["click"]);
 customElements.define("go-add-to-cart-button", create_custom_element(AddToCartButton, {}, [], ["details"], false));
-function Link($$anchor, $$props) {
-  push($$props, true);
-  const to = prop($$props, "to", 7);
-  const href = /* @__PURE__ */ user_derived(() => go.config.urls[to()]);
-  const a2 = wrapInElement($$props.$$host, "a");
-  user_effect(() => {
-    if (!get$2(href)) {
-      console.warn(`[go-link] No URL found for route "${to()}".`);
-      a2.removeAttribute("href");
-      return;
-    }
-    a2.setAttribute("href", get$2(href)());
-  });
-  a2.addEventListener("click", (e) => {
-    e.preventDefault();
-    if (!go.config.urls[to()]) {
-      console.warn(`[go-link] No URL found for route "${to()}". You can define it with go.config.urls.${to()} = () => 'https://example.com/my-route'`);
-      return;
-    }
-    go.config.navigateTo(go.config.urls[to()]());
-  });
-  var $$exports = {
-    get to() {
-      return to();
-    },
-    set to($$value) {
-      to($$value);
-      flushSync();
-    }
-  };
-  return pop($$exports);
-}
-customElements.define("go-link", create_custom_element(Link, { to: { attribute: "to", reflect: true, type: "String" } }, [], [], false));
 var root$1 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function Password($$anchor, $$props) {
   push($$props, false);

package/dist-js/lib/models/cart/cart.svelte.d.ts

@@ -2,6 +2,7 @@ import { CartItem, Product } from './types.ts';
 export type Cart = ReturnType<typeof createCart>;
 export declare function createCart(products?: Product[], contingent?: number): {
     items: CartItem[];
+    coupons: string[];
     contingent: number;
     uid: string;
     readonly nonEmptyItems: CartItem[];
@@ -33,7 +34,7 @@ export declare function createCart(products?: Product[], contingent?: number): {
         comment: null;
         reference: null;
         payment_mode_id: string;
-        coupons: never[];
+        coupons: string[];
         donations: never[];
         affiliate: {};
         total: number;
@@ -44,10 +45,14 @@ export declare function createCart(products?: Product[], contingent?: number): {
     addItem(item: CartItem): void;
     addItems(items: CartItem[]): void;
     addProducts(products: Product[]): void;
+    addCoupon(token: string): void;
+    removeCoupon(token: string): void;
+    clearCoupons(): void;
 };
 export declare function formatCurrency(priceCents: number): string;
 export declare function createMainCart(): {
     items: CartItem[];
+    coupons: string[];
     contingent: number;
     uid: string;
     readonly nonEmptyItems: CartItem[];
@@ -79,7 +84,7 @@ export declare function createMainCart(): {
         comment: null;
         reference: null;
         payment_mode_id: string;
-        coupons: never[];
+        coupons: string[];
         donations: never[];
         affiliate: {};
         total: number;
@@ -90,4 +95,7 @@ export declare function createMainCart(): {
     addItem(item: CartItem): void;
     addItems(items: CartItem[]): void;
     addProducts(products: Product[]): void;
+    addCoupon(token: string): void;
+    removeCoupon(token: string): void;
+    clearCoupons(): void;
 };

package/dist-js/lib/stores/shop.svelte.d.ts

@@ -88,6 +88,7 @@ export declare class Shop {
     };
     get cart(): {
         items: import('../models/cart/types').CartItem[];
+        coupons: string[];
         contingent: number;
         uid: string;
         readonly nonEmptyItems: import('../models/cart/types').CartItem[];
@@ -116,7 +117,7 @@ export declare class Shop {
             comment: null;
             reference: null;
             payment_mode_id: string;
-            coupons: never[];
+            coupons: string[];
             donations: never[];
             affiliate: {};
             total: number;
@@ -127,6 +128,9 @@ export declare class Shop {
         addItem(item: import('../models/cart/types').CartItem): void;
         addItems(items: import('../models/cart/types').CartItem[]): void;
         addProducts(products: import('../models/cart/types').Product[]): void;
+        addCoupon(token: string): void;
+        removeCoupon(token: string): void;
+        clearCoupons(): void;
     } | undefined;
     get auth(): Auth;
     get currentUser(): User | undefined;
@@ -508,6 +512,14 @@ export declare class Shop {
         content: Record<string, never>;
     };
     getTicketCapacities(date: string, ticketIds: number[]): Promise<CapacitiesResponse>;
+    getCouponSaleByBarcode(token: string): {
+        id: number;
+        is_valid: boolean;
+        is_voucher_for: number | null;
+        value_cents: number;
+        value_action: string | null;
+        value: number | null;
+    };
     getEventDetailsOnDate(eventId: number, dateId: number): {
         id?: number;
         event_id?: number;

package/dist-js/mocks/mocks.d.ts

@@ -1094,6 +1094,7 @@ export declare const UIAnnualTicketMocks: {
 export declare const CartMocks: {
     cartOneItem: () => {
         items: import('../lib/models/cart/types').CartItem[];
+        coupons: string[];
         contingent: number;
         uid: string;
         readonly nonEmptyItems: import('../lib/models/cart/types').CartItem[];
@@ -1122,7 +1123,7 @@ export declare const CartMocks: {
             comment: null;
             reference: null;
             payment_mode_id: string;
-            coupons: never[];
+            coupons: string[];
             donations: never[];
             affiliate: {};
             total: number;
@@ -1133,9 +1134,13 @@ export declare const CartMocks: {
         addItem(item: import('../lib/models/cart/types').CartItem): void;
         addItems(items: import('../lib/models/cart/types').CartItem[]): void;
         addProducts(products: import('../lib/models/cart/types').Product[]): void;
+        addCoupon(token: string): void;
+        removeCoupon(token: string): void;
+        clearCoupons(): void;
     };
     cartTwoItems: () => {
         items: import('../lib/models/cart/types').CartItem[];
+        coupons: string[];
         contingent: number;
         uid: string;
         readonly nonEmptyItems: import('../lib/models/cart/types').CartItem[];
@@ -1164,7 +1169,7 @@ export declare const CartMocks: {
             comment: null;
             reference: null;
             payment_mode_id: string;
-            coupons: never[];
+            coupons: string[];
             donations: never[];
             affiliate: {};
             total: number;
@@ -1175,9 +1180,13 @@ export declare const CartMocks: {
         addItem(item: import('../lib/models/cart/types').CartItem): void;
         addItems(items: import('../lib/models/cart/types').CartItem[]): void;
         addProducts(products: import('../lib/models/cart/types').Product[]): void;
+        addCoupon(token: string): void;
+        removeCoupon(token: string): void;
+        clearCoupons(): void;
     };
     cartThreeItems: () => {
         items: import('../lib/models/cart/types').CartItem[];
+        coupons: string[];
         contingent: number;
         uid: string;
         readonly nonEmptyItems: import('../lib/models/cart/types').CartItem[];
@@ -1206,7 +1215,7 @@ export declare const CartMocks: {
             comment: null;
             reference: null;
             payment_mode_id: string;
-            coupons: never[];
+            coupons: string[];
             donations: never[];
             affiliate: {};
             total: number;
@@ -1217,6 +1226,9 @@ export declare const CartMocks: {
         addItem(item: import('../lib/models/cart/types').CartItem): void;
         addItems(items: import('../lib/models/cart/types').CartItem[]): void;
         addProducts(products: import('../lib/models/cart/types').Product[]): void;
+        addCoupon(token: string): void;
+        removeCoupon(token: string): void;
+        clearCoupons(): void;
     };
 };
 export declare const CartItemMocks: {

package/package.json

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