@gomusdev/web-components 1.33.1 → 1.34.0

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

@@ -2045,8 +2045,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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 = () => {
@@ -2828,13 +2828,13 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   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);
         });
       }
     }
@@ -2853,6 +2853,18 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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]);
@@ -2862,26 +2874,26 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
   }
   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);
@@ -2893,9 +2905,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       }
     }
     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;
@@ -2916,8 +2928,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           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) {
@@ -2926,7 +2938,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
             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;
@@ -2940,8 +2952,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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);
     }
@@ -4752,6 +4764,24 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       }
     });
   }
+  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) {
@@ -5157,12 +5187,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
      * @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 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       // Unix time (seconds)
     };
     constructor() {
+      this.load();
       setInterval(() => this.load(), 1e3);
     }
     customerLevel() {
@@ -10970,8 +11001,6 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   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 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
               ...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 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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 "";
@@ -11233,8 +11262,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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}`);
@@ -12305,6 +12334,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   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 +12452,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +12490,15 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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 +12534,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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;
@@ -12568,13 +12610,23 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
      * @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 +12655,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       }
       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 +15221,15 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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",
@@ -15524,7 +15585,6 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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 +15617,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     /**
      * 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 +15627,17 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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 +15670,36 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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 +15727,21 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +15770,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +15793,26 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     ["details"],
     false
   ));
-  var root$9 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+  var root$b = /* @__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 +15822,17 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         flushSync();
       }
     };
-    var go_form = root$9();
+    var go_form = root$b();
     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$a = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
   function SignIn($$anchor, $$props) {
     push($$props, true);
-    let form;
     Forms.defineForm({
       id: "signIn",
       fields: [
@@ -15747,23 +15840,19 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         { 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$a();
     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 +15865,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     false
   ));
-  var root$7 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+  var root$9 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
   function SignUp($$anchor, $$props) {
     push($$props, true);
     Forms.defineForm({
@@ -15798,24 +15887,19 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         { 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$9();
     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 +15912,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     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$8 = /* @__PURE__ */ from_html(`<li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"><span class="go-cart-item-title-event-title"> </span><span class="go-cart-item-title-ticket-title"> </span></span><!></li>`);
   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 +15928,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         flushSync();
       }
     };
-    var li = root$6();
+    var li = root$8();
     var span = child(li);
     var span_1 = child(span);
     var text2 = child(span_1, true);
@@ -15856,7 +15940,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +15973,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   create_custom_element(Event$2, { cartItem: {} }, [], [], true);
   var root_2$q = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
-  var root_1$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$7 = /* @__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 +15987,14 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         flushSync();
       }
     };
-    var li = root$5();
+    var li = root$7();
     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 +16030,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   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 +16048,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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);
@@ -17464,8 +17548,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   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 +17973,13 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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 +18006,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       );
     }
     #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 +18023,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           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 +18035,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           this.#unsubClickListener();
           this.#unsubClickListener = on(this.#documentObj, "click", this.#handleDismiss, { once: true });
         } else {
-          this.#interactOutsideProp.current(event);
+          this.#interactOutsideProp.current(event2);
         }
       },
       10
@@ -18346,9 +18430,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
     #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 +18446,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       }
     }
     #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 +19941,27 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +20622,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       }
       return date2;
     }
-    onkeydown(event) {
+    onkeydown(event2) {
       handleCalendarKeydown({
-        event,
+        event: event2,
         handleCellClick: this.handleCellClick,
         shiftFocus: this.shiftFocus,
         placeholderValue: this.opts.placeholder.current
@@ -22299,7 +22383,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   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 +22406,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +24854,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +25165,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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 +27620,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   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 +27678,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         flushSync();
       }
     };
-    var fragment = root$4();
+    var fragment = root$6();
     var node = first_child(fragment);
     {
       var consequent = ($$anchor2) => {
@@ -28946,7 +29030,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   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 +29072,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           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 +29280,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   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 +29292,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +29340,6 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +29347,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           ...restProps,
           name: field().key,
           type: "checkbox",
-          onchange: event_handler
+          value: "true"
         }),
         void 0,
         void 0,
@@ -29281,6 +29364,15 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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 +29519,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +29599,10 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     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 +29661,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         flushSync();
       }
     };
-    var fragment = root$3();
+    var fragment = root$5();
     var node = first_child(fragment);
     InputAndLabel(node, {
       get describedById() {
@@ -29592,7 +29684,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +29731,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     ["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 +29740,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +29753,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   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 +29776,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +29840,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +29875,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     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 +29884,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +29915,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     "day",
     "annual",
     "event:scaled-price",
-    "event:ticket"
+    "event:ticket",
+    "events:scaled-price"
   ];
   let lastUId = 0;
   class TicketSelectionDetails {
@@ -29916,6 +30009,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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 +30022,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
             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 +30048,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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"));
     }
   }
@@ -30181,9 +30278,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +30300,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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 +30310,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +30572,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +30582,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +30841,15 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       // @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 +30866,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       "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 +30877,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +30903,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +30936,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
     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 +30952,77 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +31034,14 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       "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 +31070,41 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +31113,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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 +31122,40 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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 +31184,41 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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 +31226,34 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   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 +31278,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
             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 +31309,13 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
     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 +31348,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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 +31424,17 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   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 +31489,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   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 +31498,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +31545,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
   };
   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 +31563,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +31637,6 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
     get dates() {
       if (!this.details) {
-        console.warn("(Calendar) details is undefined");
         return void 0;
       }
       switch (this.details.mode) {
@@ -31412,6 +31674,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         timeslot: "time_slot",
         annual: "annual",
         "event:scaled-price": "scaled_price",
+        "events:scaled-price": "not implemented",
         "event:ticket": "not implemented"
       })[f]);
     }
@@ -31459,7 +31722,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   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 +31744,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         flushSync();
       }
     };
-    var div = root_1();
+    var div = root_1$1();
     var node = child(div);
     {
       const children = ($$anchor2, $$arg0) => {
@@ -31731,7 +31994,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   customElements.define("go-calendar", create_custom_element(Calendar_1, {}, [], ["details"], false));
-  class Details {
+  let Details$1 = class Details {
     #ticketSelectionDetails;
     get ticketSelectionDetails() {
       return get$2(this.#ticketSelectionDetails);
@@ -31767,14 +32030,14 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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 Details(_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);
@@ -31828,4 +32091,105 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   customElements.define("go-link", create_custom_element(Link, { to: { attribute: "to", reflect: true, type: "String" } }, [], [], false));
+  var root$1 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+  function Password($$anchor, $$props) {
+    push($$props, false);
+    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, {}, [], [], false));
+  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, {}, [], [], 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));
 })();