@wix/headless-bookings 0.0.18 → 0.0.20

package/dist/services/booking/booking.js

@@ -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 { defineService, implementService } from '@wix/services-definitions';
@@ -9,7 +9,7 @@ import { SignalsServiceDefinition, } from '@wix/services-definitions/core-servic
 // Types
 // ============================================================================
 /**
- * Generates a unique instance ID for booking items
+ * Generates a unique instance ID for service selections
  */
 function generateInstanceId() {
     return crypto.randomUUID();
@@ -39,8 +39,8 @@ export const BookingServiceDefinition = defineService('booking');
  *
  * // 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>
  * ```
@@ -48,15 +48,14 @@ 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 items have instanceIds
-    const initialItemsWithIds = (config.bookingItems || []).map((item) => ({
+    // Ensure all initial service selections have instanceIds
+    const initialItemsWithIds = (config.serviceSelections || []).map((item) => ({
         ...item,
         instanceId: item.instanceId || generateInstanceId(),
     }));
-    const bookingItemsSignal = signalsService.signal(initialItemsWithIds);
+    const serviceSelectionsSignal = signalsService.signal(initialItemsWithIds);
     const locationSignal = signalsService.signal(config.location || null);
-    const formValuesSignal = signalsService.signal(config.formValues || null);
-    const numberOfParticipantsSignal = signalsService.signal(config.numberOfParticipants ?? 1);
+    const formSubmissionSignal = signalsService.signal(config.formSubmission || null);
     // ========================================================================
     // Actions Implementation
     // ========================================================================
@@ -68,43 +67,43 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
                 ...item,
                 instanceId,
             };
-            bookingItemsSignal.set([newItem]);
+            serviceSelectionsSignal.set([newItem]);
             return instanceId;
         },
         addItem(item) {
             const instanceId = generateInstanceId();
-            const current = bookingItemsSignal.get();
+            const current = serviceSelectionsSignal.get();
             const newItem = {
                 ...item,
                 instanceId,
             };
-            bookingItemsSignal.set([...current, newItem]);
+            serviceSelectionsSignal.set([...current, newItem]);
             return instanceId;
         },
         updateItem(updates, instanceId) {
-            const current = bookingItemsSignal.get();
+            const current = serviceSelectionsSignal.get();
             // If no instanceId provided, update the first item (index 0)
             const targetId = instanceId ?? current[0]?.instanceId;
             const updated = current.map((item) => item.instanceId === targetId ? { ...item, ...updates } : item);
-            bookingItemsSignal.set(updated);
+            serviceSelectionsSignal.set(updated);
         },
         removeItem(instanceId) {
-            const current = bookingItemsSignal.get();
+            const current = serviceSelectionsSignal.get();
             if (!instanceId) {
                 // Remove first item if no instanceId provided
-                bookingItemsSignal.set(current.slice(1));
+                serviceSelectionsSignal.set(current.slice(1));
             }
             else {
                 const filtered = current.filter((item) => item.instanceId !== instanceId);
-                bookingItemsSignal.set(filtered);
+                serviceSelectionsSignal.set(filtered);
             }
         },
         clearItems() {
-            bookingItemsSignal.set([]);
+            serviceSelectionsSignal.set([]);
         },
         // Resource helpers
         setResourceById(resourceId, resource, instanceId) {
-            const current = bookingItemsSignal.get();
+            const current = serviceSelectionsSignal.get();
             // If no instanceId provided, use the first item
             const targetId = instanceId ?? current[0]?.instanceId;
             if (!targetId)
@@ -123,10 +122,10 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
                 }
                 return { ...item, resources: newResources };
             });
-            bookingItemsSignal.set(updated);
+            serviceSelectionsSignal.set(updated);
         },
         getResourceById(resourceId, instanceId) {
-            const current = bookingItemsSignal.get();
+            const current = serviceSelectionsSignal.get();
             // If no instanceId provided, use the first item
             const targetId = instanceId ?? current[0]?.instanceId;
             if (!targetId)
@@ -143,30 +142,24 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
         clearLocation() {
             locationSignal.set(null);
         },
-        // Form Values actions
-        setFormValues(values) {
-            formValuesSignal.set(values);
+        // Form Submission actions
+        setFormSubmission(values) {
+            formSubmissionSignal.set(values);
         },
-        clearFormValues() {
-            formValuesSignal.set(null);
-        },
-        // Number of Participants actions
-        setNumberOfParticipants(count) {
-            numberOfParticipantsSignal.set(count);
+        clearFormSubmission() {
+            formSubmissionSignal.set(null);
         },
         // Clear all
         clearAll() {
-            bookingItemsSignal.set([]);
+            serviceSelectionsSignal.set([]);
             locationSignal.set(null);
-            formValuesSignal.set(null);
-            numberOfParticipantsSignal.set(1);
+            formSubmissionSignal.set(null);
         },
     };
     return {
-        bookingItems: bookingItemsSignal,
+        serviceSelections: serviceSelectionsSignal,
         location: locationSignal,
-        formValues: formValuesSignal,
-        numberOfParticipants: numberOfParticipantsSignal,
+        formSubmission: formSubmissionSignal,
         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 Location, type BookingServiceActions, } from './booking/booking.js';
+export { BookingService, BookingServiceDefinition, type BookingServiceConfig, type Location, type BookingServiceActions, type ServiceSelection, type ServiceSelectionTimeSlot, } 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 bookingItems = bookingService.bookingItems.get();
-        return bookingItems.some(({ service }) => service._id === currentService._id);
+        const serviceSelections = bookingService.serviceSelections.get();
+        return serviceSelections.some(({ service }) => service._id === currentService._id);
     });
     // requiresAvailability signal - true for APPOINTMENT and CLASS types
     const requiresAvailabilitySignal = signalsService.computed(() => {
@@ -201,8 +201,8 @@ export const ServiceService = implementService.withConfig()(ServiceServiceDefini
                 return;
             const currentService = serviceSignal.get();
             // Remove all instances of this service (by serviceId)
-            const bookingItems = bookingService.bookingItems.get();
-            const instancesToRemove = bookingItems
+            const serviceSelections = bookingService.serviceSelections.get();
+            const instancesToRemove = serviceSelections
                 .filter((s) => s.service._id === currentService._id)
                 .map((s) => s.instanceId);
             instancesToRemove.forEach((instanceId) => {

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

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -39,7 +39,8 @@
     "@wix/headless-media": "0.0.18",
     "@wix/headless-utils": "0.0.8",
     "@wix/services-definitions": "^0.1.4",
-    "@wix/services-manager-react": "^0.1.26"
+    "@wix/services-manager-react": "^0.1.26",
+    "date-fns": "^4.1.0"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",
@@ -69,5 +70,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "e46d03203e690ac494ff428495021e6c913ba752169e356628f8b4b2"
+  "falconPackageHash": "25ba2b137a6e9ae4a9d267c7eeede1474665fe843f2999d663f593e4"
 }