@gomusdev/web-components 1.45.0 → 1.47.1

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

@@ -4359,6 +4359,16 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     queue_micro_task(remove_defaults);
     add_form_reset_listener();
   }
+  function set_value(element, value) {
+    var attributes = get_attributes(element);
+    if (attributes.value === (attributes.value = // treat null and undefined the same for the initial value
+    value ?? void 0) || // @ts-expect-error
+    // `progress` elements always need their value set when it's `0`
+    element.value === value && (value !== 0 || element.nodeName !== "PROGRESS")) {
+      return;
+    }
+    element.value = value ?? "";
+  }
   function set_selected(element, selected) {
     if (selected) {
       if (!element.hasAttribute("selected")) {
@@ -12869,6 +12879,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     get ticketSale() {
       if (this.ticketSaleId) return snapshot(this.order?.ticket_sales.find((ts) => ts.id == this.ticketSaleId));
     }
+    get isBmcTicket() {
+      return this.ticketSale?.is_bmc_ticket || false;
+    }
     goToPersonalization(ticketSale) {
       if (configStore.config.urls.annualTicketPersonalizationForm) {
         return configStore.config.urls.annualTicketPersonalizationForm(this.token, ticketSale.id);
@@ -12879,8 +12892,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   const KEY$4 = "go-annual-ticket-personalization";
   const setPersonalizationDetails = createSetDetails(KEY$4);
+  const getPersonalizationDetails = createGetDetails(KEY$4);
   var root_3$9 = /* @__PURE__ */ from_html(`<li><a> </a></li>`);
-  var root_2$q = /* @__PURE__ */ from_html(`<ul class="go-annual-ticket"><li class="go-annual-ticket-title"> </li> <li class="go-annual-ticket-personalization-count"> </li> <!></ul>`);
+  var root_2$r = /* @__PURE__ */ from_html(`<ul class="go-annual-ticket"><li class="go-annual-ticket-title"> </li> <li class="go-annual-ticket-personalization-count"> </li> <!></ul>`);
   function AnnualTicketPersonalization($$anchor, $$props) {
     push($$props, true);
     let token = prop($$props, "token", 7);
@@ -12907,7 +12921,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         var fragment_1 = comment();
         var node_1 = first_child(fragment_1);
         each(node_1, 17, () => get$2(order).ticket_sales, (ticketSale) => ticketSale.id, ($$anchor3, ticketSale) => {
-          var ul = root_2$q();
+          var ul = root_2$r();
           var li = child(ul);
           var text2 = child(li, true);
           reset(li);
@@ -16527,7 +16541,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     host.replaceChildren(element);
     return element;
   }
-  var root_1$j = /* @__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);
+  var root_1$m = /* @__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);
@@ -16570,7 +16584,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     var node = first_child(fragment);
     {
       var consequent = ($$anchor2) => {
-        var fragment_1 = root_1$j();
+        var fragment_1 = root_1$m();
         var go_all_fields = first_child(fragment_1);
         var go_form_feedback = sibling(go_all_fields, 2);
         var go_submit = sibling(go_form_feedback, 2);
@@ -16597,7 +16611,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     [],
     ["details"]
   ));
-  var root$a = /* @__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);
@@ -16627,7 +16641,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         flushSync();
       }
     };
-    var go_form = root$a();
+    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);
@@ -16731,8 +16745,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     [],
     []
   ));
-  var root_1$i = /* @__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$9 = /* @__PURE__ */ from_html(`<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><!>`, 1);
+  var root_1$l = /* @__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$b = /* @__PURE__ */ from_html(`<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><!>`, 1);
   function Event$2($$anchor, $$props) {
     push($$props, true);
     let cartItem = prop($$props, "cartItem", 7);
@@ -16747,7 +16761,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         flushSync();
       }
     };
-    var fragment = root$9();
+    var fragment = root$b();
     var span = first_child(fragment);
     var span_1 = child(span);
     var text2 = child(span_1, true);
@@ -16759,7 +16773,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     var node = sibling(span);
     {
       var consequent = ($$anchor2) => {
-        var fragment_1 = root_1$i();
+        var fragment_1 = root_1$l();
         var span_3 = first_child(fragment_1);
         var text_2 = child(span_3, true);
         reset(span_3);
@@ -16790,9 +16804,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     return pop($$exports);
   }
   create_custom_element(Event$2, { cartItem: {} }, [], [], { mode: "open" });
-  var root_2$p = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
-  var root_1$h = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
-  var root$8 = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!>`, 1);
+  var root_2$q = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
+  var root_1$k = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
+  var root$a = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!>`, 1);
   function Ticket($$anchor, $$props) {
     push($$props, true);
     let cartItem = prop($$props, "cartItem", 7);
@@ -16805,21 +16819,21 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         flushSync();
       }
     };
-    var fragment = root$8();
+    var fragment = root$a();
     var span = first_child(fragment);
     var text2 = child(span, true);
     reset(span);
     var node = sibling(span, 2);
     {
       var consequent_1 = ($$anchor2) => {
-        var fragment_1 = root_1$h();
+        var fragment_1 = root_1$k();
         var span_1 = first_child(fragment_1);
         var text_1 = child(span_1, true);
         reset(span_1);
         var node_1 = sibling(span_1, 2);
         {
           var consequent = ($$anchor3) => {
-            var span_2 = root_2$p();
+            var span_2 = root_2$q();
             var text_2 = child(span_2, true);
             reset(span_2);
             template_effect(($0) => set_text(text_2, $0), [() => formatTime(cartItem().time)]);
@@ -16865,7 +16879,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   var root_7$3 = /* @__PURE__ */ from_html(`<option> </option>`);
   var root_6$2 = /* @__PURE__ */ from_html(`<select></select>`);
   var root_8$2 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove" data-go-cart-item-remove=""><button>⨉</button></li>`);
-  var root_1$g = /* @__PURE__ */ from_html(`<article><ul><li data-go-cart-item-title=""><!></li> <li class="go-cart-item-price" data-go-cart-item-price=""> </li> <li class="go-cart-item-count" data-go-cart-item-count=""><!></li> <!> <li class="go-cart-item-sum" data-go-cart-item-sum=""> </li></ul></article>`);
+  var root_1$j = /* @__PURE__ */ from_html(`<article><ul><li data-go-cart-item-title=""><!></li> <li class="go-cart-item-price" data-go-cart-item-price=""> </li> <li class="go-cart-item-count" data-go-cart-item-count=""><!></li> <!> <li class="go-cart-item-sum" data-go-cart-item-sum=""> </li></ul></article>`);
   function Item$1($$anchor, $$props) {
     push($$props, true);
     let cartItem = prop($$props, "cartItem", 7), cart = prop($$props, "cart", 7), preview = prop($$props, "preview", 7);
@@ -16908,7 +16922,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     var node = first_child(fragment);
     {
       var consequent_4 = ($$anchor2) => {
-        var article = root_1$g();
+        var article = root_1$j();
         var ul = child(article);
         var li = child(ul);
         var node_1 = child(li);
@@ -17020,10 +17034,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
   delegate(["change", "click"]);
   create_custom_element(Item$1, { cartItem: {}, cart: {}, preview: {} }, [], [], { mode: "open" });
-  var root_2$o = /* @__PURE__ */ from_html(`<li class="go-cart-header-remove" data-go-cart-header-remove=""></li>`);
+  var root_2$p = /* @__PURE__ */ from_html(`<li class="go-cart-header-remove" data-go-cart-header-remove=""></li>`);
   var root_3$8 = /* @__PURE__ */ from_html(`<li class="go-cart-item" data-go-cart-item=""><!></li>`);
   var root_4$6 = /* @__PURE__ */ from_html(`<li class="go-cart-footer-remove" data-go-cart-footer-remove=""></li>`);
-  var root_1$f = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li class="go-cart-header" data-go-cart-header="" data-testid="cart-header"><ul><li class="go-cart-header-title" data-go-cart-header-title=""> </li> <li class="go-cart-header-price" data-go-cart-header-price=""> </li> <li class="go-cart-header-count" data-go-cart-header-count=""> </li> <!> <li class="go-cart-header-sum" data-go-cart-header-sum=""> </li></ul></li> <!> <li class="go-cart-footer" data-go-cart-footer="" data-testid="cart-footer"><ul><li class="go-cart-footer-title" data-go-cart-footer-title=""></li> <li class="go-cart-footer-price" data-go-cart-footer-price=""></li> <li class="go-cart-footer-count" data-go-cart-footer-count=""></li> <!> <li class="go-cart-footer-sum" data-go-cart-footer-sum="" data-go-cart-sum=""> </li></ul></li></ol>`);
+  var root_1$i = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li class="go-cart-header" data-go-cart-header="" data-testid="cart-header"><ul><li class="go-cart-header-title" data-go-cart-header-title=""> </li> <li class="go-cart-header-price" data-go-cart-header-price=""> </li> <li class="go-cart-header-count" data-go-cart-header-count=""> </li> <!> <li class="go-cart-header-sum" data-go-cart-header-sum=""> </li></ul></li> <!> <li class="go-cart-footer" data-go-cart-footer="" data-testid="cart-footer"><ul><li class="go-cart-footer-title" data-go-cart-footer-title=""></li> <li class="go-cart-footer-price" data-go-cart-footer-price=""></li> <li class="go-cart-footer-count" data-go-cart-footer-count=""></li> <!> <li class="go-cart-footer-sum" data-go-cart-footer-sum="" data-go-cart-sum=""> </li></ul></li></ol>`);
   function Cart($$anchor, $$props) {
     push($$props, true);
     const preview = prop($$props, "preview", 7, false);
@@ -17041,7 +17055,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     var node = first_child(fragment);
     {
       var consequent_2 = ($$anchor2) => {
-        var ol = root_1$f();
+        var ol = root_1$i();
         var li = child(ol);
         var ul = child(li);
         var li_1 = child(ul);
@@ -17056,7 +17070,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         var node_1 = sibling(li_3, 2);
         {
           var consequent = ($$anchor3) => {
-            var li_4 = root_2$o();
+            var li_4 = root_2$p();
             append($$anchor3, li_4);
           };
           if_block(node_1, ($$render) => {
@@ -17228,7 +17242,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       form.details.apiErrors = [shop.t("cart.coupon.form.errors.notValid")];
     }
   }
-  var root$7 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+  var root$9 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
   function CouponRedemption($$anchor, $$props) {
     push($$props, false);
     Forms.defineForm({
@@ -17240,13 +17254,286 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       await redeem(e.target);
     }
     init();
-    var go_form = root$7();
+    var go_form = root$9();
     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, {}, [], []));
+  class GoDonation {
+    #campaign = /* @__PURE__ */ state();
+    get campaign() {
+      return get$2(this.#campaign);
+    }
+    set campaign(value) {
+      set(this.#campaign, value, true);
+    }
+    #amount = /* @__PURE__ */ state();
+    get amount() {
+      return get$2(this.#amount);
+    }
+    set amount(value) {
+      set(this.#amount, value, true);
+    }
+    selectCampaign = (selectedCampaign) => {
+      this.campaign = selectedCampaign;
+      document.getElementsByClassName("donation-actions")[0]?.scrollIntoView();
+    };
+    addDonationToCart = () => {
+      if (this.amount === void 0 || this.campaign === void 0) {
+        return;
+      }
+      const donationObject = { value: this.amount, campaign_id: this.campaign.id };
+      let currentDonationsLocalStorage = JSON.parse(localStorage.getItem("201600627v4donations") || "[]");
+      let donationTotal = sum(currentDonationsLocalStorage.filter((d) => d.campaign_id = donationObject.campaign_id), (d) => d.value) + donationObject.value;
+      if (donationTotal > this.campaign.guest_limit && this.campaign.guest_limit > 0 && (!shop.currentUser?.isAuthenticated || shop.currentUser.isGuest)) {
+        this.skipDonation();
+      } else {
+        currentDonationsLocalStorage.push(donationObject);
+        localStorage.setItem("201600627v4donations", JSON.stringify(currentDonationsLocalStorage));
+        localStorage.setItem("skipDonation", "true");
+        window.history.pushState(null, "", shop.urls.cart());
+        window.location.replace(shop.urls.cart());
+      }
+    };
+    skipDonation = () => {
+      localStorage.setItem("skipDonation", "true");
+      window.history.pushState(null, "", shop.urls.cart());
+      window.location.replace(shop.urls.cart());
+    };
+  }
+  const goDonation = new GoDonation();
+  var root_1$h = /* @__PURE__ */ from_html(`<img alt="logo"/>`);
+  var root$8 = /* @__PURE__ */ from_html(`<div role="button" tabindex="0"><div class="donation-image"><!></div> <div class="donation-info"><p class="donation-info-title"> </p> <p class="donation-info-description"> </p></div></div>`);
+  function DonationCampaign($$anchor, $$props) {
+    push($$props, true);
+    let campaign = prop($$props, "campaign", 7);
+    const translations = /* @__PURE__ */ user_derived(() => campaign().translations);
+    var $$exports = {
+      get campaign() {
+        return campaign();
+      },
+      set campaign($$value) {
+        campaign($$value);
+        flushSync();
+      }
+    };
+    var div = root$8();
+    let classes;
+    div.__click = () => goDonation.selectCampaign(campaign());
+    div.__keydown = (e) => {
+      if (e.key === "Enter") {
+        goDonation.selectCampaign(campaign());
+      }
+    };
+    var div_1 = child(div);
+    var node = child(div_1);
+    {
+      var consequent = ($$anchor2) => {
+        var img = root_1$h();
+        template_effect(($0) => set_attribute(img, "src", $0), [
+          () => campaign().picture.thumbnail.replace("thumbnail", "article_3x2")
+        ]);
+        append($$anchor2, img);
+      };
+      if_block(node, ($$render) => {
+        if (campaign().picture.thumbnail) $$render(consequent);
+      });
+    }
+    reset(div_1);
+    var div_2 = sibling(div_1, 2);
+    var p2 = child(div_2);
+    var text2 = child(p2, true);
+    reset(p2);
+    var p_1 = sibling(p2, 2);
+    var text_1 = child(p_1, true);
+    reset(p_1);
+    reset(div_2);
+    reset(div);
+    template_effect(() => {
+      classes = set_class(div, 1, "go-donation-campaign", null, classes, { selected: goDonation.campaign?.id === campaign()?.id });
+      set_text(text2, get$2(translations)["donations.headline"]);
+      set_text(text_1, get$2(translations)["donations.shop.info"]);
+    });
+    append($$anchor, div);
+    return pop($$exports);
+  }
+  delegate(["click", "keydown"]);
+  create_custom_element(DonationCampaign, { campaign: {} }, [], [], { mode: "open" });
+  function currency(value, currency2) {
+    if (currency2 == "CHF") {
+      return new Intl.NumberFormat("de-CH", { style: "currency", currency: currency2 }).format(value);
+    } else {
+      return new Intl.NumberFormat("de-DE", { style: "currency", currency: currency2 }).format(value);
+    }
+  }
+  function parseIds(ids) {
+    if (!ids) {
+      return void 0;
+    }
+    const parsed = ids.split(",").map((id) => id.trim()).map(Number).filter((num) => !isNaN(num) && num > 0);
+    return parsed.length > 0 ? parsed : void 0;
+  }
+  function parseTokens(tokens, possibleTokens) {
+    if (!tokens) {
+      return void 0;
+    }
+    const parsed = tokens.split(",").map((token) => token.trim()).map(String).filter((token) => token.length > 0);
+    parsed.forEach((token) => {
+      if (!possibleTokens.includes(token)) {
+        throw new Error("(parseTokens) Invalid token: " + token);
+      }
+    });
+    return parsed.length > 0 ? parsed : void 0;
+  }
+  var root_1$g = /* @__PURE__ */ from_html(`<button> </button>`);
+  var root_2$o = /* @__PURE__ */ from_html(`<form id="donationForm" action="" novalidate=""><div class="donation-custom form-group"><label for="donation-custom-amount"> </label> <input class="form-control" id="donation-custom-amount" type="number" min="1"/></div></form>`);
+  var root$7 = /* @__PURE__ */ from_html(`<div class="donation-selection"><h3> </h3> <div class="donation-options"></div> <!></div>`);
+  function DonationSelector($$anchor, $$props) {
+    push($$props, true);
+    const guestMaxLimit = goDonation.campaign?.guest_limit / 100;
+    let customAmount = /* @__PURE__ */ state(void 0);
+    function selectAmount(amount) {
+      goDonation.amount = amount;
+      set(customAmount, null);
+    }
+    function handleCustomInput(e) {
+      const form = document.getElementById("donationForm");
+      if (form.checkValidity()) {
+        goDonation.amount = e.target.valueAsNumber * 100;
+      } else {
+        goDonation.amount = void 0;
+        form.reportValidity();
+      }
+    }
+    var div = root$7();
+    var h3 = child(div);
+    var text2 = child(h3, true);
+    reset(h3);
+    var div_1 = sibling(h3, 2);
+    each(div_1, 20, () => goDonation.campaign?.options, (option) => option, ($$anchor2, option) => {
+      var button = root_1$g();
+      let classes;
+      button.__click = () => selectAmount(option);
+      var text_1 = child(button, true);
+      reset(button);
+      template_effect(
+        ($0) => {
+          classes = set_class(button, 1, "btn btn-default", null, classes, { selected: goDonation.amount === option });
+          set_text(text_1, $0);
+        },
+        [() => currency(option / 100, shop.currency)]
+      );
+      append($$anchor2, button);
+    });
+    reset(div_1);
+    var node = sibling(div_1, 2);
+    {
+      var consequent = ($$anchor2) => {
+        var form_1 = root_2$o();
+        var div_2 = child(form_1);
+        var label = child(div_2);
+        var text_2 = child(label, true);
+        reset(label);
+        var input = sibling(label, 2);
+        remove_input_defaults(input);
+        input.__input = handleCustomInput;
+        reset(div_2);
+        reset(form_1);
+        template_effect(
+          ($0, $1) => {
+            set_text(text_2, $0);
+            set_attribute(input, "max", guestMaxLimit);
+            set_attribute(input, "placeholder", $1);
+            set_value(input, get$2(customAmount));
+          },
+          [
+            () => shop.t("donations.selection.custom.label"),
+            () => shop.t("donations.selection.custom.input.placeholder")
+          ]
+        );
+        append($$anchor2, form_1);
+      };
+      if_block(node, ($$render) => {
+        if (goDonation.campaign?.free_donations) $$render(consequent);
+      });
+    }
+    reset(div);
+    template_effect(($0) => set_text(text2, $0), [() => shop.t("donations.selection.title")]);
+    append($$anchor, div);
+    pop();
+  }
+  delegate(["click", "input"]);
+  create_custom_element(DonationSelector, {}, [], [], { mode: "open" });
+  var root_1$f = /* @__PURE__ */ from_html(`<div class="go-donations-list"><!> <!> <div class="donation-actions"><button class="btn btn-default"> </button> <button class="btn btn-primary"> </button></div></div>`);
+  function Donations($$anchor, $$props) {
+    push($$props, false);
+    onMount(() => {
+      if (shop.donations?.campaigns?.length == 1) {
+        goDonation.selectCampaign(shop.donations?.campaigns[0]);
+      }
+    });
+    init();
+    var fragment = comment();
+    var node = first_child(fragment);
+    {
+      var consequent_1 = ($$anchor2) => {
+        var div = root_1$f();
+        var node_1 = child(div);
+        each(node_1, 1, () => shop?.donations?.campaigns, (campaign) => campaign.id, ($$anchor3, campaign) => {
+          DonationCampaign($$anchor3, {
+            get campaign() {
+              return get$2(campaign);
+            }
+          });
+        });
+        var node_2 = sibling(node_1, 2);
+        {
+          var consequent = ($$anchor3) => {
+            DonationSelector($$anchor3, {});
+          };
+          if_block(node_2, ($$render) => {
+            if (goDonation.campaign) $$render(consequent);
+          });
+        }
+        var div_1 = sibling(node_2, 2);
+        var button = child(div_1);
+        button.__click = function(...$$args) {
+          goDonation.skipDonation?.apply(this, $$args);
+        };
+        var text2 = child(button, true);
+        reset(button);
+        var button_1 = sibling(button, 2);
+        button_1.__click = function(...$$args) {
+          goDonation.addDonationToCart?.apply(this, $$args);
+        };
+        var text_1 = child(button_1, true);
+        reset(button_1);
+        reset(div_1);
+        reset(div);
+        template_effect(
+          ($0, $1) => {
+            set_text(text2, $0);
+            button_1.disabled = !goDonation.amount;
+            set_text(text_1, $1);
+          },
+          [
+            () => shop.t("donations.actions.continueWithoutDonation"),
+            () => shop.t("donations.actions.addToCart")
+          ]
+        );
+        append($$anchor2, div);
+      };
+      if_block(node, ($$render) => {
+        if (shop.donations && shop.donations.campaigns) $$render(consequent_1);
+      });
+    }
+    append($$anchor, fragment);
+    pop();
+  }
+  delegate(["click"]);
+  customElements.define("go-donations", create_custom_element(Donations, {}, [], []));
   function isFunction$1(value) {
     return typeof value === "function";
   }
@@ -31650,10 +31937,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     let when = prop($$props, "when", 7), then = prop($$props, "then", 7, "show");
     const _ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
     const ticketSelectionDetails = /* @__PURE__ */ user_derived(() => _ticketSelectionDetails.value);
+    const _personalizationDetails = getPersonalizationDetails($$props.$$host);
+    const personalizationDetails = /* @__PURE__ */ user_derived(() => _personalizationDetails.value);
     const _formDetails = getDetails$1($$props.$$host);
     const formDetails = /* @__PURE__ */ user_derived(() => _formDetails.value);
     let data = /* @__PURE__ */ user_derived(() => ({
       ticketSelection: get$2(ticketSelectionDetails),
+      personalizationDetails: get$2(personalizationDetails),
       formData: get$2(formDetails)?.formData,
       cart: shop.cart
     }));
@@ -32399,25 +32689,107 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     pop();
   }
   customElements.define("go-order-invoice-id", create_custom_element(InvoiceId, {}, [], []));
-  function parseIds(ids) {
-    if (!ids) {
-      return void 0;
+  var root$2 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+  function Password($$anchor, $$props) {
+    push($$props, false);
+    Forms.defineForm({
+      id: "passwordResetForm",
+      fields: [
+        { key: "currentPassword", required: true },
+        { key: "password", required: true },
+        { key: "confirmPassword", required: true }
+      ]
+    });
+    async function submit(event2) {
+      const form = event2.target;
+      const details = form.details;
+      const result = await shop.updatePassword(details.formData);
+      if (result.data) {
+        details.successMessage = shop.t("user.passwordSuccess.desc.title");
+        details.apiErrors = [];
+      } else {
+        details.apiErrors = result.error?.errors || result.error || result.errors;
+      }
     }
-    const parsed = ids.split(",").map((id) => id.trim()).map(Number).filter((num) => !isNaN(num) && num > 0);
-    return parsed.length > 0 ? parsed : void 0;
+    init();
+    var go_form = root$2();
+    set_custom_element_data(go_form, "formId", "passwordResetForm");
+    event("submit", go_form, submit);
+    append($$anchor, go_form);
+    pop();
   }
-  function parseTokens(tokens, possibleTokens) {
-    if (!tokens) {
-      return void 0;
-    }
-    const parsed = tokens.split(",").map((token) => token.trim()).map(String).filter((token) => token.length > 0);
-    parsed.forEach((token) => {
-      if (!possibleTokens.includes(token)) {
-        throw new Error("(parseTokens) Invalid token: " + token);
-      }
+  customElements.define("go-profile-password", create_custom_element(Password, {}, [], []));
+  var root$1 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+  function Details$2($$anchor, $$props) {
+    push($$props, true);
+    Forms.defineForm({
+      id: "accountDetailsForm",
+      fields: [
+        { key: "salutation", required: false },
+        { key: "firstName", required: true },
+        { key: "lastName", required: true },
+        { key: "email", required: true },
+        { key: "confirmEmail", required: true },
+        // { key: 'addressee', required: true },
+        // { key: 'street', required: true },
+        // { key: 'postcode', required: true },
+        // { key: 'city', required: true },
+        // { key: 'country', required: true },
+        { key: "language", required: true }
+      ]
     });
-    return parsed.length > 0 ? parsed : void 0;
+    let form = /* @__PURE__ */ state(void 0);
+    const user = /* @__PURE__ */ user_derived(() => shop.validateToken());
+    onMount(async () => {
+      await shop.waitForAllFetches();
+      await pollUntilTruthy(() => get$2(form).details);
+      await pollUntilTruthy(() => get$2(user).data);
+      get$2(form).details.fill(get$2(user).data);
+    });
+    var go_form = root$1();
+    set_custom_element_data(go_form, "formId", "accountDetailsForm");
+    bind_this(go_form, ($$value) => set(form, $$value), () => get$2(form));
+    append($$anchor, go_form);
+    pop();
   }
+  customElements.define("go-profile-details", create_custom_element(Details$2, {}, [], []));
+  var root_1$4 = /* @__PURE__ */ from_html(`<div class="go-profile-fullname"> </div> <div class="go-profile-email"> </div>`, 1);
+  function Overview($$anchor, $$props) {
+    push($$props, true);
+    const user = /* @__PURE__ */ user_derived(() => shop.validateToken());
+    const data = /* @__PURE__ */ user_derived(() => get$2(user)?.data);
+    var fragment = comment();
+    var node = first_child(fragment);
+    {
+      var consequent = ($$anchor2) => {
+        var fragment_1 = root_1$4();
+        var div = first_child(fragment_1);
+        var text2 = child(div);
+        reset(div);
+        var div_1 = sibling(div, 2);
+        var text_1 = child(div_1, true);
+        reset(div_1);
+        template_effect(() => {
+          set_text(text2, `${get$2(data).name ?? ""}
+    ${get$2(data).surname ?? ""}`);
+          set_text(text_1, get$2(data).email);
+        });
+        append($$anchor2, fragment_1);
+      };
+      var alternate = ($$anchor2) => {
+        var text_2 = text();
+        template_effect(($0) => set_text(text_2, $0), [() => shop.t("user.login.desc.text")]);
+        append($$anchor2, text_2);
+      };
+      if_block(node, ($$render) => {
+        if (get$2(data)) $$render(consequent);
+        else $$render(alternate, false);
+      });
+    }
+    append($$anchor, fragment);
+    pop();
+  }
+  customElements.define("go-profile-overview", create_custom_element(Overview, {}, [], []));
   function TicketSelection($$anchor, $$props) {
     push($$props, true);
     let mode = prop($$props, "mode", 7), filters = prop($$props, "filters", 7), eventIds = prop($$props, "eventIds", 7), museumIds = prop($$props, "museumIds", 7), exhibitionIds = prop($$props, "exhibitionIds", 7), selectedDate = prop($$props, "selectedDate", 7), selectedTimeslot = prop($$props, "selectedTimeslot", 7), ticketIds = prop($$props, "ticketIds", 7), ticketGroupIds = prop($$props, "ticketGroupIds", 7);
@@ -33054,13 +33426,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const d = /* @__PURE__ */ new Date();
     return d.toISOString();
   }
-  var root_1$4 = /* @__PURE__ */ from_html(`<span class="go-tickets-item-title-event-title"> </span> <span class="go-tickets-item-title-product-title"> </span>`, 1);
+  var root_1$3 = /* @__PURE__ */ from_html(`<span class="go-tickets-item-title-event-title"> </span> <span class="go-tickets-item-title-product-title"> </span>`, 1);
   var root_4 = /* @__PURE__ */ from_html(`<option> </option>`);
   var root_3$1 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-tickets-item-title"><!></li> <li class="go-tickets-item-description" data-go-tickets-description=""><!></li> <li class="go-tickets-item-price" data-go-tickets-price=""> </li> <li class="go-tickets-item-quality" data-go-tickets-quality=""><select></select></li></ul></article></li>`);
   function Item($$anchor, $$props) {
     push($$props, true);
     const scaled_title = ($$anchor2) => {
-      var fragment = root_1$4();
+      var fragment = root_1$3();
       var span = first_child(fragment);
       var text2 = child(span);
       reset(span);
@@ -33172,7 +33544,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
   delegate(["change"]);
   create_custom_element(Item, { item: {}, details: {} }, [], [], { mode: "open" });
-  var root_1$3 = /* @__PURE__ */ from_html(`<ol class="go-tickets" data-testid="tickets"><li class="go-tickets-header" data-go-tickets-header="" data-testid="tickets-header"><ul><li class="go-tickets-header-title" data-go-tickets-title=""> </li> <li class="go-tickets-header-description" data-go-tickets-description=""> </li> <li class="go-tickets-header-price" data-go-tickets-price=""> </li> <li class="go-tickets-header-quality" data-go-tickets-quality=""> </li></ul></li> <!></ol>`);
+  var root_1$2 = /* @__PURE__ */ from_html(`<ol class="go-tickets" data-testid="tickets"><li class="go-tickets-header" data-go-tickets-header="" data-testid="tickets-header"><ul><li class="go-tickets-header-title" data-go-tickets-title=""> </li> <li class="go-tickets-header-description" data-go-tickets-description=""> </li> <li class="go-tickets-header-price" data-go-tickets-price=""> </li> <li class="go-tickets-header-quality" data-go-tickets-quality=""> </li></ul></li> <!></ol>`);
   function Body($$anchor, $$props) {
     push($$props, true);
     const _details = getSegmentDetails($$props.$$host);
@@ -33182,7 +33554,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     var node = first_child(fragment);
     {
       var consequent = ($$anchor2) => {
-        var ol = root_1$3();
+        var ol = root_1$2();
         var li = child(ol);
         var ul = child(li);
         var li_1 = child(ul);
@@ -33246,7 +33618,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     pop();
   }
   customElements.define("go-ticket-segment-sum", create_custom_element(Sum, {}, [], []));
-  let Details$2 = class Details {
+  let Details$1 = class Details {
     #tsd;
     get tsd() {
       return get$2(this.#tsd);
@@ -33292,12 +33664,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
   };
   var root_2$1 = /* @__PURE__ */ from_html(`<li><label> <input type="radio" name="timeslot"/></label></li>`);
-  var root_1$2 = /* @__PURE__ */ from_html(`<ul data-testid="timeslots"></ul>`);
+  var root_1$1 = /* @__PURE__ */ from_html(`<ul data-testid="timeslots"></ul>`);
   function Timeslots($$anchor, $$props) {
     push($$props, true);
     const binding_group = [];
     const _tsd = getTicketSelectionDetails($$props.$$host);
-    const details = new Details$2(_tsd);
+    const details = new Details$1(_tsd);
     const change = (e) => {
       e.target.dispatchEvent(new CustomEvent("go-timeslot-select", {
         detail: { selected: details.tsd.selectedTimeslot },
@@ -33310,7 +33682,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     var node = first_child(fragment);
     {
       var consequent = ($$anchor2) => {
-        var ul = root_1$2();
+        var ul = root_1$1();
         each(ul, 20, () => details.timeslots, (timeslot) => timeslot, ($$anchor3, timeslot) => {
           const selected = /* @__PURE__ */ user_derived(() => details.tsd?.selectedTimeslot === timeslot.startAt);
           var li = root_2$1();
@@ -33469,7 +33841,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   var root_11 = /* @__PURE__ */ from_html(`<div> </div>`);
   var root_7 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
   var root_2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-  var root_1$1 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
+  var root_1 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
   function CalendarUI($$anchor, $$props) {
     push($$props, true);
     let calendarClass = prop($$props, "calendarClass", 7);
@@ -33491,7 +33863,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         flushSync();
       }
     };
-    var div = root_1$1();
+    var div = root_1();
     var node = child(div);
     {
       const children = ($$anchor2, $$arg0) => {
@@ -33741,7 +34113,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     return pop($$exports);
   }
   customElements.define("go-calendar", create_custom_element(Calendar_1, {}, [], ["details"]));
-  let Details$1 = class Details {
+  class Details {
     #ticketSelectionDetails;
     get ticketSelectionDetails() {
       return get$2(this.#ticketSelectionDetails);
@@ -33777,14 +34149,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const ret = this.ticketSelectionDetails.preCarts.some((cart) => cart.items.some((item) => item.quantity > 0));
       return ret;
     }
-  };
-  var root$2 = /* @__PURE__ */ from_html(`<button data-add-to-cart-button="" data-testid="go-add-to-cart-button__button"> </button>`);
+  }
+  var root = /* @__PURE__ */ from_html(`<button data-add-to-cart-button="" data-testid="go-add-to-cart-button__button"> </button>`);
   function AddToCartButton($$anchor, $$props) {
     push($$props, true);
     const _tsd = getTicketSelectionDetails($$props.$$host);
-    const details = new Details$1(_tsd);
+    const details = new Details(_tsd);
     var $$exports = { details };
-    var button = root$2();
+    var button = root();
     button.__click = () => details.addToCart();
     var text2 = child(button, true);
     reset(button);
@@ -33805,107 +34177,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
   delegate(["click"]);
   customElements.define("go-add-to-cart-button", create_custom_element(AddToCartButton, {}, [], ["details"]));
-  var root$1 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
-  function Password($$anchor, $$props) {
-    push($$props, false);
-    Forms.defineForm({
-      id: "passwordResetForm",
-      fields: [
-        { key: "currentPassword", required: true },
-        { key: "password", required: true },
-        { key: "confirmPassword", required: true }
-      ]
-    });
-    async function submit(event2) {
-      const form = event2.target;
-      const details = form.details;
-      const result = await shop.updatePassword(details.formData);
-      if (result.data) {
-        details.successMessage = shop.t("user.passwordSuccess.desc.title");
-        details.apiErrors = [];
-      } else {
-        details.apiErrors = result.error?.errors || result.error || result.errors;
-      }
-    }
-    init();
-    var go_form = root$1();
-    set_custom_element_data(go_form, "formId", "passwordResetForm");
-    event("submit", go_form, submit);
-    append($$anchor, go_form);
-    pop();
-  }
-  customElements.define("go-profile-password", create_custom_element(Password, {}, [], []));
-  var root = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
-  function Details($$anchor, $$props) {
-    push($$props, true);
-    Forms.defineForm({
-      id: "accountDetailsForm",
-      fields: [
-        { key: "salutation", required: false },
-        { key: "firstName", required: true },
-        { key: "lastName", required: true },
-        { key: "email", required: true },
-        { key: "confirmEmail", required: true },
-        // { key: 'addressee', required: true },
-        // { key: 'street', required: true },
-        // { key: 'postcode', required: true },
-        // { key: 'city', required: true },
-        // { key: 'country', required: true },
-        { key: "language", required: true }
-      ]
-    });
-    let form = /* @__PURE__ */ state(void 0);
-    const user = /* @__PURE__ */ user_derived(() => shop.validateToken());
-    onMount(async () => {
-      await shop.waitForAllFetches();
-      await pollUntilTruthy(() => get$2(form).details);
-      await pollUntilTruthy(() => get$2(user).data);
-      get$2(form).details.fill(get$2(user).data);
-    });
-    var go_form = root();
-    set_custom_element_data(go_form, "formId", "accountDetailsForm");
-    bind_this(go_form, ($$value) => set(form, $$value), () => get$2(form));
-    append($$anchor, go_form);
-    pop();
-  }
-  customElements.define("go-profile-details", create_custom_element(Details, {}, [], []));
-  var root_1 = /* @__PURE__ */ from_html(`<div class="go-profile-fullname"> </div> <div class="go-profile-email"> </div>`, 1);
-  function Overview($$anchor, $$props) {
-    push($$props, true);
-    const user = /* @__PURE__ */ user_derived(() => shop.validateToken());
-    const data = /* @__PURE__ */ user_derived(() => get$2(user)?.data);
-    var fragment = comment();
-    var node = first_child(fragment);
-    {
-      var consequent = ($$anchor2) => {
-        var fragment_1 = root_1();
-        var div = first_child(fragment_1);
-        var text2 = child(div);
-        reset(div);
-        var div_1 = sibling(div, 2);
-        var text_1 = child(div_1, true);
-        reset(div_1);
-        template_effect(() => {
-          set_text(text2, `${get$2(data).name ?? ""}
-    ${get$2(data).surname ?? ""}`);
-          set_text(text_1, get$2(data).email);
-        });
-        append($$anchor2, fragment_1);
-      };
-      var alternate = ($$anchor2) => {
-        var text_2 = text();
-        template_effect(($0) => set_text(text_2, $0), [() => shop.t("user.login.desc.text")]);
-        append($$anchor2, text_2);
-      };
-      if_block(node, ($$render) => {
-        if (get$2(data)) $$render(consequent);
-        else $$render(alternate, false);
-      });
-    }
-    append($$anchor, fragment);
-    pop();
-  }
-  customElements.define("go-profile-overview", create_custom_element(Overview, {}, [], []));
   async function initGo(window2) {
     const stub = window2.go;
     let q = stub && stub._queue || [];