@wix/headless-bookings 0.0.20 → 0.0.21

package/cjs/dist/api/{time-slot-list → fetch-availability}/index.js

@@ -5,6 +5,7 @@
 import { listAvailabilityTimeSlots, } from '@wix/auto_sdk_bookings_availability-time-slots';
 import { listEventTimeSlots } from '@wix/auto_sdk_bookings_event-time-slots';
 import { ServiceType } from '@wix/auto_sdk_bookings_services';
+import { ANY_STAFF_MEMBER_ID } from '../../services/booking/booking.js';
 import { ViewMode, } from '../../services/time-slot-list/time-slot-list.def.js';
 // ============================================================================
 // Internal Types
@@ -107,7 +108,8 @@ export async function fetchAvailability({ services: selectedServices, viewMode =
     const flow = detectFlow(selectedServices, viewMode);
     const serviceIds = selectedServices.map((s) => s._id);
     if (flow === FlowType.SINGLE_SERVICE) {
-        const resourceTypes = staffMemberIds?.length
+        const isAnyStaffMemberSelected = staffMemberIds?.length === 1 && staffMemberIds[0] === ANY_STAFF_MEMBER_ID;
+        const resourceTypes = staffMemberIds?.length && !isAnyStaffMemberSelected
             ? [
                 {
                     resourceTypeId: STAFF_RESOURCE_TYPE_ID,
@@ -128,7 +130,9 @@ export async function fetchAvailability({ services: selectedServices, viewMode =
             resourceTypes,
             bookable,
             bookingPolicyViolations,
-            includeResourceTypeIds: [STAFF_RESOURCE_TYPE_ID],
+            includeResourceTypeIds: isAnyStaffMemberSelected
+                ? undefined
+                : [STAFF_RESOURCE_TYPE_ID],
         });
         return {
             timeSlots: groupTimeSlotsByTime(response.timeSlots || []),

package/cjs/dist/api/index.d.ts

@@ -5,7 +5,7 @@
  * @module API
  */
 export { getServiceById, getServiceBySlug, queryServices, type PagingMetadata, type ServiceListFilters, type QueryServicesRequest, } from './query-services/index.js';
-export { fetchAvailability } from './time-slot-list/index.js';
+export { fetchAvailability } from './fetch-availability/index.js';
 /**
  * PagingMetadata includes:
  * - limit: Number of items per page

package/cjs/dist/api/index.js

@@ -5,7 +5,7 @@
  * @module API
  */
 export { getServiceById, getServiceBySlug, queryServices, } from './query-services/index.js';
-export { fetchAvailability } from './time-slot-list/index.js';
+export { fetchAvailability } from './fetch-availability/index.js';
 /**
  * PagingMetadata includes:
  * - limit: Number of items per page

package/cjs/dist/react/core/time-slot-list/TimeSlot.js

@@ -9,6 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useService } from '@wix/services-manager-react';
 import { TimeSlotListServiceDefinition, } from '../../../services/time-slot-list/time-slot-list.def.js';
+import { ANY_STAFF_MEMBER_ID } from '../../../services/booking/booking.js';
 const TimeSlotContext = React.createContext(null);
 /**
  * Hook to access TimeSlot context
@@ -202,12 +203,13 @@ export function Locations(props) {
     const selection = service.selection.get();
     const selectedLocationId = selection?.locationId ?? null;
     const selectedStaffMemberId = selection?.staffMemberId ?? null;
+    const isAnyStaffMemberSelected = selectedStaffMemberId === ANY_STAFF_MEMBER_ID;
     // Build locations array from staffByLocation (names already included)
     const locations = timeSlot.staffByLocation.map(({ location, staffMembers }) => {
         // Check if this location is selectable based on selected staff
         // If no staff selected, all locations are selectable
         // If staff selected, only locations where that staff works are selectable
-        const isSelectable = selectedStaffMemberId
+        const isSelectable = !isAnyStaffMemberSelected && selectedStaffMemberId
             ? staffMembers.some((s) => s.id === selectedStaffMemberId)
             : true;
         return {
@@ -311,12 +313,18 @@ export function StaffMembers(props) {
         isSelectable: !selectedLocationId ||
             entries.some((e) => e.locationId === selectedLocationId),
     }));
+    const anyStaffOption = {
+        id: ANY_STAFF_MEMBER_ID,
+        name: 'Any staff member',
+        isSelected: selectedStaffMemberId === ANY_STAFF_MEMBER_ID,
+        isSelectable: true,
+    };
     // Return null if only 1 staff member - nothing to choose from
     if (staffMembers.length <= 1) {
         return null;
     }
     return props.children({
-        staffMembers,
+        staffMembers: [anyStaffOption, ...staffMembers],
         selectStaffMember: service.actions.selectStaffMember,
     });
 }

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

@@ -7,6 +7,7 @@ import { type Signal } from '@wix/services-definitions/core-services/signals';
 import type { Service } from '@wix/auto_sdk_bookings_services';
 import type { Resource, EventInfo } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { FormValues } from '@wix/form-public';
+export declare const ANY_STAFF_MEMBER_ID = "__any_staff_member__";
 /**
  * Minimal time slot data for service selections
  */

package/cjs/dist/services/booking/booking.js

@@ -6,6 +6,10 @@
 import { defineService, implementService } from '@wix/services-definitions';
 import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
 // ============================================================================
+// Constants
+// ============================================================================
+export const ANY_STAFF_MEMBER_ID = '__any_staff_member__';
+// ============================================================================
 // Types
 // ============================================================================
 /**

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

@@ -6,8 +6,8 @@ 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
 // ============================================================================
@@ -84,8 +84,8 @@ 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
+        const serviceSelections = bookingService.serviceSelections.get();
+        const selectedStaffMemberIds = serviceSelections
             .map(({ resources }) => resources.map((r) => r._id))
             .flat();
         const selectedLocation = location ? { _id: location.id } : null;
@@ -243,6 +243,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));

package/dist/api/{time-slot-list → fetch-availability}/index.js

@@ -5,6 +5,7 @@
 import { listAvailabilityTimeSlots, } from '@wix/auto_sdk_bookings_availability-time-slots';
 import { listEventTimeSlots } from '@wix/auto_sdk_bookings_event-time-slots';
 import { ServiceType } from '@wix/auto_sdk_bookings_services';
+import { ANY_STAFF_MEMBER_ID } from '../../services/booking/booking.js';
 import { ViewMode, } from '../../services/time-slot-list/time-slot-list.def.js';
 // ============================================================================
 // Internal Types
@@ -107,7 +108,8 @@ export async function fetchAvailability({ services: selectedServices, viewMode =
     const flow = detectFlow(selectedServices, viewMode);
     const serviceIds = selectedServices.map((s) => s._id);
     if (flow === FlowType.SINGLE_SERVICE) {
-        const resourceTypes = staffMemberIds?.length
+        const isAnyStaffMemberSelected = staffMemberIds?.length === 1 && staffMemberIds[0] === ANY_STAFF_MEMBER_ID;
+        const resourceTypes = staffMemberIds?.length && !isAnyStaffMemberSelected
             ? [
                 {
                     resourceTypeId: STAFF_RESOURCE_TYPE_ID,
@@ -128,7 +130,9 @@ export async function fetchAvailability({ services: selectedServices, viewMode =
             resourceTypes,
             bookable,
             bookingPolicyViolations,
-            includeResourceTypeIds: [STAFF_RESOURCE_TYPE_ID],
+            includeResourceTypeIds: isAnyStaffMemberSelected
+                ? undefined
+                : [STAFF_RESOURCE_TYPE_ID],
         });
         return {
             timeSlots: groupTimeSlotsByTime(response.timeSlots || []),

package/dist/api/index.d.ts

@@ -5,7 +5,7 @@
  * @module API
  */
 export { getServiceById, getServiceBySlug, queryServices, type PagingMetadata, type ServiceListFilters, type QueryServicesRequest, } from './query-services/index.js';
-export { fetchAvailability } from './time-slot-list/index.js';
+export { fetchAvailability } from './fetch-availability/index.js';
 /**
  * PagingMetadata includes:
  * - limit: Number of items per page

package/dist/api/index.js

@@ -5,7 +5,7 @@
  * @module API
  */
 export { getServiceById, getServiceBySlug, queryServices, } from './query-services/index.js';
-export { fetchAvailability } from './time-slot-list/index.js';
+export { fetchAvailability } from './fetch-availability/index.js';
 /**
  * PagingMetadata includes:
  * - limit: Number of items per page

package/dist/react/core/time-slot-list/TimeSlot.js

@@ -9,6 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useService } from '@wix/services-manager-react';
 import { TimeSlotListServiceDefinition, } from '../../../services/time-slot-list/time-slot-list.def.js';
+import { ANY_STAFF_MEMBER_ID } from '../../../services/booking/booking.js';
 const TimeSlotContext = React.createContext(null);
 /**
  * Hook to access TimeSlot context
@@ -202,12 +203,13 @@ export function Locations(props) {
     const selection = service.selection.get();
     const selectedLocationId = selection?.locationId ?? null;
     const selectedStaffMemberId = selection?.staffMemberId ?? null;
+    const isAnyStaffMemberSelected = selectedStaffMemberId === ANY_STAFF_MEMBER_ID;
     // Build locations array from staffByLocation (names already included)
     const locations = timeSlot.staffByLocation.map(({ location, staffMembers }) => {
         // Check if this location is selectable based on selected staff
         // If no staff selected, all locations are selectable
         // If staff selected, only locations where that staff works are selectable
-        const isSelectable = selectedStaffMemberId
+        const isSelectable = !isAnyStaffMemberSelected && selectedStaffMemberId
             ? staffMembers.some((s) => s.id === selectedStaffMemberId)
             : true;
         return {
@@ -311,12 +313,18 @@ export function StaffMembers(props) {
         isSelectable: !selectedLocationId ||
             entries.some((e) => e.locationId === selectedLocationId),
     }));
+    const anyStaffOption = {
+        id: ANY_STAFF_MEMBER_ID,
+        name: 'Any staff member',
+        isSelected: selectedStaffMemberId === ANY_STAFF_MEMBER_ID,
+        isSelectable: true,
+    };
     // Return null if only 1 staff member - nothing to choose from
     if (staffMembers.length <= 1) {
         return null;
     }
     return props.children({
-        staffMembers,
+        staffMembers: [anyStaffOption, ...staffMembers],
         selectStaffMember: service.actions.selectStaffMember,
     });
 }

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

@@ -7,6 +7,7 @@ import { type Signal } from '@wix/services-definitions/core-services/signals';
 import type { Service } from '@wix/auto_sdk_bookings_services';
 import type { Resource, EventInfo } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { FormValues } from '@wix/form-public';
+export declare const ANY_STAFF_MEMBER_ID = "__any_staff_member__";
 /**
  * Minimal time slot data for service selections
  */

package/dist/services/booking/booking.js

@@ -6,6 +6,10 @@
 import { defineService, implementService } from '@wix/services-definitions';
 import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
 // ============================================================================
+// Constants
+// ============================================================================
+export const ANY_STAFF_MEMBER_ID = '__any_staff_member__';
+// ============================================================================
 // Types
 // ============================================================================
 /**

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

@@ -6,8 +6,8 @@ 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
 // ============================================================================
@@ -84,8 +84,8 @@ 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
+        const serviceSelections = bookingService.serviceSelections.get();
+        const selectedStaffMemberIds = serviceSelections
             .map(({ resources }) => resources.map((r) => r._id))
             .flat();
         const selectedLocation = location ? { _id: location.id } : null;
@@ -243,6 +243,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));

package/package.json

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