@gomusdev/web-components 1.33.1 → 1.35.0

package/dist-js/gomus-webcomponents.js

@@ -2043,8 +2043,8 @@ function without_reactive_context(fn) {
     set_active_effect(previous_effect);
   }
 }
-function listen_to_event_and_reset_event(element, event, handler, on_reset = handler) {
-  element.addEventListener(event, () => without_reactive_context(handler));
+function listen_to_event_and_reset_event(element, event2, handler, on_reset = handler) {
+  element.addEventListener(event2, () => without_reactive_context(handler));
   const prev = element.__on_r;
   if (prev) {
     element.__on_r = () => {
@@ -2826,13 +2826,13 @@ function deep_read(value, visited = /* @__PURE__ */ new Set()) {
 const all_registered_events = /* @__PURE__ */ new Set();
 const root_event_handles = /* @__PURE__ */ new Set();
 function create_event(event_name, dom, handler, options = {}) {
-  function target_handler(event) {
+  function target_handler(event2) {
     if (!options.capture) {
-      handle_event_propagation.call(dom, event);
+      handle_event_propagation.call(dom, event2);
     }
-    if (!event.cancelBubble) {
+    if (!event2.cancelBubble) {
       return without_reactive_context(() => {
-        return handler?.call(this, event);
+        return handler?.call(this, event2);
       });
     }
   }
@@ -2851,6 +2851,18 @@ function on(element, type, handler, options = {}) {
     element.removeEventListener(type, target_handler, options);
   };
 }
+function event(event_name, dom, handler, capture2, passive) {
+  var options = { capture: capture2, passive };
+  var target_handler = create_event(event_name, dom, handler, options);
+  if (dom === document.body || // @ts-ignore
+  dom === window || // @ts-ignore
+  dom === document || // Firefox has quirky behavior, it can happen that we still get "canplay" events when the element is already removed
+  dom instanceof HTMLMediaElement) {
+    teardown(() => {
+      dom.removeEventListener(event_name, target_handler, options);
+    });
+  }
+}
 function delegate(events) {
   for (var i = 0; i < events.length; i++) {
     all_registered_events.add(events[i]);
@@ -2860,26 +2872,26 @@ function delegate(events) {
   }
 }
 let last_propagated_event = null;
-function handle_event_propagation(event) {
+function handle_event_propagation(event2) {
   var handler_element = this;
   var owner_document = (
     /** @type {Node} */
     handler_element.ownerDocument
   );
-  var event_name = event.type;
-  var path = event.composedPath?.() || [];
+  var event_name = event2.type;
+  var path = event2.composedPath?.() || [];
   var current_target = (
     /** @type {null | Element} */
-    path[0] || event.target
+    path[0] || event2.target
   );
-  last_propagated_event = event;
+  last_propagated_event = event2;
   var path_idx = 0;
-  var handled_at = last_propagated_event === event && event.__root;
+  var handled_at = last_propagated_event === event2 && event2.__root;
   if (handled_at) {
     var at_idx = path.indexOf(handled_at);
     if (at_idx !== -1 && (handler_element === document || handler_element === /** @type {any} */
     window)) {
-      event.__root = handler_element;
+      event2.__root = handler_element;
       return;
     }
     var handler_idx = path.indexOf(handler_element);
@@ -2891,9 +2903,9 @@ function handle_event_propagation(event) {
     }
   }
   current_target = /** @type {Element} */
-  path[path_idx] || event.target;
+  path[path_idx] || event2.target;
   if (current_target === handler_element) return;
-  define_property(event, "currentTarget", {
+  define_property(event2, "currentTarget", {
     configurable: true,
     get() {
       return current_target || owner_document;
@@ -2914,8 +2926,8 @@ function handle_event_propagation(event) {
         if (delegated != null && (!/** @type {any} */
         current_target.disabled || // DOM could've been updated already by the time this is reached, so we check this as well
         // -> the target could not have been disabled because it emits the event in the first place
-        event.target === current_target)) {
-          delegated.call(current_target, event);
+        event2.target === current_target)) {
+          delegated.call(current_target, event2);
         }
       } catch (error) {
         if (throw_error) {
@@ -2924,7 +2936,7 @@ function handle_event_propagation(event) {
           throw_error = error;
         }
       }
-      if (event.cancelBubble || parent_element === handler_element || parent_element === null) {
+      if (event2.cancelBubble || parent_element === handler_element || parent_element === null) {
         break;
       }
       current_target = parent_element;
@@ -2938,8 +2950,8 @@ function handle_event_propagation(event) {
       throw throw_error;
     }
   } finally {
-    event.__root = handler_element;
-    delete event.currentTarget;
+    event2.__root = handler_element;
+    delete event2.currentTarget;
     set_active_reaction(previous_reaction);
     set_active_effect(previous_effect);
   }
@@ -4751,6 +4763,24 @@ function bind_group(inputs, group_index, input, get2, set2 = get2) {
     }
   });
 }
+function bind_checked(input, get2, set2 = get2) {
+  listen_to_event_and_reset_event(input, "change", (is_reset) => {
+    var value = is_reset ? input.defaultChecked : input.checked;
+    set2(value);
+  });
+  if (
+    // If we are hydrating and the value has since changed,
+    // then use the update value from the input instead.
+    hydrating && input.defaultChecked !== input.checked || // If defaultChecked is set, then checked == defaultChecked
+    untrack(get2) == null
+  ) {
+    set2(input.checked);
+  }
+  render_effect(() => {
+    var value = get2();
+    input.checked = Boolean(value);
+  });
+}
 function get_binding_group_value(group, __value, checked) {
   var value = /* @__PURE__ */ new Set();
   for (var i = 0; i < group.length; i += 1) {
@@ -5156,12 +5186,12 @@ class Svelte4Component {
    * @param {(...args: any[]) => any} callback
    * @returns {any}
    */
-  $on(event, callback) {
-    this.#events[event] = this.#events[event] || [];
+  $on(event2, callback) {
+    this.#events[event2] = this.#events[event2] || [];
     const cb = (...args) => callback.call(this, ...args);
-    this.#events[event].push(cb);
+    this.#events[event2].push(cb);
     return () => {
-      this.#events[event] = this.#events[event].filter(
+      this.#events[event2] = this.#events[event2].filter(
         /** @param {any} fn */
         (fn) => fn !== cb
       );
@@ -5660,6 +5690,7 @@ class Auth {
     // Unix time (seconds)
   };
   constructor() {
+    this.load();
     setInterval(() => this.load(), 1e3);
   }
   customerLevel() {
@@ -10970,8 +11001,6 @@ const maxQuantity_Quotas = function(manager, cart, item, preCart) {
       quotaManager.setPrecartItemQuantity(product.id, i.quantity);
     }
   }
-  console.log("checking quotas for", p2.id, "on", p2.selectedTime);
-  console.log("available timeslots", quotaManager.timeslots());
   const cap = quotaManager.ticketCapacity(p2.id, p2.selectedTime);
   const total = quotaManager.totalCapacity(p2.id, p2.selectedTime);
   return {
@@ -10981,11 +11010,11 @@ const maxQuantity_Quotas = function(manager, cart, item, preCart) {
     unavailable: total === 0
   };
 };
-function isUIEventTicket(x) {
+function isUIScaledPricesTicket(x) {
   return x.product_type === "Event";
 }
 let uuid$1 = 1;
-function createUIEventTicket(apiTicket, dateId, options) {
+function createUIScaledPricesTicket(apiTicket, dateId, options) {
   const finalOptions = {
     minAvailableCapacity: 0,
     selectedTime: "",
@@ -11012,7 +11041,7 @@ function createUIEventTicket(apiTicket, dateId, options) {
 }
 const maxQuantity_Seats = function(manager, cart, item, preCart) {
   if (manager.capacityPolicy(item) !== "seats") throw new Error("(getMaxQuantitySeats) impossible");
-  if (!isUIEventTicket(item.product)) {
+  if (!isUIScaledPricesTicket(item.product)) {
     throw new Error("(getMaxQuantitySeats) impossible");
   }
   const p2 = item.product;
@@ -11140,9 +11169,9 @@ function dispatchCartEvents(cart) {
       if (cart.items.length === lastLength) {
         return;
       }
-      const event = cart.items.length > lastLength ? "go-cart-item-added" : "go-cart-item-removed";
+      const event2 = cart.items.length > lastLength ? "go-cart-item-added" : "go-cart-item-removed";
       lastLength = cart.items.length;
-      document.dispatchEvent(new CustomEvent(event, { detail: cart.items.length }));
+      document.dispatchEvent(new CustomEvent(event2, { detail: cart.items.length }));
     });
   });
 }
@@ -11173,7 +11202,7 @@ function createCartItem(product, options) {
             ...base
           };
         case "Event":
-          if (!isUIEventTicket(this.product)) {
+          if (!isUIScaledPricesTicket(this.product)) {
             throw new Error("Event ticket is not a scale ticket");
           }
           const scaleTicket = this.product;
@@ -11191,7 +11220,7 @@ function createCartItem(product, options) {
       return this.type + "-" + this.product.id + this.subUId;
     },
     get subUId() {
-      if (isUIEventTicket(this.product)) {
+      if (isUIScaledPricesTicket(this.product)) {
         return ` (scale_price: ${this.product.scale_price_id})`;
       }
       return "";
@@ -11221,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;
 }
@@ -11233,8 +11262,8 @@ function generateCartItem(cartItem) {
       const ticket = createUITicket(cartItem.product);
       return createCartItem(ticket, { time: cartItem.time, quantity: cartItem.quantity });
     case "Event":
-      const event = createUIEventTicket(cartItem.product, cartItem.id);
-      return createCartItem(event, { time: cartItem.time, quantity: cartItem.quantity });
+      const event2 = createUIScaledPricesTicket(cartItem.product, cartItem.id);
+      return createCartItem(event2, { time: cartItem.time, quantity: cartItem.quantity });
     default:
       const _exhaustiveCheck = type;
       throw new Error(`Unhandled case: ${_exhaustiveCheck}`);
@@ -11242,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 [];
   }
 }
@@ -11295,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++}`,
@@ -11322,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
@@ -11348,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)));
@@ -12305,6 +12359,7 @@ function client(publicApiUrl, shopUrl) {
 }
 const CALENDAR_ENDPOINT = "/api/v4/calendar";
 const TICKETS_CALENDAR_ENDPOINT = "/api/v4/tickets/calendar";
+const VALIDATE_TOKEN_ENDPOINT = "/api/v4/auth/validate_token";
 const TICKET_AND_QUOTAS_ENDPOINT = "/api/v4/tickets/list_and_quotas";
 const TICKETS_ENDPOINT = "/api/v4/tickets";
 const SIGN_IN_ENDPOINT = "/api/v4/auth/sign_in";
@@ -12422,6 +12477,9 @@ class Shop {
   get _data() {
     return get$2(this.#data);
   }
+  validateToken() {
+    return this.fetchAndCache(VALIDATE_TOKEN_ENDPOINT, `validateToken`, "", { cache: 5 });
+  }
   ticketsCalendar(params) {
     return this.fetchAndCache(TICKETS_CALENDAR_ENDPOINT, `ticketsCalendar-${JSON.stringify(params)}`, "data", { cache: 60, query: params });
   }
@@ -12457,6 +12515,15 @@ class Shop {
     if (!asGuest) requiredFields.push("password", "password_confirmation");
     return this.apiPost(SIGN_UP_ENDPOINT, { body: params, requiredFields });
   }
+  getDates(query) {
+    return this.fetchAndCache("/api/v4/dates", `dates-${JSON.stringify(query)}`, "dates", { query, cache: 60 });
+  }
+  updatePassword(params) {
+    return this.apiPut("/api/v4/auth/password", {
+      body: params,
+      requiredFields: ["current_password", "password", "password_confirmation"]
+    });
+  }
   passwordReset(params) {
     return this.apiPost("/api/v4/auth/password", { body: params, requiredFields: ["email"] });
   }
@@ -12492,7 +12559,7 @@ class Shop {
       console.warn("(fetchAndCache) Couldn't fetch, Shop not loaded!");
       return get$2(this.#data)[dataKey];
     }
-    const query = assign(options.query, { per_page: 1e3 });
+    const query = assign({ per_page: 1e3 }, options.query);
     const fetchId = endpoint + JSON.stringify(query);
     const isNotFetchedYet = !this.#fetchStatus[fetchId];
     const isCacheExpired = this.#fetchStatus[fetchId]?.fetchedAt < Date.now() - options.cache * 1e3;
@@ -12522,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");
   }
@@ -12568,13 +12638,23 @@ class Shop {
    * @return {Promise<T>} A promise that resolves with the typed response of the POST request.
    */
   async apiPost(path, options) {
+    return this.apiCall(path, { method: "POST", ...options });
+  }
+  async apiPut(path, options) {
+    return this.apiCall(path, { method: "PUT", ...options });
+  }
+  async apiDELETE(path, options) {
+    return this.apiCall(path, { method: "DELETE", ...options });
+  }
+  async apiCall(path, options) {
     this.#ensureApi();
     const { body, params = {}, requiredFields } = options;
     const validationErrors = validateApiPostBody(body, requiredFields);
     if (Object.keys(validationErrors).length > 0) {
       return { error: { errors: validationErrors } };
     }
-    const ret = await this.client.POST(path, { body, params: assign(this.#defaultApiParams, params) });
+    const httpMethod = this.client[options.method];
+    const ret = await httpMethod(path, { body, params: assign(this.#defaultApiParams, params) });
     return ret;
   }
   /**
@@ -12603,7 +12683,7 @@ class Shop {
     }
     const ret = await this.client.GET(path, params);
     this.#fetchStatus[fetchId] = { status: "completed", fetchedAt: Date.now() };
-    return ret.data;
+    return ret.data || ret;
   }
   #canFetch = () => {
     return this.apiUrl !== void 0 && this.shopDomain !== void 0 && this.locale !== void 0 && this.client !== void 0;
@@ -15169,6 +15249,15 @@ var allFields = {
     description: "",
     autocomplete: "current-password"
   },
+  currentPassword: {
+    key: "current_password",
+    apiKey: "current_password",
+    type: "password",
+    label: "user.registration.form.password",
+    placeholder: "",
+    description: "",
+    autocomplete: "current-password"
+  },
   newPassword: {
     key: "password",
     apiKey: "password",
@@ -15278,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) {
@@ -15524,7 +15622,6 @@ class FormDetails {
     this.formId = formId;
     this.form = form;
   }
-  #fields = /* @__PURE__ */ state(proxy([]));
   #apiErrors = /* @__PURE__ */ state(proxy([]));
   #isValid = /* @__PURE__ */ user_derived(() => errors(this.fields) == 0);
   get isValid() {
@@ -15557,6 +15654,8 @@ class FormDetails {
   /**
    * Sets API errors for the current instance.
    *
+   * The API returns errors in very different shapes, this method should consume all those shapes
+   *
    * @param {string[] | Record<string, string[]>} errors - Errors passed as an array or an object where keys are API field keys and values are arrays of error messages. If an array is provided, it assigns the errors directly. If an object is provided, it maps the errors to the respective fields based on their API keys.
    */
   set apiErrors(errors2) {
@@ -15565,12 +15664,17 @@ class FormDetails {
       set(this.#apiErrors, errors2, true);
       return;
     }
+    if (errors2.errors && isArray(errors2.errors)) {
+      set(this.#apiErrors, errors2.errors, true);
+    }
     if (isString(errors2.error)) {
       set(this.#apiErrors, [errors2.error], true);
       return;
     }
     for (const [key, value] of Object.entries(errors2)) {
       if (key === "full_messages ") continue;
+      if (key === "success") continue;
+      if (key === "errors") continue;
       const field = this.fields.find((f) => f.apiKey === key);
       if (!field) {
         console.error(`(set apiErrors) Field with API key ${key} not found`);
@@ -15603,6 +15707,36 @@ class FormDetails {
     const parent = this.form.closest("go-form");
     return Array.from(this.form.querySelectorAll("go-field")).filter((fe) => fe.closest("go-form") === parent).map((fe) => fe.getField?.()).filter((f) => f);
   }
+  toString() {
+    return `Form: ${this.formId}, Fields: [${this.fields.map((f) => f.key).join(", ")}], Data: ${JSON.stringify(this.formData)}`;
+  }
+  /**
+   * Populates the fields of the current instance with the corresponding values from the provided data object.
+   * Filters the fields by matching their `apiKey` to keys in the data object and updates their `value`.
+   *
+   * @param {Record<string, any>} data - An object containing key-value pairs where keys represent the `apiKey` of fields and values represent the data to be filled into each field.
+   */
+  fill(data) {
+    const fs = this.fields;
+    Object.entries(data).forEach(([key, val]) => {
+      console.log(key, val);
+      const f = fs.find((f2) => f2.apiKey === key);
+      if (!f) {
+        console.warn(`(FormDetails.fill) Field with API key ${key} not found.`);
+        return;
+      }
+      if (f.type === "select") {
+        console.log(f.options());
+        if (!f.options?.().find((o) => o.value === val)) {
+          throw new Error(`(FormDetails.fill) Field ${key} has invalid value: ${val}`);
+        }
+      }
+      if (f.type === "checkbox") {
+        if (![true, false].includes(val)) throw new Error(`(FormDetails.fill) Field ${key} has invalid value: ${val}`);
+      }
+      f.value = val;
+    });
+  }
 }
 const KEY$3 = "go-form-details";
 const setDetails$1 = createSetDetails(KEY$3);
@@ -15630,19 +15764,21 @@ function wrapInElement(host, tag, props) {
   host.replaceChildren(element);
   return element;
 }
-var root_1$h = /* @__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>Submit</go-submit>`, 3);
 function Form($$anchor, $$props) {
   push($$props, true);
   let formId = prop($$props, "formId", 7), custom2 = prop($$props, "custom", 7);
   const details = new FormDetails(formId(), $$props.$$host);
   setDetails$1($$props.$$host, details);
-  async function handleSubmit(event) {
-    event.preventDefault();
+  async function handleSubmit(event2) {
+    event2.preventDefault();
+    event2.stopPropagation();
     details.validateForm();
-    details?.form?.dispatchEvent(new Event("go-after-validation", event));
+    details?.form?.dispatchEvent(new Event("go-after-validation", event2));
     if (details.isValid) {
       details.apiErrors = {};
-      details?.form?.dispatchEvent(new Event("go-submit", event));
+      details?.form?.dispatchEvent(new Event("go-submit", event2));
+      $$props.$$host.dispatchEvent(new Event("submit", { bubbles: true, composed: true }));
     }
   }
   onMount(() => {
@@ -15671,7 +15807,7 @@ function Form($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var fragment_1 = root_1$h();
+      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);
@@ -15694,31 +15830,26 @@ customElements.define("go-form", create_custom_element(
   ["details"],
   false
 ));
-var root$9 = /* @__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 form;
   let custom2 = prop($$props, "custom", 7, false);
   Forms.defineForm({
     id: "passwordReset",
     fields: [{ key: "email", required: true }]
   });
-  async function passwordReset() {
-    if (!form) {
-      throw new Error("(go-password-reset: form not found");
-    }
-    const result = await shop.passwordReset(form.details.formData);
+  async function passwordReset(event2) {
+    const form = event2.target;
+    const details = form.details;
+    const result = await shop.passwordReset(details.formData);
     if (result.data) {
       $$props.$$host.dispatchEvent(new Event("go-success", { bubbles: true, composed: true }));
-      form.details.successMessage = result.data.message;
-      form.details.apiErrors = [];
+      details.successMessage = result.data.message;
+      details.apiErrors = [];
     } else {
-      form.details.apiErrors = result.error.errors;
+      details.apiErrors = result.error.errors;
     }
   }
-  onMount(() => {
-    $$props.$$host.addEventListener("go-submit", passwordReset);
-  });
   var $$exports = {
     get custom() {
       return custom2();
@@ -15728,18 +15859,17 @@ function PasswordReset($$anchor, $$props) {
       flushSync();
     }
   };
-  var go_form = root$9();
+  var go_form = root$c();
   set_custom_element_data(go_form, "formId", "passwordReset");
   template_effect(() => set_custom_element_data(go_form, "custom", custom2()));
-  bind_this(go_form, ($$value) => form = $$value, () => form);
+  event("submit", go_form, passwordReset);
   append($$anchor, go_form);
   return pop($$exports);
 }
 customElements.define("go-password-reset", create_custom_element(PasswordReset, { custom: {} }, [], [], false));
-var root$8 = /* @__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);
-  let form;
   Forms.defineForm({
     id: "signIn",
     fields: [
@@ -15747,23 +15877,19 @@ function SignIn($$anchor, $$props) {
       { key: "password", required: true }
     ]
   });
-  async function signIn() {
-    if (!form) {
-      throw new Error("(go-sign-in: form not found");
-    }
-    const result = await shop.signIn(form.details.formData);
+  async function signIn(event2) {
+    const form = event2.target;
+    const details = form.details;
+    const result = await shop.signIn(details.formData);
     if (result.data) {
       $$props.$$host.dispatchEvent(new Event("go-success", { bubbles: true, composed: true }));
     } else {
-      form.details.apiErrors = result.error.errors;
+      details.apiErrors = result.error.errors;
     }
   }
-  onMount(() => {
-    $$props.$$host.addEventListener("go-submit", signIn);
-  });
-  var go_form = root$8();
+  var go_form = root$b();
   set_custom_element_data(go_form, "formId", "signIn");
-  bind_this(go_form, ($$value) => form = $$value, () => form);
+  event("submit", go_form, signIn);
   append($$anchor, go_form);
   pop();
 }
@@ -15776,7 +15902,7 @@ customElements.define("go-sign-in", create_custom_element(
   [],
   false
 ));
-var root$7 = /* @__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({
@@ -15798,24 +15924,19 @@ function SignUp($$anchor, $$props) {
       { key: "acceptTerms", required: true }
     ]
   });
-  let form;
-  async function signUp() {
-    if (!form) {
-      return;
-    }
-    const result = await shop.signUp(form.details.formData, false);
+  async function signUp(event2) {
+    const form = event2.target;
+    const details = form.details;
+    const result = await shop.signUp(details.formData, false);
     if (result.data) {
       $$props.$$host.dispatchEvent(new Event("go-success", { bubbles: true, composed: true }));
     } else {
-      form.details.apiErrors = result.error.errors;
+      details.apiErrors = result.error.errors;
     }
   }
-  onMount(() => {
-    $$props.$$host.addEventListener("go-submit", signUp);
-  });
-  var go_form = root$7();
+  var go_form = root$a();
   set_custom_element_data(go_form, "formId", "signUp");
-  bind_this(go_form, ($$value) => form = $$value, () => form);
+  event("submit", go_form, signUp);
   append($$anchor, go_form);
   pop();
 }
@@ -15828,12 +15949,12 @@ customElements.define("go-sign-up", create_custom_element(
   [],
   false
 ));
-var root_1$g = /* @__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$6 = /* @__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_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$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);
-  if (!isUIEventTicket(cartItem().product)) throw new Error("Product is not an event ticket");
+  if (!isUIScaledPricesTicket(cartItem().product)) throw new Error("Product is not an event ticket");
   const product = cartItem().product;
   var $$exports = {
     get cartItem() {
@@ -15844,7 +15965,7 @@ function Event$2($$anchor, $$props) {
       flushSync();
     }
   };
-  var li = root$6();
+  var li = root$9();
   var span = child(li);
   var span_1 = child(span);
   var text2 = child(span_1, true);
@@ -15856,7 +15977,7 @@ function Event$2($$anchor, $$props) {
   var node = sibling(span);
   {
     var consequent = ($$anchor2) => {
-      var fragment = root_1$g();
+      var fragment = root_1$h();
       var span_3 = first_child(fragment);
       var text_2 = child(span_3, true);
       reset(span_3);
@@ -15889,8 +16010,8 @@ 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$f = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
-var root$5 = /* @__PURE__ */ from_html(`<li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!></li>`);
+var root_1$g = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </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> <!></li>`);
 function Ticket($$anchor, $$props) {
   push($$props, true);
   let cartItem = prop($$props, "cartItem", 7);
@@ -15903,14 +16024,14 @@ function Ticket($$anchor, $$props) {
       flushSync();
     }
   };
-  var li = root$5();
+  var li = root$8();
   var span = child(li);
   var text2 = child(span, true);
   reset(span);
   var node = sibling(span, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var fragment = root_1$f();
+      var fragment = root_1$g();
       var span_1 = first_child(fragment);
       var text_1 = child(span_1, true);
       reset(span_1);
@@ -15946,7 +16067,7 @@ var root_2$p = /* @__PURE__ */ from_html(`<li class="go-cart-header-remove" data
 var root_7$4 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove" data-go-cart-item-remove=""><button>⨉</button></li>`);
 var root_3$7 = /* @__PURE__ */ from_html(`<li class="go-cart-item" data-go-cart-item=""><article><ul><!> <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></li>`);
 var root_8$1 = /* @__PURE__ */ from_html(`<li class="go-cart-footer-remove" data-go-cart-footer-remove=""></li>`);
-var root_1$e = /* @__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$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>`);
 function Cart($$anchor, $$props) {
   push($$props, true);
   const preview = prop($$props, "preview", 7, false);
@@ -15964,7 +16085,7 @@ function Cart($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent_5 = ($$anchor2) => {
-      var ol = root_1$e();
+      var ol = root_1$f();
       var li = child(ol);
       var ul = child(li);
       var li_1 = child(ul);
@@ -16172,6 +16293,67 @@ function CheckoutForm($$anchor, $$props) {
   return pop($$exports);
 }
 customElements.define("go-checkout-form", create_custom_element(CheckoutForm, { custom: {} }, [], [], false));
+async function redeem(form, host) {
+  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 = "";
+    host.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);
+function CouponRedemption($$anchor, $$props) {
+  push($$props, true);
+  let form;
+  Forms.defineForm({
+    id: "couponRedemption",
+    fields: [{ key: "token", required: true }]
+  });
+  async function redeem$1() {
+    await redeem(form, $$props.$$host);
+  }
+  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();
+}
+customElements.define("go-coupon-redemption", create_custom_element(CouponRedemption, {}, [], [], false));
 function isFunction$1(value) {
   return typeof value === "function";
 }
@@ -17464,8 +17646,8 @@ function isOrContainsTarget(node, target) {
 function getOwnerDocument(el) {
   return el?.ownerDocument ?? document;
 }
-function isClickTrulyOutside(event, contentNode) {
-  const { clientX, clientY } = event;
+function isClickTrulyOutside(event2, contentNode) {
+  const { clientX, clientY } = event2;
   const rect = contentNode.getBoundingClientRect();
   return clientX < rect.left || clientX > rect.right || clientY < rect.top || clientY > rect.bottom;
 }
@@ -17889,13 +18071,13 @@ class DismissibleLayerState {
       unsubEvents();
     });
   }
-  #handleFocus = (event) => {
-    if (event.defaultPrevented) return;
+  #handleFocus = (event2) => {
+    if (event2.defaultPrevented) return;
     if (!this.opts.ref.current) return;
     afterTick(() => {
-      if (!this.opts.ref.current || this.#isTargetWithinLayer(event.target)) return;
-      if (event.target && !this.#isFocusInsideDOMTree) {
-        this.#onFocusOutside.current?.(event);
+      if (!this.opts.ref.current || this.#isTargetWithinLayer(event2.target)) return;
+      if (event2.target && !this.#isFocusInsideDOMTree) {
+        this.#onFocusOutside.current?.(event2);
       }
     });
   };
@@ -17922,9 +18104,9 @@ class DismissibleLayerState {
     );
   }
   #handleDismiss = (e) => {
-    let event = e;
-    if (event.defaultPrevented) {
-      event = createWrappedEvent(e);
+    let event2 = e;
+    if (event2.defaultPrevented) {
+      event2 = createWrappedEvent(e);
     }
     this.#interactOutsideProp.current(e);
   };
@@ -17939,9 +18121,9 @@ class DismissibleLayerState {
         this.#unsubClickListener();
         return;
       }
-      let event = e;
-      if (event.defaultPrevented) {
-        event = createWrappedEvent(event);
+      let event2 = e;
+      if (event2.defaultPrevented) {
+        event2 = createWrappedEvent(event2);
       }
       if (this.#behaviorType.current !== "close" && this.#behaviorType.current !== "defer-otherwise-close") {
         this.#unsubClickListener();
@@ -17951,7 +18133,7 @@ class DismissibleLayerState {
         this.#unsubClickListener();
         this.#unsubClickListener = on(this.#documentObj, "click", this.#handleDismiss, { once: true });
       } else {
-        this.#interactOutsideProp.current(event);
+        this.#interactOutsideProp.current(event2);
       }
     },
     10
@@ -18346,9 +18528,9 @@ class FocusScope {
   }
   #handleOpenAutoFocus() {
     if (!this.#container) return;
-    const event = new CustomEvent("focusScope.onOpenAutoFocus", { bubbles: false, cancelable: true });
-    this.#opts.onOpenAutoFocus.current(event);
-    if (!event.defaultPrevented) {
+    const event2 = new CustomEvent("focusScope.onOpenAutoFocus", { bubbles: false, cancelable: true });
+    this.#opts.onOpenAutoFocus.current(event2);
+    if (!event2.defaultPrevented) {
       requestAnimationFrame(() => {
         if (!this.#container) return;
         const firstTabbable = this.#getFirstTabbable();
@@ -18362,9 +18544,9 @@ class FocusScope {
     }
   }
   #handleCloseAutoFocus() {
-    const event = new CustomEvent("focusScope.onCloseAutoFocus", { bubbles: false, cancelable: true });
-    this.#opts.onCloseAutoFocus.current?.(event);
-    if (!event.defaultPrevented) {
+    const event2 = new CustomEvent("focusScope.onCloseAutoFocus", { bubbles: false, cancelable: true });
+    this.#opts.onCloseAutoFocus.current?.(event2);
+    if (!event2.defaultPrevented) {
       const preFocusedElement = this.#manager.getPreFocusMemory(this);
       if (preFocusedElement && document.contains(preFocusedElement)) {
         try {
@@ -19857,27 +20039,27 @@ const ARROW_KEYS = [
   ARROW_RIGHT
 ];
 const SELECT_KEYS = [ENTER, SPACE];
-function handleCalendarKeydown({ event, handleCellClick, shiftFocus, placeholderValue }) {
-  const currentCell = event.target;
+function handleCalendarKeydown({ event: event2, handleCellClick, shiftFocus, placeholderValue }) {
+  const currentCell = event2.target;
   if (!isCalendarDayNode(currentCell)) return;
-  if (!ARROW_KEYS.includes(event.key) && !SELECT_KEYS.includes(event.key)) return;
-  event.preventDefault();
+  if (!ARROW_KEYS.includes(event2.key) && !SELECT_KEYS.includes(event2.key)) return;
+  event2.preventDefault();
   const kbdFocusMap = {
     [ARROW_DOWN]: 7,
     [ARROW_UP]: -7,
     [ARROW_LEFT]: -1,
     [ARROW_RIGHT]: 1
   };
-  if (ARROW_KEYS.includes(event.key)) {
-    const add = kbdFocusMap[event.key];
+  if (ARROW_KEYS.includes(event2.key)) {
+    const add = kbdFocusMap[event2.key];
     if (add !== void 0) {
       shiftFocus(currentCell, add);
     }
   }
-  if (SELECT_KEYS.includes(event.key)) {
+  if (SELECT_KEYS.includes(event2.key)) {
     const cellValue = currentCell.getAttribute("data-value");
     if (!cellValue) return;
-    handleCellClick(event, parseStringToDateValue(cellValue, placeholderValue));
+    handleCellClick(event2, parseStringToDateValue(cellValue, placeholderValue));
   }
 }
 function handleCalendarNextPage({
@@ -20538,9 +20720,9 @@ class CalendarRootState {
     }
     return date2;
   }
-  onkeydown(event) {
+  onkeydown(event2) {
     handleCalendarKeydown({
-      event,
+      event: event2,
       handleCellClick: this.handleCellClick,
       shiftFocus: this.shiftFocus,
       placeholderValue: this.opts.placeholder.current
@@ -22299,7 +22481,7 @@ function Calendar_prev_button($$anchor, $$props) {
 }
 create_custom_element(Calendar_prev_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
 enable_legacy_mode_flag();
-var root_1$d = /* @__PURE__ */ from_html(`<input/>`);
+var root_1$e = /* @__PURE__ */ from_html(`<input/>`);
 var root_2$c = /* @__PURE__ */ from_html(`<input/>`);
 function Hidden_input($$anchor, $$props) {
   push($$props, true);
@@ -22322,7 +22504,7 @@ function Hidden_input($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var input = root_1$d();
+      var input = root_1$e();
       attribute_effect(input, () => ({ ...get$2(mergedProps), value: value() }), void 0, void 0, void 0, void 0, true);
       append($$anchor2, input);
     };
@@ -24770,7 +24952,7 @@ function Popper_content($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Popper_content, { content: {}, isStatic: {}, onPlaced: {} }, [], [], true);
-var root_1$c = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_1$d = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 function Popper_layer_inner($$anchor, $$props) {
   push($$props, true);
   let popper = prop($$props, "popper", 7), onEscapeKeydown = prop($$props, "onEscapeKeydown", 7), escapeKeydownBehavior = prop($$props, "escapeKeydownBehavior", 7), preventOverflowTextSelection = prop($$props, "preventOverflowTextSelection", 7), id = prop($$props, "id", 7), onPointerDown = prop($$props, "onPointerDown", 7), onPointerUp = prop($$props, "onPointerUp", 7), side = prop($$props, "side", 7), sideOffset = prop($$props, "sideOffset", 7), align = prop($$props, "align", 7), alignOffset = prop($$props, "alignOffset", 7), arrowPadding = prop($$props, "arrowPadding", 7), avoidCollisions = prop($$props, "avoidCollisions", 7), collisionBoundary = prop($$props, "collisionBoundary", 7), collisionPadding = prop($$props, "collisionPadding", 7), sticky = prop($$props, "sticky", 7), hideWhenDetached = prop($$props, "hideWhenDetached", 7), updatePositionStrategy = prop($$props, "updatePositionStrategy", 7), strategy = prop($$props, "strategy", 7), dir = prop($$props, "dir", 7), preventScroll = prop($$props, "preventScroll", 7), wrapperId = prop($$props, "wrapperId", 7), style = prop($$props, "style", 7), onPlaced = prop($$props, "onPlaced", 7), onInteractOutside = prop($$props, "onInteractOutside", 7), onCloseAutoFocus = prop($$props, "onCloseAutoFocus", 7), onOpenAutoFocus = prop($$props, "onOpenAutoFocus", 7), onFocusOutside = prop($$props, "onFocusOutside", 7), interactOutsideBehavior = prop($$props, "interactOutsideBehavior", 7, "close"), loop = prop($$props, "loop", 7), trapFocus = prop($$props, "trapFocus", 7, true), isValidEvent2 = prop($$props, "isValidEvent", 7, () => false), customAnchor = prop($$props, "customAnchor", 7, null), isStatic = prop($$props, "isStatic", 7, false), enabled = prop($$props, "enabled", 7), ref = prop($$props, "ref", 7), tooltip = prop($$props, "tooltip", 7, false), restProps = /* @__PURE__ */ rest_props($$props, [
@@ -25081,7 +25263,7 @@ function Popper_layer_inner($$anchor, $$props) {
     const content = ($$anchor2, $$arg0) => {
       let floatingProps = () => $$arg0?.().props;
       let wrapperProps = () => $$arg0?.().wrapperProps;
-      var fragment_1 = root_1$c();
+      var fragment_1 = root_1$d();
       var node = first_child(fragment_1);
       {
         var consequent = ($$anchor3) => {
@@ -27536,7 +27718,7 @@ function Date_field_hidden_input($$anchor, $$props) {
 }
 create_custom_element(Date_field_hidden_input, {}, [], [], true);
 var root_2$b = /* @__PURE__ */ from_html(`<div><!></div>`);
-var root$4 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root$6 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 function Date_field_input($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -27594,7 +27776,7 @@ function Date_field_input($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment = root$4();
+  var fragment = root$6();
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
@@ -28946,7 +29128,7 @@ var root_2$7 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_7$3 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 var root_9$2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_6$2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-var root_1$b = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
+var root_1$c = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 function DatePicker_1($$anchor, $$props) {
   push($$props, true);
   let dateString = prop($$props, "dateString", 15), labelClass = prop($$props, "labelClass", 7), inputClass = prop($$props, "inputClass", 7);
@@ -28988,7 +29170,7 @@ function DatePicker_1($$anchor, $$props) {
         set(date2, $$value, true);
       },
       children: ($$anchor3, $$slotProps) => {
-        var fragment_1 = root_1$b();
+        var fragment_1 = root_1$c();
         var node_1 = first_child(fragment_1);
         component(node_1, () => Date_field_label, ($$anchor4, DatePicker_Label) => {
           DatePicker_Label($$anchor4, {
@@ -29196,7 +29378,7 @@ function DatePicker_1($$anchor, $$props) {
 }
 create_custom_element(DatePicker_1, { dateString: {}, labelClass: {}, inputClass: {} }, [], [], true);
 var root_2$6 = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
-var root_1$a = /* @__PURE__ */ from_html(` <!>`, 1);
+var root_1$b = /* @__PURE__ */ from_html(` <!>`, 1);
 var root_3$5 = /* @__PURE__ */ from_html(`<label><!></label> <input/>`, 1);
 var root_4$3 = /* @__PURE__ */ from_html(`<label><input/> <span class="go-checkbox-label"><!></span></label>`);
 var root_7$2 = /* @__PURE__ */ from_html(`<option> </option>`);
@@ -29208,7 +29390,7 @@ function InputAndLabel($$anchor, $$props) {
   push($$props, true);
   const labelText = ($$anchor2) => {
     next();
-    var fragment = root_1$a();
+    var fragment = root_1$b();
     var text2 = first_child(fragment);
     var node = sibling(text2);
     {
@@ -29256,7 +29438,6 @@ function InputAndLabel($$anchor, $$props) {
   const checkbox = ($$anchor2) => {
     var label_2 = root_4$3();
     var input_2 = child(label_2);
-    var event_handler = (e) => field(field().value = e.target.checked, true);
     attribute_effect(
       input_2,
       () => ({
@@ -29264,7 +29445,7 @@ function InputAndLabel($$anchor, $$props) {
         ...restProps,
         name: field().key,
         type: "checkbox",
-        onchange: event_handler
+        value: "true"
       }),
       void 0,
       void 0,
@@ -29281,6 +29462,15 @@ function InputAndLabel($$anchor, $$props) {
       set_class(label_2, 1, clsx(labelClass()));
       set_attribute(label_2, "for", get$2(inputId));
     });
+    bind_checked(
+      input_2,
+      () => {
+        return field().value === true;
+      },
+      (value) => {
+        field(field().value = value, true);
+      }
+    );
     append($$anchor2, label_2);
   };
   const select = ($$anchor2) => {
@@ -29427,7 +29617,7 @@ function InputAndLabel($$anchor, $$props) {
   const snippet$1 = /* @__PURE__ */ user_derived(() => map[field().type]);
   let inputId = /* @__PURE__ */ user_derived(() => $$props.id || `go-field-${Math.random().toString(36).substring(2, 9)}`);
   function onblur() {
-    if (field().type == "checkbox") return;
+    if (field().type === "checkbox") return;
     if (field().value) if (get$2(details))
       get$2(details).validateField(field());
     else field().validate();
@@ -29507,10 +29697,10 @@ create_custom_element(
   [],
   true
 );
-var root_1$9 = /* @__PURE__ */ from_html(`<span> </span>`);
+var root_1$a = /* @__PURE__ */ from_html(`<span> </span>`);
 var root_3$4 = /* @__PURE__ */ from_html(`<li> </li>`);
 var root_2$5 = /* @__PURE__ */ from_html(`<ul class="go-field-errors" role="alert"></ul>`);
-var root$3 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
+var root$5 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 function Field($$anchor, $$props) {
   push($$props, true);
   let key = prop($$props, "key", 7), required = prop($$props, "required", 7, false), labelClass = prop($$props, "labelClass", 7), inputClass = prop($$props, "inputClass", 7);
@@ -29569,7 +29759,7 @@ function Field($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment = root$3();
+  var fragment = root$5();
   var node = first_child(fragment);
   InputAndLabel(node, {
     get describedById() {
@@ -29592,7 +29782,7 @@ function Field($$anchor, $$props) {
   var node_1 = sibling(node, 2);
   {
     var consequent = ($$anchor2) => {
-      var span = root_1$9();
+      var span = root_1$a();
       var text2 = child(span, true);
       reset(span);
       template_effect(() => {
@@ -29639,7 +29829,7 @@ customElements.define("go-field", create_custom_element(
   ["getField"],
   false
 ));
-var root_1$8 = /* @__PURE__ */ from_html(`<go-field></go-field>`, 2);
+var root_1$9 = /* @__PURE__ */ from_html(`<go-field></go-field>`, 2);
 function AllFields($$anchor, $$props) {
   push($$props, true);
   let _details = getDetails$1($$props.$$host);
@@ -29648,7 +29838,7 @@ function AllFields($$anchor, $$props) {
   var fragment = comment();
   var node = first_child(fragment);
   each(node, 17, () => get$2(allFields2), index$1, ($$anchor2, field) => {
-    var go_field = root_1$8();
+    var go_field = root_1$9();
     template_effect(() => set_custom_element_data(go_field, "key", get$2(field).key));
     template_effect(() => set_custom_element_data(go_field, "required", get$2(field).required));
     append($$anchor2, go_field);
@@ -29661,7 +29851,7 @@ var root_2$4 = /* @__PURE__ */ from_html(`<p aria-live="assertive" class="sr-onl
 var root_4$2 = /* @__PURE__ */ from_html(`<li> </li>`);
 var root_3$3 = /* @__PURE__ */ from_html(`<ul class="go-error-feedback-api-errors"></ul>`);
 var root_5 = /* @__PURE__ */ from_html(`<p aria-hidden="true"> </p>`);
-var root_1$7 = /* @__PURE__ */ from_html(`<div><!> <!> <!></div>`);
+var root_1$8 = /* @__PURE__ */ from_html(`<div><!> <!> <!></div>`);
 function ErrorsFeedback($$anchor, $$props) {
   push($$props, true);
   const _details = getDetails$1($$props.$$host);
@@ -29684,7 +29874,7 @@ function ErrorsFeedback($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent_3 = ($$anchor2) => {
-      var div = root_1$7();
+      var div = root_1$8();
       let classes;
       var node_1 = child(div);
       {
@@ -29748,9 +29938,9 @@ function ErrorsFeedback($$anchor, $$props) {
   pop();
 }
 customElements.define("go-errors-feedback", create_custom_element(ErrorsFeedback, {}, [], [], false));
-var root$2 = /* @__PURE__ */ from_html(`<div class="go-form-feedback"><!></div>`);
+var root$4 = /* @__PURE__ */ from_html(`<div class="go-form-feedback"><!></div>`);
 function FormFeedback($$anchor, $$props) {
-  var div = root$2();
+  var div = root$4();
   var node = child(div);
   slot(node, $$props, "default", {});
   reset(div);
@@ -29783,7 +29973,7 @@ customElements.define("go-submit", create_custom_element(
   [],
   false
 ));
-var root_1$6 = /* @__PURE__ */ from_html(`<div aria-live="assertive"> </div>`);
+var root_1$7 = /* @__PURE__ */ from_html(`<div aria-live="assertive"> </div>`);
 function SuccessFeedback($$anchor, $$props) {
   push($$props, true);
   const _details = getDetails$1($$props.$$host);
@@ -29792,7 +29982,7 @@ function SuccessFeedback($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var div = root_1$6();
+      var div = root_1$7();
       let classes;
       var text2 = child(div, true);
       reset(div);
@@ -29823,7 +30013,8 @@ const validTicketSelectionFilters = [
   "day",
   "annual",
   "event:scaled-price",
-  "event:ticket"
+  "event:ticket",
+  "events:scaled-price"
 ];
 let lastUId = 0;
 class TicketSelectionDetails {
@@ -29916,6 +30107,7 @@ class TicketSelectionDetails {
     this.ticketSegments.push(ticketGroup);
   }
   get isTimeslotsVisible() {
+    if (this.filters?.includes("events:scaled-price")) return true;
     if (this.mode === "event") return false;
     return Boolean(this.filters?.includes("timeslot") && this.selectedDate);
   }
@@ -29928,6 +30120,8 @@ class TicketSelectionDetails {
           return true;
         case "event:scaled-price":
           return Boolean(this.selectedDate);
+        case "events:scaled-price":
+          return true;
         case "event:ticket":
           return Boolean(this.selectedDate);
         case "timeslot":
@@ -29952,6 +30146,7 @@ class TicketSelectionDetails {
     return this.filters?.some(byFilter);
   }
   get isCalendarVisible() {
+    if (this.filters?.includes("events:scaled-price")) return true;
     return Boolean(this.filters?.includes("timeslot") || this.filters?.includes("day"));
   }
 }
@@ -30121,6 +30316,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() {
@@ -30181,9 +30409,9 @@ function Order($$anchor, $$props) {
   return pop($$exports);
 }
 customElements.define("go-order", create_custom_element(Order, { token: { attribute: "token", reflect: true, type: "String" } }, [], ["orderDetails"], false));
-var root_1$5 = /* @__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_1$6 = /* @__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_2$3 = /* @__PURE__ */ from_html(`<br/> <span class="go-order-item-quantities"> </span>`, 1);
-var root$1 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count">1</li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!> <!> <a class="go-ticket-download" target="_blank">Download</a></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"></li></ul></article></li>`);
+var root$3 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count">1</li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!> <!> <a class="go-ticket-download" target="_blank">Download</a></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"></li></ul></article></li>`);
 function Event$1($$anchor, $$props) {
   push($$props, true);
   let item = prop($$props, "item", 7), orderDetails = prop($$props, "orderDetails", 7);
@@ -30203,7 +30431,7 @@ function Event$1($$anchor, $$props) {
       flushSync();
     }
   };
-  var li = root$1();
+  var li = root$3();
   var article = child(li);
   var ul = child(article);
   var li_1 = sibling(child(ul), 2);
@@ -30213,7 +30441,7 @@ function Event$1($$anchor, $$props) {
   var node = sibling(span, 2);
   {
     var consequent = ($$anchor2) => {
-      var fragment = root_1$5();
+      var fragment = root_1$6();
       var span_1 = first_child(fragment);
       var text_1 = child(span_1, true);
       reset(span_1);
@@ -30475,7 +30703,7 @@ function TicketSale($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(TicketSale, { item: {}, orderDetails: {} }, [], [], true);
-var root_1$4 = /* @__PURE__ */ from_html(`<ol><li class="data-go-order-breakdown-header"><ul><li class="go-order-breakdown-header-count">Count</li> <li class="go-order-breakdown-header-product">Product</li> <li class="go-order-breakdown-header-price">Price</li> <li class="go-order-breakdown-header-passbook"></li></ul></li> <!> <li class="go-order-breakdown-footer"><ul><li class="go-cart-footer-title"></li> <li class="go-cart-footer-count"></li> <li class="go-cart-footer-price"> </li> <li class="go-cart-footer-passbook"></li></ul></li></ol>`);
+var root_1$5 = /* @__PURE__ */ from_html(`<ol><li class="data-go-order-breakdown-header"><ul><li class="go-order-breakdown-header-count">Count</li> <li class="go-order-breakdown-header-product">Product</li> <li class="go-order-breakdown-header-price">Price</li> <li class="go-order-breakdown-header-passbook"></li></ul></li> <!> <li class="go-order-breakdown-footer"><ul><li class="go-cart-footer-title"></li> <li class="go-cart-footer-count"></li> <li class="go-cart-footer-price"> </li> <li class="go-cart-footer-passbook"></li></ul></li></ol>`);
 function Breakdown($$anchor, $$props) {
   push($$props, true);
   const _orderDetails = getDetails($$props.$$host);
@@ -30485,7 +30713,7 @@ function Breakdown($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent_2 = ($$anchor2) => {
-      var ol = root_1$4();
+      var ol = root_1$5();
       var node_1 = sibling(child(ol), 2);
       each(node_1, 17, () => get$2(order).items, (item) => item.id, ($$anchor3, item) => {
         var fragment_1 = comment();
@@ -30744,14 +30972,15 @@ async function loadAnnualTickets(segment) {
     // @ts-ignore
     "by_ticket_types[]": ["annual"],
     "by_ticket_ids[]": tsd.ticketIds,
-    "by_ticket_group_ids[]": tsd.ticketGroupIds
+    "by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
   }));
   const uiTickets = Object.values(tickets).map((t) => createUITicket(t));
   segment.preCart = createCart(uiTickets);
 }
 async function loadDayTickets(segment) {
   const tsd = segment.ticketSelectionDetails;
-  if (!tsd || !tsd.filters?.includes("day")) {
+  if (!tsd) {
+    console.warn("(loadDayTickets) tsd is undefined");
     segment.clear();
     return;
   }
@@ -30768,7 +30997,7 @@ async function loadDayTickets(segment) {
     "by_museum_ids[]": tsd.museumIds,
     "by_exhibition_ids[]": tsd.exhibitionIds,
     "by_ticket_ids[]": tsd.ticketIds,
-    "by_ticket_group_ids[]": tsd.ticketGroupIds
+    "by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
   }));
   let timeslot;
   if (quotas && Object.values(quotas).length > 0 && Object.keys(Object.values(quotas)[0].capacities).length > 0) {
@@ -30779,7 +31008,7 @@ async function loadDayTickets(segment) {
   const uiTickets = initUITimeslotTickets(available, timeslot);
   segment.preCart = createCart(uiTickets);
 }
-async function loadEventScaledPricesTickets(segment) {
+async function load_Event_ScaledPricesTickets(segment) {
   const tsd = segment.ticketSelectionDetails;
   if (!tsd) {
     console.warn("(loadEventScaledPricesTickets) tsd is undefined");
@@ -30805,7 +31034,7 @@ async function loadEventScaledPricesTickets(segment) {
   const eid = tsd.eventIds[0];
   const eventDate = await shop.asyncFetch(() => shop.getEventDetailsOnDate(eid, segment.dateId));
   if (eventDate.prices) {
-    const UITickets = eventDate.prices.map((t) => createUIEventTicket(t, segment.dateId, {
+    const UITickets = eventDate.prices.map((t) => createUIScaledPricesTicket(t, segment.dateId, {
       selectedTime: eventDate.start_time,
       event_title: eventDate.event_title
     })) || [];
@@ -30838,8 +31067,8 @@ async function loadEventTickets(segment) {
   }
   if (tsd.eventIds.length > 1) throw new Error("(loadEventTickets) currently we support only one eventId in go-ticket-selection");
   const eid = tsd.eventIds[0];
-  const event = await shop.asyncFetch(() => shop.getEvent(eid));
-  const ticketIds = event.tickets;
+  const event2 = await shop.asyncFetch(() => shop.getEvent(eid));
+  const ticketIds = event2.tickets;
   if (ticketIds.length === 0) {
     segment.clear();
     return;
@@ -30854,9 +31083,77 @@ async function loadEventTickets(segment) {
   const uiTickets = initUITimeslotTickets(available, tsd.selectedTime);
   segment.preCart = createCart(uiTickets);
 }
+async function load_Events_ScaledPricesTickets(segment) {
+  const tsd = segment.ticketSelectionDetails;
+  if (!tsd) {
+    console.warn("(load_Events_ScaledPricesTickets) tsd is undefined");
+    segment.clear();
+    return;
+  }
+  if (!segment.filters?.includes("events:scaled-price")) {
+    console.warn("(load_Events_ScaledPricesTickets) filters should include events:scaled-price");
+    segment.clear();
+    return;
+  }
+  if (!tsd.selectedDate) {
+    console.warn("(load_Events_ScaledPricesTickets) go-ticket-selection does not have a selected date");
+    segment.clear();
+    return;
+  }
+  if (!tsd.selectedTime) {
+    console.warn("(load_Events_ScaledPricesTickets) go-ticket-selection does not have a selected time");
+    segment.clear();
+    return;
+  }
+  let dates = await shop.asyncFetch(() => shop.getDates({
+    // q?: string
+    by_bookable: true,
+    "by_museum_ids[]": tsd.museumIds,
+    "by_exhibition_ids[]": tsd.exhibitionIds,
+    "by_event_ids[]": tsd.eventIds,
+    "by_language_ids[]": segment.languageIds,
+    "by_catch_word_ids[]": segment.catchWordIds,
+    // by_category_ids?: number[]
+    start_at: tsd.selectedDate?.toString(),
+    //YYYY-MM-DD format
+    // end_at?: string // YYYY-MM-DD format
+    per_page: segment.limit || 30
+    // page?: number
+  }));
+  segment.preCart = createCart();
+  dates = dates.filter((d) => {
+    const datePart = d.start_time.slice(0, 10);
+    const sameDay = tsd.selectedDate?.toString() == datePart;
+    const after = Date.parse(d.start_time) >= Date.parse(tsd.selectedTime);
+    return sameDay && after;
+  });
+  for (const date2 of dates) {
+    if (date2.prices) {
+      let prices = date2.prices;
+      if (segment.query) prices = prices.filter((p2) => p2.title.includes(segment.query));
+      const tickets = prices.map((t) => createUIScaledPricesTicket(t, date2.id, { selectedTime: date2.start_time, event_title: date2.event_title }));
+      const cartItems = tickets.map((t) => createCartItem(t));
+      segment.preCart.addItems(cartItems);
+    } else console.warn("(load_Events_ScaledPricesTickets) event.prices is undefined");
+    if (date2.seats) {
+      shop.capacityManager.addSeats(date2.id, date2.seats);
+    } else console.warn("(load_Events_ScaledPricesTickets) event.seats is undefined");
+  }
+}
 async function loadTimeslotTickets(segment) {
   const tsd = segment.ticketSelectionDetails;
-  if (!tsd || !(tsd.selectedDate && tsd.selectedTimeslot && tsd.filters?.includes("timeslot"))) {
+  if (!tsd) {
+    console.warn("(loadTimeslotTickets) tsd is undefined");
+    segment.clear();
+    return;
+  }
+  if (!tsd.selectedDate) {
+    console.warn("(loadTimeslotTickets) selectedDate is not given to the go-ticket-selection");
+    segment.clear();
+    return;
+  }
+  if (!tsd.selectedTimeslot) {
+    console.warn("(loadTimeslotTickets) selectedTimeslot is not given to the go-ticket-selection");
     segment.clear();
     return;
   }
@@ -30868,14 +31165,14 @@ async function loadTimeslotTickets(segment) {
     "by_museum_ids[]": tsd.museumIds,
     "by_exhibition_ids[]": tsd.exhibitionIds,
     "by_ticket_ids[]": tsd.ticketIds,
-    "by_ticket_group_ids[]": tsd.ticketGroupIds
+    "by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
   }));
   shop.capacityManager.addQuotas(quotas);
   const available = filterAvailabletickets(tickets, tsd.selectedTime);
   const uiTickets = initUITimeslotTickets(available, tsd.selectedTime);
   segment.preCart = createCart(uiTickets);
 }
-class TicketSegmentDetails {
+class SegmentDetails {
   #ticketSelectionDetails;
   get ticketSelectionDetails() {
     return get$2(this.#ticketSelectionDetails);
@@ -30904,6 +31201,41 @@ class TicketSegmentDetails {
   set dateId(value) {
     set(this.#dateId, value, true);
   }
+  #limit = /* @__PURE__ */ state();
+  get limit() {
+    return get$2(this.#limit);
+  }
+  set limit(value) {
+    set(this.#limit, value, true);
+  }
+  #query = /* @__PURE__ */ state();
+  get query() {
+    return get$2(this.#query);
+  }
+  set query(value) {
+    set(this.#query, value, true);
+  }
+  #ticketGroupIds = /* @__PURE__ */ state(proxy([]));
+  get ticketGroupIds() {
+    return get$2(this.#ticketGroupIds);
+  }
+  set ticketGroupIds(value) {
+    set(this.#ticketGroupIds, value, true);
+  }
+  #languageIds = /* @__PURE__ */ state(proxy([]));
+  get languageIds() {
+    return get$2(this.#languageIds);
+  }
+  set languageIds(value) {
+    set(this.#languageIds, value, true);
+  }
+  #catchWordIds = /* @__PURE__ */ state(proxy([]));
+  get catchWordIds() {
+    return get$2(this.#catchWordIds);
+  }
+  set catchWordIds(value) {
+    set(this.#catchWordIds, value, true);
+  }
   constructor(type, tsdWrapper) {
     this.filters = type;
     this.#ticketSelectionDetails = /* @__PURE__ */ user_derived(() => tsdWrapper.value);
@@ -30912,7 +31244,7 @@ class TicketSegmentDetails {
     this.preCart = createCart([]);
   }
   toString() {
-    return JSON.stringify({ filters: this.filters, preCart: this.preCart.pretty() });
+    return JSON.stringify({ filters: this.filters, preCart: this.preCart.toString() });
   }
   loadTickets() {
     const method = {
@@ -30921,34 +31253,40 @@ class TicketSegmentDetails {
       day: loadDayTickets,
       custom: () => {
       },
-      "event:scaled-price": loadEventScaledPricesTickets,
+      "event:scaled-price": load_Event_ScaledPricesTickets,
+      "events:scaled-price": load_Events_ScaledPricesTickets,
       "event:ticket": loadEventTickets
     }[this.filters];
     method(this);
   }
 }
 const KEY = "go-ticket-segment";
-const setTicketSegmentDetails = createSetDetails(KEY);
-const getTicketSegmentDetails = createGetDetails(KEY);
+const setSegmentDetails = createSetDetails(KEY);
+const getSegmentDetails = createGetDetails(KEY);
 function TicketSegment($$anchor, $$props) {
   push($$props, true);
-  const filters = prop($$props, "filters", 7), dateId = prop($$props, "dateId", 7);
+  const filters = prop($$props, "filters", 7), dateId = prop($$props, "dateId", 7), query = prop($$props, "query", 7), limit = prop($$props, "limit", 7), ticketGroupIds = prop($$props, "ticketGroupIds", 7), languageIds = prop($$props, "languageIds", 7), catchWordIds = prop($$props, "catchWordIds", 7);
   if (!filters()) throw new Error("filters is required");
   const tsdWrapper = getTicketSelectionDetails($$props.$$host);
   const tsd = tsdWrapper.value;
-  const details = new TicketSegmentDetails(filters(), tsdWrapper);
-  setTicketSegmentDetails($$props.$$host, details);
-  details.filters = filters();
-  details.dateId = dateId();
+  const details = new SegmentDetails(filters(), tsdWrapper);
+  setSegmentDetails($$props.$$host, details);
   user_effect(() => {
     details.filters = filters();
     details.dateId = dateId();
+    details.query = query();
+    details.limit = limit();
+    details.ticketGroupIds = parseIds(ticketGroupIds());
+    details.languageIds = parseIds(languageIds());
+    details.catchWordIds = parseIds(catchWordIds());
   });
   user_effect(() => {
     details.dateId;
     details.filters;
     details.dateId;
+    details.ticketGroupIds;
     tsd?.selectedTimeslot;
+    tsd?.selectedTime;
     tsd?.selectedDate;
     untrack(() => {
       details.loadTickets();
@@ -30977,6 +31315,41 @@ function TicketSegment($$anchor, $$props) {
     set dateId($$value) {
       dateId($$value);
       flushSync();
+    },
+    get query() {
+      return query();
+    },
+    set query($$value) {
+      query($$value);
+      flushSync();
+    },
+    get limit() {
+      return limit();
+    },
+    set limit($$value) {
+      limit($$value);
+      flushSync();
+    },
+    get ticketGroupIds() {
+      return ticketGroupIds();
+    },
+    set ticketGroupIds($$value) {
+      ticketGroupIds($$value);
+      flushSync();
+    },
+    get languageIds() {
+      return languageIds();
+    },
+    set languageIds($$value) {
+      languageIds($$value);
+      flushSync();
+    },
+    get catchWordIds() {
+      return catchWordIds();
+    },
+    set catchWordIds($$value) {
+      catchWordIds($$value);
+      flushSync();
     }
   };
   return pop($$exports);
@@ -30984,13 +31357,34 @@ function TicketSegment($$anchor, $$props) {
 customElements.define("go-ticket-segment", create_custom_element(
   TicketSegment,
   {
+    catchWordIds: { attribute: "catch-word-ids", reflect: true, type: "String" },
     dateId: { attribute: "date-id", reflect: true, type: "Number" },
-    filters: { attribute: "filters", reflect: true, type: "String" }
+    filters: { attribute: "filters", reflect: true, type: "String" },
+    languageIds: { attribute: "language-ids", reflect: true, type: "String" },
+    limit: { attribute: "limit", reflect: true, type: "Number" },
+    query: { attribute: "query", reflect: true, type: "String" },
+    ticketGroupIds: { attribute: "ticket-group-ids", reflect: true, type: "String" }
   },
   [],
   ["details"],
   false
 ));
+function TicketSegmentEmpty($$anchor, $$props) {
+  push($$props, true);
+  const tsdWrapper = getTicketSelectionDetails($$props.$$host);
+  const tsd = tsdWrapper.value;
+  const _details = getSegmentDetails($$props.$$host);
+  const details = _details.value;
+  const numTickets = /* @__PURE__ */ user_derived(() => details?.preCart.items.length);
+  const isVisible = /* @__PURE__ */ user_derived(() => !tsd?.isTicketsVisible || tsd?.isTicketsVisible && get$2(numTickets) === 0);
+  user_effect(() => {
+    $$props.$$host.style.display = get$2(isVisible) ? "block" : "none";
+    $$props.$$host.classList.toggle("is-hidden", !get$2(isVisible));
+    $$props.$$host.classList.toggle("is-visible", get$2(isVisible));
+  });
+  pop();
+}
+customElements.define("go-ticket-segment-empty", create_custom_element(TicketSegmentEmpty, {}, [], [], false));
 function selectedTime(product, tsd) {
   switch (product.product_type) {
     case "Ticket":
@@ -31015,7 +31409,7 @@ function selectedTime(product, tsd) {
           throw new Error(`(selectedTime) Unhandled Ticket Type: ${exhaustedChecking2}`);
       }
     case "Event":
-      if (!isUIEventTicket(product)) {
+      if (!isUIScaledPricesTicket(product)) {
         throw new Error("(selectedTime) this should not happen");
       }
       return product.selectedTime || "";
@@ -31046,13 +31440,13 @@ function generateQuantityOptions(min2, max2) {
   }
   return options;
 }
-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_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_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$3();
+    var fragment = root_1$4();
     var span = first_child(fragment);
     var text2 = child(span, true);
     reset(span);
@@ -31085,7 +31479,7 @@ function Item($$anchor, $$props) {
     ci.time = selectedTime(ci.product, tsd);
   }
   let titleSnippet = default_title;
-  if (isUIEventTicket(item().product)) titleSnippet = scaled_title;
+  if (isUIScaledPricesTicket(item().product)) titleSnippet = scaled_title;
   var $$exports = {
     get item() {
       return item();
@@ -31161,17 +31555,17 @@ function Item($$anchor, $$props) {
 }
 delegate(["change"]);
 create_custom_element(Item, { item: {}, details: {} }, [], [], true);
-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>`);
+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>`);
 function Body($$anchor, $$props) {
   push($$props, true);
-  const _details = getTicketSegmentDetails($$props.$$host);
+  const _details = getSegmentDetails($$props.$$host);
   const details = /* @__PURE__ */ user_derived(() => _details.value);
   const anyItems = /* @__PURE__ */ user_derived(() => get$2(details)?.preCart?.items.length && get$2(details)?.preCart?.items.length > 0);
   var fragment = comment();
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var ol = root_1$2();
+      var ol = root_1$3();
       var li = child(ol);
       var ul = child(li);
       var li_1 = child(ul);
@@ -31226,7 +31620,7 @@ function Body($$anchor, $$props) {
 customElements.define("go-ticket-segment-body", create_custom_element(Body, {}, [], [], false));
 function Sum($$anchor, $$props) {
   push($$props, true);
-  const _details = getTicketSegmentDetails($$props.$$host);
+  const _details = getSegmentDetails($$props.$$host);
   const details = /* @__PURE__ */ user_derived(() => _details.value);
   next();
   var text$1 = text();
@@ -31235,7 +31629,7 @@ function Sum($$anchor, $$props) {
   pop();
 }
 customElements.define("go-ticket-segment-sum", create_custom_element(Sum, {}, [], [], false));
-let Details$1 = class Details {
+let Details$2 = class Details {
   #tsd;
   get tsd() {
     return get$2(this.#tsd);
@@ -31282,12 +31676,12 @@ let Details$1 = class Details {
   }
 };
 var root_2$1 = /* @__PURE__ */ from_html(`<li><label> <input type="radio" name="timeslot"/></label></li>`);
-var root_1$1 = /* @__PURE__ */ from_html(`<ul data-testid="timeslots"></ul>`);
+var root_1$2 = /* @__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$1(_tsd);
+  const details = new Details$2(_tsd);
   const change = (e) => {
     e.target.dispatchEvent(new CustomEvent("go-timeslot-select", {
       detail: { selected: details.tsd.selectedTimeslot },
@@ -31300,7 +31694,7 @@ function Timeslots($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var ul = root_1$1();
+      var ul = root_1$2();
       each(ul, 20, () => details.timeslots, (timeslot) => timeslot, ($$anchor3, timeslot) => {
         const selected = /* @__PURE__ */ user_derived(() => details.tsd?.selectedTimeslot === timeslot.startAt);
         var li = root_2$1();
@@ -31374,7 +31768,6 @@ class Calendar {
   }
   get dates() {
     if (!this.details) {
-      console.warn("(Calendar) details is undefined");
       return void 0;
     }
     switch (this.details.mode) {
@@ -31412,6 +31805,7 @@ class Calendar {
       timeslot: "time_slot",
       annual: "annual",
       "event:scaled-price": "scaled_price",
+      "events:scaled-price": "not implemented",
       "event:ticket": "not implemented"
     })[f]);
   }
@@ -31459,7 +31853,7 @@ var root_3 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 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 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
+var root_1$1 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
 function CalendarUI($$anchor, $$props) {
   push($$props, true);
   let calendarClass = prop($$props, "calendarClass", 7);
@@ -31481,7 +31875,7 @@ function CalendarUI($$anchor, $$props) {
       flushSync();
     }
   };
-  var div = root_1();
+  var div = root_1$1();
   var node = child(div);
   {
     const children = ($$anchor2, $$arg0) => {
@@ -31731,7 +32125,7 @@ function Calendar_1($$anchor, $$props) {
   return pop($$exports);
 }
 customElements.define("go-calendar", create_custom_element(Calendar_1, {}, [], ["details"], false));
-class Details2 {
+let Details$1 = class Details2 {
   #ticketSelectionDetails;
   get ticketSelectionDetails() {
     return get$2(this.#ticketSelectionDetails);
@@ -31767,14 +32161,14 @@ class Details2 {
     const ret = this.ticketSelectionDetails.preCarts.some((cart) => cart.items.some((item) => item.quantity > 0));
     return ret;
   }
-}
-var root = /* @__PURE__ */ from_html(`<button data-add-to-cart-button="" data-testid="go-add-to-cart-button__button"> </button>`);
+};
+var root$2 = /* @__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 Details2(_tsd);
+  const details = new Details$1(_tsd);
   var $$exports = { details };
-  var button = root();
+  var button = root$2();
   button.__click = () => details.addToCart();
   var text2 = child(button, true);
   reset(button);
@@ -31795,36 +32189,104 @@ 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)());
+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 }
+    ]
   });
-  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;
+  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;
     }
-    go.config.navigateTo(go.config.urls[to()]());
+  }
+  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, {}, [], [], false));
+var root = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+function Details3($$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 }
+    ]
   });
-  var $$exports = {
-    get to() {
-      return to();
-    },
-    set to($$value) {
-      to($$value);
-      flushSync();
-    }
-  };
-  return pop($$exports);
+  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-link", create_custom_element(Link, { to: { attribute: "to", reflect: true, type: "String" } }, [], [], false));
+customElements.define("go-profile-details", create_custom_element(Details3, {}, [], [], false));
+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, {}, [], [], false));