@gomusdev/web-components 0.0.20 → 0.0.21

package/dist-js/components/ticketSelection/TicketSelectionDetails.svelte.d.ts

@@ -2,7 +2,8 @@ import { Cart } from '../cart/lib/cart.svelte.ts';
 import { TicketGroupDetails } from './subcomponents/tickets/subcomponents/TicketGroup.svelte.ts';
 import { CalendarDate } from '@internationalized/date';
 export type TicketSelectionMode = 'ticket' | 'event' | 'tour';
-export type TicketSelectionFilter = 'timeslot' | 'normal' | 'annual';
+export declare const validTicketSelectionFilters: readonly ["timeslot", "normal", "annual"];
+export type TicketSelectionFilter = (typeof validTicketSelectionFilters)[number];
 export declare class TicketSelectionDetails {
     uid: number;
     mode: TicketSelectionMode | undefined;

package/dist-js/components/ticketSelection/subcomponents/tickets/subcomponents/TicketGroup.svelte.d.ts

@@ -282,7 +282,7 @@ export declare class TicketGroupDetails {
         addItem(item: import('../../../../cart/lib/CartItem').CartItem): void;
         addItems(items: import('../../../../cart/lib/CartItem').CartItem[]): void;
     };
-    type: TicketGroupType;
+    filters: TicketGroupType;
     ticketSelectionDetails: TicketSelectionDetails | undefined;
     constructor(type: TicketGroupType, ticketSelectionDetails: TicketSelectionDetails);
     preCartTickets(): ({

package/dist-js/components/ticketSelection/subcomponents/timeslots/lib/generateAvailableTimeSlots.specs.d.ts

@@ -1,121 +1 @@
-export declare const mockedTicketsAndQuotas: {
-    tickets: {
-        '1': {
-            id: number;
-            title: string;
-            ticket_type: "time_slot" | "annual" | "normal";
-            bookable: boolean;
-            museum_ids: number[];
-            exhibition_ids: number[];
-            price_cents: number;
-            discount: number;
-            vat_pct: number;
-            tax_included: boolean;
-            entry_duration: number | null;
-            min_persons: number;
-            max_persons: number;
-            quota_ids: number[];
-            first_entry: number;
-            last_entry: number;
-            personalizeable: boolean;
-            attendees: boolean | string;
-            identification: boolean | string;
-            free_timing: boolean;
-            is_collective: boolean;
-            is_upgrade: boolean;
-            is_mantle: boolean;
-            description: string | null;
-            sub_ticket_ids: number[];
-            sub_tickets: {
-                [key: string]: {
-                    title?: string;
-                    min_persons?: number;
-                    max_persons?: number;
-                    description?: string | null;
-                };
-            } | null;
-            is_sub_ticket: boolean;
-            created_at: string;
-            updated_at: string;
-            shop_order: number;
-            shipped_with_merchandise_id: number | null;
-            restricted_shop_account: boolean;
-            cash_point_order: number;
-            capacities: {
-                [key: string]: number;
-            };
-            total_capacities: {
-                [key: string]: number;
-            };
-            max_capacity: number;
-            max_total_capacity: number;
-            dynamic_prices: {
-                [key: string]: number;
-            } | null;
-        };
-        '2': {
-            id: number;
-            title: string;
-            ticket_type: "time_slot" | "annual" | "normal";
-            bookable: boolean;
-            museum_ids: number[];
-            exhibition_ids: number[];
-            price_cents: number;
-            discount: number;
-            vat_pct: number;
-            tax_included: boolean;
-            entry_duration: number | null;
-            min_persons: number;
-            max_persons: number;
-            quota_ids: number[];
-            first_entry: number;
-            last_entry: number;
-            personalizeable: boolean;
-            attendees: boolean | string;
-            identification: boolean | string;
-            free_timing: boolean;
-            is_collective: boolean;
-            is_upgrade: boolean;
-            is_mantle: boolean;
-            description: string | null;
-            sub_ticket_ids: number[];
-            sub_tickets: {
-                [key: string]: {
-                    title?: string;
-                    min_persons?: number;
-                    max_persons?: number;
-                    description?: string | null;
-                };
-            } | null;
-            is_sub_ticket: boolean;
-            created_at: string;
-            updated_at: string;
-            shop_order: number;
-            shipped_with_merchandise_id: number | null;
-            restricted_shop_account: boolean;
-            cash_point_order: number;
-            capacities: {
-                [key: string]: number;
-            };
-            total_capacities: {
-                [key: string]: number;
-            };
-            max_capacity: number;
-            max_total_capacity: number;
-            dynamic_prices: {
-                [key: string]: number;
-            } | null;
-        };
-    };
-    quotas: {
-        '1': {
-            ticket_ids: number[];
-            capacities: {
-                [key: string]: number;
-            };
-            total_capacities: {
-                [key: string]: number;
-            };
-        };
-    };
-};
+export {};

package/dist-js/gomus-webcomponents.css

@@ -1228,11 +1228,20 @@ h2 {
   justify-content: space-between;
 }
 
-.page-container,
+.component-container {
+  max-width: 650px;
+  margin: 0 auto;
+  box-shadow:
+    0 4px 12px rgba(12, 12, 12, 0.15),
+    0 0 0 1px rgba(0, 0, 0, 0.05);
+  border-radius: 3px;
+  padding: 32px 32px 48px;
+
+  margin: 2rem auto;
+}
 go-cart,
 go-ticket-selection,
 go-if {
-  max-width: 650px;
-  margin: 4rem auto;
+  width: 100%;
   display: block;
 }

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, _ticketIds, _selectedDate, _selectedTimeslot, _ticketGroups, _preCarts, _tickets, _preCart, _type, _ticketSelectionDetails, _ticketSelectionDetails2, _b, _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, _c, _details, _params, _ticketSelectionDetails3;
+  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, _ticketGroups, _preCarts, _tickets, _preCart, _filters2, _ticketSelectionDetails, _ticketSelectionDetails2, _b, _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, _c, _details, _params, _ticketSelectionDetails3;
   const PUBLIC_VERSION = "5";
   if (typeof window !== "undefined") {
     ((_a = window.__svelte ?? (window.__svelte = {})).v ?? (_a.v = /* @__PURE__ */ new Set())).add(PUBLIC_VERSION);
@@ -4867,6 +4867,18 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     const parsed = ids.split(",").map((id) => id.trim()).map(Number).filter((num) => !isNaN(num) && num > 0);
     return parsed.length > 0 ? parsed : void 0;
   }
+  function parseTokens(tokens, possibleTokens) {
+    if (!tokens) {
+      return void 0;
+    }
+    const parsed = tokens.split(",").map((token) => token.trim()).map(String).filter((token) => token.length > 0);
+    parsed.forEach((token) => {
+      if (!possibleTokens.includes(token)) {
+        throw new Error("(parseTokens) Invalid token: " + token);
+      }
+    });
+    return parsed.length > 0 ? parsed : void 0;
+  }
   class User {
     get isAuthenticated() {
       return this.isLoggedIn || this.isGuest;
@@ -11518,6 +11530,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     };
   }
+  const validTicketSelectionFilters = ["timeslot", "normal", "annual"];
   let lastUId = 0;
   class TicketSelectionDetails {
     constructor() {
@@ -11742,13 +11755,13 @@ 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), museumIds = prop($$props, "museumIds", 7), exhibitionIds = prop($$props, "exhibitionIds", 7), ticketIds = prop($$props, "ticketIds", 7), restProps = /* @__PURE__ */ rest_props($$props, [
+    let mode = prop($$props, "mode", 7), filters = prop($$props, "filters", 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",
       "$$host",
       "mode",
-      "filter",
+      "filters",
       "eventId",
       "children",
       "museumIds",
@@ -11758,7 +11771,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     const details = new TicketSelectionDetails();
     user_effect(() => {
       details.mode = mode();
-      details.filters = [filter()];
+      details.filters = parseTokens(filters(), validTicketSelectionFilters);
       details.eventId = eventId();
       details.museumIds = parseIds(museumIds());
       details.exhibitionIds = parseIds(exhibitionIds());
@@ -11783,11 +11796,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         mode($$value);
         flushSync();
       },
-      get filter() {
-        return filter();
+      get filters() {
+        return filters();
       },
-      set filter($$value) {
-        filter($$value);
+      set filters($$value) {
+        filters($$value);
         flushSync();
       },
       get eventId() {
@@ -11835,7 +11848,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       ticketIds: { attribute: "ticket-ids", reflect: true, type: "String" },
       museumIds: { attribute: "museum-ids", reflect: true, type: "String" },
       exhibitionIds: { attribute: "exhibition-ids", reflect: true, type: "String" },
-      filter: {},
+      filters: {},
       children: {}
     },
     [],
@@ -11871,9 +11884,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     constructor(type, ticketSelectionDetails) {
       __privateAdd(this, _tickets, /* @__PURE__ */ state(proxy([])));
       __privateAdd(this, _preCart, /* @__PURE__ */ user_derived(() => createCart(this.preCartTickets())));
-      __privateAdd(this, _type, /* @__PURE__ */ state("timeslot"));
+      __privateAdd(this, _filters2, /* @__PURE__ */ state("timeslot"));
       __privateAdd(this, _ticketSelectionDetails, /* @__PURE__ */ state());
-      this.type = type;
+      this.filters = type;
       this.ticketSelectionDetails = ticketSelectionDetails;
       this.ticketSelectionDetails.addTicketGroup(this);
     }
@@ -11889,11 +11902,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     set preCart(value) {
       set(__privateGet(this, _preCart), value);
     }
-    get type() {
-      return get(__privateGet(this, _type));
+    get filters() {
+      return get(__privateGet(this, _filters2));
     }
-    set type(value) {
-      set(__privateGet(this, _type), value, true);
+    set filters(value) {
+      set(__privateGet(this, _filters2), value, true);
     }
     get ticketSelectionDetails() {
       return get(__privateGet(this, _ticketSelectionDetails));
@@ -11902,7 +11915,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       set(__privateGet(this, _ticketSelectionDetails), value, true);
     }
     preCartTickets() {
-      switch (this.type) {
+      switch (this.filters) {
         case "timeslot":
           return this.timeslotTickets;
         case "annual":
@@ -11910,7 +11923,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         case "custom":
           return this.tickets;
         default:
-          const exhaustiveCheck = this.type;
+          const exhaustiveCheck = this.filters;
           if (exhaustiveCheck) throw new Error(`(TicketGroup) Unhandled case: ${exhaustiveCheck}`);
       }
       return [];
@@ -11949,37 +11962,37 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   _tickets = new WeakMap();
   _preCart = new WeakMap();
-  _type = new WeakMap();
+  _filters2 = new WeakMap();
   _ticketSelectionDetails = new WeakMap();
   const KEY = "go-ticket-group";
   const setTicketGroupDetails = createSetDetails(KEY);
   const getTicketGroupDetails = createGetDetails(KEY);
   function TicketGroup($$anchor, $$props) {
     push($$props, true);
-    const type = prop($$props, "type", 7);
+    const filters = prop($$props, "filters", 7);
     const ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
-    if (!type()) {
-      throw new Error("type is required");
+    if (!filters()) {
+      debugger;
+      throw new Error("filters is required");
     }
     if (!ticketSelectionDetails) throw new Error("Ticket Group should be an ancestor of a Ticket Selection Details element");
-    const details = new TicketGroupDetails(type(), ticketSelectionDetails);
+    const details = new TicketGroupDetails(filters(), ticketSelectionDetails);
     setTicketGroupDetails($$props.$$host, details);
     user_effect(() => {
-      console.log("setting type");
-      details.type = type();
+      details.filters = filters();
     });
     return pop({
       details,
-      get type() {
-        return type();
+      get filters() {
+        return filters();
       },
-      set type($$value) {
-        type($$value);
+      set filters($$value) {
+        filters($$value);
         flushSync();
       }
     });
   }
-  customElements.define("go-ticket-group", create_custom_element(TicketGroup, { type: { reflect: true } }, [], ["details"], false));
+  customElements.define("go-ticket-group", create_custom_element(TicketGroup, { filters: {} }, [], ["details"], false));
   function updateSelectedTickets(ci, target, tsd) {
     if (!tsd) {
       console.warn("tsd is undefined");

package/dist-js/gomus-webcomponents.js

@@ -9,7 +9,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-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, _ticketGroups, _preCarts, _tickets, _preCart, _type, _ticketSelectionDetails, _ticketSelectionDetails2, _b, _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, _c, _details, _params, _ticketSelectionDetails3;
+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, _ticketGroups, _preCarts, _tickets, _preCart, _filters2, _ticketSelectionDetails, _ticketSelectionDetails2, _b, _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, _c, _details, _params, _ticketSelectionDetails3;
 const PUBLIC_VERSION = "5";
 if (typeof window !== "undefined") {
   ((_a = window.__svelte ?? (window.__svelte = {})).v ?? (_a.v = /* @__PURE__ */ new Set())).add(PUBLIC_VERSION);
@@ -4867,6 +4867,18 @@ function parseIds(ids) {
   const parsed = ids.split(",").map((id) => id.trim()).map(Number).filter((num) => !isNaN(num) && num > 0);
   return parsed.length > 0 ? parsed : void 0;
 }
+function parseTokens(tokens, possibleTokens) {
+  if (!tokens) {
+    return void 0;
+  }
+  const parsed = tokens.split(",").map((token) => token.trim()).map(String).filter((token) => token.length > 0);
+  parsed.forEach((token) => {
+    if (!possibleTokens.includes(token)) {
+      throw new Error("(parseTokens) Invalid token: " + token);
+    }
+  });
+  return parsed.length > 0 ? parsed : void 0;
+}
 class User {
   get isAuthenticated() {
     return this.isLoggedIn || this.isGuest;
@@ -11518,6 +11530,7 @@ function createGetDetails(KEY2) {
     }
   };
 }
+const validTicketSelectionFilters = ["timeslot", "normal", "annual"];
 let lastUId = 0;
 class TicketSelectionDetails {
   constructor() {
@@ -11742,13 +11755,13 @@ function Wrapper($$anchor, $$props) {
 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), museumIds = prop($$props, "museumIds", 7), exhibitionIds = prop($$props, "exhibitionIds", 7), ticketIds = prop($$props, "ticketIds", 7), restProps = /* @__PURE__ */ rest_props($$props, [
+  let mode = prop($$props, "mode", 7), filters = prop($$props, "filters", 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",
     "$$host",
     "mode",
-    "filter",
+    "filters",
     "eventId",
     "children",
     "museumIds",
@@ -11758,7 +11771,7 @@ function TicketSelection($$anchor, $$props) {
   const details = new TicketSelectionDetails();
   user_effect(() => {
     details.mode = mode();
-    details.filters = [filter()];
+    details.filters = parseTokens(filters(), validTicketSelectionFilters);
     details.eventId = eventId();
     details.museumIds = parseIds(museumIds());
     details.exhibitionIds = parseIds(exhibitionIds());
@@ -11783,11 +11796,11 @@ function TicketSelection($$anchor, $$props) {
       mode($$value);
       flushSync();
     },
-    get filter() {
-      return filter();
+    get filters() {
+      return filters();
     },
-    set filter($$value) {
-      filter($$value);
+    set filters($$value) {
+      filters($$value);
       flushSync();
     },
     get eventId() {
@@ -11835,7 +11848,7 @@ customElements.define("go-ticket-selection", create_custom_element(
     ticketIds: { attribute: "ticket-ids", reflect: true, type: "String" },
     museumIds: { attribute: "museum-ids", reflect: true, type: "String" },
     exhibitionIds: { attribute: "exhibition-ids", reflect: true, type: "String" },
-    filter: {},
+    filters: {},
     children: {}
   },
   [],
@@ -11871,9 +11884,9 @@ class TicketGroupDetails {
   constructor(type, ticketSelectionDetails) {
     __privateAdd(this, _tickets, /* @__PURE__ */ state(proxy([])));
     __privateAdd(this, _preCart, /* @__PURE__ */ user_derived(() => createCart(this.preCartTickets())));
-    __privateAdd(this, _type, /* @__PURE__ */ state("timeslot"));
+    __privateAdd(this, _filters2, /* @__PURE__ */ state("timeslot"));
     __privateAdd(this, _ticketSelectionDetails, /* @__PURE__ */ state());
-    this.type = type;
+    this.filters = type;
     this.ticketSelectionDetails = ticketSelectionDetails;
     this.ticketSelectionDetails.addTicketGroup(this);
   }
@@ -11889,11 +11902,11 @@ class TicketGroupDetails {
   set preCart(value) {
     set(__privateGet(this, _preCart), value);
   }
-  get type() {
-    return get(__privateGet(this, _type));
+  get filters() {
+    return get(__privateGet(this, _filters2));
   }
-  set type(value) {
-    set(__privateGet(this, _type), value, true);
+  set filters(value) {
+    set(__privateGet(this, _filters2), value, true);
   }
   get ticketSelectionDetails() {
     return get(__privateGet(this, _ticketSelectionDetails));
@@ -11902,7 +11915,7 @@ class TicketGroupDetails {
     set(__privateGet(this, _ticketSelectionDetails), value, true);
   }
   preCartTickets() {
-    switch (this.type) {
+    switch (this.filters) {
       case "timeslot":
         return this.timeslotTickets;
       case "annual":
@@ -11910,7 +11923,7 @@ class TicketGroupDetails {
       case "custom":
         return this.tickets;
       default:
-        const exhaustiveCheck = this.type;
+        const exhaustiveCheck = this.filters;
         if (exhaustiveCheck) throw new Error(`(TicketGroup) Unhandled case: ${exhaustiveCheck}`);
     }
     return [];
@@ -11949,37 +11962,37 @@ class TicketGroupDetails {
 }
 _tickets = new WeakMap();
 _preCart = new WeakMap();
-_type = new WeakMap();
+_filters2 = new WeakMap();
 _ticketSelectionDetails = new WeakMap();
 const KEY = "go-ticket-group";
 const setTicketGroupDetails = createSetDetails(KEY);
 const getTicketGroupDetails = createGetDetails(KEY);
 function TicketGroup($$anchor, $$props) {
   push($$props, true);
-  const type = prop($$props, "type", 7);
+  const filters = prop($$props, "filters", 7);
   const ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
-  if (!type()) {
-    throw new Error("type is required");
+  if (!filters()) {
+    debugger;
+    throw new Error("filters is required");
   }
   if (!ticketSelectionDetails) throw new Error("Ticket Group should be an ancestor of a Ticket Selection Details element");
-  const details = new TicketGroupDetails(type(), ticketSelectionDetails);
+  const details = new TicketGroupDetails(filters(), ticketSelectionDetails);
   setTicketGroupDetails($$props.$$host, details);
   user_effect(() => {
-    console.log("setting type");
-    details.type = type();
+    details.filters = filters();
   });
   return pop({
     details,
-    get type() {
-      return type();
+    get filters() {
+      return filters();
     },
-    set type($$value) {
-      type($$value);
+    set filters($$value) {
+      filters($$value);
       flushSync();
     }
   });
 }
-customElements.define("go-ticket-group", create_custom_element(TicketGroup, { type: { reflect: true } }, [], ["details"], false));
+customElements.define("go-ticket-group", create_custom_element(TicketGroup, { filters: {} }, [], ["details"], false));
 function updateSelectedTickets(ci, target, tsd) {
   if (!tsd) {
     console.warn("tsd is undefined");

package/dist-js/lib/gomusTicket.svelte.d.ts

@@ -5,6 +5,7 @@ interface Options {
     quantity?: number;
 }
 type UITicketTypes = 'timeslot' | 'annual' | 'day';
+export type UITicket = ReturnType<typeof createUITicket>;
 export declare function createUITicket(apiTicket: Ticket | AnnualTicket, options?: Options): {
     type: UITicketTypes;
     shop_order: number;
@@ -118,5 +119,4 @@ export declare function createUITicket(apiTicket: Ticket | AnnualTicket, options
     uid: number;
 };
 export declare function initUITimeslotTickets(tickets: Tickets): UITicket[];
-export type UITicket = ReturnType<typeof createUITicket>;
 export {};

package/dist-js/lib/helpers/utils.d.ts

@@ -22,3 +22,4 @@ export declare function currency(value: number, currency: string): string;
  * ```
  */
 export declare function parseIds(ids: string | undefined): number[] | undefined;
+export declare function parseTokens<ValidToken>(tokens: string | undefined, possibleTokens: readonly ValidToken[]): ValidToken[] | undefined;

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

@@ -1,3 +1 @@
-export declare const getShop_success: import('msw').HttpHandler;
-export declare const getShop_fail: import('msw').HttpHandler;
-export declare const dummyShop: readonly ["https://example.com", "dummy_shop_domain", "en"];
+export {};

package/dist-js/mocks/ShopMocks.d.ts

@@ -0,0 +1,179 @@
+import { Quota, Ticket, TimeSlot } from '@gomus/types';
+export declare const dummyShop: readonly ["https://example.com", "dummy_shop_domain", "en"];
+export declare const mockedTicketsAndQuotas: {
+    tickets: {
+        '1': {
+            id: number;
+            title: string;
+            ticket_type: "time_slot" | "annual" | "normal";
+            bookable: boolean;
+            museum_ids: number[];
+            exhibition_ids: number[];
+            price_cents: number;
+            discount: number;
+            vat_pct: number;
+            tax_included: boolean;
+            entry_duration: number | null;
+            min_persons: number;
+            max_persons: number;
+            quota_ids: number[];
+            first_entry: number;
+            last_entry: number;
+            personalizeable: boolean;
+            attendees: boolean | string;
+            identification: boolean | string;
+            free_timing: boolean;
+            is_collective: boolean;
+            is_upgrade: boolean;
+            is_mantle: boolean;
+            description: string | null;
+            sub_ticket_ids: number[];
+            sub_tickets: {
+                [key: string]: {
+                    title?: string;
+                    min_persons?: number;
+                    max_persons?: number;
+                    description?: string | null;
+                };
+            } | null;
+            is_sub_ticket: boolean;
+            created_at: string;
+            updated_at: string;
+            shop_order: number;
+            shipped_with_merchandise_id: number | null;
+            restricted_shop_account: boolean;
+            cash_point_order: number;
+            capacities: {
+                [key: string]: number;
+            };
+            total_capacities: {
+                [key: string]: number;
+            };
+            max_capacity: number;
+            max_total_capacity: number;
+            dynamic_prices: {
+                [key: string]: number;
+            } | null;
+        };
+        '2': {
+            id: number;
+            title: string;
+            ticket_type: "time_slot" | "annual" | "normal";
+            bookable: boolean;
+            museum_ids: number[];
+            exhibition_ids: number[];
+            price_cents: number;
+            discount: number;
+            vat_pct: number;
+            tax_included: boolean;
+            entry_duration: number | null;
+            min_persons: number;
+            max_persons: number;
+            quota_ids: number[];
+            first_entry: number;
+            last_entry: number;
+            personalizeable: boolean;
+            attendees: boolean | string;
+            identification: boolean | string;
+            free_timing: boolean;
+            is_collective: boolean;
+            is_upgrade: boolean;
+            is_mantle: boolean;
+            description: string | null;
+            sub_ticket_ids: number[];
+            sub_tickets: {
+                [key: string]: {
+                    title?: string;
+                    min_persons?: number;
+                    max_persons?: number;
+                    description?: string | null;
+                };
+            } | null;
+            is_sub_ticket: boolean;
+            created_at: string;
+            updated_at: string;
+            shop_order: number;
+            shipped_with_merchandise_id: number | null;
+            restricted_shop_account: boolean;
+            cash_point_order: number;
+            capacities: {
+                [key: string]: number;
+            };
+            total_capacities: {
+                [key: string]: number;
+            };
+            max_capacity: number;
+            max_total_capacity: number;
+            dynamic_prices: {
+                [key: string]: number;
+            } | null;
+        };
+    };
+    quotas: {
+        '1': {
+            ticket_ids: number[];
+            capacities: {
+                [key: string]: number;
+            };
+            total_capacities: {
+                [key: string]: number;
+            };
+        };
+    };
+};
+export declare function createMockTicket(ticket?: Partial<Ticket>): Ticket;
+export declare function createMockTimeSlot(timeSlot?: Partial<TimeSlot>): TimeSlot;
+export declare function createMockQuota(quota?: Partial<Quota>): Quota;
+export declare const response_success: {
+    shop: {
+        name: string;
+        config: {
+            url: string;
+            success_link: string;
+            pending_link: string;
+            fail_link: string;
+            back_link: string;
+            confirmation_link: string;
+            password_reset_link: string;
+            personalization_link: string;
+            registration: boolean;
+            guest: {
+                enabled: boolean;
+                limit: number;
+            };
+            min_total: number;
+            max_total: number;
+            defaults: {
+                price_target_audience_id: number;
+            };
+            currency: string;
+            time_zone: string;
+            locale: string;
+            custom_css: string;
+            custom_js: string;
+            donations: {
+                enabled: boolean;
+                options: number[];
+                guest_limit: number;
+                free_donations: boolean;
+            };
+            dynamic_pricing: boolean;
+        };
+        translations: {
+            [x: string]: string;
+        };
+        payment_modes: {
+            [x: string]: {
+                id: number;
+                name: string;
+                icons: string[];
+            };
+        };
+        content: {
+            [x: string]: string;
+        };
+        settings: {};
+    };
+};
+export declare const getShop_success: import('msw').HttpHandler;
+export declare const getShop_fail: import('msw').HttpHandler;

package/package.json

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