@wix/headless-bookings 0.0.20 → 0.0.22

package/dist/services/booking/booking.js

@@ -6,7 +6,11 @@
 import { defineService, implementService } from '@wix/services-definitions';
 import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
 // ============================================================================
-// Types
+// Constants
+// ============================================================================
+export const ANY_STAFF_MEMBER_ID = '__any_staff_member__';
+// ============================================================================
+// Helpers
 // ============================================================================
 /**
  * Generates a unique instance ID for service selections
@@ -14,6 +18,14 @@ import { SignalsServiceDefinition, } from '@wix/services-definitions/core-servic
 function generateInstanceId() {
     return crypto.randomUUID();
 }
+/**
+ * Gets the client's timezone from Intl API
+ */
+function getClientTimezone() {
+    return typeof Intl !== 'undefined'
+        ? Intl.DateTimeFormat().resolvedOptions().timeZone
+        : undefined;
+}
 /**
  * Service definition for Booking
  */
@@ -55,6 +67,7 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
     }));
     const serviceSelectionsSignal = signalsService.signal(initialItemsWithIds);
     const locationSignal = signalsService.signal(config.location || null);
+    const timezoneSignal = signalsService.signal(config.timezone ?? getClientTimezone());
     const formSubmissionSignal = signalsService.signal(config.formSubmission || null);
     // ========================================================================
     // Actions Implementation
@@ -142,6 +155,12 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
         clearLocation() {
             locationSignal.set(null);
         },
+        // Timezone actions
+        setTimezone(timezone) {
+            if (timezoneSignal.get() !== timezone) {
+                timezoneSignal.set(timezone);
+            }
+        },
         // Form Submission actions
         setFormSubmission(values) {
             formSubmissionSignal.set(values);
@@ -159,6 +178,7 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
     return {
         serviceSelections: serviceSelectionsSignal,
         location: locationSignal,
+        timezone: timezoneSignal,
         formSubmission: formSubmissionSignal,
         actions,
     };

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

@@ -65,11 +65,21 @@ export interface TimeSlotsFilters {
      * Default: 1000. Max: 1000.
      * @example
      * ```ts
-     * // Load 6 slots at a time
-     * filters: { slotsPerPage: 6 }
+     * // Load 10 slots at a time
+     * filters: { slotsPerPage: 10 }
      * ```
      */
     slotsPerPage?: number;
+    /**
+     * Maximum number of time slots to return per day.
+     * Useful for fetching availability indicators (set to 1 to get one slot per day).
+     * @example
+     * ```ts
+     * // Get one slot per day for calendar indicators
+     * filters: { timeSlotsPerDay: 1 }
+     * ```
+     */
+    timeSlotsPerDay?: number;
 }
 export interface TimeSlotListServiceConfig {
     /** Services to fetch time slots for */
@@ -92,7 +102,6 @@ export interface TimeSlotListServiceActions {
     clearPreferences: () => void;
     loadMore: () => Promise<void>;
     setDateRange: (start: Date, end: Date) => void;
-    setTimezone: (tz: string) => void;
 }
 export interface TimeSlotListServiceAPI {
     timeSlots: Signal<TimeSlot[]>;
@@ -102,7 +111,6 @@ export interface TimeSlotListServiceAPI {
     hasMore: Signal<boolean>;
     startDate: Signal<Date>;
     endDate: Signal<Date>;
-    timezone: Signal<string | undefined>;
     actions: TimeSlotListServiceActions;
 }
 export declare const TimeSlotListServiceDefinition: string & {

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

@@ -4,10 +4,9 @@
  */
 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';
+import { fetchAvailability } from '../../api/fetch-availability/index.js';
+import { BookingServiceDefinition, ANY_STAFF_MEMBER_ID, } from '../booking/booking.js';
 // ============================================================================
 // Helpers
 // ============================================================================
@@ -19,13 +18,6 @@ function getClientTimezone() {
         ? Intl.DateTimeFormat().resolvedOptions().timeZone
         : undefined;
 }
-/**
- * Formats a Date to local ISO string (YYYY-MM-DDThh:mm:ss)
- */
-function toLocalDateString(date) {
-    const pattern = "yyyy-MM-dd'T'HH:mm:ss";
-    return format(date, pattern);
-}
 /**
  * Merges new grouped slots with existing ones
  * Slots with the same start time are merged
@@ -68,7 +60,6 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
     const viewModeSignal = signalsService.signal(ViewMode.CLASSIC);
     const startDateSignal = signalsService.signal(config.startDate || currentDate);
     const endDateSignal = signalsService.signal(config.endDate || getDefaultEndDate());
-    const timezoneSignal = signalsService.signal(config.timezone ?? getClientTimezone());
     const cursorSignal = signalsService.signal(undefined);
     /**
      * Helper: Get services from config or BookingService
@@ -84,9 +75,9 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
     const getFilters = () => {
         // Get BookingService selections (these take priority)
         const location = bookingService.location.get();
-        const selections = bookingService.serviceSelections.get();
-        const selectedStaffMemberIds = selections
-            .map(({ resources }) => resources.map((r) => r._id))
+        const serviceSelections = bookingService.serviceSelections.get();
+        const selectedStaffMemberIds = serviceSelections
+            .map((serviceSelection) => serviceSelection.resources.map((r) => r._id))
             .flat();
         const selectedLocation = location ? { _id: location.id } : null;
         // Merge config filters with BookingService selections (selections win)
@@ -114,9 +105,9 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         try {
             const response = await fetchAvailability({
                 services: selectedServices,
-                fromLocalDate: toLocalDateString(startDateSignal.get()),
-                toLocalDate: toLocalDateString(endDateSignal.get()),
-                timeZone: timezoneSignal.get(),
+                fromLocalDate: startDateSignal.get(),
+                toLocalDate: endDateSignal.get(),
+                timeZone: bookingService.timezone.get(),
                 viewMode: viewModeSignal.get(),
                 cursor: cursorSignal.get(),
                 ...filters,
@@ -243,6 +234,18 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         const currentSelections = selectionSignal.get();
         if (!currentSelections?.slot)
             return;
+        if (staffMemberId === ANY_STAFF_MEMBER_ID) {
+            bookingService.actions.updateItem({
+                resources: [
+                    {
+                        _id: ANY_STAFF_MEMBER_ID,
+                        name: 'Any staff member',
+                    },
+                ],
+            });
+            selectionSignal.set({ ...currentSelections, staffMemberId });
+            return;
+        }
         const slot = currentSelections.slot;
         // Find all locations that have this staff member
         const locationsWithThisStaff = slot.staffByLocation.filter((loc) => loc.staffMembers.some((s) => s.id === staffMemberId));
@@ -300,16 +303,14 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         if (!cursor || isLoadingSignal.get())
             return;
         const selectedServices = getServices();
-        if (selectedServices.length === 0)
-            return;
         const filters = getFilters();
         isLoadingSignal.set(true);
         try {
             const response = await fetchAvailability({
                 services: selectedServices,
-                fromLocalDate: toLocalDateString(startDateSignal.get()),
-                toLocalDate: toLocalDateString(endDateSignal.get()),
-                timeZone: timezoneSignal.get(),
+                fromLocalDate: startDateSignal.get(),
+                toLocalDate: endDateSignal.get(),
+                timeZone: bookingService.timezone.get(),
                 cursor,
                 viewMode: viewModeSignal.get(),
                 ...filters,
@@ -345,17 +346,21 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         endDateSignal.set(newEndDate);
         fetchTimeSlots();
     };
-    /**
-     * Action: Update timezone and refetch slots
-     */
-    const setTimezone = (newTimezone) => {
-        timezoneSignal.set(newTimezone);
-        fetchTimeSlots();
-    };
     // Auto-fetch on initialization if no pre-loaded data provided
-    if (!config.timeSlots && config.services && config.services.length > 0) {
+    if (!config.timeSlots) {
         fetchTimeSlots();
     }
+    // Subscribe to timezone changes from BookingService to auto-refetch
+    // NOTE: This should depend ONLY on bookingService.timezone.
+    let firstTimezoneEffectRun = true;
+    signalsService.effect(() => {
+        bookingService.timezone.get();
+        if (firstTimezoneEffectRun) {
+            firstTimezoneEffectRun = false;
+            return;
+        }
+        fetchTimeSlots();
+    });
     // Return service API
     return {
         // State Signals
@@ -367,7 +372,6 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         // Configuration Signals (viewMode is internal only)
         startDate: startDateSignal,
         endDate: endDateSignal,
-        timezone: timezoneSignal,
         // Actions
         actions: {
             selectSlot,
@@ -376,7 +380,6 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
             clearPreferences,
             loadMore,
             setDateRange,
-            setTimezone,
         },
     };
 });
@@ -408,8 +411,8 @@ export async function loadTimeSlotListConfig(options) {
     try {
         const response = await fetchAvailability({
             services: options.services || [],
-            fromLocalDate: toLocalDateString(startDate),
-            toLocalDate: toLocalDateString(endDate),
+            fromLocalDate: startDate,
+            toLocalDate: endDate,
             timeZone: options.timezone ?? getClientTimezone(),
             ...options.filters,
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -70,5 +70,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "25ba2b137a6e9ae4a9d267c7eeede1474665fe843f2999d663f593e4"
+  "falconPackageHash": "0404aa644e83255c1641503e68142fb002318cef90f00e879d419ac9"
 }