@wix/headless-bookings 0.0.15 → 0.0.17

package/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/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/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/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/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/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/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

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

@@ -3,7 +3,7 @@
  * Defines interfaces and service contract for time slot management
  */
 import type { Signal } from '@wix/services-definitions/core-services/signals';
-import type { TimeSlot as ApiTimeSlot } from '@wix/auto_sdk_bookings_availability-time-slots';
+import type { TimeSlot as ApiTimeSlot, Location } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { Service } from '@wix/auto_sdk_bookings_services';
 export declare enum ViewMode {
     CLASSIC = "classic",
@@ -42,6 +42,26 @@ export interface SlotSelection {
     locationId: string | null;
     staffMemberId: string | null;
 }
+/**
+ * Filters for narrowing down available time slots
+ * Matches Wix Bookings API filter parameters
+ */
+export interface TimeSlotsFilters {
+    /** Filter by specific locations */
+    locations?: Location[];
+    /** Filter by specific staff member IDs */
+    staffMemberIds?: string[];
+    /** Maximum slots to return per day (useful for calendar views) */
+    slotsPerDay?: number;
+    /** Filter by bookable status. If undefined, returns both bookable and non-bookable */
+    bookable?: boolean;
+    /** Filter by booking policy violations */
+    bookingPolicyViolations?: {
+        tooEarlyToBook?: boolean;
+        tooLateToBook?: boolean;
+        bookOnlineDisabled?: boolean;
+    };
+}
 export interface TimeSlotListServiceConfig {
     /** Services to fetch time slots for */
     services?: Service[];
@@ -53,8 +73,8 @@ export interface TimeSlotListServiceConfig {
     endDate?: Date;
     /** Timezone for formatting */
     timezone?: string;
-    /** View mode */
-    viewMode?: ViewMode;
+    /** Filters for narrowing down time slots */
+    filters?: TimeSlotsFilters;
 }
 export interface TimeSlotListServiceActions {
     selectSlot: (slot: TimeSlot) => void;
@@ -71,7 +91,6 @@ export interface TimeSlotListServiceAPI {
     isLoading: Signal<boolean>;
     error: Signal<string | null>;
     hasMore: Signal<boolean>;
-    viewMode: Signal<ViewMode>;
     startDate: Signal<Date>;
     endDate: Signal<Date>;
     timezone: Signal<string | undefined>;