@gomusdev/web-components 1.56.1 → 2.0.0

package/dist-js/src/components/forms/lib/Field.svelte.d.ts

@@ -1,6 +1,6 @@
 import { FullAutoFill } from 'svelte/elements';
 import { ZodType } from 'zod';
-export type FieldType = 'input' | 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'number' | 'checkbox' | 'select' | 'radio' | 'textarea' | 'date' | 'paymentMode';
+export type FieldType = 'input' | 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'number' | 'checkbox' | 'select' | 'radio' | 'textarea' | 'date' | 'file' | 'paymentMode';
 export interface Field {
     key: string;
     apiKey?: string;
@@ -11,7 +11,7 @@ export interface Field {
         value: string | number;
         label: string;
     }[];
-    value: string | boolean;
+    value: string | boolean | File | null;
     required: boolean;
     description: string | undefined;
     autocomplete: FullAutoFill;

package/dist-js/src/components/forms/ui/generic/FormDetails.svelte.d.ts

@@ -9,7 +9,7 @@ export declare class FormDetails {
      */
     successMessage: string | undefined;
     get formData(): Record<string, string | number | boolean>;
-    fieldValue(key: string): string | boolean | undefined;
+    fieldValue(key: string): string | boolean | File | null | undefined;
     get apiErrors(): string[] | Record<string, string[]>;
     /**
      * Sets API errors for the current instance.

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

@@ -2,12 +2,12 @@ import { Cart } from '../../../lib/models/cart/cart.svelte.ts';
 import { SegmentDetails } from '../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
 import { Details as TimeslotDetails } from '../../../components/ticketSelection/subcomponents/timeslots/lib/lib.svelte.ts';
 import { CalendarDate } from '@internationalized/date';
-export type TicketSelectionMode = 'ticket' | 'event' | 'tour';
-export declare const validTicketSelectionFilters: readonly ["timeslot", "day", "annual", "event:scaled-price", "event:ticket", "events:scaled-price"];
-export type TicketSelectionFilter = (typeof validTicketSelectionFilters)[number];
+import { validFilterNames } from './filters/registry.ts';
+import { FilterName } from './filters/types.ts';
+export { validFilterNames as validTicketSelectionFilters };
+export type TicketSelectionFilter = FilterName;
 export declare class TicketSelectionDetails {
     uid: number;
-    mode: TicketSelectionMode | undefined;
     filters: TicketSelectionFilter[] | undefined;
     eventIds: number[] | undefined;
     museumIds: number[] | undefined;
@@ -21,9 +21,9 @@ export declare class TicketSelectionDetails {
     preCarts: Cart[];
     timeslotDetails: TimeslotDetails | undefined;
     addTicketSegment(ticketGroup: SegmentDetails): void;
-    get isTimeslotsVisible(): boolean;
-    get isTicketsVisible(): boolean | undefined;
     get isCalendarVisible(): boolean;
+    get isTimeslotsVisible(): boolean;
+    get isTicketsVisible(): boolean;
 }
 export declare const setTicketSelectionDetails: (host: HTMLElement, details: TicketSelectionDetails) => void;
 export declare const getTicketSelectionDetails: (host: HTMLElement, options?: {

package/dist-js/src/components/ticketSelection/filters/_helpers.d.ts

@@ -0,0 +1,4 @@
+import { TicketSelectionDetails } from '../../../../components/ticketSelection/TicketSelectionDetails.svelte.ts';
+import { DateDetails } from '@gomus/types';
+export declare function filterDatesInWindow(dates: ReadonlyArray<DateDetails>, selectedDate: string, selectedTime: string): DateDetails[];
+export declare function loadEventsTimeslots(tsd: TicketSelectionDetails): Promise<void>;

package/dist-js/src/components/ticketSelection/filters/event/admission-day.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/event/admission-timeslot.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/event/admission.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/event/price.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/event/spec/admission.spec.d.ts

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

package/dist-js/src/components/ticketSelection/filters/event/spec/price.spec.d.ts

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

package/dist-js/src/components/ticketSelection/filters/events/admission-day.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/events/admission-timeslot.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/events/admission.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/events/price.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/events/spec/admission-day.spec.d.ts

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

package/dist-js/src/components/ticketSelection/filters/events/spec/admission-timeslot.spec.d.ts

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

package/dist-js/src/components/ticketSelection/filters/events/spec/admission.spec.d.ts

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

package/dist-js/src/components/ticketSelection/filters/events/spec/price.spec.d.ts

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

package/dist-js/src/components/ticketSelection/filters/registry.d.ts

@@ -0,0 +1,4 @@
+import { FilterModule, FilterName } from './types.ts';
+export declare function getFilter(name: FilterName): FilterModule;
+export declare function allFilters(): FilterModule[];
+export declare const validFilterNames: readonly ["ticket:timeslot", "ticket:day", "ticket:annual", "event:admission", "event:admission:day", "event:admission:timeslot", "event:price", "events:admission", "events:admission:day", "events:admission:timeslot", "events:price"];

package/dist-js/src/components/ticketSelection/filters/ticket/annual.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/ticket/day.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/ticket/spec/annual.spec.d.ts

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

package/dist-js/src/components/ticketSelection/filters/ticket/spec/day.spec.d.ts

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

package/dist-js/src/components/ticketSelection/filters/ticket/spec/timeslot.spec.d.ts

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

package/dist-js/src/components/ticketSelection/filters/ticket/timeslot.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/types.d.ts

@@ -0,0 +1,23 @@
+import { TicketSelectionDetails } from '../../../../components/ticketSelection/TicketSelectionDetails.svelte.ts';
+import { SegmentDetails } from '../../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
+export declare const FILTER_NAMES: readonly ["ticket:timeslot", "ticket:day", "ticket:annual", "event:admission", "event:admission:day", "event:admission:timeslot", "event:price", "events:admission", "events:admission:day", "events:admission:timeslot", "events:price"];
+export type FilterName = (typeof FILTER_NAMES)[number];
+export type Required = {
+    kind: 'tsd';
+    field: keyof TicketSelectionDetails;
+} | {
+    kind: 'segment';
+    field: keyof SegmentDetails;
+};
+export type CalendarEndpoint = 'tickets' | 'events' | null;
+export interface FilterModule {
+    name: FilterName;
+    isCalendarVisible(tsd: TicketSelectionDetails): boolean;
+    isTimeslotsVisible(tsd: TicketSelectionDetails): boolean;
+    isTicketsVisible(tsd: TicketSelectionDetails): boolean;
+    loadProducts(segment: SegmentDetails): Promise<void>;
+    loadTimeslots(tsd: TicketSelectionDetails): Promise<void>;
+    calendarEndpoint: CalendarEndpoint;
+    apiToken?: string;
+    requires: ReadonlyArray<Required>;
+}

package/dist-js/src/components/ticketSelection/subcomponents/calendar/lib/calendar.svelte.d.ts

@@ -10,10 +10,11 @@ export declare class Calendar {
     details: TicketSelectionDetails | undefined;
     startAt: CalendarDate;
     selected: CalendarDate | undefined;
+    get endpoint(): 'tickets' | 'events' | null;
     get dates(): CalendarDatesDepthAvailabilityStatus | undefined;
     isDateDisabled(date: DateValue): boolean;
     isDateUnavailable(date: DateValue): boolean;
-    get apiFilters(): string[] | undefined;
+    get apiFilters(): (string | undefined)[] | undefined;
     params(startAt: CalendarDate): {
         locale?: string;
         by_bookable?: boolean;

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.d.ts

@@ -1,6 +1,7 @@
 import { TicketSelectionDetails } from '../../../../../../../components/ticketSelection/TicketSelectionDetails.svelte.ts';
 import { DetailsWrapper } from '../../../../../../../lib/helpers/context.svelte.js';
-export type TicketSegmentFilter = 'timeslot' | 'annual' | 'custom' | 'day' | 'event:scaled-price' | 'event:ticket' | 'events:scaled-price';
+import { FilterName } from '../../../../../../../components/ticketSelection/filters/types.ts';
+export type TicketSegmentFilter = FilterName | 'custom';
 export declare class SegmentDetails {
     preCart: {
         items: {
@@ -128,7 +129,7 @@ export declare class SegmentDetails {
         removeCoupon(token: string): void;
         clearCoupons(): void;
     };
-    filters: TicketSegmentFilter;
+    filters: TicketSegmentFilter[] | undefined;
     ticketSelectionDetails: TicketSelectionDetails | undefined;
     dateId: number | undefined;
     limit: number | undefined;
@@ -137,10 +138,11 @@ export declare class SegmentDetails {
     languageIds: number[] | undefined;
     catchWordIds: number[] | undefined;
     museumIds: number[] | undefined;
-    constructor(type: TicketSegmentFilter, tsdWrapper: DetailsWrapper<TicketSelectionDetails>);
+    constructor(filters: TicketSegmentFilter | TicketSegmentFilter[] | undefined, tsdWrapper: DetailsWrapper<TicketSelectionDetails>);
+    get effectiveFilters(): TicketSegmentFilter[];
     clear(): void;
     toString(): string;
-    loadTickets(): void;
+    loadTickets(): Promise<void>;
 }
 export declare const setSegmentDetails: (host: HTMLElement, details: SegmentDetails) => void;
 export declare const getSegmentDetails: (host: HTMLElement, options?: {

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/spec/SegmentDetails.spec.d.ts

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

package/dist-js/src/components/ticketSelection/subcomponents/timeslots/lib/lib.svelte.d.ts

@@ -3,7 +3,8 @@ import { DetailsWrapper } from '../../../../../../lib/helpers/context.svelte.ts'
 import { TimeSlot } from '@gomus/types';
 export declare class Details {
     tsd: TicketSelectionDetails | undefined;
+    timeslots: TimeSlot[];
     constructor(tsdWrapper?: DetailsWrapper<TicketSelectionDetails>);
     get boockedOutCount(): number;
-    get timeslots(): TimeSlot[];
+    recalculateCapacities(): void;
 }

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

@@ -6,7 +6,7 @@ import { Auth } from '../../../lib/stores/auth.svelte.ts';
 import { User } from '../../../lib/stores/user.svelte.ts';
 import { OpenApiClient } from '@gomus/api';
 import { TicketsAndQuotasParams, TicketsCalendarParams, TicketsParams } from '@gomus/api/lib/types.ts';
-import { CapacitiesResponse, CheckoutParams, CheckoutResponse, Country, Event, Exhibition, FinalizePersonalizationParams, FinalizePersonalizationResponse, LocaleOptions, Merchandise, Museum, PasswordResetResponse, PasswordUpdateResponse, PostCartParams, PostCartResponse, Salutation, ShopType, SignInParams, SignInResponse, SignUpParams, SignUpResponse, Tour, ValidateTokenResponse } from '@gomus/types';
+import { CapacitiesResponse, CheckoutParams, CheckoutResponse, Country, Event, Exhibition, FinalizePersonalizationParams, FinalizePersonalizationResponse, LocaleOptions, Merchandise, Museum, PasswordResetResponse, PasswordUpdateResponse, PostCartParams, PostCartResponse, Salutation, ShopType, SignInParams, SignInResponse, SignUpParams, SignUpResponse, Tour, UploadPersonalizationPhotoResponse, ValidateTokenResponse } from '@gomus/types';
 export type ShopKind = 'angular' | 'jmb';
 export declare class Shop {
     #private;
@@ -489,6 +489,7 @@ export declare class Shop {
         ticket_sales: import('@gomus/types').components["schemas"]["ticket_sale_personalization"][];
     } | undefined;
     finalizePersonalizations(token: string, params: FinalizePersonalizationParams): Promise<FinalizePersonalizationResponse>;
+    uploadPersonalizationPhoto(token: string, personalizationId: number, file: File): Promise<UploadPersonalizationPhotoResponse>;
     /**
      * Returns a reactive value that will contain the fetched data, no need to await.
      *
@@ -802,6 +803,10 @@ export declare class Shop {
         params?: Record<string, unknown>;
         requiredFields?: string[];
     }): Promise<T>;
+    apiUpload<T>(path: string, options: {
+        body: FormData;
+        params?: Record<string, unknown>;
+    }): Promise<T>;
     apiCall<T>(path: string, options: {
         method: 'POST' | 'PUT' | 'DELETE';
         body: Record<string, any>;

package/dist-js/src/mocks/MSWMocks.d.ts

@@ -10,6 +10,9 @@ export declare const MSWMocks: {
     mockSalutations: () => void;
     mockLocales: () => void;
     mockAnnualOrder: () => void;
+    mockAnnualOrderWithRequiredPhoto: () => void;
+    mockPersonalizationPhotoUpload: () => void;
+    mockPersonalizationPhotoUploadFailure: () => void;
     mockCountries: () => void;
     mockPersonalizationFormSubmit: () => void;
     tickets: {

package/package.json

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

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/lib/annualTickets.svelte.d.ts

@@ -1,2 +0,0 @@
-import { SegmentDetails } from '../../../../../../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
-export declare function loadAnnualTickets(segment: SegmentDetails): Promise<void>;

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/lib/dayTickets.svelte.d.ts

@@ -1,2 +0,0 @@
-import { SegmentDetails } from '../../../../../../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
-export declare function loadDayTickets(segment: SegmentDetails): Promise<void>;

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/lib/event/event_ScaledPriceTickets.svelte.d.ts

@@ -1,2 +0,0 @@
-import { SegmentDetails } from '../../../../../../../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
-export declare function load_Event_ScaledPricesTickets(segment: SegmentDetails): Promise<void>;

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/lib/event/event_Tickets.svelte.d.ts

@@ -1,2 +0,0 @@
-import { SegmentDetails } from '../../../../../../../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
-export declare function loadEventTickets(segment: SegmentDetails): Promise<void>;

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/lib/events/events_ScaledPriceTickets.svelte.d.ts

@@ -1,2 +0,0 @@
-import { SegmentDetails } from '../../../../../../../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
-export declare function load_Events_ScaledPricesTickets(segment: SegmentDetails): Promise<void>;

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/lib/timeslotTickets.svelte.d.ts

@@ -1,2 +0,0 @@
-import { SegmentDetails } from '../../../../../../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
-export declare function loadTimeslotTickets(segment: SegmentDetails): Promise<void>;