@gomusdev/web-components 0.0.6 → 0.0.7

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

@@ -11,7 +11,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 (function() {
   "use strict";
-  var _a, _previous, _callbacks, _pending, _deferred, _neutered, _async_effects, _boundary_async_effects, _render_effects, _effects, _block_effects, _dirty_effects, _maybe_dirty_effects, _Batch_instances, traverse_effect_tree_fn, defer_effects_fn, commit_fn, _events, _instance, _data, _fetchStatus, _Shop_instances, defaultApiParams_get, _canFetch, _ensureFetch, _mode, _filters, _eventId, _museumIds, _exhibitionIds, _selectedDate, _selectedTimeslot, _selectedTickets, _ticketList, _document, _subscribe, _name, _key, _root, _variant, _prefix, _visibleMonths, _months, _weekdays, _initialPlaceholderYear, _defaultYears, _CalendarRootState_instances, setupInitialFocusEffect_fn, setupAccessibleHeadingEffect_fn, setupFormatterEffect_fn, _isNextButtonDisabled, _isPrevButtonDisabled, _isInvalid, _headingValue, _fullCalendarLabel, isMultipleSelectionValid_fn, _snippetProps, _props, _props2, _cellDate, _isUnavailable, _isDateToday, _isOutsideMonth, _isOutsideVisibleMonths, _isDisabled, _isFocusedDate, _isSelectedDate, _labelText, _snippetProps2, _ariaDisabled, _sharedDataAttrs, _props3, _tabindex, _snippetProps3, _props4, _isDisabled2, _props5, _isDisabled3, _props6, _props7, _props8, _props9, _props10, _props11, _props12, _startAt, _selected, _b, _params, _ticketSelectionDetails, _c, _ticketSelectionDetails2;
+  var _a, _previous, _callbacks, _pending, _deferred, _neutered, _async_effects, _boundary_async_effects, _render_effects, _effects, _block_effects, _dirty_effects, _maybe_dirty_effects, _Batch_instances, traverse_effect_tree_fn, defer_effects_fn, commit_fn, _events, _instance, _data, _fetchStatus, _Shop_instances, defaultApiParams_get, _canFetch, _ensureFetch, _mode, _filters, _eventId, _museumIds, _exhibitionIds, _ticketIds, _selectedDate, _selectedTimeslot, _selectedTickets, _ticketList, _document, _subscribe, _name, _key, _root, _variant, _prefix, _visibleMonths, _months, _weekdays, _initialPlaceholderYear, _defaultYears, _CalendarRootState_instances, setupInitialFocusEffect_fn, setupAccessibleHeadingEffect_fn, setupFormatterEffect_fn, _isNextButtonDisabled, _isPrevButtonDisabled, _isInvalid, _headingValue, _fullCalendarLabel, isMultipleSelectionValid_fn, _snippetProps, _props, _props2, _cellDate, _isUnavailable, _isDateToday, _isOutsideMonth, _isOutsideVisibleMonths, _isDisabled, _isFocusedDate, _isSelectedDate, _labelText, _snippetProps2, _ariaDisabled, _sharedDataAttrs, _props3, _tabindex, _snippetProps3, _props4, _isDisabled2, _props5, _isDisabled3, _props6, _props7, _props8, _props9, _props10, _props11, _props12, _startAt, _selected, _b, _details, _params, _ticketSelectionDetails, _c, _ticketSelectionDetails2;
   const PUBLIC_VERSION = "5";
   if (typeof window !== "undefined") {
     ((_a = window.__svelte ?? (window.__svelte = {})).v ?? (_a.v = /* @__PURE__ */ new Set())).add(PUBLIC_VERSION);
@@ -4726,6 +4726,13 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     return void 0;
   }
+  function parseIds(ids) {
+    if (!ids) {
+      return void 0;
+    }
+    const parsed = ids.split(",").map((id) => id.trim()).map(Number).filter((num) => !isNaN(num) && num > 0);
+    return parsed.length > 0 ? parsed : void 0;
+  }
   class User {
     get isAuthenticated() {
       return this.isLoggedIn || this.isGuest;
@@ -11145,6 +11152,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       __privateAdd(this, _eventId, /* @__PURE__ */ state());
       __privateAdd(this, _museumIds, /* @__PURE__ */ state());
       __privateAdd(this, _exhibitionIds, /* @__PURE__ */ state());
+      __privateAdd(this, _ticketIds, /* @__PURE__ */ state());
       __privateAdd(this, _selectedDate, /* @__PURE__ */ state());
       __privateAdd(this, _selectedTimeslot, /* @__PURE__ */ state());
       __privateAdd(this, _selectedTickets, /* @__PURE__ */ state(proxy([])));
@@ -11180,6 +11188,12 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     set exhibitionIds(value) {
       set(__privateGet(this, _exhibitionIds), value, true);
     }
+    get ticketIds() {
+      return get(__privateGet(this, _ticketIds));
+    }
+    set ticketIds(value) {
+      set(__privateGet(this, _ticketIds), value, true);
+    }
     get selectedDate() {
       return get(__privateGet(this, _selectedDate));
     }
@@ -11217,6 +11231,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   _eventId = new WeakMap();
   _museumIds = new WeakMap();
   _exhibitionIds = new WeakMap();
+  _ticketIds = new WeakMap();
   _selectedDate = new WeakMap();
   _selectedTimeslot = new WeakMap();
   _selectedTickets = new WeakMap();
@@ -15078,7 +15093,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   let Calendar$1 = (_b = class {
     constructor() {
       __privateAdd(this, _startAt, /* @__PURE__ */ state(proxy($14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2()))));
-      __privateAdd(this, _selected, /* @__PURE__ */ state(proxy($14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2()))));
+      __privateAdd(this, _selected, /* @__PURE__ */ state(void 0));
     }
     get startAt() {
       return get(__privateGet(this, _startAt));
@@ -15105,16 +15120,25 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   class TicketsCalendar extends Calendar$1 {
     constructor() {
       super(...arguments);
-      __privateAdd(this, _params, /* @__PURE__ */ user_derived(() => ({
-        by_bookable: true,
-        "by_ticket_types[]": void 0,
-        "by_ticket_ids[]": void 0,
-        "by_museum_ids[]": void 0,
-        "by_exhibition_ids[]": void 0,
-        // these logic are there to minimize fetches
-        start_at: this.startAt.set({ day: 1 }).toString(),
-        end_at: this.startAt.add({ months: 1 }).set({ day: 7 }).toString()
-      })));
+      __privateAdd(this, _details, /* @__PURE__ */ state());
+      __privateAdd(this, _params, /* @__PURE__ */ user_derived(() => {
+        var _a2, _b2, _c2, _d;
+        return {
+          by_bookable: true,
+          "by_ticket_types[]": (_a2 = this.details) == null ? void 0 : _a2.filters,
+          "by_ticket_ids[]": (_b2 = this.details) == null ? void 0 : _b2.ticketIds,
+          "by_museum_ids[]": (_c2 = this.details) == null ? void 0 : _c2.museumIds,
+          "by_exhibition_ids[]": (_d = this.details) == null ? void 0 : _d.exhibitionIds,
+          start_at: this.startAt.set({ day: 1 }).toString(),
+          end_at: this.startAt.add({ months: 1 }).set({ day: 7 }).toString()
+        };
+      }));
+    }
+    get details() {
+      return get(__privateGet(this, _details));
+    }
+    set details(value) {
+      set(__privateGet(this, _details), value, true);
     }
     get params() {
       return get(__privateGet(this, _params));
@@ -15127,6 +15151,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       return ret;
     }
   }
+  _details = new WeakMap();
   _params = new WeakMap();
   const ticketsCalendar = new TicketsCalendar();
   var root_3$1 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
@@ -15352,7 +15377,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     let ticketSelectionDetails = /* @__PURE__ */ state(void 0);
     onMount(() => {
       set(ticketSelectionDetails, getTicketSelectionDetails($$props.$$host), true);
-      if (get(ticketSelectionDetails)) get(ticketSelectionDetails).selectedDate = $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+      ticketsCalendar.details = get(ticketSelectionDetails);
+      if (get(ticketSelectionDetails)) get(ticketSelectionDetails).selectedDate = void 0;
     });
     let wrapper = /* @__PURE__ */ state(void 0);
     onMount(() => {
@@ -15442,11 +15468,12 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       set(__privateGet(this, _ticketSelectionDetails), value, true);
     }
     get timeslots() {
-      var _a2, _b2, _c2, _d;
+      var _a2, _b2, _c2, _d, _e;
       const date = (_a2 = this.ticketSelectionDetails) == null ? void 0 : _a2.selectedDate;
       const ticketTypes = (_b2 = this.ticketSelectionDetails) == null ? void 0 : _b2.filters;
       const museumIds = (_c2 = this.ticketSelectionDetails) == null ? void 0 : _c2.museumIds;
       const exhibitionIds = (_d = this.ticketSelectionDetails) == null ? void 0 : _d.exhibitionIds;
+      const ticketIds = (_e = this.ticketSelectionDetails) == null ? void 0 : _e.ticketIds;
       if (!date) return [];
       const result = snapshot(shop.ticketsAndQuotas({
         by_bookable: true,
@@ -15454,7 +15481,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         // @ts-ignore
         "by_ticket_types[]": ticketTypes,
         "by_museum_ids[]": museumIds,
-        "by_exhibition_ids[]": exhibitionIds
+        "by_exhibition_ids[]": exhibitionIds,
+        "by_ticket_ids[]": ticketIds,
+        locale: shop.locale
       }));
       if (!result) return [];
       return generateAvailableTimeSlots(result.tickets, result.quotas);
@@ -15587,7 +15616,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   create_custom_element(Wrapper, { host: {}, children: {} }, [], [], true);
   function TicketSelection($$anchor, $$props) {
     push($$props, true);
-    let mode = prop($$props, "mode", 7), filter = prop($$props, "filter", 7), eventId = prop($$props, "eventId", 7), children = prop($$props, "children", 7), museumId = prop($$props, "museumId", 7), exhibitionId = prop($$props, "exhibitionId", 7), restProps = /* @__PURE__ */ rest_props($$props, [
+    let mode = prop($$props, "mode", 7), filter = prop($$props, "filter", 7), eventId = prop($$props, "eventId", 7), children = prop($$props, "children", 7), museumIds = prop($$props, "museumIds", 7), exhibitionIds = prop($$props, "exhibitionIds", 7), ticketIds = prop($$props, "ticketIds", 7), restProps = /* @__PURE__ */ rest_props($$props, [
       "$$slots",
       "$$events",
       "$$legacy",
@@ -15596,15 +15625,17 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       "filter",
       "eventId",
       "children",
-      "museumId",
-      "exhibitionId"
+      "museumIds",
+      "exhibitionIds",
+      "ticketIds"
     ]);
     const details = new TicketSelectionDetails();
     details.mode = mode();
     details.filters = [filter()];
     details.eventId = eventId();
-    details.museumIds = [museumId()];
-    details.exhibitionIds = [exhibitionId()];
+    details.museumIds = parseIds(museumIds());
+    details.exhibitionIds = parseIds(exhibitionIds());
+    details.ticketIds = parseIds(ticketIds());
     setTicketSelectionDetails($$props.$$host, details);
     let cls = /* @__PURE__ */ user_derived(() => [
       "go-ticket-selection",
@@ -15653,18 +15684,25 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         children($$value);
         flushSync();
       },
-      get museumId() {
-        return museumId();
+      get museumIds() {
+        return museumIds();
       },
-      set museumId($$value) {
-        museumId($$value);
+      set museumIds($$value) {
+        museumIds($$value);
         flushSync();
       },
-      get exhibitionId() {
-        return exhibitionId();
+      get exhibitionIds() {
+        return exhibitionIds();
       },
-      set exhibitionId($$value) {
-        exhibitionId($$value);
+      set exhibitionIds($$value) {
+        exhibitionIds($$value);
+        flushSync();
+      },
+      get ticketIds() {
+        return ticketIds();
+      },
+      set ticketIds($$value) {
+        ticketIds($$value);
         flushSync();
       }
     });
@@ -15676,8 +15714,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       eventId: { attribute: "event-id", reflect: true, type: "Number" },
       filter: {},
       children: {},
-      museumId: {},
-      exhibitionId: {}
+      museumIds: {},
+      exhibitionIds: {},
+      ticketIds: {}
     },
     [],
     ["details"],
@@ -15694,19 +15733,22 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       set(__privateGet(this, _ticketSelectionDetails2), value, true);
     }
     get tickets() {
-      var _a2, _b2, _c2, _d, _e;
+      var _a2, _b2, _c2, _d, _e, _f;
       const date = (_a2 = this.ticketSelectionDetails) == null ? void 0 : _a2.selectedDate;
       const ticketTypes = (_b2 = this.ticketSelectionDetails) == null ? void 0 : _b2.filters;
       const museumIds = (_c2 = this.ticketSelectionDetails) == null ? void 0 : _c2.museumIds;
       const exhibitionIds = (_d = this.ticketSelectionDetails) == null ? void 0 : _d.exhibitionIds;
-      if (!date && !((_e = this.ticketSelectionDetails) == null ? void 0 : _e.selectedTimeslot)) return [];
+      const ticketIds = (_e = this.ticketSelectionDetails) == null ? void 0 : _e.ticketIds;
+      if (!date && !((_f = this.ticketSelectionDetails) == null ? void 0 : _f.selectedTimeslot)) return [];
       const result = snapshot(shop.ticketsAndQuotas({
         by_bookable: true,
         valid_at: date == null ? void 0 : date.toString(),
         // @ts-ignore
         "by_ticket_types[]": ticketTypes,
         "by_museum_ids[]": museumIds,
-        "by_exhibition_ids[]": exhibitionIds
+        "by_exhibition_ids[]": exhibitionIds,
+        "by_ticket_ids[]": ticketIds,
+        locale: shop.locale
       }));
       if (!result) return [];
       return initGomusTickets(result.tickets);

package/package.json

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