@gomusdev/web-components 1.8.2 → 1.8.4

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

@@ -11012,7 +11012,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 +11212,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 +11403,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",
@@ -13791,11 +13791,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     let when = prop($$props, "when", 7), then = prop($$props, "then", 7, "show");
     const data = /* @__PURE__ */ state(proxy({}));
     get(data).ticketSelection = getTicketSelectionDetails($$props.$$host);
+    let formDetails = /* @__PURE__ */ state(void 0);
     user_effect(() => {
-      var _a2;
-      const formDetails = getDetails($$props.$$host);
-      if (!formDetails) return;
-      get(data).formData = (_a2 = getDetails($$props.$$host)) == null ? void 0 : _a2.formData;
+      if (!get(formDetails)) return;
+      get(data).formData = get(formDetails).formData;
     });
     let evaluatedWhen = /* @__PURE__ */ user_derived(() => evaluateExpression(when(), get(data)));
     let content = null;
@@ -13815,6 +13814,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         }
       }
     });
+    onMount(async () => {
+      set(formDetails, await pollUntilTruthy(() => getDetails($$props.$$host)), true);
+    });
     return pop({
       get data() {
         return get(data);

package/dist-js/gomus-webcomponents.js

@@ -11012,7 +11012,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 +11212,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 +11403,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",
@@ -13791,11 +13791,10 @@ function If($$anchor, $$props) {
   let when = prop($$props, "when", 7), then = prop($$props, "then", 7, "show");
   const data = /* @__PURE__ */ state(proxy({}));
   get(data).ticketSelection = getTicketSelectionDetails($$props.$$host);
+  let formDetails = /* @__PURE__ */ state(void 0);
   user_effect(() => {
-    var _a2;
-    const formDetails = getDetails($$props.$$host);
-    if (!formDetails) return;
-    get(data).formData = (_a2 = getDetails($$props.$$host)) == null ? void 0 : _a2.formData;
+    if (!get(formDetails)) return;
+    get(data).formData = get(formDetails).formData;
   });
   let evaluatedWhen = /* @__PURE__ */ user_derived(() => evaluateExpression(when(), get(data)));
   let content = null;
@@ -13815,6 +13814,9 @@ function If($$anchor, $$props) {
       }
     }
   });
+  onMount(async () => {
+    set(formDetails, await pollUntilTruthy(() => getDetails($$props.$$host)), true);
+  });
   return pop({
     get data() {
       return get(data);

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.2",
+  "version": "1.8.4",
   "type": "module",
   "main": "./dist-js/gomus-webcomponents.iife.js",
   "module": "./dist-js/gomus-webcomponents.iife.js",