@gomusdev/web-components 1.8.3 → 1.8.5

package/dist-js/components/cart/components/CartCounter.svelte.d.ts

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

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

@@ -49,6 +49,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   var is_extensible = Object.isExtensible;
   const noop$1 = () => {
   };
+  function run(fn) {
+    return fn();
+  }
   function run_all(arr) {
     for (var i = 0; i < arr.length; i++) {
       arr[i]();
@@ -2350,6 +2353,49 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   function set_signal_status(signal, status) {
     signal.f = signal.f & STATUS_MASK | status;
   }
+  function deep_read_state(value) {
+    if (typeof value !== "object" || !value || value instanceof EventTarget) {
+      return;
+    }
+    if (STATE_SYMBOL in value) {
+      deep_read(value);
+    } else if (!Array.isArray(value)) {
+      for (let key in value) {
+        const prop2 = value[key];
+        if (typeof prop2 === "object" && prop2 && STATE_SYMBOL in prop2) {
+          deep_read(prop2);
+        }
+      }
+    }
+  }
+  function deep_read(value, visited = /* @__PURE__ */ new Set()) {
+    if (typeof value === "object" && value !== null && // We don't want to traverse DOM elements
+    !(value instanceof EventTarget) && !visited.has(value)) {
+      visited.add(value);
+      if (value instanceof Date) {
+        value.getTime();
+      }
+      for (let key in value) {
+        try {
+          deep_read(value[key], visited);
+        } catch (e) {
+        }
+      }
+      const proto = get_prototype_of(value);
+      if (proto !== Object.prototype && proto !== Array.prototype && proto !== Map.prototype && proto !== Set.prototype && proto !== Date.prototype) {
+        const descriptors = get_descriptors(proto);
+        for (let key in descriptors) {
+          const get2 = descriptors[key].get;
+          if (get2) {
+            try {
+              get2.call(value);
+            } catch (e) {
+            }
+          }
+        }
+      }
+    }
+  }
   const all_registered_events = /* @__PURE__ */ new Set();
   const root_event_handles = /* @__PURE__ */ new Set();
   function create_event(event_name, dom, handler, options = {}) {
@@ -4251,6 +4297,63 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
     return element_or_component;
   }
+  function init(immutable = false) {
+    const context = (
+      /** @type {ComponentContextLegacy} */
+      component_context
+    );
+    const callbacks = context.l.u;
+    if (!callbacks) return;
+    let props = () => deep_read_state(context.s);
+    if (immutable) {
+      let version = 0;
+      let prev = (
+        /** @type {Record<string, any>} */
+        {}
+      );
+      const d = /* @__PURE__ */ derived(() => {
+        let changed = false;
+        const props2 = context.s;
+        for (const key in props2) {
+          if (props2[key] !== prev[key]) {
+            prev[key] = props2[key];
+            changed = true;
+          }
+        }
+        if (changed) version++;
+        return version;
+      });
+      props = () => get(d);
+    }
+    if (callbacks.b.length) {
+      user_pre_effect(() => {
+        observe_all(context, props);
+        run_all(callbacks.b);
+      });
+    }
+    user_effect(() => {
+      const fns = untrack(() => callbacks.m.map(run));
+      return () => {
+        for (const fn of fns) {
+          if (typeof fn === "function") {
+            fn();
+          }
+        }
+      };
+    });
+    if (callbacks.a.length) {
+      user_effect(() => {
+        observe_all(context, props);
+        run_all(callbacks.a);
+      });
+    }
+  }
+  function observe_all(context, props) {
+    if (context.l.s) {
+      for (const signal of context.l.s) get(signal);
+    }
+    props();
+  }
   let is_store_binding = false;
   function capture_store_binding(fn) {
     var previous_is_store_binding = is_store_binding;
@@ -5292,7 +5395,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         querySerializer: requestQuerySerializer,
         bodySerializer = globalBodySerializer ?? defaultBodySerializer,
         body,
-        ...init
+        ...init2
       } = fetchOptions || {};
       if (localBaseUrl) {
         baseUrl = removeTrailingSlash(localBaseUrl);
@@ -5315,16 +5418,16 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       const requestInit = {
         redirect: "follow",
         ...baseOptions,
-        ...init,
+        ...init2,
         body: serializedBody,
         headers: mergeHeaders(defaultHeaders, baseHeaders, headers, params.header)
       };
       let id;
       let options;
       let request = new CustomRequest(createFinalURL(schemaPath, { baseUrl, params, querySerializer }), requestInit);
-      for (const key in init) {
+      for (const key in init2) {
         if (!(key in request)) {
-          request[key] = init[key];
+          request[key] = init2[key];
         }
       }
       if (middlewares.length) {
@@ -5394,36 +5497,36 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     return {
       /** Call a GET endpoint */
-      GET(url, init) {
-        return coreFetch(url, { ...init, method: "GET" });
+      GET(url, init2) {
+        return coreFetch(url, { ...init2, method: "GET" });
       },
       /** Call a PUT endpoint */
-      PUT(url, init) {
-        return coreFetch(url, { ...init, method: "PUT" });
+      PUT(url, init2) {
+        return coreFetch(url, { ...init2, method: "PUT" });
       },
       /** Call a POST endpoint */
-      POST(url, init) {
-        return coreFetch(url, { ...init, method: "POST" });
+      POST(url, init2) {
+        return coreFetch(url, { ...init2, method: "POST" });
       },
       /** Call a DELETE endpoint */
-      DELETE(url, init) {
-        return coreFetch(url, { ...init, method: "DELETE" });
+      DELETE(url, init2) {
+        return coreFetch(url, { ...init2, method: "DELETE" });
       },
       /** Call a OPTIONS endpoint */
-      OPTIONS(url, init) {
-        return coreFetch(url, { ...init, method: "OPTIONS" });
+      OPTIONS(url, init2) {
+        return coreFetch(url, { ...init2, method: "OPTIONS" });
       },
       /** Call a HEAD endpoint */
-      HEAD(url, init) {
-        return coreFetch(url, { ...init, method: "HEAD" });
+      HEAD(url, init2) {
+        return coreFetch(url, { ...init2, method: "HEAD" });
       },
       /** Call a PATCH endpoint */
-      PATCH(url, init) {
-        return coreFetch(url, { ...init, method: "PATCH" });
+      PATCH(url, init2) {
+        return coreFetch(url, { ...init2, method: "PATCH" });
       },
       /** Call a TRACE endpoint */
-      TRACE(url, init) {
-        return coreFetch(url, { ...init, method: "TRACE" });
+      TRACE(url, init2) {
+        return coreFetch(url, { ...init2, method: "TRACE" });
       },
       /** Register middleware */
       use(...middleware) {
@@ -11012,7 +11115,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   class Shop {
     constructor(apiUrl, shopDomain, locale, type = "angular") {
       __privateAdd(this, _Shop_instances);
-      __privateAdd(this, _data2, /* @__PURE__ */ state(proxy({ customerSalutations: [], countries: [] })));
+      __privateAdd(this, _data2, /* @__PURE__ */ state(proxy({ customerSalutations: [], countries: [], locales: [] })));
       // Holds the fetch status and timestamp for data requests, tracking whether the request is ongoing or completed and when it was completed.
       __privateAdd(this, _fetchStatus, {});
       __privateAdd(this, _canFetch, () => {
@@ -11212,6 +11315,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     get countries() {
       return this.fetchAndCache("/api/v3/countries", "countries", "countries");
     }
+    get locales() {
+      return this.fetchAndCache("/api/v4/locales", "locales", "locales_options");
+    }
     get urls() {
       return get(__privateGet(this, _data2)).urls;
     }
@@ -11400,10 +11506,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       placeholder: "",
       description: "",
       autocomplete: "language",
-      options: () => [
-        { value: 1, label: "German" },
-        { value: 5, label: "English" }
-      ]
+      options: () => shop.locales.map((c) => ({ label: c.locale, value: c.id }))
     },
     acceptTerms: {
       key: "acceptTerms",
@@ -11510,11 +11613,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       return __privateGet(_Forms, _requiredApiKeysMap)[formId];
     }
     static createField(key, required) {
-      const init = _Forms.getFieldInit(key);
-      if (!init) {
+      const init2 = _Forms.getFieldInit(key);
+      if (!init2) {
         throw new Error(`(formFields) Field "${key}" not found`);
       }
-      return createField(init, required);
+      return createField(init2, required);
     }
     static getFormFields(formId) {
       return formFields(formId);
@@ -12191,6 +12294,17 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   delegate(["click"]);
   customElements.define("go-cart", create_custom_element(Cart, { preview: {} }, [], [], false));
+  enable_legacy_mode_flag();
+  function CartCounter($$anchor, $$props) {
+    push($$props, false);
+    init();
+    next();
+    var text2 = text$1();
+    template_effect(() => set_text(text2, cart.items.length));
+    append($$anchor, text2);
+    pop();
+  }
+  customElements.define("go-cart-counter", create_custom_element(CartCounter, {}, [], [], false));
   /*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
   const {
     entries,
@@ -13583,7 +13697,6 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     pop();
   }
   customElements.define("go-errors-feedback", create_custom_element(ErrorsFeedback, {}, [], [], false));
-  enable_legacy_mode_flag();
   var root$4 = /* @__PURE__ */ from_html(`<div class="go-form-feedback"><!></div>`);
   function FormFeedback($$anchor, $$props) {
     var div = root$4();

package/dist-js/gomus-webcomponents.js

@@ -47,6 +47,9 @@ var get_prototype_of = Object.getPrototypeOf;
 var is_extensible = Object.isExtensible;
 const noop$1 = () => {
 };
+function run(fn) {
+  return fn();
+}
 function run_all(arr) {
   for (var i = 0; i < arr.length; i++) {
     arr[i]();
@@ -2348,6 +2351,49 @@ const STATUS_MASK = -7169;
 function set_signal_status(signal, status) {
   signal.f = signal.f & STATUS_MASK | status;
 }
+function deep_read_state(value) {
+  if (typeof value !== "object" || !value || value instanceof EventTarget) {
+    return;
+  }
+  if (STATE_SYMBOL in value) {
+    deep_read(value);
+  } else if (!Array.isArray(value)) {
+    for (let key in value) {
+      const prop2 = value[key];
+      if (typeof prop2 === "object" && prop2 && STATE_SYMBOL in prop2) {
+        deep_read(prop2);
+      }
+    }
+  }
+}
+function deep_read(value, visited = /* @__PURE__ */ new Set()) {
+  if (typeof value === "object" && value !== null && // We don't want to traverse DOM elements
+  !(value instanceof EventTarget) && !visited.has(value)) {
+    visited.add(value);
+    if (value instanceof Date) {
+      value.getTime();
+    }
+    for (let key in value) {
+      try {
+        deep_read(value[key], visited);
+      } catch (e) {
+      }
+    }
+    const proto = get_prototype_of(value);
+    if (proto !== Object.prototype && proto !== Array.prototype && proto !== Map.prototype && proto !== Set.prototype && proto !== Date.prototype) {
+      const descriptors = get_descriptors(proto);
+      for (let key in descriptors) {
+        const get2 = descriptors[key].get;
+        if (get2) {
+          try {
+            get2.call(value);
+          } catch (e) {
+          }
+        }
+      }
+    }
+  }
+}
 const all_registered_events = /* @__PURE__ */ new Set();
 const root_event_handles = /* @__PURE__ */ new Set();
 function create_event(event_name, dom, handler, options = {}) {
@@ -4250,6 +4296,63 @@ function bind_this(element_or_component = {}, update, get_value, get_parts) {
   });
   return element_or_component;
 }
+function init(immutable = false) {
+  const context = (
+    /** @type {ComponentContextLegacy} */
+    component_context
+  );
+  const callbacks = context.l.u;
+  if (!callbacks) return;
+  let props = () => deep_read_state(context.s);
+  if (immutable) {
+    let version = 0;
+    let prev = (
+      /** @type {Record<string, any>} */
+      {}
+    );
+    const d = /* @__PURE__ */ derived(() => {
+      let changed = false;
+      const props2 = context.s;
+      for (const key in props2) {
+        if (props2[key] !== prev[key]) {
+          prev[key] = props2[key];
+          changed = true;
+        }
+      }
+      if (changed) version++;
+      return version;
+    });
+    props = () => get(d);
+  }
+  if (callbacks.b.length) {
+    user_pre_effect(() => {
+      observe_all(context, props);
+      run_all(callbacks.b);
+    });
+  }
+  user_effect(() => {
+    const fns = untrack(() => callbacks.m.map(run));
+    return () => {
+      for (const fn of fns) {
+        if (typeof fn === "function") {
+          fn();
+        }
+      }
+    };
+  });
+  if (callbacks.a.length) {
+    user_effect(() => {
+      observe_all(context, props);
+      run_all(callbacks.a);
+    });
+  }
+}
+function observe_all(context, props) {
+  if (context.l.s) {
+    for (const signal of context.l.s) get(signal);
+  }
+  props();
+}
 let is_store_binding = false;
 function capture_store_binding(fn) {
   var previous_is_store_binding = is_store_binding;
@@ -5292,7 +5395,7 @@ function createClient(clientOptions) {
       querySerializer: requestQuerySerializer,
       bodySerializer = globalBodySerializer ?? defaultBodySerializer,
       body,
-      ...init
+      ...init2
     } = fetchOptions || {};
     if (localBaseUrl) {
       baseUrl = removeTrailingSlash(localBaseUrl);
@@ -5315,16 +5418,16 @@ function createClient(clientOptions) {
     const requestInit = {
       redirect: "follow",
       ...baseOptions,
-      ...init,
+      ...init2,
       body: serializedBody,
       headers: mergeHeaders(defaultHeaders, baseHeaders, headers, params.header)
     };
     let id;
     let options;
     let request = new CustomRequest(createFinalURL(schemaPath, { baseUrl, params, querySerializer }), requestInit);
-    for (const key in init) {
+    for (const key in init2) {
       if (!(key in request)) {
-        request[key] = init[key];
+        request[key] = init2[key];
       }
     }
     if (middlewares.length) {
@@ -5394,36 +5497,36 @@ function createClient(clientOptions) {
   }
   return {
     /** Call a GET endpoint */
-    GET(url, init) {
-      return coreFetch(url, { ...init, method: "GET" });
+    GET(url, init2) {
+      return coreFetch(url, { ...init2, method: "GET" });
     },
     /** Call a PUT endpoint */
-    PUT(url, init) {
-      return coreFetch(url, { ...init, method: "PUT" });
+    PUT(url, init2) {
+      return coreFetch(url, { ...init2, method: "PUT" });
     },
     /** Call a POST endpoint */
-    POST(url, init) {
-      return coreFetch(url, { ...init, method: "POST" });
+    POST(url, init2) {
+      return coreFetch(url, { ...init2, method: "POST" });
     },
     /** Call a DELETE endpoint */
-    DELETE(url, init) {
-      return coreFetch(url, { ...init, method: "DELETE" });
+    DELETE(url, init2) {
+      return coreFetch(url, { ...init2, method: "DELETE" });
     },
     /** Call a OPTIONS endpoint */
-    OPTIONS(url, init) {
-      return coreFetch(url, { ...init, method: "OPTIONS" });
+    OPTIONS(url, init2) {
+      return coreFetch(url, { ...init2, method: "OPTIONS" });
     },
     /** Call a HEAD endpoint */
-    HEAD(url, init) {
-      return coreFetch(url, { ...init, method: "HEAD" });
+    HEAD(url, init2) {
+      return coreFetch(url, { ...init2, method: "HEAD" });
     },
     /** Call a PATCH endpoint */
-    PATCH(url, init) {
-      return coreFetch(url, { ...init, method: "PATCH" });
+    PATCH(url, init2) {
+      return coreFetch(url, { ...init2, method: "PATCH" });
     },
     /** Call a TRACE endpoint */
-    TRACE(url, init) {
-      return coreFetch(url, { ...init, method: "TRACE" });
+    TRACE(url, init2) {
+      return coreFetch(url, { ...init2, method: "TRACE" });
     },
     /** Register middleware */
     use(...middleware) {
@@ -11012,7 +11115,7 @@ function formatDate(isoDateString, options = {
 class Shop {
   constructor(apiUrl, shopDomain, locale, type = "angular") {
     __privateAdd(this, _Shop_instances);
-    __privateAdd(this, _data2, /* @__PURE__ */ state(proxy({ customerSalutations: [], countries: [] })));
+    __privateAdd(this, _data2, /* @__PURE__ */ state(proxy({ customerSalutations: [], countries: [], locales: [] })));
     // Holds the fetch status and timestamp for data requests, tracking whether the request is ongoing or completed and when it was completed.
     __privateAdd(this, _fetchStatus, {});
     __privateAdd(this, _canFetch, () => {
@@ -11212,6 +11315,9 @@ class Shop {
   get countries() {
     return this.fetchAndCache("/api/v3/countries", "countries", "countries");
   }
+  get locales() {
+    return this.fetchAndCache("/api/v4/locales", "locales", "locales_options");
+  }
   get urls() {
     return get(__privateGet(this, _data2)).urls;
   }
@@ -11400,10 +11506,7 @@ var allFields = {
     placeholder: "",
     description: "",
     autocomplete: "language",
-    options: () => [
-      { value: 1, label: "German" },
-      { value: 5, label: "English" }
-    ]
+    options: () => shop.locales.map((c) => ({ label: c.locale, value: c.id }))
   },
   acceptTerms: {
     key: "acceptTerms",
@@ -11510,11 +11613,11 @@ const _Forms = class _Forms {
     return __privateGet(_Forms, _requiredApiKeysMap)[formId];
   }
   static createField(key, required) {
-    const init = _Forms.getFieldInit(key);
-    if (!init) {
+    const init2 = _Forms.getFieldInit(key);
+    if (!init2) {
       throw new Error(`(formFields) Field "${key}" not found`);
     }
-    return createField(init, required);
+    return createField(init2, required);
   }
   static getFormFields(formId) {
     return formFields(formId);
@@ -12191,6 +12294,17 @@ function Cart($$anchor, $$props) {
 }
 delegate(["click"]);
 customElements.define("go-cart", create_custom_element(Cart, { preview: {} }, [], [], false));
+enable_legacy_mode_flag();
+function CartCounter($$anchor, $$props) {
+  push($$props, false);
+  init();
+  next();
+  var text2 = text$1();
+  template_effect(() => set_text(text2, cart.items.length));
+  append($$anchor, text2);
+  pop();
+}
+customElements.define("go-cart-counter", create_custom_element(CartCounter, {}, [], [], false));
 /*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
 const {
   entries,
@@ -13583,7 +13697,6 @@ function ErrorsFeedback($$anchor, $$props) {
   pop();
 }
 customElements.define("go-errors-feedback", create_custom_element(ErrorsFeedback, {}, [], [], false));
-enable_legacy_mode_flag();
 var root$4 = /* @__PURE__ */ from_html(`<div class="go-form-feedback"><!></div>`);
 function FormFeedback($$anchor, $$props) {
   var div = root$4();

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

@@ -3,7 +3,7 @@ import { ShopUrls } from '../helpers/urls';
 import { User } from './user.svelte.ts';
 import { OpenApiClient } from '@gomus/api';
 import { TicketsAndQuotasParams, TicketsCalendarParams, TicketsParams } from '@gomus/api/lib/types.ts';
-import { CheckoutParams, CheckoutResponse, Country, Event, Exhibition, Merchandise, Museum, Salutation, ShopType, SignInParams, SignInResponse, SignUpParams, SignUpResponse, Tour } from '@gomus/types';
+import { CheckoutParams, CheckoutResponse, Country, Event, Exhibition, LocaleOptions, Merchandise, Museum, Salutation, ShopType, SignInParams, SignInResponse, SignUpParams, SignUpResponse, Tour } from '@gomus/types';
 export type ShopKind = 'angular' | 'jmb';
 export declare class Shop {
     #private;
@@ -118,6 +118,7 @@ export declare class Shop {
         urls?: ShopUrls;
         customerSalutations?: Salutation[];
         countries?: Country[];
+        locales?: LocaleOptions;
     };
     ticketsCalendar(params: TicketsCalendarParams): CalendarDates;
     ticketsAndQuotas(params: TicketsAndQuotasParams): {
@@ -373,6 +374,10 @@ export declare class Shop {
         id: number;
         name: string;
     }[];
+    get locales(): {
+        id: number;
+        locale: string;
+    }[];
     get urls(): {
         account: () => string;
         annualTickets: () => string;

package/package.json

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