@wix/headless-bookings 0.0.32 → 0.0.33

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

@@ -4,14 +4,6 @@
 import type { Resource } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { FormValues } from '@wix/form-public';
 import type { ServiceSelection, ServiceSelectionTimeSlot, Location, BookingServiceConfig } from '../services/booking/booking.js';
-/**
- * Mock time slot data
- */
-export declare const mockTimeSlot: ServiceSelectionTimeSlot;
-/**
- * Mock time slot for afternoon
- */
-export declare const mockTimeSlotAfternoon: ServiceSelectionTimeSlot;
 /**
  * Mock resource (staff member)
  */
@@ -24,6 +16,22 @@ export declare const mockResourceTwo: Resource;
  * Mock resource (room)
  */
 export declare const mockResourceRoom: Resource;
+/**
+ * Mock location
+ */
+export declare const mockLocation: Location;
+/**
+ * Mock location (second)
+ */
+export declare const mockLocationTwo: Location;
+/**
+ * Mock time slot data
+ */
+export declare const mockTimeSlot: ServiceSelectionTimeSlot;
+/**
+ * Mock time slot for afternoon
+ */
+export declare const mockTimeSlotAfternoon: ServiceSelectionTimeSlot;
 /**
  * Mock service selection with all data
  */
@@ -36,14 +44,6 @@ export declare const mockServiceSelectionWithoutTimeSlot: ServiceSelection;
  * Mock service selection for class
  */
 export declare const mockServiceSelectionClass: ServiceSelection;
-/**
- * Mock location
- */
-export declare const mockLocation: Location;
-/**
- * Mock location (second)
- */
-export declare const mockLocationTwo: Location;
 /**
  * Mock form submission (contact info)
  */

package/cjs/dist/__mocks__/booking.js

@@ -2,26 +2,6 @@
  * Shared mock data for booking service tests
  */
 import { mockService, mockServiceClass } from './services.js';
-/**
- * Mock time slot data
- */
-export const mockTimeSlot = {
-    startDate: '2024-03-15T10:00:00Z',
-    endDate: '2024-03-15T11:00:00Z',
-    totalCapacity: 10,
-    remainingCapacity: 5,
-    scheduleId: 'schedule-123',
-};
-/**
- * Mock time slot for afternoon
- */
-export const mockTimeSlotAfternoon = {
-    startDate: '2024-03-15T14:00:00Z',
-    endDate: '2024-03-15T15:00:00Z',
-    totalCapacity: 10,
-    remainingCapacity: 8,
-    scheduleId: 'schedule-456',
-};
 /**
  * Mock resource (staff member)
  */
@@ -48,6 +28,44 @@ export const mockResourceRoom = {
     name: 'Conference Room A',
     tag: 'RESOURCE',
 };
+/**
+ * Mock location
+ */
+export const mockLocation = {
+    id: 'location-1',
+    name: 'Main Office',
+};
+/**
+ * Mock location (second)
+ */
+export const mockLocationTwo = {
+    id: 'location-2',
+    name: 'Downtown Branch',
+};
+/**
+ * Mock time slot data
+ */
+export const mockTimeSlot = {
+    startDate: '2024-03-15T10:00:00Z',
+    endDate: '2024-03-15T11:00:00Z',
+    totalCapacity: 10,
+    remainingCapacity: 5,
+    scheduleId: 'schedule-123',
+    resources: [mockResource],
+    location: mockLocation,
+};
+/**
+ * Mock time slot for afternoon
+ */
+export const mockTimeSlotAfternoon = {
+    startDate: '2024-03-15T14:00:00Z',
+    endDate: '2024-03-15T15:00:00Z',
+    totalCapacity: 10,
+    remainingCapacity: 8,
+    scheduleId: 'schedule-456',
+    resources: [mockResourceTwo],
+    location: mockLocationTwo,
+};
 /**
  * Mock service selection with all data
  */
@@ -77,20 +95,6 @@ export const mockServiceSelectionClass = {
     timeSlot: mockTimeSlotAfternoon,
     totalParticipants: 3,
 };
-/**
- * Mock location
- */
-export const mockLocation = {
-    id: 'location-1',
-    name: 'Main Office',
-};
-/**
- * Mock location (second)
- */
-export const mockLocationTwo = {
-    id: 'location-2',
-    name: 'Downtown Branch',
-};
 /**
  * Mock form submission (contact info)
  */

package/cjs/dist/services/booking/book-action/bookAction.js

@@ -43,8 +43,9 @@ export async function executeBookAction(params) {
         throw new Error('Failed to create booking');
     }
     // Step 2: Create checkout
-    // businessLocationId comes from location.id for multi-location support
-    const businessLocationId = params.location?.id ?? undefined;
+    // businessLocationId: prefer timeSlot.location, fallback to global location
+    const firstSelection = params.serviceSelections[0];
+    const businessLocationId = firstSelection?.timeSlot?.location?.id ?? undefined;
     const checkoutRequest = buildCheckoutRequest({
         bookingId,
         contactDetails,

package/cjs/dist/services/booking/book-action/buildBookingRequest.js

@@ -46,8 +46,10 @@ export function buildBookingRequest(params) {
     if (!item.timeSlot) {
         throw new Error('No time slot selected for service selection');
     }
-    // Get resource from service selection
-    const resource = item.resources?.[0];
+    // Get resource: prefer timeSlot.resources, fallback to item.resources
+    const resource = item.timeSlot.resources?.[0] ?? item.resources?.[0];
+    // Get location: prefer timeSlot.location, fallback to params.location
+    const slotLocation = item.timeSlot.location ?? location;
     return {
         booking: {
             // Payment option derived from service payment settings
@@ -66,8 +68,8 @@ export function buildBookingRequest(params) {
                     resource: resource
                         ? { _id: resource._id, name: resource.name }
                         : undefined,
-                    location: location
-                        ? { _id: location.id, name: location.name }
+                    location: slotLocation
+                        ? { _id: slotLocation.id, name: slotLocation.name }
                         : undefined,
                 },
             },

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

@@ -19,6 +19,10 @@ export interface ServiceSelectionTimeSlot {
     remainingCapacity?: number;
     scheduleId?: string;
     eventInfo?: EventInfo;
+    /** Resources available in this time slot (populated when slot is selected) */
+    resources?: Resource[];
+    /** Location of this time slot (populated when slot is selected) */
+    location?: Location;
 }
 /**
  * ServiceSelection contains the service AND its related selections

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

@@ -86,6 +86,14 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
      * - Auto-selects staff only when there is exactly one staff option in this slot
      */
     const selectSlot = (slot) => {
+        const staffMembersFromSlot = slot.availableResources[0].resources.map((r) => ({
+            _id: r._id,
+            name: r.name,
+        }));
+        const slotLocation = {
+            id: slot.location?._id,
+            name: slot.location?.name ?? undefined,
+        };
         const timeSlot = {
             startDate: slot.localStartDate,
             endDate: slot.localEndDate,
@@ -93,15 +101,12 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
             remainingCapacity: slot.remainingCapacity ?? undefined,
             scheduleId: slot.scheduleId ?? undefined,
             eventInfo: slot.eventInfo ?? undefined,
+            resources: staffMembersFromSlot,
+            location: slotLocation,
         };
-        bookingService.actions.setLocation({
-            id: slot.location?._id,
-            name: slot.location?.name ?? undefined,
-        });
-        const staffMembersFromSlot = slot.availableResources[0].resources.map((r) => ({
-            id: r._id,
-            name: r.name,
-        }));
+        // Keep setting top-level location (for pre-slot selection use cases)
+        bookingService.actions.setLocation(slotLocation);
+        // Auto-select resources only when single staff
         const resources = staffMembersFromSlot.length === 1 ? staffMembersFromSlot : [];
         bookingService.actions.updateItem({
             timeSlot,

package/dist/__mocks__/booking.d.ts

@@ -4,14 +4,6 @@
 import type { Resource } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { FormValues } from '@wix/form-public';
 import type { ServiceSelection, ServiceSelectionTimeSlot, Location, BookingServiceConfig } from '../services/booking/booking.js';
-/**
- * Mock time slot data
- */
-export declare const mockTimeSlot: ServiceSelectionTimeSlot;
-/**
- * Mock time slot for afternoon
- */
-export declare const mockTimeSlotAfternoon: ServiceSelectionTimeSlot;
 /**
  * Mock resource (staff member)
  */
@@ -24,6 +16,22 @@ export declare const mockResourceTwo: Resource;
  * Mock resource (room)
  */
 export declare const mockResourceRoom: Resource;
+/**
+ * Mock location
+ */
+export declare const mockLocation: Location;
+/**
+ * Mock location (second)
+ */
+export declare const mockLocationTwo: Location;
+/**
+ * Mock time slot data
+ */
+export declare const mockTimeSlot: ServiceSelectionTimeSlot;
+/**
+ * Mock time slot for afternoon
+ */
+export declare const mockTimeSlotAfternoon: ServiceSelectionTimeSlot;
 /**
  * Mock service selection with all data
  */
@@ -36,14 +44,6 @@ export declare const mockServiceSelectionWithoutTimeSlot: ServiceSelection;
  * Mock service selection for class
  */
 export declare const mockServiceSelectionClass: ServiceSelection;
-/**
- * Mock location
- */
-export declare const mockLocation: Location;
-/**
- * Mock location (second)
- */
-export declare const mockLocationTwo: Location;
 /**
  * Mock form submission (contact info)
  */

package/dist/__mocks__/booking.js

@@ -2,26 +2,6 @@
  * Shared mock data for booking service tests
  */
 import { mockService, mockServiceClass } from './services.js';
-/**
- * Mock time slot data
- */
-export const mockTimeSlot = {
-    startDate: '2024-03-15T10:00:00Z',
-    endDate: '2024-03-15T11:00:00Z',
-    totalCapacity: 10,
-    remainingCapacity: 5,
-    scheduleId: 'schedule-123',
-};
-/**
- * Mock time slot for afternoon
- */
-export const mockTimeSlotAfternoon = {
-    startDate: '2024-03-15T14:00:00Z',
-    endDate: '2024-03-15T15:00:00Z',
-    totalCapacity: 10,
-    remainingCapacity: 8,
-    scheduleId: 'schedule-456',
-};
 /**
  * Mock resource (staff member)
  */
@@ -48,6 +28,44 @@ export const mockResourceRoom = {
     name: 'Conference Room A',
     tag: 'RESOURCE',
 };
+/**
+ * Mock location
+ */
+export const mockLocation = {
+    id: 'location-1',
+    name: 'Main Office',
+};
+/**
+ * Mock location (second)
+ */
+export const mockLocationTwo = {
+    id: 'location-2',
+    name: 'Downtown Branch',
+};
+/**
+ * Mock time slot data
+ */
+export const mockTimeSlot = {
+    startDate: '2024-03-15T10:00:00Z',
+    endDate: '2024-03-15T11:00:00Z',
+    totalCapacity: 10,
+    remainingCapacity: 5,
+    scheduleId: 'schedule-123',
+    resources: [mockResource],
+    location: mockLocation,
+};
+/**
+ * Mock time slot for afternoon
+ */
+export const mockTimeSlotAfternoon = {
+    startDate: '2024-03-15T14:00:00Z',
+    endDate: '2024-03-15T15:00:00Z',
+    totalCapacity: 10,
+    remainingCapacity: 8,
+    scheduleId: 'schedule-456',
+    resources: [mockResourceTwo],
+    location: mockLocationTwo,
+};
 /**
  * Mock service selection with all data
  */
@@ -77,20 +95,6 @@ export const mockServiceSelectionClass = {
     timeSlot: mockTimeSlotAfternoon,
     totalParticipants: 3,
 };
-/**
- * Mock location
- */
-export const mockLocation = {
-    id: 'location-1',
-    name: 'Main Office',
-};
-/**
- * Mock location (second)
- */
-export const mockLocationTwo = {
-    id: 'location-2',
-    name: 'Downtown Branch',
-};
 /**
  * Mock form submission (contact info)
  */

package/dist/services/booking/book-action/bookAction.js

@@ -43,8 +43,9 @@ export async function executeBookAction(params) {
         throw new Error('Failed to create booking');
     }
     // Step 2: Create checkout
-    // businessLocationId comes from location.id for multi-location support
-    const businessLocationId = params.location?.id ?? undefined;
+    // businessLocationId: prefer timeSlot.location, fallback to global location
+    const firstSelection = params.serviceSelections[0];
+    const businessLocationId = firstSelection?.timeSlot?.location?.id ?? undefined;
     const checkoutRequest = buildCheckoutRequest({
         bookingId,
         contactDetails,

package/dist/services/booking/book-action/buildBookingRequest.js

@@ -46,8 +46,10 @@ export function buildBookingRequest(params) {
     if (!item.timeSlot) {
         throw new Error('No time slot selected for service selection');
     }
-    // Get resource from service selection
-    const resource = item.resources?.[0];
+    // Get resource: prefer timeSlot.resources, fallback to item.resources
+    const resource = item.timeSlot.resources?.[0] ?? item.resources?.[0];
+    // Get location: prefer timeSlot.location, fallback to params.location
+    const slotLocation = item.timeSlot.location ?? location;
     return {
         booking: {
             // Payment option derived from service payment settings
@@ -66,8 +68,8 @@ export function buildBookingRequest(params) {
                     resource: resource
                         ? { _id: resource._id, name: resource.name }
                         : undefined,
-                    location: location
-                        ? { _id: location.id, name: location.name }
+                    location: slotLocation
+                        ? { _id: slotLocation.id, name: slotLocation.name }
                         : undefined,
                 },
             },

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

@@ -19,6 +19,10 @@ export interface ServiceSelectionTimeSlot {
     remainingCapacity?: number;
     scheduleId?: string;
     eventInfo?: EventInfo;
+    /** Resources available in this time slot (populated when slot is selected) */
+    resources?: Resource[];
+    /** Location of this time slot (populated when slot is selected) */
+    location?: Location;
 }
 /**
  * ServiceSelection contains the service AND its related selections

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

@@ -86,6 +86,14 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
      * - Auto-selects staff only when there is exactly one staff option in this slot
      */
     const selectSlot = (slot) => {
+        const staffMembersFromSlot = slot.availableResources[0].resources.map((r) => ({
+            _id: r._id,
+            name: r.name,
+        }));
+        const slotLocation = {
+            id: slot.location?._id,
+            name: slot.location?.name ?? undefined,
+        };
         const timeSlot = {
             startDate: slot.localStartDate,
             endDate: slot.localEndDate,
@@ -93,15 +101,12 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
             remainingCapacity: slot.remainingCapacity ?? undefined,
             scheduleId: slot.scheduleId ?? undefined,
             eventInfo: slot.eventInfo ?? undefined,
+            resources: staffMembersFromSlot,
+            location: slotLocation,
         };
-        bookingService.actions.setLocation({
-            id: slot.location?._id,
-            name: slot.location?.name ?? undefined,
-        });
-        const staffMembersFromSlot = slot.availableResources[0].resources.map((r) => ({
-            id: r._id,
-            name: r.name,
-        }));
+        // Keep setting top-level location (for pre-slot selection use cases)
+        bookingService.actions.setLocation(slotLocation);
+        // Auto-select resources only when single staff
         const resources = staffMembersFromSlot.length === 1 ? staffMembersFromSlot : [];
         bookingService.actions.updateItem({
             timeSlot,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -72,5 +72,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "b165685e9ccb4d9fe0e8d310393e59018c8d44c874e2c7cd0fc9906a"
+  "falconPackageHash": "b5f66fe6afde6dde21cff958f2df9ecaa8bb6890eed0ee093057887e"
 }