@wix/headless-bookings 0.0.72 → 0.0.73

package/cjs/dist/__mocks__/booking.js

@@ -13,7 +13,12 @@ export function mockSignal(initialValue) {
 export function createMockSignalsService() {
     return {
         signal: mockSignal,
-        computed: (fn) => mockSignal(fn()),
+        // Re-evaluate the computed function on every get/peek (like real computed signals)
+        computed: (fn) => ({
+            get: () => fn(),
+            peek: () => fn(),
+            set: () => { }, // no-op for computed
+        }),
         effect: vi.fn((fn) => {
             fn();
         }),

package/cjs/dist/services/location-list/location-list.js

@@ -52,7 +52,7 @@ function buildDisplayLocations(locations, hasCustomLocations, hasCustomerLocatio
     else if (hasCustomLocations) {
         // Synthetic custom location (only from explicit flag, not array)
         displayLocations.push({
-            location: null,
+            location: { _id: SYNTHETIC_CUSTOM_ID, type: LocationType.CUSTOM },
             type: LocationType.CUSTOM,
             isSynthetic: true,
             id: SYNTHETIC_CUSTOM_ID,
@@ -60,10 +60,13 @@ function buildDisplayLocations(locations, hasCustomLocations, hasCustomerLocatio
     }
     // 3. Add CUSTOMER location (always synthetic display, real or flag-based)
     if (customerFromArray || hasCustomerLocations) {
+        const isSynthetic = !customerFromArray;
         displayLocations.push({
-            location: customerFromArray || null,
+            location: isSynthetic
+                ? { _id: SYNTHETIC_CUSTOMER_ID, type: LocationType.CUSTOMER }
+                : customerFromArray,
             type: LocationType.CUSTOMER,
-            isSynthetic: !customerFromArray,
+            isSynthetic,
             id: SYNTHETIC_CUSTOMER_ID,
         });
     }

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

@@ -149,7 +149,7 @@ export const ServiceListService = implementService.withConfig()(ServiceListServi
     // Helper to get effective filters including location from BookingService
     const getEffectiveFilters = (baseFilters) => {
         const selectedLocation = bookingService.location.get();
-        const locationId = selectedLocation?.business?._id;
+        const locationId = selectedLocation?._id;
         if (!baseFilters && !locationId) {
             return undefined;
         }

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

@@ -10,7 +10,7 @@ import type { Service } from '@wix/auto_sdk_bookings_services';
  * Require a stable `id` + `locationType` pair (no optional fields).
  */
 export interface Location {
-    id: string;
+    id?: string;
     locationType: LocationTypeWithLiterals;
 }
 export declare enum ViewMode {

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

@@ -3,18 +3,26 @@
  * Manages time slot fetching, selection, and state
  */
 import { implementService } from '@wix/services-definitions';
-import { SignalsServiceDefinition } from '@wix/services-definitions/core-services/signals';
+import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
 import { TimeSlotListServiceDefinition, ViewMode, } from './time-slot-list.def.js';
+import { LocationType, } from '@wix/auto_sdk_bookings_event-time-slots';
 import { fetchAvailability } from '../../api/fetch-availability/index.js';
 import { BookingServiceDefinition, ANY_STAFF_MEMBER_ID, } from '../booking/booking.js';
 // ============================================================================
 // Helpers
 // ============================================================================
-function getClientTimezone() {
+const getClientTimezone = () => {
     return typeof Intl !== 'undefined'
         ? Intl.DateTimeFormat().resolvedOptions().timeZone
         : undefined;
-}
+};
+const getStaffName = (staffMemberId, slots) => {
+    if (staffMemberId === ANY_STAFF_MEMBER_ID)
+        return 'Any staff member';
+    return (slots
+        .flatMap((slot) => slot.availableResources[0].resources)
+        .find((r) => r._id === staffMemberId)?.name ?? undefined);
+};
 // ============================================================================
 // Service Implementation
 // ============================================================================
@@ -31,6 +39,12 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         end: config.endDate,
     });
     const cursorSignal = signalsService.signal(undefined);
+    const preSelectedStaffMemberIdSignal = signalsService.computed(() => {
+        const serviceSelections = bookingService.serviceSelections.get();
+        return serviceSelections.length
+            ? (serviceSelections[0]?.resources?.[0]?._id ?? undefined)
+            : undefined;
+    });
     const getServices = () => {
         const serviceSelections = bookingService.serviceSelections.peek();
         return serviceSelections.length
@@ -40,12 +54,16 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
     const getFilters = () => {
         const baseFilters = config.filters ?? {};
         const selectedLocation = bookingService.location.peek();
+        const isCustomOrCustomerLocation = selectedLocation?.type === LocationType.CUSTOM ||
+            selectedLocation?.type === LocationType.CUSTOMER;
         const location = selectedLocation
-            ? { id: selectedLocation._id, locationType: selectedLocation.type }
+            ? {
+                id: isCustomOrCustomerLocation ? undefined : selectedLocation._id,
+                locationType: selectedLocation.type,
+            }
             : baseFilters.location;
-        const selectedResources = bookingService.serviceSelections.peek()[0]?.resources ?? [];
-        const staffMemberIds = selectedResources.length
-            ? selectedResources.map((r) => r._id)
+        const staffMemberIds = preSelectedStaffMemberIdSignal.peek()
+            ? [preSelectedStaffMemberIdSignal.peek()]
             : baseFilters.staffMemberIds;
         return { ...baseFilters, location, staffMemberIds };
     };
@@ -85,11 +103,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 resources = staffMembersFromSlot.length === 1 ? staffMembersFromSlot : [];
+        const resources = preSelectedStaffMemberIdSignal.peek()
+            ? [
+                {
+                    _id: preSelectedStaffMemberIdSignal.peek(),
+                    name: getStaffName(preSelectedStaffMemberIdSignal.peek(), timeSlotsSignal.peek()),
+                },
+            ]
+            : [];
         const timeSlot = {
             startDate: slot.localStartDate,
             endDate: slot.localEndDate,
@@ -112,18 +133,10 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         const selectedTimeSlot = bookingService.serviceSelections.peek()[0]?.timeSlot;
         if (!selectedTimeSlot)
             return;
-        const getStaffName = (id) => {
-            if (id === ANY_STAFF_MEMBER_ID)
-                return 'Any staff member';
-            const slots = timeSlotsSignal.peek();
-            return (slots
-                .flatMap((slot) => slot.availableResources[0].resources)
-                .find((r) => r._id === id)?.name ?? undefined);
-        };
         const resources = [
             {
                 _id: staffMemberId,
-                name: getStaffName(staffMemberId),
+                name: getStaffName(staffMemberId, timeSlotsSignal.peek()),
             },
         ];
         bookingService.actions.updateItem({
@@ -191,18 +204,12 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         }
         dateRangeSignal.set({ start: newStartDate, end: newEndDate });
     };
-    const preSelectedStaffMemberId = signalsService.computed(() => {
-        const serviceSelections = bookingService.serviceSelections.get();
-        return serviceSelections.length
-            ? (serviceSelections[0]?.resources?.[0]?._id ?? undefined)
-            : undefined;
-    });
     let isFirstRun = true;
     const dispose = signalsService.effect(() => {
         dateRangeSignal.get();
         bookingService.timezone.get();
         bookingService.location.get();
-        preSelectedStaffMemberId.get();
+        preSelectedStaffMemberIdSignal.get();
         if (isFirstRun) {
             isFirstRun = false;
             if (config.timeSlots) {

package/dist/__mocks__/booking.js

@@ -13,7 +13,12 @@ export function mockSignal(initialValue) {
 export function createMockSignalsService() {
     return {
         signal: mockSignal,
-        computed: (fn) => mockSignal(fn()),
+        // Re-evaluate the computed function on every get/peek (like real computed signals)
+        computed: (fn) => ({
+            get: () => fn(),
+            peek: () => fn(),
+            set: () => { }, // no-op for computed
+        }),
         effect: vi.fn((fn) => {
             fn();
         }),

package/dist/services/location-list/location-list.js

@@ -52,7 +52,7 @@ function buildDisplayLocations(locations, hasCustomLocations, hasCustomerLocatio
     else if (hasCustomLocations) {
         // Synthetic custom location (only from explicit flag, not array)
         displayLocations.push({
-            location: null,
+            location: { _id: SYNTHETIC_CUSTOM_ID, type: LocationType.CUSTOM },
             type: LocationType.CUSTOM,
             isSynthetic: true,
             id: SYNTHETIC_CUSTOM_ID,
@@ -60,10 +60,13 @@ function buildDisplayLocations(locations, hasCustomLocations, hasCustomerLocatio
     }
     // 3. Add CUSTOMER location (always synthetic display, real or flag-based)
     if (customerFromArray || hasCustomerLocations) {
+        const isSynthetic = !customerFromArray;
         displayLocations.push({
-            location: customerFromArray || null,
+            location: isSynthetic
+                ? { _id: SYNTHETIC_CUSTOMER_ID, type: LocationType.CUSTOMER }
+                : customerFromArray,
             type: LocationType.CUSTOMER,
-            isSynthetic: !customerFromArray,
+            isSynthetic,
             id: SYNTHETIC_CUSTOMER_ID,
         });
     }

package/dist/services/service-list/service-list.js

@@ -149,7 +149,7 @@ export const ServiceListService = implementService.withConfig()(ServiceListServi
     // Helper to get effective filters including location from BookingService
     const getEffectiveFilters = (baseFilters) => {
         const selectedLocation = bookingService.location.get();
-        const locationId = selectedLocation?.business?._id;
+        const locationId = selectedLocation?._id;
         if (!baseFilters && !locationId) {
             return undefined;
         }

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

@@ -10,7 +10,7 @@ import type { Service } from '@wix/auto_sdk_bookings_services';
  * Require a stable `id` + `locationType` pair (no optional fields).
  */
 export interface Location {
-    id: string;
+    id?: string;
     locationType: LocationTypeWithLiterals;
 }
 export declare enum ViewMode {

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

@@ -3,18 +3,26 @@
  * Manages time slot fetching, selection, and state
  */
 import { implementService } from '@wix/services-definitions';
-import { SignalsServiceDefinition } from '@wix/services-definitions/core-services/signals';
+import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
 import { TimeSlotListServiceDefinition, ViewMode, } from './time-slot-list.def.js';
+import { LocationType, } from '@wix/auto_sdk_bookings_event-time-slots';
 import { fetchAvailability } from '../../api/fetch-availability/index.js';
 import { BookingServiceDefinition, ANY_STAFF_MEMBER_ID, } from '../booking/booking.js';
 // ============================================================================
 // Helpers
 // ============================================================================
-function getClientTimezone() {
+const getClientTimezone = () => {
     return typeof Intl !== 'undefined'
         ? Intl.DateTimeFormat().resolvedOptions().timeZone
         : undefined;
-}
+};
+const getStaffName = (staffMemberId, slots) => {
+    if (staffMemberId === ANY_STAFF_MEMBER_ID)
+        return 'Any staff member';
+    return (slots
+        .flatMap((slot) => slot.availableResources[0].resources)
+        .find((r) => r._id === staffMemberId)?.name ?? undefined);
+};
 // ============================================================================
 // Service Implementation
 // ============================================================================
@@ -31,6 +39,12 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         end: config.endDate,
     });
     const cursorSignal = signalsService.signal(undefined);
+    const preSelectedStaffMemberIdSignal = signalsService.computed(() => {
+        const serviceSelections = bookingService.serviceSelections.get();
+        return serviceSelections.length
+            ? (serviceSelections[0]?.resources?.[0]?._id ?? undefined)
+            : undefined;
+    });
     const getServices = () => {
         const serviceSelections = bookingService.serviceSelections.peek();
         return serviceSelections.length
@@ -40,12 +54,16 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
     const getFilters = () => {
         const baseFilters = config.filters ?? {};
         const selectedLocation = bookingService.location.peek();
+        const isCustomOrCustomerLocation = selectedLocation?.type === LocationType.CUSTOM ||
+            selectedLocation?.type === LocationType.CUSTOMER;
         const location = selectedLocation
-            ? { id: selectedLocation._id, locationType: selectedLocation.type }
+            ? {
+                id: isCustomOrCustomerLocation ? undefined : selectedLocation._id,
+                locationType: selectedLocation.type,
+            }
             : baseFilters.location;
-        const selectedResources = bookingService.serviceSelections.peek()[0]?.resources ?? [];
-        const staffMemberIds = selectedResources.length
-            ? selectedResources.map((r) => r._id)
+        const staffMemberIds = preSelectedStaffMemberIdSignal.peek()
+            ? [preSelectedStaffMemberIdSignal.peek()]
             : baseFilters.staffMemberIds;
         return { ...baseFilters, location, staffMemberIds };
     };
@@ -85,11 +103,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 resources = staffMembersFromSlot.length === 1 ? staffMembersFromSlot : [];
+        const resources = preSelectedStaffMemberIdSignal.peek()
+            ? [
+                {
+                    _id: preSelectedStaffMemberIdSignal.peek(),
+                    name: getStaffName(preSelectedStaffMemberIdSignal.peek(), timeSlotsSignal.peek()),
+                },
+            ]
+            : [];
         const timeSlot = {
             startDate: slot.localStartDate,
             endDate: slot.localEndDate,
@@ -112,18 +133,10 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         const selectedTimeSlot = bookingService.serviceSelections.peek()[0]?.timeSlot;
         if (!selectedTimeSlot)
             return;
-        const getStaffName = (id) => {
-            if (id === ANY_STAFF_MEMBER_ID)
-                return 'Any staff member';
-            const slots = timeSlotsSignal.peek();
-            return (slots
-                .flatMap((slot) => slot.availableResources[0].resources)
-                .find((r) => r._id === id)?.name ?? undefined);
-        };
         const resources = [
             {
                 _id: staffMemberId,
-                name: getStaffName(staffMemberId),
+                name: getStaffName(staffMemberId, timeSlotsSignal.peek()),
             },
         ];
         bookingService.actions.updateItem({
@@ -191,18 +204,12 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         }
         dateRangeSignal.set({ start: newStartDate, end: newEndDate });
     };
-    const preSelectedStaffMemberId = signalsService.computed(() => {
-        const serviceSelections = bookingService.serviceSelections.get();
-        return serviceSelections.length
-            ? (serviceSelections[0]?.resources?.[0]?._id ?? undefined)
-            : undefined;
-    });
     let isFirstRun = true;
     const dispose = signalsService.effect(() => {
         dateRangeSignal.get();
         bookingService.timezone.get();
         bookingService.location.get();
-        preSelectedStaffMemberId.get();
+        preSelectedStaffMemberIdSignal.get();
         if (isFirstRun) {
             isFirstRun = false;
             if (config.timeSlots) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.72",
+  "version": "0.0.73",
   "type": "module",
   "license": "MIT",
   "scripts": {
@@ -72,5 +72,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "fba67207f62950f205edc9cf8dd4f0cd00a1aba8aba35b2ba034c3f2"
+  "falconPackageHash": "34417118571f5f9e720d6fd388d06f0244497d6ec0184bca137822c9"
 }