@gomusdev/web-components 1.39.5 → 1.40.0

package/dist-js/config/{defaultConfig.d.ts → configStore.svelte.d.ts}

@@ -1,6 +1,5 @@
 import { FieldInit } from '../components/forms/lib/Field.svelte.ts';
 import { ShopUrls } from '../lib/helpers/urls.ts';
-export declare const defaultConfig: Required<ConfigOptions>;
 export type FormConfig = {
     fields?: {
         key: string;
@@ -15,3 +14,15 @@ export type ConfigOptions = {
     forms?: Record<string, FormConfig>;
     fields?: Record<string, FieldInit>;
 };
+declare class ConfigStoreSvelte {
+    private defaultConfig;
+    private override;
+    private options;
+    constructor();
+    private update;
+    get config(): {};
+    define(options: ConfigOptions): this;
+    default(options: ConfigOptions): this;
+}
+export declare const configStore: ConfigStoreSvelte;
+export {};

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

@@ -0,0 +1,16 @@
+export type Command = {
+    method: 'load' | 'config' | 'init';
+    options: Record<string, unknown>;
+};
+export declare function initGo(window: {
+    go?: any;
+}): Promise<void>;
+export declare const go: {
+    loaded: boolean;
+    config: (options: Record<string, unknown>) => void;
+    init: (options: {
+        shop: string;
+        api: string;
+        locale: string;
+    }) => Promise<void>;
+};

package/dist-js/go/go.spec.d.ts

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

package/dist-js/go/snippet.d.ts

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

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

@@ -12313,7 +12313,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return url;
   }
   function client(publicApiUrl, shopUrl) {
-    return createClient({ baseUrl: `${publicApiUrl}`, headers: { "X-Shop-Url": shopUrl } });
+    return createClient({ baseUrl: publicApiUrl, headers: { "X-Shop-Url": shopUrl } });
   }
   const CALENDAR_ENDPOINT = "/api/v4/calendar";
   const TICKETS_CALENDAR_ENDPOINT = "/api/v4/tickets/calendar";
@@ -12725,7 +12725,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       }
     };
   }
-  const defaultConfig = {
+  let defaultConfig = {
     urls: {},
     navigateTo: (url) => {
       window.location.assign(url);
@@ -12733,18 +12733,39 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     forms: {},
     fields: {}
   };
-  class Config {
-    options = assign(defaultConfig, window.customOptions);
+  class ConfigStoreSvelte {
+    defaultConfig = assign(defaultConfig, window.customOptions);
+    override = this.defaultConfig;
+    #options = /* @__PURE__ */ state(proxy({}));
+    get options() {
+      return get$2(this.#options);
+    }
+    set options(value) {
+      set(this.#options, value, true);
+    }
+    constructor() {
+      this.update();
+    }
+    update() {
+      this.options = assign(this.defaultConfig, this.override);
+    }
     get config() {
-      return Object.freeze(this.options);
+      return this.options;
+    }
+    define(options) {
+      console.log("ConfigStore.define", options);
+      this.override = assign(this.override, options);
+      this.update();
+      return this;
     }
-    defineConfig(options) {
-      this.options = assign(this.options, options);
+    default(options) {
+      console.log("ConfigStore.default", options);
+      this.defaultConfig = assign(this.defaultConfig, options);
+      this.update();
       return this;
     }
   }
-  const go = new Config();
-  window.go = go;
+  const configStore = new ConfigStoreSvelte();
   class PersonalizationDetails {
     #token = /* @__PURE__ */ state();
     get token() {
@@ -12771,8 +12792,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       if (this.ticketSaleId) return snapshot(this.order?.ticket_sales.find((ts) => ts.id == this.ticketSaleId));
     }
     goToPersonalization(ticketSale) {
-      if (go.config.urls.annualTicketPersonalizationForm) {
-        return go.config.urls.annualTicketPersonalizationForm(this.token, ticketSale.id);
+      if (configStore.config.urls.annualTicketPersonalizationForm) {
+        return configStore.config.urls.annualTicketPersonalizationForm(this.token, ticketSale.id);
       } else {
         return shop.urls.annualTicketPersonalizationForm(this.token, ticketSale.id);
       }
@@ -16080,20 +16101,20 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
   const _Forms = class _Forms {
     static defineForm(options) {
-      go.defineConfig({
+      configStore.default({
         forms: {
           [options.id]: { fields: options.fields, submitLabel: options.submitLabel }
         }
       });
     }
     static defineFields(fields) {
-      go.defineConfig({ fields });
+      configStore.default({ fields });
     }
     static setRequiredApiKeys(formId, requiredApiKeys) {
       __privateGet(_Forms, _requiredApiKeysMap)[formId] = requiredApiKeys;
     }
     static getFormOptions(formId) {
-      return go.config.forms[formId];
+      return configStore.config.forms[formId];
     }
     static createField(key, required) {
       const init2 = _Forms.getFieldInit(key);
@@ -16106,7 +16127,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       return formFields(formId);
     }
     static getFieldInit(key) {
-      return go.config.fields[key];
+      return configStore.config.fields[key];
     }
   };
   _requiredApiKeysMap = new WeakMap();
@@ -16114,7 +16135,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   _Forms.defineFields(allFields);
   let Forms = _Forms;
   function formFields(formId) {
-    const definition = go.config.forms[formId];
+    const definition = configStore.config.forms[formId];
     if (!definition) {
       throw new Error(`(formFields) Form ${formId} not found`);
     }
@@ -16189,12 +16210,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         form.details.apiErrors = [result.error.error];
         return;
       }
-      const beforeSubmit = go.config.forms.personalization?.beforeSubmit;
+      const beforeSubmit = configStore.config.forms.personalization?.beforeSubmit;
       if (beforeSubmit) {
         beforeSubmit(body);
       }
-      if (go.config.urls.annualTicketPersonalizationFormSubmit?.()) {
-        go.config.navigateTo(go.config.urls.annualTicketPersonalizationFormSubmit());
+      if (configStore.config.urls.annualTicketPersonalizationFormSubmit?.()) {
+        configStore.config.navigateTo(configStore.config.urls.annualTicketPersonalizationFormSubmit());
       }
     }
     let templateForm = null;
@@ -16945,12 +16966,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           form.details.apiErrors = checkout.error;
           return;
         }
-        const beforeSubmit = go.config.forms.checkoutGuest?.beforeSubmit;
+        const beforeSubmit = configStore.config.forms.checkoutGuest?.beforeSubmit;
         if (beforeSubmit) {
           await beforeSubmit(form.details.formData);
         }
         const paymentUrl = checkout.data.meta.payment_url;
-        go.config.navigateTo?.(paymentUrl);
+        configStore.config.navigateTo?.(paymentUrl);
       });
     });
     var $$exports = {
@@ -31565,7 +31586,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   function Link($$anchor, $$props) {
     push($$props, true);
     const to = prop($$props, "to", 7);
-    const href = /* @__PURE__ */ user_derived(() => go.config.urls[to()]);
+    const href = /* @__PURE__ */ user_derived(() => configStore.config.urls[to()]);
     const a2 = wrapInElement($$props.$$host, "a");
     user_effect(() => {
       if (!get$2(href)) {
@@ -31577,11 +31598,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     });
     a2.addEventListener("click", (e) => {
       e.preventDefault();
-      if (!go.config.urls[to()]) {
+      if (!configStore.config.urls[to()]) {
         console.warn(`[go-link] No URL found for route "${to()}". You can define it with go.config.urls.${to()} = () => 'https://example.com/my-route'`);
         return;
       }
-      go.config.navigateTo(go.config.urls[to()]());
+      configStore.config.navigateTo(configStore.config.urls[to()]());
     });
     var $$exports = {
       get to() {
@@ -31620,8 +31641,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           return `${shop.apiUrl}/api/v4/orders/${this.order.id}/events/${item.attributes.id}.pdf?locale=${shop.locale}&token=${this.token}`;
         case "Ticket":
           if (item.attributes.ticket_type === "annual" && !item.attributes.is_voucher) {
-            if (go.config.urls.annualTicketPersonalizationList?.()) {
-              return go.config.urls.annualTicketPersonalizationList(this.token);
+            if (configStore.config.urls.annualTicketPersonalizationList?.()) {
+              return configStore.config.urls.annualTicketPersonalizationList(this.token);
             } else {
               return shop.urls?.annualTicketPersonalizationList(this.token);
             }
@@ -33421,8 +33442,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       });
       shop.cart.addItems(newItems);
       preCarts.forEach((pc) => pc.items.forEach((i) => i.quantity = 0));
-      if (go.config.urls.cart) {
-        go.config.navigateTo(go.config.urls.cart());
+      if (configStore.config.urls.cart) {
+        configStore.config.navigateTo(configStore.config.urls.cart());
       }
     }
     anyTicketsSelected() {
@@ -33559,4 +33580,30 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     pop();
   }
   customElements.define("go-profile-overview", create_custom_element(Overview, {}, [], []));
+  async function initGo(window2) {
+    const stub = window2.go;
+    let q = stub && stub._queue || [];
+    console.log(q);
+    for (const command of q) {
+      try {
+        await go[command.method](command.options);
+      } catch (e) {
+        console.error(e);
+      }
+    }
+    window2.go = go;
+    if (stub) stub._queue = null;
+  }
+  const go = {
+    loaded: true,
+    config: (options) => {
+      configStore.define(options);
+    },
+    init: async (options) => {
+      await shop.load("https://" + options.api, options.shop, options.locale);
+    }
+  };
+  (async () => {
+    await initGo(window);
+  })();
 })();

package/dist-js/gomus-webcomponents.js

@@ -12313,7 +12313,7 @@ function removeTrailingSlash(url) {
   return url;
 }
 function client(publicApiUrl, shopUrl) {
-  return createClient({ baseUrl: `${publicApiUrl}`, headers: { "X-Shop-Url": shopUrl } });
+  return createClient({ baseUrl: publicApiUrl, headers: { "X-Shop-Url": shopUrl } });
 }
 const CALENDAR_ENDPOINT = "/api/v4/calendar";
 const TICKETS_CALENDAR_ENDPOINT = "/api/v4/tickets/calendar";
@@ -12725,7 +12725,7 @@ function createGetDetails(KEY2) {
     }
   };
 }
-const defaultConfig = {
+let defaultConfig = {
   urls: {},
   navigateTo: (url) => {
     window.location.assign(url);
@@ -12733,18 +12733,39 @@ const defaultConfig = {
   forms: {},
   fields: {}
 };
-class Config {
-  options = assign(defaultConfig, window.customOptions);
+class ConfigStoreSvelte {
+  defaultConfig = assign(defaultConfig, window.customOptions);
+  override = this.defaultConfig;
+  #options = /* @__PURE__ */ state(proxy({}));
+  get options() {
+    return get$2(this.#options);
+  }
+  set options(value) {
+    set(this.#options, value, true);
+  }
+  constructor() {
+    this.update();
+  }
+  update() {
+    this.options = assign(this.defaultConfig, this.override);
+  }
   get config() {
-    return Object.freeze(this.options);
+    return this.options;
+  }
+  define(options) {
+    console.log("ConfigStore.define", options);
+    this.override = assign(this.override, options);
+    this.update();
+    return this;
   }
-  defineConfig(options) {
-    this.options = assign(this.options, options);
+  default(options) {
+    console.log("ConfigStore.default", options);
+    this.defaultConfig = assign(this.defaultConfig, options);
+    this.update();
     return this;
   }
 }
-const go = new Config();
-window.go = go;
+const configStore = new ConfigStoreSvelte();
 class PersonalizationDetails {
   #token = /* @__PURE__ */ state();
   get token() {
@@ -12771,8 +12792,8 @@ class PersonalizationDetails {
     if (this.ticketSaleId) return snapshot(this.order?.ticket_sales.find((ts) => ts.id == this.ticketSaleId));
   }
   goToPersonalization(ticketSale) {
-    if (go.config.urls.annualTicketPersonalizationForm) {
-      return go.config.urls.annualTicketPersonalizationForm(this.token, ticketSale.id);
+    if (configStore.config.urls.annualTicketPersonalizationForm) {
+      return configStore.config.urls.annualTicketPersonalizationForm(this.token, ticketSale.id);
     } else {
       return shop.urls.annualTicketPersonalizationForm(this.token, ticketSale.id);
     }
@@ -16080,20 +16101,20 @@ function validateField(field) {
 }
 const _Forms = class _Forms {
   static defineForm(options) {
-    go.defineConfig({
+    configStore.default({
       forms: {
         [options.id]: { fields: options.fields, submitLabel: options.submitLabel }
       }
     });
   }
   static defineFields(fields) {
-    go.defineConfig({ fields });
+    configStore.default({ fields });
   }
   static setRequiredApiKeys(formId, requiredApiKeys) {
     __privateGet(_Forms, _requiredApiKeysMap)[formId] = requiredApiKeys;
   }
   static getFormOptions(formId) {
-    return go.config.forms[formId];
+    return configStore.config.forms[formId];
   }
   static createField(key, required) {
     const init2 = _Forms.getFieldInit(key);
@@ -16106,7 +16127,7 @@ const _Forms = class _Forms {
     return formFields(formId);
   }
   static getFieldInit(key) {
-    return go.config.fields[key];
+    return configStore.config.fields[key];
   }
 };
 _requiredApiKeysMap = new WeakMap();
@@ -16114,7 +16135,7 @@ __privateAdd(_Forms, _requiredApiKeysMap, {});
 _Forms.defineFields(allFields);
 let Forms = _Forms;
 function formFields(formId) {
-  const definition = go.config.forms[formId];
+  const definition = configStore.config.forms[formId];
   if (!definition) {
     throw new Error(`(formFields) Form ${formId} not found`);
   }
@@ -16189,12 +16210,12 @@ function AnnualTicketPersonalizationForm($$anchor, $$props) {
       form.details.apiErrors = [result.error.error];
       return;
     }
-    const beforeSubmit = go.config.forms.personalization?.beforeSubmit;
+    const beforeSubmit = configStore.config.forms.personalization?.beforeSubmit;
     if (beforeSubmit) {
       beforeSubmit(body);
     }
-    if (go.config.urls.annualTicketPersonalizationFormSubmit?.()) {
-      go.config.navigateTo(go.config.urls.annualTicketPersonalizationFormSubmit());
+    if (configStore.config.urls.annualTicketPersonalizationFormSubmit?.()) {
+      configStore.config.navigateTo(configStore.config.urls.annualTicketPersonalizationFormSubmit());
     }
   }
   let templateForm = null;
@@ -16945,12 +16966,12 @@ function CheckoutForm($$anchor, $$props) {
         form.details.apiErrors = checkout.error;
         return;
       }
-      const beforeSubmit = go.config.forms.checkoutGuest?.beforeSubmit;
+      const beforeSubmit = configStore.config.forms.checkoutGuest?.beforeSubmit;
       if (beforeSubmit) {
         await beforeSubmit(form.details.formData);
       }
       const paymentUrl = checkout.data.meta.payment_url;
-      go.config.navigateTo?.(paymentUrl);
+      configStore.config.navigateTo?.(paymentUrl);
     });
   });
   var $$exports = {
@@ -31565,7 +31586,7 @@ customElements.define("go-init", create_custom_element(
 function Link($$anchor, $$props) {
   push($$props, true);
   const to = prop($$props, "to", 7);
-  const href = /* @__PURE__ */ user_derived(() => go.config.urls[to()]);
+  const href = /* @__PURE__ */ user_derived(() => configStore.config.urls[to()]);
   const a2 = wrapInElement($$props.$$host, "a");
   user_effect(() => {
     if (!get$2(href)) {
@@ -31577,11 +31598,11 @@ function Link($$anchor, $$props) {
   });
   a2.addEventListener("click", (e) => {
     e.preventDefault();
-    if (!go.config.urls[to()]) {
+    if (!configStore.config.urls[to()]) {
       console.warn(`[go-link] No URL found for route "${to()}". You can define it with go.config.urls.${to()} = () => 'https://example.com/my-route'`);
       return;
     }
-    go.config.navigateTo(go.config.urls[to()]());
+    configStore.config.navigateTo(configStore.config.urls[to()]());
   });
   var $$exports = {
     get to() {
@@ -31620,8 +31641,8 @@ class OrderDetails {
         return `${shop.apiUrl}/api/v4/orders/${this.order.id}/events/${item.attributes.id}.pdf?locale=${shop.locale}&token=${this.token}`;
       case "Ticket":
         if (item.attributes.ticket_type === "annual" && !item.attributes.is_voucher) {
-          if (go.config.urls.annualTicketPersonalizationList?.()) {
-            return go.config.urls.annualTicketPersonalizationList(this.token);
+          if (configStore.config.urls.annualTicketPersonalizationList?.()) {
+            return configStore.config.urls.annualTicketPersonalizationList(this.token);
           } else {
             return shop.urls?.annualTicketPersonalizationList(this.token);
           }
@@ -33421,8 +33442,8 @@ let Details$1 = class Details2 {
     });
     shop.cart.addItems(newItems);
     preCarts.forEach((pc) => pc.items.forEach((i) => i.quantity = 0));
-    if (go.config.urls.cart) {
-      go.config.navigateTo(go.config.urls.cart());
+    if (configStore.config.urls.cart) {
+      configStore.config.navigateTo(configStore.config.urls.cart());
     }
   }
   anyTicketsSelected() {
@@ -33559,3 +33580,29 @@ function Overview($$anchor, $$props) {
   pop();
 }
 customElements.define("go-profile-overview", create_custom_element(Overview, {}, [], []));
+async function initGo(window2) {
+  const stub = window2.go;
+  let q = stub && stub._queue || [];
+  console.log(q);
+  for (const command of q) {
+    try {
+      await go[command.method](command.options);
+    } catch (e) {
+      console.error(e);
+    }
+  }
+  window2.go = go;
+  if (stub) stub._queue = null;
+}
+const go = {
+  loaded: true,
+  config: (options) => {
+    configStore.define(options);
+  },
+  init: async (options) => {
+    await shop.load("https://" + options.api, options.shop, options.locale);
+  }
+};
+(async () => {
+  await initGo(window);
+})();

package/package.json

@@ -4,7 +4,7 @@
     "name": "Giantmonkey GmbH"
   },
   "license": "MIT",
-  "version": "1.39.5",
+  "version": "1.40.0",
   "type": "module",
   "main": "./dist-js/gomus-webcomponents.iife.js",
   "module": "./dist-js/gomus-webcomponents.iife.js",
@@ -26,9 +26,13 @@
     "build:standard-components": "pnpm vite -c vite.standard-components.config.ts build; cp dist-js/standard-components.js ../../../gomus-shop/src/assets/javascript",
     "open-test": "vite build && vite --open src/test.html",
     "=== E 2 E ===": "",
-    "e2e": "npx playwright test",
-    "e2e:ui": "npx playwright test --ui",
-    "e2e:headed": "npx playwright test  --headed ",
+    "e2e:static": "vite build && npx playwright test --config=playwright-static.config.ts",
+    "e2e:static:no-build": "npx playwright test --config=playwright-static.config.ts",
+    "e2e:static:ui": "npx playwright test --config=playwright-static.config.ts --ui",
+    "----------------": "-",
+    "e2e:storybook": "npx playwright test --config=playwright-storybook.config.ts",
+    "e2e:storybook:ui": "npx playwright test --ui --config=playwright-storybook.config.ts",
+    "e2e:storybook:headed": "npx playwright test  --headed --config=playwright-storybook.config.ts",
     "=== S T O R Y B O O K ===": "",
     "chromatic": "npx chromatic --project-token=chpt_36bb239517e3c45 --allow-console-errors",
     "storybook": "storybook dev",

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

@@ -1,8 +0,0 @@
-import { ConfigOptions } from './defaultConfig.ts';
-declare class Config {
-    private options;
-    get config(): any;
-    defineConfig(options: ConfigOptions): this;
-}
-export declare const go: Config;
-export {};