@wix/headless-bookings 0.0.15 → 0.0.17

package/cjs/dist/react/time-slot-list/TimeSlot.js

@@ -128,13 +128,13 @@ Duration.displayName = 'TimeSlot.Duration';
  */
 export const Select = React.forwardRef((props, ref) => {
     const { asChild, children, className, label } = props;
-    return (_jsx(CoreTimeSlot.Actions, { children: ({ selectSlot, isSelected, bookable }) => {
+    return (_jsx(CoreTimeSlot.Actions, { children: ({ selectTimeSlot, isSelected, bookable }) => {
             return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotActionSelect, "data-selected": isSelected, "data-bookable": bookable, customElement: children, customElementProps: {
-                    onClick: selectSlot,
+                    onClick: selectTimeSlot,
                     disabled: !bookable,
                     isSelected,
                     bookable,
-                }, children: _jsx("button", { onClick: selectSlot, disabled: !bookable, children: label }) }));
+                }, children: _jsx("button", { onClick: selectTimeSlot, disabled: !bookable, children: label }) }));
         } }));
 });
 Select.displayName = 'TimeSlot.Actions.Select';

package/cjs/dist/react/time-slot-list/TimeSlotList.d.ts

@@ -7,14 +7,21 @@ import { ListVariant } from '@wix/headless-components/react';
 import { AsChildChildren } from '@wix/headless-utils/react';
 import type { TimeSlotListServiceConfig } from '../../services/time-slot-list/time-slot-list.def.js';
 export type { StartDateProps as TimeSlotStartDateProps, EndDateProps as TimeSlotEndDateProps, DurationProps as TimeSlotDurationProps, SelectProps as TimeSlotSelectProps, LocationsProps as TimeSlotLocationsProps, LocationRepeaterProps as TimeSlotLocationRepeaterProps, LocationNameProps as TimeSlotLocationNameProps, SelectLocationProps as TimeSlotSelectLocationProps, StaffMembersProps as TimeSlotStaffMembersProps, StaffMemberRepeaterProps as TimeSlotStaffMemberRepeaterProps, StaffMemberNameProps as TimeSlotStaffMemberNameProps, SelectStaffMemberProps as TimeSlotSelectStaffMemberProps, } from './TimeSlot.js';
+/**
+ * Render props for TimeSlotList.Timezone component
+ */
+export interface TimezoneRenderProps {
+    /** Raw IANA timezone string (e.g., "America/New_York") */
+    timezone: string | undefined;
+    /** User-friendly display name (e.g., "Eastern Standard Time") */
+    displayName: string;
+}
 /**
  * Props for TimeSlotList.Timezone component
  */
 export interface TimezoneProps {
     asChild?: boolean;
-    children?: AsChildChildren<{
-        timezone: string | undefined;
-    }>;
+    children?: AsChildChildren<TimezoneRenderProps>;
     className?: string;
 }
 /**
@@ -23,19 +30,14 @@ export interface TimezoneProps {
  * @component
  * @example
  * ```tsx
- * // Default usage
+ * // Default usage - shows display name
  * <TimeSlotList.Timezone className="text-sm text-gray-600" />
  *
- * // asChild with primitive
- * <TimeSlotList.Timezone asChild>
- *   <span className="font-medium" />
- * </TimeSlotList.Timezone>
- *
- * // asChild with render function
+ * // asChild with render function for custom formatting
  * <TimeSlotList.Timezone asChild>
- *   {({ timezone }) => (
+ *   {({ timezone, displayName }) => (
  *     <span className="text-sm">
- *       Timezone: {timezone || 'Not set'}
+ *       {displayName}  // "Eastern Standard Time"
  *     </span>
  *   )}
  * </TimeSlotList.Timezone>
@@ -153,6 +155,47 @@ export declare const LoadMore: React.ForwardRefExoticComponent<LoadMoreProps & R
 export declare const Actions: {
     LoadMore: React.ForwardRefExoticComponent<LoadMoreProps & React.RefAttributes<HTMLButtonElement>>;
 };
+/**
+ * Props for DateRange.Input component
+ */
+export interface DateRangeInputProps {
+    /** Whether to render as a child component */
+    asChild?: boolean;
+    /** Children for custom rendering */
+    children?: AsChildChildren<{
+        startDate: Date;
+        endDate: Date;
+        onChange: (start: Date, end: Date) => void;
+    }>;
+    /** CSS classes to apply to the container */
+    className?: string;
+}
+/**
+ * Date range input for setting the start and end date filter.
+ * Uses the core DateRange component to access service data.
+ * Both dates are set together and trigger a single fetch.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <TimeSlotList.DateRange.Input asChild>
+ *   {({ startDate, endDate, onChange }) => (
+ *     <MyDateRangePicker
+ *       start={startDate}
+ *       end={endDate}
+ *       onRangeChange={(start, end) => onChange(start, end)}
+ *     />
+ *   )}
+ * </TimeSlotList.DateRange.Input>
+ * ```
+ */
+export declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLElement>>;
+/**
+ * DateRange namespace for TimeSlotList date range filter
+ */
+export declare const DateRange: {
+    Input: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLElement>>;
+};
 /**
  * TimeSlot namespace containing components for displaying individual time slot data.
  * These components must be used within TimeSlotList.TimeSlotRepeater.

package/cjs/dist/react/time-slot-list/TimeSlotList.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * TimeSlotList - High-level component for displaying time slot list information
  * Provides components for displaying timezone and time slot data
@@ -8,7 +8,7 @@ import { GenericList } from '@wix/headless-components/react';
 import { AsChildSlot } from '@wix/headless-utils/react';
 import * as CoreTimeSlotList from '../core/time-slot-list/TimeSlotList.js';
 import { TimeSlotProvider, Info as CoreTimeSlotInfo, } from '../core/time-slot-list/TimeSlot.js';
-import { StartDate, EndDate, Duration, Actions as TimeSlotActions, Locations, LocationRepeater, Location, StaffMembers, StaffMemberRepeater, StaffMember, } from './TimeSlot.js';
+import { StartDate as TimeSlotStartDate, EndDate as TimeSlotEndDate, Duration, Actions as TimeSlotActions, Locations, LocationRepeater, Location, StaffMembers, StaffMemberRepeater, StaffMember, } from './TimeSlot.js';
 /**
  * TimeSlot with required id field for GenericList
  */
@@ -19,6 +19,7 @@ var TestIds;
     TestIds["timeSlotListTimeSlot"] = "time-slot-list-time-slot";
     TestIds["timeSlotListTimezone"] = "time-slot-list-timezone";
     TestIds["timeSlotListLoadMore"] = "time-slot-list-load-more";
+    TestIds["timeSlotListDateRangeInput"] = "time-slot-list-date-range-input";
 })(TestIds || (TestIds = {}));
 /**
  * Displays the current timezone with customizable rendering.
@@ -26,19 +27,14 @@ var TestIds;
  * @component
  * @example
  * ```tsx
- * // Default usage
+ * // Default usage - shows display name
  * <TimeSlotList.Timezone className="text-sm text-gray-600" />
  *
- * // asChild with primitive
+ * // asChild with render function for custom formatting
  * <TimeSlotList.Timezone asChild>
- *   <span className="font-medium" />
- * </TimeSlotList.Timezone>
- *
- * // asChild with render function
- * <TimeSlotList.Timezone asChild>
- *   {({ timezone }) => (
+ *   {({ timezone, displayName }) => (
  *     <span className="text-sm">
- *       Timezone: {timezone || 'Not set'}
+ *       {displayName}  // "Eastern Standard Time"
  *     </span>
  *   )}
  * </TimeSlotList.Timezone>
@@ -46,7 +42,7 @@ var TestIds;
  */
 export const Timezone = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreTimeSlotList.Timezone, { children: ({ timezone }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotListTimezone, customElement: children, customElementProps: { timezone }, children: _jsx("span", { children: timezone }) })) }));
+    return (_jsx(CoreTimeSlotList.Timezone, { children: ({ timezone, displayName }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotListTimezone, customElement: children, customElementProps: { timezone, displayName }, children: _jsx("span", { children: displayName }) })) }));
 });
 Timezone.displayName = 'TimeSlotList.Timezone';
 /**
@@ -107,8 +103,8 @@ TimeSlots.displayName = 'TimeSlotList.TimeSlots';
  * Internal component that wraps each time slot item with context provider.
  * This is separate to allow using the service hook within the repeater.
  */
-const TimeSlotItemWrapper = ({ slot, children, }) => {
-    return (_jsx(TimeSlotProvider, { slot: slot, children: _jsx(CoreTimeSlotInfo, { children: ({ bookable, isSelected }) => (_jsx("div", { "data-testid": TestIds.timeSlotListTimeSlot, "data-slot-start": slot.localStartDate, "data-slot-id": slot.id, "data-bookable": bookable, "data-selected": isSelected, children: children })) }) }));
+const TimeSlotItemWrapper = ({ timeSlot, children, }) => {
+    return (_jsx(TimeSlotProvider, { timeSlot: timeSlot, children: _jsx(CoreTimeSlotInfo, { children: ({ bookable, isSelected }) => (_jsx("div", { "data-testid": TestIds.timeSlotListTimeSlot, "data-slot-start": timeSlot.localStartDate, "data-slot-id": timeSlot.id, "data-bookable": bookable, "data-selected": isSelected, children: children })) }) }));
 };
 /**
  * Repeater component that renders each time slot.
@@ -127,7 +123,7 @@ const TimeSlotItemWrapper = ({ slot, children, }) => {
  */
 export const TimeSlotRepeater = React.forwardRef((props, ref) => {
     const { children } = props;
-    return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: ({ item: slot, children: itemChildren }) => (_jsx(TimeSlotItemWrapper, { slot: slot, children: itemChildren }, slot.id)), children: children }));
+    return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: ({ item: timeSlot, children: itemChildren }) => (_jsx(TimeSlotItemWrapper, { timeSlot: timeSlot, children: itemChildren }, timeSlot.id)), children: children }));
 });
 TimeSlotRepeater.displayName = 'TimeSlotList.TimeSlotRepeater';
 /**
@@ -153,6 +149,40 @@ LoadMore.displayName = 'TimeSlotList.Actions.LoadMore';
 export const Actions = {
     LoadMore,
 };
+/**
+ * Date range input for setting the start and end date filter.
+ * Uses the core DateRange component to access service data.
+ * Both dates are set together and trigger a single fetch.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <TimeSlotList.DateRange.Input asChild>
+ *   {({ startDate, endDate, onChange }) => (
+ *     <MyDateRangePicker
+ *       start={startDate}
+ *       end={endDate}
+ *       onRangeChange={(start, end) => onChange(start, end)}
+ *     />
+ *   )}
+ * </TimeSlotList.DateRange.Input>
+ * ```
+ */
+export const DateRangeInput = React.forwardRef((props, ref) => {
+    const { asChild, children, className, ...otherProps } = props;
+    return (_jsx(CoreTimeSlotList.DateRange, { children: ({ startDate, endDate, setDateRange }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.timeSlotListDateRangeInput, customElement: children, customElementProps: {
+                startDate,
+                endDate,
+                onChange: setDateRange,
+            }, ...otherProps, children: _jsxs("div", { children: [startDate.toLocaleDateString(), " - ", endDate.toLocaleDateString()] }) })) }));
+});
+DateRangeInput.displayName = 'TimeSlotList.DateRange.Input';
+/**
+ * DateRange namespace for TimeSlotList date range filter
+ */
+export const DateRange = {
+    Input: DateRangeInput,
+};
 // ============================================================================
 // TimeSlot Entity Components (re-exported)
 // ============================================================================
@@ -186,8 +216,8 @@ export const Actions = {
  * ```
  */
 export const TimeSlot = {
-    StartDate,
-    EndDate,
+    StartDate: TimeSlotStartDate,
+    EndDate: TimeSlotEndDate,
     Duration,
     Actions: TimeSlotActions,
     Locations,

package/cjs/dist/services/booking/booking.d.ts

@@ -5,19 +5,31 @@
  */
 import { type Signal } from '@wix/services-definitions/core-services/signals';
 import type { Service } from '@wix/auto_sdk_bookings_services';
-import type { TimeSlot, Resource, NestedTimeSlot } from '@wix/auto_sdk_bookings_availability-time-slots';
+import type { Resource, EventInfo } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { FormValues } from '@wix/form-public';
 /**
- * BookingSelection contains the service AND its related selections
+ * Minimal time slot data for booking items
  */
-export interface BookingSelection {
+export interface BookingItemTimeSlot {
+    startDate: string;
+    endDate: string;
+    totalCapacity?: number;
+    remainingCapacity?: number;
+    scheduleId?: string;
+    eventInfo?: EventInfo;
+}
+/**
+ * BookingItem contains the service AND its related selections
+ */
+export interface BookingItem {
     /** Unique identifier for this booking instance (allows same service multiple times) */
     instanceId: string;
+    /** The selected service */
     service: Service;
     /** Selected resources (staff members, rooms, etc.) */
-    staff?: Resource;
-    /** Per-service slot data from nested slots (for multi-service bookings) */
-    nestedSlotData?: NestedTimeSlot;
+    resources: Resource[];
+    /** Per-item time slot data */
+    timeSlot?: BookingItemTimeSlot;
 }
 export interface Location {
     id: string;
@@ -27,21 +39,25 @@ export interface Location {
  * BookingService actions - setters only, no API calls
  */
 export interface BookingServiceActions {
-    /** Clears all booking selections and sets a single service (instanceId is auto-generated) */
-    setService(service: Omit<BookingSelection, 'instanceId'>): string;
-    /** Adds a service and returns the generated instanceId */
-    addService(service: Omit<BookingSelection, 'instanceId'>): string;
-    /** Updates a booking selection. If no instanceId provided, updates the first selection. */
-    updateBookingSelection(updates: Partial<Omit<BookingSelection, 'instanceId'>>, instanceId?: string): void;
-    /** Removes a booking selection. If no instanceId provided, removes the first selection. */
-    removeBookingSelection(instanceId?: string): void;
-    clearServices(): void;
-    setTimeSlot(slot: TimeSlot | null): void;
-    clearTimeSlot(): void;
+    /** Clears all booking items and sets a single item (instanceId is auto-generated) */
+    setItem(item: Omit<BookingItem, 'instanceId'>): string;
+    /** Adds an item and returns the generated instanceId */
+    addItem(item: Omit<BookingItem, 'instanceId'>): string;
+    /** Updates a booking item. If no instanceId provided, updates the first item. */
+    updateItem(updates: Partial<Omit<BookingItem, 'instanceId'>>, instanceId?: string): void;
+    /** Removes a booking item. If no instanceId provided, removes the first item. */
+    removeItem(instanceId?: string): void;
+    /** Clears all booking items */
+    clearItems(): void;
+    /** Sets a resource by ID within a booking item. If no instanceId provided, uses the first item. */
+    setResourceById(resourceId: string, resource: Resource, instanceId?: string): void;
+    /** Gets a resource by ID from a booking item. If no instanceId provided, uses the first item. */
+    getResourceById(resourceId: string, instanceId?: string): Resource | undefined;
     setLocation(location: Location | null): void;
     clearLocation(): void;
     setFormValues(values: FormValues | null): void;
     clearFormValues(): void;
+    setNumberOfParticipants(count: number): void;
     clearAll(): void;
 }
 /**
@@ -49,14 +65,14 @@ export interface BookingServiceActions {
  * Pure state management - no API calls
  */
 export interface BookingService {
-    /** Signal containing the booking selections (services with their related data) */
-    bookingSelections: Signal<BookingSelection[]>;
-    /** Signal containing the currently selected time slot */
-    timeSlot: Signal<TimeSlot | null>;
-    /** Signal containing the selected location (derived from timeSlot) */
+    /** Signal containing the booking items (services with their related data) */
+    bookingItems: Signal<BookingItem[]>;
+    /** Signal containing the selected location */
     location: Signal<Location | null>;
     /** Signal containing the form values */
     formValues: Signal<FormValues | null>;
+    /** Signal containing the number of participants */
+    numberOfParticipants: Signal<number>;
     /** Actions for modifying booking state */
     actions: BookingServiceActions;
 }
@@ -70,15 +86,17 @@ export declare const BookingServiceDefinition: string & {
 } & BookingService;
 /**
  * Configuration interface for BookingService
- * Note: location is NOT in config - it's derived internally from timeSlot
+ * Mirrors BookingService structure (without actions and Signal wrappers)
  */
 export interface BookingServiceConfig {
-    /** Optional initial booking selections to pre-populate */
-    initialBookingSelections?: BookingSelection[];
-    /** Optional initial time slot to pre-populate */
-    initialTimeSlot?: TimeSlot | null;
+    /** Optional initial booking items to pre-populate */
+    bookingItems?: BookingItem[];
+    /** Optional initial location */
+    location?: Location | null;
     /** Optional initial form values */
-    initialFormValues?: FormValues | null;
+    formValues?: FormValues | null;
+    /** Optional initial number of participants (defaults to 1) */
+    numberOfParticipants?: number;
 }
 /**
  * Implementation of BookingService
@@ -98,8 +116,8 @@ export interface BookingServiceConfig {
  *
  * // In any page - access booking data
  * <Booking.Data>
- *   {({ services, timeSlot, location, formValues, actions }) => (
- *     <div>{services.map(s => s.service.name).join(', ')}</div>
+ *   {({ bookingItems, location, formValues, actions }) => (
+ *     <div>{bookingItems.map(item => item.service.name).join(', ')}</div>
  *   )}
  * </Booking.Data>
  * ```

package/cjs/dist/services/booking/booking.js

@@ -9,7 +9,7 @@ import { SignalsServiceDefinition, } from '@wix/services-definitions/core-servic
 // Types
 // ============================================================================
 /**
- * Generates a unique instance ID for service selections
+ * Generates a unique instance ID for booking items
  */
 function generateInstanceId() {
     return crypto.randomUUID();
@@ -39,8 +39,8 @@ export const BookingServiceDefinition = defineService('booking');
  *
  * // In any page - access booking data
  * <Booking.Data>
- *   {({ services, timeSlot, location, formValues, actions }) => (
- *     <div>{services.map(s => s.service.name).join(', ')}</div>
+ *   {({ bookingItems, location, formValues, actions }) => (
+ *     <div>{bookingItems.map(item => item.service.name).join(', ')}</div>
  *   )}
  * </Booking.Data>
  * ```
@@ -48,67 +48,93 @@ export const BookingServiceDefinition = defineService('booking');
 export const BookingService = implementService.withConfig()(BookingServiceDefinition, ({ getService, config }) => {
     const signalsService = getService(SignalsServiceDefinition);
     // Initialize signals with config values
-    // Ensure all initial booking selections have instanceIds
-    const initialSelectionsWithIds = (config.initialBookingSelections || []).map((s) => ({
-        ...s,
-        instanceId: s.instanceId || generateInstanceId(),
+    // Ensure all initial booking items have instanceIds
+    const initialItemsWithIds = (config.bookingItems || []).map((item) => ({
+        ...item,
+        instanceId: item.instanceId || generateInstanceId(),
     }));
-    const bookingSelectionsSignal = signalsService.signal(initialSelectionsWithIds);
-    const timeSlotSignal = signalsService.signal(config.initialTimeSlot || null);
-    // Location is derived internally - initialize as null
-    const locationSignal = signalsService.signal(null);
-    const formValuesSignal = signalsService.signal(config.initialFormValues || null);
+    const bookingItemsSignal = signalsService.signal(initialItemsWithIds);
+    const locationSignal = signalsService.signal(config.location || null);
+    const formValuesSignal = signalsService.signal(config.formValues || null);
+    const numberOfParticipantsSignal = signalsService.signal(config.numberOfParticipants ?? 1);
     // ========================================================================
     // Actions Implementation
     // ========================================================================
     const actions = {
-        // Services actions
-        setService(service) {
+        // Item management actions
+        setItem(item) {
             const instanceId = generateInstanceId();
-            const newSelection = {
-                ...service,
+            const newItem = {
+                ...item,
                 instanceId,
             };
-            bookingSelectionsSignal.set([newSelection]);
+            bookingItemsSignal.set([newItem]);
             return instanceId;
         },
-        addService(service) {
+        addItem(item) {
             const instanceId = generateInstanceId();
-            const current = bookingSelectionsSignal.get();
-            const newSelection = {
-                ...service,
+            const current = bookingItemsSignal.get();
+            const newItem = {
+                ...item,
                 instanceId,
             };
-            bookingSelectionsSignal.set([...current, newSelection]);
+            bookingItemsSignal.set([...current, newItem]);
             return instanceId;
         },
-        updateBookingSelection(updates, instanceId) {
-            const current = bookingSelectionsSignal.get();
-            // If no instanceId provided, update the first selection (index 0)
+        updateItem(updates, instanceId) {
+            const current = bookingItemsSignal.get();
+            // If no instanceId provided, update the first item (index 0)
             const targetId = instanceId ?? current[0]?.instanceId;
-            const updated = current.map((s) => s.instanceId === targetId ? { ...s, ...updates } : s);
-            bookingSelectionsSignal.set(updated);
+            const updated = current.map((item) => item.instanceId === targetId ? { ...item, ...updates } : item);
+            bookingItemsSignal.set(updated);
         },
-        removeBookingSelection(instanceId) {
-            const current = bookingSelectionsSignal.get();
+        removeItem(instanceId) {
+            const current = bookingItemsSignal.get();
             if (!instanceId) {
-                // Remove first selection if no instanceId provided
-                bookingSelectionsSignal.set(current.slice(1));
+                // Remove first item if no instanceId provided
+                bookingItemsSignal.set(current.slice(1));
             }
             else {
-                const filtered = current.filter((s) => s.instanceId !== instanceId);
-                bookingSelectionsSignal.set(filtered);
+                const filtered = current.filter((item) => item.instanceId !== instanceId);
+                bookingItemsSignal.set(filtered);
             }
         },
-        clearServices() {
-            bookingSelectionsSignal.set([]);
+        clearItems() {
+            bookingItemsSignal.set([]);
         },
-        // Time Slot actions
-        setTimeSlot(slot) {
-            timeSlotSignal.set(slot);
+        // Resource helpers
+        setResourceById(resourceId, resource, instanceId) {
+            const current = bookingItemsSignal.get();
+            // If no instanceId provided, use the first item
+            const targetId = instanceId ?? current[0]?.instanceId;
+            if (!targetId)
+                return;
+            const updated = current.map((item) => {
+                if (item.instanceId !== targetId)
+                    return item;
+                // Find and replace resource by ID, or add if not found
+                const existingIndex = item.resources.findIndex((r) => r._id === resourceId);
+                const newResources = [...item.resources];
+                if (existingIndex >= 0) {
+                    newResources[existingIndex] = resource;
+                }
+                else {
+                    newResources.push(resource);
+                }
+                return { ...item, resources: newResources };
+            });
+            bookingItemsSignal.set(updated);
         },
-        clearTimeSlot() {
-            timeSlotSignal.set(null);
+        getResourceById(resourceId, instanceId) {
+            const current = bookingItemsSignal.get();
+            // If no instanceId provided, use the first item
+            const targetId = instanceId ?? current[0]?.instanceId;
+            if (!targetId)
+                return undefined;
+            const targetItem = current.find((item) => item.instanceId === targetId);
+            if (!targetItem)
+                return undefined;
+            return targetItem.resources.find((r) => r._id === resourceId);
         },
         // Location actions
         setLocation(location) {
@@ -124,19 +150,23 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
         clearFormValues() {
             formValuesSignal.set(null);
         },
+        // Number of Participants actions
+        setNumberOfParticipants(count) {
+            numberOfParticipantsSignal.set(count);
+        },
         // Clear all
         clearAll() {
-            bookingSelectionsSignal.set([]);
-            timeSlotSignal.set(null);
+            bookingItemsSignal.set([]);
             locationSignal.set(null);
             formValuesSignal.set(null);
+            numberOfParticipantsSignal.set(1);
         },
     };
     return {
-        bookingSelections: bookingSelectionsSignal,
-        timeSlot: timeSlotSignal,
+        bookingItems: bookingItemsSignal,
         location: locationSignal,
         formValues: formValuesSignal,
+        numberOfParticipants: numberOfParticipantsSignal,
         actions,
     };
 });

package/cjs/dist/services/index.d.ts

@@ -3,6 +3,6 @@
  * Main export file for all service definitions and implementations
  */
 export { ServiceService, ServiceServiceDefinition, type ServiceServiceAPI, type ServiceServiceConfig, type ServiceActions, type ServicePaymentData, loadServiceServiceInitialData, type SuccessServiceServiceConfigResult, type NotFoundServiceServiceConfigResult, } from './service/service.js';
-export { BookingService, BookingServiceDefinition, type BookingServiceConfig, type BookingSelection, type Location, type BookingServiceActions, } from './booking/booking.js';
-export { TimeSlotListService, TimeSlotListServiceDefinition, ViewMode, loadTimeSlotListConfig, type TimeSlotListServiceAPI, type TimeSlotListServiceActions, type TimeSlotListServiceConfig, type SlotSelection, type LoadTimeSlotListConfigOptions, type LoadTimeSlotListConfigResult, } from './time-slot-list/index.js';
-export { ServiceListService, ServiceListServiceDefinition, type ServiceListServiceAPI, type ServiceListServiceConfig, type ServiceListActions, type QueryOptions, loadServiceListServiceInitialData, type SuccessServiceListServiceConfigResult, type ErrorServiceListServiceConfigResult, } from './service-list/service-list.js';
+export { BookingService, BookingServiceDefinition, type BookingServiceConfig, type Location, type BookingServiceActions, } from './booking/booking.js';
+export { TimeSlotListService, TimeSlotListServiceDefinition, ViewMode, loadTimeSlotListConfig, type TimeSlotListServiceAPI, type TimeSlotListServiceActions, type TimeSlotListServiceConfig, type SlotSelection, type TimeSlot, type LoadTimeSlotListConfigOptions, type LoadTimeSlotListConfigResult, } from './time-slot-list/index.js';
+export { ServiceListService, ServiceListServiceDefinition, type ServiceListServiceAPI, type ServiceListServiceConfig, type ServiceListFilters, type ServiceListActions, type QueryOptions, loadServiceListServiceInitialData, type SuccessServiceListServiceConfigResult, type ErrorServiceListServiceConfigResult, } from './service-list/service-list.js';

package/cjs/dist/services/service/service.js

@@ -81,8 +81,8 @@ export const ServiceService = implementService.withConfig()(ServiceServiceDefini
         const currentService = serviceSignal.get();
         if (!currentService._id)
             return false;
-        const selections = bookingService.bookingSelections.get();
-        return selections.some((selection) => selection.service._id === currentService._id);
+        const bookingItems = bookingService.bookingItems.get();
+        return bookingItems.some(({ service }) => service._id === currentService._id);
     });
     // requiresAvailability signal - true for APPOINTMENT and CLASS types
     const requiresAvailabilitySignal = signalsService.computed(() => {
@@ -185,25 +185,28 @@ export const ServiceService = implementService.withConfig()(ServiceServiceDefini
             if (!bookableSignal.get() || !bookingService)
                 return;
             const currentService = serviceSignal.get();
-            bookingService.actions.setService({ service: currentService });
+            bookingService.actions.updateItem({ service: currentService });
         },
         add: () => {
             if (!bookableSignal.get() || !bookingService)
                 return;
             const currentService = serviceSignal.get();
-            bookingService.actions.addService({ service: currentService });
+            bookingService.actions.addItem({
+                service: currentService,
+                resources: [],
+            });
         },
         remove: () => {
             if (!bookableSignal.get() || !bookingService)
                 return;
             const currentService = serviceSignal.get();
             // Remove all instances of this service (by serviceId)
-            const selections = bookingService.bookingSelections.get();
-            const instancesToRemove = selections
+            const bookingItems = bookingService.bookingItems.get();
+            const instancesToRemove = bookingItems
                 .filter((s) => s.service._id === currentService._id)
                 .map((s) => s.instanceId);
             instancesToRemove.forEach((instanceId) => {
-                bookingService.actions.removeBookingSelection(instanceId);
+                bookingService.actions.removeItem(instanceId);
             });
         },
     };

package/cjs/dist/services/time-slot-list/index.d.ts

@@ -2,5 +2,5 @@
  * TimeSlotList Service
  * Main export file for time slot list service
  */
-export { TimeSlotListServiceDefinition, ViewMode, type TimeSlot, type TimeSlotListServiceAPI, type TimeSlotListServiceActions, type TimeSlotListServiceConfig, type SlotSelection, } from './time-slot-list.def.js';
+export { TimeSlotListServiceDefinition, ViewMode, type TimeSlot, type TimeSlotListServiceAPI, type TimeSlotListServiceActions, type TimeSlotListServiceConfig, type TimeSlotsFilters, type SlotSelection, } from './time-slot-list.def.js';
 export { TimeSlotListService, loadTimeSlotListConfig, type LoadTimeSlotListConfigOptions, type LoadTimeSlotListConfigResult, } from './time-slot-list.js';

package/cjs/dist/services/time-slot-list/time-slot-list.d.ts

@@ -3,7 +3,7 @@
  * Manages time slot fetching, selection, and state
  */
 import type { Service } from '@wix/auto_sdk_bookings_services';
-import { type TimeSlotListServiceConfig, ViewMode } from './time-slot-list.def.js';
+import { type TimeSlotListServiceConfig, type TimeSlotsFilters } from './time-slot-list.def.js';
 export declare const TimeSlotListService: import("@wix/services-definitions").ServiceFactory<string & {
     __api: import("./time-slot-list.def.js").TimeSlotListServiceAPI;
     __config: {};
@@ -21,8 +21,8 @@ export interface LoadTimeSlotListConfigOptions {
     endDate?: Date;
     /** Timezone for formatting (defaults to UTC) */
     timezone?: string;
-    /** View mode (defaults to CLASSIC) */
-    viewMode?: ViewMode;
+    /** Filters for narrowing down time slots */
+    filters?: TimeSlotsFilters;
 }
 /**
  * Result type for SSR loader - either success with config or error