@wix/headless-bookings 0.0.16 → 0.0.17

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

@@ -3,7 +3,7 @@
  * Defines interfaces and service contract for time slot management
  */
 import type { Signal } from '@wix/services-definitions/core-services/signals';
-import type { TimeSlot as ApiTimeSlot } from '@wix/auto_sdk_bookings_availability-time-slots';
+import type { TimeSlot as ApiTimeSlot, Location } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { Service } from '@wix/auto_sdk_bookings_services';
 export declare enum ViewMode {
     CLASSIC = "classic",
@@ -42,6 +42,26 @@ export interface SlotSelection {
     locationId: string | null;
     staffMemberId: string | null;
 }
+/**
+ * Filters for narrowing down available time slots
+ * Matches Wix Bookings API filter parameters
+ */
+export interface TimeSlotsFilters {
+    /** Filter by specific locations */
+    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 */
+    bookingPolicyViolations?: {
+        tooEarlyToBook?: boolean;
+        tooLateToBook?: boolean;
+        bookOnlineDisabled?: boolean;
+    };
+}
 export interface TimeSlotListServiceConfig {
     /** Services to fetch time slots for */
     services?: Service[];
@@ -53,8 +73,8 @@ export interface TimeSlotListServiceConfig {
     endDate?: Date;
     /** Timezone for formatting */
     timezone?: string;
-    /** View mode */
-    viewMode?: ViewMode;
+    /** Filters for narrowing down time slots */
+    filters?: TimeSlotsFilters;
 }
 export interface TimeSlotListServiceActions {
     selectSlot: (slot: TimeSlot) => void;
@@ -71,7 +91,6 @@ export interface TimeSlotListServiceAPI {
     isLoading: Signal<boolean>;
     error: Signal<string | null>;
     hasMore: Signal<boolean>;
-    viewMode: Signal<ViewMode>;
     startDate: Signal<Date>;
     endDate: Signal<Date>;
     timezone: Signal<string | undefined>;

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

@@ -68,7 +68,8 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
     const isLoadingSignal = signalsService.signal(false);
     const errorSignal = signalsService.signal(null);
     const hasMoreSignal = signalsService.signal(false);
-    const viewModeSignal = signalsService.signal(config.viewMode || ViewMode.CLASSIC);
+    // Internal only - viewMode is auto-detected based on service types
+    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());
@@ -81,12 +82,35 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
             return config.services;
         return bookingService.bookingItems.get().map((s) => s.service);
     };
+    /**
+     * Helper: Get filters from config or BookingService
+     */
+    const getFilters = () => {
+        // Get BookingService selections (these take priority)
+        const location = bookingService.location.get();
+        const selections = bookingService.bookingItems.get();
+        const selectedStaffMemberIds = selections
+            .map(({ resources }) => resources.map((r) => r._id))
+            .flat();
+        const selectedLocation = location ? { _id: location.id } : null;
+        // Merge config filters with BookingService selections (selections win)
+        return {
+            ...config.filters,
+            locations: selectedLocation
+                ? [selectedLocation]
+                : config.filters?.locations,
+            staffMemberIds: selectedStaffMemberIds.length
+                ? selectedStaffMemberIds
+                : config.filters?.staffMemberIds,
+        };
+    };
     /**
      * Fetch time slots from API
      * Called on initialization or when filters change
      */
     const fetchTimeSlots = async () => {
         const selectedServices = getServices();
+        const filters = getFilters();
         isLoadingSignal.set(true);
         errorSignal.set(null);
         cursorSignal.set(undefined);
@@ -97,6 +121,7 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
                 toLocalDate: toLocalDateString(endDateSignal.get()),
                 timeZone: timezoneSignal.get(),
                 viewMode: viewModeSignal.get(),
+                ...filters,
             });
             timeSlotsSignal.set(response.timeSlots);
             const nextCursor = response.cursorPagingMetadata?.cursors?.next ?? undefined;
@@ -279,6 +304,7 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         const selectedServices = getServices();
         if (selectedServices.length === 0)
             return;
+        const filters = getFilters();
         isLoadingSignal.set(true);
         try {
             const response = await fetchAvailability({
@@ -288,6 +314,7 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
                 timeZone: timezoneSignal.get(),
                 cursorPaging: { cursor },
                 viewMode: viewModeSignal.get(),
+                ...filters,
             });
             // API returns grouped slots, merge with existing
             const existing = timeSlotsSignal.get();
@@ -310,6 +337,12 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
      * Action: Update date range and refetch slots
      */
     const setDateRange = (newStartDate, newEndDate) => {
+        const currentStartDate = startDateSignal.get();
+        const currentEndDate = endDateSignal.get();
+        if (currentStartDate.getTime() === newStartDate.getTime() &&
+            currentEndDate.getTime() === newEndDate.getTime()) {
+            return;
+        }
         startDateSignal.set(newStartDate);
         endDateSignal.set(newEndDate);
         fetchTimeSlots();
@@ -333,8 +366,7 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         isLoading: isLoadingSignal,
         error: errorSignal,
         hasMore: hasMoreSignal,
-        // Configuration Signals
-        viewMode: viewModeSignal,
+        // Configuration Signals (viewMode is internal only)
         startDate: startDateSignal,
         endDate: endDateSignal,
         timezone: timezoneSignal,
@@ -375,23 +407,19 @@ export async function loadTimeSlotListConfig(options) {
     const now = new Date();
     const startDate = options.startDate || now;
     const endDate = options.endDate || getDefaultEndDate();
-    const viewMode = options.viewMode || ViewMode.CLASSIC;
-    // check for location and staff in config
     try {
         const response = await fetchAvailability({
             services: options.services || [],
             fromLocalDate: toLocalDateString(startDate),
             toLocalDate: toLocalDateString(endDate),
             timeZone: options.timezone ?? getClientTimezone(),
-            viewMode,
+            ...options.filters,
         });
         const config = {
-            services: options.services,
+            ...options,
             timeSlots: response.timeSlots || [],
             startDate,
             endDate,
-            timezone: options.timezone,
-            viewMode,
         };
         return { type: 'success', config };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -33,6 +33,7 @@
     }
   },
   "dependencies": {
+    "@wix/auto_sdk_bookings_event-time-slots": "^1.0.64",
     "@wix/bookings": "^1.0.122",
     "@wix/form-public": "^0.64.0",
     "@wix/headless-media": "0.0.18",
@@ -68,5 +69,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "9e70aba1e4a39f28a7d02fca86dcf92c71014635fbfc9208bf1569f4"
+  "falconPackageHash": "8c910b633cde19227cb0209fec691701a57a7e53b577ee76971bfa2a"
 }