@wix/headless-bookings 0.0.18 → 0.0.20

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

@@ -51,8 +51,6 @@ export interface TimeSlotsFilters {
     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 */
@@ -61,6 +59,17 @@ export interface TimeSlotsFilters {
         tooLateToBook?: boolean;
         bookOnlineDisabled?: boolean;
     };
+    /**
+     * Number of time slots to load per request.
+     * Controls how many slots are fetched initially and on each "Load More" action.
+     * Default: 1000. Max: 1000.
+     * @example
+     * ```ts
+     * // Load 6 slots at a time
+     * filters: { slotsPerPage: 6 }
+     * ```
+     */
+    slotsPerPage?: number;
 }
 export interface TimeSlotListServiceConfig {
     /** Services to fetch time slots for */

package/cjs/dist/services/time-slot-list/time-slot-list.js

@@ -4,6 +4,7 @@
  */
 import { implementService } from '@wix/services-definitions';
 import { SignalsServiceDefinition } from '@wix/services-definitions/core-services/signals';
+import { format } from 'date-fns';
 import { TimeSlotListServiceDefinition, ViewMode, } from './time-slot-list.def.js';
 import { fetchAvailability } from '../../api/time-slot-list/index.js';
 import { BookingServiceDefinition, } from '../booking/booking.js';
@@ -22,13 +23,8 @@ function getClientTimezone() {
  * Formats a Date to local ISO string (YYYY-MM-DDThh:mm:ss)
  */
 function toLocalDateString(date) {
-    const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, '0');
-    const day = String(date.getDate()).padStart(2, '0');
-    const hours = String(date.getHours()).padStart(2, '0');
-    const minutes = String(date.getMinutes()).padStart(2, '0');
-    const seconds = String(date.getSeconds()).padStart(2, '0');
-    return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}`;
+    const pattern = "yyyy-MM-dd'T'HH:mm:ss";
+    return format(date, pattern);
 }
 /**
  * Merges new grouped slots with existing ones
@@ -80,7 +76,7 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
     const getServices = () => {
         if (config.services?.length)
             return config.services;
-        return bookingService.bookingItems.get().map((s) => s.service);
+        return bookingService.serviceSelections.get().map((s) => s.service);
     };
     /**
      * Helper: Get filters from config or BookingService
@@ -88,7 +84,7 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
     const getFilters = () => {
         // Get BookingService selections (these take priority)
         const location = bookingService.location.get();
-        const selections = bookingService.bookingItems.get();
+        const selections = bookingService.serviceSelections.get();
         const selectedStaffMemberIds = selections
             .map(({ resources }) => resources.map((r) => r._id))
             .flat();
@@ -114,6 +110,7 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         isLoadingSignal.set(true);
         errorSignal.set(null);
         cursorSignal.set(undefined);
+        timeSlotsSignal.set([]);
         try {
             const response = await fetchAvailability({
                 services: selectedServices,
@@ -121,6 +118,7 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
                 toLocalDate: toLocalDateString(endDateSignal.get()),
                 timeZone: timezoneSignal.get(),
                 viewMode: viewModeSignal.get(),
+                cursor: cursorSignal.get(),
                 ...filters,
             });
             timeSlotsSignal.set(response.timeSlots);
@@ -312,7 +310,7 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
                 fromLocalDate: toLocalDateString(startDateSignal.get()),
                 toLocalDate: toLocalDateString(endDateSignal.get()),
                 timeZone: timezoneSignal.get(),
-                cursorPaging: { cursor },
+                cursor,
                 viewMode: viewModeSignal.get(),
                 ...filters,
             });

package/dist/api/time-slot-list/index.d.ts

@@ -15,8 +15,6 @@ export interface FetchAvailabilityOptions {
     staffMemberIds?: string[];
     cursorPaging?: CursorPaging;
     viewMode?: ViewMode;
-    /** 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 */
@@ -54,20 +52,20 @@ export interface FetchAvailabilityResponse {
  * // response.timeSlots are grouped by time
  * ```
  */
-export declare function fetchAvailability({ services: selectedServices, viewMode, fromLocalDate, toLocalDate, timeZone, locations, staffMemberIds, cursorPaging, slotsPerDay, bookable, bookingPolicyViolations, }: {
+export declare function fetchAvailability({ services: selectedServices, viewMode, fromLocalDate, toLocalDate, timeZone, locations, staffMemberIds, cursor, slotsPerPage, bookable, bookingPolicyViolations, }: {
     services: Service[];
     fromLocalDate: string;
     toLocalDate: string;
     timeZone?: string;
     locations?: Location[];
     staffMemberIds?: string[];
-    cursorPaging?: CursorPaging;
+    cursor?: string;
     viewMode?: ViewMode;
-    slotsPerDay?: number;
     bookable?: boolean;
     bookingPolicyViolations?: {
         tooEarlyToBook?: boolean;
         tooLateToBook?: boolean;
         bookOnlineDisabled?: boolean;
     };
+    slotsPerPage?: number;
 }): Promise<FetchAvailabilityResponse>;

package/dist/api/time-slot-list/index.js

@@ -15,6 +15,7 @@ var FlowType;
     FlowType["MULTI_SERVICE"] = "multi_service";
     FlowType["CLASS"] = "class";
 })(FlowType || (FlowType = {}));
+const STAFF_RESOURCE_TYPE_ID = '1cd44cf8-756f-41c3-bd90-3e2ffcaf1155';
 // ============================================================================
 // Grouping Functions
 // ============================================================================
@@ -102,16 +103,14 @@ function detectFlow(bookingServices, viewMode) {
  * // response.timeSlots are grouped by time
  * ```
  */
-export async function fetchAvailability({ services: selectedServices, viewMode = ViewMode.CLASSIC, fromLocalDate, toLocalDate, timeZone, locations, staffMemberIds, cursorPaging, slotsPerDay, bookable, bookingPolicyViolations, }) {
+export async function fetchAvailability({ services: selectedServices, viewMode = ViewMode.CLASSIC, fromLocalDate, toLocalDate, timeZone, locations, staffMemberIds, cursor, slotsPerPage, bookable, bookingPolicyViolations, }) {
     const flow = detectFlow(selectedServices, viewMode);
     const serviceIds = selectedServices.map((s) => s._id);
     if (flow === FlowType.SINGLE_SERVICE) {
-        // Build resourceTypes filter for staff members
-        // Staff member resource type ID is 1cd44cf8-756f-41c3-bd90-3e2ffcaf1155
         const resourceTypes = staffMemberIds?.length
             ? [
                 {
-                    resourceTypeId: '1cd44cf8-756f-41c3-bd90-3e2ffcaf1155',
+                    resourceTypeId: STAFF_RESOURCE_TYPE_ID,
                     resourceIds: staffMemberIds,
                 },
             ]
@@ -122,11 +121,14 @@ export async function fetchAvailability({ services: selectedServices, viewMode =
             toLocalDate,
             timeZone,
             locations,
-            cursorPaging,
+            cursorPaging: {
+                cursor,
+                limit: slotsPerPage,
+            },
             resourceTypes,
-            timeSlotsPerDay: slotsPerDay,
             bookable,
             bookingPolicyViolations,
+            includeResourceTypeIds: [STAFF_RESOURCE_TYPE_ID],
         });
         return {
             timeSlots: groupTimeSlotsByTime(response.timeSlots || []),
@@ -152,13 +154,12 @@ export async function fetchAvailability({ services: selectedServices, viewMode =
             toLocalDate,
             timeZone,
             serviceIds: serviceIds.length ? serviceIds : undefined,
-            cursorPaging,
+            cursorPaging: {
+                cursor,
+                limit: slotsPerPage,
+            },
             eventFilter: Object.keys(eventFilter).length ? eventFilter : undefined,
-            maxSlotsPerDay: slotsPerDay,
-            // bookable=true means only bookable, so includeNonBookable=false
-            // bookable=false means only non-bookable, so includeNonBookable=true
-            // bookable=undefined means both, so includeNonBookable=true (default)
-            includeNonBookable: bookable === undefined ? undefined : !bookable,
+            includeNonBookable: bookable ? !bookable : undefined,
             bookingPolicyViolations,
         });
         return {

package/dist/react/core/booking/Booking.d.ts

@@ -3,7 +3,7 @@
  * Provides low-level access to BookingService via render props and service setup
  */
 import React from 'react';
-import { type BookingServiceConfig, type BookingItem, type Location, type BookingServiceActions } from '../../../services/booking/booking.js';
+import { type BookingServiceConfig, type ServiceSelection, type Location, type BookingServiceActions } from '../../../services/booking/booking.js';
 import type { FormValues } from '@wix/form-public';
 /**
  * Props for Booking.Root component
@@ -33,10 +33,9 @@ export declare function Root(props: RootProps): React.ReactNode;
  * Mirrors BookingServiceConfig structure with actions
  */
 export interface BookingData {
-    bookingItems: BookingItem[];
+    serviceSelections: ServiceSelection[];
     location: Location | null;
-    formValues: FormValues | null;
-    numberOfParticipants: number;
+    formSubmission: FormValues | null;
     actions: BookingServiceActions;
 }
 /**
@@ -53,9 +52,9 @@ export interface DataProps {
  * @example
  * ```tsx
  * <Booking.Data>
- *   {({ bookingItems, location, formValues, numberOfParticipants, actions }) => (
- *     bookingItems.length > 0 ? (
- *       <div>{bookingItems.map(item => item.service.name).join(', ')}</div>
+ *   {({ serviceSelections, location, formSubmission, actions }) => (
+ *     serviceSelections.length > 0 ? (
+ *       <div>{serviceSelections.map(item => item.service.name).join(', ')}</div>
  *     ) : (
  *       <div>No services selected</div>
  *     )

package/dist/react/core/booking/Booking.js

@@ -28,9 +28,9 @@ export function Root(props) {
  * @example
  * ```tsx
  * <Booking.Data>
- *   {({ bookingItems, location, formValues, numberOfParticipants, actions }) => (
- *     bookingItems.length > 0 ? (
- *       <div>{bookingItems.map(item => item.service.name).join(', ')}</div>
+ *   {({ serviceSelections, location, formSubmission, actions }) => (
+ *     serviceSelections.length > 0 ? (
+ *       <div>{serviceSelections.map(item => item.service.name).join(', ')}</div>
  *     ) : (
  *       <div>No services selected</div>
  *     )
@@ -41,16 +41,14 @@ export function Root(props) {
 export function Data(props) {
     const { children } = props;
     const bookingService = useService(BookingServiceDefinition);
-    const bookingItems = bookingService.bookingItems.get();
+    const serviceSelections = bookingService.serviceSelections.get();
     const location = bookingService.location.get();
-    const formValues = bookingService.formValues.get();
-    const numberOfParticipants = bookingService.numberOfParticipants.get();
+    const formSubmission = bookingService.formSubmission.get();
     const { actions } = bookingService;
     return children({
-        bookingItems,
+        serviceSelections,
         location,
-        formValues,
-        numberOfParticipants,
+        formSubmission,
         actions,
     });
 }

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

@@ -5,7 +5,7 @@
 import React from 'react';
 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';
+import type { TimeSlotListServiceConfig, TimeSlot as TimeSlotType } 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
@@ -81,17 +81,23 @@ export declare const Root: React.ForwardRefExoticComponent<RootProps & React.Ref
  */
 export interface TimeSlotsProps {
     children: React.ReactNode;
+    /** Content to display when no time slots are available */
     emptyState?: React.ReactNode;
+    /** Content to display while time slots are loading */
+    loadingState?: React.ReactNode;
     className?: string;
 }
 /**
- * Container for the time slots list with empty state support.
+ * Container for the time slots list with empty state and loading state support.
  * Wraps GenericList.Items. Follows List Container Level pattern.
  *
  * @component
  * @example
  * ```tsx
- * <TimeSlotList.TimeSlots emptyState={<div>No slots available</div>}>
+ * <TimeSlotList.TimeSlots
+ *   emptyState={<div>No slots available</div>}
+ *   loadingState={<div>Loading...</div>}
+ * >
  *   <TimeSlotList.TimeSlotRepeater>
  *     {children}
  *   </TimeSlotList.TimeSlotRepeater>
@@ -99,11 +105,32 @@ export interface TimeSlotsProps {
  * ```
  */
 export declare const TimeSlots: React.ForwardRefExoticComponent<TimeSlotsProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Data provided to TimeSlotRepeater function children
+ */
+export interface TimeSlotRepeaterChildProps {
+    /** Whether the slot is currently selected */
+    isSelected: boolean;
+    /** Whether the slot can be booked */
+    bookable: boolean;
+    /** Start date/time as ISO string */
+    startDate: string | undefined;
+    /** End date/time as ISO string */
+    endDate: string | undefined;
+    /** Duration in minutes */
+    durationInMinutes: number | null;
+    /** The raw time slot data */
+    timeSlot: TimeSlotType;
+}
+/**
+ * Children type for TimeSlotRepeater - can be ReactNode or function
+ */
+type TimeSlotRepeaterChildren = React.ReactNode | ((props: TimeSlotRepeaterChildProps) => React.ReactNode);
 /**
  * Props for TimeSlotList.TimeSlotRepeater component
  */
 export interface TimeSlotRepeaterProps {
-    children: React.ReactNode;
+    children: TimeSlotRepeaterChildren;
 }
 /**
  * Repeater component that renders each time slot.
@@ -113,11 +140,21 @@ export interface TimeSlotRepeaterProps {
  * @component
  * @example
  * ```tsx
+ * // Standard usage with nested components
  * <TimeSlotList.TimeSlotRepeater>
  *   <TimeSlot.StartDate />
  *   <TimeSlot.Duration />
  *   <TimeSlot.Actions.Select />
  * </TimeSlotList.TimeSlotRepeater>
+ *
+ * // Function children pattern - all data available directly
+ * <TimeSlotList.TimeSlotRepeater>
+ *   {({ isSelected, bookable, startDate }) => (
+ *     <button disabled={!bookable} className={isSelected ? 'selected' : ''}>
+ *       {formatTime(startDate)}
+ *     </button>
+ *   )}
+ * </TimeSlotList.TimeSlotRepeater>
  * ```
  */
 export declare const TimeSlotRepeater: React.ForwardRefExoticComponent<TimeSlotRepeaterProps & React.RefAttributes<HTMLElement>>;

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

@@ -81,13 +81,16 @@ const RootContent = React.forwardRef((props, ref) => {
 });
 RootContent.displayName = 'TimeSlotList.RootContent';
 /**
- * Container for the time slots list with empty state support.
+ * Container for the time slots list with empty state and loading state support.
  * Wraps GenericList.Items. Follows List Container Level pattern.
  *
  * @component
  * @example
  * ```tsx
- * <TimeSlotList.TimeSlots emptyState={<div>No slots available</div>}>
+ * <TimeSlotList.TimeSlots
+ *   emptyState={<div>No slots available</div>}
+ *   loadingState={<div>Loading...</div>}
+ * >
  *   <TimeSlotList.TimeSlotRepeater>
  *     {children}
  *   </TimeSlotList.TimeSlotRepeater>
@@ -101,10 +104,12 @@ export const TimeSlots = React.forwardRef((props, ref) => {
 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.
+ * Supports both ReactNode and function children patterns.
  */
 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 })) }) }));
+    return (_jsx(TimeSlotProvider, { timeSlot: timeSlot, children: _jsx(CoreTimeSlotInfo, { children: (props) => {
+                return (_jsx("div", { "data-testid": TestIds.timeSlotListTimeSlot, "data-bookable": props.bookable, "data-selected": props.isSelected, children: typeof children === 'function' ? children(props) : children }));
+            } }) }));
 };
 /**
  * Repeater component that renders each time slot.
@@ -114,16 +119,26 @@ const TimeSlotItemWrapper = ({ timeSlot, children, }) => {
  * @component
  * @example
  * ```tsx
+ * // Standard usage with nested components
  * <TimeSlotList.TimeSlotRepeater>
  *   <TimeSlot.StartDate />
  *   <TimeSlot.Duration />
  *   <TimeSlot.Actions.Select />
  * </TimeSlotList.TimeSlotRepeater>
+ *
+ * // Function children pattern - all data available directly
+ * <TimeSlotList.TimeSlotRepeater>
+ *   {({ isSelected, bookable, startDate }) => (
+ *     <button disabled={!bookable} className={isSelected ? 'selected' : ''}>
+ *       {formatTime(startDate)}
+ *     </button>
+ *   )}
+ * </TimeSlotList.TimeSlotRepeater>
  * ```
  */
 export const TimeSlotRepeater = React.forwardRef((props, ref) => {
     const { children } = props;
-    return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: ({ item: timeSlot, children: itemChildren }) => (_jsx(TimeSlotItemWrapper, { timeSlot: timeSlot, children: itemChildren }, timeSlot.id)), children: children }));
+    return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: ({ item: timeSlot }) => (_jsx(TimeSlotItemWrapper, { timeSlot: timeSlot, children: children }, timeSlot.id)), children: undefined }));
 });
 TimeSlotRepeater.displayName = 'TimeSlotList.TimeSlotRepeater';
 /**

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

@@ -1,6 +1,6 @@
 /**
  * Booking Service - Global booking store
- * Manages booking flow state (selected services, time slot, location, form values)
+ * Manages booking flow state (selected services, time slot, location, form submission)
  * Persists across page navigation in SPA until page refresh
  */
 import { type Signal } from '@wix/services-definitions/core-services/signals';
@@ -8,9 +8,9 @@ import type { Service } from '@wix/auto_sdk_bookings_services';
 import type { Resource, EventInfo } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { FormValues } from '@wix/form-public';
 /**
- * Minimal time slot data for booking items
+ * Minimal time slot data for service selections
  */
-export interface BookingItemTimeSlot {
+export interface ServiceSelectionTimeSlot {
     startDate: string;
     endDate: string;
     totalCapacity?: number;
@@ -19,9 +19,9 @@ export interface BookingItemTimeSlot {
     eventInfo?: EventInfo;
 }
 /**
- * BookingItem contains the service AND its related selections
+ * ServiceSelection contains the service AND its related selections
  */
-export interface BookingItem {
+export interface ServiceSelection {
     /** Unique identifier for this booking instance (allows same service multiple times) */
     instanceId: string;
     /** The selected service */
@@ -29,7 +29,9 @@ export interface BookingItem {
     /** Selected resources (staff members, rooms, etc.) */
     resources: Resource[];
     /** Per-item time slot data */
-    timeSlot?: BookingItemTimeSlot;
+    timeSlot?: ServiceSelectionTimeSlot;
+    /** Number of participants for this service selection */
+    totalParticipants?: number;
 }
 export interface Location {
     id: string;
@@ -39,25 +41,24 @@ export interface Location {
  * BookingService actions - setters only, no API calls
  */
 export interface BookingServiceActions {
-    /** Clears all booking items and sets a single item (instanceId is auto-generated) */
-    setItem(item: Omit<BookingItem, 'instanceId'>): string;
+    /** Clears all service selections and sets a single item (instanceId is auto-generated) */
+    setItem(item: Omit<ServiceSelection, '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. */
+    addItem(item: Omit<ServiceSelection, 'instanceId'>): string;
+    /** Updates a service selection. If no instanceId provided, updates the first item. */
+    updateItem(updates: Partial<Omit<ServiceSelection, 'instanceId'>>, instanceId?: string): void;
+    /** Removes a service selection. If no instanceId provided, removes the first item. */
     removeItem(instanceId?: string): void;
-    /** Clears all booking items */
+    /** Clears all service selections */
     clearItems(): void;
-    /** Sets a resource by ID within a booking item. If no instanceId provided, uses the first item. */
+    /** Sets a resource by ID within a service selection. 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. */
+    /** Gets a resource by ID from a service selection. 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;
+    setFormSubmission(values: FormValues | null): void;
+    clearFormSubmission(): void;
     clearAll(): void;
 }
 /**
@@ -65,14 +66,12 @@ export interface BookingServiceActions {
  * Pure state management - no API calls
  */
 export interface BookingService {
-    /** Signal containing the booking items (services with their related data) */
-    bookingItems: Signal<BookingItem[]>;
+    /** Signal containing the service selections (services with their related data) */
+    serviceSelections: Signal<ServiceSelection[]>;
     /** 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>;
+    /** Signal containing the form submission */
+    formSubmission: Signal<FormValues | null>;
     /** Actions for modifying booking state */
     actions: BookingServiceActions;
 }
@@ -89,14 +88,12 @@ export declare const BookingServiceDefinition: string & {
  * Mirrors BookingService structure (without actions and Signal wrappers)
  */
 export interface BookingServiceConfig {
-    /** Optional initial booking items to pre-populate */
-    bookingItems?: BookingItem[];
+    /** Optional initial service selections to pre-populate */
+    serviceSelections?: ServiceSelection[];
     /** Optional initial location */
     location?: Location | null;
-    /** Optional initial form values */
-    formValues?: FormValues | null;
-    /** Optional initial number of participants (defaults to 1) */
-    numberOfParticipants?: number;
+    /** Optional initial form submission */
+    formSubmission?: FormValues | null;
 }
 /**
  * Implementation of BookingService
@@ -116,8 +113,8 @@ export interface BookingServiceConfig {
  *
  * // In any page - access booking data
  * <Booking.Data>
- *   {({ bookingItems, location, formValues, actions }) => (
- *     <div>{bookingItems.map(item => item.service.name).join(', ')}</div>
+ *   {({ serviceSelections, location, formSubmission, actions }) => (
+ *     <div>{serviceSelections.map(item => item.service.name).join(', ')}</div>
  *   )}
  * </Booking.Data>
  * ```