@wix/headless-bookings 0.0.58 → 0.0.60

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

@@ -1,6 +1,5 @@
-import type { Resource } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { FormValues } from '@wix/form-public';
-import type { ServiceSelection, ServiceSelectionTimeSlot, BookingServiceConfig, BookingService } from '../services/booking/booking.js';
+import type { ServiceSelection, ServiceSelectionTimeSlot, BookingServiceConfig, BookingService, ExtendedResource } from '../services/booking/booking.js';
 import type { Signal } from '@wix/services-definitions/core-services/signals';
 export declare function mockSignal<T>(initialValue: T): Signal<T>;
 export declare function createMockSignalsService(): {
@@ -12,15 +11,15 @@ export declare function createMockBookingService(initialSelections?: ServiceSele
 /**
  * Mock resource (staff member)
  */
-export declare const mockResource: Resource;
+export declare const mockResource: ExtendedResource;
 /**
  * Mock resource (another staff member)
  */
-export declare const mockResourceTwo: Resource;
+export declare const mockResourceTwo: ExtendedResource;
 /**
  * Mock resource (room)
  */
-export declare const mockResourceRoom: Resource;
+export declare const mockResourceRoom: ExtendedResource;
 /**
  * Mock location
  */

package/cjs/dist/__mocks__/booking.js

@@ -35,9 +35,9 @@ export function createMockBookingService(initialSelections = []) {
             addItem: vi.fn(),
             removeItem: vi.fn(),
             clearItems: vi.fn(),
-            setResourceById: vi.fn(),
-            getResourceById: vi.fn(),
-            clearResourceById: vi.fn(),
+            setResource: vi.fn(),
+            getResourceByType: vi.fn(),
+            clearResourceByType: vi.fn(),
             setLocation: vi.fn(),
             clearLocation: vi.fn(),
             setTimezone: vi.fn(),
@@ -56,6 +56,7 @@ export const mockResource = {
     name: 'John Doe',
     email: 'john.doe@example.com',
     tag: 'STAFF',
+    type: 'staff',
 };
 /**
  * Mock resource (another staff member)
@@ -65,6 +66,7 @@ export const mockResourceTwo = {
     name: 'Jane Smith',
     email: 'jane.smith@example.com',
     tag: 'STAFF',
+    type: 'staff',
 };
 /**
  * Mock resource (room)
@@ -73,6 +75,7 @@ export const mockResourceRoom = {
     _id: 'resource-room-1',
     name: 'Conference Room A',
     tag: 'RESOURCE',
+    type: 'room',
 };
 /**
  * Mock location

package/cjs/dist/react/core/service/Service.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { type ServiceServiceConfig } from '../../../services/service/service.js';
-import type { Service, Payment, BookingPolicy, Schedule } from '@wix/auto_sdk_bookings_services';
+import type { Service, Payment, BookingPolicy, Schedule, StaffMember } from '@wix/auto_sdk_bookings_services';
 import type { MoneyData } from '@wix/headless-components/react';
 /**
  * Props for Service.Root component
@@ -56,10 +56,7 @@ export interface InfoProps {
             _id?: string;
         };
         locations?: Array<NonNullable<Service['locations']>[number]>;
-        staff?: Array<{
-            name?: string;
-            _id?: string;
-        }>;
+        staff?: StaffMember[];
         media?: Array<{
             url?: string;
             _id?: string;

package/cjs/dist/react/core/service/Service.js

@@ -92,10 +92,7 @@ export function Info(props) {
     const duration = service.schedule?.availabilityConstraints?.sessionDurations?.[0];
     // Get staff members from staffMemberDetails.staffMembers
     // (available when using conditionalFields: ['STAFF_MEMBER_DETAILS'] in queryServices)
-    const staff = service.staffMembers?.map((member) => ({
-        _id: member.staffMemberId,
-        name: member.name || undefined,
-    })) || [];
+    const staff = service.staffMembers || [];
     // Convert mainMedia to WixMediaImage format
     // Handle both snake_case (main_media) and camelCase (mainMedia) from API
     // Handle both string and object formats for image

package/cjs/dist/react/core/staff-member/StaffMember.js

@@ -130,7 +130,8 @@ export function Actions(props) {
         if (!rawStaffMember?.staffMemberId || !bookingService)
             return;
         // Use resource type ID as the lookup key, staff member ID as the actual resource ID
-        bookingService.actions.setResourceById(STAFF_MEMBER_RESOURCE_TYPE_ID, {
+        bookingService.actions.setResource({
+            type: STAFF_MEMBER_RESOURCE_TYPE_ID,
             _id: rawStaffMember.staffMemberId,
             name: rawStaffMember.name,
         });

package/cjs/dist/react/staff-member/StaffMemberList.d.ts

@@ -9,13 +9,6 @@ import { GenericListRepeaterProps, type ListVariant } from '@wix/headless-compon
 import { type AsChildChildren } from '@wix/headless-utils/react';
 import type { StaffMemberListServiceConfig } from '../../services/staff-member-list/staff-member-list.js';
 import type { StaffMemberData } from '../../services/staff-member-list/staff-member-list.def.js';
-/**
- * Staff member with id for list rendering
- * Uses staffMemberId as the id (which equals resource id)
- */
-interface StaffMemberWithId extends StaffMemberData {
-    id: string;
-}
 /**
  * Props for the StaffMemberList root component
  */
@@ -73,7 +66,7 @@ export declare const StaffMembers: React.ForwardRefExoticComponent<StaffMembersP
 /**
  * Props for StaffMemberList.StaffMemberRepeater component
  */
-export type StaffMemberRepeaterProps = GenericListRepeaterProps<StaffMemberWithId>;
+export type StaffMemberRepeaterProps = GenericListRepeaterProps<StaffMemberData>;
 export declare const StaffMemberRepeater: React.ForwardRefExoticComponent<StaffMemberRepeaterProps & React.RefAttributes<HTMLElement>>;
 /**
  * Props for StaffMemberList.Totals component
@@ -120,4 +113,3 @@ export interface ClearProps {
 export declare const Actions: {
     Clear: React.ForwardRefExoticComponent<ClearProps & React.RefAttributes<HTMLButtonElement>>;
 };
-export {};

package/cjs/dist/react/staff-member/StaffMemberList.js

@@ -59,10 +59,9 @@ Root.displayName = 'StaffMemberList.Root';
 const RootContent = React.forwardRef((props, ref) => {
     const { children, className, variant } = props;
     return (_jsx(CoreStaffMemberList.StaffMembers, { children: ({ staffMembers, isLoading }) => {
-            // Add id to each staff member for GenericList (staffMemberId equals resource id)
-            const itemsWithId = staffMembers.map((staffMember, index) => ({
+            const itemsWithId = staffMembers.map((staffMember) => ({
                 ...staffMember,
-                id: staffMember.staffMemberId || String(index),
+                id: staffMember.staffMemberId,
             }));
             return (_jsx(GenericList.Root, { items: itemsWithId, hasMore: false, isLoading: isLoading, className: className, ref: ref, "data-testid": TestIds.staffMemberListRoot, variant: variant, children: children }));
         } }));
@@ -90,8 +89,8 @@ StaffMembers.displayName = 'StaffMemberList.StaffMembers';
 export const StaffMemberRepeater = React.forwardRef((props, ref) => {
     const { children } = props;
     // Custom itemWrapper that wraps each item in StaffMember.Root
-    const staffMemberItemWrapper = ({ item: staffMemberWithId, children: itemChildren, }) => {
-        return (_jsx(StaffMember.Root, { staffMember: staffMemberWithId, "data-testid": TestIds.staffMemberListStaffMember, "data-staff-member-id": staffMemberWithId.id, "data-item-id": staffMemberWithId.id, children: itemChildren }, staffMemberWithId.id));
+    const staffMemberItemWrapper = ({ item: staffMember, children: itemChildren, }) => {
+        return (_jsx(StaffMember.Root, { staffMember: staffMember, "data-testid": TestIds.staffMemberListStaffMember, "data-staff-member-id": staffMember.staffMemberId, "data-item-id": staffMember.staffMemberId, children: itemChildren }, staffMember.staffMemberId));
     };
     return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: staffMemberItemWrapper, children: children }));
 });
@@ -152,7 +151,7 @@ const Clear = React.forwardRef((props, ref) => {
         // BookingService not available - likely no ServiceManagerProvider
     }
     const handleClick = () => {
-        bookingService?.actions.clearResourceById(STAFF_MEMBER_RESOURCE_TYPE_ID);
+        bookingService?.actions.clearResourceByType(STAFF_MEMBER_RESOURCE_TYPE_ID);
         onClicked?.();
     };
     return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.staffMemberListActionClear, customElement: children, customElementProps: {

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

@@ -9,6 +9,13 @@ import type { Resource, EventInfo, Location as TimeSlotLocationType } from '@wix
 import type { FormValues } from '@wix/form-public';
 import type { BookResult } from './book-action/types.js';
 export declare const ANY_STAFF_MEMBER_ID = "__any_staff_member__";
+/**
+ * Extended Resource type with a type field for categorization
+ */
+export interface ExtendedResource extends Resource {
+    /** Resource type identifier (e.g., 'staff', 'room', 'equipment') */
+    type: string;
+}
 /**
  * Minimal time slot data for service selections
  */
@@ -32,8 +39,8 @@ export interface ServiceSelection {
     instanceId: string;
     /** The selected service */
     service: Service;
-    /** Selected resources (staff members, rooms, etc.) */
-    resources: Resource[];
+    /** Selected resources (staff members, rooms, etc.) with type information */
+    resources: ExtendedResource[];
     /** Per-item time slot data */
     timeSlot?: ServiceSelectionTimeSlot;
     /** Number of participants for this service selection */
@@ -53,12 +60,12 @@ export interface BookingServiceActions {
     removeItem(instanceId?: string): void;
     /** Clears all service selections */
     clearItems(): void;
-    /** Sets a resource by ID within a service selection. If no instanceId provided, uses the first item. */
-    setResourceById(resourceId: string, resource: Resource, instanceId?: string): void;
-    /** Gets a resource by ID from a service selection. If no instanceId provided, uses the first item. */
-    getResourceById(resourceId: string, instanceId?: string): Resource | undefined;
-    /** Clears a resource by ID from a service selection. If no instanceId provided, uses the first item. */
-    clearResourceById(resourceId: string, instanceId?: string): void;
+    /** Sets a resource by type within a service selection. If no instanceId provided, uses the first item. Only one resource per type is allowed. The resourceType parameter specifies which type to set. */
+    setResource(resource: ExtendedResource, instanceId?: string): void;
+    /** Gets a resource by type from a service selection. If no instanceId provided, uses the first item. */
+    getResourceByType(resourceType: string, instanceId?: string): Resource | undefined;
+    /** Clears a resource by type from a service selection. If no instanceId provided, uses the first item. */
+    clearResourceByType(resourceType: string, instanceId?: string): void;
     setLocation(location: ServiceLocationType | null): void;
     clearLocation(): void;
     setTimezone(timezone: string): void;

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

@@ -115,8 +115,7 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
         clearItems() {
             serviceSelectionsSignal.set([]);
         },
-        // Resource helpers
-        setResourceById(resourceId, resource, instanceId) {
+        setResource(resource, instanceId) {
             const current = serviceSelectionsSignal.get();
             // If no instanceId provided, use the first item
             const targetId = instanceId ?? current[0]?.instanceId;
@@ -125,20 +124,13 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
             const updated = current.map((item) => {
                 if (item.instanceId !== targetId)
                     return item;
-                // Find and replace resource by ID, or add if not found
-                const existingIndex = item.resources.findIndex((r) => r._id === resourceId);
-                const newResources = [...item.resources];
-                if (existingIndex >= 0) {
-                    newResources[existingIndex] = resource;
-                }
-                else {
-                    newResources.push(resource);
-                }
+                const newResources = item.resources.filter((r) => r.type !== resource.type);
+                newResources.push(resource);
                 return { ...item, resources: newResources };
             });
             serviceSelectionsSignal.set(updated);
         },
-        getResourceById(resourceId, instanceId) {
+        getResourceByType(resourceType, instanceId) {
             const current = serviceSelectionsSignal.get();
             // If no instanceId provided, use the first item
             const targetId = instanceId ?? current[0]?.instanceId;
@@ -147,9 +139,9 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
             const targetItem = current.find((item) => item.instanceId === targetId);
             if (!targetItem)
                 return undefined;
-            return targetItem.resources.find((r) => r._id === resourceId);
+            return targetItem.resources.find((r) => r.type === resourceType);
         },
-        clearResourceById(resourceId, instanceId) {
+        clearResourceByType(resourceType, instanceId) {
             const current = serviceSelectionsSignal.get();
             // If no instanceId provided, use the first item
             const targetId = instanceId ?? current[0]?.instanceId;
@@ -158,8 +150,8 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
             const updated = current.map((item) => {
                 if (item.instanceId !== targetId)
                     return item;
-                // Filter out the resource with matching ID
-                const newResources = item.resources.filter((r) => r._id !== resourceId);
+                // Filter out the resource with matching type
+                const newResources = item.resources.filter((r) => r.type !== resourceType);
                 return { ...item, resources: newResources };
             });
             serviceSelectionsSignal.set(updated);

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

@@ -195,7 +195,7 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         dateRangeSignal.set({ start: newStartDate, end: newEndDate });
     };
     const preSelectedStaffMemberId = signalsService.computed(() => {
-        const serviceSelections = bookingService.serviceSelections.peek();
+        const serviceSelections = bookingService.serviceSelections.get();
         return serviceSelections.length
             ? (serviceSelections[0]?.resources?.[0]?._id ?? undefined)
             : undefined;

package/dist/__mocks__/booking.d.ts

@@ -1,6 +1,5 @@
-import type { Resource } from '@wix/auto_sdk_bookings_availability-time-slots';
 import type { FormValues } from '@wix/form-public';
-import type { ServiceSelection, ServiceSelectionTimeSlot, BookingServiceConfig, BookingService } from '../services/booking/booking.js';
+import type { ServiceSelection, ServiceSelectionTimeSlot, BookingServiceConfig, BookingService, ExtendedResource } from '../services/booking/booking.js';
 import type { Signal } from '@wix/services-definitions/core-services/signals';
 export declare function mockSignal<T>(initialValue: T): Signal<T>;
 export declare function createMockSignalsService(): {
@@ -12,15 +11,15 @@ export declare function createMockBookingService(initialSelections?: ServiceSele
 /**
  * Mock resource (staff member)
  */
-export declare const mockResource: Resource;
+export declare const mockResource: ExtendedResource;
 /**
  * Mock resource (another staff member)
  */
-export declare const mockResourceTwo: Resource;
+export declare const mockResourceTwo: ExtendedResource;
 /**
  * Mock resource (room)
  */
-export declare const mockResourceRoom: Resource;
+export declare const mockResourceRoom: ExtendedResource;
 /**
  * Mock location
  */

package/dist/__mocks__/booking.js

@@ -35,9 +35,9 @@ export function createMockBookingService(initialSelections = []) {
             addItem: vi.fn(),
             removeItem: vi.fn(),
             clearItems: vi.fn(),
-            setResourceById: vi.fn(),
-            getResourceById: vi.fn(),
-            clearResourceById: vi.fn(),
+            setResource: vi.fn(),
+            getResourceByType: vi.fn(),
+            clearResourceByType: vi.fn(),
             setLocation: vi.fn(),
             clearLocation: vi.fn(),
             setTimezone: vi.fn(),
@@ -56,6 +56,7 @@ export const mockResource = {
     name: 'John Doe',
     email: 'john.doe@example.com',
     tag: 'STAFF',
+    type: 'staff',
 };
 /**
  * Mock resource (another staff member)
@@ -65,6 +66,7 @@ export const mockResourceTwo = {
     name: 'Jane Smith',
     email: 'jane.smith@example.com',
     tag: 'STAFF',
+    type: 'staff',
 };
 /**
  * Mock resource (room)
@@ -73,6 +75,7 @@ export const mockResourceRoom = {
     _id: 'resource-room-1',
     name: 'Conference Room A',
     tag: 'RESOURCE',
+    type: 'room',
 };
 /**
  * Mock location

package/dist/react/core/service/Service.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { type ServiceServiceConfig } from '../../../services/service/service.js';
-import type { Service, Payment, BookingPolicy, Schedule } from '@wix/auto_sdk_bookings_services';
+import type { Service, Payment, BookingPolicy, Schedule, StaffMember } from '@wix/auto_sdk_bookings_services';
 import type { MoneyData } from '@wix/headless-components/react';
 /**
  * Props for Service.Root component
@@ -56,10 +56,7 @@ export interface InfoProps {
             _id?: string;
         };
         locations?: Array<NonNullable<Service['locations']>[number]>;
-        staff?: Array<{
-            name?: string;
-            _id?: string;
-        }>;
+        staff?: StaffMember[];
         media?: Array<{
             url?: string;
             _id?: string;

package/dist/react/core/service/Service.js

@@ -92,10 +92,7 @@ export function Info(props) {
     const duration = service.schedule?.availabilityConstraints?.sessionDurations?.[0];
     // Get staff members from staffMemberDetails.staffMembers
     // (available when using conditionalFields: ['STAFF_MEMBER_DETAILS'] in queryServices)
-    const staff = service.staffMembers?.map((member) => ({
-        _id: member.staffMemberId,
-        name: member.name || undefined,
-    })) || [];
+    const staff = service.staffMembers || [];
     // Convert mainMedia to WixMediaImage format
     // Handle both snake_case (main_media) and camelCase (mainMedia) from API
     // Handle both string and object formats for image

package/dist/react/core/staff-member/StaffMember.js

@@ -130,7 +130,8 @@ export function Actions(props) {
         if (!rawStaffMember?.staffMemberId || !bookingService)
             return;
         // Use resource type ID as the lookup key, staff member ID as the actual resource ID
-        bookingService.actions.setResourceById(STAFF_MEMBER_RESOURCE_TYPE_ID, {
+        bookingService.actions.setResource({
+            type: STAFF_MEMBER_RESOURCE_TYPE_ID,
             _id: rawStaffMember.staffMemberId,
             name: rawStaffMember.name,
         });

package/dist/react/staff-member/StaffMemberList.d.ts

@@ -9,13 +9,6 @@ import { GenericListRepeaterProps, type ListVariant } from '@wix/headless-compon
 import { type AsChildChildren } from '@wix/headless-utils/react';
 import type { StaffMemberListServiceConfig } from '../../services/staff-member-list/staff-member-list.js';
 import type { StaffMemberData } from '../../services/staff-member-list/staff-member-list.def.js';
-/**
- * Staff member with id for list rendering
- * Uses staffMemberId as the id (which equals resource id)
- */
-interface StaffMemberWithId extends StaffMemberData {
-    id: string;
-}
 /**
  * Props for the StaffMemberList root component
  */
@@ -73,7 +66,7 @@ export declare const StaffMembers: React.ForwardRefExoticComponent<StaffMembersP
 /**
  * Props for StaffMemberList.StaffMemberRepeater component
  */
-export type StaffMemberRepeaterProps = GenericListRepeaterProps<StaffMemberWithId>;
+export type StaffMemberRepeaterProps = GenericListRepeaterProps<StaffMemberData>;
 export declare const StaffMemberRepeater: React.ForwardRefExoticComponent<StaffMemberRepeaterProps & React.RefAttributes<HTMLElement>>;
 /**
  * Props for StaffMemberList.Totals component
@@ -120,4 +113,3 @@ export interface ClearProps {
 export declare const Actions: {
     Clear: React.ForwardRefExoticComponent<ClearProps & React.RefAttributes<HTMLButtonElement>>;
 };
-export {};

package/dist/react/staff-member/StaffMemberList.js

@@ -59,10 +59,9 @@ Root.displayName = 'StaffMemberList.Root';
 const RootContent = React.forwardRef((props, ref) => {
     const { children, className, variant } = props;
     return (_jsx(CoreStaffMemberList.StaffMembers, { children: ({ staffMembers, isLoading }) => {
-            // Add id to each staff member for GenericList (staffMemberId equals resource id)
-            const itemsWithId = staffMembers.map((staffMember, index) => ({
+            const itemsWithId = staffMembers.map((staffMember) => ({
                 ...staffMember,
-                id: staffMember.staffMemberId || String(index),
+                id: staffMember.staffMemberId,
             }));
             return (_jsx(GenericList.Root, { items: itemsWithId, hasMore: false, isLoading: isLoading, className: className, ref: ref, "data-testid": TestIds.staffMemberListRoot, variant: variant, children: children }));
         } }));
@@ -90,8 +89,8 @@ StaffMembers.displayName = 'StaffMemberList.StaffMembers';
 export const StaffMemberRepeater = React.forwardRef((props, ref) => {
     const { children } = props;
     // Custom itemWrapper that wraps each item in StaffMember.Root
-    const staffMemberItemWrapper = ({ item: staffMemberWithId, children: itemChildren, }) => {
-        return (_jsx(StaffMember.Root, { staffMember: staffMemberWithId, "data-testid": TestIds.staffMemberListStaffMember, "data-staff-member-id": staffMemberWithId.id, "data-item-id": staffMemberWithId.id, children: itemChildren }, staffMemberWithId.id));
+    const staffMemberItemWrapper = ({ item: staffMember, children: itemChildren, }) => {
+        return (_jsx(StaffMember.Root, { staffMember: staffMember, "data-testid": TestIds.staffMemberListStaffMember, "data-staff-member-id": staffMember.staffMemberId, "data-item-id": staffMember.staffMemberId, children: itemChildren }, staffMember.staffMemberId));
     };
     return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: staffMemberItemWrapper, children: children }));
 });
@@ -152,7 +151,7 @@ const Clear = React.forwardRef((props, ref) => {
         // BookingService not available - likely no ServiceManagerProvider
     }
     const handleClick = () => {
-        bookingService?.actions.clearResourceById(STAFF_MEMBER_RESOURCE_TYPE_ID);
+        bookingService?.actions.clearResourceByType(STAFF_MEMBER_RESOURCE_TYPE_ID);
         onClicked?.();
     };
     return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.staffMemberListActionClear, customElement: children, customElementProps: {

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

@@ -9,6 +9,13 @@ import type { Resource, EventInfo, Location as TimeSlotLocationType } from '@wix
 import type { FormValues } from '@wix/form-public';
 import type { BookResult } from './book-action/types.js';
 export declare const ANY_STAFF_MEMBER_ID = "__any_staff_member__";
+/**
+ * Extended Resource type with a type field for categorization
+ */
+export interface ExtendedResource extends Resource {
+    /** Resource type identifier (e.g., 'staff', 'room', 'equipment') */
+    type: string;
+}
 /**
  * Minimal time slot data for service selections
  */
@@ -32,8 +39,8 @@ export interface ServiceSelection {
     instanceId: string;
     /** The selected service */
     service: Service;
-    /** Selected resources (staff members, rooms, etc.) */
-    resources: Resource[];
+    /** Selected resources (staff members, rooms, etc.) with type information */
+    resources: ExtendedResource[];
     /** Per-item time slot data */
     timeSlot?: ServiceSelectionTimeSlot;
     /** Number of participants for this service selection */
@@ -53,12 +60,12 @@ export interface BookingServiceActions {
     removeItem(instanceId?: string): void;
     /** Clears all service selections */
     clearItems(): void;
-    /** Sets a resource by ID within a service selection. If no instanceId provided, uses the first item. */
-    setResourceById(resourceId: string, resource: Resource, instanceId?: string): void;
-    /** Gets a resource by ID from a service selection. If no instanceId provided, uses the first item. */
-    getResourceById(resourceId: string, instanceId?: string): Resource | undefined;
-    /** Clears a resource by ID from a service selection. If no instanceId provided, uses the first item. */
-    clearResourceById(resourceId: string, instanceId?: string): void;
+    /** Sets a resource by type within a service selection. If no instanceId provided, uses the first item. Only one resource per type is allowed. The resourceType parameter specifies which type to set. */
+    setResource(resource: ExtendedResource, instanceId?: string): void;
+    /** Gets a resource by type from a service selection. If no instanceId provided, uses the first item. */
+    getResourceByType(resourceType: string, instanceId?: string): Resource | undefined;
+    /** Clears a resource by type from a service selection. If no instanceId provided, uses the first item. */
+    clearResourceByType(resourceType: string, instanceId?: string): void;
     setLocation(location: ServiceLocationType | null): void;
     clearLocation(): void;
     setTimezone(timezone: string): void;

package/dist/services/booking/booking.js

@@ -115,8 +115,7 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
         clearItems() {
             serviceSelectionsSignal.set([]);
         },
-        // Resource helpers
-        setResourceById(resourceId, resource, instanceId) {
+        setResource(resource, instanceId) {
             const current = serviceSelectionsSignal.get();
             // If no instanceId provided, use the first item
             const targetId = instanceId ?? current[0]?.instanceId;
@@ -125,20 +124,13 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
             const updated = current.map((item) => {
                 if (item.instanceId !== targetId)
                     return item;
-                // Find and replace resource by ID, or add if not found
-                const existingIndex = item.resources.findIndex((r) => r._id === resourceId);
-                const newResources = [...item.resources];
-                if (existingIndex >= 0) {
-                    newResources[existingIndex] = resource;
-                }
-                else {
-                    newResources.push(resource);
-                }
+                const newResources = item.resources.filter((r) => r.type !== resource.type);
+                newResources.push(resource);
                 return { ...item, resources: newResources };
             });
             serviceSelectionsSignal.set(updated);
         },
-        getResourceById(resourceId, instanceId) {
+        getResourceByType(resourceType, instanceId) {
             const current = serviceSelectionsSignal.get();
             // If no instanceId provided, use the first item
             const targetId = instanceId ?? current[0]?.instanceId;
@@ -147,9 +139,9 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
             const targetItem = current.find((item) => item.instanceId === targetId);
             if (!targetItem)
                 return undefined;
-            return targetItem.resources.find((r) => r._id === resourceId);
+            return targetItem.resources.find((r) => r.type === resourceType);
         },
-        clearResourceById(resourceId, instanceId) {
+        clearResourceByType(resourceType, instanceId) {
             const current = serviceSelectionsSignal.get();
             // If no instanceId provided, use the first item
             const targetId = instanceId ?? current[0]?.instanceId;
@@ -158,8 +150,8 @@ export const BookingService = implementService.withConfig()(BookingServiceDefini
             const updated = current.map((item) => {
                 if (item.instanceId !== targetId)
                     return item;
-                // Filter out the resource with matching ID
-                const newResources = item.resources.filter((r) => r._id !== resourceId);
+                // Filter out the resource with matching type
+                const newResources = item.resources.filter((r) => r.type !== resourceType);
                 return { ...item, resources: newResources };
             });
             serviceSelectionsSignal.set(updated);

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

@@ -195,7 +195,7 @@ export const TimeSlotListService = implementService.withConfig()(TimeSlotListSer
         dateRangeSignal.set({ start: newStartDate, end: newEndDate });
     };
     const preSelectedStaffMemberId = signalsService.computed(() => {
-        const serviceSelections = bookingService.serviceSelections.peek();
+        const serviceSelections = bookingService.serviceSelections.get();
         return serviceSelections.length
             ? (serviceSelections[0]?.resources?.[0]?._id ?? undefined)
             : undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-bookings",
-  "version": "0.0.58",
+  "version": "0.0.60",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -72,5 +72,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "ccd30f51c7b5e50deedb808077fe5dfaebe97ef4f66da71d4f246455"
+  "falconPackageHash": "42dc732173b7489bf0966f3c1db262dcc4ca3ee26f306b3ae0c74c8d"
 }