@gomusdev/web-components 1.33.1 → 1.34.0

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

@@ -4,12 +4,17 @@ export declare class FormDetails {
     formId: string;
     form: HTMLFormElement;
     isValid: boolean;
+    /**
+     * will be shown as a success message in the form
+     */
     successMessage: string | undefined;
     get formData(): any;
     get apiErrors(): string[] | Record<string, string[]>;
     /**
      * Sets API errors for the current instance.
      *
+     * The API returns errors in very different shapes, this method should consume all those shapes
+     *
      * @param {string[] | Record<string, string[]>} errors - Errors passed as an array or an object where keys are API field keys and values are arrays of error messages. If an array is provided, it assigns the errors directly. If an object is provided, it maps the errors to the respective fields based on their API keys.
      */
     set apiErrors(errors: string[] | Record<string, string[]>);
@@ -18,7 +23,15 @@ export declare class FormDetails {
     /**
      * The list of fields associated with form in the config.
      */
-    get fields(): any[];
+    get fields(): Field[];
+    toString(): string;
+    /**
+     * Populates the fields of the current instance with the corresponding values from the provided data object.
+     * Filters the fields by matching their `apiKey` to keys in the data object and updates their `value`.
+     *
+     * @param {Record<string, any>} data - An object containing key-value pairs where keys represent the `apiKey` of fields and values represent the data to be filled into each field.
+     */
+    fill(data: Record<string, any>): void;
     constructor(formId: string, form: HTMLFormElement);
 }
 export declare const setDetails: (host: HTMLElement, details: FormDetails) => void;

package/dist-js/components/profile/details/Details.spec.d.ts

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

package/dist-js/components/profile/details/Details.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist-js/components/profile/overview/Overview.spec.d.ts

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

package/dist-js/components/profile/overview/Overview.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist-js/components/profile/password/Password.spec.d.ts

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

package/dist-js/components/profile/password/Password.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

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

@@ -1,8 +1,8 @@
 import { Cart } from '../../lib/models/cart/cart.svelte.ts';
-import { TicketSegmentDetails } from './subcomponents/tickets/subcomponents/segment/TicketSegmentDetails.svelte.ts';
+import { SegmentDetails } from './subcomponents/tickets/subcomponents/segment/SegmentDetails.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"];
+export declare const validTicketSelectionFilters: readonly ["timeslot", "day", "annual", "event:scaled-price", "event:ticket", "events:scaled-price"];
 export type TicketSelectionFilter = (typeof validTicketSelectionFilters)[number];
 export declare class TicketSelectionDetails {
     uid: number;
@@ -16,9 +16,9 @@ export declare class TicketSelectionDetails {
     selectedDate: CalendarDate | undefined;
     selectedTimeslot: string | undefined;
     selectedTime: string | undefined;
-    ticketSegments: TicketSegmentDetails[];
+    ticketSegments: SegmentDetails[];
     preCarts: Cart[];
-    addTicketSegment(ticketGroup: TicketSegmentDetails): void;
+    addTicketSegment(ticketGroup: SegmentDetails): void;
     get isTimeslotsVisible(): boolean;
     get isTicketsVisible(): boolean | undefined;
     get isCalendarVisible(): boolean;

package/dist-js/components/ticketSelection/subcomponents/tickets/subcomponents/segment/{TicketSegmentDetails.svelte.d.ts → SegmentDetails.svelte.d.ts}

@@ -1,7 +1,7 @@
 import { TicketSelectionDetails } from '../../../../TicketSelectionDetails.svelte.ts';
 import { DetailsWrapper } from '../../../../../../lib/helpers/context.svelte.js';
-export type TicketSegmentFilter = 'timeslot' | 'annual' | 'custom' | 'day' | 'event:scaled-price' | 'event:ticket';
-export declare class TicketSegmentDetails {
+export type TicketSegmentFilter = 'timeslot' | 'annual' | 'custom' | 'day' | 'event:scaled-price' | 'event:ticket' | 'events:scaled-price';
+export declare class SegmentDetails {
     preCart: {
         items: import('../../../../../../lib/models/cart/types').CartItem[];
         contingent: number;
@@ -47,12 +47,17 @@ export declare class TicketSegmentDetails {
     filters: TicketSegmentFilter;
     ticketSelectionDetails: TicketSelectionDetails | undefined;
     dateId: number | undefined;
+    limit: number | undefined;
+    query: string | undefined;
+    ticketGroupIds: number[] | undefined;
+    languageIds: number[] | undefined;
+    catchWordIds: number[] | undefined;
     constructor(type: TicketSegmentFilter, tsdWrapper: DetailsWrapper<TicketSelectionDetails>);
     clear(): void;
     toString(): string;
     loadTickets(): void;
 }
-export declare const setTicketSegmentDetails: (host: HTMLElement, details: TicketSegmentDetails) => void;
-export declare const getTicketSegmentDetails: (host: HTMLElement, options?: {
+export declare const setSegmentDetails: (host: HTMLElement, details: SegmentDetails) => void;
+export declare const getSegmentDetails: (host: HTMLElement, options?: {
     pollDuration: number;
-}) => DetailsWrapper<TicketSegmentDetails>;
+}) => DetailsWrapper<SegmentDetails>;

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

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist-js/factories/DateFactories.d.ts

@@ -0,0 +1,161 @@
+export declare function dateFactory(options?: Partial<ReturnType<typeof defaultDate>>): {
+    status: string;
+    id: number;
+    event_id: number;
+    exhibition_id: number;
+    museum_id: number;
+    foreign_id: null;
+    category: {
+        id: number;
+        name: string;
+        filtername: string;
+    };
+    bookable: boolean;
+    registerable: boolean;
+    entry_fee: number;
+    title: string;
+    sub_title: null;
+    description: null;
+    meeting_point: null;
+    event_title: string;
+    event_sub_title: null;
+    start_time: string;
+    duration: number;
+    seats: {
+        min: number;
+        max: number;
+        booked: number;
+        available: number;
+        max_per_registration: null;
+        overbook: boolean;
+    };
+    created_at: string;
+    updated_at: string;
+    language: {
+        id: number;
+        name: string;
+        locale: string;
+    };
+    location: {
+        id: number;
+        name: string;
+        city: null;
+        country: string;
+        country_code: string;
+        street: null;
+        zip: null;
+        latitude: null;
+        longitude: null;
+    };
+    prices: {
+        scale_price_id: number;
+        title: string;
+        description: string;
+        group: boolean;
+        optional: boolean;
+        price_cents: number;
+        vat_pct: number;
+        accounting_article_id: number;
+        accounting_article_type: string;
+    }[];
+};
+export declare function priceFactory(options?: Partial<ReturnType<typeof defaultPrice>>): {
+    scale_price_id: number;
+    title: string;
+    description: string;
+    group: boolean;
+    optional: boolean;
+    price_cents: number;
+    vat_pct: number;
+    accounting_article_id: number;
+    accounting_article_type: string;
+};
+export declare function seatsFactory(options?: Partial<ReturnType<typeof defaultSeats>>): {
+    min: number;
+    max: number;
+    booked: number;
+    available: number;
+    max_per_registration: null;
+    overbook: boolean;
+};
+export declare function defaultPrice(): {
+    scale_price_id: number;
+    title: string;
+    description: string;
+    group: boolean;
+    optional: boolean;
+    price_cents: number;
+    vat_pct: number;
+    accounting_article_id: number;
+    accounting_article_type: string;
+};
+declare function defaultSeats(): {
+    min: number;
+    max: number;
+    booked: number;
+    available: number;
+    max_per_registration: null;
+    overbook: boolean;
+};
+declare function defaultDate(): {
+    status: string;
+    id: number;
+    event_id: number;
+    exhibition_id: number;
+    museum_id: number;
+    foreign_id: null;
+    category: {
+        id: number;
+        name: string;
+        filtername: string;
+    };
+    bookable: boolean;
+    registerable: boolean;
+    entry_fee: number;
+    title: string;
+    sub_title: null;
+    description: null;
+    meeting_point: null;
+    event_title: string;
+    event_sub_title: null;
+    start_time: string;
+    duration: number;
+    seats: {
+        min: number;
+        max: number;
+        booked: number;
+        available: number;
+        max_per_registration: null;
+        overbook: boolean;
+    };
+    created_at: string;
+    updated_at: string;
+    language: {
+        id: number;
+        name: string;
+        locale: string;
+    };
+    location: {
+        id: number;
+        name: string;
+        city: null;
+        country: string;
+        country_code: string;
+        street: null;
+        zip: null;
+        latitude: null;
+        longitude: null;
+    };
+    prices: {
+        scale_price_id: number;
+        title: string;
+        description: string;
+        group: boolean;
+        optional: boolean;
+        price_cents: number;
+        vat_pct: number;
+        accounting_article_id: number;
+        accounting_article_type: string;
+    }[];
+};
+export {};

package/dist-js/factories/ScalingPriceFactories.d.ts

@@ -0,0 +1,11 @@
+export declare function createScalingPrice(title: string, price_cents: number, scale_price_id: number, description?: string): {
+    scale_price_id: number;
+    title: string;
+    description: string;
+    group: boolean;
+    optional: boolean;
+    price_cents: number;
+    vat_pct: number;
+    accounting_article_id: number;
+    accounting_article_type: string;
+};

package/dist-js/gomus-webcomponents.css

@@ -1,17 +1,16 @@
-
-  /* General reset for list items */
-
+* {
+  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+}
+/* General reset for list items */
 :global .innerZoomElementWrapper h3 {
     margin-top: 4rem;
     margin-bottom: 1rem;
   }
-
 :global .innerZoomElementWrapper go-tickets {
     display: flex;
     flex-direction: column;
     gap: 1rem;
   }
-
 :global .innerZoomElementWrapper go-tickets label {
       display: inline-block;
       padding: 10px 20px;
@@ -21,20 +20,15 @@
       transition:
         background-color 0.3s, border-color 0.3s;
     }
-
 /* Available timeslot */
-
 :global .innerZoomElementWrapper go-tickets .available {
       background-color: #fff;
       color: #333;
     }
-
 :global .innerZoomElementWrapper go-tickets input[type='checkbox'] {
       display: none; /* Hide the radio button */
     }
-
 /* When a timeslot is selected (checked radio button) */
-
 :global .innerZoomElementWrapper go-tickets label:has(input[type='checkbox']:checked) {
       background-color: #12826a;
       background-color: var(--primary); /* blue-green color */
@@ -42,38 +36,29 @@
       border-color: var(--primary);
       color: white;
     }
-
 /* Finished (unavailable) timeslot */
-
 :global .innerZoomElementWrapper go-tickets .finished {
       background-color: #f0f0f0;
       color: #999;
     }
-
 :global .innerZoomElementWrapper go-tickets .finished input {
       display: none;
     }
-
 :global .innerZoomElementWrapper go-tickets .finished {
       pointer-events: none;
     }
-
 /* Disabled radio button appearance */
-
 :global .innerZoomElementWrapper go-tickets input:disabled + label {
       background-color: #e0e0e0;
       color: #bbb;
       cursor: not-allowed;
       border-color: #ddd;
     }
-
 :global .innerZoomElementWrapper go-tickets label:hover {
       background-color: #f0f0f0;
       border-color: #aaa;
     }
-
 /* Focus state for better accessibility */
-
 :global .innerZoomElementWrapper go-tickets input:focus + label {
       outline: 2px solid #0052cc;
     }
@@ -1021,7 +1006,7 @@ go-tickets {
   --col-qty: 1;
 }
 
-go-tickets [data-testid='tickets'] {
+go-tickets ol.go-tickets {
     margin: 0;
     padding: 0;
     list-style: none;
@@ -1029,12 +1014,12 @@ go-tickets [data-testid='tickets'] {
     /*// Header row*/
   }
 
-go-tickets [data-testid='tickets']  > li[data-go-tickets-header] {
+go-tickets ol.go-tickets  > .go-tickets-header {
       top: 0;
       background: inherit;
     }
 
-go-tickets [data-testid='tickets'] > li[data-go-tickets-header]  > ul {
+go-tickets ol.go-tickets > .go-tickets-header  > ul {
         display: flex;
         align-items: center;
         gap: 1rem;
@@ -1043,41 +1028,41 @@ go-tickets [data-testid='tickets'] > li[data-go-tickets-header]  > ul {
         font-weight: 600;
       }
 
-go-tickets [data-testid='tickets'] > li[data-go-tickets-header] > ul  > li {
+go-tickets ol.go-tickets > .go-tickets-header > ul  > li {
           list-style: none;
           /*// allow truncation*/
           min-width: 0;
         }
 
-go-tickets [data-testid='tickets'] > li[data-go-tickets-header] > ul > li:first-child {
+go-tickets ol.go-tickets > .go-tickets-header > ul > li:first-child {
             padding-left: 0;
           }
 
-go-tickets [data-testid='tickets'] > li[data-go-tickets-header] > ul [data-go-tickets-title] {
+go-tickets ol.go-tickets > .go-tickets-header > ul .go-tickets-header-title {
           flex: var(--col-title) 0 0;
         }
 
-go-tickets [data-testid='tickets'] > li[data-go-tickets-header] > ul [data-go-tickets-description] {
+go-tickets ol.go-tickets > .go-tickets-header > ul .go-tickets-description {
           flex: var(--col-desc) 0 0;
         }
 
-go-tickets [data-testid='tickets'] > li[data-go-tickets-header] > ul [data-go-tickets-price] {
+go-tickets ol.go-tickets > .go-tickets-header > ul .go-tickets-price {
           flex: var(--col-price) 0 0;
           text-align: right;
         }
 
-go-tickets [data-testid='tickets'] > li[data-go-tickets-header] > ul [data-go-tickets-quality] {
+go-tickets ol.go-tickets > .go-tickets-header > ul .go-tickets-quality {
           flex: var(--col-qty) 0 0;
           text-align: right;
         }
 
 /*// Data rows*/
 
-go-tickets [data-testid='tickets']  > li {
+go-tickets ol.go-tickets  > li {
       list-style: none;
     }
 
-go-tickets [data-testid='tickets'] > li > article[data-go-ticket]  > ul {
+go-tickets ol.go-tickets > li > article.go-tickets-item  > ul {
           display: flex;
           align-items: center;
           gap: 1rem;
@@ -1085,7 +1070,7 @@ go-tickets [data-testid='tickets'] > li > article[data-go-ticket]  > ul {
           border-bottom: 1px solid rgba(0, 0, 0, 0.06);
         }
 
-go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul  > li {
+go-tickets ol.go-tickets > li > article.go-tickets-item > ul  > li {
             list-style: none;
             /*// enable text truncation*/
             min-width: 0;
@@ -1095,25 +1080,25 @@ go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul  > li {
             /*text-overflow: ellipsis;*/
           }
 
-go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul [data-go-tickets-title] {
+go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-title {
             flex: var(--col-title) 0 0;
           }
 
-go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul [data-go-tickets-description] {
+go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-description {
             flex: var(--col-desc) 0 0;
           }
 
-go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul [data-go-tickets-price] {
+go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-price {
             flex: var(--col-price) 0 0;
             text-align: right;
           }
 
-go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul [data-go-tickets-quality] {
+go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-quality {
             flex: var(--col-qty) 0 0;
             text-align: right;
           }
 
-go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul [data-go-tickets-quality] select {
+go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-quality select {
               /*// keeps the quantity control aligned but not stretched*/
               margin-left: auto;
               /*// adjust as needed*/
@@ -1124,6 +1109,10 @@ go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul [data-go-
               width: auto;
             }
 
+go-tickets go-ticket-segment.is-empty .sum-container {
+      display: none;
+    }
+
 /*=== CART ===*/
 go-cart {
   display: block;